An open API service indexing awesome lists of open source software.

https://github.com/ln-dev7/square-ui

Collection of beautifully crafted open-source layouts UI built with shadcn/ui.
https://github.com/ln-dev7/square-ui

layout shadcn-ui template

Last synced: about 20 hours ago
JSON representation

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

Awesome Lists containing this project

README

          

# Square UI

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

## Sponsors

This project is sponsored by:

- Square UI Pro : Premium UI templates that accelerate your development.

- lndev/ui : Fine components coded by lndev.

[Become a sponsor](https://ecaefmew.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) | | [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) | | [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) | | [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) | | [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) | | [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) | | [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) | | [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) | | [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





Star History Chart