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
Blocks/Hero Sections
◆ hero sections

Hero Sections.

Above-the-fold openers: split layouts, centered editorials, stat strips, wordmark trust rows.

8 blocks

Variants

8 variants

Hero 1

Beam shader · glass nav · stat footer

/blocks/hero/hero-01view

Hero 2

Stripe shader · live pill · wordmark strip

/blocks/hero/hero-02view

Hero 3

Editorial · grid backdrop · logo cloud

/blocks/hero/hero-03view

Hero 4

Image banner · scrim · bottom-aligned

/blocks/hero/hero-04view

Hero 5

Aurora shader · glass panel · social proof

/blocks/hero/hero-05view

Hero 6

Centered · stat row · geometric accents

/blocks/hero/hero-06view

Hero 7

Beam line-art · word-by-word reveal · dual CTA

/blocks/hero/hero-07view

Hero 8

Centered · framed panel · window preview

/blocks/hero/hero-08view
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