Una colección de spinners, loaders y animaciones de carga para aplicaciones web modernas, construida con React, Next.js, shadcn/ui, Tailwind CSS y Framer Motion.
Qué hace
Loading UI es una colección de código abierto de spinners, loaders y animaciones de carga construida para aplicaciones React modernas. Se integra con React, Next.js, shadcn/ui, Tailwind CSS y Framer Motion, encajando limpiamente en proyectos que ya utilizan esas herramientas.
Loading UI es una colección de código abierto de spinners, loaders y animaciones de carga para aplicaciones web modernas. Está construida para el stack contemporáneo de React: React, Next.js, shadcn/ui, Tailwind CSS y Framer Motion, por lo que los componentes se integran limpiamente en proyectos que ya utilizan esas herramientas. La documentación y una galería en vivo están disponibles en loading-ui.com/docs, y el proyecto está diseñado para facilitar las contribuciones: añadir tu propio componente lleva solo unos minutos según la guía de contribución. Licencia MIT, con una comunidad activa en Discord.
Características
Notas de campo
Revisado el Jun 21, 2026
Ideal para
Resultados para creadores
Ten cuidado
Probado con
Costo
Gratuito y de código abierto (MIT).
Herramientas usadas
Profundiza
Direct third-party write-up of Loading UI's 36 shadcn-compatible React components, covering component types, CLI workflow, and practical usage—the most on-subject external review available.
Una colección de código abierto de spinners, loaders y animaciones de carga para aplicaciones web modernas, construida con React, Next.js, shadcn/ui, Tailwind CSS y Framer Motion.
La documentación y la galería de componentes están en loading-ui.com/docs.
Sí. El proyecto está diseñado para facilitar las contribuciones; añadir tu propio componente lleva solo unos minutos según la guía de contribución.
Una biblioteca de animaciones de carga reutilizables en estilo dotmatrix para React y Next.js, instalable a través del registro de shadcn o copiando el código fuente directamente desde la documentación.
Best for Loaders con el distintivo estilo dotmatrix78+ animated shadcn/ui components plus 100+ AI agent patterns, distributed as copy-paste source, free, open-source, and zero npm lock-in.
Best for React and Tailwind teams already using shadcn/ui who want animated, accessible components without npm package overheadUna galería ligera de animaciones de carga basadas en curvas matemáticas: curvas de rosa, figuras de Lissajous, hipotrocoides, cardioedes y más, construida en HTML, CSS y JavaScript puro con notas de fórmulas y código listo para copiar.
Best for Animaciones de carga distintivas impulsadas por matemáticasshadcn/ui, open-source, copy-owned UI components for developers building their own design system with full code control.
Best for Teams building a custom design system who need full ownership of component source codeUna biblioteca de componentes con glassmorfismo inspirada en Apple, construida sobre shadcn/ui y Base UI, con componentes de estilo glass listos para usar (alert, button, card, calendar, popover, sidebar y más) instalables mediante el registro de shadcn.
Best for Añadir UI con glassmorfismo a un proyecto shadcn/uiUn efecto animado de metal líquido con WebGL para React; envuelve un botón, chip o icono para darle un anillo de metal en tiempo real, con presets, tematización, intensidad ajustable y reflejo de proximidad opcional en elementos vecinos.
Best for Un acento de metal WebGL premium en botones o iconos clave