UI
  • Home
  • Components
  • Blocks
Getting Started
  • Introduction
  • Installation
  • Layout
  • Colors
  • Spacing
  • Radius
  • Typography
Layout
  • Aspect Ratio
  • Card
  • Empty
  • Item
  • Separator
  • Tabs
  • Marquee
Input
  • Checkbox
  • Combobox
  • Date Picker
  • Field
  • Filters
  • Input
  • Input Group
  • InputOTP
  • Label
  • Number Input
  • Phone Input
  • Radio Group
  • Select
  • Slider
  • Switch
  • Toggle
  • Toggle Group
  • Textarea
Forms
  • React Hook Form
Navigation and actionables
  • Button
  • Breadcrumb
  • Collapsible
  • ContextMenu
  • Command
  • Dropdown Menu
  • Navigation Menu
  • Pagination
  • Sidebar
Data Display
  • Accordion
  • Alert
  • Alert Dialog
  • Avatar
  • Badge
  • Calendar
  • Card
  • Chart
  • Dialog
  • Drawer
  • Empty
  • Kbd
  • Popover
  • Progress
  • Sheet
  • Spinner
  • Toast
  • Tooltip
Utility
  • Aspect Ratio
  • Scroll Area
  • Separator
  • Skeleton

Alert

Displays a callout for user attention.

View on GitHub
Success! Your changes have been saved
This is an alert with icon, title and description.
This Alert has a title and an icon. No description.
New feature available

We've added dark mode support to your dashboard.

  • Toggle in settings
  • Automatic system detection
  • Custom theme options
Account security breach detected

We detected suspicious activity on your account.

  • Change your password immediately
  • Review recent login activity
  • Enable two-factor authentication
Storage quota almost full

You're using 85% of your storage limit.

  • Delete unused files
  • Upgrade your plan
  • Archive old projects
Payment processed successfully

Your subscription has been renewed for another month.

  • Receipt sent to your email
  • Next billing: March 15, 2024
  • Access to all premium features

© Copyright 2025. All rights reserved.

Follow us on TwitterFollow us on GitHub