Dev Design Libraryshadcn/ui App Shell Components
Dev Design Library indexes 45 shadcn/ui app shell components from 4 open-source UI libraries, with the most coming from Watermelon UI, Intent UI, FLX UI and Fluid Functionalism. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. App shell components belong to the Layout group.
sidebar-01Intent UI · Reactsidebar-01
App SidebarFluid Functionalism · ReactA complete app shell: workspace header with the peek cross-fade, search on the menu rows' rhythm with a hover-revealed…
Agndex DashboardWatermelon UI · ReactA developer portal for managing search indexes, API credentials, billing, and project settings with light and dark…
Analytics overviewFLX UI · ReactSidebar, KPI cards, a bar chart, and a recent activity list.
sidebar-02Intent UI · Reactsidebar-02
Astrix DashboardWatermelon UI · ReactA trade compliance workspace with AI classification metrics, a live pipeline, HS code stream review, and light and…
Dashboard previewFLX UI · ReactA layered app dashboard with a floating notification.
sidebar-03Intent UI · Reactsidebar-03
Demostack DashboardWatermelon UI · ReactA responsive product-demo workspace with organization switching, resource discovery, team filtering, and light and…
sidebar-04Intent UI · Reactsidebar-04
Gridline DashboardWatermelon UI · ReactA responsive electrical-grid workspace for network modelling, asset flexibility, planning, operations, and stakeholder…
sidebar-06Intent UI · Reactsidebar-06
Jobtracker DashboardWatermelon UI · ReactA responsive job management workspace with customer records, job pipelines, estimates, drag-and-drop line items, and…
sidebar-08Intent UI · Reactsidebar-08
Library DashboardWatermelon UI · ReactA responsive library management dashboard with collection metrics, circulation charts, branch switching, and…
sidebar-09Intent UI · Reactsidebar-09
Medesk DashboardWatermelon UI · ReactA healthcare operations dashboard for appointments, staff performance, department load, resources, and patient flow…
sidebar-12Intent UI · Reactsidebar-12
Tallie DashboardWatermelon UI · ReactAn expense audit workspace with live controls, exception tracking, transaction review, and light and dark themes.
sidebar-15Intent UI · Reactsidebar-15
Bionis DashboardWatermelon UI · React
sidebar-16Intent UI · Reactsidebar-16
Business ManagementWatermelon UI · React
sidebar-17Intent UI · Reactsidebar-17
Business Operations DashboardWatermelon UI · React
sidebar-18Intent UI · Reactsidebar-18
Capitalio DashboardWatermelon UI · React
sidebar-19Intent UI · Reactsidebar-19
E Commerce DashboardWatermelon UI · React
Erp DashboardWatermelon UI · React
HrmWatermelon UI · React
Incident ManagementWatermelon UI · React
Invoice Generator DashboardWatermelon UI · React
Invoice Manager DashboardWatermelon UI · React
Issue TrackingWatermelon UI · React
Lead DashboardWatermelon UI · React
Mail DashboardWatermelon UI · React
Meetings DashboardWatermelon UI · React
Payment Operations DashboardWatermelon UI · React
Portfolio DashboardWatermelon UI · React
Project Management DashboardWatermelon UI · React
Sales DashboardWatermelon UI · React
Task Management DashboardWatermelon UI · React
Web3 DashboardWatermelon UI · React
Workflow Management DashboardWatermelon UI · React