Una colección de layouts de interfaz de usuario de código abierto, cuidadosamente elaborados con Next.js y shadcn/ui: dashboards, rastreadores y plantillas de aplicaciones con demos en vivo, en variantes tanto de Radix UI como de Base UI.
Qué hace
Square UI es una colección de código abierto de layouts de aplicaciones completos y realistas, construidos con Next.js, TypeScript, shadcn/ui y Tailwind CSS. Cada plantilla se entrega como una interfaz completa (no como componentes aislados) con una demo en vivo, y está disponible tanto en variante Radix UI como Base UI.
Square UI es una colección de layouts de aplicaciones de código abierto, cuidadosamente elaborados con Next.js y shadcn/ui. En lugar de componentes aislados, cada plantilla es una interfaz completa y realista: rastreadores de hábitos, dashboards de marketing y CRM, plataformas de alquiler y mapas, gestores de archivos, calendarios, tableros kanban, clientes de correo, herramientas de RRHH y nóminas, y un gestor de proyectos inspirado en Linear, y todas incluyen una demo en vivo.
Las plantillas vienen en dos variantes: una construida sobre Radix UI (en templates/) y otra sobre Base UI (en templates-baseui/), para que puedas usar la que corresponda al primitivo de tu proyecto. El stack es Next.js, TypeScript, shadcn/ui y Tailwind CSS. La colección principal es gratuita y de código abierto; un nivel premium, Square UI Pro, ofrece plantillas adicionales.
Características
Notas de campo
Revisado el Jun 21, 2026
Ideal para
Resultados para creadores
Ten cuidado
Probado con
Costo
La colección principal es gratuita y de código abierto; hay un nivel premium, Square UI Pro, disponible.
Herramientas usadas
Una colección de código abierto de layouts de aplicaciones completos y cuidados (dashboards, rastreadores, gestores y más) construidos con Next.js y shadcn/ui, cada uno con una demo en vivo.
Sí. Cada plantilla viene en dos variantes: una construida sobre Radix UI y otra sobre Base UI, para que puedas ajustarte al primitivo de tu proyecto.
La colección principal es gratuita y de código abierto. Un nivel premium, Square UI Pro, ofrece plantillas adicionales.
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 codeUna 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.
Best for Añadir spinners y animaciones de carga rápidamenteUna 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/uiUna 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 dotmatrixAplicación de escritorio local-first y de código abierto para diseño agéntico; genera y edita interfaces web, móviles y prototipos de UI, presentaciones, imágenes y video, con enrutamiento bring-your-own-key entre los principales LLMs.
Best for Generar UI, presentaciones y contenido multimedia coherentes con la marca a partir de un DESIGN.md