App Shell Components

Dev Design Library indexes 58 app shell components from 8 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. 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…
• App Shell 2sv-efferd · SvelteA compact dashboard shell with a collapsible sidebar, sticky header, and structured content skeleton.
• 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

Libraries with app shell components

• Watermelon UI
• Intent UI
• Tremor Blocks
• FLX UI
• Lobe UI

Related categories

• React App Shell Components
• Tailwind CSS App Shell Components
• shadcn/ui App Shell Components
• Layout Components
• Grid Components
• Bento Grid Components
• Separator Components
• Stack Components
• Container Components
• Scroll Area Components
• Split Pane Components
• Window Frame Components
• Aspect Ratio Components
• Sticky Scroll Components
• Masonry Components
• Dashboard Grid Components