# Square UI

Collection of beautifully crafted open-source layouts UI built with Next.js and shadcn/ui.

## Sponsors

This project is sponsored by:

- <a href="https://pro.lndevui.com/" target="_blank">Square UI Pro</a> : Premium UI templates that accelerate your development.

- <a href="https://ui.lndev.me/" target="_blank">lndev/ui</a> : Fine components coded by lndev.

[Become a sponsor](https://lndev.mychariow.shop/prd_3cu1s0)

## Templates

> **Note:** Templates using Radix UI are located in `templates/`, while templates using Base UI are in `templates-baseui/`.

| Template                | Description                                                                                                      | Live Demo                                                     | GitHub (Radix UI)                                                                        | GitHub (Base UI)                                                                                | Design                                   |
| ----------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | ---------------------------------------- |
| **Habit Tracker**       | Beautiful habit tracking app with streaks, contribution heatmap, statistics, and daily completion tracking.      | [View Demo](https://square-ui-habit-tracker.vercel.app)       | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/habit-tracker)       | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/habit-tracker)       | [LN](https://x.com/ln_dev7)              |
| **Marketing Dashboard** | Creator marketing dashboard with campaigns, analytics, views chart, and recent uploads management.               | [View Demo](https://square-ui-marketing-dashboard.vercel.app) | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/marketing-dashboard) | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/marketing-dashboard) | [Augustas](https://x.com/AugustasDesign) |
| **Dashboard 5**         | Modern dashboard with stats, today's tasks, performance chart, and projects table.                               | [View Demo](https://square-ui-dashboard-5.vercel.app)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/dashboard-5)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/dashboard-5)         | [LN](https://x.com/ln_dev7)              |
| **Rentals**             | Modern rental property platform with interactive map, property listings, filters, and search.                    | [View Demo](https://square-ui-rentals.vercel.app)             | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/rentals)             | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/rentals)             | [LN](https://x.com/ln_dev7)              |
| **Bookmarks**           | Modern bookmarks manager with collections, tags, favorites, archive, and trash.                                  | [View Demo](https://square-ui-bookmarks.vercel.app)           | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/bookmarks)           | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/bookmarks)           | [LN](https://x.com/ln_dev7)              |
| **Maps**                | Modern maps dashboard with location search, favorites, recents, and interactive map controls.                    | [View Demo](https://square-ui-maps.vercel.app)                | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/maps)                | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/maps)                | [LN](https://x.com/ln_dev7)              |
| **Files**               | Modern file manager with folders, storage overview, file grid/list view, and navigation.                         | [View Demo](https://square-ui-files.vercel.app)               | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/files)               | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/files)               | [LN](https://x.com/ln_dev7)              |
| **Dashboard 4**         | Modern dashboard with workgroups, multi-line leads chart, top performers, and lead management table.             | [View Demo](https://square-ui-dashboard-4.vercel.app)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/dashboard-4)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/dashboard-4)         | [Augustas](https://x.com/AugustasDesign) |
| **Leads**               | Modern leads management dashboard with statistics, charts, and data table with filters.                          | [View Demo](https://square-ui-leads.vercel.app)               | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/leads)               | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/leads)               | [Rico](https://x.com/_heyrico)           |
| **Dashboard 3**         | Modern HR dashboard with financial flow chart, employee list with filters, and layout customization.             | [View Demo](https://square-ui-dashboard-3.vercel.app)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/dashboard-3)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/dashboard-3)         | [Rico](https://x.com/_heyrico)           |
| **Dashboard 2**         | Modern CRM dashboard with revenue charts, lead sources, deals table with pagination, and filters.                | [View Demo](https://square-ui-dashboard-2.vercel.app)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/dashboard-2)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/dashboard-2)         | [Rico](https://x.com/_heyrico)           |
| **Employees**           | Modern employee management dashboard with statistics, hire/exit charts, and data table.                          | [View Demo](https://square-ui-employees.vercel.app)           | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/employees)           | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/employees)           | [Rico](https://x.com/_heyrico)           |
| **Payrolls**            | Modern payroll management dashboard with expense charts, filters, and data table.                                | [View Demo](https://square-ui-payrolls.vercel.app)            | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/payrolls)            | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/payrolls)            | [Rico](https://x.com/_heyrico)           |
| **Tasks**               | Modern task management dashboard with statistics, charts, and kanban board.                                      | [View Demo](https://square-ui-tasks.vercel.app)               | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/tasks)               | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/tasks)               | [Rico](https://x.com/_heyrico)           |
| **Projects Timeline**   | Timeline interface for managing projects.                                                                        | [View Demo](https://square-ui-projects-timeline.vercel.app)   | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/projects-timeline)   | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/projects-timeline)   | [Rico](https://x.com/_heyrico)           |
| **Calendar**            | Modern calendar interface with week view, event management, and scheduling.                                      | [View Demo](https://square-ui-calendar.vercel.app)            | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/calendar)            | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/calendar)            | [Rico](https://x.com/_heyrico)           |
| **Dashboard**           | Modern dashboard interface with statistics, charts, people table, and recent documents.                          | [View Demo](https://square-ui-dashboard-1.vercel.app)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/dashboard-1)         | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/dashboard-1)         | [Augustas](https://x.com/AugustasDesign) |
| **Chat**                | Modern AI chat interface with conversation history and intelligent assistant.                                    | [View Demo](https://square-ui-chat.vercel.app)                | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/chat)                | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/chat)             | [Rico](https://x.com/_heyrico)           |
| **Emails**              | Modern email client interface with inbox, folders, and email details.                                            | [View Demo](https://square-ui-emails.vercel.app)              | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/emails)              | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/emails)              | [Rico](https://x.com/_heyrico)           |
| **Task Management**     | Simple board interface for managing tasks.                                                                       | [View Demo](https://square-ui-task-management.vercel.app)     | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates/task-management)     | [Source](https://github.com/ln-dev7/square-ui/tree/master/templates-baseui/task-management)     | [Rico](https://x.com/_heyrico)           |
| **Circle**              | Project management interface inspired by Linear. This application allows tracking of issues, projects and teams. | [View Demo](https://circle.lndev.me)                          | [Source](https://github.com/ln-dev7/circle)                                              | [Source](https://pro.lndevui.com/templates)                                                     | Inspired by Linear                       |

## 🛠️ Technologies

- **Framework**: [Next.js](https://nextjs.org/)
- **Langage**: [TypeScript](https://www.typescriptlang.org/)
- **UI Components**: [shadcn/ui](https://ui.shadcn.com/)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)

## Star History

<a href="https://www.star-history.com/#ln-dev7/square-ui&Date">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=ln-dev7/square-ui&type=Date&theme=dark" />
   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=ln-dev7/square-ui&type=Date" />
   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=ln-dev7/square-ui&type=Date" />
 </picture>
</a>
