UI Kit

A comprehensive component library built on a headless-first architecture, separating logic from styling for maximum flexibility. Every component is accessible by default, fully typed, and designed to be easily customized. Explore the collection of over 50 components, from essential buttons and inputs to complex data display and feedback elements.

Getting Started

Component Categories

General

Buttons
Typography
Truncated Text

Forms

Inputs
Switchers
Labels
Tree Select
Icon Picker
Color Picker
Dropzone
Image Upload

Data Display

Icons
Icon Container
Card
Avatars
Badges
Stats
Mini Charts
Accordion
List
Table
Resource Table
Entity Cell
Permission Matrix
Virtual Grid
Currency
Date
Calendar
Media Player

Navigation

Dropdown
Sidebar
Breadcrumb
Segmented Control
Tabs
Pagination
Stepper

Feedback

Tooltip
Modal & Alert
Crop Dialog
Popover
Drawer
Toast
AI Assistant
Progress
Skeleton & Spinner

Layout

Header
Footer
Sticky Layout

Decorative

Gradient Line
Entity Background
Advertisement
Logo

Helpers

Language & Theme

Theming

Themed components (Button, IconButton, SplitButton) read their classes from uiKit in app.config.ts. A product layer overrides single keys there instead of writing CSS against UI Kit internals (ARD 25).