Accessible, Themed Components Built for Docyrus Apps
Build consistent Docyrus interfaces with accessible primitives, ready-made blocks, and data-aware components.
The cost of building UI without a shared system.
Skipping a shared library slows teams down, creates accessibility debt, and makes every screen feel slightly different.
Three layers of the Docyrus UI library.
From basic controls to data-aware components, the library covers the parts teams usually rebuild by hand.
One library for the full stack.
Start with primitives, move up to ready-made blocks, and connect data when you need it.
Primitives & Forms
Reusable inputs, selects, checkboxes, date pickers, and upload fields with built-in validation and error states.
Data Display & Navigation
Tables, charts, metric cards, sidebars, breadcrumbs, and command menus that stay consistent across the app.
Theming & Integration
Token-based theming with light and dark support, plus Docyrus data bindings where you need them.
Headless Primitives, Polished Blocks
Use low-level primitives when you need control, or start with ready-made blocks when you need speed.
Accessible by Default Built on Radix UI primitives, so keyboard support, roles, and focus management are already in place.
Composable API Swap slots, variants, and classes without fighting the component internals.
Premium Block Library Start with polished dashboards, forms, and marketing blocks instead of blank files.
One Token File, Infinite Brand Variants
Keep color, spacing, radius, and type in one token file. Rebrand once and the whole library updates with it.
CSS Variable Tokens Core decisions like primary, background, border, and muted live in CSS variables.
Light & Dark Mode Components ship with both themes and follow system preference out of the box.
Tailwind Native Tokens map to Tailwind classes, so you can theme the library without extra tooling.
Components That Know Your Data
Connect components to Docyrus data sources for tables, forms, and charts without rebuilding the plumbing each time.
Data-Bound Tables Connect a Docyrus source and get sorting, filtering, and pagination without extra table state.
Form-to-Endpoint Wiring Send form data to a Docyrus collection with validated, typed create and update flows.
Live Chart Subscriptions Keep charts in sync with query results so dashboards update as the data changes.
Frequently asked questions about UI Components
What is UI Components?+
UI Components is the Docyrus UI toolkit for building consistent applications with accessible, data-aware interface building blocks.
When should developers use UI Components?+
Developers should use it when they want to ship tables, forms, layouts, and operational interfaces faster without rebuilding them from scratch.
What can teams ship with UI Components?+
Teams can ship product interfaces, admin surfaces, dashboards, and workflow UIs with a more consistent front-end system.
How does UI Components fit with other Docyrus developer tools?+
It complements the API, auth helpers, and open-source packages as the front-end layer of the Docyrus developer stack.