Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

¡He creado un plugin de animaciones para Tailwind! ✓ +70 transiciones listas para usar ✓ Personaliza la animación con clases ✓ Anima elementos a través del scroll ✓ Puro CSS, rendimiento top $ npm install tailwind-animations

midudev's profile picture

Miguel Ángel Durán

327,584 subscribers

42,400 görüntüleme • 5 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

¡Esta es una de las mejores bibliotecas de animaciones! Anima CSS, SVGs y elementos del DOM súper fácil. Una joyita para devs frontend > npm install animejs
0:16

¡Esta es una de las mejores bibliotecas de animaciones! Anima CSS, SVGs y elementos del DOM súper fácil. Una joyita para devs frontend > npm install animejs

Miguel Ángel Durán

60,034 görüntüleme • 10 ay önce

¡Este catálogo de componentes es tremendo! Basado en shadcn pero sin necesidad de React. Compatible con Angular, Vue, Astro, React... Y puedes personalizarlo, opcionalmente, con Tailwind. > npm install basecoat-css
0:18

¡Este catálogo de componentes es tremendo! Basado en shadcn pero sin necesidad de React. Compatible con Angular, Vue, Astro, React... Y puedes personalizarlo, opcionalmente, con Tailwind. > npm install basecoat-css

Miguel Ángel Durán

36,152 görüntüleme • 1 yıl önce

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓
0:11

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓

Tim Wilson

51,923 görüntüleme • 1 ay önce

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔
0:12

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,353 görüntüleme • 3 yıl önce

¿Usas Astro? Desarrolla tu web más rápido con esto. Un catálogo de 20 componentes listos para usar: ✓ Personalizables con Tailwind ✓ Accesibles por defecto →
0:13

¿Usas Astro? Desarrolla tu web más rápido con esto. Un catálogo de 20 componentes listos para usar: ✓ Personalizables con Tailwind ✓ Accesibles por defecto →

Miguel Ángel Durán

23,715 görüntüleme • 1 yıl önce

¡Añade animaciones CSS increíbles para tu web! Esta página tiene transiciones de copiar y pegar: → transition․style
0:10

¡Añade animaciones CSS increíbles para tu web! Esta página tiene transiciones de copiar y pegar: → transition․style

Miguel Ángel Durán

50,022 görüntüleme • 1 yıl önce

¡La mayor colección de ICONOS para tu web! ✓ +180.000 disponibles ✓ Gratuitos y de código abierto ✓ Personaliza colores y tamaños ✓ Para React, Tailwind, Vue, Solid y más Perfecto para desarrolladores y diseñadores: →
0:16

¡La mayor colección de ICONOS para tu web! ✓ +180.000 disponibles ✓ Gratuitos y de código abierto ✓ Personaliza colores y tamaños ✓ Para React, Tailwind, Vue, Solid y más Perfecto para desarrolladores y diseñadores: →

Miguel Ángel Durán

91,755 görüntüleme • 2 yıl önce

Crea diseños en Flexbox o Grid con este recurso. Te da el HTML, CSS y código de Tailwind para copiar:
0:12

Crea diseños en Flexbox o Grid con este recurso. Te da el HTML, CSS y código de Tailwind para copiar:

Miguel Ángel Durán

29,077 görüntüleme • 10 ay önce

¡El mejor Catálogo UI para crear Dashboards! También perfecto para gráficas y datos: ✓ De código abierto ✓ +20 componentes de React ✓ Personalizable con Tailwind CSS → tremor․so
0:10

¡El mejor Catálogo UI para crear Dashboards! También perfecto para gráficas y datos: ✓ De código abierto ✓ +20 componentes de React ✓ Personalizable con Tailwind CSS → tremor․so

Miguel Ángel Durán

31,579 görüntüleme • 1 yıl önce

¡El mejor Catálogo UI para crear Dashboards! También perfecto para gráficas y datos: ✓ De código abierto ✓ +20 componentes de React ✓ Personalizable con Tailwind CSS → tremor․so
0:10

¡El mejor Catálogo UI para crear Dashboards! También perfecto para gráficas y datos: ✓ De código abierto ✓ +20 componentes de React ✓ Personalizable con Tailwind CSS → tremor․so

Miguel Ángel Durán

63,047 görüntüleme • 2 yıl önce

¡Nueva versión de Tailwind 4.3! Y ojo que... Por fin podemos personalizar las barras de scroll con clases: scrollbar-thumb-* y scrollbar-track-*
0:18

¡Nueva versión de Tailwind 4.3! Y ojo que... Por fin podemos personalizar las barras de scroll con clases: scrollbar-thumb-* y scrollbar-track-*

Miguel Ángel Durán

31,187 görüntüleme • 1 ay önce

Si necesitas iconos, aquí los tienes TODOS. ¡En SVG, de código abierto y gratuitos! ✓ Disponibles por colecciones ✓ Personaliza el color y grosor de cada uno ✓ Para usar en React, Vue, Angular, Vue o Tailwind Ideal para programadores y diseñadores →
0:14

Si necesitas iconos, aquí los tienes TODOS. ¡En SVG, de código abierto y gratuitos! ✓ Disponibles por colecciones ✓ Personaliza el color y grosor de cada uno ✓ Para usar en React, Vue, Angular, Vue o Tailwind Ideal para programadores y diseñadores →

Miguel Ángel Durán

54,144 görüntüleme • 2 yıl önce

¡Qué joya de herramienta para devs y diseñadores! Genera una paleta de colores super fácil en segundos. Exporta para CSS, Figma y Tailwind →
0:12

¡Qué joya de herramienta para devs y diseñadores! Genera una paleta de colores super fácil en segundos. Exporta para CSS, Figma y Tailwind →

Miguel Ángel Durán

75,020 görüntüleme • 9 ay önce

La nueva web de GTA VI es espectacular. Animaciones a través del scroll con JavaScript. ¿La intentamos hacer juntos en directo desde cero?
0:14

La nueva web de GTA VI es espectacular. Animaciones a través del scroll con JavaScript. ¿La intentamos hacer juntos en directo desde cero?

Miguel Ángel Durán

260,712 görüntüleme • 1 yıl önce

¡Brutal biblioteca de gráficas para tu web! Personalizables, vistosas y fáciles de usar ✓ Componentes de copiar y pegar ✓ React + Tailwind →
0:15

¡Brutal biblioteca de gráficas para tu web! Personalizables, vistosas y fáciles de usar ✓ Componentes de copiar y pegar ✓ React + Tailwind →

Miguel Ángel Durán

40,191 görüntüleme • 1 ay önce

¡Si eres programador necesitas esta herramienta! Transforma código entre diferentes formatos. ✓ SVG a componente de React ✓ JSON a interfaz de TypeScript ✓ CSS a clases de Tailwind ✓ ...y muchas más! → transform․tools
0:14

¡Si eres programador necesitas esta herramienta! Transforma código entre diferentes formatos. ✓ SVG a componente de React ✓ JSON a interfaz de TypeScript ✓ CSS a clases de Tailwind ✓ ...y muchas más! → transform․tools

Miguel Ángel Durán

94,344 görüntüleme • 2 yıl önce

¿Necesitas crear un dashboard o gráficas con React? ¡Este recurso es BRUTAL! - 24 componentes con muchas opciones - Personaliza al detalle con Tailwind - Bloques y gráficas preparadas - Gratuito →
0:10

¿Necesitas crear un dashboard o gráficas con React? ¡Este recurso es BRUTAL! - 24 componentes con muchas opciones - Personaliza al detalle con Tailwind - Bloques y gráficas preparadas - Gratuito →

Miguel Ángel Durán

78,462 görüntüleme • 2 yıl önce

¡Nuevo componente para React! <ViewTransition /> Podremos crear transiciones en la UI fácilmente. Envuelve lo que quieres animar y dale un nombre único. Puedes personalizar la animación con CSS. Por ahora experimental, pero tiene pintaza:
0:10

¡Nuevo componente para React! <ViewTransition /> Podremos crear transiciones en la UI fácilmente. Envuelve lo que quieres animar y dale un nombre único. Puedes personalizar la animación con CSS. Por ahora experimental, pero tiene pintaza:

Miguel Ángel Durán

25,416 görüntüleme • 1 yıl önce

¡BRUTAL animación con JS y CSS! ✓ Detecta la posición del cursor ✓ Ilumina el borde de la tarjeta ✓ Configurable Perfecto para llamar la atención del usuario: →
0:10

¡BRUTAL animación con JS y CSS! ✓ Detecta la posición del cursor ✓ Ilumina el borde de la tarjeta ✓ Configurable Perfecto para llamar la atención del usuario: →

Miguel Ángel Durán

36,997 görüntüleme • 1 yıl önce

¡Añade un efecto parallax a cualquier imagen! Muy fácil de usar y personalizable al detalle. Para JavaScript o componente de React: > npm install simple-parallax-js
0:15

¡Añade un efecto parallax a cualquier imagen! Muy fácil de usar y personalizable al detalle. Para JavaScript o componente de React: > npm install simple-parallax-js

Miguel Ángel Durán

23,546 görüntüleme • 1 yıl önce