# Hirael

> A collection of shadcn/ui components, blocks and page templates for building modern, fast and beautiful websites. Built on Radix UI and Base UI. Works with the shadcn CLI and any preset, in light, dark and RTL.

- Owner: [Mohammad Shehadeh](https://21st.dev/@mohammadshehadeh)
- Components: 149
- Website: https://hirael.com
- GitHub: https://github.com/MohammadShehadeh/hirael
- Live page: https://21st.dev/@mohammadshehadeh/library/hirael

## Components

Showing the first 100 of 149 — browse the rest at https://21st.dev/@mohammadshehadeh/library/hirael.

- [Account Settings Page](https://21st.dev/@mohammadshehadeh/components/settings-01.md)
- [Activity Feed](https://21st.dev/@mohammadshehadeh/components/activity-feed.md)
- [AI Chat Screen](https://21st.dev/@mohammadshehadeh/components/ai-chat-01.md)
- [Analytics Bento](https://21st.dev/@mohammadshehadeh/components/bento-03.md)
- [Analytics Dashboard](https://21st.dev/@mohammadshehadeh/components/dashboard-02.md)
- [Analytics Page Header](https://21st.dev/@mohammadshehadeh/components/page-header-04.md)
- [Animated Beam Hero](https://21st.dev/@mohammadshehadeh/components/hero-07.md)
- [API Keys Manager](https://21st.dev/@mohammadshehadeh/components/api-keys.md)
- [App Shell Settings](https://21st.dev/@mohammadshehadeh/components/app-shell-02.md)
- [App Shell with Documents](https://21st.dev/@mohammadshehadeh/components/app-shell-05.md)
- [Aurora Hero Section](https://21st.dev/@mohammadshehadeh/components/hero-05.md)
- [Billing Card](https://21st.dev/@mohammadshehadeh/components/billing-card.md)
- [Cancellation Survey](https://21st.dev/@mohammadshehadeh/components/survey-03.md)
- [Careers List](https://21st.dev/@mohammadshehadeh/components/careers-01.md)
- [Changelog](https://21st.dev/@mohammadshehadeh/components/changelog-01.md)
- [Channel Donut Chart](https://21st.dev/@mohammadshehadeh/components/chart-03.md)
- [Cluster Map](https://21st.dev/@mohammadshehadeh/components/cluster-map.md)
- [Code Block](https://21st.dev/@mohammadshehadeh/components/code-block.md)
- [Coming Soon Launch Page](https://21st.dev/@mohammadshehadeh/components/coming-soon-01.md)
- [Coming Soon Launch Teaser](https://21st.dev/@mohammadshehadeh/components/coming-soon-02.md)
- [Commerce Operations Dashboard](https://21st.dev/@mohammadshehadeh/components/dashboard-04.md)
- [Comparison Section](https://21st.dev/@mohammadshehadeh/components/comparison-03.md)
- [Comparison Table](https://21st.dev/@mohammadshehadeh/components/comparison-02.md)
- [Contact 2](https://21st.dev/@mohammadshehadeh/components/contact-02.md)
- [Contact Section with Email and WhatsApp CTA](https://21st.dev/@mohammadshehadeh/components/contact-03.md)
- [Contact Support Section](https://21st.dev/@mohammadshehadeh/components/contact-04.md)
- [Conversational Survey](https://21st.dev/@mohammadshehadeh/components/survey-04.md)
- [Conversion Funnel Chart](https://21st.dev/@mohammadshehadeh/components/chart-04.md)
- [Cookie Consent](https://21st.dev/@mohammadshehadeh/components/cookie-consent.md)
- [Countdown Timer](https://21st.dev/@mohammadshehadeh/components/countdown-timer.md)
- [Credit Card Input](https://21st.dev/@mohammadshehadeh/components/credit-card-input.md)
- [CTA Footer](https://21st.dev/@mohammadshehadeh/components/footer-06.md)
- [Currency Input](https://21st.dev/@mohammadshehadeh/components/currency-input.md)
- [Cursor Glow](https://21st.dev/@mohammadshehadeh/components/cursor-glow.md)
- [Deployment History](https://21st.dev/@mohammadshehadeh/components/deployment-history.md)
- [Developer Platform Bento](https://21st.dev/@mohammadshehadeh/components/bento-01.md)
- [Diff Viewer](https://21st.dev/@mohammadshehadeh/components/diff-viewer.md)
- [Dithered Shader CTA](https://21st.dev/@mohammadshehadeh/components/cta-03.md)
- [Duration Input](https://21st.dev/@mohammadshehadeh/components/duration-input.md)
- [E-commerce Cart](https://21st.dev/@mohammadshehadeh/components/ecommerce-02.md)
- [Ecommerce Category Page](https://21st.dev/@mohammadshehadeh/components/ecommerce-04.md)
- [E-commerce Product Grid](https://21st.dev/@mohammadshehadeh/components/ecommerce-01.md)
- [Emoji Picker](https://21st.dev/@mohammadshehadeh/components/emoji-picker.md)
- [Env Editor](https://21st.dev/@mohammadshehadeh/components/env-editor.md)
- [Error 500 Page](https://21st.dev/@mohammadshehadeh/components/error-01.md)
- [Faceted Docs Search](https://21st.dev/@mohammadshehadeh/components/search-01.md)
- [FAQ Accordion Reveal](https://21st.dev/@mohammadshehadeh/components/faq-06.md)
- [FAQ Accordion Section](https://21st.dev/@mohammadshehadeh/components/faq-01.md)
- [FAQ Two Column](https://21st.dev/@mohammadshehadeh/components/faq-05.md)
- [Feature 06](https://21st.dev/@mohammadshehadeh/components/feature-06.md)
- [Feature Bento Grid](https://21st.dev/@mohammadshehadeh/components/feature-03.md)
- [Feature Catalog Grid](https://21st.dev/@mohammadshehadeh/components/feature-09.md)
- [Featured Tool Integrations](https://21st.dev/@mohammadshehadeh/components/integrations-07.md)
- [Feature Grid Section](https://21st.dev/@mohammadshehadeh/components/feature-02.md)
- [Feature Grid Spotlight Cards](https://21st.dev/@mohammadshehadeh/components/feature-08.md)
- [Feature Overview Bento](https://21st.dev/@mohammadshehadeh/components/feature-10.md)
- [Feature Problem Cards](https://21st.dev/@mohammadshehadeh/components/feature-07.md)
- [Feature Showcase Block](https://21st.dev/@mohammadshehadeh/components/feature-01.md)
- [Feature Tab Switcher](https://21st.dev/@mohammadshehadeh/components/feature-11.md)
- [Feedback Survey](https://21st.dev/@mohammadshehadeh/components/survey-02.md)
- [First-Run Empty State](https://21st.dev/@mohammadshehadeh/components/empty-state-01.md)
- [Floating Shrink Header](https://21st.dev/@mohammadshehadeh/components/header-02.md)
- [Framed 404 Page](https://21st.dev/@mohammadshehadeh/components/not-found-02.md)
- [Gauge](https://21st.dev/@mohammadshehadeh/components/gauge.md)
- [Grouped FAQ Accordion](https://21st.dev/@mohammadshehadeh/components/faq-04.md)
- [Header 3](https://21st.dev/@mohammadshehadeh/components/header-03.md)
- [Help Center Search](https://21st.dev/@mohammadshehadeh/components/search-04.md)
- [Hero 10](https://21st.dev/@mohammadshehadeh/components/hero-10.md)
- [Image Compare](https://21st.dev/@mohammadshehadeh/components/image-compare.md)
- [Image Cropper](https://21st.dev/@mohammadshehadeh/components/image-cropper.md)
- [Image Gallery Masonry](https://21st.dev/@mohammadshehadeh/components/image-gallery-01.md)
- [Inspector Panel](https://21st.dev/@mohammadshehadeh/components/inspector-panel.md)
- [Invite Members Empty State](https://21st.dev/@mohammadshehadeh/components/empty-state-04.md)
- [Job Application Page](https://21st.dev/@mohammadshehadeh/components/careers-02.md)
- [JSON Viewer](https://21st.dev/@mohammadshehadeh/components/json-viewer.md)
- [Kubernetes Pod Table](https://21st.dev/@mohammadshehadeh/components/k8s-pod-table.md)
- [Lazy Select](https://21st.dev/@mohammadshehadeh/components/lazy-select.md)
- [Login Card](https://21st.dev/@mohammadshehadeh/components/login-01.md)
- [Logo Cloud 3](https://21st.dev/@mohammadshehadeh/components/logo-cloud-03.md)
- [Logo Cloud Story Tabs](https://21st.dev/@mohammadshehadeh/components/logo-cloud-04.md)
- [Logo Row Integrations](https://21st.dev/@mohammadshehadeh/components/integrations-08.md)
- [Log Viewer](https://21st.dev/@mohammadshehadeh/components/log-viewer.md)
- [Magnetic Button](https://21st.dev/@mohammadshehadeh/components/magnetic-button.md)
- [Media Input](https://21st.dev/@mohammadshehadeh/components/media-input.md)
- [Mention Input](https://21st.dev/@mohammadshehadeh/components/mention-input.md)
- [Message Thread](https://21st.dev/@mohammadshehadeh/components/message-thread.md)
- [Meter](https://21st.dev/@mohammadshehadeh/components/meter.md)
- [Month Picker](https://21st.dev/@mohammadshehadeh/components/month-picker.md)
- [Network Topology](https://21st.dev/@mohammadshehadeh/components/network-topology.md)
- [No Results Empty State](https://21st.dev/@mohammadshehadeh/components/empty-state-02.md)
- [Notifications Panel](https://21st.dev/@mohammadshehadeh/components/notifications.md)
- [Number Field](https://21st.dev/@mohammadshehadeh/components/number-field.md)
- [Number Range](https://21st.dev/@mohammadshehadeh/components/number-range.md)
- [Observability Dashboard](https://21st.dev/@mohammadshehadeh/components/dashboard-05.md)
- [Offline Maintenance Page](https://21st.dev/@mohammadshehadeh/components/maintenance-02.md)
- [Onboarding Wizard](https://21st.dev/@mohammadshehadeh/components/onboarding-01.md)
- [OTP Verification Card](https://21st.dev/@mohammadshehadeh/components/otp-verify-01.md)
- [Ownership Comparison Panel](https://21st.dev/@mohammadshehadeh/components/comparison-01.md)
- [Password Input](https://21st.dev/@mohammadshehadeh/components/password-input.md)
- [Phone Input](https://21st.dev/@mohammadshehadeh/components/phone-input.md)

Full component directory: https://21st.dev/llms.txt