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/App Shell
◆ app shell

App Shell.

Sidebar + topbar layouts with command-palette and breadcrumb chrome.

5 blocks

Variants

5 variants

App Shell 1

Collapsible Sidebar · sticky topbar · live table

/blocks/app-shell/app-shell-01view

App Shell 2

Top nav · in-page settings nav · detail card

/blocks/app-shell/app-shell-02view

App Shell 3

Icon rail · inbox list · reading pane

/blocks/app-shell/app-shell-03view

App Shell 4

Inset Sidebar · ⌘K search · slot grid

/blocks/app-shell/app-shell-04view

App Shell 5

Inset sidebar · grouped nav · account menu

/blocks/app-shell/app-shell-05view
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