Загрузка видео...

Не удалось загрузить видео

На главную

La mejor colección de componentes animados tiene nueva versión: ¡React Bits 2.0! ✓ +150 componentes para copiar y pegar ✓ Totalmente personalizable con CSS o Tailwind Con efectos muy chulos para darle un toque top a tu app o web →

31,279 просмотров • 11 дней назад •via X (Twitter)

Комментарии: 7

Фото профиля IA en Bruto
IA en Bruto11 дней назад

Tip si se los pasas a un agente para integrarlos: pídele que respete prefers-reduced-motion y que no añada dependencias de animación sin mostrarte cuánto pesan en el bundle. Suelen copiar el efecto y olvidar las dos cosas.

Фото профиля ຸ
ຸ11 дней назад

Cabe aclarar que estos componentes te jalan el rendimiento de una web de una manera enfermiza, así que toca usarlo con cabeza

Фото профиля Pablo Cazorla
Pablo Cazorla11 дней назад

¿Sigue teniendo sentido las bibliotecas de componentes en la era de la IA?... Me lo pregunto cada día más

Фото профиля Alan Acuña
Alan Acuña11 дней назад

Lo de copiar y pegar me gusta más que instalar otra dependencia solo para animar un título 😅

Фото профиля Sandra Barrios | IA & Tech
Sandra Barrios | IA & Tech11 дней назад

La filosofía de copiar y pegar en lugar de instalar librerías pesadas de npm es lo mejor que le ha pasado al frontend. Te quedas solo con el código que usas, sin sobrecargar el bundle ni pelear con estilos bloqueados. ⚡

Фото профиля 晚晚
晚晚11 дней назад

挑动画的时间又要比写页面长了

Фото профиля Mauro
Mauro11 дней назад

muy bueno!

Похожие видео

Muchos usan shadcn/ui pero pocos saben todo lo que puedes hacer con él hoy. Y es que no es solo "copy-paste de componentes", sino que ahora tienes IA, constructor visual de temas, temas completos creados por la comunidad, integraciones con servicios como ElevenLabs, MapLibre y hasta kits de Figma oficiales. Te dejo mis recursos favoritos del ecosistema 👇 🔹 The Gridcn — tema Tron Un tema inspirado en Tron: Ares con 6 variantes (Tron, Ares, Clu, Athena, Aphrodite, Poseidon), efectos 3D con Three.js, glows neón y 50+ componentes. Perfecto para proyectos con identidad fuerte. 🔹 Glitchcn/ui — estética cyberpunk/hacker Componentes con scanlines animados, bordes que emiten luz cyan/emerald y tipografía monospace. Ideal para portfolios dev, dashboards técnicos o cualquier cosa que quiera verse como un terminal hackeado. 🔹 ElevenLabs UI — componentes para apps con IA y audio Si estás construyendo chats tipo ChatGPT, voice agents o interfaces de audio: acá tienes waveforms en tiempo real, agent orbs con estados (idle/listening/talking), voice fill, reproductores. Open source y basado en shadcn. 🔹 UI TripleD — shadcn + Framer Motion 100+ bloques y páginas completas con animaciones listas. Incluye un Builder drag-and-drop para armar landings visualmente antes de copiar el código. Muy útil para prototipar MVPs. 🔹 mapcn — mapas estilo shadcn Componentes de mapa para React construidos sobre MapLibre y estilizados con Tailwind. Se sienten parte del mismo design system. Si alguna vez peleaste con Google Maps en un dashboard, esto te va a gustar. 🔹 shadcn/ui kit de Figma (shadcndesign) Kit de Figma pixel-perfect + plugin que convierte diseños de Figma a código shadcn/ui real. Incluso tiene Agent Skills para que Claude, Cursor o Codex generen componentes desde un frame de Figma. El propio shadcn lo endorsó. 🔹 tweakcn — editor visual de temas El problema clásico: "todas las apps con shadcn se ven igual". tweakcn lo soluciona. Es un editor no-code donde customizas colores, tipografía, border radius, sombras y transiciones con preview en tiempo real, y exporta las variables CSS listas para Tailwind v3 o v4. Viene con presets hermosos para arrancar rápido y son Open source. shadcn dejó de ser una librería y se convirtió en una plataforma de distribución de código. Entre registries de terceros, MCP servers, builder visual y kits de diseño, hoy puedes armar una app completa sin salir del ecosistema. ¿Cuál me falta? Dejen sus favoritos 👇

Fazt

69,271 просмотров • 6 месяцев назад