Blocks & Layouts

10 pre-composed blocks and page skeletons for building complete views.

TabNav

TabNav

Tab navigation with colored indicators, icons, and badge counts.

With Colors & Badges
Active tab: all
Simple Tabs
FilterPanel

FilterPanel

Advanced filter panel with various input types and saved views.

Filters

Saved Views

FormSection

FormSection

Collapsible form section with title, description, and icon.

Default (Open)

Personal Information

Basic contact details for this record.

Collapsible

Billing Details

Payment and invoice settings.

SubtableEditor

SubtableEditor

Inline editable table for line items, with add/delete and summary row.

Editable
Line Items3 items
Item NameQtyUnit PriceTotal
Laptop Stand Pro
2
$45.00
$90.00
USB-C Cable (2m)
5
$12.99
$64.95
Screen Protector
10
$8.50
$85.00
$239.95
Read Only
Order Summary
Item NameQtyUnit PriceTotal
Laptop Stand Pro
2
$45.00
$90.00
USB-C Cable (2m)
5
$12.99
$64.95
Screen Protector
10
$8.50
$85.00
$239.95
Read only
RecordHero

RecordHero

Page header with breadcrumbs, image, badges, and action buttons.

Wireless Keyboard Pro

SKU: WKB-PRO-001 · Electronics

In StockFeatured
EditModeBar

EditModeBar

Sticky bar for form editing with save/cancel and auto-save indicator.

EditingAuto-saved 2m ago
ActionDock

ActionDock

Floating action button with expandable menu.

The ActionDock renders as a fixed floating button. Below is a preview of its actions.

ListingPageSkeleton

ListingPageSkeleton

Full page layout for list/table views with tabs, toolbar, filters, and pagination.

Full Layout Preview
ProductSKUCategoryPriceStock
Wireless Keyboard ProWKB-PRO-001Electronics$89.99142 units
Ergonomic MouseEMO-002Electronics$49.99238 units
USB-C Hub 7-in-1HUB-7IN1-003Accessories$34.9967 units
Monitor StandMST-004Furniture$129.00Out of stock
Webcam HD 1080pWCM-HD-005Electronics$59.9991 units
Desk Pad XLDPD-XL-006Accessories$24.99310 units
FormPageSkeleton

FormPageSkeleton

Full page layout for record detail/form views with hero, edit bar, and sidebar.

Full Layout Preview
EditingAuto-saved just now

Sarah Chen

Admin · Engineering

Active

Personal Information

DashboardSkeleton

DashboardSkeleton

Dashboard layout with stat cards, charts area, and table section.

Full Layout Preview

Dashboard

Overview of your workspace

Total Users
2,847
+12% from last month
Products
384
+5% from last month
Revenue
$48.2K
+18% from last month
Reports
156
+3% from last month

Revenue Trend

JanJunDec

Top Categories

Electronics42%
Accessories28%
Furniture18%
Software12%

Recent Users

NameEmailRoleStatus
Sarah Chensarah.chen@appem.ioAdminActive
Marcus Johnsonmarcus.j@appem.ioEditorActive
Aiko Tanakaaiko.t@appem.ioViewerInactive
David Parkdavid.park@appem.ioEditorActive