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/Files
◆ files

Files.

Upload zones, image croppers and local media pickers.

3 components

Components

3 total
  • File Dropzone

    Drag-drop + click upload zone with previews, accept and max-size validation. Compound and single-prop APIs.

    /components/files/file-dropzone →
  • Image Cropper

    Pan-and-zoom image cropper with rect or round mask, fixed aspect frame, pinch / wheel / keyboard control and canvas export via ref.

    /components/files/image-cropper →
  • Media Input

    Local media file picker that previews via an object URL; empty-state prompt, replace and clear, size validation. Nothing leaves the browser.

    /components/files/media-input →
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