Square UI
Collection of beautifully crafted open-source layouts UI built with Next.js and shadcn/ui.
Note: Templates using Radix UI are located in
templates/, while templates using Base UI are intemplates-baseui/.
| Template | Description | Live Demo | GitHub | Design |
|---|---|---|---|---|
| Dashboard 3 | Modern HR dashboard with financial flow chart, employee list with filters, and layout customization. | View Demo | Source | Rico |
| Dashboard 2 | Modern CRM dashboard with revenue charts, lead sources, deals table with pagination, and filters. | View Demo | Source | Rico |
| Employees | Modern employee management dashboard with statistics, hire/exit charts, and data table. | View Demo | Source | Rico |
| Payrolls | Modern payroll management dashboard with expense charts, filters, and data table. | View Demo | Source | Rico |
| Tasks | Modern task management dashboard with statistics, charts, and kanban board. | View Demo | Source | Rico |
| Projects Timeline | Timeline interface for managing projects. | View Demo | Source | Rico |
| Calendar | Modern calendar interface with week view, event management, and scheduling. | View Demo | Source | Rico |
| Dashboard | Modern dashboard interface with statistics, charts, people table, and recent documents. | View Demo | Source | Augustas |
| Chat | Modern AI chat interface with conversation history and intelligent assistant. | View Demo | Source | Rico |
| Emails | Modern email client interface with inbox, folders, and email details. | View Demo | Source | Rico |
| Task Management | Simple board interface for managing tasks. | View Demo | Source | Rico |
| Circle | Project management interface inspired by Linear. This application allows tracking of issues, projects and teams. | View Demo | Source | Inspired by Linear |
🛠️ Technologies
- Framework: Next.js
- Langage: TypeScript
- UI Components: shadcn/ui
- Styling: Tailwind CSS