Uma coleção de layouts de UI open-source criados com cuidado usando Next.js e shadcn/ui, incluindo dashboards, trackers e templates de aplicativos com demos ao vivo, disponíveis nas variantes Radix UI e Base UI.
O que faz
Square UI é uma coleção open-source de layouts de aplicativos completos e realistas, construídos com Next.js, TypeScript, shadcn/ui e Tailwind CSS. Cada template é entregue como uma interface completa (não componentes isolados) com uma demo ao vivo, e todos estão disponíveis nas variantes Radix UI e Base UI.
Square UI é uma coleção de layouts de aplicativos open-source criados com cuidado usando Next.js e shadcn/ui. Em vez de componentes isolados, cada template é uma interface completa e realista: trackers de hábitos, dashboards de marketing e CRM, plataformas de aluguel e mapas, gerenciadores de arquivos, calendários, quadros kanban, clientes de e-mail, ferramentas de RH e folha de pagamento, e um gerenciador de projetos inspirado no Linear. Todos vêm com uma demo ao vivo.
Os templates estão disponíveis em duas variantes: uma construída sobre Radix UI (em templates/) e outra sobre Base UI (em templates-baseui/), para que você possa utilizar o primitivo que seu projeto já adota. A stack é Next.js, TypeScript, shadcn/ui e Tailwind CSS. A coleção principal é gratuita e open-source; um nível premium, o Square UI Pro, oferece templates adicionais.
Recursos
Notas de campo
Revisado em Jun 21, 2026
Ideal para
Resultados para quem cria
Atenção
Testado com
Custo
Coleção principal gratuita e open-source; nível premium Square UI Pro disponível.
Ferramentas usadas
Uma coleção open-source de layouts de aplicativos completos e refinados (dashboards, trackers, gerenciadores e muito mais) construídos com Next.js e shadcn/ui, cada um com uma demo ao vivo.
Sim. Cada template vem em duas variantes: uma construída sobre Radix UI e outra sobre Base UI, para que você possa utilizar o primitivo do seu projeto.
A coleção principal é gratuita e open-source. Um nível premium, o Square UI Pro, oferece templates adicionais.
78+ 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 overheadshadcn/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 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.
Best for Adicionar spinners e animações de carregamento rapidamenteUma 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/uiUma 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 distintoAplicativo desktop local-first e open-source para design agêntico, gere e edite UIs para web, mobile e protótipos, slides, imagens e vídeo, com roteamento bring-your-own-key entre os principais LLMs.
Best for Gerar UI, decks e mídias consistentes com a marca a partir de um DESIGN.md