Interface primitives
Buttons, inputs, menus, tables, sidebars, charts, and the small pieces products need every day.
- Button
- Dropdown
- Sidebar
- Table
- Chart
- Modal
The library
From primitives to complete product surfaces.
One coherent system for application and AI interfaces, without rebuilding the same foundations for every product.
AI product components
Purpose-built surfaces for prompts, responses, tools, code, model selection, and public chat.
- Composer
- AI Composer
- Code Viewer
- Resizable
- Cursor
- Search Input
Complete blocks
Responsive sections assembled from DUI primitives and registered with their dependencies.
- Sign In
- Hero
- Feature Grid
- Testimonials
- Gallery
- FAQ
Built for a real system
Flexible in the product. Predictable in the codebase.
English and Arabic
Direction-aware layouts and documentation for LTR and RTL products.
Token-based theming
Light, dark, and custom themes without hard-coded product colors.
Source you own
Install readable React source into your project and adapt it to your system.
Registry to project
Install only what you need.
Every component and block is available through the CLI. Installing a block also resolves the DUI primitives it depends on.
npx shadcn@latest add qentrah/DUI/blocks-sign-in- 01Choose a component or block
- 02Install it with the shadcn CLI
- 03Edit the source in your project