Dev Design LibraryReact App Shell Components
Dev Design Library indexes 57 React app shell components from 7 open-source UI libraries, with the most coming from Watermelon UI, Intent UI, Tremor Blocks, FLX UI and Lobe UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. App shell components belong to the Layout group.
LayoutLobe UI · React
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…
App ShellBoardUI · ReactThe page standard every BoardUI template follows, free or Pro: content sits directly on the page background inside a…
Page Shell 01Tremor Blocks · React
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.
Dashboard Console ShellLobe UI · React
sidebar-02Intent UI · Reactsidebar-02
Page Shell 02Tremor Blocks · React
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
Page Shell 03Tremor Blocks · React
Demostack DashboardWatermelon UI · ReactA responsive product-demo workspace with organization switching, resource discovery, team filtering, and light and…
Analytics overviewFLX UI · ReactWireframe: sidebar, stat cards, chart, and a list.
sidebar-04Intent UI · Reactsidebar-04
Page Shell 04Tremor Blocks · React
Gridline DashboardWatermelon UI · ReactA responsive electrical-grid workspace for network modelling, asset flexibility, planning, operations, and stakeholder…
sidebar-05Intent UI · Reactsidebar-05
Page Shell 05Tremor Blocks · React
Jobtracker DashboardWatermelon UI · ReactA responsive job management workspace with customer records, job pipelines, estimates, drag-and-drop line items, and…
sidebar-06Intent UI · Reactsidebar-06
Page Shell 06Tremor Blocks · React
Library DashboardWatermelon UI · ReactA responsive library management dashboard with collection metrics, circulation charts, branch switching, and…
sidebar-07Intent UI · Reactsidebar-07
Medesk DashboardWatermelon UI · ReactA healthcare operations dashboard for appointments, staff performance, department load, resources, and patient flow…
sidebar-08Intent UI · Reactsidebar-08
Tallie DashboardWatermelon UI · ReactAn expense audit workspace with live controls, exception tracking, transaction review, and light and dark themes.
sidebar-09Intent UI · Reactsidebar-09
Bionis DashboardWatermelon UI · React
sidebar-12Intent UI · Reactsidebar-12
Business ManagementWatermelon UI · React
sidebar-15Intent UI · Reactsidebar-15
Business Operations DashboardWatermelon UI · React
sidebar-16Intent UI · Reactsidebar-16
Capitalio DashboardWatermelon UI · React
sidebar-17Intent UI · Reactsidebar-17
E Commerce DashboardWatermelon UI · React
sidebar-18Intent UI · Reactsidebar-18
Erp DashboardWatermelon UI · React
sidebar-19Intent UI · Reactsidebar-19
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