# ln-dev7/square-ui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/ln-dev7-square-ui).**

4,823 stars · 531 forks · TypeScript · mit

## Links

- GitHub: https://github.com/ln-dev7/square-ui
- Homepage: https://square.lndev.me
- awesome-repositories: https://awesome-repositories.com/repository/ln-dev7-square-ui.md

## Topics

`layout` `shadcn-ui` `template`

## Description

Square-ui is a component-based UI library and admin dashboard framework designed for building data-dense management interfaces. It provides a toolkit of reusable UI primitives and data visualization elements, such as kanban boards, heatmaps, and financial charts, to assemble internal tools and operational dashboards.

The framework is distinguished by an event-driven UI architecture that utilizes a centralized event bus to synchronize real-time operational data across decoupled functional domains. It employs a constraint-based responsive grid system to organize widgets and manage data density across various screen dimensions.

The library covers a wide range of capability areas, including geospatial data management with interactive maps, financial tracking and payroll visualization, and project management workflows via timelines and calendars. It also includes structural support for CRM and contact management, personal productivity tracking, and HR dashboard development.

## Tags

### User Interface & Experience

- [Component-Based UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-libraries/component-based-ui-libraries.md) — Provides a library of reusable, specialized interface elements to accelerate the construction of component-driven management dashboards.
- [Dashboard Layout Engines](https://awesome-repositories.com/f/user-interface-experience/dashboard-layout-engines.md) — Provides a framework for composing and arranging widget-based dashboard interfaces using pre-built layout templates. ([source](https://cdn.jsdelivr.net/gh/ln-dev7/square-ui@master/README.md))
- [Dashboard Layout Templates](https://awesome-repositories.com/f/user-interface-experience/dashboard-layout-templates.md) — Provides pre-defined skeletons to rapidly generate consistent dashboard configurations and management views.
- [Event-Driven State Synchronizers](https://awesome-repositories.com/f/user-interface-experience/event-driven-state-managers/event-driven-state-synchronizers.md) — Synchronizes real-time operational data and fleet movements across the UI via reactive event streams.
- [Event-Driven UI Frameworks](https://awesome-repositories.com/f/user-interface-experience/event-driven-ui-frameworks.md) — Implements an architecture using a centralized event bus to synchronize real-time operational data across decoupled UI modules.
- [Component-Driven Architectures](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/component-driven-architectures.md) — Implements a system for building complex data-dense interfaces by composing small, reusable UI components.
- [Visualization Primitive Toolkits](https://awesome-repositories.com/f/user-interface-experience/visualization-primitive-toolkits.md) — Ships a toolkit of low-level UI primitives for composing complex visualizations like kanban boards, heatmaps, and financial charts.
- [Calendar Views](https://awesome-repositories.com/f/user-interface-experience/data-display-components/calendar-views.md) — Provides interactive calendar views for coordinating activities and managing daily agendas. ([source](https://square.lndev.me))
- [Kanban Boards](https://awesome-repositories.com/f/user-interface-experience/kanban-boards.md) — Ships interactive kanban boards to organize work items and track project completion progress. ([source](https://square.lndev.me))
- [Responsive Grid Systems](https://awesome-repositories.com/f/user-interface-experience/responsive-grid-systems.md) — Includes a layout framework using responsive grids to manage widget positioning and data density across screens.

### Web Development

- [Admin Dashboard Frameworks](https://awesome-repositories.com/f/web-development/admin-dashboard-frameworks.md) — Provides a comprehensive framework for building backend management interfaces with pre-configured layouts and tools.
- [State-Driven Visuals](https://awesome-repositories.com/f/web-development/component-based-architectures/component-based-architectures/state-driven-visuals.md) — Transforms application state directly into interactive visual representations such as heatmaps and kanban boards.
- [Module-Based Navigation](https://awesome-repositories.com/f/web-development/routing-systems/routing/route-definition-strategies/route-grouping/module-controller-routings/module-based-navigation.md) — Isolates functional domains into independent navigable segments to separate concerns and reduce application load.

### Part of an Awesome List

- [Maps and Geospatial](https://awesome-repositories.com/f/awesome-lists/data/maps-and-geospatial.md) — Provides interactive map controls and geospatial data management for precise spatial navigation. ([source](https://square.lndev.me))
- [Task and Project Management](https://awesome-repositories.com/f/awesome-lists/productivity/task-and-project-management.md) — Implements project management workflows using kanban boards, timelines, and shared activity calendars.
- [Human Resources Management](https://awesome-repositories.com/f/awesome-lists/productivity/human-resources-management.md) — Offers an HR dashboard for coordinating employee records and financial flows through customizable views. ([source](https://square.lndev.me))

### Data & Databases

- [Geospatial and Location Services](https://awesome-repositories.com/f/data-databases/geospatial-data-services/geospatial-and-location-services.md) — Provides tools for geospatial data management, including interactive maps for tracking fleet movements.
- [Contact Management](https://awesome-repositories.com/f/data-databases/contact-management.md) — Implements contact management utilities including contact cards, company groupings, and activity tracking. ([source](https://square.lndev.me))

### Networking & Communication

- [Customer Relationship Management](https://awesome-repositories.com/f/networking-communication/customer-relationship-management.md) — Provides structural support for CRM and contact management to track professional relationships and lead sources.

### Software Engineering & Architecture

- [Event Bus Systems](https://awesome-repositories.com/f/software-engineering-architecture/event-bus-systems.md) — Employs a centralized event bus for decoupled communication and state synchronization between interface modules.
- [Modular Feature Architectures](https://awesome-repositories.com/f/software-engineering-architecture/modular-feature-architectures.md) — Organizes functional domains like payroll and HR into independent, navigable modules to separate concerns.

### Business & Productivity Software

- [Inventory Management](https://awesome-repositories.com/f/business-productivity-software/inventory-management.md) — Provides an inventory system to track stock levels, product variants, and order fulfillment. ([source](https://square.lndev.me))
- [Deal Pipeline Management](https://awesome-repositories.com/f/business-productivity-software/lead-management/deal-pipeline-management.md) — Provides a CRM dashboard to monitor lead sources and track the conversion of deals through paginated tables. ([source](https://square.lndev.me))
- [Personal Finance Management](https://awesome-repositories.com/f/business-productivity-software/personal-finance-management.md) — Implements a personal finance dashboard with area charts and transaction tables to monitor income and expenses. ([source](https://square.lndev.me))
- [Personal Tracking Applications](https://awesome-repositories.com/f/business-productivity-software/personal-tracking-applications.md) — Ships a personal tracking application for monitoring daily habits, goal completion, and consistency streaks.
- [Habit Trackers](https://awesome-repositories.com/f/business-productivity-software/personal-tracking-applications/habit-trackers.md) — Includes a habit tracker utilizing streaks and contribution heatmaps to monitor daily task completion. ([source](https://square.lndev.me))
- [Project Timelines](https://awesome-repositories.com/f/business-productivity-software/project-timelines.md) — Maps project schedules and milestones through a dedicated timeline interface for better time tracking. ([source](https://square.lndev.me))

### Graphics & Multimedia

- [Financial Charting](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/financial-charting.md) — Implements specialized financial charting components to visualize income, expenses, and payroll data.

### System Administration & Monitoring

- [Real-Time Monitoring Dashboards](https://awesome-repositories.com/f/system-administration-monitoring/real-time-monitoring-dashboards.md) — Visualize real-time operational data and fleet movements using maps with great-circle routes. ([source](https://square.lndev.me))