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.
O que faz
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.
Recursos
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
Aprofunde-se
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