Components
Reusable pieces for clear, consistent interfaces.
Explore every current BluUI component. Each page includes a live playground, working examples, the native API contract, and accessibility guidance.
Content & display
Timeline→
Displays a dynamic, ordered activity history with status colors and optional item actions.
QRCode→
Generates a QR code locally and downloads SVG or PNG. No network service is used.
EmptyState→
A reusable empty or no-results message with optional consumer actions.
Badge→
Small, descriptive labels for status and context.
Card→
A consistent surface for related content and actions.
Skeleton→
Reserve space and communicate that content is loading.
Splitter→
Resizable panes that preserve the content inside them.
Feedback & overlays
Modal→
Accessible modal with preserved native content, focus trapping, keyboard dismissal and consumer-controlled open state.
Drawer→
Accessible drawer with preserved native content, focus trapping, keyboard dismissal and consumer-controlled open state.
Notification→
Hosts stacked notifications with timed or persistent messages. Show, update and dismiss messages through reusable client actions.
Tour→
Guides people through dynamic target elements with a focus-managed dialog and highlighted region.
Navigation
Pagination→
Reusable paging controls for any consumer-owned list or query. The consumer loads the requested page.
Breadcrumbs→
Show the current location within an application.
PageHeader→
A clear page title, supporting context, and relevant actions.
Sidebar→
A reusable navigation surface with independent scrolling.
TreeView→
Explore, expand, and select hierarchical records.
CommandPalette→
Search and run application commands from one place.
Input & selection
Cascader→
Selects a value through horizontal hierarchy columns. Reuses BluTreeNode and returns the complete selected path.
Button→
Explore colors, variants, sizes, and interaction states.
Chip & ChipGroup→
Compact labels for selection, filtering, and removal.
TransferList→
Search, select, and move items between two lists.
TreeSelect→
Find and select values within a hierarchy.
UploadManager→
Validate, queue, upload, cancel, and retry files.
Data
Statistic→
Formats a numeric metric with supporting trend text, loading and semantic color.
Descriptions→
Responsive label/value details with optional row actions and semantic colors.
BluGrid→
Explore filtering, selection, bulk edits, row actions, and expandable details.
Kanban→
Organize work, edit cards, and save changes together.
FilterBuilder→
Build readable rules with nested AND / OR groups.