Playground
Select a component or effect to open its interactive playground.
Navigation & Selection
Lazy Tree
Async-loaded tree component
List
Data-driven list with field mapping
Menu
Popup menu with keyboard navigation
Multi Select
Multi-value dropdown selection
Select
Single-value dropdown selection
Tabs
Tabbed content panels
Toggle
Toggle group for mutually exclusive options
Tree
Collapsible hierarchical tree
Inputs
Button
Action button with variants
Range
Numeric range slider
Rating
Star rating input
Stepper
Step-by-step progress input
Switch
On/off toggle switch
Upload Progress
File upload progress indicator
Upload Target
Drag-and-drop upload zone
Display
Card
Content container with optional header/footer
Code
Syntax-highlighted code block
Forms
Schema-driven form renderer
Pill
Compact tag or badge element
Table
Sortable tabular data display
Timeline
Chronological event display
Layout
Carousel
Horizontally scrolling item carousel
Floating Action
Floating action button overlay
Floating Navigation
Floating navigation overlay
Palette Manager
Color palette selection UI
Progress
Progress bar indicator
Effects
Reveal
Scroll-triggered reveal animation
Shine
SVG specular lighting effect
Tilt
3D tilt effect on hover
Design Resources
Icons
Browse all icon collections and auth icon variants