Uma coleção de spinners, loaders e animações de carregamento para aplicações web modernas, construída com React, Next.js, shadcn/ui, Tailwind CSS e Framer Motion.
Loading UI é uma coleção open-source de spinners, loaders e animações de carregamento construída para aplicações React modernas. Integra-se com React, Next.js, shadcn/ui, Tailwind CSS e Framer Motion, encaixando-se facilmente em projetos que já utilizam essas ferramentas.
Loading UI é uma coleção open-source de spinners, loaders e animações de carregamento para aplicações web modernas. É construída para a stack React contemporânea, React, Next.js, shadcn/ui, Tailwind CSS e Framer Motion, de modo que os componentes se encaixam facilmente em projetos que já utilizam essas ferramentas. A documentação e uma galeria ao vivo estão disponíveis em loading-ui.com/docs, e o projeto é pensado para facilitar contribuições: adicionar seu próprio componente leva apenas alguns minutos, conforme o guia de contribuição. Licença MIT, com uma comunidade ativa no Discord.
Notas de campo
Revisado em Jun 21, 2026
Ideal para
Resultados para quem cria
Atenção
Testado com
Custo
Gratuito e open-source (MIT).
Ferramentas usadas
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.
Uma coleção open-source de spinners, loaders e animações de carregamento para aplicações web modernas, construída com React, Next.js, shadcn/ui, Tailwind CSS e Framer Motion.
A documentação e a galeria de componentes estão em loading-ui.com/docs.
Sim. O projeto é pensado para facilitar contribuições, adicionar seu próprio componente leva apenas alguns minutos conforme o guia de contribuição.
Uma biblioteca de animações de carregamento reutilizáveis no estilo dotmatrix para React e Next.js, instalável pelo registro do shadcn ou copiando o código-fonte direto da documentação.
Best for Loaders com estilo dotmatrix distinto78+ 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 overheadUma galeria leve de animações de carregamento baseadas em curvas matemáticas - curvas rosa, figuras de Lissajous, hipotrocoides, cardioides e muito mais - construída com HTML, CSS e JavaScript puros, com notas de fórmulas e código copiável.
Best for Animações de carregamento distintas e orientadas por matemáticashadcn/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 codeUma biblioteca de componentes glassmórficos inspirada na Apple, construída sobre shadcn/ui e Base UI, com componentes estilizados em vidro prontos para uso (alert, button, card, calendar, popover, sidebar e mais), instaláveis via o registro do shadcn.
Best for Adicionar UI com glassmorphism a um projeto shadcn/uiUm efeito animado de metal líquido em WebGL para React. Envolva um botão, chip ou ícone para adicionar um anel metálico em tempo real, com presets, temas, intensidade ajustável e reflexo de proximidade opcional em elementos vizinhos.
Best for Um destaque WebGL metálico premium em botões ou ícones principais