Loading...

Good things come to those who wait...

Home Vocabulary Voice Colors Icons Components Charts Blocks Layouts Composed

Block Components

Complex reusable compositions built from primitives and components for common UI patterns

Lightweight server-rendered table with URL-based sorting/pagination

View Demo

AdminListTableBlock

Full-featured CRUD table with drag-drop, grouping, search, and export

View Demo

Chronological event display with search, filtering, and Load More

View Demo

PrettyCardListBlock

Visual card grid for programs, projects, and resources

View Demo

Consistent form system with validation, auto-save, and wizard support

View Demo

Analytics dashboard with charts, metrics, and presentation mode

View Demo

FormEngineBlock

Dynamic participant-facing forms rendered from database schemas

View Demo

ScheduleTimelineBlock

Interactive Gantt-style timeline for project phase schedules

View Demo

Block designer components for building forms with search, drag-drop, and property editing

View Demo

ImportWizardBlock

Wizard-based data import with CSV/JSON auto-detection, validation, and inline editing

View Demo

Usage

Import block components from @/ui/blocks and use them to quickly scaffold complex UI patterns. Each block is fully customizable via props.

import { AdminListTableBlock, TimelineBlock } from '@/ui/blocks';