Categoría · 120 herramientas · 2 secciones

Bibliotecas de componentes UI y de animación

Colecciones de componentes para copiar y pegar, primitivos headless, registros de shadcn y las bibliotecas de animación que los hacen moverse. Cada entrada reproduce una breve vista previa, para que puedas valorar el movimiento antes de instalar nada.

01 / 02

Bibliotecas de componentes UI para React

109Ir a la sección

ForgeUI preview

ForgeUIBibliotecas de componentesComponentes animados de React y Tailwind junto con plantillas listas para construir interfaces más rápido.

RewampUI preview

RewampUIBibliotecas de componentesUn panel que muestra componentes UI listos para usar que puedes explorar y reutilizar.

shadcn/ui preview

shadcn/uiBibliotecas de componentesComponentes UI que copias directamente en tu propio código en lugar de instalarlos como paquete.

Base UI preview

Base UIBibliotecas de componentesPrimitivas de componentes sin estilos y listas para estilizar, de los creadores de Radix y MUI.

Radix preview

RadixBibliotecas de componentesPrimitivas de UI accesibles y sin estilos que puedes estilizar libremente al construir interfaces en React.

21st.dev preview

21st.devBibliotecas de componentesUn registro comunitario de shadcn donde previsualizas los componentes de forma interactiva antes de añadirlos.

motion-primitives.com

Motion Primitives preview

Motion PrimitivesBibliotecas de componentesComponentes animados de React construidos sobre la librería Motion para añadir movimiento a las interfaces.

React Bits preview

React BitsBibliotecas de componentesUna colección de componentes animados y creativos para incorporar en tus proyectos de React.

component.gallery

Component Gallery preview

Component GalleryBibliotecas de componentesUna referencia que reúne y compara componentes de distintos sistemas de diseño.

number-flow.barvian.me

NumberFlow preview

NumberFlowBibliotecas de componentesUn componente que anima con fluidez los números que cambian y funciona en los frameworks modernos.

fancycomponents.dev

Fancy Components preview

Fancy ComponentsBibliotecas de componentesComponentes de React desenfadados que usan efectos basados en física para interacciones más vivas.

opensourceui.in

Opensource UI preview

Opensource UIBibliotecas de componentesComponentes UI de React y mockups de dispositivos para copiar y pegar e incorporar directamente en tus proyectos.

ui.spectrumhq.in

Spectrum UI preview

Spectrum UIBibliotecas de componentesComponentes UI pulidos diseñados específicamente para construir sitios web de SaaS.

amicro.vercel.app

Amicro preview

AmicroBibliotecas de componentesPrimitivas ligeras y fáciles de incorporar para añadir microanimaciones a las interfaces de React.

painterly.design-tools.workers.dev

Painterly preview

PainterlyBibliotecas de componentesAnimaciones de carga artísticas basadas en canvas, empaquetadas como componentes para React.

Bencho preview

BenchoBibliotecas de componentesBloques UI interactivos cuya física puedes ajustar para afinar exactamente cómo se sienten.

shadcnblocks.com

shadcnblocks preview

shadcnblocksBibliotecas de componentesMiles de bloques web limpios y listos para usar, construidos al estilo de shadcn.

blocks.so preview

blocks.soBibliotecas de componentesBloques web de código abierto que instalas directamente desde la línea de comandos.

8bitcn preview

8bitcnBibliotecas de componentesComponentes UI con estilo retro de 8 bits listos para incorporar en tus proyectos de shadcn.

Evil Charts preview

Evil ChartsBibliotecas de componentesComponentes de gráficos SVG animados diseñados para encajar a la perfección en proyectos de shadcn/ui.

coss ui preview

coss uiBibliotecas de componentesComponentes UI para copiar y pegar construidos sobre la librería de primitivas Base UI.

Rare UI preview

Rare UIBibliotecas de componentesUn conjunto de componentes UI distintivos y animados para construir interfaces en React.

beUI preview

beUIBibliotecas de componentesComponentes animados de React estilizados con Tailwind CSS para agilizar el trabajo de interfaz.

butter-nav.vercel.app

Butter Nav preview

Butter NavBibliotecas de componentesUn componente de megamenú cuyo layout se transforma con fluidez a medida que te mueves entre sus secciones.

Cult UI preview

Cult UIBibliotecas de componentesComponentes animados de React impulsados por Framer Motion para un movimiento fluido en la interfaz.

daisyUI preview

daisyUIBibliotecas de componentesUna librería de clases de componentes que extiende Tailwind CSS para estilizar más rápido.

HeroUI preview

HeroUIBibliotecas de componentesUna librería moderna de componentes UI para React, lanzada antes con el nombre de NextUI.

Kibo UI preview

Kibo UIBibliotecas de componentesUn registro de componentes surtido de piezas pensadas para construir interfaces de IA.

Magic UI preview

Magic UIBibliotecas de componentesComponentes de UI animados pensados específicamente para crear landing pages.

ui.aceternity.com

Aceternity UI preview

Aceternity UIBibliotecas de componentesComponentes animados de moda y secciones hero para crear páginas web que llaman la atención.

Animate UI preview

Animate UIBibliotecas de componentesComponentes accesibles de shadcn cobran vida gracias a la librería de animación Motion.

FlyonUI preview

FlyonUIBibliotecas de componentesComponentes semánticos de Tailwind CSS, listos para usar con la última versión Tailwind v4.

TailGrids preview

TailGridsBibliotecas de componentesBloques de UI responsive creados para montar páginas rápidamente con Tailwind CSS.

Flowbite preview

FlowbiteBibliotecas de componentesUna amplia librería de componentes que se apoya en Tailwind CSS para el trabajo de interfaces.

HyperUI preview

HyperUIBibliotecas de componentesComponentes de UI gratuitos y de código abierto que puedes copiar en tus proyectos de Tailwind CSS.

Preline UI preview

Preline UIBibliotecas de componentesComponentes de Tailwind CSS ideales para crear interfaces de dashboard complejas.

Float UI preview

Float UIBibliotecas de componentesComponentes de Tailwind CSS hechos para montar páginas de sitios de marketing.

Meraki UI preview

Meraki UIBibliotecas de componentesComponentes de Tailwind CSS que incluyen soporte para idiomas de derecha a izquierda.

Tremor preview

TremorBibliotecas de componentesUn conjunto modular de componentes de React para montar interfaces de dashboard completas.

Headless UI preview

Headless UIBibliotecas de componentesComponentes de UI accesibles y sin estilos, creados por el equipo de Tailwind Labs.

Base CN preview

Base CNBibliotecas de componentesPrimitivas de Base UI reempaquetadas para encajar en el flujo de trabajo de componentes de shadcn.

Easy UI preview

Easy UIBibliotecas de componentesUna librería de componentes para copiar y pegar que permite montar interfaces con rapidez.

Eldora UI preview

Eldora UIBibliotecas de componentesComponentes de UI animados diseñados para crear landing pages web rápidamente.

velora.colorlib.com

Velora UI preview

Velora UIBibliotecas de componentesUn conjunto gratuito de componentes de Tailwind CSS y secciones de página prediseñadas para reutilizar.

Watermelon UI preview

Watermelon UIBibliotecas de componentesUna librería de componentes de React creada para encajar en el ecosistema de herramientas de shadcn.

beautifului.dev

Beautiful UI preview

Beautiful UIBibliotecas de componentesComponentes de UI pulidos para copiar y pegar, ideales para crear el frontend de aplicaciones web.

Hexter UIBibliotecas de componentesUna colección ordenada y limpia de componentes listos para usar en tus proyectos de shadcn.

Lightswind preview

LightswindBibliotecas de componentesComponentes de Tailwind CSS con efectos de luz y resplandor para lograr una UI que destaca.

Reverse UI preview

Reverse UIBibliotecas de componentesUna librería de componentes para crear interfaces con React y Tailwind CSS.

Smooth UI preview

Smooth UIBibliotecas de componentesComponentes de React con mucha animación que puedes copiar directamente en tus propios proyectos.

Tailark preview

TailarkBibliotecas de componentesSecciones de página y componentes de Tailwind CSS orientados a crear sitios de marketing.

UI Layouts preview

UI LayoutsBibliotecas de componentesDiseños de página completos y secciones hero listos para montar con Tailwind CSS.

Kokonut UI preview

Kokonut UIBibliotecas de componentesComponentes de UI creativos e interactivos empaquetados para funcionar en el formato de shadcn.

Nex UI preview

Nex UIBibliotecas de componentesUna librería de componentes de UI extensible dirigida a equipos que crean startups modernas.

Ninja UI preview

Ninja UIBibliotecas de componentesComponentes de UI ligeros pensados para que los sitios web carguen rápido y con fluidez.

Sera UI preview

Sera UIBibliotecas de componentesComponentes de React diseñados para instalarse directamente mediante la herramienta de línea de comandos de shadcn.

Re UI preview

Re UIBibliotecas de componentesComponentes de UI accesibles construidos sobre la librería de primitivas Base UI.

Syntax UI preview

Syntax UIBibliotecas de componentesComponentes de UI animados para copiar y pegar, ideales para montar landing pages rápidamente.

shadcn-cssinjs.com

shadcn-cssinjs preview

shadcn-cssinjsBibliotecas de componentesComponentes de shadcn reelaborados para que encajen en proyectos que usan estilos CSS-in-JS.

transitions.dev

Transitions preview

TransitionsBibliotecas de componentesUn conjunto cuidado de recetas de transiciones CSS y curvas de aceleración que puedes reutilizar.

23rd preview

23rdBibliotecas de componentesComponentes al estilo de shadcn disponibles para usar tanto en proyectos de React como de Svelte.

Oneko preview

OnekoBibliotecas de componentesUn gato de pixel-art que sigue tu cursor por la página como si fuera un acompañante.

rolling.kitlangton.dev

Rolling Number preview

Rolling NumberBibliotecas de componentesUn contador numérico de React que anima sus dígitos con un suave efecto de giro.

Annnimate preview

AnnnimateBibliotecas de componentesComponentes de movimiento listos para producción, creados con la librería de animación GSAP.

GetLayers preview

GetLayersBibliotecas de componentesUn conjunto de prompts de IA que generan secciones de página con estilo cinematográfico para tu sitio.

Scritto preview

ScrittoBibliotecas de componentesUna librería de componentes para transiciones de texto con caracteres giratorios que puedes añadir a tu UI.

ogimagecn preview

ogimagecnBibliotecas de componentesComponentes para generar imágenes de Open Graph para redes sociales, impulsados por Satori.

Dither Kit preview

Dither KitBibliotecas de componentesComponentes de gráficas renderizados con píxeles tramados para lograr una estética retro de otra época.

shieldcn preview

shieldcnBibliotecas de componentesInsignias de README con el estilo de shadcn para dar un toque especial a la documentación de tu proyecto.

unlumen UI preview

unlumen UIBibliotecas de componentesUna librería minimalista de componentes de React que instalas y añades desde su línea de comandos.

Bearnie preview

BearnieBibliotecas de componentesUna colección de componentes de UI creados para Astro y estilizados con Tailwind CSS.

fluidfunctionalism.com

Fluid Functionalism preview

Fluid FunctionalismBibliotecas de componentesComponentes de UI cuyo movimiento se rige por una animación intencionada basada en la física.

termcn preview

termcnBibliotecas de componentesComponentes de React para crear interfaces con estilo de terminal, impulsados por Ink y OpenTUI.

framecn preview

framecnBibliotecas de componentesRenderizado programático de vídeo para proyectos de React, impulsado por Editframe.

emailcn preview

emailcnBibliotecas de componentesComponentes de correo responsive que funcionan con React Email, MJML y JSX Email.

startercn.vercel.app

startercn preview

startercnBibliotecas de componentesUn starter de registro para shadcn/ui listo para bifurcar, con documentación, landing page y soporte para agentes.

pdfcn preview

pdfcnBibliotecas de componentesComponentes de React para generar documentos PDF, construidos sobre Takumi y Forme.

editorcn.vercel.app

editorcn preview

editorcnBibliotecas de componentesInterfaz de edición de texto enriquecido lista para usar en apps de React, impulsada por el framework Tiptap.

shadcn-labs.com

Shadcn Labs preview

Shadcn LabsBibliotecas de componentesUna colección de registros de código abierto y herramientas para el ecosistema de shadcn/ui.

FramebloxBibliotecas de componentesSecciones y plantillas modulares que puedes combinar para montar sitios completos dentro de Framer.

Nexvyn UIBibliotecas de componentesComponentes de UI pulidos y listos para usar que encajan en interfaces y aplicaciones digitales.

gradient-spin.vercel.app

gradient-spin.vercel.app

Gradient SpinBibliotecas de componentesUn componente de indicador de carga giratorio con relleno de degradado para proyectos de React.

Libraries.dev preview

Libraries.devBibliotecas de componentesUna colección de efectos y componentes de UI diseñados para que los usen agentes de IA.

Sona UI preview

Sona UIBibliotecas de componentesComponentes de React animados que copias en tu código y que son completamente tuyos para reestilizar.

text-effects.colorion.co

Colorion Text Effects preview

Colorion Text EffectsBibliotecas de componentesEfectos de texto animados que puedes copiar y pegar directamente en tu interfaz.

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

Dot MatrixBibliotecas de componentesUn conjunto de más de cincuenta animaciones de carga estilo matriz de puntos creadas para proyectos de shadcn.

sacred.computer

SRCL preview

SRCLBibliotecas de componentesUn kit de componentes que recrea el aspecto de las interfaces de terminal retro de la era DOS.

Prompt Kit preview

Prompt KitBibliotecas de componentesComponentes primitivos para crear experiencias de chat y otras interfaces de IA.

Shoogle preview

ShoogleBibliotecas de componentesUn motor de búsqueda que indexa componentes de UI en multitud de registros de shadcn distintos.

interior.dev preview

interior.devBibliotecas de componentesMicrointeracciones cuidadosamente ajustadas para sentirse ágiles en el instante en que haces clic.

soundcn preview

soundcnBibliotecas de componentesUna colección de efectos de sonido de UI para copiar y pegar y así añadir audio a las interfaces.

cuelume preview

cuelumeBibliotecas de componentesPequeñas señales sonoras de interfaz generadas en tiempo real con la API Web Audio del navegador.

Canvas UI preview

Canvas UIBibliotecas de componentesEfectos de física líquida acelerados por GPU y shaders de canvas para lograr una UI visualmente rica.

Odyssey UI preview

Odyssey UIBibliotecas de componentesUn conjunto de componentes de React animados construidos sobre el sistema de componentes de shadcn.

Spell UI preview

Spell UIBibliotecas de componentesComponentes de UI interactivos y cuidadosamente elaborados para crear aplicaciones web modernas.

Skiper UI preview

Skiper UIBibliotecas de componentesPrimitivas de UI animadas diseñadas para componerse y estilizarse con Tailwind CSS.

devl preview

devlBibliotecas de componentesComponentes de UI minimalistas y experimentales para crear interfaces web modernas.

Uiuno preview

UiunoBibliotecas de componentesUn espacio de trabajo asistido por IA para organizar y gestionar tus componentes de shadcn.

vengeanceui.com

Vengeance UI preview

Vengeance UIBibliotecas de componentesComponentes de React animados construidos en torno a interacciones y efectos impulsados por el scroll.

sensory-ui preview

sensory-uiBibliotecas de componentesUn sistema de diseño de sonido que añade retroalimentación de audio a los componentes de shadcn/ui.

amacro.vercel.app

Amacro preview

AmacroBibliotecas de componentesAnimaciones de revelado de página listas para usar que puedes añadir a apps de React con muy poca configuración.

evilbuttons.com

Evil Buttons preview

Evil ButtonsBibliotecas de componentesComponentes de botón diseñados para sentirse interactivos y táctiles en el momento en que los pulsas.

componentry.dev

Componentry preview

ComponentryBibliotecas de componentesPrimitivas y componentes de UI personalizables para crear interfaces de React.

Great UI preview

Great UIBibliotecas de componentesComponentes para copiar y pegar creados con React y estilizados con Tailwind CSS.

Ruru UI preview

Ruru UIBibliotecas de componentesComponentes de UI accesibles y personalizables para crear aplicaciones de React.

shadcnstudio.com

Shadcn Studio preview

Shadcn StudioBibliotecas de componentesUna librería de componentes de shadcn/ui, bloques prediseñados y plantillas completas.

shadcn-animated.vercel.app

Animated shadcn/ui preview

Animated shadcn/uiBibliotecas de componentesVersiones con movimiento de los componentes estándar de shadcn/ui para crear interfaces animadas.

Pin UI preview

Pin UIBibliotecas de componentesComponentes distintivos para copiar y pegar, creados con React y Tailwind CSS.

loading.dev preview

loading.devBibliotecas de componentesUna librería ligera de indicadores de carga y spinners para apps de React.

02 / 02

Bibliotecas de animación para React y la web

11Ir a la sección

Motion preview

MotionAnimaciónUna biblioteca de animación lista para producción para incorporar movimiento a las aplicaciones de React en la web.

GSAP preview

GSAPAnimaciónUn motor de animación en JavaScript, muy usado en la industria, construido en torno a las líneas de tiempo.

Rive preview

RiveAnimaciónUna herramienta para crear animaciones vectoriales interactivas controladas por máquinas de estado.

lottiefiles.com

Lottie preview

LottieAnimaciónUn formato ligero basado en JSON para llevar animaciones vectoriales a la web.

easingwizard.com

Easing Wizard preview

Easing WizardAnimaciónUn generador visual para crear easings spring personalizados en CSS para animación web.

Morphrig preview

MorphrigAnimaciónUn manual interactivo que explica cómo funciona la animación de transformación de iconos.

Theatre.js preview

Theatre.jsAnimaciónUn secuenciador visual para coreografiar el diseño de movimiento en los elementos del DOM.

morphicons preview

morphiconsAnimaciónUna biblioteca de animación que transforma iconos usando física de muelles para un movimiento natural.

glimm preview

glimmAnimaciónTransiciones de página basadas en shaders para animar la navegación en proyectos de Next.js.

devouringdetails.com

Devouring Details preview

Devouring DetailsAnimaciónUn libro interactivo que enseña el arte de diseñar microinteracciones.

textmotion preview

textmotionAnimaciónUna primitiva sin dependencias para añadir animación de texto rotatorio a la web.

Componentes UI y bibliotecas de animación (120) — Designeer