Components
RizzyUI ships with a complete set of composable components for forms, navigation, overlays, feedback, and layout. Browse the full list below.
Accordion
Vertically stacked content sections with collapsible triggers.
Alert
Contextual messages for status, warnings, and actions.
Alert Dialog
A modal dialog that interrupts the user with important content and expects a response.
Aspect Ratio
Keeps media and containers locked to a ratio.
Aurora Text
Inline animated aurora gradient text for emphasis.
Avatar
User profile images with fallbacks and initials.
Badge
Small status labels and metadata pills.
Breadcrumb
Shows the current location in a navigation hierarchy.
Button
Triggers actions and calls to action.
Button Group
Related actions presented as a single grouped control.
Calendar
Date picking with rich month and selection controls.
Calendar Provider
Shared date state and behavior for calendar experiences.
Chart
Data visualization utilizing Chart.js.
Chart Bar Examples
Bar chart patterns and Bar() fluent builder reference.
Chart Line Examples
Line chart patterns and Line() fluent builder reference.
Card
Flexible container for grouped content and actions.
Carousel
Slide through content with track and navigation controls.
Checkbox
Boolean input for selecting one or more options.
Collapsible
Expand and collapse arbitrary content regions.
Clipboard
A composable primitive for copying text to the clipboard with feedback.
Back To Top
Floating action button that appears after scrolling and smoothly returns to the top.
Color Picker
Headless and composable Coloris integration with provider, trigger, and swatch primitives.
Input Color
Turnkey composed color input built on provider primitives.
Color Swatch
Compact color preview with alpha-aware rendering.
Combobox
Searchable select control for choosing options.
Confetti
Decorative Alpine-powered confetti wrapper for celebratory effects.
Command
Command palette style filtering and action execution.
Dialog
Modal overlays for focused tasks and confirmations.
Dropdown Menu
Contextual menu of actions and selections.
Event Viewer
Compact event log with expandable payload inspection.
Empty
Reusable empty-state pattern for no-result screens.
File Input
SSR-friendly file upload with drag-and-drop and previews.
Input
Single-line text and numeric form input controls.
Input OTP
Segmented one-time passcode input with native form submission.
Item
Composable item building block for lists and menus.
Kbd
Keyboard key hint and shortcut display.
Highlighter
Animated rough-style highlight and underline emphasis for inline text.
Link
Styled navigation and action links.
Markdown
Render markdown content with RizzyUI styling.
Marquee
CSS-driven infinite scrolling container for repeated content segments.
Menubar
Desktop-style horizontal menu with nested actions.
Navigation Menu
Accessible top-level navigation patterns.
Native Select
Styled native select input for forms.
Number Ticker
SSR-first animated numeric text with Alpine progressive enhancement.
Popover
Floating content anchored to a trigger.
Pagination
Composable page navigation controls for long result sets.
Progress
Visual indicator of completion state.
Radio Group
Single-choice option set with radio controls.
Scroll Area
Custom scroll container with consistent styling.
Separator
Visual divider between related content groups.
Sheet
Side panel that slides in for supplemental tasks.
Shine Border
Decorative animated border overlay for relatively positioned hosts.
Slider
Single-value and range selection with Alpine-enhanced thumbs.
Sidebar
Collapsible application navigation shell.
Skeleton
Loading placeholders to reduce layout shift.
Spinner
Animated loading indicator for pending operations.
Steps
Progressive multi-step workflow indicator.
Switch
Toggle control for on/off states.
Toggle
Two-state button for persistent on/off actions.
Tabs
Organize content into selectable sections.
Table
Structured tabular layout for rows and columns.
Animated Gradient Text
Inline animated gradient fill for emphasized text content.
Toast Notification
Transient feedback messages and alerts.
Tooltip
Brief contextual helper text on hover/focus.
Typing Animation
Typewriter-style text animation with SSR markup and Alpine timing state.