HiraelHIRAEL
Workspace
  • All components
  • Blocks61
  • Templates9
  • Theme playground
Inputs
  • Multi Select
  • Number Range
  • Tag Input
  • Combobox
  • Lazy Select
  • Password Input
  • Currency Input
  • Phone Input
  • Rating
  • Mention Input
  • Rich Text Editor
  • Inline Edit
  • Signature Pad
Pickers
  • Year Picker
  • Month Picker
  • Time Picker
  • Color Picker
  • Date Picker
  • Date Range Picker
Files
  • File Dropzone
  • Image Cropper
  • Media Input
Data display
  • Stat Card
  • Timeline
  • Avatar Stack
  • Tree View
  • Animated Number
  • Sortable
  • Countdown Timer
  • Calendar Heatmap
  • Activity Feed
  • Audit Log
  • Data Table
Display
  • Kbd
  • Callout
  • Scroll Progress
  • Announcement Bar
  • Spinner
  • Copy Button
  • Marquee
  • Image Compare
  • Lightbox
  • QR Code
  • Code Block
  • Masonry
  • Audio Player
  • Confirm
  • Unsaved Guard
Animation
  • Blur Reveal
  • Text Reveal
  • Scroll Reveal
  • Spotlight Card
  • Magnetic Button
  • Cursor Glow
  • Tilt Card
  • Morphing Dialog
Navigation
  • Stepper
  • Tour
  • Dock
  • Floating Action Button
  • Floating Toolbar
  • Split View
  • Resizable Panels
  • Inspector Panel
  • Tenant Switcher
  • Table of Contents
Widgets
  • KPI Grid
  • Quick Actions
  • Notifications
SaaS
  • Billing Card
  • Subscription Plans
  • API Keys
  • Usage Dashboard
peer of shadcn
HiraelHIRAEL
ComponentsBlocksTemplatesTheme
Components/Widgets
◆ widgets

Widgets.

Composite dashboard panels: KPI grids, notifications, quick actions.

3 components

Components

3 total
  • KPI Grid

    Hairline-joined grid of KPI tiles with label, value, an up/down/flat delta chip and a dependency-free sparkline. Compound API.

    /components/widgets/kpi-grid →
  • Quick Actions

    Grid of dashboard shortcut tiles with icon, label and description. Each tile is a button or, via asChild, a link. Compound API.

    /components/widgets/quick-actions →
  • Notifications

    Notification panel with header, list, per-item media, title, description, time and an accent-cool unread marker. Compound API.

    /components/widgets/notifications →
HiraelHIRAEL

The components shadcn/ui doesn't ship.

A shadcn-compatible registry of the inputs and section blocks most products end up needing. The CLI copies the source into your repo, so there's no package to depend on.

Browse components

Library

  • Components
  • Blocks
  • Templates
  • Theme playground

Resources

  • Changelog
  • shadcn/ui

Author

  • Portfolio
  • GitHub
Hirael

© 2026 Mohammad Shehadeh · built on shadcn

zero runtime deps