Component Showcase
Explore all the beautiful components available in Modern UI. Each component is highly customizable and built with accessibility in mind.
Inputs
Button
Interactive button with multiple variants and sizes
Input
Form control for collecting user input data
Checkbox
Control for selecting multiple options from a set
Radio
Control for selecting a single option from a set
Select
Displays a list of options for the user to pick from
Slider
Control for selecting a value from a range
Switch
Control for toggling between two states
Textarea
Multi-line text input control
Display
Accordion
Vertically stacked interactive headings
Alert
Displays important messages to the user
Avatar
Image element with fallback for user profiles
Badge
Small visual indicator for labeling or status
Card
Container for grouping related content
Calendar
Date picker interface for selecting dates
Overlay
Dialog
Modal window overlaid on the UI
Drawer
Side-anchored panel that slides in from the edge
Popover
Floating content overlay triggered by a button
Sheet
Side-anchored dialog with flexible width options
Tooltip
Floating label appearing on hover or focus
Navigation
Breadcrumb
Navigation aid showing the current location hierarchy
Dropdown Menu
Displays a menu when triggered by a button
Command
Command palette for keyboard-first UI interactions
Tabs
Organize content into separate views
Underline Tabs
Stylized tabs with animated underline effect
Special
Animated Gradient Text
Text with animated gradient effect
Rainbow Button
Button with rainbow gradient effect
Number Counter
Animated number counter with increment/decrement
Sparkles Text
Text with animated sparkle effects
Typewriter Effect
Text with typewriter animation effect