Page Title

UA
Organisms · Structures

Layout & Complex Organisms

High-level organisms composing atomic and molecular primitives into full layout structures: EmptyState, TopBar variants, DataTable, Sidebar, and PageFooter.

EmptyState — Zero Data / Initial Views

Live @/design render

No Items Found

You have not created any items yet. Start by creating a new record or importing data.

TopBar Variants — Standard, Breadcrumbs & Search

Live @/design render

Standard Header with Action Group

Page Title

UA

Breadcrumb Navigation Header

UA

Search & Filter Bar Header

Items Directory

UA

DataTable — Structured Data Display & Actions

Live @/design render
Table Header 1Table Header 2Table Header 3Table Header 4Actions
Item Record 1
Category A
active
Aug 09, 2026
Item Record 2
Category B
trial
Aug 08, 2026
Item Record 3
Category A
suspended
Aug 05, 2026
Item Record 4
Category C
active
Aug 01, 2026

Sidebar & Footer Organisms

Live @/design render

import { … } from "@/design/organisms"
// source: design/organisms/index.ts