Components
ADEK UI components Every component in the design system at a glance - built from the ADEK Figma libraries and available as copy-paste React and Angular code. Click any card to open its documentation.
Base components Buttons, inputs, badges - everything you need to build modern and accessible forms and actions.
Application components Modals, tables, charts, and navigation - everything you need to design modern web applications.
AR Activity feeds Connected timeline items Alerts & notifications 6 colors × 2 placements Home / Team Breadcrumbs Slash and chevron Calendars Month, week, day 100 Card headers Titles, badges, actions Charts Line, bar, gauge, pie Code snippets Dark surface + tabs Command menus ⌘K palette Today Content dividers Text, heading, button Date pickers Single and dual dates Empty states Icon, title, actions File upload Dropzone + progress Go Inline CTAs Actions, email, plans Loading indicators Spinners and dots Messaging Sent and received 2,420 ↑ 40% vs last month Metrics Numbers + trends Modals 90+ types in Figma Navigation Sidebar + header Pagination Square and circle Edit Page headers Titles + action groups ✓ 2 3 Progress steps Connected step icons Cancel Save Section footers Action rows Edit Section headers Buttons, search, tabs Slideout menus 20+ panel types Tables The Team members table Details Team Tabs 4 types × 2 sizes Application examples Full compositions built from the components above, replicated from the Applications Figma file.
