Also in the Hirael registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

• Activity Feed

  activity-feed

  Avatar-led event feed with a connecting rail, actor and action lines, timestamps, quoted bodies and date dividers. Ships composable parts.

  lucide-react1 file
  PromptCopy

• address-input

  field, input
  PromptCopy

• Agency Landing

  agency-landing

  Bright, shader-lit agency landing page: a full-viewport hero with an animated WebGL backdrop and pill navigation, an editorial about section, a featured-work grid of autoplaying video cards, and a dark closing footer with a call to action. Built on the shaders package, with a self-contained light palette.

  lucide-react, shaders7 files
  PromptCopy

• ai-chat-01

  badge, button, dropdown-menu, input-group
  PromptCopy

• Animated Number

  animated-number

  Count-up number that tweens to its target with easing, Intl formatting (currency, compact, percent), prefix/suffix and reduced-motion support.

  1 file
  PromptCopy

• Announcement Bar

  announcement-bar

  Top-of-page banner with default / primary / muted tones, optional dismiss button and localStorage persistence.

  class-variance-authority, lucide-react1 file
  PromptCopy

• API Keys

  api-keys

  API key manager with reveal/hide, copy-to-clipboard, key metadata and a create action. Ships composable parts.

  lucide-react1 file
  PromptCopy

• App Shell 1

  app-shell-01

  Drop-in admin shell layout built on the shadcn Sidebar primitive: collapsible icon-rail sidebar with nav badges and a footer profile row, sticky topbar with breadcrumb, command-palette search and notification button, plus a live-filtering accounts table in the main area.

  lucide-react1 file
  PromptCopy

• App Shell 2

  app-shell-02

  Sidebar-free admin shell with a sticky top navigation bar (logo, primary links, search and avatar) over a settings layout: an in-page vertical nav switches a detail card of definition-list fields with per-field edit actions.

  lucide-react1 file
  PromptCopy

• App Shell 3

  app-shell-03

  Split-pane inbox shell: icon rail with unread indicator, searchable conversation list with an unread filter, and a reading pane with star toggle and a reply composer that appends to the thread.

  lucide-react1 file
  PromptCopy

• App Shell 4

  app-shell-04

  Starter shell on the shadcn Sidebar primitive (inset variant): workspace switcher and ⌘K search in the rail, icon-collapsible nav with tooltips, an inset header with trigger, notification count and avatar, and a welcome heading over dashed placeholder slots.

  lucide-react1 file
  PromptCopy

• App Shell 5

  app-shell-05

  Inset sidebar app shell: a collapsible icon sidebar with a brand header, grouped Workspace and Tools nav (with a Beta badge), and an account menu in the footer, paired with a sticky header carrying the sidebar toggle and a breadcrumb. The inset holds a stat row and a placeholder for page content.

  lucide-react1 file
  PromptCopy

• Asme

  Dark, liquid-glass marketing landing page: a full-viewport hero with a cross-fading background video, a frosted glass pill nav and an inline email form, then scroll-revealed about, featured-video, philosophy and services sections, closing on a multi-column footer. Framer Motion throughout, with a self-contained pure-black palette and Instrument Serif accents.

  lucide-react, motion11 files
  PromptCopy

• Audio Player

  audio-player

  Composable audio player with play/pause, scrub-safe seek with buffered tint, skip, time readouts, volume and playback rate.

  lucide-react1 file
  PromptCopy

• Audit Log

  audit-log

  Compliance-style event log with expandable rows that reveal actor, action, status and request metadata. Composable disclosure parts.

  class-variance-authority, lucide-react1 file
  PromptCopy

• aurael

  button
  PromptCopy

• Avatar Stack

  avatar-stack

  Overlapping avatar group with size (sm/md/lg) and spacing (tight/normal/loose) variants, image or fallback support, numeric overflow chip, and asChild on items/overflow so each avatar can render as a link or button.

  @radix-ui/react-slot, class-variance-authority1 file
  PromptCopy

• avatar-upload

  button, dialog
  PromptCopy

• Billing Card

  billing-card

  Current-plan summary with price, a usage meter, billing detail rows and footer actions. Composable parts for billing settings.

  button1 file
  PromptCopy

• Blog 1

  blog-01

  Editorial blog index with a featured post on top and a 4-column grid of post cards underneath. Built on Card and Badge.

  lucide-react1 file
  PromptCopy

• Blur Reveal

  blur-reveal

  Reveals content with a blur, fade and lift as it scrolls into view. Configurable delay, duration and threshold; respects reduced-motion.

  motion1 file
  PromptCopy

• Calendar Heatmap

  calendar-heatmap

  GitHub-style contribution heatmap with month and weekday labels, tooltips, configurable intensity scale and a legend.

  tooltip1 file
  PromptCopy

• Calendar Utils

  calendar-utils

  Dependency-free date helpers (month grids, day math, keyboard-grid navigation) shared by date-picker and date-range-picker.

  1 file
  PromptCopy

• Callout

  MDX-style admonition with info / success / warning / error / neutral variants and optional icon override. Ships --info / --success / --warning theme tokens.

  class-variance-authority, lucide-react1 file
  PromptCopy

• Careers 1

  careers-01

  Open-roles list with department filter pills and rows that show title, department, location and type, each linking out with a hover arrow.

  lucide-react1 file
  PromptCopy

• changelog-01

  badge, button, toggle-group
  PromptCopy

• Cluster Map

  cluster-map

  Grid heatmap of cluster nodes, each cell tinted by health and load with a hover label, plus a legend. Ships composable parts.

  1 file
  PromptCopy

• Code Block

  code-block

  Code display with built-in dependency-free syntax highlighting via theme tokens, line numbers, line highlights, diff gutters, copy button and collapsible max-height.

  lucide-react1 file
  PromptCopy

• Color Picker

  color-picker

  SV gradient + hue slider with HEX / RGB / HSL tabs, eyedropper (where supported) and recent swatches.

  lucide-react1 file
  PromptCopy

• command-palette

  command
  PromptCopy

• Comparison 1

  comparison-01

  Two-column us-and-them panel: a featured column of checked points beside a muted column of the usual trade-offs, split by a divider that stacks on mobile.

  lucide-react1 file
  PromptCopy

• comparison-02

  badge, button
  PromptCopy

• comparison-03

  button
  PromptCopy

• compose-refs
  PromptCopy

• Confirm

  Imperative confirmation dialog: a root provider plus a useConfirm hook that resolves a promise on confirm or cancel. Default or destructive tone, an optional icon, and an async confirm action with a pending spinner.

  alert-dialog, button1 file
  PromptCopy

• Contact 1

  contact-01

  Production contact form with controlled state, inline validation, character counter, topic select, consent checkbox and a pending/sent state machine. Channel list and remote-location card alongside.

  lucide-react1 file
  PromptCopy

• Contact 2

  contact-02

  Bordered contact section with a serif header, a three-column info grid (email, location, social) using muted-fill labels and divider rules, and a "Find us online" footer of pill-shaped social links.

  lucide-react1 file
  PromptCopy

• contact-03

  badge, button
  PromptCopy

• Copy Button

  copy-button

  Click-to-copy button with copied feedback, icon-only or labelled, ghost / outline variants and a non-secure-context clipboard fallback.

  lucide-react1 file
  PromptCopy

• Countdown Timer

  countdown-timer

  Count-down-to-date timer with boxed / inline / minimal variants, a useCountdown hook, digit animation and completion content.

  1 file
  PromptCopy

• country-select

  button, command, popover
  PromptCopy

• Creative Studio

  creative-studio

  Dark, cinematic creative-studio landing page: a full-viewport hero with an animated backdrop and pull-up wordmark, a scroll-revealed about section, and a staggered feature-card grid. Framer Motion throughout, with a self-contained warm-cream palette.

  lucide-react, motion7 files
  PromptCopy

• credit-card-input

  input
  PromptCopy

• cron-editor

  button, field, input, native-select
  PromptCopy

• CTA 1

  cta-01

  Framed CTA card with corner marks, headline + sub-copy on the left, dual buttons stacked on the right.

  lucide-react1 file
  PromptCopy

• CTA 2

  cta-02

  Full-bleed centered CTA with framing top/bottom rules, highlight underlay on the key word, and an inline install command.

  lucide-react1 file
  PromptCopy

• CTA 3

  cta-03

  Full-bleed CTA card with an animated dithered shader backdrop, a live status pill, a serif headline and a pill action button.

  lucide-react, shaders2 files
  PromptCopy

• CTA 4

  cta-04

  Centered "get in touch" CTA with a mono eyebrow, serif headline, mail button, a direct-contact line, and a row of outline social icon buttons, capped by a soft radial glow dome with a starfield speckle.

  lucide-react1 file
  PromptCopy

• CTA 5

  cta-05

  Contact CTA panel with a scroll-reactive radial glow, an eyebrow badge, a word-by-word reveal headline, and two contact actions (email and call) each pairing a button with its detail line.

  lucide-react, motion1 file
  PromptCopy

• cta-07

  badge, button
  PromptCopy

• Currency Input

  currency-input

  Locale-aware grouping with currency-symbol prefix and configurable decimal precision.

  input-group1 file
  PromptCopy

• Cursor Glow

  cursor-glow

  Ambient glow layer that follows the pointer across its container and fades when it leaves. Drop it behind heroes, grids or feature panels.

  motion1 file
  PromptCopy

• Dashboard 1

  dashboard-01

  Operations dashboard with Tabs date-range switcher (1d / 7d / 30d / 90d), 4-up metric strip, weekly bar chart and a recent-activity feed. Data switches live with the range.

  lucide-react1 file
  PromptCopy

• Dashboard 2

  dashboard-02

  Analytics dashboard with a date-range select, four sparkline KPI tiles, a layered two-series area chart, and top-pages and channel-share side cards.

  lucide-react1 file
  PromptCopy

• Dashboard 3

  dashboard-03

  Revenue dashboard with a month stepper, plan-mix donut and legend, invoice status list and a transactions table with status dots and a pagination footer.

  lucide-react1 file
  PromptCopy

• Dashboard 4

  dashboard-04

  Commerce operations dashboard in a card-in-card style: four inset stat tiles, a Today band pairing an hourly two-series revenue chart with ad-budget and peak-hours cards, and a week-in-review band with an orders bar chart and three sparkline metric cards driven by a range select.

  lucide-react1 file
  PromptCopy

• Dashboard 5

  dashboard-05

  Observability dashboard composed as one bordered lattice: greeting strip with range select, four sparkline KPI cells, cache and duration chart cells, an AI-insight callout, a P50/P95/P99 latency distribution and an active-deployments list with ping-dot statuses.

  lucide-react1 file
  PromptCopy

• Dashboard 6

  dashboard-06

  Pipeline overview dashboard: four stat cards for success, failure, skipped, and live activity, a clickable latest-runs bar chart with a run breakdown panel, and a recent-runs list. The active-now stat uses --accent-cool for live state; every other color is a design token, so it works in light and dark.

  lucide-react, recharts1 file
  PromptCopy

• Date Range Picker

  date-range-picker

  Dual-month range picker with hover preview, presets, min/max bounds and keyboard nav. Includes an inline DateRangeCalendar, no date library.

  lucide-react1 file
  PromptCopy

• Deployment History

  deployment-history

  Deployment feed on a connecting rail: version, environment and status (deployed, failed, building, rolled back) with commit and author meta.

  lucide-react1 file
  PromptCopy

• diff-viewer

  toggle-group
  PromptCopy

• Dock

  macOS-style dock with cursor magnification: icons scale and spring as the pointer passes, with hover and focus labels. Built on motion.

  motion1 file
  PromptCopy

• duration-input
  PromptCopy

• E-commerce 1

  ecommerce-01

  Product grid with category filter pills, sale and new badges, wishlist toggles, star ratings, compare-at pricing and per-card add buttons.

  lucide-react1 file
  PromptCopy

• E-commerce 2

  ecommerce-02

  Shopping cart with quantity steppers, removable line items, promo-code validation, a free-shipping threshold, live totals and an empty-cart state.

  lucide-react1 file
  PromptCopy

• emoji-picker

  input
  PromptCopy

• env-editor

  badge, button, dialog, field
  PromptCopy

• error-01

  button, collapsible
  PromptCopy

• FAQ 1

  faq-01

  Two-column FAQ: sticky heading + contact card on the left, numbered accordion on the right.

  lucide-react1 file
  PromptCopy

• FAQ 2

  faq-02

  Centered heading with two-column accordion grid below. Each row tagged with a Qn index.

  1 file
  PromptCopy

• FAQ 3

  faq-03

  Searchable FAQ with category tabs, a live-filtered accordion, an empty state for missed queries and a support CTA strip.

  lucide-react1 file
  PromptCopy

• FAQ 4

  faq-04

  Framed single-column FAQ with side rules, a centered display header, five topic groups each pairing a heading with its own accordion, and a support footer line.

  1 file
  PromptCopy

• faq-07
  PromptCopy

• Feature 1

  feature-01

  Three alternating feature rows, each pairing a stylized Tailwind-only mock UI with a copy column (eyebrow, headline, paragraph, 3-item checklist).

  lucide-react1 file
  PromptCopy

• Feature 2

  feature-02

  Section header above a 3-column, 2-row grid of bordered feature cards with lucide icons, headlines and short blurbs.

  lucide-react1 file
  PromptCopy

• Feature 3

  feature-03

  Bento feature grid: a large lead tile with a faux file-tree preview beside five smaller token-lit tiles, each with an icon, title and short blurb.

  lucide-react1 file
  PromptCopy

• feature-04

  badge
  PromptCopy

• feature-05

  badge
  PromptCopy

• feature-06

  badge
  PromptCopy

• feature-08

  badge
  PromptCopy

• File Dropzone

  file-dropzone

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

  lucide-react1 file
  PromptCopy

• Floating Action Button

  floating-action-button

  Expanding speed-dial FAB: a primary trigger that rotates open to stagger a stack of secondary actions on any side. Compound API.

  motion1 file
  PromptCopy

• Floating Toolbar

  floating-toolbar

  Floating pill toolbar for text selection and canvas actions, with toggle buttons, separators and labels. Position it anywhere.

  1 file
  PromptCopy

• Footer 1

  footer-01

  Brand + tagline column alongside Product / Company / Resources link columns, with a copyright row and social icons below a thin rule.

  lucide-react1 file
  PromptCopy

• Footer 2

  footer-02

  Rounded-top footer with a brand block beside a multi-column link grid. Each column caps at five links and shows a "View all" arrow when there are more. A soft radial tint sits behind the top edge, and a bottom meta row carries the copyright and secondary links.

  lucide-react1 file
  PromptCopy

• Footer 3

  footer-03

  Boxed link-column footer: a two-column brand block with wordmark, blurb, and ghost social buttons, two link columns, and a divided copyright row. Sits in a soft outlined panel.

  button1 file
  PromptCopy

• footer-04

  button, input, separator
  PromptCopy

• footer-05
  PromptCopy

• footer-06

  button
  PromptCopy

• Forgot Password 1

  forgot-password-01

  Centered reset-request card: email with inline validation and a pending submit, swapping to a check-your-inbox state that echoes the address with resend and back-to-sign-in links.

  lucide-react1 file
  PromptCopy

• Header 1

  header-01

  Sticky top nav with brand monogram, centered anchor links, dual auth CTAs and a slide-down mobile menu.

  lucide-react1 file
  PromptCopy

• header-02

  button
  PromptCopy

• Hero 1

  hero-01

  Full-bleed hero card over an animated light-beam shader, with a glass pill nav, a trust badge, a serif headline, dual CTA and a three-stat footer.

  lucide-react, shaders2 files
  PromptCopy

• Hero 2

  hero-02

  Centered hero over animated grayscale gradient bars, with a live pill, a serif headline with an underlined accent, dual CTA and a wordmark strip.

  lucide-react, shaders2 files
  PromptCopy

• Hero 3

  hero-03

  Editorial centered hero on a faded grid, with a serif headline, sub-copy, dual CTA and a logo cloud of customer wordmarks.

  lucide-react1 file
  PromptCopy

• Hero 4

  hero-04

  Full-bleed image-banner hero with a dark scrim, a slim nav, a serif headline and dual CTA aligned to the bottom.

  lucide-react1 file
  PromptCopy

• Hero 5

  hero-05

  Full-bleed hero card over an animated aurora shader, with a glass pill nav, a glass content panel, a serif headline, dual CTA and an avatar social-proof row.

  lucide-react, shaders2 files
  PromptCopy

• Hero 6

  hero-06

  Centered personal hero: a live "available for work" badge, a serif headline with a primary-tinted emphasis span, a sub-line, a three-stat row with hairline dividers, dual rounded CTAs, and a tooltip-backed core-stack icon row framed by gradient rules. Rotated geometric border accents fade in behind it (and stay still under reduced motion).

  lucide-react, motion1 file
  PromptCopy

• Hero 7

  hero-07

  Centered hero with a word-by-word blur-in serif headline, a glass beta badge with a live dot, dual rounded CTAs, and animated beam line-art SVGs that trace the top, bottom, and both sides of the section. Respects reduced-motion.

  lucide-react, motion1 file
  PromptCopy

• Hero 8

  hero-08

  Centered hero on a framed, token-lit panel: a pill badge eyebrow, a serif headline with an italic emphasis span, sub-copy, dual CTA buttons, and a faux app-window preview below. Headline, sub-copy, and CTAs fade and rise in with staggered motion that respects reduced-motion.

  lucide-react, motion1 file
  PromptCopy

• hero-09

  button
  PromptCopy

• hero-10

  badge, button
  PromptCopy

• icon-stack
  PromptCopy

• Image Compare

  image-compare

  Before/after comparison slider with a draggable, keyboard-accessible divider, horizontal or vertical orientation and hover-follow mode.

  lucide-react1 file
  PromptCopy

• Image Cropper

  image-cropper

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

  slider1 file
  PromptCopy

• Image Gallery 1

  image-gallery-01

  Studio-style masonry gallery with Tabs-driven category filter, real photo tiles via next/image, varied aspect ratios, hover zoom + arrow chip and an Empty fallback for empty filters.

  lucide-react1 file
  PromptCopy

• Inline Edit

  inline-edit

  Click-to-edit text with preview, validation, async submit and confirm/cancel controls. Input and textarea modes.

  lucide-react1 file
  PromptCopy

• Inspector Panel

  inspector-panel

  Design-tool inspector with a header, collapsible sections and label/control rows. Composable parts for property panels and sidebars.

  lucide-react1 file
  PromptCopy

• Integrations 1

  integrations-01

  Two-column integrations section with copy and feature list on the left, orbit diagram (central hub + 7 logo spokes connected by dashed rays) on the right.

  lucide-react1 file
  PromptCopy

• integrations-02

  badge, button
  PromptCopy

• integrations-03

  badge, button, separator
  PromptCopy

• json-viewer

  button
  PromptCopy

• K8s Pod Table

  k8s-pod-table

  Kubernetes pod table with phase pills (Running, Pending, CrashLoopBackOff), ready and restart counts that flag unhealthy pods.

  1 file
  PromptCopy

• kanban
  PromptCopy

• Kbd

  3D tactile keycap with hover lift and pressed states. Compound API with KbdGroup for chords and KbdDisplay for inline keys.

  1 file
  PromptCopy

• KPI Grid

  kpi-grid

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

  lucide-react1 file
  PromptCopy

• Lazy Select

  lazy-select

  Autocomplete single-select that defers loading until open and pages through results on scroll. Debounced server-side search with a pluggable lazy paginator hook.

  lucide-react1 file
  PromptCopy

• Lightbox

  Fullscreen image lightbox on Radix Dialog with gallery navigation, zoom and pan, swipe gestures, captions and a thumbnail strip.

  @radix-ui/react-dialog, lucide-react1 file
  PromptCopy

• Login 1

  login-01

  Centered login card with monogram, email + password (using the password-input component), remember-me, divider and GitHub / Google providers.

  lucide-react1 file
  PromptCopy

• Login 2

  login-02

  Two-pane login: form on the left, dark testimonial panel with quote and metrics on the right. Uses the strength-meter variant of password-input.

  lucide-react1 file
  PromptCopy

• Login 3

  login-03

  Split-screen sign-in: a decorative animated-paths aside with a brand mark and a short quote, paired with a clean GitHub-only sign-in pane. A back-to-home link, mobile-collapsing layout, and token-based radial glows behind the form.

  lucide-react, motion1 file
  PromptCopy

• Logo Cloud 1

  logo-cloud-01

  Centered eyebrow + headline above a 5-column bordered wordmark grid, with stat strip and case-study link below.

  lucide-react1 file
  PromptCopy

• logo-cloud-02
  PromptCopy

• logo-cloud-03

  avatar, separator
  PromptCopy

• Log Viewer

  log-viewer

  Streaming log panel with severity-colored lines, timestamps, sources and tail-follow that unpins when you scroll up. Ships composable parts.

  1 file
  PromptCopy

• maintenance-01

  button
  PromptCopy

• maintenance-02

  badge
  PromptCopy

• Marquee

  Infinite scrolling row or column for logos and testimonials, with pause-on-hover, reverse and vertical modes. Keyframes ship inline, zero config.

  1 file
  PromptCopy

• Masonry

  True masonry layout that balances children into the shortest column by measured height, order-preserving, responsive, dependency-free.

  1 file
  PromptCopy

• Media Input

  media-input

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

  lucide-react1 file
  PromptCopy

• members-01

  avatar, badge, button, dialog
  PromptCopy

• Mention Input

  mention-input

  @-mention textarea with caret-anchored autocomplete, highlighted mention chips, async search and multiple trigger characters.

  1 file
  PromptCopy

• message-thread

  button, collapsible
  PromptCopy

• Metric Card

  metric-card

  Compact metric card with a value and unit, a tone-aware sparkline and an up / down trend line. Compound API.

  lucide-react1 file
  PromptCopy

• Mindloop

  Dark, monochrome newsletter landing page: a full-screen video hero with an inline subscribe form, an answer-engine section, scroll-revealed mission copy, a four-up feature grid and a streaming-video call to action. Framer Motion throughout, with a self-contained pure-black palette and liquid-glass accents.

  hls.js, motion11 files
  PromptCopy

• Month Picker

  month-picker

  4×3 month grid with year stepper, keyboard nav, min/max bounds, single or range mode.

  lucide-react1 file
  PromptCopy

• Morphing Dialog

  morphing-dialog

  A trigger card that morphs into a centered dialog via shared-layout animation, with focus trapping, scroll lock, Esc to close and reduced-motion support.

  lucide-react, motion1 file
  PromptCopy

• Multi Select

  multi-select

  Chip-based multi-select with command-palette dropdown, search, select-all and async loader. Compound and single-prop APIs.

  lucide-react1 file
  PromptCopy

• Network Topology

  network-topology

  Coordinate-placed topology diagram: nodes with status and icons over an SVG edge layer, with animated active links. Ships composable parts.

  lucide-react1 file
  PromptCopy

• Newsletter 1

  newsletter-01

  Centered subscribe panel with an inline email form, inline validation and a success state that swaps in a confirmation once a valid address is entered.

  lucide-react1 file
  PromptCopy

• NexaCore

  Light enterprise-infrastructure landing page: a floating pill navbar that shrinks on scroll, a full-screen video hero, a dark service-card grid that unfolds on hover, a chaos-versus-control split around a circular streaming video, and a four-pillar delivery staircase. Self-contained navy-and-lavender palette with multi-stop brand gradients, driven by hls.js and lucide-react.

  hls.js, lucide-react11 files
  PromptCopy

• Notifications

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

  lucide-react1 file
  PromptCopy

• novael

  button
  PromptCopy

• Number Range

  number-range

  Two-thumb slider paired with synced number inputs. Min/max/step, currency or unit formatting, keyboard-first.

  input, slider1 file
  PromptCopy

• onboarding-01

  button, card, field, input
  PromptCopy

• OTP Verify 1

  otp-verify-01

  Centered verification card with a six-box code input built in the block: auto-advance, backspace, paste distribution and arrow-key focus, plus a 30s resend countdown and a pending → success verify flow.

  lucide-react1 file
  PromptCopy

• Phone Input

  phone-input

  Country dial-code dropdown with E.164 output. Compound and single-prop APIs.

  lucide-react1 file
  PromptCopy

• Portfolio

  Dark, single-page personal portfolio: a counter loading screen, an HLS video hero with a floating nav and a cycling role line, a bento work grid, a journal list, a scroll-pinned parallax gallery with lightbox, count-up stats and a video contact footer. Self-contained dark palette, driven by GSAP and Framer Motion.

  gsap, hls.js, motion12 files
  PromptCopy

• Pricing 1

  pricing-01

  Three-tier card row with a featured middle plan. Each card lists price, blurb, feature checklist and a primary or outline CTA.

  lucide-react1 file
  PromptCopy

• Pricing 2

  pricing-02

  Compare-by-feature pricing table with sticky tier header (tier name, price, CTA) and ~8 feature rows below.

  lucide-react1 file
  PromptCopy

• Pricing 3

  pricing-03

  Three-tier card row with a monthly/yearly billing toggle that tweens the price, a featured plan, per-plan icon, feature checklist and CTA.

  lucide-react, motion1 file
  PromptCopy

• pricing-04

  badge, button
  PromptCopy

• Process 1

  process-01

  How-it-works section with a three-step row: each step pairs an icon badge, a Step NN label, a title and a short body, joined by a hairline connector on desktop.

  lucide-react1 file
  PromptCopy

• prompt-input

  button, dropdown-menu, textarea
  PromptCopy

• QR Code

  qr-code

  Dependency-free QR code generator rendering crisp SVG, with L/M/Q/H error correction, quiet-zone control and currentColor theming.

  1 file
  PromptCopy

• Quick Actions

  quick-actions

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

  @radix-ui/react-slot, lucide-react1 file
  PromptCopy

• Rating

  Star rating with hover preview, half-star precision, read-only mode and sm / md / lg sizes.

  lucide-react1 file
  PromptCopy

• Resizable Panels

  resizable-panels

  Composable resizable panel groups with draggable, keyboard-accessible handles, per-panel minimums and nestable horizontal or vertical groups. RTL-aware.

  1 file
  PromptCopy

• Resource Status

  resource-status

  Statuspage-style panel: an overall banner over a list of resources, each with an operational / degraded / outage / maintenance state and uptime.

  1 file
  PromptCopy

• Rich Text Editor

  rich-text-editor

  Tiptap editor with a formatting toolbar (headings, lists, links, highlight, alignment) and a hover bubble to edit or unlink links inline. Outputs HTML, controlled or uncontrolled, with composable parts.

  @tiptap/core, @tiptap/extension-highlight, @tiptap/extension-placeholder, @tiptap/extension-text-align1 file
  PromptCopy

• Rivr

  DeFi staking landing page for a fluid-asset protocol: a video hero on a rounded card with glass stat cards and a carved documentation corner, a metrics band, a bento feature grid, a video call to action and a light footer. Self-contained light palette, Helvetica system type, Framer Motion throughout.

  lucide-react, motion9 files
  PromptCopy

• Scroll Progress

  scroll-progress

  Fixed reading progress bar. Tracks document scroll by default or a scoped container ref.

  1 file
  PromptCopy

• Scroll Reveal

  scroll-reveal

  Fades and slides content in from any direction as it enters the viewport. Configurable distance, delay and replay; respects reduced-motion.

  motion1 file
  PromptCopy

• Server Card

  server-card

  Fleet of host cards, each with a status pill, region, CPU / memory / disk specs and threshold-tinted usage meters. Ships composable parts.

  lucide-react1 file
  PromptCopy

• settings-01

  alert-dialog, avatar, badge, button
  PromptCopy

• settings-02

  badge, button, field, switch
  PromptCopy

• Signature Pad

  signature-pad

  Canvas signature capture with velocity-based ink, per-stroke undo, theme-aware re-inking and PNG/JPEG export via ref.

  lucide-react1 file
  PromptCopy

• Signup 1

  signup-01

  Centered signup card with monogram, name + email, strength-meter password-input, terms checkbox, divider and GitHub / Google providers. Validates inline on submit.

  lucide-react1 file
  PromptCopy

• Sortable

  Drag-to-reorder list with pointer and keyboard sorting, handle or whole-item dragging, and live-region announcements. No dnd-kit.

  lucide-react1 file
  PromptCopy

• sparkles
  PromptCopy

• sparkline
  PromptCopy

• Spinner

  Loading indicator with circle, dots and bars variants, sm / md / lg sizes. Inherits the current text color and ships an accessible status label.

  class-variance-authority1 file
  PromptCopy

• Split View

  split-view

  Two-pane master/detail layout with a draggable divider, keyboard resize, min/max bounds and horizontal or vertical orientation. RTL-aware.

  1 file
  PromptCopy

• Spotlight Card

  spotlight-card

  Card surface with a soft spotlight that tracks the cursor and fades in on hover. Built on design tokens, no hard-coded colors.

  motion1 file
  PromptCopy

• Stat Card

  stat-card

  Compact metric card with label, value, and an up/down/flat trend chip. Compound and single-prop APIs.

  lucide-react1 file
  PromptCopy

• stats-01
  PromptCopy

• stats-02
  PromptCopy

• status-01

  badge, tooltip
  PromptCopy

• Stepper

  Multi-step progress indicator with horizontal and vertical orientation, completed / active / inactive states, clickable steps and a compound API.

  lucide-react1 file
  PromptCopy

• Storage Browser

  storage-browser

  Object-storage file browser with a clickable path breadcrumb, folder and file rows, sizes and modified dates. Ships composable parts.

  lucide-react1 file
  PromptCopy

• Subscription Plans

  subscription-plans

  In-app plan selector with featured and current states, a badge, feature checklist and per-plan action. Ships composable parts.

  lucide-react1 file
  PromptCopy

• Tag Input

  tag-input

  Chip input with paste-to-split, dedupe, validation hook, max tags. Compound and single-prop APIs.

  lucide-react1 file
  PromptCopy

• team-01
  PromptCopy

• team-02

  badge
  PromptCopy

• Tenant Switcher

  tenant-switcher

  Workspace, organization or project switcher for multi-tenant apps. Logo or initials, plan or role caption, grouped and searchable list, and a create action. Ships composable parts.

  lucide-react1 file
  PromptCopy

• Terminal

  Terminal surface with a title bar, output lines and an interactive prompt input with command-history recall. Ships composable parts.

  1 file
  PromptCopy

• Testimonial 1

  testimonial-01

  Centered single quote with stylized open-mark, author block (avatar, name, role, company) and a muted wordmark row below.

  1 file
  PromptCopy

• Testimonial 2

  testimonial-02

  Masonry quote grid (CSS columns) with ~6 bordered quote cards of varying length and author rows.

  1 file
  PromptCopy

• Testimonial 3

  testimonial-03

  Centered statement quote with a serif display heading, an inline quote glyph in the corner, gradient hairline dividers, and a highlighted phrase, closed by a small mono attribution line.

  1 file
  PromptCopy

• testimonial-04

  badge
  PromptCopy

• Text Reveal

  text-reveal

  Staggered text entrance that masks and slides each word, character or line into place on scroll. Respects reduced-motion.

  motion1 file
  PromptCopy

• Tilt Card

  tilt-card

  3D pointer tilt with optional cursor-following glare and configurable max angle, scale and perspective. Respects reduced-motion.

  motion1 file
  PromptCopy

• Timeline

  Vertical event timeline with default or icon dots, tone variants and labelled time / title / description parts.

  class-variance-authority1 file
  PromptCopy

• Time Picker

  time-picker

  Hour, minute and optional second scroll columns with 12/24h modes, step intervals and keyboard nav.

  lucide-react1 file
  PromptCopy

• Tour

  Onboarding spotlight that dims the page around a target element and walks users through steps with a positioned coach-mark card.

  button1 file
  PromptCopy

• Tree View

  tree-view

  Collapsible nested tree for file explorers and hierarchical data, with auto folder/file icons, depth indentation, selection and keyboard focus.

  lucide-react1 file
  PromptCopy

• two-factor-setup-01

  button, checkbox, field, input-otp
  PromptCopy

• Unsaved Guard

  unsaved-guard

  Unsaved-changes guard: a root provider plus a useUnsavedGuard hook. Warns before reload, tab close and in-app link navigation, and returns a guard(proceed) to wrap programmatic navigation in a confirm dialog.

  1 file
  PromptCopy

• Usage Dashboard

  usage-dashboard

  Metered usage panel with per-resource progress bars that tint amber near the limit and red over it. Ships composable parts.

  1 file
  PromptCopy

• USD Halo

  usd-halo

  Premium fintech landing page for a stablecoin: a full-bleed video hero with a custom halo wordmark and an infinite brand marquee, a meet-the-product card grid, a backers marquee, and a use-modes split with an autoplaying video panel, closing on a dark anchor footer. Self-contained light palette.

  lucide-react9 files
  PromptCopy

• Velorah

  Dark, premium landing page for an electric RV brand: a full-screen video hero with liquid-glass navigation, a centered tagline, a split feature card with switchable tabs, an HLS streaming statement with a stats row, a video preorder call to action and a multi-column footer. Self-contained pure-black palette, Inter + Instrument Serif type.

  hls.js12 files
  PromptCopy

• VM Table

  vm-table

  Virtual-machine instance table with live status dots, size, region, IP and uptime. Self-contained parts, no table primitive required.

  1 file
  PromptCopy

• YAML Editor

  yaml-editor

  Editable code field with dependency-free YAML syntax highlighting, a line-number gutter and tab-to-indent. Controlled or uncontrolled.

  1 file
  PromptCopy

• Year Picker

  year-picker

  Decade-grid year picker with keyboard nav, min/max bounds, single or range mode.

  lucide-react1 file
  PromptCopy