Loading video...

Video Failed to Load

Go Home

¡Proyectazo! Necesitas esto para tu web o app. Te genera automáticamente el skeleton de tus componentes. Sin calcular nada a mano. Envuelves tus componentes con <Skeleton> y listo. Para Vue, React, Angular y Svelte:

midudev's profile picture

Miguel Ángel Durán

329,867 subscribers

82,921 views • 1 day ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

¡Hermosa colección de componentes! Desarrollado con React y Tailwind. Listo para copiar, pegar y subir el nivel de tu web:
0:13

¡Hermosa colección de componentes! Desarrollado con React y Tailwind. Listo para copiar, pegar y subir el nivel de tu web:

Miguel Ángel Durán

79,519 views • 2 years ago

Esta es mi COLECCIÓN de ICONOS favorita. Tienes +4000 disponibles y es gratis. - Componentes de React, Vue, Angular, Svelte - Descarga en SVG, PNG, PDF o Figma - Personaliza el grosor - Válidos para uso comercial →
0:17

Esta es mi COLECCIÓN de ICONOS favorita. Tienes +4000 disponibles y es gratis. - Componentes de React, Vue, Angular, Svelte - Descarga en SVG, PNG, PDF o Figma - Personaliza el grosor - Válidos para uso comercial →

Miguel Ángel Durán

152,053 views • 2 years ago

¡Crea un tour virtual para tu página web o app! Funciona en React, Vue, Angular, Svelte y más. La biblioteca se llama Driver.js y funciona así ⇣
0:15

¡Crea un tour virtual para tu página web o app! Funciona en React, Vue, Angular, Svelte y más. La biblioteca se llama Driver.js y funciona así ⇣

Miguel Ángel Durán

63,490 views • 1 year ago

¡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 views • 1 year ago

Calendario para tu web o app. Sólo 8KB. Personalizable. Funciona en React, Vue y Angular. → npm install cally
0:13

Calendario para tu web o app. Sólo 8KB. Personalizable. Funciona en React, Vue y Angular. → npm install cally

Miguel Ángel Durán

68,257 views • 2 years ago

La mejor biblioteca para mostrar PDF en tu web se acaba de actualizar a la versión 4. ✓ Biblioteca de JavaScript ✓ Componentes de React, Svelte y Solid ✓ Anotaciones, responsive y modo oscuro →
0:19

La mejor biblioteca para mostrar PDF en tu web se acaba de actualizar a la versión 4. ✓ Biblioteca de JavaScript ✓ Componentes de React, Svelte y Solid ✓ Anotaciones, responsive y modo oscuro →

Miguel Ángel Durán

46,841 views • 29 days ago

¡Biblioteca de JavaScript para subir archivos a tu web! Se llama Uppy, es modular y de código abierto. ✓ Soporta arrastrar archivos, usar webcam o URL ✓ Sube desde Dropbox, Google Drive y otros ✓ Para React, Vue, Angular y Svelte
0:14

¡Biblioteca de JavaScript para subir archivos a tu web! Se llama Uppy, es modular y de código abierto. ✓ Soporta arrastrar archivos, usar webcam o URL ✓ Sube desde Dropbox, Google Drive y otros ✓ Para React, Vue, Angular y Svelte

Miguel Ángel Durán

37,231 views • 10 months ago

5 Recursos TOP para Programadores Te hacen la vida más fácil y te ayudan en tu día a día Y todos son gratuitos ↓ 1/ DEVDOCS Toda la documentación que necesitas en un sólo sitio 📖 Lenguajes, frameworks, bibliotecas... 🔍 ¡Busca en todas a la vez! 📅 Siempre actualizadas 🌓 Modo claro/oscuro Un imprescindible: → devdocs․io 2/ NETLIFY DROP ¿Necesitas desplegar una página web a Internet? ¿Tienes el HTML, CSS y JAVASCRIPT? ¡Arrastra los ficheros y ya lo tienes! Sin registro → netlify․com/drop 3/ TABLER ICONS +5000 Iconos para tus proyectos y aplicaciones. Funcionan en React, Svelte, Vue y cualquier framework. Imposible que te los acabes: → tabler-icons․io 4/ HYPERUI Construye tus páginas web más rápido Un catálogo de +100 componentes visuales. Perfecto para tu Landing, Tienda Online o proyecto: → hyperui․dev 5/ SQUOOSH Optimiza imágenes para que tu web cargue más rápido - Usa formatos más modernos - Redimensiona tu imagen - Reduce calidad para reducir el peso Desarrollado por Google: → squoosh․app
0:16

5 Recursos TOP para Programadores Te hacen la vida más fácil y te ayudan en tu día a día Y todos son gratuitos ↓ 1/ DEVDOCS Toda la documentación que necesitas en un sólo sitio 📖 Lenguajes, frameworks, bibliotecas... 🔍 ¡Busca en todas a la vez! 📅 Siempre actualizadas 🌓 Modo claro/oscuro Un imprescindible: → devdocs․io 2/ NETLIFY DROP ¿Necesitas desplegar una página web a Internet? ¿Tienes el HTML, CSS y JAVASCRIPT? ¡Arrastra los ficheros y ya lo tienes! Sin registro → netlify․com/drop 3/ TABLER ICONS +5000 Iconos para tus proyectos y aplicaciones. Funcionan en React, Svelte, Vue y cualquier framework. Imposible que te los acabes: → tabler-icons․io 4/ HYPERUI Construye tus páginas web más rápido Un catálogo de +100 componentes visuales. Perfecto para tu Landing, Tienda Online o proyecto: → hyperui․dev 5/ SQUOOSH Optimiza imágenes para que tu web cargue más rápido - Usa formatos más modernos - Redimensiona tu imagen - Reduce calidad para reducir el peso Desarrollado por Google: → squoosh․app

Miguel Ángel Durán

39,499 views • 1 year ago

¡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,415 views • 1 month ago

¡Nueva versión de Lightweight Charts! De las mejores gráficas para tu web o app ✓︎ Para React, Vue y Web Components ✓ Responsive y preparadas para móvil ✓ Construidas con JavaScript y canvas ✓ Optimizadas para muchos datos →
0:19

¡Nueva versión de Lightweight Charts! De las mejores gráficas para tu web o app ✓︎ Para React, Vue y Web Components ✓ Responsive y preparadas para móvil ✓ Construidas con JavaScript y canvas ✓ Optimizadas para muchos datos →

Miguel Ángel Durán

32,853 views • 2 months ago

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 views • 2 years ago

¡GUÍA para aprender Patrones de Diseño! Aprende arquitectura para tus webs y apps ✓ Con ejemplos prácticos ✓ JavaScript, React y Vue ✓ Y totalmente gratis →
0:12

¡GUÍA para aprender Patrones de Diseño! Aprende arquitectura para tus webs y apps ✓ Con ejemplos prácticos ✓ JavaScript, React y Vue ✓ Y totalmente gratis →

Miguel Ángel Durán

101,035 views • 2 years ago

¡Qué maravilla de recurso para programadores! Colección de botones hermosos para tu Web o App. Con el HTML, JS y CSS listo para copiar: →
0:19

¡Qué maravilla de recurso para programadores! Colección de botones hermosos para tu Web o App. Con el HTML, JS y CSS listo para copiar: →

Miguel Ángel Durán

121,735 views • 2 years ago

¡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 views • 2 years ago

¿Necesitas crear un dashboard? ¡Aquí lo tienes! ✓ Con Tailwind y totalmente personalizable ✓ 50 componentes preparados para usar ✓ Versiones en HTML, React y Vue.js ✓ Modo oscuro y responsive ¿Lo mejor? Es de código abierto:
0:13

¿Necesitas crear un dashboard? ¡Aquí lo tienes! ✓ Con Tailwind y totalmente personalizable ✓ 50 componentes preparados para usar ✓ Versiones en HTML, React y Vue.js ✓ Modo oscuro y responsive ¿Lo mejor? Es de código abierto:

Miguel Ángel Durán

74,069 views • 7 months ago

¡Sube el nivel de tu web o app con esto! Esta biblioteca pesa solo 2 KB y te da 10 sonidos fáciles de usar para mejorar el feedback de tu UI. > pnpm add cuelume
0:14

¡Sube el nivel de tu web o app con esto! Esta biblioteca pesa solo 2 KB y te da 10 sonidos fáciles de usar para mejorar el feedback de tu UI. > pnpm add cuelume

Miguel Ángel Durán

65,312 views • 2 days ago

El buscador más rápido de iconos SVG para tu web. Se llama Icons0 y tiene más de 200.000 iconos Y trae servidor MCP disponible para tu IA. Para que descargue automáticamente el icono que necesitas. →
0:17

El buscador más rápido de iconos SVG para tu web. Se llama Icons0 y tiene más de 200.000 iconos Y trae servidor MCP disponible para tu IA. Para que descargue automáticamente el icono que necesitas. →

Miguel Ángel Durán

64,434 views • 1 month ago

¡Brutal herramienta para revisar el rendimiento web! Escanea toda tu página y te puntúa cada una Es un Lighthouse pero con una visión global de tu sitio Ejecuta esto: npx unlighthouse --site <tu-web>
0:13

¡Brutal herramienta para revisar el rendimiento web! Escanea toda tu página y te puntúa cada una Es un Lighthouse pero con una visión global de tu sitio Ejecuta esto: npx unlighthouse --site <tu-web>

Miguel Ángel Durán

81,460 views • 2 years ago

¿Tienes que maquetar emails? ¡NO uses tablas! React Email es la biblioteca que necesitas: ✓ Componentes de UI listos ✓ Previsualiza cómo se verá el correo ✓ Compatible con Gmail, Outlook y más ✓ Diseños preparados para copiar y pegar → npx create-email
0:12

¿Tienes que maquetar emails? ¡NO uses tablas! React Email es la biblioteca que necesitas: ✓ Componentes de UI listos ✓ Previsualiza cómo se verá el correo ✓ Compatible con Gmail, Outlook y más ✓ Diseños preparados para copiar y pegar → npx create-email

Miguel Ángel Durán

54,623 views • 11 days ago