{"builtAt":"2026-10-24T23:51:50.193Z","registries":{"shadcn-svelte":{"favicon":"/favicons/shadcn-svelte.ico","items":[{"name":"accordion","type":"registry:ui"},{"name":"alert","type":"registry:ui"},{"name":"alert-dialog","registryDependencies":["button"],"type":"registry:ui"},{"name":"aspect-ratio","type":"registry:ui"},{"name":"avatar","type":"registry:ui"},{"name":"badge","type":"registry:ui"},{"name":"breadcrumb","type":"registry:ui"},{"name":"button","type":"registry:ui"},{"name":"button-group","registryDependencies":["separator"],"type":"registry:ui"},{"name":"calendar","registryDependencies":["button"],"type":"registry:ui"},{"name":"card","type":"registry:ui"},{"name":"carousel","registryDependencies":["button"],"type":"registry:ui"},{"name":"chart","type":"registry:ui"},{"name":"checkbox","type":"registry:ui"},{"name":"collapsible","type":"registry:ui"},{"name":"command","registryDependencies":["dialog"],"type":"registry:ui"},{"name":"context-menu","type":"registry:ui"},{"name":"data-table","type":"registry:ui"},{"name":"dialog","type":"registry:ui"},{"name":"drawer","type":"registry:ui"},{"name":"dropdown-menu","type":"registry:ui"},{"name":"empty","type":"registry:ui"},{"name":"field","registryDependencies":["label","separator"],"type":"registry:ui"},{"name":"form","registryDependencies":["button","label"],"type":"registry:ui"},{"name":"hover-card","type":"registry:ui"},{"name":"input","type":"registry:ui"},{"name":"input-group","registryDependencies":["button","input","textarea"],"type":"registry:ui"},{"name":"input-otp","type":"registry:ui"},{"name":"item","registryDependencies":["separator"],"type":"registry:ui"},{"name":"kbd","type":"registry:ui"},{"name":"label","type":"registry:ui"},{"name":"menubar","type":"registry:ui"},{"name":"native-select","type":"registry:ui"},{"name":"navigation-menu","type":"registry:ui"},{"name":"pagination","registryDependencies":["button"],"type":"registry:ui"},{"name":"popover","type":"registry:ui"},{"name":"progress","type":"registry:ui"},{"name":"radio-group","type":"registry:ui"},{"name":"range-calendar","registryDependencies":["button"],"type":"registry:ui"},{"name":"resizable","type":"registry:ui"},{"name":"scroll-area","type":"registry:ui"},{"name":"select","registryDependencies":["separator"],"type":"registry:ui"},{"name":"separator","type":"registry:ui"},{"name":"sheet","type":"registry:ui"},{"name":"sidebar","registryDependencies":["is-mobile","input","tooltip","skeleton","separator","button","sheet"],"type":"registry:ui"},{"name":"skeleton","type":"registry:ui"},{"name":"slider","type":"registry:ui"},{"name":"sonner","type":"registry:ui"},{"name":"spinner","type":"registry:ui"},{"name":"switch","type":"registry:ui"},{"name":"table","type":"registry:ui"},{"name":"tabs","type":"registry:ui"},{"name":"textarea","type":"registry:ui"},{"name":"toggle","type":"registry:ui"},{"name":"toggle-group","registryDependencies":["toggle"],"type":"registry:ui"},{"name":"tooltip","type":"registry:ui"},{"name":"calendar-01","registryDependencies":["calendar"],"type":"registry:block"},{"name":"calendar-02","registryDependencies":["calendar"],"type":"registry:block"},{"name":"calendar-03","registryDependencies":["calendar"],"type":"registry:block"},{"name":"calendar-04","registryDependencies":["range-calendar"],"type":"registry:block"},{"name":"calendar-05","registryDependencies":["range-calendar"],"type":"registry:block"},{"name":"calendar-06","registryDependencies":["range-calendar"],"type":"registry:block"},{"name":"calendar-07","registryDependencies":["range-calendar"],"type":"registry:block"},{"name":"calendar-08","registryDependencies":["calendar"],"type":"registry:block"},{"name":"calendar-09","registryDependencies":["range-calendar"],"type":"registry:block"},{"name":"calendar-10","registryDependencies":["calendar","card","button"],"type":"registry:block"},{"name":"calendar-11","registryDependencies":["range-calendar"],"type":"registry:block"},{"name":"calendar-12","registryDependencies":["card","select"],"type":"registry:block"},{"name":"calendar-13","registryDependencies":["calendar","select","label"],"type":"registry:block"},{"name":"calendar-14","registryDependencies":["calendar"],"type":"registry:block"},{"name":"calendar-15","type":"registry:block"},{"name":"calendar-16","registryDependencies":["calendar","card","label","input"],"type":"registry:block"},{"name":"calendar-17","registryDependencies":["calendar","card","label","input"],"type":"registry:block"},{"name":"calendar-18","registryDependencies":["calendar"],"type":"registry:block"},{"name":"calendar-19","registryDependencies":["calendar","button","card"],"type":"registry:block"},{"name":"calendar-20","registryDependencies":["button","card","calendar"],"type":"registry:block"},{"name":"calendar-21","registryDependencies":["range-calendar"],"type":"registry:block"},{"name":"calendar-22","registryDependencies":["calendar","popover","button","label"],"type":"registry:block"},{"name":"calendar-23","registryDependencies":["range-calendar","popover","button","label"],"type":"registry:block"},{"name":"calendar-24","registryDependencies":["calendar","popover","button","label","input"],"type":"registry:block"},{"name":"calendar-25","registryDependencies":["calendar","popover","button","label","input"],"type":"registry:block"},{"name":"calendar-26","registryDependencies":["calendar","popover","button","label","input"],"type":"registry:block"},{"name":"calendar-27","registryDependencies":["chart","card","popover","button","range-calendar"],"type":"registry:block"},{"name":"calendar-28","registryDependencies":["calendar","input","label","popover","button"],"type":"registry:block"},{"name":"calendar-29","registryDependencies":["label","popover","button","calendar","input"],"type":"registry:block"},{"name":"calendar-30","registryDependencies":["popover","button","range-calendar","label"],"type":"registry:block"},{"name":"calendar-31","registryDependencies":["button","calendar","card"],"type":"registry:block"},{"name":"calendar-32","registryDependencies":["button","calendar","drawer","label"],"type":"registry:block"},{"name":"chart-area-axes","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-area-default","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-area-gradient","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-area-icons","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-area-interactive","registryDependencies":["chart","card","select"],"type":"registry:block"},{"name":"chart-area-legend","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-area-linear","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-area-stacked-expand","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-area-stacked","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-area-step","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-bar-active","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-bar-default","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-bar-horizontal","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-bar-interactive","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-bar-label-custom","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-bar-label","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-bar-mixed","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-bar-multiple","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-bar-negative","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-bar-stacked","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-line-default","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-line-dots-colors","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-line-dots-custom","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-line-dots","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-line-interactive","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-line-label-custom","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-line-label","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-line-linear","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-line-multiple","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-line-step","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-pie-donut-active","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-pie-donut-text","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-pie-donut","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-pie-interactive","registryDependencies":["chart","card","select"],"type":"registry:block"},{"name":"chart-pie-label-custom","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-pie-label-list","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-pie-label","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-pie-legend","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-pie-separator-none","registryDependencies":["card"],"type":"registry:block"},{"name":"chart-pie-simple","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-pie-stacked","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-default","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-dots","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-grid-circle-fill","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-grid-circle-no-lines","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-grid-circle","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-grid-custom","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-grid-fill","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-grid-none","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-icons","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-label-custom","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-legend","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-lines-only","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-multiple","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radar-radius","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radial-grid","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-radial-label","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-radial-shape","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-radial-simple","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-radial-stacked","registryDependencies":["chart","card"],"type":"registry:block"},{"name":"chart-radial-text","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-tooltip-advanced","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-tooltip-default","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-tooltip-formatter","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-tooltip-icons","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-tooltip-indicator-line","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-tooltip-indicator-none","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-tooltip-label-custom","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-tooltip-label-formatter","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"chart-tooltip-label-none","registryDependencies":["card","chart"],"type":"registry:block"},{"name":"dashboard-01","registryDependencies":["sidebar","chart","card","select","toggle-group","drawer","button","is-mobile","label","input","separator","checkbox","data-table","tabs","table","dropdown-menu","badge","avatar"],"type":"registry:block"},{"name":"demo-sidebar-controlled","registryDependencies":["sidebar","button"],"type":"registry:block"},{"name":"demo-sidebar-footer","registryDependencies":["sidebar","dropdown-menu"],"type":"registry:block"},{"name":"demo-sidebar-group-action","registryDependencies":["sidebar","sonner"],"type":"registry:block"},{"name":"demo-sidebar-group-collapsible","registryDependencies":["sidebar","collapsible"],"type":"registry:block"},{"name":"demo-sidebar-group","registryDependencies":["sidebar"],"type":"registry:block"},{"name":"demo-sidebar-header","registryDependencies":["sidebar","dropdown-menu"],"type":"registry:block"},{"name":"demo-sidebar-menu-action","registryDependencies":["sidebar","dropdown-menu"],"type":"registry:block"},{"name":"demo-sidebar-menu-badge","registryDependencies":["sidebar"],"type":"registry:block"},{"name":"demo-sidebar-menu-collapsible","registryDependencies":["sidebar","collapsible"],"type":"registry:block"},{"name":"demo-sidebar-menu-sub","registryDependencies":["sidebar"],"type":"registry:block"},{"name":"demo-sidebar-menu","registryDependencies":["sidebar"],"type":"registry:block"},{"name":"demo-sidebar","registryDependencies":["sidebar"],"type":"registry:block"},{"name":"login-01","registryDependencies":["button","card","input","field"],"type":"registry:block"},{"name":"login-02","registryDependencies":["field","input","button"],"type":"registry:block"},{"name":"login-03","registryDependencies":["button","card","field","input"],"type":"registry:block"},{"name":"login-04","registryDependencies":["card","field","input","button"],"type":"registry:block"},{"name":"login-05","registryDependencies":["field","input","button"],"type":"registry:block"},{"name":"new-components-01","registryDependencies":["checkbox","field","tooltip","button","button-group","input","label","radio-group","switch","dropdown-menu","input-group","popover","separator","textarea","empty","avatar","kbd","select","slider","item","badge","command","spinner"],"type":"registry:block"},{"name":"otp-01","registryDependencies":["button","card","field","input-otp"],"type":"registry:block"},{"name":"otp-02","registryDependencies":["button","field","input-otp"],"type":"registry:block"},{"name":"otp-03","registryDependencies":["button","card","field","input-otp"],"type":"registry:block"},{"name":"otp-04","registryDependencies":["button","card","field","input-otp"],"type":"registry:block"},{"name":"otp-05","registryDependencies":["button","field","input-otp"],"type":"registry:block"},{"name":"sidebar-01","registryDependencies":["breadcrumb","separator","sidebar","label","dropdown-menu"],"type":"registry:block"},{"name":"sidebar-02","registryDependencies":["breadcrumb","separator","sidebar","collapsible","label","dropdown-menu"],"type":"registry:block"},{"name":"sidebar-03","registryDependencies":["breadcrumb","separator","sidebar"],"type":"registry:block"},{"name":"sidebar-04","registryDependencies":["breadcrumb","separator","sidebar"],"type":"registry:block"},{"name":"sidebar-05","registryDependencies":["breadcrumb","separator","sidebar","collapsible","label"],"type":"registry:block"},{"name":"sidebar-06","registryDependencies":["breadcrumb","separator","sidebar","dropdown-menu","button","card"],"type":"registry:block"},{"name":"sidebar-07","registryDependencies":["breadcrumb","separator","sidebar","collapsible","dropdown-menu","avatar"],"type":"registry:block"},{"name":"sidebar-08","registryDependencies":["breadcrumb","separator","sidebar","collapsible","dropdown-menu","avatar"],"type":"registry:block"},{"name":"sidebar-09","registryDependencies":["breadcrumb","separator","sidebar","label","switch","avatar","dropdown-menu"],"type":"registry:block"},{"name":"sidebar-10","registryDependencies":["breadcrumb","separator","sidebar","button","popover","dropdown-menu","collapsible"],"type":"registry:block"},{"name":"sidebar-11","registryDependencies":["breadcrumb","separator","sidebar","collapsible"],"type":"registry:block"},{"name":"sidebar-12","registryDependencies":["breadcrumb","separator","sidebar","collapsible","calendar","avatar","dropdown-menu"],"type":"registry:block"},{"name":"sidebar-13","registryDependencies":["breadcrumb","button","dialog","sidebar"],"type":"registry:block"},{"name":"sidebar-14","registryDependencies":["breadcrumb","sidebar"],"type":"registry:block"},{"name":"sidebar-15","registryDependencies":["breadcrumb","separator","sidebar","collapsible","calendar","dropdown-menu","avatar"],"type":"registry:block"},{"name":"sidebar-16","registryDependencies":["sidebar","collapsible","dropdown-menu","avatar","label","breadcrumb","button","separator"],"type":"registry:block"},{"name":"signup-01","registryDependencies":["button","card","field","input"],"type":"registry:block"},{"name":"signup-02","registryDependencies":["button","field","input"],"type":"registry:block"},{"name":"signup-03","registryDependencies":["button","card","field","input"],"type":"registry:block"},{"name":"signup-04","registryDependencies":["button","card","field","input"],"type":"registry:block"},{"name":"signup-05","registryDependencies":["button","field","input"],"type":"registry:block"},{"name":"is-mobile","type":"registry:hook"}]},"shadcn":{"favicon":"/favicons/shadcn.png","items":[{"name":"accordion","type":"registry:ui"},{"name":"alert","type":"registry:ui"},{"name":"alert-dialog","registryDependencies":["button"],"type":"registry:ui"},{"name":"aspect-ratio","type":"registry:ui"},{"name":"attachment","registryDependencies":["button"],"type":"registry:ui"},{"name":"avatar","type":"registry:ui"},{"name":"badge","type":"registry:ui"},{"name":"breadcrumb","type":"registry:ui"},{"name":"bubble","type":"registry:ui"},{"name":"button","type":"registry:ui"},{"name":"button-group","registryDependencies":["separator"],"type":"registry:ui"},{"dependencies":["react-day-picker@latest","date-fns"],"name":"calendar","registryDependencies":["button"],"type":"registry:ui"},{"name":"card","type":"registry:ui"},{"dependencies":["embla-carousel-react"],"name":"carousel","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["recharts@3.8.0"],"name":"chart","registryDependencies":["card"],"type":"registry:ui"},{"name":"checkbox","type":"registry:ui"},{"name":"code-block","registryDependencies":["button","use-highlighted-code"],"type":"registry:ui"},{"name":"collapsible","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"combobox","registryDependencies":["button","input-group"],"type":"registry:ui"},{"dependencies":["cmdk"],"name":"command","registryDependencies":["dialog","input-group"],"type":"registry:ui"},{"name":"context-menu","type":"registry:ui"},{"name":"dialog","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"direction","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"drawer","type":"registry:ui"},{"name":"dropdown-menu","type":"registry:ui"},{"name":"empty","type":"registry:ui"},{"name":"field","registryDependencies":["label","separator"],"type":"registry:ui"},{"name":"form","type":"registry:ui"},{"name":"hover-card","type":"registry:ui"},{"name":"input","type":"registry:ui"},{"name":"input-group","registryDependencies":["button","input","textarea"],"type":"registry:ui"},{"dependencies":["input-otp"],"name":"input-otp","type":"registry:ui"},{"name":"item","registryDependencies":["separator"],"type":"registry:ui"},{"name":"kbd","type":"registry:ui"},{"name":"label","type":"registry:ui"},{"name":"marker","type":"registry:ui"},{"name":"menubar","registryDependencies":["dropdown-menu"],"type":"registry:ui"},{"name":"message","type":"registry:ui"},{"dependencies":["@shadcn/react"],"name":"message-scroller","registryDependencies":["button"],"type":"registry:ui"},{"name":"native-select","type":"registry:ui"},{"name":"navigation-menu","type":"registry:ui"},{"name":"pagination","registryDependencies":["button"],"type":"registry:ui"},{"name":"popover","type":"registry:ui"},{"name":"progress","type":"registry:ui"},{"dependencies":["@shadcn/react"],"name":"questionnaire","registryDependencies":["button"],"type":"registry:ui"},{"name":"radio-group","type":"registry:ui"},{"dependencies":["react-resizable-panels"],"name":"resizable","type":"registry:ui"},{"name":"scroll-area","type":"registry:ui"},{"name":"select","type":"registry:ui"},{"name":"separator","type":"registry:ui"},{"name":"sheet","registryDependencies":["button"],"type":"registry:ui"},{"name":"sidebar","registryDependencies":["button","input","separator","sheet","skeleton","tooltip","use-mobile"],"type":"registry:ui"},{"name":"skeleton","type":"registry:ui"},{"name":"slider","type":"registry:ui"},{"dependencies":["sonner","next-themes"],"name":"sonner","type":"registry:ui"},{"name":"spinner","type":"registry:ui"},{"name":"switch","type":"registry:ui"},{"name":"table","type":"registry:ui"},{"name":"tabs","type":"registry:ui"},{"name":"textarea","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"toast","registryDependencies":["button"],"type":"registry:ui"},{"name":"toggle","type":"registry:ui"},{"name":"toggle-group","registryDependencies":["toggle"],"type":"registry:ui"},{"name":"tooltip","type":"registry:ui"},{"name":"trace","registryDependencies":["collapsible"],"type":"registry:ui"}]},"magic ui":{"favicon":"/favicons/magic-ui.ico","items":[{"dependencies":["motion","next-themes"],"description":"A spotlight effect that follows your mouse cursor and highlights borders on hover.","name":"magic-card","title":"Magic Card","type":"registry:ui"},{"description":"A mockup of an Android device.","name":"android","title":"Android","type":"registry:ui"},{"dependencies":["motion"],"description":"A card with a time warping background effect.","name":"warp-background","title":"Warp Background","type":"registry:ui"},{"dependencies":["motion"],"description":"A text component with a moving line shadow.","name":"line-shadow-text","title":"Line Shadow Text","type":"registry:ui"},{"description":"A beautiful aurora text effect","name":"aurora-text","title":"Aurora Text","type":"registry:ui"},{"description":"A dynamic text morphing component for Magic UI.","name":"morphing-text","title":"Morphing Text","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated Scroll Progress for your pages","name":"scroll-progress","title":"Scroll Progress","type":"registry:ui"},{"dependencies":["motion"],"description":"A interactive component that enables zooming into images, videos and other elements.","name":"lens","title":"Lens","type":"registry:ui"},{"dependencies":["motion"],"description":"A component that displays a pointer when hovering over an element","name":"pointer","title":"Pointer","type":"registry:ui"},{"dependencies":["motion"],"description":"A customizable, physics-based smooth cursor animation component with spring animations and rotation effects","name":"smooth-cursor","type":"registry:ui"},{"description":"The Progressive Blur component adds a smooth blur gradient effect to scrollable content, indicating more content below or above.","name":"progressive-blur","title":"Progressive Blur","type":"registry:ui"},{"description":"A beautiful neon card effect","name":"neon-gradient-card","title":"Neon Gradient Card","type":"registry:ui"},{"description":"An SVG fractal noise layer using feTurbulence, desaturation, and contrast controls for subtle texture overlays.","name":"noise-texture","title":"Noise Texture","type":"registry:ui"},{"description":"A meteor shower effect.","name":"meteors","title":"Meteors","type":"registry:ui"},{"description":"A background grid pattern made with SVGs, fully customizable using Tailwind CSS.","name":"grid-pattern","title":"Grid Pattern","type":"registry:ui"},{"description":"A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.","name":"hexagon-pattern","title":"Hexagon Pattern","type":"registry:ui"},{"description":"A background striped pattern made with SVGs, fully customizable using Tailwind CSS.","name":"striped-pattern","title":"Striped Pattern","type":"registry:ui"},{"description":"A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.","name":"interactive-grid-pattern","title":"Interactive Grid Pattern","type":"registry:ui"},{"description":"A background dot pattern made with SVGs, fully customizable using Tailwind CSS.","name":"dot-pattern","title":"Dot Pattern","type":"registry:ui"},{"description":"A flickering grid background made with SVGs, fully customizable using Tailwind CSS.","name":"flickering-grid","title":"Flickering Grid","type":"registry:ui"},{"dependencies":["motion"],"description":"A hero video dialog component.","name":"hero-video-dialog","title":"Hero Video Dialog","type":"registry:ui"},{"dependencies":["shiki","next-themes"],"description":"A component which compares two code snippets.","name":"code-comparison","title":"Code Comparison","type":"registry:ui"},{"description":"An infinite scrolling component that can be used to display text, images, or videos.","name":"marquee","title":"Marquee","type":"registry:ui"},{"dependencies":["cobe@^0.6.4","motion"],"description":"An autorotating, interactive, and highly performant globe made using WebGL.","name":"globe","title":"Globe","type":"registry:ui"},{"description":"An animated grid of subtly shifting glyphs with fade effect and theme support.","name":"glyph-matrix","title":"Glyph Matrix","type":"registry:ui"},{"description":"A diagonal glare on hover using a ::before gradient and CSS variables (angle, size, duration, color).","name":"glare-hover","title":"Glare Hover","type":"registry:ui"},{"description":"A button with a shimmering light which travels around the perimeter.","name":"shimmer-button","title":"Shimmer Button","type":"registry:ui"},{"dependencies":["react-tweet"],"description":"A card that displays a tweet with the author's name, handle, and profile picture.","name":"tweet-card","title":"Tweet Card","type":"registry:ui"},{"dependencies":["react-tweet"],"description":"A client-side version of the tweet card that displays a tweet with the author's name, handle, and profile picture.","name":"client-tweet-card","title":"Client Tweet Card","type":"registry:ui"},{"dependencies":["@radix-ui/react-icons"],"description":"Bento grid is a layout used to showcase the features of a product in a simple and elegant way.","name":"bento-grid","registryDependencies":["button"],"title":"Bento Grid","type":"registry:ui"},{"description":"Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.","name":"particles","title":"Particles","type":"registry:ui"},{"dependencies":["motion"],"description":"Animate numbers to count up or down to a target number","name":"number-ticker","title":"Number Ticker","type":"registry:ui"},{"description":"An animated ripple effect typically used behind elements to emphasize them.","name":"ripple","title":"Ripple","type":"registry:ui"},{"description":"An animated scrolling retro grid effect","name":"retro-grid","title":"Retro Grid","type":"registry:ui"},{"dependencies":["motion"],"description":"A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.","name":"animated-list","title":"Animated List","type":"registry:ui"},{"description":"A light glare effect which pans across text making it appear as if it is shimmering.","name":"animated-shiny-text","title":"Animated Shiny Text","type":"registry:ui"},{"dependencies":["motion"],"description":"A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.","name":"animated-grid-pattern","title":"Animated Grid Pattern","type":"registry:ui"},{"dependencies":["motion"],"description":"An animated beam of light which travels along the border of its container.","name":"border-beam","title":"Border Beam","type":"registry:ui"},{"dependencies":["motion"],"description":"An animated beam of light which travels along a path. Useful for showcasing the integration features of a website.","name":"animated-beam","title":"Animated Beam","type":"registry:ui"},{"dependencies":["motion"],"description":"Fade in text as you scroll down the page.","name":"text-reveal","title":"Text Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"A horizontal color band sweeps across text, revealing a gradient shine before settling on the base color.","name":"dia-text-reveal","title":"Dia Text Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"A text animation that scrambles letters before revealing the final text.","name":"hyper-text","title":"Hyper Text","type":"registry:ui"},{"description":"An animated gradient background which transitions between colors for text.","name":"animated-gradient-text","title":"Animated Gradient Text","type":"registry:ui"},{"description":"A collection of circles which move in orbit along a circular path","name":"orbiting-circles","title":"Orbiting Circles","type":"registry:ui"},{"dependencies":["motion"],"description":"An implementation of the MacOS dock using react + tailwindcss + motion","name":"dock","title":"Dock","type":"registry:ui"},{"dependencies":["motion"],"description":"A vertical rotation of words","name":"word-rotate","title":"Word Rotate","type":"registry:ui"},{"description":"Overlapping circles of avatars.","name":"avatar-circles","title":"Avatar Circles","type":"registry:ui"},{"dependencies":["motion"],"description":"Characters appearing in typed animation","name":"typing-animation","title":"Typing Animation","type":"registry:ui"},{"dependencies":["motion"],"description":"A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.","name":"sparkles-text","title":"Sparkles Text","type":"registry:ui"},{"dependencies":["motion"],"description":"The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.","name":"spinning-text","title":"Spinning Text","type":"registry:ui"},{"dependencies":["motion"],"description":"Comic text animation","name":"comic-text","title":"Comic Text","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"An interactive 3D tag cloud component","name":"icon-cloud","registryDependencies":["button"],"title":"Icon Cloud","type":"registry:ui"},{"dependencies":["motion"],"description":"A text animation component that animates text using a variety of different animations.","name":"text-animate","title":"Text Animate","type":"registry:ui"},{"dependencies":["motion"],"description":"Scrolling text whose speed changes based on scroll speed","name":"scroll-based-velocity","title":"Scroll Based Velocity","type":"registry:ui"},{"dependencies":["motion"],"description":"A shiny button component with dynamic styles in the dark mode or light mode.","name":"shiny-button","title":"Shiny Button","type":"registry:ui"},{"description":"Shine border is an animated background border effect.","name":"shine-border","title":"Shine Border","type":"registry:ui"},{"description":"Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.","name":"animated-circular-progress-bar","title":"Animated Circular Progress Bar","type":"registry:ui"},{"dependencies":["canvas-confetti","@types/canvas-confetti"],"description":"Confetti animations are best used to delight your users when something special happens","name":"confetti","registryDependencies":["button"],"title":"Confetti","type":"registry:ui"},{"description":"Cool mode effect for buttons, links, and other DOMs","name":"cool-mode","title":"Cool Mode","type":"registry:ui"},{"description":"An animated pulsating button useful for capturing attention of users.","name":"pulsating-button","title":"Pulsating Button","type":"registry:ui"},{"description":"An animated button with ripple useful for user engagement.","name":"ripple-button","title":"Ripple Button","type":"registry:ui"},{"description":"A component used to showcase the folder and file structure of a directory.","name":"file-tree","title":"File Tree","type":"registry:ui"},{"dependencies":["motion"],"description":"Blur fade in and out animation. Used to smoothly fade in and out content.","name":"blur-fade","title":"Blur Fade","type":"registry:ui"},{"description":"A safari browser mockup to showcase your website.","name":"safari","title":"Safari","type":"registry:ui"},{"description":"A mockup of the iPhone","name":"iphone","title":"iPhone","type":"registry:ui"},{"description":"An animated button with a rainbow effect.","name":"rainbow-button","title":"Rainbow Button","type":"registry:ui"},{"name":"interactive-hover-button","type":"registry:ui"},{"description":"A terminal component","name":"terminal","title":"Terminal","type":"registry:ui"},{"description":"A component that displays text with a video playing in the background.","name":"video-text","title":"Video Text","type":"registry:ui"},{"description":"A component that displays an image with a pixelated effect, creating a retro aesthetic.","name":"pixel-image","title":"Pixel Image","type":"registry:ui"},{"dependencies":["motion","rough-notation"],"description":"A text highlighter that mimics the effect of a human-drawn marker stroke.","name":"highlighter","title":"Highlighter","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Theme toggle with View Transitions and animated clip-path masks (circle, polygons, star), optional viewport-centered origin.","name":"animated-theme-toggler","title":"Theme Toggler","type":"registry:ui"},{"dependencies":["motion"],"description":"A component with animated light rays which shine down from above.","name":"light-rays","title":"Light Rays","type":"registry:ui"},{"dependencies":["svg-dotted-map"],"description":"A component with a dotted map.","name":"dotted-map","title":"Dotted Map","type":"registry:ui"},{"description":"A backlight glow effect for videos, images, and SVGs.","name":"backlight","title":"Backlight","type":"registry:ui"},{"description":"A text component that animates font weight of characters on hover.","name":"kinetic-text","title":"Kinetic Text","type":"registry:ui"},{"dependencies":["motion"],"description":"A text effect that flips each letter in 3D with a staggered animation on hover.","name":"text-3d-flip","title":"Text 3D Flip","type":"registry:ui"},{"description":"A canvas-based pseudo-3D particle field with perspective projection, continuous rotation and buoyant drift.","name":"floating-3d-particles","title":"Floating 3D Particles","type":"registry:ui"}]},"coss ui":{"favicon":"/favicons/coss-ui.ico","items":[{"name":"ui","registryDependencies":["@coss/accordion","@coss/alert","@coss/alert-dialog","@coss/autocomplete","@coss/avatar","@coss/badge","@coss/breadcrumb","@coss/button","@coss/calendar","@coss/card","@coss/checkbox","@coss/checkbox-group","@coss/collapsible","@coss/combobox","@coss/composer","@coss/command","@coss/context-menu","@coss/dialog","@coss/drawer","@coss/empty","@coss/field","@coss/fieldset","@coss/form","@coss/frame","@coss/group","@coss/input","@coss/otp-field","@coss/input-group","@coss/kbd","@coss/label","@coss/menu","@coss/meter","@coss/number-field","@coss/pagination","@coss/popover","@coss/preview-card","@coss/progress","@coss/radio-group","@coss/scroll-area","@coss/select","@coss/separator","@coss/sheet","@coss/sidebar","@coss/skeleton","@coss/slider","@coss/spinner","@coss/switch","@coss/table","@coss/tabs","@coss/textarea","@coss/toast","@coss/toggle","@coss/toggle-group","@coss/toolbar","@coss/tooltip"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"accordion","type":"registry:ui"},{"name":"alert","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"alert-dialog","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"autocomplete","registryDependencies":["@coss/input","@coss/scroll-area"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"avatar","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"badge","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"breadcrumb","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"button","registryDependencies":["@coss/spinner"],"type":"registry:ui"},{"dependencies":["@daypicker/react","lucide-react"],"name":"calendar","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"card","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"checkbox","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"checkbox-group","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"collapsible","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"combobox","registryDependencies":["@coss/input","@coss/scroll-area"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"composer","registryDependencies":["@coss/composer-editor","@coss/scroll-area"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"command","registryDependencies":["@coss/autocomplete"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"context-menu","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"dialog","registryDependencies":["@coss/button","@coss/scroll-area"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"drawer","registryDependencies":["@coss/button","@coss/scroll-area"],"type":"registry:ui"},{"name":"empty","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"field","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"fieldset","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"form","type":"registry:ui"},{"name":"frame","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"group","registryDependencies":["@coss/separator"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"input","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"otp-field","registryDependencies":["@coss/separator"],"type":"registry:ui"},{"name":"input-group","registryDependencies":["@coss/input","@coss/textarea"],"type":"registry:ui"},{"name":"kbd","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"label","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"menu","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"meter","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"number-field","registryDependencies":["@coss/label"],"type":"registry:ui"},{"name":"pagination","registryDependencies":["@coss/button"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"popover","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"preview-card","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"progress","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"radio-group","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"scroll-area","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"select","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"segmented-control","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"separator","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"sheet","registryDependencies":["@coss/button","@coss/scroll-area"],"type":"registry:ui"},{"name":"sidebar","registryDependencies":["@coss/button","@coss/input","@coss/scroll-area","@coss/separator","@coss/sheet","@coss/skeleton","@coss/tooltip","@coss/use-media-query","@coss/utils"],"type":"registry:ui"},{"name":"skeleton","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"slider","type":"registry:ui"},{"name":"spinner","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"switch","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"table","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"tabs","registryDependencies":["@coss/segmented-control"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"textarea","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"toast","registryDependencies":["@coss/button"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"toggle","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"toggle-group","registryDependencies":["@coss/separator","@coss/toggle"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"toolbar","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"tooltip","type":"registry:ui"},{"dependencies":["motion@14.0.0","lucide-react","@base-ui/react@1.8.0"],"description":"Composable chat components with messages, reactions, replies, and delivery states.","name":"chat","registryDependencies":["@coss/button","@coss/collapsible","@coss/empty","@coss/menu","@coss/popover","@coss/scroll-area","@coss/skeleton","@coss/toggle","@coss/toolbar","@coss/tooltip","@coss/utils"],"type":"registry:ui"},{"dependencies":["motion@14.0.0","lucide-react"],"description":"An interactive group chat with a responsive drawer and conversation states.","name":"chat-demo","registryDependencies":["@coss/alert-dialog","@coss/avatar","@coss/badge","@coss/button","@coss/composer","@coss/drawer","@coss/menu","@coss/tooltip","@coss/use-media-query","@coss/utils","@coss/chat"],"type":"registry:block"},{"categories":["accordion"],"description":"Basic accordion","name":"p-accordion-1","registryDependencies":["@coss/accordion"],"type":"registry:block"},{"categories":["accordion"],"description":"Accordion with one panel open","name":"p-accordion-2","registryDependencies":["@coss/accordion"],"type":"registry:block"},{"categories":["accordion"],"description":"Accordion allowing multiple panels open","name":"p-accordion-3","registryDependencies":["@coss/accordion"],"type":"registry:block"},{"categories":["accordion"],"description":"Controlled accordion","name":"p-accordion-4","registryDependencies":["@coss/accordion","@coss/button"],"type":"registry:block"},{"categories":["alert"],"description":"Basic alert","name":"p-alert-1","registryDependencies":["@coss/alert"],"type":"registry:block"},{"categories":["alert"],"dependencies":["lucide-react"],"description":"Alert with icon","name":"p-alert-2","registryDependencies":["@coss/alert"],"type":"registry:block"},{"categories":["alert"],"dependencies":["lucide-react"],"description":"Alert with icon and action buttons","name":"p-alert-3","registryDependencies":["@coss/alert","@coss/button"],"type":"registry:block"},{"categories":["alert","info"],"dependencies":["lucide-react"],"description":"Info alert","name":"p-alert-4","registryDependencies":["@coss/alert"],"type":"registry:block"},{"categories":["alert","success"],"dependencies":["lucide-react"],"description":"Success alert","name":"p-alert-5","registryDependencies":["@coss/alert"],"type":"registry:block"},{"categories":["alert","warning"],"dependencies":["lucide-react"],"description":"Warning alert","name":"p-alert-6","registryDependencies":["@coss/alert"],"type":"registry:block"},{"categories":["alert","error"],"dependencies":["lucide-react"],"description":"Error alert","name":"p-alert-7","registryDependencies":["@coss/alert"],"type":"registry:block"},{"categories":["alert dialog","dialog"],"description":"Alert dialog","name":"p-alert-dialog-1","registryDependencies":["@coss/alert-dialog","@coss/button"],"type":"registry:block"},{"categories":["alert dialog","dialog"],"description":"Alert dialog with bare footer","name":"p-alert-dialog-2","registryDependencies":["@coss/alert-dialog","@coss/button"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Basic autocomplete","name":"p-autocomplete-1","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input","disabled"],"description":"Disabled autocomplete","name":"p-autocomplete-2","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Small autocomplete","name":"p-autocomplete-3","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Large autocomplete","name":"p-autocomplete-4","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Autocomplete with label","name":"p-autocomplete-5","registryDependencies":["@coss/autocomplete","@coss/label"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Autocomplete autofilling the input with the highlighted item","name":"p-autocomplete-6","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Autocomplete auto highlighting the first option","name":"p-autocomplete-7","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Autocomplete with clear button","name":"p-autocomplete-8","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Autocomplete with trigger and clear buttons","name":"p-autocomplete-9","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Autocomplete with grouped items","name":"p-autocomplete-10","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Autocomplete with limited number of results","name":"p-autocomplete-11","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input","async"],"description":"Autocomplete with async items loading","name":"p-autocomplete-12","registryDependencies":["@coss/autocomplete","@coss/spinner"],"type":"registry:block"},{"categories":["autocomplete","form","input"],"description":"Autocomplete form","name":"p-autocomplete-13","registryDependencies":["@coss/autocomplete","@coss/button","@coss/field","@coss/form"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Autocomplete form","name":"p-autocomplete-14","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input"],"description":"Pill-shaped autocomplete","name":"p-autocomplete-15","registryDependencies":["@coss/autocomplete"],"type":"registry:block"},{"categories":["autocomplete","input","async","search"],"dependencies":["lucide-react"],"description":"Address autocomplete with Google Maps Places API","name":"p-autocomplete-16","registryDependencies":["@coss/autocomplete","@coss/spinner"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar with image and fallback","name":"p-avatar-1","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Fallback-only avatar","name":"p-avatar-2","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"dependencies":["lucide-react"],"description":"Avatar with user icon fallback","name":"p-avatar-6","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatars with different sizes","name":"p-avatar-3","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatars sized from a parent element","name":"p-avatar-19","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatars with different radii","name":"p-avatar-4","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar rendered as a button","name":"p-avatar-17","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar rendered as a link","name":"p-avatar-18","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar with a tooltip","name":"p-avatar-20","registryDependencies":["@coss/avatar","@coss/tooltip"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar with emerald status dot","name":"p-avatar-7","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar with muted status dot","name":"p-avatar-8","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Rounded avatar with top-right emerald status","name":"p-avatar-9","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar with notification badge","name":"p-avatar-10","registryDependencies":["@coss/avatar","@coss/badge"],"type":"registry:block"},{"categories":["avatar"],"description":"Rounded avatar with notification badge","name":"p-avatar-11","registryDependencies":["@coss/avatar","@coss/badge"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar with verified badge","name":"p-avatar-12","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Overlapping avatar group","name":"p-avatar-5","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar group with a count and the last avatar on top","name":"p-avatar-16","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar group with the last avatar on top","name":"p-avatar-15","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Avatar group with a tooltip per member","name":"p-avatar-21","registryDependencies":["@coss/avatar","@coss/tooltip"],"type":"registry:block"},{"categories":["avatar"],"description":"Small overlapping avatar group","name":"p-avatar-13","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["avatar"],"description":"Large overlapping avatar group","name":"p-avatar-14","registryDependencies":["@coss/avatar"],"type":"registry:block"},{"categories":["badge"],"description":"Basic badge","name":"p-badge-1","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Outline badge","name":"p-badge-2","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Secondary badge","name":"p-badge-3","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge","error"],"description":"Destructive badge","name":"p-badge-4","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge","info"],"description":"Info badge","name":"p-badge-5","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge","success"],"description":"Success badge","name":"p-badge-6","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge","warning"],"description":"Warning badge","name":"p-badge-7","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge","error"],"description":"Error badge","name":"p-badge-8","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Small badge","name":"p-badge-9","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Large badge","name":"p-badge-10","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"dependencies":["lucide-react"],"description":"Badge with icon","name":"p-badge-11","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Badge with link","name":"p-badge-12","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Badge with count","name":"p-badge-13","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Full rounded badge (pill)","name":"p-badge-14","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Badge with number after text","name":"p-badge-15","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Status badge - Paid","name":"p-badge-16","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Status badge - Pending","name":"p-badge-17","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge"],"description":"Status badge - Failed","name":"p-badge-18","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["badge","checkbox"],"dependencies":["lucide-react"],"description":"Selectable badge with checkbox","name":"p-badge-19","registryDependencies":["@coss/badge","@coss/checkbox"],"type":"registry:block"},{"categories":["badge"],"dependencies":["lucide-react"],"description":"Removable badge","name":"p-badge-20","registryDependencies":["@coss/badge"],"type":"registry:block"},{"categories":["breadcrumb","dropdown","menu"],"description":"Breadcrumb with menu example","name":"p-breadcrumb-1","registryDependencies":["@coss/breadcrumb","@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["breadcrumb"],"description":"Breadcrumb with custom separator","name":"p-breadcrumb-2","registryDependencies":["@coss/breadcrumb"],"type":"registry:block"},{"categories":["breadcrumb"],"dependencies":["lucide-react"],"description":"Breadcrumb with home icon for home link only","name":"p-breadcrumb-3","registryDependencies":["@coss/breadcrumb"],"type":"registry:block"},{"categories":["breadcrumb","dropdown","menu"],"dependencies":["lucide-react"],"description":"Breadcrumb with folders icon menu","name":"p-breadcrumb-4","registryDependencies":["@coss/breadcrumb","@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["breadcrumb"],"dependencies":["lucide-react"],"description":"Breadcrumb with icons before text","name":"p-breadcrumb-5","registryDependencies":["@coss/breadcrumb"],"type":"registry:block"},{"categories":["breadcrumb"],"dependencies":["lucide-react"],"description":"Breadcrumb with dot separators","name":"p-breadcrumb-6","registryDependencies":["@coss/breadcrumb"],"type":"registry:block"},{"categories":["breadcrumb","select"],"dependencies":["lucide-react"],"description":"Breadcrumb with select dropdown","name":"p-breadcrumb-7","registryDependencies":["@coss/breadcrumb","@coss/select"],"type":"registry:block"},{"categories":["button"],"description":"Default button","name":"p-button-1","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Outline button","name":"p-button-2","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Secondary button","name":"p-button-3","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Destructive button","name":"p-button-4","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Destructive outline button","name":"p-button-5","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Ghost button","name":"p-button-6","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Link button","name":"p-button-7","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Extra-small button","name":"p-button-8","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Small button","name":"p-button-9","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Large button","name":"p-button-10","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Extra-large button","name":"p-button-11","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button","disabled"],"description":"Disabled button","name":"p-button-12","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Icon button","name":"p-button-13","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Small icon button","name":"p-button-14","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Large icon button","name":"p-button-15","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Button with icon","name":"p-button-16","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Link rendered as button","name":"p-button-17","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button","loading"],"description":"Button using the built-in loading prop","name":"p-button-41","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button","loading"],"description":"Custom loading button with manual Spinner","name":"p-button-18","registryDependencies":["@coss/button","@coss/spinner"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Expandable show more/less toggle button","name":"p-button-19","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Back link button with chevron","name":"p-button-20","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Card-style button with heading and description","name":"p-button-21","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Directional pad control buttons","name":"p-button-22","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Outline like button with count","name":"p-button-23","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["@remixicon/react"],"description":"Social login icon buttons","name":"p-button-24","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Star button with count badge","name":"p-button-26","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button","group"],"dependencies":["lucide-react"],"description":"Button group with QR code icon and sign in","name":"p-button-27","registryDependencies":["@coss/button","@coss/group"],"type":"registry:block"},{"categories":["button","avatar"],"description":"Button with avatar","name":"p-button-28","registryDependencies":["@coss/avatar","@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Pill-shaped button with rounded-full styling","name":"p-button-29","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Button with animated arrow on hover","name":"p-button-30","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button","kbd"],"dependencies":["lucide-react"],"description":"Button with keyboard shortcut indicator","name":"p-button-31","registryDependencies":["@coss/button","@coss/kbd"],"type":"registry:block"},{"categories":["button","badge"],"description":"Button with notification badge","name":"p-button-32","registryDependencies":["@coss/badge","@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Paired buttons (Cancel/Save)","name":"p-button-33","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Button with animated status dot","name":"p-button-34","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Icon-only copy button with feedback","name":"p-button-35","registryDependencies":["@coss/use-copy-to-clipboard","@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Copy button with feedback","name":"p-button-36","registryDependencies":["@coss/use-copy-to-clipboard","@coss/button"],"type":"registry:block"},{"categories":["button"],"dependencies":["lucide-react"],"description":"Rotating icon button (FAB-style toggle)","name":"p-button-37","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button"],"description":"Hamburger menu button with animated icon","name":"p-button-39","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["button","group","tooltip","toast"],"dependencies":["lucide-react"],"description":"Download button with progress and cancel action","name":"p-button-40","registryDependencies":["@coss/button","@coss/group","@coss/spinner","@coss/toast","@coss/tooltip"],"type":"registry:block"},{"categories":["button"],"dependencies":["@remixicon/react"],"description":"Social login buttons (Google, X, GitHub)","name":"p-button-38","registryDependencies":["@coss/button"],"type":"registry:block"},{"categories":["calendar"],"description":"Basic calendar","name":"p-calendar-1","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"description":"Calendar with date range selection","name":"p-calendar-3","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"description":"Calendar with month/year dropdown navigation","name":"p-calendar-4","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar","select"],"description":"Calendar with custom Select dropdown for month/year","name":"p-calendar-5","registryDependencies":["@coss/calendar","@coss/select"],"type":"registry:block"},{"categories":["calendar","combobox"],"dependencies":["lucide-react"],"description":"Calendar with Combobox dropdown for month/year","name":"p-calendar-6","registryDependencies":["@coss/calendar","@coss/combobox"],"type":"registry:block"},{"categories":["calendar"],"dependencies":["date-fns"],"description":"Calendar with disabled dates","name":"p-calendar-7","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"dependencies":["date-fns"],"description":"Calendar with multiple date selection","name":"p-calendar-8","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"description":"Calendar with custom cell size","name":"p-calendar-2","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"description":"Calendar with rounded day buttons","name":"p-calendar-9","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"dependencies":["date-fns"],"description":"Calendar with rounded range selection style","name":"p-calendar-10","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"description":"Calendar with right-aligned navigation","name":"p-calendar-11","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"description":"Calendar with week numbers","name":"p-calendar-12","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar","combobox"],"description":"Calendar with year-only combobox dropdown","name":"p-calendar-13","registryDependencies":["@coss/calendar","@coss/combobox"],"type":"registry:block"},{"categories":["calendar","select"],"description":"Calendar without arrow navigation (dropdown only)","name":"p-calendar-14","registryDependencies":["@coss/calendar","@coss/select"],"type":"registry:block"},{"categories":["calendar","button"],"dependencies":["date-fns"],"description":"Calendar with current month button","name":"p-calendar-15","registryDependencies":["@coss/calendar","@coss/button"],"type":"registry:block"},{"categories":["calendar","button"],"dependencies":["date-fns"],"description":"Calendar with today button","name":"p-calendar-16","registryDependencies":["@coss/calendar","@coss/button"],"type":"registry:block"},{"categories":["calendar","input","field"],"dependencies":["date-fns","lucide-react"],"description":"Calendar with date input","name":"p-calendar-17","registryDependencies":["@coss/calendar","@coss/field","@coss/input-group"],"type":"registry:block"},{"categories":["calendar","input","field"],"dependencies":["lucide-react"],"description":"Calendar with time input","name":"p-calendar-18","registryDependencies":["@coss/calendar","@coss/field","@coss/input-group"],"type":"registry:block"},{"categories":["calendar","toggle","toggle group","scroll area"],"dependencies":["date-fns"],"description":"Calendar with time slots (appointment picker)","name":"p-calendar-19","registryDependencies":["@coss/calendar","@coss/scroll-area","@coss/toggle","@coss/toggle-group"],"type":"registry:block"},{"categories":["calendar","button"],"dependencies":["date-fns"],"description":"Calendar with date presets","name":"p-calendar-20","registryDependencies":["@coss/calendar","@coss/button"],"type":"registry:block"},{"categories":["calendar","button"],"dependencies":["date-fns"],"description":"Range calendar with date presets","name":"p-calendar-21","registryDependencies":["@coss/calendar","@coss/button"],"type":"registry:block"},{"categories":["calendar"],"dependencies":["date-fns"],"description":"Two months calendar","name":"p-calendar-22","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"dependencies":["date-fns"],"description":"Three months calendar","name":"p-calendar-23","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar"],"dependencies":["date-fns"],"description":"Pricing calendar with custom day buttons","name":"p-calendar-24","registryDependencies":["@coss/calendar"],"type":"registry:block"},{"categories":["calendar","autocomplete","field","time"],"dependencies":["date-fns","lucide-react"],"description":"Calendar with 24-hour autocomplete time input","name":"p-calendar-25","registryDependencies":["@coss/calendar","@coss/autocomplete","@coss/field"],"type":"registry:block"},{"categories":["date picker","calendar","popover","button"],"dependencies":["date-fns","lucide-react"],"description":"Basic date picker","name":"p-date-picker-1","registryDependencies":["@coss/calendar","@coss/popover","@coss/button"],"type":"registry:block"},{"categories":["date picker","calendar","popover","button"],"dependencies":["date-fns","lucide-react"],"description":"Date range picker","name":"p-date-picker-2","registryDependencies":["@coss/calendar","@coss/popover","@coss/button"],"type":"registry:block"},{"categories":["date picker","calendar","popover","button"],"dependencies":["date-fns","lucide-react"],"description":"Two months calendar with range date","name":"p-date-picker-9","registryDependencies":["@coss/calendar","@coss/popover","@coss/button"],"type":"registry:block"},{"categories":["date picker","calendar","popover","button","field","combobox"],"dependencies":["date-fns","lucide-react"],"description":"Date picker with field and dropdown navigation","name":"p-date-picker-3","registryDependencies":["@coss/button","@coss/calendar","@coss/combobox","@coss/field","@coss/popover"],"type":"registry:block"},{"categories":["date picker","calendar","popover","button"],"dependencies":["date-fns","lucide-react"],"description":"Date picker with presets","name":"p-date-picker-4","registryDependencies":["@coss/button","@coss/calendar","@coss/popover"],"type":"registry:block"},{"categories":["date picker","calendar","popover","button","input"],"dependencies":["date-fns","lucide-react"],"description":"Date picker with input","name":"p-date-picker-5","registryDependencies":["@coss/button","@coss/calendar","@coss/input-group","@coss/popover"],"type":"registry:block"},{"categories":["date picker","calendar","popover","button"],"dependencies":["date-fns","lucide-react"],"description":"Date picker that closes on select","name":"p-date-picker-6","registryDependencies":["@coss/calendar","@coss/popover","@coss/button"],"type":"registry:block"},{"categories":["date picker","calendar","popover","button","badge"],"dependencies":["date-fns","lucide-react"],"description":"Multiple dates picker","name":"p-date-picker-7","registryDependencies":["@coss/badge","@coss/button","@coss/calendar","@coss/popover"],"type":"registry:block"},{"categories":["date picker","calendar","popover","button"],"dependencies":["date-fns","lucide-react"],"description":"Date picker with select-like trigger","name":"p-date-picker-8","registryDependencies":["@coss/calendar","@coss/popover","@coss/select"],"type":"registry:block"},{"categories":["card","form"],"dependencies":["lucide-react"],"description":"A basic card with header and footer","name":"p-card-1","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["card","form"],"description":"Authentication card with actions","name":"p-card-2","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/input"],"type":"registry:block"},{"categories":["card","form"],"dependencies":["lucide-react"],"description":"Authentication card with separators","name":"p-card-3","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/input"],"type":"registry:block"},{"categories":["card","form"],"dependencies":["lucide-react"],"description":"Framed card with footer","name":"p-card-4","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["card","form"],"description":"Framed card with header","name":"p-card-5","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["card","form"],"dependencies":["lucide-react"],"description":"Framed card with header and footer","name":"p-card-6","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["card","form"],"dependencies":["lucide-react"],"description":"Framed card with no rounded bottom","name":"p-card-7","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["card","form","frame"],"description":"Card within a frame and footer","name":"p-card-8","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/frame","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["card","form","frame"],"dependencies":["lucide-react"],"description":"Card within a frame and footer","name":"p-card-9","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/frame","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["card","form","frame"],"dependencies":["lucide-react"],"description":"Card within a frame with header and footer","name":"p-card-10","registryDependencies":["@coss/button","@coss/card","@coss/field","@coss/form","@coss/frame","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["card","frame"],"dependencies":["lucide-react"],"description":"CardFrame with header action","name":"p-card-11","registryDependencies":["@coss/button","@coss/card","@coss/empty"],"type":"registry:block"},{"categories":["checkbox"],"description":"Basic checkbox","name":"p-checkbox-1","registryDependencies":["@coss/checkbox","@coss/label"],"type":"registry:block"},{"categories":["checkbox","disabled"],"description":"Disabled checkbox","name":"p-checkbox-2","registryDependencies":["@coss/checkbox","@coss/label"],"type":"registry:block"},{"categories":["checkbox"],"description":"Checkbox with description","name":"p-checkbox-3","registryDependencies":["@coss/checkbox","@coss/label"],"type":"registry:block"},{"categories":["checkbox"],"description":"Card-style checkbox","name":"p-checkbox-4","registryDependencies":["@coss/checkbox","@coss/label"],"type":"registry:block"},{"categories":["checkbox","form"],"description":"Checkbox form","name":"p-checkbox-5","registryDependencies":["@coss/button","@coss/checkbox","@coss/field","@coss/form"],"type":"registry:block"},{"categories":["checkbox","checkbox group"],"description":"Basic checkbox group","name":"p-checkbox-group-1","registryDependencies":["@coss/checkbox","@coss/checkbox-group","@coss/label"],"type":"registry:block"},{"categories":["checkbox","checkbox group","disabled"],"description":"Checkbox group with disabled items","name":"p-checkbox-group-2","registryDependencies":["@coss/checkbox","@coss/checkbox-group","@coss/label"],"type":"registry:block"},{"categories":["checkbox","checkbox group"],"description":"Checkbox group with parent checkbox","name":"p-checkbox-group-3","registryDependencies":["@coss/checkbox","@coss/checkbox-group","@coss/label"],"type":"registry:block"},{"categories":["checkbox","checkbox group"],"description":"Nested checkbox group with parent","name":"p-checkbox-group-4","registryDependencies":["@coss/checkbox","@coss/checkbox-group","@coss/label"],"type":"registry:block"},{"categories":["checkbox","checkbox group","form"],"description":"Checkbox group form","name":"p-checkbox-group-5","registryDependencies":["@coss/button","@coss/checkbox","@coss/checkbox-group","@coss/field","@coss/fieldset","@coss/form"],"type":"registry:block"},{"categories":["collapsible"],"dependencies":["lucide-react"],"description":"Basic collapsible","name":"p-collapsible-1","registryDependencies":["@coss/collapsible"],"type":"registry:block"},{"categories":["combobox","input"],"description":"Basic combobox","name":"p-combobox-1","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input","disabled"],"description":"Disabled combobox","name":"p-combobox-2","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"description":"Small combobox","name":"p-combobox-3","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"description":"Large combobox","name":"p-combobox-4","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"description":"Combobox with label","name":"p-combobox-5","registryDependencies":["@coss/combobox","@coss/label"],"type":"registry:block"},{"categories":["combobox","input"],"description":"Combobox auto highlighting the first option","name":"p-combobox-6","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"description":"Combobox with clear button","name":"p-combobox-7","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"description":"Combobox with grouped items","name":"p-combobox-8","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"description":"Combobox with multiple selection","name":"p-combobox-9","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"dependencies":["lucide-react"],"description":"Combobox with input inside popup","name":"p-combobox-10","registryDependencies":["@coss/button","@coss/combobox"],"type":"registry:block"},{"categories":["combobox","form","input"],"description":"Combobox form","name":"p-combobox-11","registryDependencies":["@coss/button","@coss/combobox","@coss/field","@coss/form"],"type":"registry:block"},{"categories":["combobox","form","input"],"description":"Combobox multiple form","name":"p-combobox-12","registryDependencies":["@coss/button","@coss/combobox","@coss/field","@coss/form"],"type":"registry:block"},{"categories":["combobox","input"],"dependencies":["lucide-react"],"description":"Combobox with start addon","name":"p-combobox-13","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"dependencies":["lucide-react"],"description":"Combobox multiple with start addon","name":"p-combobox-14","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"description":"Pill-shaped combobox","name":"p-combobox-15","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input","timezone"],"description":"Timezone combobox","name":"p-combobox-16","registryDependencies":["@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input","timezone"],"dependencies":["lucide-react"],"description":"Timezone combobox with search input","name":"p-combobox-17","registryDependencies":["@coss/combobox","@coss/select"],"type":"registry:block"},{"categories":["combobox","select"],"description":"Combobox with select trigger","name":"p-combobox-18","registryDependencies":["@coss/combobox","@coss/select"],"type":"registry:block"},{"categories":["combobox","input"],"dependencies":["lucide-react"],"description":"Combobox multiple with stacked chips","name":"p-combobox-19","registryDependencies":["@coss/avatar","@coss/badge","@coss/button","@coss/combobox"],"type":"registry:block"},{"categories":["combobox","input"],"dependencies":["lucide-react"],"description":"Combobox multiple with stacked divided chips","name":"p-combobox-20","registryDependencies":["@coss/avatar","@coss/badge","@coss/button","@coss/combobox"],"type":"registry:block"},{"categories":["composer","text editor"],"dependencies":["lucide-react"],"description":"Composer with people, teams, and slash suggestions","name":"p-composer-1","registryDependencies":["@coss/button","@coss/composer"],"type":"registry:block"},{"categories":["composer","async","loading"],"dependencies":["lucide-react"],"description":"Composer with asynchronous mention suggestions","name":"p-composer-2","registryDependencies":["@coss/button","@coss/composer","@coss/spinner"],"type":"registry:block"},{"categories":["composer","drawer"],"dependencies":["lucide-react"],"description":"Composer pinned below scrollable drawer content","name":"p-composer-3","registryDependencies":["@coss/button","@coss/composer","@coss/drawer"],"type":"registry:block"},{"categories":["composer","textarea"],"dependencies":["lucide-react"],"description":"Composer surface with a native textarea","name":"p-composer-4","registryDependencies":["@coss/button","@coss/composer"],"type":"registry:block"},{"categories":["composer","text editor"],"dependencies":["lucide-react"],"description":"Composer with a custom suggestion list","name":"p-composer-5","registryDependencies":["@coss/button","@coss/composer"],"type":"registry:block"},{"categories":["composer","text editor"],"dependencies":["lucide-react"],"description":"Composer with distinct person, team, and action chips","name":"p-composer-6","registryDependencies":["@coss/button","@coss/composer"],"type":"registry:block"},{"categories":["composer","text editor"],"dependencies":["lucide-react"],"description":"Contenteditable composer with Send beside a short draft","name":"p-composer-7","registryDependencies":["@coss/button","@coss/composer"],"type":"registry:block"},{"categories":["composer","textarea"],"dependencies":["lucide-react"],"description":"Textarea composer with Send beside a short draft","name":"p-composer-8","registryDependencies":["@coss/button","@coss/composer"],"type":"registry:block"},{"categories":["composer","text editor"],"dependencies":["lucide-react"],"description":"Rounded adaptive composer with circular actions","name":"p-composer-9","registryDependencies":["@coss/button","@coss/composer"],"type":"registry:block"},{"categories":["composer","text editor"],"dependencies":["lucide-react"],"description":"Composer with leading buttons for mentions and slash actions","name":"p-composer-10","registryDependencies":["@coss/button","@coss/composer"],"type":"registry:block"},{"categories":["composer","text editor"],"dependencies":["lucide-react"],"description":"Compact rounded adaptive composer with a circular send button","name":"p-composer-11","registryDependencies":["@coss/button","@coss/composer"],"type":"registry:block"},{"categories":["command","dialog"],"dependencies":["lucide-react"],"description":"Command palette with dialog","name":"p-command-1","registryDependencies":["@coss/button","@coss/command","@coss/kbd"],"type":"registry:block"},{"categories":["command","dialog"],"dependencies":["lucide-react"],"description":"Command palette with AI assistant","name":"p-command-2","registryDependencies":["@coss/autocomplete","@coss/button","@coss/command","@coss/empty","@coss/input","@coss/kbd","@coss/scroll-area","@coss/skeleton","@coss/spinner"],"type":"registry:block"},{"categories":["dialog"],"description":"Dialog with form","name":"p-dialog-1","registryDependencies":["@coss/button","@coss/dialog","@coss/field","@coss/form","@coss/input"],"type":"registry:block"},{"categories":["dialog"],"description":"Dialog with bare footer","name":"p-dialog-6","registryDependencies":["@coss/button","@coss/dialog","@coss/field","@coss/form","@coss/input"],"type":"registry:block"},{"categories":["dialog","dropdown","menu"],"description":"Dialog opened from menu","name":"p-dialog-2","registryDependencies":["@coss/button","@coss/dialog","@coss/menu"],"type":"registry:block"},{"categories":["dialog"],"description":"Nested dialogs","name":"p-dialog-3","registryDependencies":["@coss/button","@coss/dialog","@coss/field","@coss/input"],"type":"registry:block"},{"categories":["alert dialog","dialog"],"description":"Dialog with close confirmation","name":"p-dialog-4","registryDependencies":["@coss/alert-dialog","@coss/button","@coss/dialog","@coss/field","@coss/form","@coss/textarea"],"type":"registry:block"},{"categories":["dialog"],"description":"Dialog with long content","name":"p-dialog-5","registryDependencies":["@coss/button","@coss/dialog"],"type":"registry:block"},{"categories":["drawer"],"description":"Simple bottom drawer with close button","name":"p-drawer-1","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer"],"description":"Bottom drawer without drag bar","name":"p-drawer-2","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer"],"description":"Drawer with close button","name":"p-drawer-3","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer"],"description":"Inset variant drawers for all four positions","name":"p-drawer-4","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer"],"description":"Straight variant drawers for all four positions","name":"p-drawer-5","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer"],"description":"Scrollable content with terms and conditions","name":"p-drawer-6","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer"],"description":"Nested bottom drawers with centered content","name":"p-drawer-7","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer"],"description":"Nested right drawers with inset variant","name":"p-drawer-8","registryDependencies":["@coss/button","@coss/drawer","@coss/field","@coss/input"],"type":"registry:block"},{"categories":["drawer"],"description":"Bottom drawer with snap points","name":"p-drawer-9","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer"],"description":"Edit profile form with default and bare footer variants","name":"p-drawer-10","registryDependencies":["@coss/button","@coss/drawer","@coss/field","@coss/form","@coss/input"],"type":"registry:block"},{"categories":["drawer"],"description":"Mobile menu drawer from the left","name":"p-drawer-11","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer","dialog"],"description":"Responsive edit profile: dialog on desktop, drawer on mobile","name":"p-drawer-12","registryDependencies":["@coss/button","@coss/dialog","@coss/drawer","@coss/field","@coss/form","@coss/input","@coss/use-media-query"],"type":"registry:block"},{"categories":["drawer","menu"],"dependencies":["lucide-react"],"description":"Responsive actions menu: menu on desktop, drawer on mobile","name":"p-drawer-13","registryDependencies":["@coss/button","@coss/drawer","@coss/menu","@coss/use-media-query"],"type":"registry:block"},{"categories":["drawer"],"description":"Left drawer with swipe area","name":"p-drawer-14","registryDependencies":["@coss/button","@coss/drawer"],"type":"registry:block"},{"categories":["drawer","composer"],"dependencies":["lucide-react"],"description":"Chat composer pinned above the mobile keyboard","name":"p-drawer-15","registryDependencies":["@coss/button","@coss/composer","@coss/drawer"],"type":"registry:block"},{"categories":["empty state"],"dependencies":["lucide-react"],"description":"Empty state with icon and actions","name":"p-empty-1","registryDependencies":["@coss/button","@coss/empty"],"type":"registry:block"},{"categories":["field","input","label"],"description":"Field with description","name":"p-field-1","registryDependencies":["@coss/field","@coss/input"],"type":"registry:block"},{"categories":["field","input","label"],"description":"Field with required indicator","name":"p-field-2","registryDependencies":["@coss/field","@coss/input"],"type":"registry:block"},{"categories":["disabled","field","input","label"],"description":"Field in disabled state","name":"p-field-3","registryDependencies":["@coss/field","@coss/input"],"type":"registry:block"},{"categories":["error","field","input","label"],"description":"Field showing validation error","name":"p-field-4","registryDependencies":["@coss/field","@coss/input"],"type":"registry:block"},{"categories":["field","input"],"description":"Show field validity state","name":"p-field-5","registryDependencies":["@coss/field","@coss/input"],"type":"registry:block"},{"categories":["button","field","input","input group"],"description":"Input group with field","name":"p-field-6","registryDependencies":["@coss/button","@coss/field","@coss/input-group"],"type":"registry:block"},{"categories":["autocomplete","field","input","label"],"description":"Field with autocomplete","name":"p-field-7","registryDependencies":["@coss/autocomplete","@coss/field"],"type":"registry:block"},{"categories":["combobox","field","input","label"],"description":"Field with combobox","name":"p-field-8","registryDependencies":["@coss/combobox","@coss/field"],"type":"registry:block"},{"categories":["combobox","field","input","label"],"description":"Field with multiple selection combobox","name":"p-field-9","registryDependencies":["@coss/combobox","@coss/field"],"type":"registry:block"},{"categories":["field","label","textarea"],"description":"Field with textarea","name":"p-field-10","registryDependencies":["@coss/field","@coss/textarea"],"type":"registry:block"},{"categories":["field","label","select"],"description":"Field with select","name":"p-field-11","registryDependencies":["@coss/field","@coss/select"],"type":"registry:block"},{"categories":["checkbox","field","label"],"description":"Field with checkbox","name":"p-field-12","registryDependencies":["@coss/checkbox","@coss/field"],"type":"registry:block"},{"categories":["checkbox","checkbox group","field","fieldset","label"],"description":"Field with checkbox group","name":"p-field-13","registryDependencies":["@coss/checkbox","@coss/checkbox-group","@coss/field","@coss/fieldset"],"type":"registry:block"},{"categories":["field","fieldset","label","radio group"],"description":"Field with radio group","name":"p-field-14","registryDependencies":["@coss/field","@coss/fieldset","@coss/radio-group"],"type":"registry:block"},{"categories":["field","label","switch"],"description":"Field with toggle switch","name":"p-field-15","registryDependencies":["@coss/field","@coss/switch"],"type":"registry:block"},{"categories":["field","label","slider"],"description":"Field with slider","name":"p-field-16","registryDependencies":["@coss/field","@coss/slider"],"type":"registry:block"},{"categories":["field","input","label","number field"],"description":"Field with number field","name":"p-field-17","registryDependencies":["@coss/field","@coss/number-field"],"type":"registry:block"},{"categories":["button","checkbox","field","form","input","label","select"],"description":"Complete form built with field","name":"p-field-18","registryDependencies":["@coss/button","@coss/checkbox","@coss/field","@coss/form","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["fieldset","input"],"description":"Fieldset with multiple fields","name":"p-fieldset-1","registryDependencies":["@coss/field","@coss/fieldset","@coss/input"],"type":"registry:block"},{"categories":["button","field","form","input"],"description":"Input in a form","name":"p-form-1","registryDependencies":["@coss/button","@coss/field","@coss/form","@coss/input"],"type":"registry:block"},{"categories":["button","field","form","label","validation","zod"],"dependencies":["zod"],"description":"Form with zod validation","name":"p-form-2","registryDependencies":["@coss/button","@coss/field","@coss/form","@coss/input"],"type":"registry:block"},{"categories":["frame"],"description":"Basic frame","name":"p-frame-1","registryDependencies":["@coss/frame"],"type":"registry:block"},{"categories":["frame"],"description":"Frame with multiple separated panels","name":"p-frame-3","registryDependencies":["@coss/frame"],"type":"registry:block"},{"categories":["frame"],"description":"Frame with multiple stacked panels","name":"p-frame-4","registryDependencies":["@coss/frame","@coss/separator"],"type":"registry:block"},{"categories":["collapsible","frame"],"dependencies":["lucide-react"],"description":"Frame with collapsible content and delete button","name":"p-frame-2","registryDependencies":["@coss/button","@coss/collapsible","@coss/frame"],"type":"registry:block"},{"categories":["kbd"],"description":"Keyboard shortcuts display","name":"p-kbd-1","registryDependencies":["@coss/kbd"],"type":"registry:block"},{"categories":["group"],"description":"Basic group","name":"p-group-1","registryDependencies":["@coss/button","@coss/group","@coss/menu"],"type":"registry:block"},{"categories":["group","input"],"description":"Group with input","name":"p-group-2","registryDependencies":["@coss/button","@coss/group","@coss/input","@coss/tooltip","@coss/use-copy-to-clipboard"],"type":"registry:block"},{"categories":["group"],"description":"Small group","name":"p-group-3","registryDependencies":["@coss/button","@coss/group","@coss/menu"],"type":"registry:block"},{"categories":["group"],"description":"Large group","name":"p-group-4","registryDependencies":["@coss/button","@coss/group","@coss/menu"],"type":"registry:block"},{"categories":["button","group"],"description":"Group with disabled button","name":"p-group-5","registryDependencies":["@coss/button","@coss/group","@coss/menu"],"type":"registry:block"},{"categories":["button","group"],"description":"Group with default button","name":"p-group-6","registryDependencies":["@coss/button","@coss/group","@coss/menu"],"type":"registry:block"},{"categories":["group"],"description":"Group with start text","name":"p-group-7","registryDependencies":["@coss/group","@coss/input","@coss/label"],"type":"registry:block"},{"categories":["group"],"description":"Group with end text","name":"p-group-8","registryDependencies":["@coss/group","@coss/input","@coss/label"],"type":"registry:block"},{"categories":["group"],"description":"Vertical group","name":"p-group-9","registryDependencies":["@coss/button","@coss/group"],"type":"registry:block"},{"categories":["group"],"description":"Nested groups","name":"p-group-10","registryDependencies":["@coss/button","@coss/group"],"type":"registry:block"},{"categories":["group"],"description":"Group with popup","name":"p-group-11","registryDependencies":["@coss/badge","@coss/button","@coss/group","@coss/popover"],"type":"registry:block"},{"categories":["group","input group"],"description":"Group with input group","name":"p-group-12","registryDependencies":["@coss/button","@coss/group","@coss/input-group","@coss/tooltip"],"type":"registry:block"},{"categories":["dropdown","group","menu"],"description":"Group with menu","name":"p-group-13","registryDependencies":["@coss/button","@coss/group","@coss/menu"],"type":"registry:block"},{"categories":["group","select","number field"],"description":"Group with select","name":"p-group-14","registryDependencies":["@coss/button","@coss/group","@coss/number-field","@coss/select"],"type":"registry:block"},{"categories":["group","search"],"description":"Group with search","name":"p-group-15","registryDependencies":["@coss/button","@coss/group","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["button","group","input"],"dependencies":["lucide-react"],"description":"Group with add button and input","name":"p-group-16","registryDependencies":["@coss/button","@coss/group","@coss/input"],"type":"registry:block"},{"categories":["group","input"],"description":"Group with input and currency text","name":"p-group-17","registryDependencies":["@coss/group","@coss/input","@coss/label"],"type":"registry:block"},{"categories":["group","input","select"],"description":"Group with select and input","name":"p-group-18","registryDependencies":["@coss/group","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["group","input","select"],"description":"Group with input and select","name":"p-group-19","registryDependencies":["@coss/group","@coss/input","@coss/select"],"type":"registry:block"},{"categories":["button","group","input"],"description":"Group with input and text button","name":"p-group-20","registryDependencies":["@coss/button","@coss/group","@coss/input"],"type":"registry:block"},{"categories":["group","label","number field"],"description":"Group with two number inputs for range","name":"p-group-22","registryDependencies":["@coss/group","@coss/label","@coss/number-field"],"type":"registry:block"},{"categories":["avatar","badge","button","combobox","group"],"description":"Group with filter label, combobox multi-select, and remove button","name":"p-group-23","registryDependencies":["@coss/avatar","@coss/badge","@coss/button","@coss/combobox","@coss/group"],"type":"registry:block"},{"categories":["input"],"description":"Basic input","name":"p-input-1","registryDependencies":["@coss/input"],"type":"registry:block"},{"categories":["input"],"description":"Small input","name":"p-input-2","registryDependencies":["@coss/input"],"type":"registry:block"},{"categories":["input"],"description":"Large input","name":"p-input-3","registryDependencies":["@coss/input"],"type":"registry:block"},{"categories":["input"],"description":"Disabled input","name":"p-input-4","registryDependencies":["@coss/input"],"type":"registry:block"},{"categories":["input"],"description":"File input","name":"p-input-5","registryDependencies":["@coss/input"],"type":"registry:block"},{"categories":["input","label"],"description":"Input with label","name":"p-input-6","registryDependencies":["@coss/input","@coss/label"],"type":"registry:block"},{"categories":["button","group","input"],"description":"Input with button using Group","name":"p-input-7","registryDependencies":["@coss/button","@coss/group","@coss/input"],"type":"registry:block"},{"categories":["button","input","input group","popover"],"description":"Input with start text and end tooltip","name":"p-input-8","registryDependencies":["@coss/button","@coss/input-group","@coss/popover"],"type":"registry:block"},{"categories":["button","input","input group","tooltip"],"description":"Password input with toggle visibility","name":"p-input-9","registryDependencies":["@coss/button","@coss/input-group","@coss/tooltip"],"type":"registry:block"},{"categories":["button","input","input group","popover"],"description":"Input group mimicking a URL bar","name":"p-input-10","registryDependencies":["@coss/button","@coss/input-group","@coss/popover"],"type":"registry:block"},{"categories":["input","input group","kbd","search"],"description":"Input group with keyboard shortcut","name":"p-input-11","registryDependencies":["@coss/input-group","@coss/kbd"],"type":"registry:block"},{"categories":["input","input group","spinner","loading"],"description":"Input group with start loading spinner","name":"p-input-12","registryDependencies":["@coss/input-group","@coss/spinner"],"type":"registry:block"},{"categories":["input","label"],"description":"Input with label and required indicator","name":"p-input-13","registryDependencies":["@coss/input","@coss/label"],"type":"registry:block"},{"categories":["input","label"],"description":"Input with optional label","name":"p-input-14","registryDependencies":["@coss/input","@coss/label"],"type":"registry:block"},{"categories":["input"],"description":"Input with custom border and background","name":"p-input-15","registryDependencies":["@coss/input"],"type":"registry:block"},{"categories":["input","input group","spinner","loading"],"description":"Input group with end loading spinner","name":"p-input-16","registryDependencies":["@coss/input-group","@coss/spinner"],"type":"registry:block"},{"categories":["input"],"description":"Read-only input","name":"p-input-17","registryDependencies":["@coss/input"],"type":"registry:block"},{"categories":["otp field","input"],"description":"Basic OTP field","name":"p-otp-field-1","registryDependencies":["@coss/otp-field","@coss/field"],"type":"registry:block"},{"categories":["otp field","input"],"description":"Large OTP field","name":"p-otp-field-2","registryDependencies":["@coss/otp-field","@coss/field"],"type":"registry:block"},{"categories":["otp field","input"],"description":"OTP field with separator","name":"p-otp-field-3","registryDependencies":["@coss/otp-field","@coss/field"],"type":"registry:block"},{"categories":["otp field","input","field"],"description":"OTP field with label","name":"p-otp-field-4","registryDependencies":["@coss/otp-field","@coss/field"],"type":"registry:block"},{"categories":["otp field","input","field","validation"],"description":"OTP field with custom sanitization","name":"p-otp-field-6","registryDependencies":["@coss/otp-field","@coss/field"],"type":"registry:block"},{"categories":["otp field","input","validation"],"description":"OTP field with auto validation","name":"p-otp-field-7","registryDependencies":["@coss/otp-field","@coss/field"],"type":"registry:block"},{"categories":["otp field","input","field"],"description":"Alphanumeric OTP field","name":"p-otp-field-8","registryDependencies":["@coss/otp-field","@coss/field"],"type":"registry:block"},{"categories":["otp field","input","field"],"description":"OTP field with placeholder hints","name":"p-otp-field-9","registryDependencies":["@coss/otp-field","@coss/field"],"type":"registry:block"},{"categories":["otp field","input","field"],"description":"Masked OTP field","name":"p-otp-field-10","registryDependencies":["@coss/otp-field","@coss/field"],"type":"registry:block"},{"categories":["input group"],"description":"Basic input group","name":"p-input-group-1","registryDependencies":["@coss/input-group"],"type":"registry:block"},{"categories":["input group"],"dependencies":["lucide-react"],"description":"Input group with end icon","name":"p-input-group-2","registryDependencies":["@coss/input-group"],"type":"registry:block"},{"categories":["input group"],"description":"Input group with start text","name":"p-input-group-3","registryDependencies":["@coss/input-group"],"type":"registry:block"},{"categories":["input group"],"description":"Input group with end text","name":"p-input-group-4","registryDependencies":["@coss/input-group"],"type":"registry:block"},{"categories":["input group"],"description":"Input group with start and end text","name":"p-input-group-5","registryDependencies":["@coss/input-group"],"type":"registry:block"},{"categories":["input group","number field"],"description":"Input group with number field","name":"p-input-group-6","registryDependencies":["@coss/input-group","@coss/number-field"],"type":"registry:block"},{"categories":["input group","tooltip"],"dependencies":["lucide-react"],"description":"Input group with end tooltip","name":"p-input-group-7","registryDependencies":["@coss/button","@coss/input-group","@coss/popover"],"type":"registry:block"},{"categories":["button","input group"],"dependencies":["lucide-react"],"description":"Input group with icon button","name":"p-input-group-8","registryDependencies":["@coss/button","@coss/input-group","@coss/tooltip","@coss/use-copy-to-clipboard"],"type":"registry:block"},{"categories":["button","input group"],"description":"Input group with button","name":"p-input-group-9","registryDependencies":["@coss/button","@coss/input-group"],"type":"registry:block"},{"categories":["badge","input group"],"description":"Input group with badge","name":"p-input-group-10","registryDependencies":["@coss/badge","@coss/input-group"],"type":"registry:block"},{"categories":["input group","kbd"],"description":"Input group with keyboard shortcut","name":"p-input-group-11","registryDependencies":["@coss/input-group","@coss/kbd"],"type":"registry:block"},{"categories":["input group","label"],"description":"Input group with inner label","name":"p-input-group-12","registryDependencies":["@coss/button","@coss/input-group","@coss/label","@coss/popover"],"type":"registry:block"},{"categories":["input group"],"description":"Small input group","name":"p-input-group-13","registryDependencies":["@coss/input-group"],"type":"registry:block"},{"categories":["input group"],"description":"Large input group","name":"p-input-group-14","registryDependencies":["@coss/input-group"],"type":"registry:block"},{"categories":["input group"],"description":"Disabled input group","name":"p-input-group-15","registryDependencies":["@coss/button","@coss/input-group"],"type":"registry:block"},{"categories":["input group","spinner"],"description":"Input group with loading spinner","name":"p-input-group-16","registryDependencies":["@coss/input-group","@coss/spinner"],"type":"registry:block"},{"categories":["input group","textarea"],"description":"Input group with textarea","name":"p-input-group-17","registryDependencies":["@coss/button","@coss/input-group","@coss/menu","@coss/tooltip"],"type":"registry:block"},{"categories":["badge","dropdown","input group","menu"],"dependencies":["lucide-react"],"description":"Input group with badge and menu","name":"p-input-group-18","registryDependencies":["@coss/badge","@coss/button","@coss/input-group","@coss/menu"],"type":"registry:block"},{"categories":["button","input group","textarea","toggle"],"dependencies":["lucide-react"],"description":"Mini editor built with input group and toggle","name":"p-input-group-19","registryDependencies":["@coss/button","@coss/input-group","@coss/toggle"],"type":"registry:block"},{"categories":["input","input group","search"],"dependencies":["lucide-react"],"description":"Input group with search icon","name":"p-input-group-20","registryDependencies":["@coss/input-group"],"type":"registry:block"},{"categories":["button","input","input group","tooltip"],"dependencies":["lucide-react"],"description":"Input group with start tooltip","name":"p-input-group-21","registryDependencies":["@coss/button","@coss/input-group","@coss/tooltip"],"type":"registry:block"},{"categories":["button","input","input group"],"dependencies":["lucide-react"],"description":"Input group with clear button","name":"p-input-group-22","registryDependencies":["@coss/button","@coss/input-group"],"type":"registry:block"},{"categories":["button","input","input group","search","tooltip"],"dependencies":["lucide-react"],"description":"Search input group with loader and voice button","name":"p-input-group-23","registryDependencies":["@coss/button","@coss/input-group","@coss/tooltip"],"type":"registry:block"},{"categories":["input","input group"],"description":"Input group with character counter","name":"p-input-group-24","registryDependencies":["@coss/input-group"],"type":"registry:block"},{"categories":["field","input"],"description":"Input with characters remaining counter","name":"p-input-18","registryDependencies":["@coss/field","@coss/input"],"type":"registry:block"},{"categories":["input"],"description":"Pill-shaped input","name":"p-input-19","registryDependencies":["@coss/input"],"type":"registry:block"},{"categories":["button","input","input group","label"],"dependencies":["lucide-react"],"description":"Password input with strength indicator","name":"p-input-group-26","registryDependencies":["@coss/button","@coss/input-group","@coss/label"],"type":"registry:block"},{"categories":["button","input group","select","textarea","tooltip"],"dependencies":["lucide-react"],"description":"Code snippet input with language selector","name":"p-input-group-27","registryDependencies":["@coss/use-copy-to-clipboard","@coss/button","@coss/input-group","@coss/select","@coss/tooltip"],"type":"registry:block"},{"categories":["button","input group","textarea","tooltip"],"dependencies":["lucide-react"],"description":"Message composer with attachment buttons","name":"p-input-group-28","registryDependencies":["@coss/button","@coss/input-group","@coss/tooltip"],"type":"registry:block"},{"categories":["button","input group","textarea","tooltip"],"dependencies":["lucide-react"],"description":"Chat input with voice and send buttons","name":"p-input-group-29","registryDependencies":["@coss/button","@coss/input-group","@coss/tooltip"],"type":"registry:block"},{"categories":["meter"],"description":"Basic meter","name":"p-meter-1","registryDependencies":["@coss/meter"],"type":"registry:block"},{"categories":["meter"],"description":"Simple meter","name":"p-meter-2","registryDependencies":["@coss/meter"],"type":"registry:block"},{"categories":["meter"],"description":"Meter with formatted value","name":"p-meter-3","registryDependencies":["@coss/meter"],"type":"registry:block"},{"categories":["meter"],"description":"Meter with range","name":"p-meter-4","registryDependencies":["@coss/meter"],"type":"registry:block"},{"categories":["dropdown","menu"],"description":"Basic menu","name":"p-menu-1","registryDependencies":["@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["dropdown","menu"],"description":"Menu with hover","name":"p-menu-2","registryDependencies":["@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["dropdown","menu"],"description":"Menu with checkbox","name":"p-menu-3","registryDependencies":["@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["dropdown","menu","switch"],"description":"Menu with checkbox items as switches","name":"p-menu-9","registryDependencies":["@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["dropdown","menu"],"description":"Menu with radio group","name":"p-menu-4","registryDependencies":["@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["dropdown","menu"],"description":"Menu with link","name":"p-menu-5","registryDependencies":["@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["dropdown","menu"],"description":"Menu with group labels","name":"p-menu-6","registryDependencies":["@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["dropdown","menu"],"description":"Nested menu","name":"p-menu-7","registryDependencies":["@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["dropdown","menu"],"description":"Menu close on click","name":"p-menu-8","registryDependencies":["@coss/button","@coss/menu"],"type":"registry:block"},{"categories":["context menu","menu"],"description":"Basic context menu","name":"p-context-menu-1","registryDependencies":["@coss/context-menu"],"type":"registry:block"},{"categories":["context menu","menu"],"description":"Context menu with link items","name":"p-context-menu-2","registryDependencies":["@coss/context-menu"],"type":"registry:block"},{"categories":["context menu","menu"],"description":"Nested context menu","name":"p-context-menu-3","registryDependencies":["@coss/context-menu"],"type":"registry:block"},{"categories":["context menu","menu"],"description":"Context menu with checkbox items","name":"p-context-menu-4","registryDependencies":["@coss/context-menu"],"type":"registry:block"},{"categories":["context menu","menu"],"description":"Context menu with group labels","name":"p-context-menu-5","registryDependencies":["@coss/context-menu"],"type":"registry:block"},{"categories":["context menu","menu"],"dependencies":["lucide-react"],"description":"Context menu with icons","name":"p-context-menu-6","registryDependencies":["@coss/context-menu"],"type":"registry:block"},{"categories":["context menu","menu"],"description":"Context menu with radio group","name":"p-context-menu-7","registryDependencies":["@coss/context-menu"],"type":"registry:block"},{"categories":["context menu","menu","switch"],"description":"Context menu with switch checkbox items","name":"p-context-menu-8","registryDependencies":["@coss/context-menu"],"type":"registry:block"},{"categories":["number field","input"],"description":"Basic number field","name":"p-number-field-1","registryDependencies":["@coss/number-field"],"type":"registry:block"},{"categories":["number field","input"],"description":"Small number field","name":"p-number-field-2","registryDependencies":["@coss/number-field"],"type":"registry:block"},{"categories":["number field","input"],"description":"Large number field","name":"p-number-field-3","registryDependencies":["@coss/number-field"],"type":"registry:block"},{"categories":["number field","input"],"description":"Disabled number field","name":"p-number-field-4","registryDependencies":["@coss/number-field"],"type":"registry:block"},{"categories":["number field","input"],"description":"Number field with label","name":"p-number-field-5","registryDependencies":["@coss/label","@coss/number-field"],"type":"registry:block"},{"categories":["number field","input"],"description":"Number field with scrub","name":"p-number-field-6","registryDependencies":["@coss/number-field"],"type":"registry:block"},{"categories":["number field","input"],"description":"Number field with range","name":"p-number-field-7","registryDependencies":["@coss/number-field"],"type":"registry:block"},{"categories":["number field","input"],"description":"Number field with formatted value","name":"p-number-field-8","registryDependencies":["@coss/number-field"],"type":"registry:block"},{"categories":["number field","input"],"description":"Number field with step","name":"p-number-field-9","registryDependencies":["@coss/number-field"],"type":"registry:block"},{"categories":["number field","input","form","field","zod"],"dependencies":["zod"],"description":"Number field in form","name":"p-number-field-10","registryDependencies":["@coss/button","@coss/field","@coss/form","@coss/number-field"],"type":"registry:block"},{"categories":["number field","input"],"description":"Pill-shaped number field","name":"p-number-field-11","registryDependencies":["@coss/number-field"],"type":"registry:block"},{"categories":["navigation","segmented control"],"description":"Segmented navigation built with links","name":"p-navigation-1","registryDependencies":["@coss/segmented-control"],"type":"registry:block"},{"categories":["navigation","segmented control"],"description":"Small segmented navigation built with links","name":"p-navigation-2","registryDependencies":["@coss/segmented-control"],"type":"registry:block"},{"categories":["navigation","segmented control"],"description":"Large segmented navigation built with links","name":"p-navigation-3","registryDependencies":["@coss/segmented-control"],"type":"registry:block"},{"categories":["pagination"],"description":"Pagination example","name":"p-pagination-1","registryDependencies":["@coss/pagination"],"type":"registry:block"},{"categories":["pagination"],"description":"Pagination with previous and next buttons only","name":"p-pagination-2","registryDependencies":["@coss/button","@coss/pagination"],"type":"registry:block"},{"categories":["pagination","select"],"description":"Pagination with select, and previous and next buttons","name":"p-pagination-3","registryDependencies":["@coss/button","@coss/pagination","@coss/select"],"type":"registry:block"},{"categories":["button","field","form","popover","textarea"],"description":"Popover with a form","name":"p-popover-1","registryDependencies":["@coss/button","@coss/field","@coss/form","@coss/popover","@coss/textarea"],"type":"registry:block"},{"categories":["button","popover"],"dependencies":["lucide-react"],"description":"Popover with close button","name":"p-popover-2","registryDependencies":["@coss/button","@coss/popover"],"type":"registry:block"},{"categories":["avatar","button","popover"],"dependencies":["lucide-react"],"description":"Animated popovers","name":"p-popover-3","registryDependencies":["@coss/avatar","@coss/button","@coss/popover"],"type":"registry:block"},{"categories":["button","checkbox","checkbox group","group","popover"],"dependencies":["lucide-react"],"description":"Split button with popover to confirm multiple occurrences","name":"p-popover-4","registryDependencies":["@coss/button","@coss/checkbox","@coss/checkbox-group","@coss/group","@coss/label","@coss/popover"],"type":"registry:block"},{"categories":["preview card"],"dependencies":["lucide-react"],"description":"Preview card with popup","name":"p-preview-card-1","registryDependencies":["@coss/button","@coss/preview-card"],"type":"registry:block"},{"categories":["progress"],"description":"Basic progress bar","name":"p-progress-1","registryDependencies":["@coss/progress"],"type":"registry:block"},{"categories":["progress"],"description":"Progress with label and value","name":"p-progress-2","registryDependencies":["@coss/progress"],"type":"registry:block"},{"categories":["progress"],"description":"Progress with formatted value","name":"p-progress-3","registryDependencies":["@coss/progress"],"type":"registry:block"},{"categories":["radio group"],"description":"Basic radio group","name":"p-radio-group-1","registryDependencies":["@coss/label","@coss/radio-group"],"type":"registry:block"},{"categories":["radio group"],"description":"Disabled radio group","name":"p-radio-group-2","registryDependencies":["@coss/label","@coss/radio-group"],"type":"registry:block"},{"categories":["radio group"],"description":"Radio group with description","name":"p-radio-group-3","registryDependencies":["@coss/label","@coss/radio-group"],"type":"registry:block"},{"categories":["radio group"],"description":"Radio group card","name":"p-radio-group-4","registryDependencies":["@coss/label","@coss/radio-group"],"type":"registry:block"},{"categories":["radio group","form"],"description":"Radio group in form","name":"p-radio-group-5","registryDependencies":["@coss/button","@coss/field","@coss/fieldset","@coss/form","@coss/radio-group"],"type":"registry:block"},{"categories":["radio group","form"],"dependencies":["lucide-react"],"description":"Theme selector with image cards","name":"p-radio-group-6","registryDependencies":["@coss/field","@coss/fieldset","@coss/radio-group"],"type":"registry:block"},{"categories":["radio group","segmented control"],"description":"Small segmented control built with a radio group","name":"p-radio-group-7","registryDependencies":["@coss/radio-group","@coss/segmented-control"],"type":"registry:block"},{"categories":["radio group","segmented control"],"description":"Segmented control built with a radio group","name":"p-radio-group-8","registryDependencies":["@coss/radio-group","@coss/segmented-control"],"type":"registry:block"},{"categories":["radio group","segmented control"],"description":"Large segmented control built with a radio group","name":"p-radio-group-9","registryDependencies":["@coss/radio-group","@coss/segmented-control"],"type":"registry:block"},{"categories":["radio group","tooltip"],"description":"Color palette radio cards in a four-column grid","name":"p-radio-group-10","registryDependencies":["@coss/radio-group","@coss/tooltip"],"type":"registry:block"},{"categories":["scroll area"],"description":"Basic scroll area","name":"p-scroll-area-1","registryDependencies":["@coss/scroll-area"],"type":"registry:block"},{"categories":["scroll area"],"description":"Horizontal scroll area","name":"p-scroll-area-2","registryDependencies":["@coss/scroll-area"],"type":"registry:block"},{"categories":["scroll area"],"description":"Scroll area with both directions","name":"p-scroll-area-3","registryDependencies":["@coss/scroll-area"],"type":"registry:block"},{"categories":["scroll area"],"description":"Scroll area with fading edges","name":"p-scroll-area-4","registryDependencies":["@coss/scroll-area"],"type":"registry:block"},{"categories":["scroll area"],"description":"Horizontal scroll area with scrollbar gutter","name":"p-scroll-area-5","registryDependencies":["@coss/scroll-area"],"type":"registry:block"},{"categories":["select"],"description":"Basic select","name":"p-select-1","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Small select","name":"p-select-2","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Large select","name":"p-select-3","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Disabled select","name":"p-select-4","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Select without item alignment","name":"p-select-5","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Select with groups","name":"p-select-6","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Multiple select","name":"p-select-7","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"dependencies":["lucide-react"],"description":"Select with icon","name":"p-select-8","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"dependencies":["lucide-react"],"description":"Select options with icon","name":"p-select-9","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Select with object values","name":"p-select-10","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select","disabled"],"description":"Select with disabled items","name":"p-select-12","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select","time","timezone"],"description":"Timezone select","name":"p-select-13","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Status select with colored dot","name":"p-select-14","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Pill-shaped select trigger","name":"p-select-15","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Select with left text label","name":"p-select-16","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Select with country flags","name":"p-select-17","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Select with description in options only","name":"p-select-18","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select","avatar"],"description":"Select with avatars","name":"p-select-19","registryDependencies":["@coss/avatar","@coss/select"],"type":"registry:block"},{"categories":["select","avatar"],"description":"Rich select with avatars and usernames","name":"p-select-20","registryDependencies":["@coss/avatar","@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Auto width select","name":"p-select-21","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Select with custom border and background","name":"p-select-22","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Select with label","name":"p-select-23","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Color palette select with three-color swatches","name":"p-select-24","registryDependencies":["@coss/select"],"type":"registry:block"},{"categories":["select"],"description":"Select in form","name":"p-select-11","registryDependencies":["@coss/button","@coss/field","@coss/form","@coss/select"],"type":"registry:block"},{"categories":["separator"],"description":"Separator with horizontal and vertical orientations","name":"p-separator-1","registryDependencies":["@coss/separator"],"type":"registry:block"},{"categories":["sheet"],"description":"Basic sheet","name":"p-sheet-1","registryDependencies":["@coss/button","@coss/field","@coss/form","@coss/input","@coss/sheet"],"type":"registry:block"},{"categories":["sheet"],"description":"Sheet inset","name":"p-sheet-2","registryDependencies":["@coss/button","@coss/field","@coss/form","@coss/input","@coss/sheet"],"type":"registry:block"},{"categories":["sheet"],"description":"Sheet position","name":"p-sheet-3","registryDependencies":["@coss/button","@coss/sheet"],"type":"registry:block"},{"categories":["skeleton"],"description":"Basic skeleton","name":"p-skeleton-1","registryDependencies":["@coss/avatar","@coss/button","@coss/skeleton"],"type":"registry:block"},{"categories":["skeleton"],"description":"Skeleton only","name":"p-skeleton-2","registryDependencies":["@coss/skeleton"],"type":"registry:block"},{"categories":["slider"],"description":"Basic slider","name":"p-slider-1","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Slider with label and value","name":"p-slider-2","registryDependencies":["@coss/field","@coss/slider"],"type":"registry:block"},{"categories":["slider","disabled"],"description":"Disabled slider","name":"p-slider-3","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Slider with reference labels","name":"p-slider-4","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Slider with ticks","name":"p-slider-5","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Slider with labels above","name":"p-slider-6","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Range slider","name":"p-slider-7","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Slider with 3 thumbs","name":"p-slider-8","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Range slider with collision behavior none","name":"p-slider-9","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Range slider with collision behavior swap","name":"p-slider-10","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"dependencies":["lucide-react"],"description":"Slider with icons","name":"p-slider-11","registryDependencies":["@coss/field","@coss/slider"],"type":"registry:block"},{"categories":["slider","number field"],"description":"Slider with input","name":"p-slider-12","registryDependencies":["@coss/number-field","@coss/slider"],"type":"registry:block"},{"categories":["slider","number field"],"description":"Range slider with inputs","name":"p-slider-13","registryDependencies":["@coss/number-field","@coss/slider"],"type":"registry:block"},{"categories":["slider","button"],"dependencies":["lucide-react"],"description":"Slider with increment and decrement buttons","name":"p-slider-14","registryDependencies":["@coss/button","@coss/field","@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Price range slider","name":"p-slider-15","registryDependencies":["@coss/fieldset","@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Emoji rating slider","name":"p-slider-16","registryDependencies":["@coss/field","@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Vertical slider","name":"p-slider-17","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Vertical range slider","name":"p-slider-18","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider","number field"],"description":"Vertical slider with input","name":"p-slider-19","registryDependencies":["@coss/number-field","@coss/slider"],"type":"registry:block"},{"categories":["slider"],"description":"Equalizer with vertical sliders","name":"p-slider-20","registryDependencies":["@coss/slider"],"type":"registry:block"},{"categories":["slider","number field","button"],"dependencies":["lucide-react"],"description":"Object position sliders with reset","name":"p-slider-21","registryDependencies":["@coss/button","@coss/fieldset","@coss/label","@coss/number-field","@coss/slider"],"type":"registry:block"},{"categories":["slider","number field","input group","button","filter"],"description":"Price slider with histogram","name":"p-slider-22","registryDependencies":["@coss/button","@coss/input-group","@coss/number-field","@coss/slider"],"type":"registry:block"},{"categories":["slider","form"],"description":"Slider in form","name":"p-slider-23","registryDependencies":["@coss/button","@coss/field","@coss/fieldset","@coss/form","@coss/slider"],"type":"registry:block"},{"categories":["spinner"],"description":"Basic spinner","name":"p-spinner-1","registryDependencies":["@coss/spinner"],"type":"registry:block"},{"categories":["switch"],"description":"Basic switch","name":"p-switch-1","registryDependencies":["@coss/label","@coss/switch"],"type":"registry:block"},{"categories":["switch"],"description":"Disabled switch","name":"p-switch-2","registryDependencies":["@coss/label","@coss/switch"],"type":"registry:block"},{"categories":["switch"],"description":"Switch with description","name":"p-switch-3","registryDependencies":["@coss/label","@coss/switch"],"type":"registry:block"},{"categories":["switch"],"description":"Switch card","name":"p-switch-4","registryDependencies":["@coss/label","@coss/switch"],"type":"registry:block"},{"categories":["switch"],"description":"Switch in form","name":"p-switch-5","registryDependencies":["@coss/button","@coss/field","@coss/form","@coss/switch"],"type":"registry:block"},{"categories":["switch"],"description":"Custom size switch","name":"p-switch-6","registryDependencies":["@coss/switch"],"type":"registry:block"},{"categories":["switch","combobox","popover","time"],"dependencies":["lucide-react"],"description":"Weekly availability editor with time range combobox pickers","name":"p-switch-7","registryDependencies":["@coss/button","@coss/checkbox","@coss/checkbox-group","@coss/combobox","@coss/label","@coss/popover","@coss/select","@coss/switch","@coss/tooltip"],"type":"registry:block"},{"categories":["switch","combobox","group","popover","time"],"dependencies":["lucide-react"],"description":"Weekly availability editor with grouped time range controls","name":"p-switch-8","registryDependencies":["@coss/button","@coss/checkbox","@coss/checkbox-group","@coss/combobox","@coss/group","@coss/label","@coss/popover","@coss/switch","@coss/tooltip"],"type":"registry:block"},{"categories":["switch","combobox","group","popover","time"],"dependencies":["lucide-react"],"description":"Weekly availability editor with From/To labeled time groups","name":"p-switch-9","registryDependencies":["@coss/button","@coss/checkbox","@coss/checkbox-group","@coss/combobox","@coss/group","@coss/label","@coss/popover","@coss/switch","@coss/tooltip"],"type":"registry:block"},{"categories":["table"],"description":"Basic table","name":"p-table-1","registryDependencies":["@coss/badge","@coss/table"],"type":"registry:block"},{"categories":["frame","table"],"description":"Frame with card-style table","name":"p-table-2","registryDependencies":["@coss/badge","@coss/frame","@coss/table"],"type":"registry:block"},{"categories":["checkbox","table","tanstack"],"dependencies":["@tanstack/react-table"],"description":"Table with TanStack Table and checkboxes","name":"p-table-3","registryDependencies":["@coss/badge","@coss/checkbox","@coss/frame","@coss/table"],"type":"registry:block"},{"categories":["checkbox","pagination","select","table","tanstack"],"dependencies":["@tanstack/react-table","lucide-react"],"description":"Table with TanStack Table, sorting, and pagination","name":"p-table-4","registryDependencies":["@coss/badge","@coss/button","@coss/checkbox","@coss/frame","@coss/pagination","@coss/select","@coss/table"],"type":"registry:block"},{"categories":["table"],"description":"Card-style table variant","name":"p-table-5","registryDependencies":["@coss/badge","@coss/table"],"type":"registry:block"},{"categories":["card","table"],"description":"CardFrame with card-style table","name":"p-table-7","registryDependencies":["@coss/badge","@coss/card","@coss/table"],"type":"registry:block"},{"categories":["card","checkbox","table","tanstack"],"dependencies":["@tanstack/react-table"],"description":"CardFrame with TanStack Table and checkboxes","name":"p-table-6","registryDependencies":["@coss/badge","@coss/card","@coss/checkbox","@coss/table"],"type":"registry:block"},{"categories":["card","checkbox","pagination","select","table","tanstack"],"dependencies":["@tanstack/react-table","lucide-react"],"description":"CardFrame with TanStack Table, sorting, and pagination","name":"p-table-8","registryDependencies":["@coss/badge","@coss/button","@coss/card","@coss/checkbox","@coss/pagination","@coss/select","@coss/table"],"type":"registry:block"},{"categories":["tabs"],"description":"Segmented control built with tabs","name":"p-tabs-1","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"description":"Tabs with underline","name":"p-tabs-2","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"description":"Vertical tabs","name":"p-tabs-3","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"description":"Vertical tabs with underline","name":"p-tabs-4","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"description":"Tabs with full rounded triggers","name":"p-tabs-5","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"dependencies":["lucide-react"],"description":"Tabs with icon before name","name":"p-tabs-6","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"dependencies":["lucide-react"],"description":"Tabs with icon before name and underline","name":"p-tabs-7","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"dependencies":["lucide-react"],"description":"Tabs with icon only","name":"p-tabs-8","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"dependencies":["lucide-react"],"description":"Tabs with underline and icon on top","name":"p-tabs-9","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs","badge"],"description":"Tabs with count badge","name":"p-tabs-10","registryDependencies":["@coss/badge","@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"dependencies":["lucide-react"],"description":"Vertical tabs with underline and icon before name","name":"p-tabs-11","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs","badge"],"dependencies":["lucide-react"],"description":"Tabs with icon only and count badge","name":"p-tabs-12","registryDependencies":["@coss/badge","@coss/tabs"],"type":"registry:block"},{"categories":["tabs","tooltip"],"dependencies":["lucide-react"],"description":"Tabs with icon only and grouped tooltips","name":"p-tabs-13","registryDependencies":["@coss/tabs","@coss/tooltip"],"type":"registry:block"},{"categories":["tabs"],"description":"Small segmented control built with tabs","name":"p-tabs-14","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["tabs"],"description":"Large segmented control built with tabs","name":"p-tabs-15","registryDependencies":["@coss/tabs"],"type":"registry:block"},{"categories":["textarea"],"description":"Basic textarea","name":"p-textarea-1","registryDependencies":["@coss/textarea"],"type":"registry:block"},{"categories":["textarea"],"description":"Small textarea","name":"p-textarea-2","registryDependencies":["@coss/textarea"],"type":"registry:block"},{"categories":["textarea"],"description":"Large textarea","name":"p-textarea-3","registryDependencies":["@coss/textarea"],"type":"registry:block"},{"categories":["textarea"],"description":"Disabled textarea","name":"p-textarea-4","registryDependencies":["@coss/textarea"],"type":"registry:block"},{"categories":["textarea"],"description":"Textarea with label","name":"p-textarea-5","registryDependencies":["@coss/label","@coss/textarea"],"type":"registry:block"},{"categories":["textarea"],"description":"Textarea in form","name":"p-textarea-6","registryDependencies":["@coss/button","@coss/field","@coss/form","@coss/textarea"],"type":"registry:block"},{"categories":["label","textarea"],"description":"Textarea with label and required indicator","name":"p-textarea-7","registryDependencies":["@coss/label","@coss/textarea"],"type":"registry:block"},{"categories":["label","textarea"],"description":"Textarea with optional label","name":"p-textarea-8","registryDependencies":["@coss/label","@coss/textarea"],"type":"registry:block"},{"categories":["textarea"],"description":"Textarea with custom border and background","name":"p-textarea-9","registryDependencies":["@coss/textarea"],"type":"registry:block"},{"categories":["textarea"],"description":"Read-only textarea","name":"p-textarea-10","registryDependencies":["@coss/textarea"],"type":"registry:block"},{"categories":["field","textarea"],"description":"Textarea with characters remaining counter","name":"p-textarea-11","registryDependencies":["@coss/field","@coss/textarea"],"type":"registry:block"},{"categories":["field","label","textarea"],"description":"Textarea field with required indicator","name":"p-textarea-12","registryDependencies":["@coss/field","@coss/textarea"],"type":"registry:block"},{"categories":["textarea"],"description":"Shorter textarea with fixed height","name":"p-textarea-13","registryDependencies":["@coss/textarea"],"type":"registry:block"},{"categories":["button","textarea"],"description":"Textarea with button aligned right","name":"p-textarea-14","registryDependencies":["@coss/button","@coss/textarea"],"type":"registry:block"},{"categories":["button","textarea"],"description":"Textarea with button aligned left","name":"p-textarea-15","registryDependencies":["@coss/button","@coss/textarea"],"type":"registry:block"},{"categories":["toast"],"description":"Default stacked toast with title and description","name":"p-toast-1","registryDependencies":["@coss/button","@coss/toast"],"type":"registry:block"},{"categories":["toast"],"description":"Stacked toasts by semantic type (success, error, info, warning)","name":"p-toast-2","registryDependencies":["@coss/button","@coss/toast"],"type":"registry:block"},{"categories":["toast"],"description":"Loading-state stacked toast","name":"p-toast-3","registryDependencies":["@coss/button","@coss/toast"],"type":"registry:block"},{"categories":["toast"],"description":"Stacked toast with primary action (undo)","name":"p-toast-4","registryDependencies":["@coss/button","@coss/toast"],"type":"registry:block"},{"categories":["toast"],"description":"Promise-based stacked toast","name":"p-toast-5","registryDependencies":["@coss/button","@coss/toast"],"type":"registry:block"},{"categories":["toast"],"description":"Stacked toasts with varying content height","name":"p-toast-6","registryDependencies":["@coss/button","@coss/toast"],"type":"registry:block"},{"categories":["toast"],"description":"Anchored tooltip-style toast after copy","name":"p-toast-7","registryDependencies":["@coss/button","@coss/toast","@coss/tooltip","@coss/use-copy-to-clipboard"],"type":"registry:block"},{"categories":["toast"],"description":"Anchored error toast after async failure","name":"p-toast-8","registryDependencies":["@coss/button","@coss/spinner","@coss/toast"],"type":"registry:block"},{"categories":["toast","button"],"dependencies":["lucide-react"],"description":"Long-running promise toast with cancel","name":"p-toast-9","registryDependencies":["@coss/button","@coss/toast"],"type":"registry:block"},{"categories":["toast","button"],"description":"Deduplicated success toast","name":"p-toast-10","registryDependencies":["@coss/button","@coss/toast"],"type":"registry:block"},{"categories":["toast","button","error"],"description":"Deduplicated error toast","name":"p-toast-11","registryDependencies":["@coss/button","@coss/toast"],"type":"registry:block"},{"categories":["toast","button"],"dependencies":["lucide-react"],"description":"Anchored deduplicated success toast","name":"p-toast-12","registryDependencies":["@coss/button","@coss/toast","@coss/tooltip"],"type":"registry:block"},{"categories":["toast","button","error"],"dependencies":["lucide-react"],"description":"Anchored deduplicated error toast","name":"p-toast-13","registryDependencies":["@coss/button","@coss/toast","@coss/tooltip"],"type":"registry:block"},{"categories":["toggle","toggle group"],"description":"Basic toggle group","name":"p-toggle-group-1","registryDependencies":["@coss/toggle-group"],"type":"registry:block"},{"categories":["toggle","toggle group"],"description":"Small toggle group","name":"p-toggle-group-2","registryDependencies":["@coss/toggle-group"],"type":"registry:block"},{"categories":["toggle","toggle group"],"description":"Large toggle group","name":"p-toggle-group-3","registryDependencies":["@coss/toggle-group"],"type":"registry:block"},{"categories":["toggle","toggle group"],"description":"Toggle group with outline","name":"p-toggle-group-4","registryDependencies":["@coss/toggle-group"],"type":"registry:block"},{"categories":["toggle","toggle group"],"description":"Vertical toggle group with outline","name":"p-toggle-group-5","registryDependencies":["@coss/toggle-group"],"type":"registry:block"},{"categories":["toggle","toggle group"],"description":"Disabled toggle group","name":"p-toggle-group-6","registryDependencies":["@coss/toggle-group"],"type":"registry:block"},{"categories":["toggle","toggle group"],"description":"Toggle group with disabled item","name":"p-toggle-group-7","registryDependencies":["@coss/toggle-group"],"type":"registry:block"},{"categories":["toggle","toggle group"],"description":"Multiple selection toggle group","name":"p-toggle-group-8","registryDependencies":["@coss/toggle-group"],"type":"registry:block"},{"categories":["toggle","toggle group"],"description":"Toggle group with tooltips","name":"p-toggle-group-9","registryDependencies":["@coss/toggle-group","@coss/tooltip"],"type":"registry:block"},{"categories":["toggle"],"description":"Basic toggle","name":"p-toggle-1","registryDependencies":["@coss/toggle"],"type":"registry:block"},{"categories":["toggle"],"description":"Toggle with outline","name":"p-toggle-2","registryDependencies":["@coss/toggle"],"type":"registry:block"},{"categories":["toggle"],"dependencies":["lucide-react"],"description":"Toggle with icon","name":"p-toggle-3","registryDependencies":["@coss/toggle"],"type":"registry:block"},{"categories":["toggle"],"description":"Small toggle","name":"p-toggle-4","registryDependencies":["@coss/toggle"],"type":"registry:block"},{"categories":["toggle"],"description":"Large toggle","name":"p-toggle-5","registryDependencies":["@coss/toggle"],"type":"registry:block"},{"categories":["toggle"],"description":"Disabled toggle","name":"p-toggle-6","registryDependencies":["@coss/toggle"],"type":"registry:block"},{"categories":["toggle"],"dependencies":["lucide-react"],"description":"Toggle icon group","name":"p-toggle-7","registryDependencies":["@coss/toggle"],"type":"registry:block"},{"categories":["toggle","tooltip","toast"],"dependencies":["lucide-react"],"description":"Bookmark toggle with tooltip and success toast","name":"p-toggle-8","registryDependencies":["@coss/toggle","@coss/tooltip","@coss/toast"],"type":"registry:block"},{"categories":["toolbar"],"dependencies":["lucide-react"],"description":"Toolbar with toggles, buttons, and select","name":"p-toolbar-1","registryDependencies":["@coss/button","@coss/select","@coss/toggle-group","@coss/toolbar","@coss/tooltip"],"type":"registry:block"},{"categories":["tooltip"],"description":"Basic tooltip","name":"p-tooltip-1","registryDependencies":["@coss/button","@coss/tooltip"],"type":"registry:block"},{"categories":["tooltip"],"description":"Grouped tooltips","name":"p-tooltip-2","registryDependencies":["@coss/toggle-group","@coss/tooltip"],"type":"registry:block"},{"categories":["tooltip"],"description":"Toggle group animated tooltip","name":"p-tooltip-3","registryDependencies":["@coss/toggle-group","@coss/tooltip"],"type":"registry:block"},{"categories":["tooltip"],"description":"Vertical group with animated tooltip","name":"p-tooltip-4","registryDependencies":["@coss/button","@coss/group","@coss/tooltip"],"type":"registry:block"},{"name":"fonts","registryDependencies":["@coss/font-sans","@coss/font-heading","@coss/font-mono"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"use-composer-editor","registryDependencies":["@coss/composer-document","@coss/composer-clipboard"],"type":"registry:hook"},{"name":"use-media-query","type":"registry:hook"},{"name":"use-copy-to-clipboard","type":"registry:hook"}]},"aceternity":{"favicon":"/favicons/aceternity.ico","items":[{"name":"grid","type":"registry:ui"},{"dependencies":["motion"],"name":"moving-line","type":"registry:ui"},{"dependencies":["@tsparticles/react","@tsparticles/engine","@tsparticles/slim","motion"],"name":"sparkles","type":"registry:ui"},{"name":"spotlight","type":"registry:ui"},{"dependencies":["motion"],"name":"glowing-stars","type":"registry:ui"},{"dependencies":["motion"],"name":"text-reveal-card","type":"registry:ui"},{"dependencies":["motion"],"name":"animated-tooltip","type":"registry:ui"},{"dependencies":["motion"],"name":"following-pointer","type":"registry:ui"},{"dependencies":["motion"],"name":"background-beams","type":"registry:ui"},{"dependencies":["motion"],"name":"svg-mask-effect","type":"registry:ui"},{"name":"infinite-moving-cards","type":"registry:ui"},{"dependencies":["motion"],"name":"3d-pin","type":"registry:ui"},{"dependencies":["motion"],"name":"evervault-card","type":"registry:ui"},{"dependencies":["motion"],"name":"parallax-scroll","type":"registry:ui"},{"dependencies":["motion"],"name":"parallax-scroll-2","type":"registry:ui"},{"dependencies":["motion"],"name":"parallax-hero-images","type":"registry:ui"},{"dependencies":["motion"],"name":"tracing-beam","type":"registry:ui"},{"dependencies":["motion"],"name":"container-scroll-animation","type":"registry:ui"},{"dependencies":["motion"],"name":"text-generate-effect","type":"registry:ui"},{"name":"meteors","type":"registry:ui"},{"dependencies":["motion"],"name":"card-stack","type":"registry:ui"},{"dependencies":["motion"],"name":"moving-border","type":"registry:ui"},{"dependencies":["motion"],"name":"lamp","type":"registry:ui"},{"dependencies":["motion"],"name":"sticky-scroll-reveal","type":"registry:ui"},{"dependencies":["motion"],"name":"floating-navbar","type":"registry:ui"},{"dependencies":["motion"],"name":"navbar-menu","type":"registry:ui"},{"dependencies":["@tabler/icons-react"],"name":"tailwindcss-buttons","type":"registry:ui"},{"dependencies":["@tabler/icons-react"],"name":"bento-grid","type":"registry:ui"},{"dependencies":["motion"],"name":"card-hover-effect","type":"registry:ui"},{"dependencies":["motion"],"name":"google-gemini-effect","type":"registry:ui"},{"dependencies":["motion"],"name":"gooey-input","type":"registry:ui"},{"dependencies":["motion"],"name":"typewriter-effect","type":"registry:ui"},{"dependencies":["mini-svg-data-uri","motion"],"name":"background-boxes","type":"registry:ui"},{"name":"3d-card","type":"registry:ui"},{"dependencies":["motion"],"name":"images-slider","type":"registry:ui"},{"dependencies":["motion"],"name":"direction-aware-hover","type":"registry:ui"},{"dependencies":["@radix-ui/react-tabs"],"name":"tabs","type":"registry:ui"},{"dependencies":["motion"],"name":"hero-parallax","type":"registry:ui"},{"dependencies":["simplex-noise"],"name":"wavy-background","type":"registry:ui"},{"dependencies":["motion"],"name":"background-gradient","type":"registry:ui"},{"dependencies":["motion"],"name":"layout-grid","type":"registry:ui"},{"name":"background-gradient-animation","type":"registry:ui"},{"dependencies":["@tabler/icons-react","motion"],"name":"macbook-scroll","type":"registry:ui"},{"dependencies":["motion"],"name":"input","type":"registry:ui"},{"dependencies":["@radix-ui/react-label"],"name":"label","type":"registry:ui"},{"dependencies":["@tabler/icons-react","motion"],"name":"multi-step-loader","type":"registry:ui"},{"dependencies":["three","three-globe","@react-three/fiber@alpha","@react-three/drei"],"devDependencies":["@types/three"],"name":"globe","type":"registry:ui"},{"name":"aurora-background","type":"registry:ui"},{"dependencies":["three","@react-three/fiber"],"devDependencies":["@types/three"],"name":"canvas-reveal-effect","type":"registry:ui"},{"dependencies":["motion"],"name":"hover-border-gradient","type":"registry:ui"},{"dependencies":["mini-svg-data-uri","motion"],"name":"hero-highlight","type":"registry:ui"},{"dependencies":["simplex-noise","motion"],"name":"vortex","type":"registry:ui"},{"dependencies":["motion"],"name":"wobble-card","type":"registry:ui"},{"dependencies":["motion"],"name":"placeholders-and-vanish-input","type":"registry:ui"},{"dependencies":["motion"],"name":"flip-words","type":"registry:ui"},{"dependencies":["@radix-ui/react-hover-card","qss","motion"],"name":"link-preview","type":"registry:ui"},{"name":"glare-card","type":"registry:ui"},{"dependencies":["motion"],"name":"animated-modal","type":"registry:ui"},{"dependencies":["@tabler/icons-react","motion"],"name":"sidebar","type":"registry:ui"},{"dependencies":["@tabler/icons-react","motion"],"name":"apple-cards-carousel","registryDependencies":["use-outside-click"],"type":"registry:ui"},{"name":"shooting-stars","type":"registry:ui"},{"name":"stars-background","type":"registry:ui"},{"dependencies":["@tabler/icons-react","motion"],"name":"compare","type":"registry:ui"},{"dependencies":["motion"],"name":"card-spotlight","registryDependencies":["canvas-reveal-effect"],"type":"registry:ui"},{"dependencies":["motion"],"name":"cover","registryDependencies":["sparkles"],"type":"registry:ui"},{"dependencies":["@tabler/icons-react","react-dropzone","motion"],"name":"file-upload","type":"registry:ui"},{"dependencies":["@tabler/icons-react","motion"],"name":"floating-dock","type":"registry:ui"},{"name":"focus-cards","type":"registry:ui"},{"dependencies":["motion"],"name":"background-beams-with-collision","type":"registry:ui"},{"dependencies":["motion"],"name":"timeline","type":"registry:ui"},{"dependencies":["motion"],"name":"text-hover-effect","type":"registry:ui"},{"dependencies":["motion"],"name":"lens","type":"registry:ui"},{"dependencies":["motion"],"name":"background-lines","type":"registry:ui"},{"dependencies":["@tabler/icons-react","motion"],"name":"animated-testimonials","type":"registry:ui"},{"dependencies":["dotted-map","motion"],"name":"world-map","type":"registry:ui"},{"dependencies":["@tabler/icons-react","react-syntax-highlighter"],"devDependencies":["@types/react-syntax-highlighter"],"name":"code-block","type":"registry:ui"},{"dependencies":["@tabler/icons-react"],"name":"carousel","type":"registry:ui"},{"name":"colourful-text","type":"registry:ui"},{"name":"squiggly-text","type":"registry:ui"},{"dependencies":["motion"],"name":"magnetic-button","type":"registry:ui"},{"dependencies":["motion"],"name":"notch","type":"registry:ui"},{"name":"spotlight-new","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"glowing-effect","type":"registry:ui"},{"name":"3d-marquee","type":"registry:ui"},{"name":"container-text-flip","type":"registry:ui"},{"name":"resizable-navbar","type":"registry:ui"},{"name":"draggable-card","type":"registry:ui"},{"name":"sticky-banner","type":"registry:ui"},{"name":"pointer-highlight","type":"registry:ui"},{"name":"stateful-button","type":"registry:ui"},{"name":"loader","type":"registry:ui"},{"name":"image-generation-loader","type":"registry:ui"},{"name":"comet-card","type":"registry:ui"},{"dependencies":["motion"],"name":"background-ripple-effect","type":"registry:ui"},{"name":"pixelated-canvas","type":"registry:ui"},{"name":"canvas-text","type":"registry:ui"},{"dependencies":["motion"],"name":"layout-text-flip","type":"registry:ui"},{"name":"dotted-glow-background","type":"registry:ui"},{"name":"tooltip-card","type":"registry:ui"},{"dependencies":["motion"],"name":"encrypted-text","type":"registry:ui"},{"name":"noise-background","type":"registry:ui"},{"name":"dither-shader","type":"registry:ui"},{"name":"cloud-shader","type":"registry:ui"},{"name":"chromatic-image","type":"registry:ui"},{"name":"webcam-pixel-grid","type":"registry:ui"},{"name":"images-badge","type":"registry:ui"},{"dependencies":["@tabler/icons-react","motion/react"],"name":"keyboard","type":"registry:ui"},{"name":"terminal","type":"registry:ui"},{"dependencies":["three","@react-three/fiber","@react-three/drei"],"devDependencies":["@types/three"],"name":"3d-globe","type":"registry:ui"},{"dependencies":["motion"],"name":"ascii-art","type":"registry:ui"},{"name":"scales","type":"registry:ui"},{"dependencies":["motion"],"name":"text-flipping-board","type":"registry:ui"},{"dependencies":["three","motion"],"devDependencies":["@types/three"],"name":"background-cubes-grid","type":"registry:ui"},{"name":"liquid-glass","type":"registry:ui"},{"dependencies":["react-icons"],"description":"Background Overlay Card","name":"cards-demo-1","type":"registry:block"},{"description":"Content Card","name":"cards-demo-2","type":"registry:block"},{"dependencies":["motion","react-icons"],"description":"Feature Block Animated Card","name":"cards-demo-3","type":"registry:block"},{"dependencies":["motion"],"description":"Expandable Card On Click","name":"expandable-card-on-click","type":"registry:block"},{"description":"Simple with card gradient","name":"features-section-demo-1","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Simple with hover effects","name":"features-section-demo-2","type":"registry:block"},{"dependencies":["@tabler/icons-react","cobe","motion"],"description":"Bento Grid","name":"features-section-demo-3","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Features with sticky scroll","name":"features-with-sticky-scroll","type":"registry:block"},{"dependencies":["motion","react-icons"],"description":"Hero With Centered Image","name":"hero-with-centered-image","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Modern Hero With Gradients","name":"modern-hero-with-gradients","type":"registry:block"},{"dependencies":["react-icons","motion"],"description":"Two Column With Image","name":"two-column-with-image","type":"registry:block"},{"dependencies":["motion"],"description":"Full Background Image With Text","name":"full-background-image-with-text","type":"registry:block"},{"dependencies":["motion"],"description":"Centered Around Testimonials","name":"centered-around-testimonials","type":"registry:block"},{"dependencies":["motion","react-fast-marquee","@tabler/icons-react"],"description":"Hero Section With Images Grid and Navbar","name":"hero-section-with-images-grid-and-navbar","type":"registry:block"},{"dependencies":["react-wrap-balancer","motion"],"description":"Hero Section With Beams and Grid","name":"hero-section-with-beams-and-grid","type":"registry:block"},{"dependencies":["motion"],"description":"Hero Section With Noise Background","name":"hero-section-with-noise-background","type":"registry:block"},{"dependencies":["react-fast-marquee"],"description":"Logo Cloud Marquee","name":"logo-cloud-marquee","type":"registry:block"},{"dependencies":["motion"],"description":"Logos With Blur Flip","name":"logos-with-blur-flip","type":"registry:block"},{"description":"Spotlight Logo Cloud","name":"spotlight-logo-cloud","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Three Column Bento Grid","name":"three-column-bento-grid","type":"registry:block"},{"dependencies":["motion"],"description":"Three Columns With Images","name":"three-columns-with-images","type":"registry:block"},{"dependencies":["motion","cobe"],"description":"Bento Grid Example Three","name":"bento-grid-example-three","type":"registry:block"},{"dependencies":["motion","react-icons"],"description":"Simple CTA With Images","name":"simple-cta-with-images","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"CTA With Masonry Images","name":"cta-with-masonry-images","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"CTA Centered Masonry Gallery","name":"cta-centered-masonry-gallery","type":"registry:block"},{"dependencies":["react-icons"],"description":"CTA With Background Noise","name":"cta-with-background-noise","type":"registry:block"},{"description":"CTA With Centered Text","name":"cta-with-centered-text","type":"registry:block"},{"dependencies":["react-icons","@tabler/icons-react"],"description":"CTA With Dashed Grid Lines","name":"cta-with-dashed-grid-lines","type":"registry:block"},{"dependencies":["motion"],"description":"CTA With Right Gradient And Animation","name":"cta-with-right-gradient-and-animation","type":"registry:block"},{"dependencies":["@headlessui/react"],"description":"Testimonials Grid With Centered Carousel","name":"testimonials-grid-with-centered-carousel","type":"registry:block"},{"dependencies":["react-fast-marquee"],"description":"Testimonials Marquee Grid","name":"testimonials-marquee-grid","type":"registry:block"},{"dependencies":["react-fast-marquee"],"description":"Two-row testimonial marquee with framed section and bordered cards","name":"testimonials-marquee-grid-boxed","type":"registry:block"},{"dependencies":["react-icons"],"description":"Testimonials Masonry Grid","name":"testimonials-masonry-grid","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Simple Pricing With Three Tiers","name":"simple-pricing-with-three-tiers","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Pricing With Switch","name":"pricing-with-switch","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Pricing With Switch And Add On","name":"pricing-with-switch-and-add-on","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Minimal Pricing with Enterprise Section","name":"pricing-minimal","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Simple Navbar With Hover Effects","name":"simple-navbar-with-hover-effects","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Navbar With Children","name":"navbar-with-children","type":"registry:block"},{"description":"Simple Footer With Four Grids","name":"simple-footer-with-four-grids","type":"registry:block"},{"description":"Footer With Grid","name":"footer-with-grid","type":"registry:block"},{"description":"Footer With Big Text","name":"footer-with-big-text","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Centered With Logo","name":"centered-with-logo","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Registration Form With Images","name":"registration-form-with-images","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Login With Socials And Email","name":"login-with-socials-and-email","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Login Signup Minimal","name":"login-signup-minimal","type":"registry:block"},{"description":"Premium Auth Split with WebGL Shader","name":"premium-auth-split","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Contact Form Grid With Details","name":"contact-form-grid-with-details","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Simple Centered Contact Form","name":"simple-centered-contact-form","type":"registry:block"},{"dependencies":["fuzzy-search","date-fns"],"description":"Blog With Search","name":"blog-with-search","type":"registry:block"},{"dependencies":["fuzzy-search","date-fns"],"description":"Blog With Search — magazine layout with cover story and card grid","name":"blog-with-search-magazine","type":"registry:block"},{"description":"Blog listing with three featured cards and a denser four-column grid below, category labels on each post","name":"blog-with-categories","type":"registry:block"},{"description":"Simple Blog With Grid","name":"simple-blog-with-grid","type":"registry:block"},{"dependencies":["react-rough-notation","motion"],"description":"Playful Hero Section","name":"playful-hero-section","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Frequently Asked Questions Accordion","name":"frequently-asked-questions-accordion","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Simple FAQs With Background","name":"simple-faqs-with-background","type":"registry:block"},{"description":"Faqs With Grid","name":"faqs-with-grid","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Simple Sidebar With Hover","name":"simple-sidebar-with-hover","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Collapsible Sidebar","name":"collapsible-sidebar","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Grouped Sidebar with Collapsible Groups and Persistent State","name":"grouped-sidebar","type":"registry:block"},{"dependencies":["react-markdown","date-fns"],"description":"Blog Content Centered","name":"blog-content-centered","type":"registry:block"},{"dependencies":["motion","react-markdown","date-fns","@tabler/icons-react"],"description":"Blog Content With Toc","name":"blog-content-with-toc","type":"registry:block"},{"dependencies":["motion"],"description":"Stats For Changelog","name":"stats-for-changelog","type":"registry:block"},{"dependencies":["motion"],"description":"Stats With Number Ticker","name":"stats-with-number-ticker","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Stats With Grid Background","name":"stats-with-grid-background","type":"registry:block"},{"description":"Stats With Gradient","name":"stats-with-gradient","type":"registry:block"},{"dependencies":["motion"],"description":"Background With Full Video","name":"background-with-full-video","type":"registry:block"},{"dependencies":["motion"],"description":"Background Lines","name":"background-lines","type":"registry:block"},{"dependencies":["motion"],"description":"Background With Shooting Stars","name":"background-with-shooting-stars","type":"registry:block"},{"description":"Background Dots","name":"background-dots","type":"registry:block"},{"description":"Background Dots Masked","name":"background-dots-masked","type":"registry:block"},{"description":"Background Dots Masked Vertical","name":"background-dots-masked-vertical","type":"registry:block"},{"description":"Background Grid with Dots","name":"background-grid-with-dots","type":"registry:block"},{"description":"Background Grid with Dots and Animations","name":"background-grid-with-dots-and-animations","type":"registry:block"},{"description":"Background With Skewed Rectangles","name":"background-with-skewed-rectangles","type":"registry:block"},{"description":"Background With Skewed Lines","name":"background-with-skewed-lines","type":"registry:block"},{"description":"Background Noise Grid","name":"background-noise-grid","type":"registry:block"},{"dependencies":["motion"],"description":"Text Animation Flipping Words Demo","name":"text-animation-flipping-words-demo","type":"registry:block"},{"dependencies":["motion"],"description":"Text Animation Typewriter Effect Demo","name":"text-animation-typewriter-effect-demo","type":"registry:block"},{"dependencies":["motion"],"description":"Text Animation Blur Fade In Demo","name":"text-animation-blur-fade-in-demo","type":"registry:block"},{"description":"Text Generate Typewriter with Keyboard Sounds","name":"text-generate-typewriter","type":"registry:block"},{"dependencies":["motion","@radix-ui/react-label"],"description":"Login Form With Gradient","name":"login-form-with-gradient","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Classic navbar with search","name":"navbar-classic","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Navbar with Mega Menu and Hover Effects","name":"navbar-mega","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Dark navbar with ridge shadows, dropdown mega menu with blog panel, and light/dark mode","name":"navbar-dark-shadow","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Navbar with Pills and tabs","name":"navbar-pill","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Navbar with Underline and hover effects","name":"navbar-underline","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Masonry Bento Grid With Images, useful for showcasing brands or products","name":"masonry-bento-grid-with-images","type":"registry:block"},{"dependencies":["motion"],"description":"Minimal Hero Section With Parallax Images, images are displayed on top of each other with animation. Simple hero section with Title, description, CTA Buttons and images.","name":"minimal-hero-section-with-parallax-images","type":"registry:block"},{"description":"A modern hero section with image and scales. Incorporates tailwind's blue 500 variant of color. A beautiful hero section with title, description, 2 CTA buttons and an Image. Image has a mouse move event that shows the scales behind the image. Perfect for hero sections that requir","name":"hero-with-image-and-scales","type":"registry:block"},{"dependencies":["motion"],"description":"A collection of 6 logos of modern companies, animation is staggered and logos are aligned in a grid of 3. Perfect for logo clouds that require a modern look.","name":"logo-cloud-with-blur-animation","type":"registry:block"},{"dependencies":["motion"],"description":"A logo cloud with 10 logos in a 5x2 grid that swap every 3 seconds. Logos animate horizontally with blur effect and staggered timing for a smooth transition.","name":"logo-cloud-with-swap-animation","type":"registry:block"},{"dependencies":["motion"],"description":"A single row logo cloud with 5 logos that flips in an interval.","name":"single-row-logo-cloud","type":"registry:block"},{"dependencies":["motion"],"description":"A four-row logo cloud with mixed filled and empty tiles that scroll in opposite directions.","name":"logo-cloud-multiple-rows","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"A grid of 3 with micro-interactions and animations. Title and descriptions are flex row aligned on desktop screens and column on mobile screens. There are skeleton items with perspective designs, adding depth into the design. Cards have title, description, badge, and tags.","name":"features-grid-with-large-skeletons","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Pricing Page With Featured And Enterprise. This pricing page is designed to showcase the features of the product and the enterprise plan. It includes a featured plan with a discount, a regular plan, a bigger plan and an enterprise plan. Featured plan has an immersive shadow to ma","name":"pricing-page-with-featured-and-enterprise","type":"registry:block"},{"dependencies":["@tabler/icons-react","react-fast-marquee"],"description":"A grid of 6 with skeletons, title and descriptions. Skeletons are modern and designed to be minimal. With chat like interfaces for skeletons, perfect for showcasing features or demos of product.","name":"bento-grid-with-skeletons","type":"registry:block"},{"dependencies":["motion"],"description":"A dot distortion shader for creating dynamic background effects.","name":"dot-distortion-shader","type":"registry:block"},{"dependencies":["motion"],"description":"A lines gradient shader for creating animated gradient backgrounds.","name":"lines-gradient-shader","type":"registry:block"},{"description":"A spotlight shader for creating dynamic spotlight background effects with customizable positions and animations.","name":"spotlight-shader","type":"registry:block"},{"dependencies":["motion"],"description":"Hero With Background And Navbar","name":"hero-with-background-and-navbar","type":"registry:block"},{"dependencies":["motion"],"description":"Hero Section With Multi Color Background","name":"hero-section-with-multi-color-background","type":"registry:block"},{"dependencies":["motion"],"description":"Hero Section With Infinite Scroll Cards","name":"hero-section-with-infinite-scroll-cards","type":"registry:block"},{"dependencies":["motion"],"description":"Testimonials Background With Drag","name":"testimonials-background-with-drag","type":"registry:block"},{"dependencies":["motion"],"description":"Hero Section With Flickering Lights","name":"hero-section-with-flickering-lights","type":"registry:block"},{"dependencies":["motion"],"description":"Hero Section With Tabs","name":"hero-section-with-tabs","type":"registry:block"},{"dependencies":["motion"],"description":"Hero Section With Mesh Gradient","name":"hero-section-with-mesh-gradient","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Hero Section With Shadow and Scales","name":"hero-section-with-shadow-and-scales","type":"registry:block"},{"dependencies":["@tabler/icons-react","react-fast-marquee"],"description":"Hero Section With Dither Background","name":"hero-section-with-dither-background","type":"registry:block"},{"description":"Hero with animated dither shader background, scale bands, product screenshot, and logo rail","name":"hero-with-dither-shader","type":"registry:block"},{"description":"Hero with hatch scale bands, corner frames, split copy and image, and a logo rail","name":"hero-with-framed-image-and-logos","type":"registry:block"},{"dependencies":["framer-motion","@tabler/icons-react"],"description":"Hero with navbar, large chat-style prompt textarea, action bar, and sample work grid","name":"hero-with-chat-input","type":"registry:block"},{"dependencies":["motion"],"description":"Testimonials With Carousel","name":"testimonials-with-carousel","type":"registry:block"},{"dependencies":["react-icons"],"description":"Testimonials grid with title, subtitle, and optional centered highlight card","name":"testimonials-with-centered-highlight","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Full-bleed portrait testimonial carousel with hover-expand quotes","name":"testimonials-photo-carousel","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Equal-width portrait testimonial carousel where the active card grows in height","name":"testimonials-photo-carousel-tall","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Features Section With Skeletons","name":"features-section-with-skeletons","type":"registry:block"},{"dependencies":["motion"],"description":"Chat Conversation","name":"chat-conversation","type":"registry:block"},{"dependencies":["motion"],"description":"Folder With Files","name":"folder-with-files","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Collaborative Cursors","name":"collaborative-cursors","type":"registry:block"},{"dependencies":["motion"],"description":"Testimonials Hover Illustration","name":"testimonials-hover-illustration","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Contact Section With Shader Background and Rotating Testimonials","name":"contact-section-with-shader","type":"registry:block"},{"description":"Contact section with dithered landscape background, testimonial card, and split form","name":"contact-with-dither-image","type":"registry:block"},{"description":"Team Section With Scales","name":"team-section-with-scales","type":"registry:block"},{"description":"Team Section With Light Background","name":"team-section-with-light-background","type":"registry:block"},{"description":"Team Section With Small Avatars","name":"team-section-with-small-avatars","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Team Section With Timeline Cards","name":"team-section-with-timeline-cards","type":"registry:block"},{"dependencies":["motion"],"description":"Full-height empty state on a dotted canvas with three image cards for choosing how to start","name":"empty-state-vertical-grid","type":"registry:block"},{"dependencies":["motion"],"description":"Empty project state with corner grid lines, CTAs, and fanned template thumbnails","name":"empty-state-with-cards","type":"registry:block"},{"dependencies":["motion"],"description":"Centered empty state with stacked photo frames and gentle motion","name":"empty-state-with-pictures","type":"registry:block"},{"dependencies":["motion"],"description":"Empty hiring-style layout with a swipeable card deck above primary actions","name":"empty-state-with-draggable-cards","type":"registry:block"},{"dependencies":["motion"],"description":"Soft panel empty state with overlapping template previews and doc link","name":"empty-state-with-stacked-cards","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Bento Grid Feature Section With Animated Skeletons","name":"feature-section-bento-skeletons","type":"registry:block"},{"dependencies":["motion"],"description":"Interactive Uptime Status Illustration","name":"uptime-status-illustration","type":"registry:block"},{"dependencies":["motion"],"description":"Rotating Notification Cards with Stacked Animation","name":"rotating-tabs-with-text","type":"registry:block"},{"dependencies":["motion"],"description":"Animated Image Carousel with Scanning Bar Reveal and Sparkle Effects","name":"flipping-images-with-bar","type":"registry:block"},{"dependencies":["motion"],"description":"Minimal Isometric Box Illustration with Hover Animation","name":"isometric-box","type":"registry:block"},{"dependencies":["motion"],"description":"Feature cards with animated isometric box illustrations","name":"features-with-isometric-blocks","type":"registry:block"},{"dependencies":["motion"],"description":"Feature section with stacked isometric boxes and autoplay animation","name":"features-with-stacked-isometric-boxes","type":"registry:block"},{"dependencies":["motion"],"description":"Interactive MacBook illustration with lid animation and Dynamic Island","name":"macbook-illustration","type":"registry:block"},{"dependencies":["motion"],"description":"Interactive iPhone illustration with Dynamic Island animation","name":"iphone-illustration","type":"registry:block"},{"dependencies":["motion"],"description":"Animated Dynamic Island with customizable idle, loading, and processed states","name":"dynamic-island","type":"registry:block"},{"dependencies":["motion"],"description":"Interactive iPad illustration with Dynamic Island animation","name":"ipad-illustration","type":"registry:block"},{"dependencies":["motion"],"description":"Bento grid showcasing MacBook, iPhone, iPad, and Dynamic Island illustrations","name":"bento-grid-illustrations","type":"registry:block"},{"dependencies":["motion","svg-dotted-map"],"description":"Interactive world map with dotted continents and customizable location pins with avatars","name":"world-map-illustration","type":"registry:block"},{"description":"Mini Mac keyboard illustration with blue hover glow and size variants","name":"keyboard-illustration","type":"registry:block"},{"description":"Simple login form with dashed grid lines border decoration","name":"simple-login-with-grid-lines","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Signup form in a card between full-width guide lines, with GitHub sign up, email and password fields, and a verify-email step","name":"signup-with-guide-lines","type":"registry:block"},{"dependencies":["motion"],"description":"Animated beam path illustration with glowing SVG animation following a dotted path","name":"animated-beam-path-illustration","type":"registry:block"},{"dependencies":["motion","svg-dotted-map"],"description":"Multi-illustration bento grid with world map, keyboard, and login skeletons","name":"multi-illustration-bento","type":"registry:block"},{"dependencies":["motion","svg-dotted-map","lucide-react"],"description":"Feature section with vertical grid layout, animated skeletons including login form, world map, chat conversation, and keyboard","name":"feature-section-with-vertical-grids","type":"registry:block"},{"dependencies":["motion","svg-dotted-map","lucide-react"],"description":"Feature section with horizontal device skeletons (iPhone, MacBook, iPad) with animated beams, Dynamic Island interactions, and compliance/security cards","name":"feature-section-with-horizontal-skeletons","type":"registry:block"},{"dependencies":["motion","lucide-react"],"description":"Three-column feature section with icon-led copy on the sides and a centered showcase area (image backdrop plus animated reveal)","name":"feature-section-with-centered-skeleton","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Feature section with animated terminal and expandable feature tabs","name":"feature-section-with-terminal","type":"registry:block"},{"dependencies":["motion"],"description":"Interactive box illustration with popout cards on hover","name":"box-illustration","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Minimal feature grid with inline icons and responsive separators","name":"feature-with-inline-icons","type":"registry:block"},{"dependencies":["motion"],"description":"Feature grid with hover-driven headline and Motion text swap, responsive cell dividers","name":"features-with-hover-and-text-animation","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Data-driven pricing cards with featured plan styling and dark mode support","name":"pricing-with-header-and-icons","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Three-tier pricing cards with colorful icons on each limit row","name":"pricing-with-icons","type":"registry:block"},{"dependencies":["motion","react-use-measure"],"description":"Hero section with hover highlight showing element dimensions and sliding number animation","name":"hero-section-with-mousemove","type":"registry:block"},{"dependencies":["motion"],"description":"MacBook illustration with floating icon cards on hover","name":"macbook-illustration-with-icons","type":"registry:block"},{"dependencies":["motion"],"description":"Story text with animated highlight reveal and floating formatting toolbar","name":"text-highlight-illustration","type":"registry:block"},{"dependencies":["@tabler/icons-react"],"description":"Meeting confirmation card with highlighted time, avatar, and join or reschedule actions","name":"meeting-illustration","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Headline with inline logo badge, periodic wiggle, and dashed connector to icon callouts","name":"inline-icon-illustration","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Pricing copy with inline badge, text highlights, and draggable slider with floating segment preview","name":"slider-illustration","type":"registry:block"},{"dependencies":["motion"],"description":"Swipeable stack of profile cards with spring physics; flick cards off the deck and they cycle to the back","name":"draggable-cards","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"FAQs With Dashed Lines and Accordion","name":"faqs-with-dashed-lines","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Feature section with dithered image backdrop, tabbed content cards, and chat conversation skeletons","name":"dither-features","type":"registry:block"},{"dependencies":["motion"],"description":"Feature section with YouTube creator highlights, multicolor gradient rows, thumbnails, and embedded video modal","name":"multicolored-features","type":"registry:block"},{"dependencies":["motion"],"description":"Feature section with accordion list, CTAs, and a cinematic image preview with floating assistant UI","name":"features-with-accordion-and-image","type":"registry:block"},{"description":"Feature section with sticky nav, scroll-spy feature levels, and landscape illustration panels","name":"multi-level-features-with-illustrations","type":"registry:block"},{"description":"Three-column feature section with pipeline UI, lifestyle image, and CRM activity timeline","name":"three-column-features-with-image","type":"registry:block"},{"description":"Three-column feature section with square-edged cards, corner marks, and AI note-taking UI mockups","name":"features-with-square-edges","type":"registry:block"},{"dependencies":["motion"],"description":"Centered SaaS hero with pill CTAs and a hub-and-spoke tool diagram","name":"hero-section-with-hub","type":"registry:block"},{"dependencies":["motion"],"description":"Minimal hero with navbar, CTAs, and a large tabbed product window","name":"minimal-hero-with-huge-interactions","type":"registry:block"},{"dependencies":["motion","lucide-react"],"description":"Hero with a drifting fluid gradient, navbar, mode toggle, trip prompt input, and a partner logo marquee","name":"hero-with-fluid-gradient-and-planner","type":"registry:block"},{"dependencies":["motion"],"description":"Three-column feature grid with laptop, phone, and tablet illustrations","name":"feature-grid-with-minimal-illustrations","type":"registry:block"},{"dependencies":["motion"],"description":"Three-step feature grid with auto-advancing tabs and animated visuals","name":"feature-grid-with-motion-and-tabs","type":"registry:block"},{"dependencies":["motion"],"description":"Six-card bento grid with detailed animated illustrations","name":"feature-grid-with-illustrations-and-bento","type":"registry:block"},{"dependencies":["motion"],"description":"About us section with a fan of draggable photo cards","name":"about-us-section-with-cards","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Hero with an animated WebGL ribbon gradient sweeping behind a grouped issue table","name":"ribbon-gradient-shader","type":"registry:block"},{"dependencies":["motion"],"description":"Hero with pop-in platform pills, a navbar that morphs into a floating pill on scroll, and a live streaming studio mockup with morphing layouts and chat","name":"morphing-hero-section","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react"],"description":"Dark and light hero with a split headline and logo ticker, above a three-panel app workspace with a crossfading clip player, sidebar, and assistant log","name":"hero-with-logo-ticker-and-workspace","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react","react-icons"],"description":"SaaS landing page for Folio, a research repository, with a hub hero, features, how it works, testimonials, pricing, FAQ, CTA and footer","name":"saas-landing-page","type":"registry:block"},{"dependencies":["motion"],"description":"Landing page for Parley, an on-device meeting notes app for Mac, with a tabbed app-window hero, animated features, how it works, devices, team, CTA, logo wall and footer","name":"meeting-notes-landing-page","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react","class-variance-authority","liveline"],"description":"Dark landing page for Kestrel, a global AI inference platform, with a dashboard hero, feature tabs, a draggable workflow canvas, a live network map, a code demo, a model catalog, pricing, a dithered CTA and footer","name":"inference-landing-page","type":"registry:block"},{"dependencies":["motion","@tabler/icons-react","@radix-ui/react-dialog"],"description":"Landing page for Marquee, a design tool that runs on your codebase, with a live canvas hero, interactive feature art, handoff, review comments, pricing, sign-up and tour modals, an ASCII CTA and footer, in light and dark","name":"product-landing-page","type":"registry:block"}]},"motion primitives":{"favicon":"/favicons/motion-primitives.ico","items":[{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A collapsible content component with smooth animations for showing and hiding content.","name":"accordion","title":"Accordion","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that provides animated background effects for UI elements.","name":"animated-background","title":"Animated Background","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A container component that applies coordinated animations to a group of child elements.","name":"animated-group","title":"Animated Group","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that animates number changes with smooth transitions.","name":"animated-number","title":"Animated Number","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"An effect that creates animated border trails around elements on interaction.","name":"border-trail","title":"Border Trail","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component for cycling through elements with smooth transitions.","name":"carousel","title":"Carousel","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A custom cursor component with animated effects and interactions.","name":"cursor","title":"Cursor","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A modal dialog component with smooth entrance and exit animations.","name":"dialog","title":"Dialog","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that shows and hides content with animated transitions.","name":"disclosure","title":"Disclosure","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that triggers animations when elements enter the viewport.","name":"in-view","title":"In View","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion","react-use-measure"],"description":"A slider component that loops infinitely through its content.","name":"infinite-slider","title":"Infinite Slider","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A panel component with smooth transitions between different states.","name":"transition-panel","title":"Transition Panel","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that applies animated effects to text content.","name":"text-effect","title":"Text Effect","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that cycles through different text phrases with animations.","name":"text-loop","title":"Text Loop","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that morphs between different text strings with smooth transitions.","name":"text-morph","title":"Text Morph","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that animates text with a rolling effect.","name":"text-roll","title":"Text Roll","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that creates a scrambling text effect during transitions.","name":"text-scramble","title":"Text Scramble","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that applies a shimmering effect to text.","name":"text-shimmer","title":"Text Shimmer","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that creates a wave-like shimmer effect on text.","name":"text-shimmer-wave","title":"Text Shimmer Wave","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that creates a magnetic attraction effect on hover.","name":"magnetic","title":"Magnetic","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A dialog that morphs from its trigger element with smooth transitions.","name":"morphing-dialog","title":"Morphing Dialog","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A popover component that morphs from its trigger with fluid animations.","name":"morphing-popover","title":"Morphing Popover","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A macOS-style dock component with scaling and movement effects.","name":"dock","title":"Dock","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that creates a glowing effect on elements based on cursor movement.","name":"glow-effect","title":"Glow Effect","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component for comparing two images with an interactive slider.","name":"image-comparison","title":"Image Comparison","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A toolbar component with dynamic appearance based on user interaction.","name":"toolbar-dynamic","title":"Toolbar Dynamic","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion","react-use-measure"],"description":"An expandable toolbar that reveals additional options with animations.","name":"toolbar-expandable","title":"Toolbar Expandable","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that applies progressive blur effects to elements.","name":"progressive-blur","title":"Progressive Blur","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that visualizes scroll progress with animated indicators.","name":"scroll-progress","title":"Scroll Progress","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion","react-use-measure"],"description":"A component that transitions between numbers with a sliding animation.","name":"sliding-number","title":"Sliding Number","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that creates a spotlight effect following cursor movement.","name":"spotlight","title":"Spotlight","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that animates text with a spinning rotation effect.","name":"spinning-text","title":"Spinning Text","type":"registry:ui"},{"categories":["ui","motion-primitives"],"dependencies":["motion"],"description":"A component that applies 3D tilt effects to elements based on cursor position.","name":"tilt","title":"Tilt","type":"registry:ui"}]},"cult ui":{"favicon":"/favicons/cult-ui.png","items":[{"dependencies":["motion"],"description":"Animated text component with customizable reveal effects and timing","name":"text-animate","type":"registry:ui"},{"description":"Animated button/link with cosmic gradient border effect, renders as anchor or button","name":"cosmic-button","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"Button component with texture overlay effects and customizable variants","name":"texture-button","type":"registry:ui"},{"description":"Card component with texture background and customizable styling options","name":"texture-card","type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Countdown timer component with customizable duration and visual styles","name":"timer","type":"registry:ui"},{"dependencies":["motion"],"description":"Card component with shift animation effects and hover interactions","name":"shift-card","type":"registry:ui"},{"description":"Clean and minimal card component with subtle styling and hover effects","name":"minimal-card","type":"registry:ui"},{"dependencies":["motion","@radix-ui/react-use-controllable-state"],"description":"Image card with cutout corners, hover motion, inset labels, pins, and reveal actions","name":"cutout-card","type":"registry:ui"},{"dependencies":["motion"],"description":"iOS-style dynamic island component with expandable content and smooth animations","name":"dynamic-island","type":"registry:ui"},{"dependencies":["motion","react-use-measure"],"description":"Tab component with direction-aware animations and smooth transitions","name":"direction-aware-tabs","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"Button component with animated background effects and gradient transitions","name":"bg-animate-button","type":"registry:ui"},{"dependencies":["border-beam"],"description":"Shadcn Button wrapped in Border Beam: animated border glow with compact icon and text variants","name":"border-beam-button","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Button component with family-style design and interactive hover effects","name":"family-button","type":"registry:ui"},{"dependencies":["motion","react-use-measure"],"description":"Sliding side panel component with customizable positioning and animations","name":"side-panel","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Background media component with video/image support and overlay effects","name":"bg-media","type":"registry:ui"},{"dependencies":["motion"],"description":"3D carousel component with perspective effects and smooth item transitions","name":"three-d-carousel","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Grid layout component for displaying tweet-like content cards","name":"tweet-grid","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"Heading component with gradient text effects and customizable styling","name":"gradient-heading","type":"registry:ui"},{"dependencies":["motion"],"description":"Typewriter effect component with customizable typing speed and cursor animation","name":"typewriter","type":"registry:ui"},{"dependencies":["motion"],"description":"Number component with smooth counting animations and customizable formatting","name":"rolling-number","type":"registry:ui"},{"dependencies":["motion","react-use-measure","lucide-react"],"description":"Drag-and-drop sortable list component with smooth animations and reordering","name":"sortable-list","registryDependencies":["checkbox"],"type":"registry:ui"},{"dependencies":["motion"],"description":"macOS-style dock component with hover effects and smooth animations","name":"dock","type":"registry:ui"},{"description":"Interactive lightboard component with customizable grid and lighting effects","name":"lightboard","type":"registry:ui"},{"dependencies":["motion"],"description":"Interactive canvas-based fractal dot grid with mouse tracking and wave effects","name":"canvas-fractal-grid","type":"registry:ui"},{"dependencies":["motion"],"description":"Background animated fractal dot grid with performance optimization and responsive design","name":"bg-animated-fractal-dot-grid","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated gradient background component with customizable color transitions","name":"bg-animated-gradient","type":"registry:ui"},{"description":"Background texture component with multiple texture variants and customizable opacity","name":"bg-image-texture","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"Animated popover component with form support and smooth transitions","name":"popover","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"Floating panel component with backdrop blur and position-aware animations","name":"floating-panel","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"Interactive color picker component with HSL support and preset colors","name":"color-picker","registryDependencies":["button","input","label","popover"],"type":"registry:ui"},{"dependencies":["motion","three","jotai","next-themes"],"description":"WebGL shader component with lens blur effects and mouse interaction","name":"shader-lens-blur","type":"registry:ui"},{"description":"Stacked backdrop-blur layers with a gradient mask for soft top or bottom screen edges","name":"edge-blur","type":"registry:ui"},{"dependencies":["dither-plugin"],"description":"Compound Next.js image figure with CSS Bayer dither via dither-plugin, partial reveal overlays, and typed tuning props","name":"dither-image","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"Form popover component with success states and animated transitions","name":"popover-form","type":"registry:ui"},{"dependencies":["motion","react-use-measure"],"description":"Expandable component system with smooth animations and customizable presets","name":"expandable","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated logo carousel with staggered animations and customizable columns","name":"logo-carousel","type":"registry:ui"},{"dependencies":["embla-carousel-autoplay","lucide-react","motion"],"description":"Loading carousel component with smooth transitions and customizable content","name":"loading-carousel","registryDependencies":["carousel"],"type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"Video player component that plays on hover with smooth animations","name":"hover-video-player","registryDependencies":["button","slider"],"type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Neumorphic eyebrow component with soft shadow effects and modern styling","name":"neumorph-eyebrow","type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react","motion"],"description":"Neumorphic button component with soft shadows and tactile interaction effects","name":"neumorph-button","type":"registry:ui"},{"dependencies":["motion","clsx","react-wrap-balancer"],"description":"Feature carousel component with smooth transitions and customizable layouts","name":"feature-carousel","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","lucide-react","class-variance-authority"],"description":"Poll component with single or multiple selection, optional results, and keyboard navigation","name":"choice-poll","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","lucide-react","class-variance-authority"],"description":"Feature poll component with single or multiple selection, optional results, and keyboard navigation","name":"feature-poll","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state"],"description":"List of features with up-vote support, optional sorting by vote count, and controlled or uncontrolled state","name":"feature-voting","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state"],"description":"List of items with up-vote support, optional sorting by vote count, and controlled or uncontrolled state","name":"vote-tally","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","class-variance-authority","lucide-react","motion"],"description":"Poll widget with inline, popover, and dialog modes, optional results, and animations","name":"poll-widget","registryDependencies":["button","dialog","popover"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react"],"description":"Browse, insert, and manage prompt templates with categories and custom prompts","name":"prompt-library","registryDependencies":["button","command","dialog","hover-card","input","popover","textarea"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react"],"description":"Manage and toggle AI instructions with a popover, search, and create-dialog","name":"ai-instructions","registryDependencies":["button","command","dialog","hover-card","input","popover","textarea"],"type":"registry:ui"},{"dependencies":["motion","react-use-measure","lucide-react"],"description":"Intro disclosure component with expandable content and smooth animations","name":"intro-disclosure","registryDependencies":["button","aspect-ratio","checkbox","dialog","drawer","progress"],"type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Text component with GIF-like animation effects and customizable styling","name":"text-gif","type":"registry:ui"},{"dependencies":["motion"],"description":"Stripe-style background guides component with animated patterns and effects","name":"stripe-bg-guides","type":"registry:ui"},{"description":"Wide-aspect SVG shape and panel components for backgrounds and hero decorations","name":"svg-shapes","type":"registry:ui"},{"dependencies":["motion"],"description":"Scroll-triggered stroke-draw animations for wide SVG shapes and panels using Motion","name":"svg-shapes-animated","type":"registry:ui"},{"description":"Wide SVG section bands, battlement and zigzag trims, steep hero edges, and ornamental frames","name":"svg-bands","type":"registry:ui"},{"description":"Canvas grid beam animation with palette presets, SVG dividers, and composable headless pieces via useGridBeam","name":"grid-beam","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"YouTube video player component with custom controls and smooth animations","name":"youtube-video-player","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["motion","@radix-ui/react-scroll-area"],"description":"Expandable toolbar component with step-based navigation, smooth animations, and enhanced scrolling","name":"toolbar-expandable","registryDependencies":["badge"],"type":"registry:ui"},{"description":"Texture overlay component with various CSS gradient patterns for adding visual texture to backgrounds","name":"texture-overlay","type":"registry:ui"},{"description":"A playful, hand-drawn squiggly arrow component with customizable variants, directions, and sizes","name":"squiggle-arrow","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A beautiful code block component with tabs, copy functionality, and smooth animations","name":"code-block","type":"registry:ui"},{"description":"A customizable browser window mockup component with support for Chrome, Safari, and generic styles, customizable sidebars, and themes","name":"mock-browser-window","registryDependencies":["texture-overlay"],"type":"registry:ui"},{"dependencies":["metal-fx","class-variance-authority"],"description":"Shadcn Button wrapped in MetalFx: animated liquid metal ring with text and icon variants","name":"metal-button","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["motion"],"description":"A morphing surface component with smooth animations, customizable dimensions, and configurable content","name":"morph-surface","type":"registry:ui"},{"description":"A glass morphism effect component using SVG filters with fractal noise to create visual transitions between sections","name":"distorted-glass","type":"registry:ui"},{"dependencies":["motion","react-use-measure","vaul","@radix-ui/react-slot"],"description":"A multi-view drawer component with smooth animations, view navigation, and customizable content views","name":"family-drawer","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A full-screen expandable component with morphing animations using shared layout IDs for smooth transitions","name":"expandable-screen","type":"registry:ui"},{"dependencies":["geist"],"description":"Per-character pixel-font heading with four animation modes using Geist pixel fonts","name":"pixel-heading-character","type":"registry:ui"},{"dependencies":["geist"],"description":"Whole-word pixel-font heading that swaps or cycles fonts on hover using Geist pixel fonts","name":"pixel-heading-word","type":"registry:ui"},{"dependencies":["geist"],"description":"Paragraph in pixel font where specific words escape into interactive sans/mono with hover swap or cycle","name":"pixel-paragraph-words-inverse","type":"registry:ui"},{"dependencies":["geist"],"description":"Paragraph where specific words render in an interactive pixel font that swaps or cycles on hover","name":"pixel-paragraph-words","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","class-variance-authority"],"description":"Composable multi-step onboarding primitives: Onboarding root with step navigation, FeatureCarousel, ChoiceGroup radio selector, TipsList, and StepIndicator with dots and pills variants","name":"onboarding","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["motion","next-themes"],"description":"Premium layered button group with animated active state, gradient ring accents, and theme toggle underlay","name":"gradient-button-group","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","@radix-ui/react-use-controllable-state"],"description":"Composable terminal animation primitives with typed command playback, tabbed scenarios, and customizable output rendering","name":"terminal-animation","type":"registry:ui"},{"dependencies":["@paper-design/shaders-react"],"description":"Split-layout hero section with responsive dithering shader visuals, CTA, and tech stack badges","name":"hero-dithering","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["@paper-design/shaders-react"],"description":"Split-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack badges","name":"hero-color-panel","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["@paper-design/shaders-react"],"description":"Split-layout hero section with responsive StaticRadialGradient shader visuals, CTA, and tech stack badges","name":"hero-static-radial-gradient","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["@paper-design/shaders-react"],"description":"Split-layout hero section with responsive Heatmap shader visuals, CTA, and tech stack badges","name":"hero-heatmap","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["@paper-design/shaders-react"],"description":"Split-layout hero section with responsive LiquidMetal shader visuals, CTA, and tech stack badges","name":"hero-liquid-metal","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["@base-ui/react","@hugeicons/react","@hugeicons/core-free-icons"],"description":"Base UI select primitives used by Halo Select","name":"base-select","type":"registry:ui"},{"dependencies":["@base-ui/react","@radix-ui/react-slot"],"description":"Base UI tooltip primitives used by Apple Pro Display XDR","name":"base-tooltip","type":"registry:ui"},{"description":"Illustration for gateway endpoint concepts","name":"gateway-endpoint-illustration","type":"registry:ui"},{"description":"Illustration for gateway routing","name":"gateway-route-illustration","type":"registry:ui"},{"description":"SVG illustration for gateway overhead","name":"gateway-svg-illustration","type":"registry:ui"},{"description":"Grid of cards with gateway illustrations","name":"illustration-card-grid","registryDependencies":["https://cult-ui.com/r/gateway-endpoint-illustration.json","https://cult-ui.com/r/gateway-route-illustration.json","https://cult-ui.com/r/gateway-svg-illustration.json"],"type":"registry:ui"},{"description":"Cursor illustration and demo for collaboration UI","name":"illustration-cursor","type":"registry:ui"},{"description":"Comment bubble illustration for code or chat UI","name":"illustration-comment-bubble","type":"registry:ui"},{"description":"Fluid rendering illustration","name":"illustration-fluid-rendering","type":"registry:ui"},{"description":"Globe deployment illustration","name":"illustration-globe-vercel","type":"registry:ui"},{"description":"Graph illustration component","name":"illustration-graph","type":"registry:ui"},{"description":"Tabs with Vercel-style illustrations","name":"tabs-illustration-vercel","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Animated SVG circuit illustration with glowing traces and a central chip, for hero or product sections","name":"circuit-board","type":"registry:ui"},{"description":"Fluid visualization for AI workload states","name":"fluid-ai-workloads","type":"registry:ui"},{"description":"Security checkpoint illustration or component","name":"security-checkpoint","type":"registry:ui"},{"description":"Merging bubbles visualization","name":"merging-bubbles","type":"registry:ui"},{"dependencies":["@paper-design/shaders-react","motion"],"description":"Circular avatar with Paper Design Warp shader; motion-safe pulse, pauses off-screen and when reduced motion is preferred","name":"ai-blob-warp","type":"registry:ui"},{"description":"Card with folded corner clip-path accent","name":"folded-card","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot"],"description":"Composable marketing card with L-shaped extrusion, optional pixel gradient mesh, and Radix Slot on the root","name":"shadow-card","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Composable marketing card with optional link root, image slot, eyebrow/title/body, accent band, and footer CTA","name":"organic-card","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Compact card with SVG silhouette, category and date, motion morph on hover, and optional link","name":"organic-card-small","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority","lucide-react"],"description":"Anchor-based CTA with fixed SVG end caps, shared surface colors via CSS variables, and size and animation variants","name":"organic-button","type":"registry:ui"},{"dependencies":["@paper-design/shaders-react"],"description":"Paper Design fluted-glass image shader with sensible defaults — ribbed, streaked distortions over a source image","name":"fluted-glass","type":"registry:ui"},{"description":"Speech bubble component","name":"speech-bubble","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"iPhone-style device frame with Dynamic Island, status bar, and configurable frame colors","name":"apple-iphone-17-pro","type":"registry:ui"},{"dependencies":["@tabler/icons-react"],"description":"Compact Apple-style keyboard with labeled keys and media row","name":"apple-keyboard","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Watch Ultra–style case, complications, crown, and action button","name":"apple-watch-ultra","type":"registry:ui"},{"description":"Classic Mac frame with an image or GIF composited into the CRT","name":"mac-screen","type":"registry:ui"},{"dependencies":["@tabler/icons-react","motion"],"description":"Studio Display–style aluminum frame, screen modes, and interactive macOS dock","name":"apple-pro-display-xdr","registryDependencies":["https://cult-ui.com/r/base-tooltip.json"],"type":"registry:ui"},{"description":"Analytics hero section for marketing pages","name":"marketing-hero-analytics","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Marketing section for code or network policy features","name":"marketing-feature-code","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","@radix-ui/react-use-controllable-state"],"description":"Sticky section with controllable panels and scroll behavior","name":"feature-sticky-section","type":"registry:ui"},{"description":"Vercel-style gradient line chart with floating tooltip cards","name":"analytics-chart","type":"registry:ui"},{"dependencies":["motion"],"description":"Kanban board with drag-and-drop columns and cards","name":"kanban-board","type":"registry:ui"},{"description":"Stack of suggestion cards for AI agent responses","name":"agent-suggest-card-stack","type":"registry:ui"},{"dependencies":["motion"],"description":"Collaboration avatar with initials and color","name":"collab-avatar","type":"registry:ui"},{"description":"Toolbar component for collaborative editing UI","name":"collab-toolbar","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"File dropzone with animated rim, frosted fill, moving border trail, and file-type glyphs","name":"halo-dropzone","type":"registry:ui"},{"dependencies":["@paper-design/shaders-react","motion"],"description":"Search input with animated gradient border, staggered placeholder, blur deletion on clear, loading line, and Warp shader avatar","name":"halo-search","type":"registry:ui"},{"dependencies":["cobe","motion","next-themes"],"description":"COBE-powered 3D globe with showcase presets, markers, arcs, DOM overlays, and theme-aware styling","name":"globe","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Icon set for file types and languages","name":"file-icons","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Primary action button with animated gradient rim, frosted fill, staggered label, and loading spinner","name":"halo-button","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Button that copies content to clipboard with feedback","name":"copy-button","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Composable card with animated gradient rim, frosted fill, layered shadow, and Base UI button actions","name":"halo-card","type":"registry:ui"},{"dependencies":["border-beam"],"description":"border-beam around compound Card API with balanced title and description","name":"border-beam-card","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Base UI tabs with gradient indicator: underline or pill variant aligned with Halo Card rim colors","name":"halo-tabs","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Segmented control with frosted track, gradient rim, and spring sliding thumb","name":"halo-segmented","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Segmented single-select control with frosted track, gradient rim, and spring-driven sliding thumb (aligned with Halo Button)","name":"halo-toggle-group","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react","motion"],"description":"Polished notification surface for local AnimatePresence use with rim variants and glyph stagger","name":"halo-notification","type":"registry:ui"},{"dependencies":["lucide-react","motion","sonner"],"description":"Sonner-backed polished toasts with rim variants; mount PolishedToaster once in the root layout","name":"halo-toast","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Toggle switch with spring thumb, frosted track, and extended touch hit area","name":"halo-switch","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Single-line and multiline inputs with frosted fill and gradient rim for generic forms","name":"halo-input","type":"registry:ui"},{"description":"Form field layout (label, description, error) for HaloInput and HaloTextarea","name":"halo-field","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Progress bar with spring-driven determinate fill and indeterminate gradient strip","name":"halo-progress","type":"registry:ui"},{"dependencies":["@base-ui/react","border-beam"],"description":"border-beam on Base UI input and input-group primitives with line or full border glow","name":"border-beam-input","registryDependencies":["input-group"],"type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"description":"Badge with optional layout animation, live status dot, and gradient rim aligned with Halo Button / Card","name":"halo-badge","registryDependencies":["badge"],"type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react","motion"],"description":"Composable animated select with gradient rim, frosted fill, and staggered label","name":"halo-select","registryDependencies":["https://cult-ui.com/r/base-select.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","@paper-design/shaders-react","lucide-react","motion"],"description":"Multiline prompt field with shader avatar, staggered placeholder, loading line, and send/attach chrome","name":"prompt-composer","type":"registry:ui"},{"dependencies":["@base-ui/react","@radix-ui/react-use-controllable-state","motion"],"description":"Expandable multi-step wizard with optional forward validation, scrollable step rail, and Motion height transitions","name":"wizard-expandable","registryDependencies":["badge","button"],"type":"registry:ui"},{"description":"Deprecated alias for halo-badge. Prefer npx shadcn add https://cult-ui.com/r/halo-badge.json","name":"animated-badge","registryDependencies":["https://cult-ui.com/r/halo-badge.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-button. Prefer npx shadcn add https://cult-ui.com/r/halo-button.json","name":"animated-button","registryDependencies":["https://cult-ui.com/r/halo-button.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-card. Prefer npx shadcn add https://cult-ui.com/r/halo-card.json","name":"animated-card","registryDependencies":["https://cult-ui.com/r/halo-card.json"],"type":"registry:ui"},{"description":"Deprecated alias for prompt-composer. Prefer npx shadcn add https://cult-ui.com/r/prompt-composer.json","name":"animated-composer","registryDependencies":["https://cult-ui.com/r/prompt-composer.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-dropzone. Prefer npx shadcn add https://cult-ui.com/r/halo-dropzone.json","name":"animated-dropzone","registryDependencies":["https://cult-ui.com/r/halo-dropzone.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-field. Prefer npx shadcn add https://cult-ui.com/r/halo-field.json","name":"animated-field","registryDependencies":["https://cult-ui.com/r/halo-field.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-input. Prefer npx shadcn add https://cult-ui.com/r/halo-input.json","name":"animated-input","registryDependencies":["https://cult-ui.com/r/halo-input.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-notification. Prefer npx shadcn add https://cult-ui.com/r/halo-notification.json","name":"animated-notification","registryDependencies":["https://cult-ui.com/r/halo-notification.json"],"type":"registry:ui"},{"description":"Deprecated alias for rolling-number. Prefer npx shadcn add https://cult-ui.com/r/rolling-number.json","name":"animated-number","registryDependencies":["https://cult-ui.com/r/rolling-number.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-progress. Prefer npx shadcn add https://cult-ui.com/r/halo-progress.json","name":"animated-progress","registryDependencies":["https://cult-ui.com/r/halo-progress.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-search. Prefer npx shadcn add https://cult-ui.com/r/halo-search.json","name":"animated-search","registryDependencies":["https://cult-ui.com/r/halo-search.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-segmented. Prefer npx shadcn add https://cult-ui.com/r/halo-segmented.json","name":"animated-segmented","registryDependencies":["https://cult-ui.com/r/halo-segmented.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-select. Prefer npx shadcn add https://cult-ui.com/r/halo-select.json","name":"animated-select","registryDependencies":["https://cult-ui.com/r/halo-select.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-switch. Prefer npx shadcn add https://cult-ui.com/r/halo-switch.json","name":"animated-switch","registryDependencies":["https://cult-ui.com/r/halo-switch.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-tabs. Prefer npx shadcn add https://cult-ui.com/r/halo-tabs.json","name":"animated-tabs","registryDependencies":["https://cult-ui.com/r/halo-tabs.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-toast. Prefer npx shadcn add https://cult-ui.com/r/halo-toast.json","name":"animated-toast","registryDependencies":["https://cult-ui.com/r/halo-toast.json"],"type":"registry:ui"},{"description":"Deprecated alias for halo-toggle-group. Prefer npx shadcn add https://cult-ui.com/r/halo-toggle-group.json","name":"animated-toggle-group","registryDependencies":["https://cult-ui.com/r/halo-toggle-group.json"],"type":"registry:ui"},{"name":"text-animate-demo","registryDependencies":["text-animate"],"type":"registry:component"},{"name":"cosmic-button-demo","registryDependencies":["cosmic-button"],"type":"registry:component"},{"name":"texture-button-demo","registryDependencies":["texture-button"],"type":"registry:component"},{"name":"texture-card-demo","registryDependencies":["texture-card","texture-button"],"type":"registry:component"},{"name":"timer-demo","registryDependencies":["timer","texture-button"],"type":"registry:component"},{"name":"shift-card-demo","registryDependencies":["shift-card","texture-button"],"type":"registry:component"},{"name":"minimal-card-demo","registryDependencies":["minimal-card"],"type":"registry:component"},{"name":"cutout-card-demo","registryDependencies":["cutout-card"],"type":"registry:component"},{"name":"dynamic-island-demo","registryDependencies":["dynamic-island"],"type":"registry:component"},{"name":"direction-aware-tabs-demo","registryDependencies":["direction-aware-tabs"],"type":"registry:component"},{"name":"bg-animate-button-demo","registryDependencies":["bg-animate-button"],"type":"registry:component"},{"name":"border-beam-button-demo","registryDependencies":["border-beam-button"],"type":"registry:component"},{"name":"family-button-demo","registryDependencies":["family-button"],"type":"registry:component"},{"name":"side-panel-demo","registryDependencies":["side-panel"],"type":"registry:component"},{"name":"bg-media-demo","registryDependencies":["bg-media"],"type":"registry:component"},{"name":"bg-image-texture-demo","registryDependencies":["bg-image-texture"],"type":"registry:component"},{"name":"three-d-carousel-demo","registryDependencies":["three-d-carousel"],"type":"registry:component"},{"name":"tweet-grid-demo","registryDependencies":["tweet-grid","gradient-heading"],"type":"registry:component"},{"name":"gradient-heading-demo","registryDependencies":["gradient-heading"],"type":"registry:component"},{"name":"typewriter-demo","registryDependencies":["typewriter"],"type":"registry:component"},{"name":"rolling-number-demo","registryDependencies":["rolling-number"],"type":"registry:component"},{"name":"sortable-list-demo","registryDependencies":["sortable-list"],"type":"registry:component"},{"name":"dock-demo","registryDependencies":["dock"],"type":"registry:component"},{"name":"lightboard-demo","registryDependencies":["lightboard"],"type":"registry:component"},{"name":"canvas-fractal-grid-demo","registryDependencies":["canvas-fractal-grid"],"type":"registry:component"},{"name":"bg-animated-fractal-dot-grid-demo","registryDependencies":["bg-animated-fractal-dot-grid"],"type":"registry:component"},{"name":"bg-animated-gradient-demo","registryDependencies":["bg-animated-gradient"],"type":"registry:component"},{"name":"popover-demo","registryDependencies":["popover"],"type":"registry:component"},{"name":"floating-panel-demo","registryDependencies":["floating-panel"],"type":"registry:component"},{"name":"color-picker-demo","registryDependencies":["color-picker"],"type":"registry:component"},{"name":"shader-lens-blur-demo","registryDependencies":["shader-lens-blur","color-picker"],"type":"registry:component"},{"name":"edge-blur-demo","registryDependencies":["edge-blur"],"type":"registry:component"},{"name":"dither-image-demo","registryDependencies":["dither-image"],"type":"registry:component"},{"name":"dither-image-demo-upload","registryDependencies":["dither-image"],"type":"registry:component"},{"name":"popover-form-demo","registryDependencies":["popover-form"],"type":"registry:component"},{"name":"expandable-demo","registryDependencies":["expandable"],"type":"registry:component"},{"name":"logo-carousel-demo","registryDependencies":["logo-carousel","gradient-heading"],"type":"registry:component"},{"name":"loading-carousel-demo","registryDependencies":["loading-carousel"],"type":"registry:component"},{"name":"hover-video-player-demo","registryDependencies":["hover-video-player"],"type":"registry:component"},{"name":"neumorph-eyebrow-demo","registryDependencies":["neumorph-eyebrow"],"type":"registry:component"},{"name":"neumorph-button-demo","registryDependencies":["neumorph-button"],"type":"registry:component"},{"name":"feature-carousel-demo","registryDependencies":["feature-carousel"],"type":"registry:component"},{"name":"choice-poll-demo","registryDependencies":["choice-poll"],"type":"registry:component"},{"name":"feature-poll-demo","registryDependencies":["feature-poll"],"type":"registry:component"},{"name":"feature-voting-demo","registryDependencies":["feature-voting"],"type":"registry:component"},{"name":"vote-tally-demo","registryDependencies":["vote-tally"],"type":"registry:component"},{"name":"poll-widget-demo","registryDependencies":["poll-widget"],"type":"registry:component"},{"name":"prompt-library-demo","registryDependencies":["prompt-library"],"type":"registry:component"},{"name":"ai-instructions-demo","registryDependencies":["ai-instructions"],"type":"registry:component"},{"name":"intro-disclosure-demo","registryDependencies":["intro-disclosure"],"type":"registry:component"},{"name":"text-gif-demo","registryDependencies":["text-gif"],"type":"registry:component"},{"name":"stripe-bg-guides-demo","registryDependencies":["stripe-bg-guides"],"type":"registry:component"},{"name":"svg-shapes-demo","registryDependencies":["svg-shapes"],"type":"registry:component"},{"name":"svg-shapes-animated-demo","registryDependencies":["svg-shapes-animated"],"type":"registry:component"},{"name":"svg-bands-demo","registryDependencies":["svg-bands"],"type":"registry:component"},{"name":"grid-beam-demo","registryDependencies":["grid-beam"],"type":"registry:component"},{"name":"youtube-video-player-demo","registryDependencies":["youtube-video-player"],"type":"registry:component"},{"name":"toolbar-expandable-demo","registryDependencies":["toolbar-expandable","button","input","label","textarea"],"type":"registry:component"},{"name":"texture-overlay-demo","registryDependencies":["texture-overlay"],"type":"registry:component"},{"name":"squiggle-arrow-demo","registryDependencies":["squiggle-arrow"],"type":"registry:component"},{"name":"code-block-demo","registryDependencies":["code-block"],"type":"registry:component"},{"name":"metal-button-demo","registryDependencies":["metal-button"],"type":"registry:component"},{"name":"mock-browser-window-demo","registryDependencies":["mock-browser-window","button","input","label","select","switch"],"type":"registry:component"},{"name":"morph-surface-demo","registryDependencies":["morph-surface"],"type":"registry:component"},{"name":"distorted-glass-demo","registryDependencies":["distorted-glass"],"type":"registry:component"},{"name":"family-drawer-demo","registryDependencies":["family-drawer"],"type":"registry:component"},{"name":"expandable-screen-demo","registryDependencies":["expandable-screen","button","input","label","select","textarea"],"type":"registry:component"},{"name":"pixel-heading-character-demo","registryDependencies":["pixel-heading-character"],"type":"registry:component"},{"name":"pixel-heading-word-demo","registryDependencies":["pixel-heading-word"],"type":"registry:component"},{"name":"pixel-paragraph-words-inverse-demo","registryDependencies":["pixel-paragraph-words-inverse"],"type":"registry:component"},{"name":"pixel-paragraph-words-demo","registryDependencies":["pixel-paragraph-words"],"type":"registry:component"},{"name":"onboarding-demo","registryDependencies":["onboarding"],"type":"registry:component"},{"name":"gradient-button-group-demo","registryDependencies":["gradient-button-group"],"type":"registry:component"},{"name":"terminal-animation-demo","registryDependencies":["terminal-animation"],"type":"registry:component"},{"name":"hero-dithering-demo","registryDependencies":["hero-dithering"],"type":"registry:component"},{"name":"hero-color-panels-demo","registryDependencies":["hero-color-panel"],"type":"registry:component"},{"name":"hero-static-radial-gradient-demo","registryDependencies":["hero-static-radial-gradient"],"type":"registry:component"},{"name":"hero-heatmap-demo","registryDependencies":["hero-heatmap"],"type":"registry:component"},{"name":"hero-liquid-metal-demo","registryDependencies":["hero-liquid-metal"],"type":"registry:component"},{"name":"gateway-endpoint-illustration-demo","registryDependencies":["gateway-endpoint-illustration"],"type":"registry:component"},{"name":"gateway-route-illustration-demo","registryDependencies":["gateway-route-illustration"],"type":"registry:component"},{"name":"gateway-svg-illustration-demo","registryDependencies":["gateway-svg-illustration"],"type":"registry:component"},{"name":"illustration-card-grid-demo","registryDependencies":["illustration-card-grid"],"type":"registry:component"},{"name":"illustration-cursor-demo","registryDependencies":["illustration-cursor"],"type":"registry:component"},{"name":"illustration-comment-bubble-demo","registryDependencies":["illustration-comment-bubble"],"type":"registry:component"},{"name":"illustration-fluid-rendering-demo","registryDependencies":["illustration-fluid-rendering"],"type":"registry:component"},{"name":"illustration-globe-vercel-demo","registryDependencies":["illustration-globe-vercel"],"type":"registry:component"},{"name":"illustration-graph-demo","registryDependencies":["illustration-graph"],"type":"registry:component"},{"name":"tabs-illustration-vercel-demo","registryDependencies":["tabs-illustration-vercel"],"type":"registry:component"},{"name":"circuit-board-demo","registryDependencies":["circuit-board"],"type":"registry:component"},{"name":"fluid-ai-workloads-demo","registryDependencies":["fluid-ai-workloads"],"type":"registry:component"},{"name":"security-checkpoint-demo","registryDependencies":["security-checkpoint"],"type":"registry:component"},{"name":"merging-bubbles-demo","registryDependencies":["merging-bubbles"],"type":"registry:component"},{"name":"ai-blob-warp-demo","registryDependencies":["ai-blob-warp"],"type":"registry:component"},{"dependencies":["lucide-react"],"name":"folded-card-demo","registryDependencies":["folded-card"],"type":"registry:component"},{"name":"shadow-card-demo","registryDependencies":["shadow-card"],"type":"registry:component"},{"name":"organic-card-demo","registryDependencies":["organic-card"],"type":"registry:component"},{"name":"organic-card-small-demo","registryDependencies":["organic-card-small"],"type":"registry:component"},{"dependencies":["lucide-react"],"name":"organic-button-demo","registryDependencies":["organic-button"],"type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"name":"fluted-glass-demo","registryDependencies":["fluted-glass","button","input","label","select","slider"],"type":"registry:component"},{"name":"speech-bubble-demo","registryDependencies":["speech-bubble"],"type":"registry:component"},{"name":"apple-iphone-17-pro-demo","registryDependencies":["apple-iphone-17-pro"],"type":"registry:component"},{"name":"apple-keyboard-demo","registryDependencies":["apple-keyboard"],"type":"registry:component"},{"name":"apple-watch-ultra-demo","registryDependencies":["apple-watch-ultra"],"type":"registry:component"},{"name":"mac-screen-demo","registryDependencies":["mac-screen"],"type":"registry:component"},{"name":"apple-pro-display-xdr-demo","registryDependencies":["apple-pro-display-xdr"],"type":"registry:component"},{"name":"marketing-hero-analytics-demo","registryDependencies":["marketing-hero-analytics"],"type":"registry:component"},{"name":"marketing-feature-code-demo","registryDependencies":["marketing-feature-code"],"type":"registry:component"},{"name":"feature-sticky-section-demo","registryDependencies":["feature-sticky-section"],"type":"registry:component"},{"name":"analytics-chart-demo","registryDependencies":["analytics-chart"],"type":"registry:component"},{"dependencies":["motion"],"name":"kanban-board-demo","registryDependencies":["kanban-board"],"type":"registry:component"},{"name":"agent-suggest-card-stack-demo","registryDependencies":["agent-suggest-card-stack"],"type":"registry:component"},{"name":"collab-avatar-demo","registryDependencies":["collab-avatar"],"type":"registry:component"},{"name":"collab-toolbar-demo","registryDependencies":["collab-toolbar"],"type":"registry:component"},{"name":"halo-dropzone-demo","registryDependencies":["halo-dropzone"],"type":"registry:component"},{"name":"halo-search-demo","registryDependencies":["halo-search","button"],"type":"registry:component"},{"dependencies":["cobe","motion","next-themes"],"name":"globe-demo","registryDependencies":["globe"],"type":"registry:component"},{"name":"file-icons-demo","registryDependencies":["file-icons"],"type":"registry:component"},{"dependencies":["lucide-react"],"name":"halo-button-demo","registryDependencies":["halo-button"],"type":"registry:component"},{"name":"copy-button-demo","registryDependencies":["copy-button"],"type":"registry:component"},{"dependencies":["lucide-react"],"name":"halo-card-demo","registryDependencies":["halo-card"],"type":"registry:component"},{"name":"border-beam-card-demo","registryDependencies":["border-beam-card"],"type":"registry:component"},{"name":"halo-tabs-demo","registryDependencies":["halo-tabs"],"type":"registry:component"},{"name":"halo-segmented-demo","registryDependencies":["halo-segmented"],"type":"registry:component"},{"name":"halo-toggle-group-demo","registryDependencies":["halo-toggle-group"],"type":"registry:component"},{"dependencies":["motion"],"name":"halo-notification-demo","registryDependencies":["halo-notification"],"type":"registry:component"},{"name":"halo-toast-demo","registryDependencies":["halo-toast"],"type":"registry:component"},{"name":"halo-switch-demo","registryDependencies":["halo-switch"],"type":"registry:component"},{"name":"halo-input-demo","registryDependencies":["halo-input"],"type":"registry:component"},{"dependencies":["lucide-react"],"name":"halo-field-demo","registryDependencies":["halo-field"],"type":"registry:component"},{"name":"halo-progress-demo","registryDependencies":["halo-progress"],"type":"registry:component"},{"dependencies":["lucide-react"],"name":"border-beam-input-demo","registryDependencies":["border-beam-input"],"type":"registry:component"},{"name":"halo-badge-demo","registryDependencies":["halo-badge"],"type":"registry:component"},{"name":"halo-select-demo","registryDependencies":["halo-select","button"],"type":"registry:component"},{"name":"prompt-composer-demo","registryDependencies":["prompt-composer"],"type":"registry:component"},{"dependencies":["lucide-react"],"name":"wizard-expandable-demo","registryDependencies":["wizard-expandable","button","input","label","textarea"],"type":"registry:component"},{"description":"Deprecated alias for halo-badge-demo","name":"animated-badge-demo","registryDependencies":["https://cult-ui.com/r/halo-badge-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-button-demo","name":"animated-button-demo","registryDependencies":["https://cult-ui.com/r/halo-button-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-card-demo","name":"animated-card-demo","registryDependencies":["https://cult-ui.com/r/halo-card-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for prompt-composer-demo","name":"animated-composer-demo","registryDependencies":["https://cult-ui.com/r/prompt-composer-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-dropzone-demo","name":"animated-dropzone-demo","registryDependencies":["https://cult-ui.com/r/halo-dropzone-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-field-demo","name":"animated-field-demo","registryDependencies":["https://cult-ui.com/r/halo-field-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-input-demo","name":"animated-input-demo","registryDependencies":["https://cult-ui.com/r/halo-input-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-notification-demo","name":"animated-notification-demo","registryDependencies":["https://cult-ui.com/r/halo-notification-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for rolling-number-demo","name":"animated-number-demo","registryDependencies":["https://cult-ui.com/r/rolling-number-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-progress-demo","name":"animated-progress-demo","registryDependencies":["https://cult-ui.com/r/halo-progress-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-search-demo","name":"animated-search-demo","registryDependencies":["https://cult-ui.com/r/halo-search-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-segmented-demo","name":"animated-segmented-demo","registryDependencies":["https://cult-ui.com/r/halo-segmented-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-select-demo","name":"animated-select-demo","registryDependencies":["https://cult-ui.com/r/halo-select-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-switch-demo","name":"animated-switch-demo","registryDependencies":["https://cult-ui.com/r/halo-switch-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-tabs-demo","name":"animated-tabs-demo","registryDependencies":["https://cult-ui.com/r/halo-tabs-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-toast-demo","name":"animated-toast-demo","registryDependencies":["https://cult-ui.com/r/halo-toast-demo.json"],"type":"registry:component"},{"description":"Deprecated alias for halo-toggle-group-demo","name":"animated-toggle-group-demo","registryDependencies":["https://cult-ui.com/r/halo-toggle-group-demo.json"],"type":"registry:component"}]},"animate ui":{"favicon":"/favicons/animate-ui.png","items":[{"description":"An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.","name":"backgrounds-bubble","title":"Bubble Background","type":"registry:ui"},{"description":"A background component that displays a fireworks animation.","name":"backgrounds-fireworks","title":"Fireworks Background","type":"registry:ui"},{"description":"A background component featuring a field of characters lit by drifting glows, a cursor trail and waves on click.","name":"backgrounds-glyph","title":"Glyph Background","type":"registry:ui"},{"description":"A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.","name":"backgrounds-gradient","title":"Gradient Background","type":"registry:ui"},{"description":"A background component featuring a subtle yet engaging animated gravity stars effect.","name":"backgrounds-gravity-stars","title":"Gravity Stars Background","type":"registry:ui"},{"description":"A background component featuring an interactive hexagon grid.","name":"backgrounds-hexagon","title":"Hexagon Background","type":"registry:ui"},{"description":"A background component featuring an animated hole grid.","name":"backgrounds-hole","title":"Hole Background","type":"registry:ui"},{"description":"An interactive background featuring animated dots of varying sizes and speeds, simulating a dynamic and immersive starry space effect.","name":"backgrounds-stars","title":"Stars Background","type":"registry:ui"},{"description":"A background component featuring living contour lines that rise under the cursor and ripple on click.","name":"backgrounds-topography","title":"Topography Background","type":"registry:ui"},{"description":"A button that flips over on hover to reveal its back face.","name":"buttons-flip","title":"Flip Button","type":"registry:ui"},{"description":"A button showing a repository's GitHub stars, counted up with a filling star.","name":"buttons-github-stars","title":"GitHub Stars Button","type":"registry:ui"},{"description":"A button that fills with color from the bottom on hover.","name":"buttons-liquid","title":"Liquid Button","type":"registry:ui"},{"description":"A button that cycles the theme, its icon turning into the next one.","name":"buttons-theme-toggler","title":"Theme Toggler Button","type":"registry:ui"},{"description":"A highlighted code block that types itself out, with a cursor and a copy button.","name":"components-code-block","title":"Code Block","type":"registry:ui"},{"description":"Animated transitions between the pages of a React Router app, built on view transitions.","name":"components-page-transition-react-router","title":"Page Transition (React Router)","type":"registry:ui"},{"description":"Animated transitions between the pages of a TanStack Router app, built on view transitions.","name":"components-page-transition-tanstack-router","title":"Page Transition (TanStack Router)","type":"registry:ui"},{"description":"Animated transitions between the pages of a Next.js App Router app, built on view transitions.","name":"components-page-transition","title":"Page Transition","type":"registry:ui"}]},"8bitcn":{"favicon":"/favicons/8bitcn.ico","items":[{"categories":["gaming"],"description":"A cinematic chapter/level intro with pixel art background.","name":"chapter-intro","registryDependencies":["card"],"title":"8-bit Chapter Intro","type":"registry:block"},{"description":"A simple 8-bit button component","name":"button","registryDependencies":["button"],"title":"8-bit Button","type":"registry:component"},{"description":"Groups multiple 8-bit buttons together inside a shared retro pixelated border.","name":"button-group","registryDependencies":["button","button-group","separator"],"title":"8-bit Button Group","type":"registry:component"},{"description":"A simple 8-bit input component","name":"input","registryDependencies":["input"],"title":"8-bit Input","type":"registry:component"},{"description":"A simple 8-bit toast component","name":"toast","registryDependencies":["sonner"],"title":"8-bit Toast","type":"registry:component"},{"description":"A simple 8-bit input-otp component","name":"input-otp","registryDependencies":["input-otp"],"title":"8-bit Input-OTP","type":"registry:component"},{"description":"A simple 8-bit badge component","name":"badge","registryDependencies":["badge"],"title":"8-bit Badge","type":"registry:component"},{"description":"A simple 8-bit textarea component","name":"textarea","registryDependencies":["textarea"],"title":"8-bit Textarea","type":"registry:component"},{"description":"A simple 8-bit calendar component","name":"calendar","registryDependencies":["calendar"],"title":"8-bit Calendar","type":"registry:component"},{"dependencies":["date-fns"],"description":"A simple 8-bit date picker component","name":"date-picker","registryDependencies":["button","calendar","popover","select"],"title":"8-bit Date Picker","type":"registry:component"},{"description":"A simple 8-bit card component","name":"card","registryDependencies":["card"],"title":"8-bit Card","type":"registry:component"},{"description":"A simple 8-bit carousel component","name":"carousel","registryDependencies":["carousel"],"title":"8-bit Card","type":"registry:component"},{"description":"A simple 8-bit dialog component","name":"dialog","registryDependencies":["dialog"],"title":"8-bit Dialog","type":"registry:component"},{"description":"A simple 8-bit dropdown-menu component","name":"dropdown-menu","registryDependencies":["dropdown-menu"],"title":"8-bit Dropdown Menu","type":"registry:component"},{"description":"A simple 8-bit hover card component","name":"hover-card","registryDependencies":["hover-card"],"title":"8-bit Hover Card","type":"registry:component"},{"description":"A simple 8-bit popover component","name":"popover","registryDependencies":["popover"],"title":"8-bit Popover","type":"registry:component"},{"description":"Accessible resizable panel groups and layouts with keyboard support.","name":"resizable","title":"8-bit Resizable Panel","type":"registry:component"},{"description":"A simple 8-bit select component","name":"select","registryDependencies":["select"],"title":"8-bit Select","type":"registry:component"},{"description":"A simple 8-bit sheet component","name":"sheet","registryDependencies":["sheet"],"title":"8-bit sheet","type":"registry:component"},{"description":"A simple 8-bit label component","name":"label","registryDependencies":["label"],"title":"8-bit Label","type":"registry:component"},{"description":"A simple 8-bit checkbox component","name":"checkbox","registryDependencies":["checkbox"],"title":"8-bit Checkbox","type":"registry:component"},{"dependencies":["@radix-ui/react-scroll-area"],"description":"A simple 8-bit Scroll Area component","name":"scroll-area","title":"8-bit Scroll Area","type":"registry:component"},{"description":"A simple 8-bit switch component","name":"switch","registryDependencies":["switch"],"title":"8-bit Switch","type":"registry:component"},{"description":"A simple 8-bit switch component","name":"alert","registryDependencies":["alert"],"title":"8-bit Alert","type":"registry:component"},{"description":"A simple 8-bit Alert Dialog component","name":"alert-dialog","registryDependencies":["alert-dialog"],"title":"8-bit Alert Dialog","type":"registry:component"},{"description":"A simple 8-bit tooltip component","name":"tooltip","registryDependencies":["tooltip"],"title":"8-bit Tooltip","type":"registry:component"},{"description":"A simple 8-bit avatar component","name":"avatar","registryDependencies":["avatar"],"title":"8-bit Avatar","type":"registry:component"},{"description":"A simple 8-bit skeleton component","name":"skeleton","registryDependencies":["skeleton"],"title":"8-bit Skeleton","type":"registry:component"},{"description":"A simple 8-bit breadcrumb component","name":"breadcrumb","registryDependencies":["breadcrumb"],"title":"8-bit Breadcrumb","type":"registry:component"},{"description":"A simple 8-bit collapsible component","name":"collapsible","registryDependencies":["collapsible"],"title":"8-bit Collapsible","type":"registry:component"},{"dependencies":["@radix-ui/react-progress"],"description":"A simple 8-bit progress component","name":"progress","title":"8-bit Progress","type":"registry:component"},{"description":"A retro-styled enemy health display component with health bar, name, and level","name":"enemy-health-display","title":"8-bit Enemy Health Display","type":"registry:component"},{"description":"A simple 8-bit health bar component","name":"health-bar","registryDependencies":["progress"],"title":"8-bit Health Bar","type":"registry:component"},{"description":"A simple 8-bit mana bar component","name":"mana-bar","title":"8-bit Mana Bar","type":"registry:component"},{"description":"A simple 8-bit XP bar component with level up animation","name":"xp-bar","title":"8-bit XP Bar","type":"registry:component"},{"categories":["gaming"],"dependencies":["@radix-ui/react-progress"],"description":"A simple 8-bit game progress component","name":"game-progress","registryDependencies":["card","progress"],"title":"8-bit Game Progress","type":"registry:block"},{"categories":["gaming"],"dependencies":["@radix-ui/react-avatar"],"description":"A simple 8-bit dialogue component","name":"dialogue","registryDependencies":["alert","avatar"],"title":"8-bit Dialogue","type":"registry:block"},{"dependencies":["@radix-ui/react-avatar"],"description":"A simple 8-bit profile card component","name":"profile-card","registryDependencies":["card","button","avatar","badge"],"title":"8-bit Profile Card","type":"registry:component"},{"description":"A simple 8-bit slider component","name":"slider","registryDependencies":["slider"],"title":"8-bit Slider","type":"registry:component"},{"description":"A simple 8-bit context menu component","name":"context-menu","title":"8-bit Context Menu","type":"registry:component"},{"description":"A simple 8-bit menu bar component","name":"menubar","title":"8-bit Menu Bar","type":"registry:component"},{"description":"A simple 8-bit toggle component","name":"toggle","registryDependencies":["toggle"],"title":"8-bit Toggle","type":"registry:component"},{"description":"A simple 8-bit table component","name":"table","registryDependencies":["table"],"title":"8-bit Table","type":"registry:component"},{"description":"A simple 8-bit tabs component","name":"tabs","registryDependencies":["tabs"],"title":"8-bit Tabs","type":"registry:component"},{"description":"A simple 8-bit combo box component","name":"combo-box","registryDependencies":["command","popover","button"],"title":"8-bit Combo Box","type":"registry:component"},{"description":"A simple 8-bit command component","name":"command","registryDependencies":["command"],"title":"8-bit Command","type":"registry:component"},{"dependencies":["@radix-ui/react-separator"],"description":"A simple 8-bit separator component","name":"separator","title":"8-bit Separator","type":"registry:component"},{"description":"A simple 8-bit radio group component","name":"radio-group","registryDependencies":["radio-group"],"title":"8-bit Radio Group","type":"registry:component"},{"description":"A simple 8-bit pagination component","name":"pagination","registryDependencies":["pagination"],"title":"8-bit Pagination","type":"registry:component"},{"description":"A simple 8-bit friend list component","name":"friend-list","registryDependencies":["avatar","card","scroll-area"],"title":"8-bit Friend List","type":"registry:block"},{"categories":["authentication"],"description":"A simple 8-bit login form component","name":"login-form","registryDependencies":["button","card","input","label"],"title":"8-bit Login Form","type":"registry:block"},{"categories":["authentication"],"description":"A simple 8-bit login form component","name":"login-form-2","registryDependencies":["button","card","input","label"],"title":"8-bit Login Form 2","type":"registry:block"},{"categories":["authentication"],"description":"A simple 8-bit login form component with image","name":"login-form-with-image","registryDependencies":["button","card","input","label"],"title":"8-bit Login Form with Image","type":"registry:block"},{"categories":["authentication"],"description":"A simple 8-bit login page component","name":"login-page","registryDependencies":["button","card","input","label"],"title":"8-bit Login Page","type":"registry:page"},{"categories":["charts"],"description":"A simple 8-bit chart component","name":"chart","registryDependencies":["chart"],"title":"8-bit Chart","type":"registry:block"},{"categories":["charts"],"description":"A simple 8-bit chart bar component","name":"chart-bar","registryDependencies":["chart"],"title":"8-bit Chart Bar","type":"registry:block"},{"categories":["charts"],"description":"A simple 8-bit chart area step component","name":"chart-area-step","registryDependencies":["chart"],"title":"8-bit Chart Area Step","type":"registry:block"},{"categories":["gaming"],"description":"A simple 8-bit main menu component","name":"main-menu","registryDependencies":["button","card"],"title":"8-bit Main Menu","type":"registry:block"},{"categories":["gaming"],"description":"A simple 8-bit pause menu component","name":"pause-menu","registryDependencies":["button","card"],"title":"8-bit Pause Menu","type":"registry:block"},{"categories":["gaming"],"description":"A simple 8-bit game over component","name":"game-over","registryDependencies":["button","card"],"title":"8-bit Game Over","type":"registry:block"},{"categories":["gaming"],"dependencies":["@radix-ui/react-slider","@radix-ui/react-switch"],"description":"A simple 8-bit audio settings component","name":"audio-settings","registryDependencies":["button","card","label","slider","switch"],"title":"8-bit Audio Settings","type":"registry:block"},{"description":"A simple 8-bit toggle group component","name":"toggle-group","registryDependencies":["toggle-group"],"title":"8-bit Toggle Group","type":"registry:component"},{"categories":["sidebar"],"description":"A simple 8-bit sidebar component","name":"sidebar","registryDependencies":["sidebar"],"title":"8-bit Sidebar","type":"registry:block"},{"description":"A simple 8-bit accordion component","name":"accordion","registryDependencies":["accordion"],"title":"8-bit Accordion","type":"registry:component"},{"description":"A simple 8-bit drawer component","name":"drawer","registryDependencies":["drawer"],"title":"8-bit Drawer","type":"registry:component"},{"description":"A simple 8-bit navigation menu component","name":"navigation-menu","registryDependencies":["navigation-menu"],"title":"8-bit Navigation Menu","type":"registry:component"},{"categories":["gaming"],"description":"A reusable 8-bit difficulty selector with Easy, Normal, Hard.","name":"difficulty-select","registryDependencies":["button","card"],"title":"8-bit Difficulty Select","type":"registry:block"},{"categories":["gaming"],"description":"A retro-styled leaderboard component for displaying player rankings with avatars and scores.","name":"leaderboard","registryDependencies":["avatar","badge","card","separator"],"title":"8-bit Leaderboard","type":"registry:block"},{"categories":["gaming"],"description":"A comprehensive player profile card component with stats, health/mana bars, and custom stats support.","name":"player-profile-card","registryDependencies":["avatar","badge","card","progress"],"title":"8-bit Player Profile Card","type":"registry:block"},{"categories":["gaming"],"description":"A retro-styled quest log component for tracking game missions and tasks with accordion functionality and status indicators.","name":"quest-log","registryDependencies":["accordion","badge","card","scroll-area"],"title":"8-bit Quest Log","type":"registry:block"},{"categories":["gaming"],"description":"A retro-styled save/load game interface with slot previews, timestamps, and empty slot handling.","name":"save-slots","registryDependencies":["badge","button","card","separator"],"title":"8-bit Save Slots","type":"registry:block"},{"categories":["dashboard"],"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/modifiers","@dnd-kit/utilities","@tabler/icons-react","@tanstack/react-table","sonner","zod"],"description":"A complete 8-bit styled dashboard with sidebar navigation, stats cards, charts, and data table with drag-and-drop functionality.","name":"dashboard-01","registryDependencies":["sidebar","button","card","badge","skeleton","chart","checkbox","drawer","dropdown-menu","input","label","select","separator","table","tabs"],"title":"8-bit Dashboard 01","type":"registry:page"},{"dependencies":["nuqs"],"description":"A complete theme selector component with dropdown selection and code copy functionality. Includes theme context provider for managing active themes across the application.","name":"theme-selector","registryDependencies":["select"],"title":"8-bit Theme Selector","type":"registry:component"},{"description":"Displays an 8-bit spinner component.","name":"spinner","title":"8-bit Spinner","type":"registry:component"},{"description":"A simple 8-bit kbd component","name":"kbd","title":"8-bit Kbd","type":"registry:component"},{"dependencies":["next-themes"],"description":"A retro-styled theme toggle component with pixel art sun and moon icons. Perfect for 8-bit themed applications that need a nostalgic theme switcher.","name":"retro-mode-switcher","registryDependencies":["button"],"title":"8-bit Retro Mode Switcher","type":"registry:component"},{"description":"Displays an 8-bit empty component.","name":"empty","title":"8-bit Empty","type":"registry:component"},{"description":"Displays an 8-bit item component.","name":"item","registryDependencies":["separator"],"title":"8-bit Item","type":"registry:component"},{"categories":["gaming"],"description":"A comprehensive RPG character stats page with attributes, equipment, and customizable sections.","name":"character-sheet","registryDependencies":["avatar","badge","card","progress","separator"],"title":"8-bit Character Sheet","type":"registry:block"},{"categories":["gaming"],"description":"A simple 8-bit Victory Screen component","name":"victory-screen","registryDependencies":["alert","card","item"],"title":"8-bit Victory Screen","type":"registry:block"},{"categories":["gaming"],"description":"A retro-styled loading screen with animated progress bar and rotating tips.","name":"loading-screen","registryDependencies":["progress"],"title":"8-bit Loading Screen","type":"registry:block"},{"categories":["marketing"],"description":"Centered hero section","name":"hero1","registryDependencies":["badge","button"],"title":"8-bit Hero 1","type":"registry:block"},{"categories":["marketing"],"description":"Split-layout hero section","name":"hero2","registryDependencies":["badge","button"],"title":"8-bit Hero 2","type":"registry:block"},{"categories":["features"],"description":"Feature card grid with icons, titles, descriptions, and optional badges.","name":"feature1","registryDependencies":["badge","card"],"title":"8-bit Feature 1","type":"registry:block"},{"categories":["hero"],"description":"Game-style title screen hero with stat cards and blinking text.","name":"hero3","registryDependencies":["badge","button","card"],"title":"8-bit Hero 3","type":"registry:block"},{"categories":["features"],"description":"Step-by-step feature list with numbered icons and separators.","name":"feature2","registryDependencies":["badge","separator"],"title":"8-bit Feature 2","type":"registry:block"},{"categories":["features"],"description":"Swipeable feature carousel with cards and pixel arrows.","name":"feature3","registryDependencies":["badge","card","carousel"],"title":"8-bit Feature 3","type":"registry:block"},{"categories":["pricing"],"description":"Classic tier cards with feature lists and CTAs.","name":"pricing1","registryDependencies":["badge","button","card","separator"],"title":"8-bit Pricing 1","type":"registry:block"},{"categories":["pricing"],"description":"Pricing cards with monthly/yearly toggle.","name":"pricing2","registryDependencies":["badge","button","card","separator"],"title":"8-bit Pricing 2","type":"registry:block"},{"categories":["faq"],"description":"Simple accordion FAQ.","name":"faq1","registryDependencies":["accordion"],"title":"8-bit FAQ1","type":"registry:block"},{"categories":["faq"],"description":"Two-column card grid FAQ.","name":"faq2","registryDependencies":["card"],"title":"8-bit FAQ2","type":"registry:block"},{"categories":["faq"],"description":"Searchable FAQ with categories.","name":"faq3","registryDependencies":["accordion","input"],"title":"8-bit FAQ3","type":"registry:block"},{"categories":["social-proof"],"description":"Stats bar with numbers and optional logo cloud.","name":"social-proof1","registryDependencies":["separator"],"title":"8-bit Social Proof 1","type":"registry:block"},{"categories":["social-proof"],"description":"Two-column testimonial cards.","name":"social-proof2","registryDependencies":["badge","card"],"title":"8-bit Social Proof 2","type":"registry:block"},{"categories":["social-proof"],"description":"Swipeable review carousel with ratings.","name":"social-proof3","registryDependencies":["badge","card","carousel"],"title":"8-bit Social Proof 3","type":"registry:block"},{"categories":["timeline"],"description":"Vertical timeline with connecting line.","name":"timeline1","registryDependencies":["badge"],"title":"8-bit Timeline 1","type":"registry:block"},{"categories":["timeline"],"description":"Horizontal progress steps with checkpoints.","name":"timeline2","title":"8-bit Timeline 2","type":"registry:block"},{"categories":["timeline"],"description":"Zigzag roadmap with alternating cards.","name":"timeline3","registryDependencies":["badge","card"],"title":"8-bit Timeline 3","type":"registry:block"},{"categories":["cta"],"description":"Us vs them comparison table.","name":"cta1","registryDependencies":["card"],"title":"8-bit CTA1","type":"registry:block"},{"categories":["cta"],"description":"Persona use case cards with CTAs.","name":"cta2","registryDependencies":["badge","button","card"],"title":"8-bit CTA2","type":"registry:block"},{"categories":["layout"],"description":"Sticky CTA bar that appears on scroll.","name":"footer1","registryDependencies":["button"],"title":"8-bit Footer 1","type":"registry:block"},{"categories":["team"],"description":"Team grid with pixel avatars and roles.","name":"team1","registryDependencies":["avatar","badge","card"],"title":"8-bit Team 1","type":"registry:block"},{"categories":["team"],"description":"Changelog feed with dates and badges.","name":"team2","registryDependencies":["badge","card","separator"],"title":"8-bit Team 2","type":"registry:block"},{"categories":["team"],"description":"Case study cards with KPI badges.","name":"team3","registryDependencies":["badge","button","card"],"title":"8-bit Team 3","type":"registry:block"},{"categories":["advanced"],"description":"Fake terminal demo shell with command output.","name":"advanced1","registryDependencies":["card"],"title":"8-bit Advanced 1","type":"registry:block"},{"categories":["advanced"],"description":"KPI metrics dashboard with progress bars.","name":"advanced2","registryDependencies":["badge","card","progress"],"title":"8-bit Advanced 2","type":"registry:block"},{"categories":["advanced"],"description":"Newsletter signup card with input and CTA.","name":"advanced3","registryDependencies":["badge","button","card","input"],"title":"8-bit Advanced 3","type":"registry:block"},{"categories":["game"],"description":"Health bar hero with progress indicator.","name":"game-hero1","registryDependencies":["badge","button","progress"],"title":"8-bit game-hero1","type":"registry:block"},{"categories":["game"],"description":"Quest log roadmap with status states.","name":"game-roadmap1","registryDependencies":["badge","card"],"title":"8-bit game-roadmap1","type":"registry:block"},{"categories":["game"],"description":"XP milestone hero with level badges.","name":"game-hero2","registryDependencies":["badge","button","progress"],"title":"8-bit game-hero2","type":"registry:block"},{"categories":["game"],"description":"Boss fight CTA with problem vs solution.","name":"game-cta1","registryDependencies":["badge","button","card"],"title":"8-bit game-cta1","type":"registry:block"},{"categories":["game"],"description":"Skill tree feature grid with progress.","name":"game-features1","registryDependencies":["badge","card","progress"],"title":"8-bit game-features1","type":"registry:block"},{"categories":["game"],"description":"Party grid with avatars and HP bars.","name":"game-team1","registryDependencies":["avatar","badge","card","progress"],"title":"8-bit game-team1","type":"registry:block"},{"categories":["game"],"description":"Checkpoint FAQ with progression states.","name":"game-faq1","registryDependencies":["accordion","badge"],"title":"8-bit game-faq1","type":"registry:block"},{"categories":["layout"],"description":"Retro 404 page with pixel art character.","name":"not-found1","registryDependencies":["button"],"title":"8-bit 404 Page","type":"registry:block"},{"categories":["layout"],"description":"Retro 404 page with pixel dwarf character.","name":"not-found2","registryDependencies":["button"],"title":"8-bit 404 Dwarf","type":"registry:block"},{"categories":["layout"],"description":"Cursed 404 page with pixel undead character.","name":"not-found3","registryDependencies":["badge","button"],"title":"8-bit 404 Undead","type":"registry:block"},{"categories":["layout","gaming"],"description":"A randomized crate-pushing 404 page with 20 curated, solver-verified puzzles.","name":"not-found-crate-pusher","registryDependencies":["badge","button","card"],"title":"8-bit Crate Pusher 404","type":"registry:block"},{"categories":["layout","gaming"],"description":"A playable brick-breaker 404 page with keyboard, pointer, and touch controls.","name":"not-found-brick-breaker","registryDependencies":["badge","button","card"],"title":"8-bit Brick Breaker 404","type":"registry:block"},{"categories":["game"],"description":"Interactive CTA with clickable portal and traveling state.","name":"portal-transition","registryDependencies":["badge","button"],"title":"8-bit Portal Transition","type":"registry:block"},{"categories":["game"],"description":"Interactive arena duel with two fighters, HP bars, and hit mechanics.","name":"duel-block","registryDependencies":["badge","button","health-bar"],"title":"8-bit Duel Block","type":"registry:block"}]},"kokonut ui":{"favicon":"/favicons/kokonut-ui.png","items":[{"dependencies":["lucide-react","motion"],"description":"AI chat input with a model menu, a separate Effort control, file chips you can drop or paste, a / command menu, and Stop while replying.","name":"ai-prompt","registryDependencies":["textarea","dropdown-menu"],"title":"AI Input Selector","type":"registry:component"},{"description":"A button with its shortcut drawn as keycaps that sink as you press the real keys.","name":"command-button","title":"Command Button","type":"registry:component"},{"description":"A two-sided card you spin with a drag or a flick, with thickness, light and a floor shadow that follow the angle.","name":"card-flip","title":"Flick Card","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Checkout bottom sheet on Vaul snap points, peeking at the total and dragging up for details.","name":"smooth-drawer","registryDependencies":["drawer","button"],"title":"Smooth Drawer","type":"registry:component"},{"description":"Any image, or a lit sphere, printed as a halftone dot screen, with a loupe that looks closer under the cursor, built with React and canvas.","name":"halftone-background","title":"Halftone Background","type":"registry:component"},{"description":"A landing hero where shapes drop in, pile up under the headline and can be grabbed and thrown.","name":"shape-hero","title":"Shape Hero","type":"registry:component"},{"dependencies":["motion"],"description":"AI thinking text with a soft wave through the letters and words that swap letter by letter.","name":"ai-text-loading","title":"AI Text Loading","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A card rail you flick with momentum, snapping on a spring, with scroll-driven cover-flow depth and parallax.","name":"carousel-cards","title":"Momentum Rail","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A multi-file upload queue with per-file progress, retry and cancel.","name":"file-upload","title":"File Upload","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"⌘K command palette with nested pages, fuzzy matching and in-row progress for running actions.","name":"action-search-bar","title":"Command Palette","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"AI composer with a Tools menu of modes (browse, investigate, draft a visual, run code, reason), a tool header with a Change key, a model picker, an Ask key and a live trace that stacks each source's avatar as it is read. Built with React, Tailwind CSS and Motion.","name":"ai-input-search","registryDependencies":["textarea","dropdown-menu"],"title":"AI Input Search","type":"registry:component"},{"description":"A headline hung like a Newton's cradle, so a knock on one letter clacks through the word, built with React and pendulum physics.","name":"cradle-text","title":"Cradle Text","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Transfer tracker that converts the amount in place, walks through each step on a filling rail, and ends with a copyable reference. Built with React and Tailwind CSS.","name":"currency-transfer","title":"Currency Transfer","type":"registry:component"},{"description":"A ribbon of lines in one color that keeps flowing at any size and parts around the cursor.","name":"background-paths","title":"Background Paths","type":"registry:component"},{"description":"A halftone dot membrane that ripples behind a swipe and rings out from a click, built with React and Canvas.","name":"dot-field","title":"Dot Field","type":"registry:component"},{"description":"Streamlines that part around the cursor, swirl in its wake and scatter on click, built with React and Canvas.","name":"flow-field","title":"Wind","type":"registry:component"},{"description":"A living contour map that drifts, rises under the cursor and ripples on click, built with React and Canvas.","name":"topo-background","title":"Topo Background","type":"registry:component"},{"description":"A pleated curtain in a breeze that you can push and pull, built with React, WebGL and a cloth simulation.","name":"drape-background","title":"Drape Background","type":"registry:component"},{"dependencies":["motion"],"description":"Activity rings that draw with a count-up, lap past 100% with a shadowed end cap and dim to focus, built with React and Motion.","name":"apple-activity-card","title":"Apple Activity Card","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Voice input with a scrolling waveform, then a take you can play back, discard or send.","name":"ai-voice","title":"AI Voice","type":"registry:component"},{"dependencies":["motion","lucide-react"],"description":"Tabs with a swipeable panel, a drag-tracked indicator and spring physics.","name":"smooth-tab","title":"Swipe Tabs","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A radial menu you hold to open or flick to pick blind, built with React and Motion.","name":"marking-menu","title":"Marking Menu","type":"registry:component"},{"dependencies":["motion","lucide-react"],"description":"Seat picker with a scrubbable number, generated avatars and an optional rolling price line.","name":"team-selector","title":"Team Selector","type":"registry:component"},{"dependencies":["motion"],"description":"Rotary knob that clicks from notch to notch and coasts when flicked, built with React and Motion.","name":"detent-dial","title":"Detent Dial","type":"registry:component"},{"description":"A vertical slider you fill like a glass, with a sloshing surface and rising bubbles.","name":"liquid-slider","title":"Liquid Slider","type":"registry:component"},{"description":"A signature field with a sprung pen tip, speed-weighted ink and SVG output.","name":"signature-pad","title":"Signature Pad","type":"registry:component"},{"description":"Light and dark theme toggle whose sun folds into a moon while the new theme spreads from the button as a circle.","name":"switch-button","title":"Switch Button","type":"registry:component"},{"description":"A lamp switch you pull on a swinging cord, built with React and a rope simulation.","name":"pull-cord","title":"Pull Cord","type":"registry:component"},{"description":"A confirm button you tear off like a ticket stub, hole by hole.","name":"tear-button","title":"Tear Button","type":"registry:component"},{"description":"A subscribe button whose bell swings and rings, with a clapper that really strikes.","name":"bell-button","title":"Bell Button","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Dashboard widgets you lift, drag and resize on a 6-column grid, with spring physics and full keyboard support.","name":"bento-grid","title":"Widget Grid","type":"registry:component"},{"dependencies":["class-variance-authority","lucide-react","motion"],"description":"Press and hold to confirm, with a fill that drains back on early release and a drawn check on completion.","name":"hold-button","title":"Hold Button","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A call-to-action button wrapped in a field of iron filings that align to its magnetic field and lean toward your cursor.","name":"attract-button","title":"Magnet Button","type":"registry:component"},{"description":"Layered gradient button with emerald, purple, and orange variants, a gradient border in light and dark mode, soft inner glow, press feedback, and an optional icon, styled entirely with Tailwind CSS in React.","name":"gradient-button","registryDependencies":["button"],"title":"Gradient Button","type":"registry:component"},{"description":"Open in v0 button that sends a component registry JSON to v0.dev for instant editing, built with React, the shadcn Button, and Tailwind CSS.","name":"v0-button","registryDependencies":["button"],"title":"V0 Button","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An editor tool dock with a sliding selection plate, shortcut tooltips and flyouts that you can throw to any edge.","name":"toolbar","title":"Tool Dock","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Agent progress as a list of steps with a live log, elapsed time and a summary when done.","name":"ai-loading","title":"AI State Loading","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Approve or deny an agent's tool calls. Destructive calls need a press and hold, and decided calls fold into a trace with their output.","name":"ai-tool-approval","title":"AI Tool Approval","type":"registry:component"},{"dependencies":["motion"],"description":"How full the context window is, as a ring in the prompt footer that opens a breakdown by source and compacts when it fills.","name":"ai-context-meter","title":"AI Context Meter","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An answer with source chips beside each claim. One preview glides between chips and lights up the sentence it backs.","name":"ai-citations","title":"AI Inline Citations","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A coding agent's edits streaming in file by file, then reviewed per file with accept, reject and undo.","name":"ai-diff-review","title":"AI Diff Review","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Pick a model and how hard it thinks. Effort is a detent track that reshapes for each model and keeps your level when you switch.","name":"ai-model-selector","title":"AI Model Selector","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A pile of image cards you drag, flick off the top and send under the deck, with arrow keys and a details view.","name":"card-stack","title":"Throw Deck","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Stacked notifications that fan out on hover and swipe away, built with React and Tailwind CSS.","name":"notification-stack","title":"Notification Stack","type":"registry:component"},{"description":"A usage meter filled with liquid that sloshes, ripples and bubbles, built with React and a wave simulation.","name":"liquid-gauge","title":"Liquid Gauge","type":"registry:component"},{"description":"A contribution heatmap that tilts up into a 3D terrain you can turn, built with React and canvas.","name":"activity-terrain","title":"Activity Terrain","type":"registry:component"},{"description":"A receipt that prints line by line, then tears off and falls when you pull it, built with React.","name":"receipt-printer","title":"Receipt Printer","type":"registry:component"},{"description":"A revenue KPI card. Scrub a day, drag a range, or pick a segment; the number rolls, the line morphs and the breakdown follows.","name":"metric-card","title":"Metric Card","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A status page card with 90 days per service that swell under the cursor, and a day you click opens its incident log.","name":"uptime-card","title":"Uptime Card","type":"registry:component"},{"description":"A spending breakdown you spin like a dial; flick the ring and it settles with a category under the marker.","name":"spending-ring","title":"Spending Ring","type":"registry:component"},{"description":"Set where a photo's subject is and see every crop follow it live. Hover a crop to see what it cuts.","name":"focal-point-picker","title":"Focal Point Picker","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Level a crooked photo on a ruler you drag or flick. The crop grows to hide the corners, and a grid shows while you adjust.","name":"photo-straighten","title":"Photo Straighten","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A video trim timeline with a filmstrip, handles that snap to whole seconds and a playhead that loops the kept range.","name":"clip-trimmer","title":"Clip Trimmer","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A transcript that follows the spoken word, lets you click any word to jump there, and waits when you scroll away.","name":"synced-transcript","title":"Synced Transcript","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Generated avatars from a name, morphing as you type, on a 3D coin you can flick, tap or shuffle.","name":"avatar-picker","title":"Avatar Picker","type":"registry:component"},{"dependencies":["motion"],"description":"iOS-style 3D drum picker with flick momentum, built with React and Motion.","name":"wheel-picker","title":"Wheel Picker","type":"registry:component"},{"dependencies":["motion"],"description":"Typewriter text that makes the odd typo and corrects it, erases by selecting, and blinks its caret only when idle, built with React and Motion.","name":"type-writer","title":"Typing Text","type":"registry:component"},{"description":"Zinc 3D extruded text lit by your pointer, with letters that press in like keycaps.","name":"swoosh-text","title":"Extruded Text","type":"registry:component"},{"description":"A section rail for long pages, with a tick per heading that you can hover, click or drag to scrub, built with React.","name":"scroll-index","title":"Scroll Index","type":"registry:component"},{"description":"A headline sitting on a string you can pluck, strum and let ring, built with React and real string physics.","name":"plucked-text","title":"Plucked Text","type":"registry:component"},{"description":"Flat text that cuts into hard-shifted bands with a thin red/cyan split, on idle, hover or text change.","name":"glitch-text","title":"Glitch Text","type":"registry:component"},{"description":"Morphing text where shared letters travel, old ones fall and new ones land, with decode and cycle modes.","name":"dynamic-text","title":"Dynamic Text","type":"registry:component"},{"dependencies":["class-variance-authority","lucide-react","motion"],"description":"A status button for async actions, with a spinner, a drawn check and a particle burst on success.","name":"particle-button","registryDependencies":["button"],"title":"Particle Button","type":"registry:component"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Music card with a spinning disc you can grab and turn to scrub, built with React and Tailwind CSS.","name":"liquid-glass-card","registryDependencies":["card","button"],"title":"Now Playing","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An account card that morphs into its own menu, with account switching, status, theme and hold-to-sign-out.","name":"profile-dropdown","title":"Account Menu","type":"registry:component"},{"description":"Animated loading indicator with rotating gradient rings, size variants and customizable title text. Built with React and Tailwind CSS.","name":"loader","title":"Loader","type":"registry:component"},{"description":"Animated link button with a vertical text slide on hover and default and ghost variants, built with React, Next.js Link, and Tailwind CSS.","name":"slide-text-button","title":"Slide Text Button","type":"registry:component"},{"dependencies":["motion"],"description":"Navigation bar that splits around the active link, with drag-to-scrub, flick projection and an optional compact fold.","name":"morphic-navbar","title":"Split Nav","type":"registry:component"},{"dependencies":["motion"],"description":"A pill that reports background work, reshaping as tasks change and opening into a list of everything in flight.","name":"status-island","title":"Status Island","type":"registry:component"},{"dependencies":["motion"],"description":"A button that grows into the form it opens, with its label sliding up to become the title, then shrinks into a confirmation.","name":"morph-popover","title":"Morph Popover","type":"registry:component"},{"dependencies":["motion"],"description":"A photo grid whose thumbnails grow into a full view and fly back to their slot when you drag them down.","name":"lightbox-grid","title":"Lightbox Grid","type":"registry:component"},{"description":"Inline text hidden under drifting specks, like a chat spoiler. A click blows the specks away from the point you touched.","name":"spoiler-text","title":"Spoiler Text","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A panel that drills into pages like settings on a phone. The tapped row's label flies up into the title, and a swipe right takes you back.","name":"stack-panel","title":"Stack Panel","type":"registry:component"},{"description":"A text box that suggests how your sentence ends in grey after the caret. Tab takes it all, the right arrow takes one word, and typing the same letters keeps it.","name":"ai-autocomplete","title":"AI Autocomplete","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An action button that gives you a few seconds to take it back, with the time left drawn around its own edge.","name":"undo-button","title":"Undo Button","type":"registry:component"},{"dependencies":["motion"],"description":"Find a meeting time across time zones. Turn the meeting round a 24-hour dial where each ring is someone's day.","name":"timezone-planner","title":"Time Zone Planner","type":"registry:component"},{"dependencies":["motion"],"description":"A book you turn by the corner. Drag a page over the spine or tap to turn it.","name":"page-flip","title":"Page Flip","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An answer where every unsure word shows what else the model weighed. Pick another word and the reply writes itself again from there.","name":"ai-token-alternatives","title":"AI Token Alternatives","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A chat where editing a message starts a new branch. A small tree beside it shows every version, and you can jump between them.","name":"ai-branches","title":"AI Conversation Branches","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A lead agent hands work to sub-agents that run side by side. Each gets a lane of tool calls, and you can scrub through the whole run.","name":"ai-agent-lanes","title":"AI Agent Lanes","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Select text in a document and ask AI to rewrite it. The edit streams in place as a word-level diff you accept, discard or try again.","name":"ai-inline-edit","title":"AI Inline Edit","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Keep typing while the agent works. Follow-ups stack above the composer, where you can reorder, edit or send one now, and go in one by one when the run ends.","name":"ai-message-queue","title":"AI Message Queue","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Names, emails, card numbers and keys are masked as placeholders before a prompt is sent. Replies come back with the placeholders and are filled in with the real values.","name":"ai-redact","title":"AI Redact","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An assistant that saves what it learns about you into a memory list. New facts replace the ones they contradict, and you can edit or forget any of them.","name":"ai-memory","title":"AI Memory","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Hand-drawn highlights, underlines, circles, boxes and strikes that draw themselves in reading order when the text comes into view.","name":"marker-text","title":"Marker Text","type":"registry:component"},{"description":"A hero written in ink on water. Stir it and the letters bleed, drop ink with a click, and the headline gathers itself again, built with React, WebGL and a fluid simulation.","name":"ink-background","title":"Ink Background","type":"registry:component"},{"description":"A hero on the floor of a pool. Light ripples across it, clicks drop rings that bend the light, and the headline floats on the surface with its shadow wobbling below.","name":"caustics-background","title":"Caustics Background","type":"registry:component"},{"description":"A hero seen through a rainy window. Drops gather, run and swallow each other, each one a tiny lens showing the view, and dragging wipes the fog off the glass for a while.","name":"rain-glass-background","title":"Rain Glass Background","type":"registry:component"},{"description":"A headline that works as a sundial. Each letter casts a long, soft shadow set by the reader's clock, and bringing the pointer close turns it into a lamp.","name":"shadow-text","title":"Shadow Text","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Pick seats for a show. Drag along a row to take several, and it points out any single seat you'd leave stranded.","name":"seat-map","title":"Seat Map","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A keypad for sending money. Digits spring into place, commas slide them along, and the amount shrinks to fit as it grows.","name":"amount-pad","title":"Amount Pad","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A confirm control for payments and other actions you can't take back. Slide the thumb to the end, or flick it.","name":"slide-to-confirm","title":"Slide to Confirm","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A bookmark button that files into collections. Tap to save to the last one, then change it or make a new one from the strip.","name":"save-button","title":"Save Button","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An Add button that opens into a quantity stepper in place, with a bin at one and press-and-hold to repeat.","name":"cart-button","title":"Cart Button","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A one-row card input for checkout. The number groups the way the brand prints it, then slides away to its last four digits to make room for expiry and security code.","name":"card-field","title":"Card Field","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A date range for booking stays. Every night shows its price, sold-out nights are hatched, and your stay is drawn as one pill that wraps from week to week as you drag.","name":"stay-picker","title":"Stay Picker","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Book a meeting on a real day rail. Click a free gap and drag the meeting; it hops over what's already booked, grows in place when you change the length, and shows the host's local time.","name":"slot-picker","title":"Slot Picker","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A tip picker for checkout, set on a tape you drag and flick. The ticks you pass fill in, the amounts roll, and Round up makes the total a whole amount.","name":"tip-selector","title":"Tip Selector","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A boarding pass that keeps itself current. When the gate or times change, only the characters that moved roll over, and the old value stays underneath, struck through.","name":"boarding-pass","title":"Boarding Pass","type":"registry:component"},{"description":"Departure-board lettering for launch headlines and status lines. Each tile flips through its drum only as far as its new letter, on a real hinge, a beat after its neighbour.","name":"split-flap-text","title":"Split Flap Text","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Set a pickup point the way ride apps do. Drag the map under a fixed pin; it lifts off its shadow, glides onto the nearest curb, drops, and the street rolls in.","name":"location-picker","title":"Location Picker","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Pick from a shoot the way photographers do. Circle a frame in china marker, click again to strike it, and look through a loupe at the detail first.","name":"contact-sheet","title":"Contact Sheet","type":"registry:component"},{"description":"React hook that auto-resizes a textarea to fit its content between a min and max height.","name":"use-auto-resize-textarea","title":"Use Auto Resize Textarea","type":"registry:hook"},{"description":"React hook that runs a callback when the user clicks outside the referenced element.","name":"use-click-outside","title":"Use Click Outside","type":"registry:hook"},{"description":"React hook that copies text to the clipboard and exposes a copied state with a reset timeout.","name":"use-copy-to-clipboard","title":"Use Copy To Clipboard","type":"registry:hook"},{"description":"React hook that reports whether the viewport is below the 768px mobile breakpoint.","name":"use-mobile","title":"Use Mobile","type":"registry:hook"}]},"more shadcn":{"favicon":"/favicons/more-shadcn.svg","items":[{"description":"A modern audio player with progress scrubbing and volume controls.","name":"audio","registryDependencies":["button","slider","hover-card"],"title":"Audio","type":"registry:ui"},{"description":"An audio visualization component","name":"audio-wave","title":"Audio Wave","type":"registry:ui"},{"description":"An input component with autocomplete suggestions.","name":"autocomplete","registryDependencies":["input"],"title":"Autocomplete","type":"registry:ui"},{"description":"A dismissible page-level notice that remembers when it was closed.","name":"banner","title":"Banner","type":"registry:ui"},{"description":"A full-sized, interactive calendar with month view and event items.","name":"big-calendar","registryDependencies":["button","input","label"],"title":"Big Calendar","type":"registry:ui"},{"description":"A mobile-first bottom navigation bar.","name":"bottom-nav","registryDependencies":["button"],"title":"Bottom Navigation","type":"registry:ui"},{"description":"An infinite pannable, zoomable field with draggable nodes and connectors.","name":"canvas","title":"Canvas","type":"registry:ui"},{"description":"Compact element that represents an input, attribute, or action.","name":"chip","title":"Chip","type":"registry:ui"},{"description":"A visual radio group for selecting complex options.","name":"choicebox","registryDependencies":["label"],"title":"Choicebox","type":"registry:ui"},{"description":"A mobile-first bottom navigation bar.","name":"color-picker","registryDependencies":["button","button-group","command","popover","input"],"title":"Color Picker","type":"registry:ui"},{"description":"A slider to compare two overlapping elements, usually images.","name":"compare-slider","title":"Compare Slider","type":"registry:ui"},{"description":"A customizable cursor component.","name":"cursor","title":"Cursor","type":"registry:ui"},{"description":"A horizontal strip of dates with optional navigation.","name":"date-strip","registryDependencies":["button"],"title":"Date Strip","type":"registry:ui"},{"description":"A macOS-style dock with magnification interaction.","name":"dock","registryDependencies":["svelte/motion"],"title":"Dock","type":"registry:ui"},{"description":"A combobox-style select that allows users to pick from predefined options or enter a custom value.","name":"dynamic-select","registryDependencies":["button","command","popover"],"title":"Dynamic Select","type":"registry:ui"},{"description":"A self-contained emoji picker with categories, search, skin tones and recents.","name":"emoji-picker","title":"Emoji Picker","type":"registry:ui"},{"description":"A styled card for agenda items with a dynamic low-opacity background and floating indicator.","name":"event-card","registryDependencies":["button"],"title":"Event Card","type":"registry:ui"},{"description":"A geocoder component that provides search and autocomplete functionality for location-based queries. It can be used to find addresses, places, or points of interest based on user input.","name":"geocoder","registryDependencies":["input"],"title":"Geocoder","type":"registry:ui"},{"description":"A button that triggers an action only after being held for a specified duration.","name":"hold-button","registryDependencies":["button"],"title":"Hold Button","type":"registry:ui"},{"description":"Converts vertical mouse wheel scrolling into horizontal scrolling.","name":"horizontal-scroll","registryDependencies":["button","button-group","command","popover","input"],"title":"Horizontal Scroll","type":"registry:ui"},{"description":"A component to zoom into images in an overlay.","name":"image-zoom","registryDependencies":["button"],"title":"Image Zoom","type":"registry:ui"},{"description":"A theme-aware rotating dial for precise numeric adjustment.","name":"knob","title":"Knob","type":"registry:ui"},{"description":"Render user-generated content, blog posts, or comments with optimized typography and safety.","name":"markdown","title":"Markdown","type":"registry:ui"},{"description":"An input or textarea that opens a filterable list when you type a trigger character.","name":"mention-input","title":"Mention Input","type":"registry:ui"},{"dependencies":["svelte/motion"],"description":"An animated number counter using spring physics.","name":"number-ticker","title":"Number Ticker","type":"registry:ui"},{"dependencies":["@kevwpl/svelte-o-phone","libphonenumber-js"],"description":"International phone input with validation and formatting.","name":"phone-input","registryDependencies":["button","input","popover","command"],"title":"Phone Input","type":"registry:ui"},{"description":"Four rising bars that show connection quality from a live probe.","name":"ping-indicator","title":"Ping Indicator","type":"registry:ui"},{"description":"A vector-based QR generator with support for colors and logos.","name":"qr-code","title":"QR Code","type":"registry:ui"},{"description":"A drag-to-adjust numeric input, similar to Blender or Unity.","name":"scrubbable","title":"Scrubbable Input","type":"registry:ui"},{"description":"A button with a shiny reflection effect.","name":"shiny-button","registryDependencies":["button"],"title":"Shiny Button","type":"registry:ui"},{"description":"A pressure and velocity aware drawing canvas that exports to PNG or SVG.","name":"signature-pad","title":"Signature Pad","type":"registry:ui"},{"description":"A sortable list for vertical, horizontal, and grid layouts.","name":"sortable","title":"Sortable","type":"registry:ui"},{"description":"A card that reveals a radial gradient background on hover.","name":"spotlight-card","registryDependencies":["card"],"title":"Spotlight Card","type":"registry:ui"},{"description":"A simple indicator for state, presence, or activity.","name":"status-dot","title":"Status Dot","type":"registry:ui"},{"description":"A visual indicator for multi-step processes.","name":"stepper","registryDependencies":["button"],"title":"Stepper","type":"registry:ui"},{"description":"An editable coloured note for boards and canvases.","name":"sticky-note","title":"Sticky Note","type":"registry:ui"},{"description":"An input field for entering multiple values, displayed as chips.","name":"tag-input","title":"Tag Input","type":"registry:ui"},{"description":"A vertical list of events or milestones.","name":"timeline","title":"Timeline","type":"registry:ui"},{"description":"A reload prompt that appears when a new service worker is waiting to take over.","name":"update-banner","registryDependencies":["button"],"title":"Update Banner","type":"registry:ui"},{"description":"A self-contained heuristic bot protection component. It uses honeypots, velocity checks, and event trust analysis.","name":"verify-human","title":"Hold Button","type":"registry:ui"},{"description":"A responsive video player with controls and progress bar.","name":"video","registryDependencies":["button"],"title":"Video","type":"registry:ui"},{"dependencies":["@floating-ui/dom"],"description":"A guided tour component with spotlight and popover.","name":"walkthrough","registryDependencies":["button"],"title":"Walkthrough","type":"registry:ui"},{"description":"An iOS-style scrollable wheel selector.","name":"wheel-picker","title":"Wheel Picker","type":"registry:ui"}]},"eldora ui":{"favicon":"/favicons/eldora-ui.ico","items":[{"dependencies":["react"],"description":"A safari browser component.","name":"safari-browser","title":"safari-browser","type":"registry:ui"},{"dependencies":["react"],"description":"A MacBook Pro SVG component.","name":"macbook-pro","title":"macbook-pro","type":"registry:ui"},{"dependencies":["react"],"description":"An iPhone 17 Pro SVG component.","name":"iphone-17-pro","title":"iphone-17-pro","type":"registry:ui"},{"dependencies":["react"],"description":"An iPad SVG component.","name":"ipad","title":"ipad","type":"registry:ui"},{"dependencies":["react","lucide-react"],"description":"A browser SVG component.","name":"browser","registryDependencies":["utils","button","badge","card","separator","input"],"title":"browser","type":"registry:ui"},{"dependencies":["react-spring","cobe","react"],"description":"A cobe globe component.","name":"cobe-globe","registryDependencies":["button","utils"],"title":"cobe-globe","type":"registry:ui"},{"dependencies":["react","lucide-react"],"description":"A github inline comments component.","name":"github-inline-comments","registryDependencies":["button","utils","tooltip","badge","textarea","separator","avatar"],"title":"github-inline-comments","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"An animated badge component.","name":"animated-badge","title":"animated-badge","type":"registry:ui"},{"dependencies":["react"],"description":"A grid component.","name":"grid","registryDependencies":["utils"],"title":"grid","type":"registry:ui"},{"dependencies":["react","motion"],"description":"A clerk OTP component.","name":"clerk-otp","registryDependencies":["utils"],"title":"clerk-otp","type":"registry:ui"},{"description":"A performant, customizable marquee (scrolling text/content) component.","name":"marquee","registryDependencies":["utils"],"title":"marquee","type":"registry:ui"},{"dependencies":["react","motion","lucide-react"],"description":"An integrations component.","name":"integrations","registryDependencies":["utils"],"title":"integrations","type":"registry:ui"},{"dependencies":["react","lucide-react","react-icons/go"],"description":"A terminal component.","name":"terminal","title":"terminal","type":"registry:ui"},{"dependencies":["react","@headlessui/react"],"description":"A testimonial slider component.","name":"testimonal-slider","title":"testimonal-slider","type":"registry:ui"},{"dependencies":["motion"],"description":"An animated map component with location markers.","name":"map","title":"map","type":"registry:ui"},{"dependencies":["motion"],"description":"An SVG ripple effect component.","name":"svg-ripple-effect","registryDependencies":["utils"],"title":"svg-ripple-effect","type":"registry:ui"},{"dependencies":["motion","react"],"description":"An animated frameworks component.","name":"animated-frameworks","registryDependencies":["utils"],"title":"animated-frameworks","type":"registry:ui"},{"dependencies":["motion","react","clsx"],"description":"A blur in text component.","name":"blur-in-text","title":"blur-in-text","type":"registry:ui"},{"dependencies":["motion","react","clsx"],"description":"A combined fade text component with support for in, up, and down directions.","name":"fade-text","title":"fade-text","type":"registry:ui"},{"dependencies":["motion","react","clsx"],"description":"A gradual spacing text component.","name":"gradual-spacing-text","title":"gradual-spacing-text","type":"registry:ui"},{"dependencies":["motion","react","clsx"],"description":"A letter pull up text component.","name":"letter-pull-up-text","title":"letter-pull-up-text","type":"registry:ui"},{"dependencies":["motion","react","clsx"],"description":"A multi direction slide text component.","name":"multi-direction-slide-text","title":"multi-direction-slide-text","type":"registry:ui"},{"dependencies":["motion","react","clsx"],"description":"A seperate away text component.","name":"seperate-away-text","title":"seperate-away-text","type":"registry:ui"},{"dependencies":["motion","react","clsx"],"description":"A wavy text component.","name":"wavy-text","title":"wavy-text","type":"registry:ui"},{"dependencies":["motion","react","clsx"],"description":"A word pull up text component.","name":"word-pull-up-text","title":"word-pull-up-text","type":"registry:ui"},{"dependencies":["react","ogl"],"description":"A novatrix background component.","name":"novatrix-background","title":"novatrix-background","type":"registry:ui"},{"dependencies":["react","three"],"description":"A photon beam background component with animated light trails.","name":"photon-beam","title":"photon-beam","type":"registry:ui"},{"dependencies":["react"],"description":"A hacker background component.","name":"hacker-background","title":"hacker-background","type":"registry:ui"},{"dependencies":["react"],"description":"A card flip hover component.","name":"card-flip-hover","title":"card-flip-hover","type":"registry:ui"},{"dependencies":["react"],"description":"A scale letter text component.","name":"scale-letter-text","title":"scale-letter-text","type":"registry:ui"},{"dependencies":["react"],"description":"A font weight text component.","name":"font-weight-text","registryDependencies":["utils"],"title":"font-weight-text","type":"registry:ui"},{"dependencies":["react","three","react-three-fiber"],"description":"An animated grid pattern component.","name":"animated-grid-pattern","title":"animated-grid-pattern","type":"registry:ui"},{"dependencies":["react"],"description":"A live button component.","name":"live-button","title":"live-button","type":"registry:ui"},{"dependencies":["react"],"description":"An animated shiny button component.","name":"animated-shiny-button","title":"animated-shiny-button","type":"registry:ui"},{"dependencies":["react"],"description":"An animated list component.","name":"animated-list","title":"animated-list","type":"registry:ui"},{"dependencies":["react","react-icons"],"description":"An orbit rotation component with customizable icons.","name":"orbit-rotation","registryDependencies":["utils"],"title":"orbit-rotation","type":"registry:ui"},{"dependencies":["react","motion"],"description":"An animated logo timeline component with horizontal scrolling logos.","name":"logo-timeline","registryDependencies":["utils"],"title":"logo-timeline","type":"registry:ui"},{"dependencies":["react","motion"],"description":"A dock text component with interactive hover effects.","name":"dock-text","title":"dock-text","type":"registry:ui"},{"dependencies":["react","motion"],"description":"An interactive card with a holographic gradient and mouse‑reactive tilt effect.","name":"holographic-card","title":"holographic-card","type":"registry:ui"},{"categories":["header"],"dependencies":["motion/react","lucide-react","next-themes"],"description":"A simple header.","name":"header-01","registryDependencies":["button","utils"],"type":"registry:block"},{"categories":["header"],"dependencies":["motion/react","lucide-react","next-themes"],"description":"A simple header.","name":"header-02","registryDependencies":["button","utils"],"type":"registry:block"},{"categories":["logo-cloud"],"dependencies":["lucide-react"],"description":"A simple logo cloud.","name":"logo-cloud-01","type":"registry:block"},{"categories":["logo-cloud"],"description":"A logo cloud with flex wrap layout.","name":"logo-cloud-02","type":"registry:block"},{"categories":["logo-cloud"],"description":"A logo cloud with marquee effect.","name":"logo-cloud-03","registryDependencies":["marquee"],"type":"registry:block"},{"categories":["logo-cloud"],"dependencies":["motion/react"],"description":"A logo cloud with motion.","name":"logo-cloud-04","type":"registry:block"},{"categories":["testimonials"],"dependencies":["react-icons/md"],"description":"A testimonial slider.","name":"testimonal-01","type":"registry:block"},{"categories":["testimonials"],"dependencies":["motion/react"],"description":"A testimonial marquee.","name":"testimonal-02","registryDependencies":["utils"],"type":"registry:block"},{"categories":["testimonials"],"description":"A testimonial card grid.","name":"testimonal-03","type":"registry:block"},{"categories":["features"],"dependencies":["motion/react","@radix-ui/react-accordion","lucide-react"],"description":"Features section with accordion and image carousel.","name":"features-01","type":"registry:block"},{"categories":["cta"],"dependencies":["motion/react","next-themes"],"description":"CTA with heading, grid background, and animated side lines.","name":"cta-01","registryDependencies":["utils"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion/react","next-themes"],"description":"CTA with heading, button, and orbiting app icons.","name":"cta-02","registryDependencies":["button","grid","utils"],"type":"registry:block"},{"categories":["cta"],"dependencies":["lucide-react"],"description":"CTA with heading, button, and ripple background.","name":"cta-03","registryDependencies":["utils"],"type":"registry:block"},{"categories":["pricing"],"dependencies":["motion/react"],"description":"A pricing section.","name":"pricing-01","registryDependencies":["utils"],"type":"registry:block"},{"categories":["pricing"],"dependencies":["motion/react"],"description":"A pricing table with a dropdown menu.","name":"pricing-02","registryDependencies":["utils"],"type":"registry:block"},{"categories":["footer"],"dependencies":["lucide-react"],"description":"A footer.","name":"footer-01","type":"registry:block"}]},"shadcn-vue":{"favicon":"/favicons/shadcn-vue.png","items":[{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"accordion","type":"registry:ui"},{"dependencies":["cn"],"name":"alert","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"alert-dialog","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["reka-ui"],"name":"aspect-ratio","type":"registry:ui"},{"dependencies":["cn","reka-ui"],"name":"attachment","type":"registry:ui"},{"dependencies":["cn","reka-ui","@vueuse/core"],"name":"avatar","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"badge","type":"registry:ui"},{"dependencies":["cn","reka-ui"],"name":"breadcrumb","type":"registry:ui"},{"dependencies":["reka-ui","cn"],"name":"bubble","type":"registry:ui"},{"dependencies":["reka-ui","cn"],"name":"button","type":"registry:ui"},{"dependencies":["cn","reka-ui","@vueuse/core"],"name":"button-group","registryDependencies":["separator"],"type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"calendar","registryDependencies":["native-select","button"],"type":"registry:ui"},{"dependencies":["cn"],"name":"card","type":"registry:ui"},{"dependencies":["cn","embla-carousel-vue","@vueuse/core"],"name":"carousel","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["cn","reka-ui","@vueuse/core"],"name":"chart","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"checkbox","type":"registry:ui"},{"dependencies":["cn","reka-ui","@vueuse/core","shiki"],"name":"code-block","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["reka-ui"],"name":"collapsible","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"combobox","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"command","registryDependencies":["dialog"],"type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"context-menu","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"dialog","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"drawer","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"dropdown-menu","type":"registry:ui"},{"dependencies":["cn"],"name":"empty","type":"registry:ui"},{"dependencies":["cn"],"name":"field","registryDependencies":["label","separator"],"type":"registry:ui"},{"dependencies":["reka-ui","cn","vee-validate","@vee-validate/zod","zod@3.25.76"],"name":"form","registryDependencies":["label"],"type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"hover-card","type":"registry:ui"},{"dependencies":["@vueuse/core","cn"],"name":"input","type":"registry:ui"},{"dependencies":["cn"],"name":"input-group","registryDependencies":["button","input","textarea"],"type":"registry:ui"},{"dependencies":["vue-input-otp","@vueuse/core","cn","reka-ui"],"name":"input-otp","type":"registry:ui"},{"dependencies":["reka-ui","cn"],"name":"item","registryDependencies":["separator"],"type":"registry:ui"},{"dependencies":["cn"],"name":"kbd","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"label","type":"registry:ui"},{"dependencies":["reka-ui","cn"],"name":"marker","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"menubar","type":"registry:ui"},{"dependencies":["reka-ui","cn"],"name":"message","type":"registry:ui"},{"dependencies":["cn"],"name":"message-scroller","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"native-select","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"navigation-menu","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"number-field","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"pagination","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"pin-input","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"popover","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"progress","type":"registry:ui"},{"dependencies":["cn","reka-ui"],"name":"questionnaire","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"radio-group","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"range-calendar","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"resizable","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"scroll-area","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"select","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"separator","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"sheet","type":"registry:ui"},{"dependencies":["cn","reka-ui","@vueuse/core"],"name":"sidebar","registryDependencies":["sheet","input","tooltip","skeleton","separator","button"],"type":"registry:ui"},{"dependencies":["cn"],"name":"skeleton","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"slider","type":"registry:ui"},{"dependencies":["vue-sonner","cn"],"name":"sonner","type":"registry:ui"},{"dependencies":["cn"],"name":"spinner","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"stepper","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"switch","type":"registry:ui"},{"dependencies":["cn","@vueuse/core"],"name":"table","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"tabs","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"tags-input","type":"registry:ui"},{"dependencies":["@vueuse/core","cn"],"name":"textarea","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"toggle","type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"toggle-group","registryDependencies":["toggle"],"type":"registry:ui"},{"dependencies":["reka-ui","@vueuse/core","cn"],"name":"tooltip","type":"registry:ui"},{"dependencies":["cn","reka-ui","@vueuse/core"],"name":"trace","registryDependencies":["collapsible"],"type":"registry:ui"}]},"1st pouf":{"favicon":"/favicons/1st-pouf.svg","items":[{"dependencies":["clsx"],"name":"alert-bell","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"AlertBell","type":"registry:ui"},{"dependencies":["@radix-ui/react-aspect-ratio"],"name":"aspect-ratio","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"AspectRatio","type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","class-variance-authority"],"name":"avatar","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Avatar","type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog","clsx"],"name":"bottom-nav","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/text.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"BottomNav","type":"registry:ui"},{"name":"breadcrumb","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Breadcrumb","type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"button","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Button","type":"registry:ui"},{"dependencies":["recharts"],"name":"charts","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Charts","type":"registry:ui"},{"dependencies":["@radix-ui/react-checkbox","clsx"],"name":"checkbox","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Checkbox","type":"registry:ui"},{"dependencies":["@radix-ui/react-alert-dialog","@radix-ui/react-dialog","@radix-ui/react-popover","@radix-ui/react-select","@radix-ui/react-switch","@radix-ui/react-tooltip","clsx"],"name":"controls","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/text.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Controls (Select, Switch, Tooltip, Dialog, Confirm, Combobox)","type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"cta","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"CTA","type":"registry:ui"},{"dependencies":["@radix-ui/react-accordion","@radix-ui/react-collapsible","@radix-ui/react-tabs","clsx","framer-motion"],"name":"disclosure","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Tabs, Accordion, Collapsible","type":"registry:ui"},{"name":"error-boundary","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"ErrorBoundary","type":"registry:ui"},{"dependencies":["clsx"],"name":"feedback","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Empty, Skeleton, ErrorNote","type":"registry:ui"},{"name":"footer","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Footer","type":"registry:ui"},{"dependencies":["@radix-ui/react-hover-card","framer-motion"],"name":"hover-card","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"HoverCard","type":"registry:ui"},{"dependencies":["@tabler/icons-react"],"name":"icon","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Icon","type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"input","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Input","type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"layout","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Layout","type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"media","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Blob, Badge, Dot, Figure","type":"registry:ui"},{"dependencies":["@radix-ui/react-context-menu","@radix-ui/react-dropdown-menu","clsx","framer-motion"],"name":"menu","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json"],"title":"DropdownMenu + ContextMenu","type":"registry:ui"},{"dependencies":["@radix-ui/react-menubar","clsx","framer-motion"],"name":"menubar","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json"],"title":"Menubar","type":"registry:ui"},{"dependencies":["clsx"],"name":"nav-link","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"NavLink","type":"registry:ui"},{"dependencies":["clsx"],"name":"navbar","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Navbar","type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"number-input","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/numberinput-math.json"],"title":"NumberInput","type":"registry:ui"},{"name":"pagination","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Pagination","type":"registry:ui"},{"dependencies":["@radix-ui/react-progress","clsx","framer-motion"],"name":"progress","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Progress","type":"registry:ui"},{"dependencies":["@radix-ui/react-radio-group"],"name":"radio-group","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"RadioGroup","type":"registry:ui"},{"name":"readout","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Stat, Metric","type":"registry:ui"},{"dependencies":["@radix-ui/react-scroll-area"],"name":"scroll-area","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"ScrollArea","type":"registry:ui"},{"dependencies":["clsx"],"name":"segmented","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Segmented","type":"registry:ui"},{"dependencies":["@radix-ui/react-separator"],"name":"separator","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Separator","type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog"],"name":"sheet","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"sheet","type":"registry:ui"},{"dependencies":["@radix-ui/react-slider"],"name":"slider","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Slider","type":"registry:ui"},{"dependencies":["clsx"],"name":"status","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/text.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Status, Freshness, ModeBanner","type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"surface","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json"],"title":"Card, RowCard","type":"registry:ui"},{"name":"table","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Table","type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"text","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"Heading, Text, Highlight, Eyebrow","type":"registry:ui"},{"dependencies":["clsx","framer-motion"],"name":"toast","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json"],"title":"Toast","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"toaster","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json"],"title":"Toaster","type":"registry:ui"},{"dependencies":["@radix-ui/react-toggle-group","clsx"],"name":"toggle","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/tone.json"],"title":"ToggleGroup","type":"registry:ui"},{"description":"An example dashboard — sidebar nav, KPI row, chart, and data table.","name":"dashboard","page":"https://1st-pouf.worksonmy.dev/examples/dashboard","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/charts.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/readout.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/status.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/table.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Dashboard","type":"registry:block"},{"dependencies":["react-hook-form"],"description":"An example auth screen — card, fields, and buttons.","name":"login","page":"https://1st-pouf.worksonmy.dev/blocks/login","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/separator.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Login screen","type":"registry:block"},{"dependencies":["react-hook-form"],"description":"An example settings screen — tabbed sections of form controls.","name":"settings","page":"https://1st-pouf.worksonmy.dev/examples/settings","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/controls.json","https://1st-pouf.worksonmy.dev/r/disclosure.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/radio-group.json","https://1st-pouf.worksonmy.dev/r/separator.json","https://1st-pouf.worksonmy.dev/r/slider.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Settings page","type":"registry:block"},{"dependencies":["clsx"],"description":"An example messaging UI — a conversation list beside a live thread.","name":"chat","page":"https://1st-pouf.worksonmy.dev/examples/chat","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Chat","type":"registry:block"},{"description":"An example game interface — score, health/XP bars, and a leaderboard.","name":"game","page":"https://1st-pouf.worksonmy.dev/blocks/game","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/progress.json","https://1st-pouf.worksonmy.dev/r/readout.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/table.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Game HUD","type":"registry:block"},{"description":"An example pricing page — three plans with feature checklists.","name":"pricing","page":"https://1st-pouf.worksonmy.dev/blocks/pricing","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Pricing","type":"registry:block"},{"description":"An example blog index — a featured post and a grid of cards.","name":"blog","page":"https://1st-pouf.worksonmy.dev/blocks/blog","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/pagination.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Blog","type":"registry:block"},{"description":"An example profile page — avatar, stats, and tabbed content.","name":"profile","page":"https://1st-pouf.worksonmy.dev/blocks/profile","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/disclosure.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/readout.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Profile","type":"registry:block"},{"dependencies":["@dnd-kit/core","clsx"],"description":"An example task board — columns of cards with priorities and assignees.","name":"kanban","page":"https://1st-pouf.worksonmy.dev/examples/kanban","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Kanban board","type":"registry:block"},{"description":"An example now-playing screen — album art, scrubber, and a queue.","name":"music","page":"https://1st-pouf.worksonmy.dev/blocks/music","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/slider.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Music player","type":"registry:block"},{"description":"An example feed — a composer and a stream of posts with reactions.","name":"feed","page":"https://1st-pouf.worksonmy.dev/blocks/feed","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Social feed","type":"registry:block"},{"dependencies":["react-hook-form"],"description":"An example checklist — add, filter, and check off tasks.","name":"todo","page":"https://1st-pouf.worksonmy.dev/blocks/todo","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/checkbox.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Todo list","type":"registry:block"},{"dependencies":["react-hook-form"],"description":"An example setup wizard — a progress bar and step-by-step forms.","name":"onboarding","page":"https://1st-pouf.worksonmy.dev/blocks/onboarding","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/progress.json","https://1st-pouf.worksonmy.dev/r/radio-group.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Onboarding","type":"registry:block"},{"description":"An example weather card — current conditions, hourly, and a 5-day forecast.","name":"weather","page":"https://1st-pouf.worksonmy.dev/blocks/weather","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/readout.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Weather widget","type":"registry:block"},{"description":"An example quiz card — progress, questions, and inline scoring.","name":"quiz","page":"https://1st-pouf.worksonmy.dev/blocks/quiz","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/progress.json","https://1st-pouf.worksonmy.dev/r/radio-group.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Quiz","type":"registry:block"},{"description":"A complete marketing route — navbar, hero, proof, features, pricing, CTA, and footer.","name":"landing","page":"https://1st-pouf.worksonmy.dev/examples/landing","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/cta.json","https://1st-pouf.worksonmy.dev/r/footer.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/navbar.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json","https://1st-pouf.worksonmy.dev/r/icon.json"],"title":"Landing page","type":"registry:block"},{"dependencies":["react-hook-form"],"description":"A complete commerce route with site chrome, product discovery, a working bag, totals, and order state.","name":"storefront","page":"https://1st-pouf.worksonmy.dev/examples/storefront","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/footer.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/navbar.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Storefront","type":"registry:block"},{"dependencies":["clsx","react-hook-form"],"description":"A complete support workspace with app chrome, queue filters, ticket detail, replies, and status updates.","name":"support","page":"https://1st-pouf.worksonmy.dev/examples/support","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/controls.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Support desk","type":"registry:block"},{"dependencies":["clsx"],"description":"An example email inbox — a message list beside a reading pane.","name":"inbox","page":"https://1st-pouf.worksonmy.dev/examples/inbox","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Inbox","type":"registry:block"},{"description":"An example day agenda with working navigation.","name":"calendar","page":"https://1st-pouf.worksonmy.dev/blocks/calendar","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Calendar","type":"registry:block"},{"description":"A high-trust contact section with context, inline validation, and a submitted state.","name":"contact","page":"https://1st-pouf.worksonmy.dev/blocks/contact","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/controls.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Contact section","type":"registry:block"},{"description":"A filterable customer-story carousel with outcomes and accessible controls.","name":"testimonials","page":"https://1st-pouf.worksonmy.dev/blocks/testimonials","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/icon.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Testimonials","type":"registry:block"},{"description":"A complete customer workspace with responsive app chrome, filters, lifecycle stages, and notes.","name":"crm","page":"https://1st-pouf.worksonmy.dev/examples/crm","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/controls.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Customer CRM","type":"registry:block"},{"description":"A complete inventory workspace with searchable stock, filters, sortable records, item detail, and receiving actions.","name":"inventory","page":"https://1st-pouf.worksonmy.dev/examples/inventory","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/readout.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/table.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Inventory","type":"registry:block"},{"description":"A publishing workspace that moves stories from draft through scheduling to launch.","name":"editorial","page":"https://1st-pouf.worksonmy.dev/examples/editorial","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Editorial desk","type":"registry:block"},{"description":"A learning workspace with a lesson outline, completion controls, and live progress.","name":"course","page":"https://1st-pouf.worksonmy.dev/examples/course","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/progress.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Course dashboard","type":"registry:block"},{"description":"A live event workspace with attendee search, attendance filters, summary counts, and working check-in.","name":"event","page":"https://1st-pouf.worksonmy.dev/examples/event","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/readout.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Event check-in","type":"registry:block"},{"description":"A complete service-booking route with site chrome, scheduling, contact details, review, and confirmation.","name":"booking","page":"https://1st-pouf.worksonmy.dev/examples/booking","registryDependencies":["https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/footer.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/navbar.json","https://1st-pouf.worksonmy.dev/r/progress.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"],"title":"Booking flow","type":"registry:block"}]},"7ovr":{"favicon":"/favicons/7ovr.svg","items":[{"categories":["hero"],"dependencies":["@base-ui/react"],"description":"Centered hero section with a beta badge, headline, dual call-to-action buttons, and a trusted-by row of five plain-text company wordmarks.","name":"hero-1","registryDependencies":["badge","button","separator"],"title":"Centered Hero With Trust Logos","type":"registry:block"},{"categories":["auth"],"dependencies":["zod","@base-ui/react"],"description":"Sign-in card centered on the page with email and password fields, a remember-me checkbox, forgot-password link, and Google and GitHub login buttons.","name":"auth-1","registryDependencies":["button","card","checkbox","field","input","separator","sonner"],"title":"Centered Sign-In Card","type":"registry:block"},{"categories":["features"],"dependencies":["@base-ui/react"],"description":"Features grid of six icon cards, each with a short title and one line of supporting copy, in a three-column layout.","name":"features-1","registryDependencies":["card"],"title":"Six Card Icon Grid","type":"registry:block"},{"categories":["dashboard"],"dependencies":["recharts","@base-ui/react"],"description":"Analytics overview dashboard where a date-range select drives four stat cards above a monthly sessions bar chart.","name":"dashboard-1","registryDependencies":["badge","card","chart","select"],"title":"Overview With Range Select","type":"registry:block"},{"categories":["app-shell"],"dependencies":["@base-ui/react"],"description":"App shell pairing a collapsible sidebar with a top bar carrying search, notifications, and a user menu, over a dashboard of revenue and user stat cards.","name":"app-shell-1","registryDependencies":["avatar","badge","button","command","dropdown-menu","kbd","popover","progress","separator","sidebar"],"title":"Sidebar Dashboard Shell","type":"registry:block"},{"categories":["header"],"dependencies":["@base-ui/react"],"description":"Site header spanning the full width with a logo, inline navigation links, a call-to-action button, and a mobile menu sheet.","name":"header-1","registryDependencies":["button","sheet"],"title":"Full Width Bar With CTA","type":"registry:block"},{"categories":["footer"],"dependencies":["@base-ui/react"],"description":"Site footer pairing a brand mark and tagline with three link columns and GitHub, X, and Discord social buttons.","name":"footer-1","registryDependencies":["button","separator"],"title":"Brand Blurb With Link Columns","type":"registry:block"},{"categories":["cta"],"dependencies":["@base-ui/react"],"description":"Centered call to action section band with a heading, supporting copy, primary and secondary buttons, and a no credit card note.","name":"cta-1","registryDependencies":["button"],"title":"Centered CTA Band","type":"registry:block"},{"categories":["integrations"],"dependencies":["@base-ui/react"],"description":"Integration cards for Slack, GitHub, Notion and Figma, each opening a connect dialog with a notifications switch and a success toast.","name":"integrations-1","registryDependencies":["button","card","dialog","field","sonner","switch"],"title":"Connect Cards With Dialog","type":"registry:block"},{"categories":["logo-cloud"],"description":"Logo cloud of eight company wordmarks in a bordered four column grid, under a trusted-by eyebrow and above a customer count line.","name":"logo-cloud-1","title":"Trusted By Logo Grid","type":"registry:block"},{"categories":["faqs"],"dependencies":["@base-ui/react"],"description":"FAQ accordion centered under a heading, with five collapsible questions covering plans, plan changes, free trials, billing, and data security.","name":"faqs-1","registryDependencies":["accordion"],"title":"Centered FAQ Accordion","type":"registry:block"},{"categories":["contact"],"dependencies":["@base-ui/react"],"description":"Contact section pairing email, phone, and office details with a message form using a topic select and toast confirmation.","name":"contact-1","registryDependencies":["button","card","field","input","select","sonner","textarea"],"title":"Contact Details And Form","type":"registry:block"},{"categories":["pricing"],"dependencies":["@base-ui/react"],"description":"Pricing section with Starter, Pro, and Enterprise cards, a monthly or annual billing toggle, and a ring highlighted Most Popular plan.","name":"pricing-1","registryDependencies":["badge","button","card"],"title":"Three Tier Plan Cards","type":"registry:block"},{"categories":["testimonials"],"dependencies":["@base-ui/react"],"description":"Testimonials section with three customer quote cards in a hairline-divided grid, each with a quote glyph, avatar, name, role, and company.","name":"testimonials-1","registryDependencies":["avatar","card"],"title":"Bordered Quote Trio","type":"registry:block"},{"categories":["stats"],"dependencies":["@base-ui/react"],"description":"Four-column stats section band framed by separators, each metric pairing a large value and label with a badge showing its percentage change.","name":"stats-1","registryDependencies":["badge","separator"],"title":"Bordered Four-Up Stat Band","type":"registry:block"},{"categories":["sidebar"],"dependencies":["@base-ui/react"],"description":"App layout with a collapsible icon sidebar of grouped navigation beside a dashboard inset of stat tiles and a project listing.","name":"sidebar-1","registryDependencies":["avatar","button","dropdown-menu","input","sidebar"],"title":"Dashboard Rail With Stats","type":"registry:block"},{"categories":["settings"],"dependencies":["@base-ui/react"],"description":"Settings page grouping a Profile card (display name, email, visibility select) and a Notifications card of labeled switches, saving with a toast confirmation.","name":"settings-1","registryDependencies":["button","card","field","input","select","separator","sonner","switch"],"title":"Profile And Notification Cards","type":"registry:block"},{"categories":["table"],"dependencies":["@tanstack/react-table","@base-ui/react"],"description":"Sortable team members data table with search, checkbox row selection, bulk role and remove actions, status badges, row menus, and pagination.","name":"table-1","registryDependencies":["avatar","badge","button","checkbox","dropdown-menu","input","sonner","table"],"title":"Team Members Data Table","type":"registry:block"},{"categories":["bento"],"dependencies":["@base-ui/react"],"description":"Bento grid of feature cards where one tile spans two columns and rows, each carrying an icon, title, and short capability description.","name":"bento-1","registryDependencies":["card"],"title":"Icon Bento With Hero Tile","type":"registry:block"},{"categories":["how-it-works"],"dependencies":["@base-ui/react"],"description":"How it works row of three numbered step cards, each with an icon tile, a title, and one line of supporting copy under a centered heading.","name":"how-it-works-1","registryDependencies":["badge","card"],"title":"Three Step Icon Cards","type":"registry:block"},{"categories":["newsletter"],"dependencies":["@base-ui/react"],"description":"Centered newsletter signup with an inline email field, subscribe button, marketing consent checkbox, and a no-spam privacy note.","name":"newsletter-1","registryDependencies":["button","checkbox","input","sonner"],"title":"Centered Signup With Consent","type":"registry:block"},{"categories":["announcement"],"dependencies":["@base-ui/react"],"description":"Dismissible top announcement bar above a centered release callout card with a What's New badge, headline, and two call-to-action buttons.","name":"announcement-1","registryDependencies":["badge","button"],"title":"Dismissible Bar And Callout","type":"registry:block"},{"categories":["blog"],"dependencies":["@base-ui/react"],"description":"Blog post grid of three cards with cover images, category badges, titles, excerpts, read time, and author avatars.","name":"blog-1","registryDependencies":["avatar","badge","button","card","separator"],"title":"Three Card Post Grid","type":"registry:block"},{"categories":["team"],"dependencies":["@base-ui/react"],"description":"Team grid of six member cards, each with an avatar, name, role, short bio, and LinkedIn, X, and GitHub links.","name":"team-1","registryDependencies":["avatar","button","card"],"title":"Member Cards With Socials","type":"registry:block"},{"categories":["comparison"],"dependencies":["@base-ui/react"],"description":"Plan comparison table pitting Starter against Pro across grouped feature rows, with a monthly and annual toggle that changes the price and cell values.","name":"comparison-1","registryDependencies":["badge","button","table"],"title":"Two-Plan Table With Billing Toggle","type":"registry:block"},{"categories":["gallery"],"dependencies":["@base-ui/react"],"description":"Image gallery grid with tag filter toggles, hairline-gap tiles, hover overlays naming the contributor and location, and a lightbox dialog per photo.","name":"gallery-1","registryDependencies":["avatar","badge","button","dialog","toggle-group"],"title":"Filterable Photo Grid","type":"registry:block"},{"categories":["empty-states"],"dependencies":["@base-ui/react"],"description":"Empty state for a cleared notifications list, with an inbox icon, an all-caught-up message, and a View All Notifications link.","name":"empty-states-1","registryDependencies":["button","empty"],"title":"Inbox Zero Notifications","type":"registry:block"},{"categories":["billing"],"dependencies":["@base-ui/react"],"description":"Current-plan billing card with monthly price, renewal date, a seat usage bar, and a dialog of radio tiers for switching plans.","name":"billing-1","registryDependencies":["alert-dialog","badge","button","card","field","progress","radio-group","separator","sonner"],"title":"Current Plan Summary Card","type":"registry:block"},{"categories":["ai-chat"],"dependencies":["@base-ui/react"],"description":"AI assistant chat interface with user and assistant bubbles, avatars, message timestamps, auto-following scroll, and a single-line composer.","name":"ai-chat-1","registryDependencies":["avatar","bubble","button","card","input","message","message-scroller","separator"],"title":"Assistant Thread With Timestamps","type":"registry:block"},{"categories":["onboarding"],"dependencies":["@base-ui/react"],"description":"Onboarding welcome card with a setup progress bar and three checkbox steps for reading docs, inviting the team, and configuring the workspace.","name":"onboarding-1","registryDependencies":["button","card","checkbox","progress","separator"],"title":"Welcome Checklist Card","type":"registry:block"},{"categories":["command-palette"],"dependencies":["@base-ui/react"],"description":"Command palette dialog opened from a Ctrl+K trigger button, listing grouped navigation and action commands with keyboard shortcut hints.","name":"command-palette-1","registryDependencies":["button","command","dialog","kbd"],"title":"Command Dialog With Shortcuts","type":"registry:block"},{"categories":["notifications"],"dependencies":["@base-ui/react"],"description":"Notifications sheet opened from a bell trigger, with icon tiles, unread highlighting, timestamps, an unread count, and a mark all read action.","name":"notifications-1","registryDependencies":["button","scroll-area","separator","sheet"],"title":"Notifications Sheet Panel","type":"registry:block"},{"categories":["kanban"],"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","@base-ui/react"],"description":"Kanban board with To Do, In Progress, and Done columns, drag and drop between them, and cards that open a task detail dialog.","name":"kanban-1","registryDependencies":["avatar","badge","card","dialog","scroll-area"],"title":"Three Column Task Board","type":"registry:block"},{"categories":["calendar"],"dependencies":["@base-ui/react"],"description":"Month calendar grid with previous and next navigation, a Today shortcut, selectable days, and a detail panel for the chosen day's event.","name":"calendar-1","registryDependencies":["badge","button","separator"],"title":"Month Grid With Day Detail","type":"registry:block"},{"categories":["file-upload"],"dependencies":["@base-ui/react"],"description":"File upload card with a drag-and-drop dropzone and an attachment list showing a spinner per file while uploading and a check when finished.","name":"file-upload-1","registryDependencies":["attachment","button","card","spinner"],"title":"Dropzone With Upload Progress","type":"registry:block"},{"categories":["charts"],"dependencies":["recharts","@base-ui/react"],"description":"Bar chart card of monthly revenue with a value label above each bar and a fiscal year select that swaps the whole dataset.","name":"charts-1","registryDependencies":["card","chart","select"],"title":"Revenue Bars With Year Select","type":"registry:block"},{"categories":["bento"],"dependencies":["@base-ui/react"],"description":"Bento grid of four identically sized tiles under a centered heading, each with a square icon, category badge, title, and one-line description.","name":"bento-2","registryDependencies":["badge"],"title":"Equal Four-Tile Bento","type":"registry:block"},{"categories":["how-it-works"],"dependencies":["@base-ui/react"],"description":"How it works timeline stacking four steps down a left rail, each with a bordered icon circle, a connecting line, a title, and supporting copy.","name":"how-it-works-2","registryDependencies":["badge"],"title":"Vertical Numbered Timeline","type":"registry:block"},{"categories":["newsletter"],"dependencies":["@base-ui/react"],"description":"Full-width newsletter section band on a muted panel, with branding label and copy on the left and an inline email subscribe form on the right.","name":"newsletter-2","registryDependencies":["button","checkbox","input","sonner"],"title":"Horizontal Newsletter Band","type":"registry:block"},{"categories":["announcement"],"dependencies":["@base-ui/react"],"description":"Product update announcement card with a New badge and version label, feature headline, supporting detail, release date, and a link button.","name":"announcement-2","registryDependencies":["badge","button","card"],"title":"Product Update Card","type":"registry:block"},{"categories":["blog"],"dependencies":["@base-ui/react"],"description":"Blog post list of five articles as divider-separated rows with category badge, date, title, excerpt, and author, with no cover images.","name":"blog-2","registryDependencies":["avatar","badge","button","separator"],"title":"Divider Separated Post List","type":"registry:block"},{"categories":["team"],"dependencies":["@base-ui/react"],"description":"Team grid of six people in a hairline-divided layout, each with an avatar, name, role, department badge, and one-line bio.","name":"team-2","registryDependencies":["avatar","badge"],"title":"Department Badge Grid","type":"registry:block"},{"categories":["comparison"],"dependencies":["@base-ui/react"],"description":"Side-by-side cards contrasting checked product advantages against competitor pain points listed as struck-through cross rows.","name":"comparison-2","registryDependencies":["badge","button","card","separator"],"title":"Us Versus Them Cards","type":"registry:block"},{"categories":["gallery"],"dependencies":["@base-ui/react"],"description":"Product screenshot gallery section with a large browser-framed image, version badge and caption, plus a five-thumbnail strip that swaps the featured screen.","name":"gallery-2","registryDependencies":["badge","button","dialog"],"title":"Product Screenshot Showcase","type":"registry:block"},{"categories":["empty-states"],"dependencies":["@base-ui/react"],"description":"Empty inbox panel with a framed inbox illustration, a create-workspace dialog with a name field, a Learn More link, and a support footer.","name":"empty-states-2","registryDependencies":["button","dialog","empty","field","input","separator","sonner"],"title":"Illustrated Inbox Panel","type":"registry:block"},{"categories":["billing"],"dependencies":["@base-ui/react"],"description":"Invoice history table with checkbox selection, status badges, per-row download links, and a bulk download of the selected billing invoices.","name":"billing-2","registryDependencies":["badge","button","card","checkbox","sonner","table"],"title":"Invoice History Table","type":"registry:block"},{"categories":["ai-chat"],"dependencies":["@base-ui/react"],"description":"AI chat opening on a suggested-prompt empty state, then switching to a message thread once a prompt is sent, with a multi-line composer.","name":"ai-chat-2","registryDependencies":["avatar","badge","bubble","button","card","kbd","message","message-scroller","textarea"],"title":"Chat With Suggested Prompt Start","type":"registry:block"},{"categories":["onboarding"],"dependencies":["@base-ui/react"],"description":"Onboarding laid out as three numbered step cards for importing data, inviting teammates, and customizing the workspace, each toggling to complete.","name":"onboarding-2","registryDependencies":["button","card","progress"],"title":"Three-Card Setup Steps","type":"registry:block"},{"categories":["command-palette"],"dependencies":["@base-ui/react"],"description":"Command palette dialog with a Recent section of timestamped files and pages above categorized results, and a footer bar of keyboard hints.","name":"command-palette-2","registryDependencies":["badge","button","command","dialog","kbd"],"title":"Palette With Recent Items","type":"registry:block"},{"categories":["notifications"],"dependencies":["@base-ui/react"],"description":"Notification bell button carrying an unread count badge that opens a compact popover of avatar rows, mark all read, and a view all link.","name":"notifications-2","registryDependencies":["avatar","badge","button","popover","scroll-area","separator"],"title":"Bell Popover With Badge","type":"registry:block"},{"categories":["kanban"],"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","@base-ui/react"],"description":"Single In Progress kanban column of sortable rich task cards showing priority, labels, a due date, and a stacked assignee avatar group.","name":"kanban-2","registryDependencies":["avatar","badge","card","dialog","scroll-area","separator"],"title":"Single In Progress Column","type":"registry:block"},{"categories":["calendar"],"dependencies":["@base-ui/react"],"description":"Weekly agenda calendar listing Monday to Sunday with time-slotted event rows, confirmed, tentative, and canceled status colors, and week navigation.","name":"calendar-2","registryDependencies":["button","popover","separator"],"title":"Weekly Agenda View","type":"registry:block"},{"categories":["file-upload"],"dependencies":["@base-ui/react"],"description":"Compact inline file upload form field with a bordered Choose File row and one attachment showing the selected file name, size, and remove action.","name":"file-upload-2","registryDependencies":["attachment","field"],"title":"Inline File Field","type":"registry:block"},{"categories":["charts"],"dependencies":["recharts","@base-ui/react"],"description":"Gradient area chart of monthly active users, topped by a three KPI row (total, peak month, peak users) and a year over year growth badge.","name":"charts-2","registryDependencies":["badge","card","chart"],"title":"Active Users Area Trend","type":"registry:block"},{"categories":["hero"],"dependencies":["@base-ui/react"],"description":"Split two-column hero section pairing copy and a watch demo dialog with an analytics dashboard mockup of stat cards, a bar chart, and a channel table.","name":"hero-2","registryDependencies":["badge","button","dialog","separator"],"title":"Split Hero With Dashboard Mockup","type":"registry:block"},{"categories":["features"],"dependencies":["@base-ui/react"],"description":"Alternating features rows pairing an eyebrow, headline, bullet list, contributor avatars, and a highlight stat with an image placeholder, split by dividers.","name":"features-2","registryDependencies":["avatar","badge","button","separator"],"title":"Alternating Rows With Stats","type":"registry:block"},{"categories":["pricing"],"dependencies":["@base-ui/react"],"description":"Two plan pricing split into one panel, a filled Pro side beside a plain Starter side, each with price, feature checklist, and CTA, plus a billing toggle.","name":"pricing-2","registryDependencies":["badge","button","separator"],"title":"Two Plan Split Panel","type":"registry:block"},{"categories":["testimonials"],"dependencies":["@base-ui/react"],"description":"Single featured testimonial section with a large pull quote, oversized grayscale avatar, and three supporting outcome metrics.","name":"testimonials-2","registryDependencies":["avatar","separator"],"title":"Single Voice Spotlight","type":"registry:block"},{"categories":["stats"],"description":"Minimal four-up stats row of oversized numbers and short labels under one heading, with no icons, badges, dividers, or secondary copy.","name":"stats-2","title":"Minimal Numbers Band","type":"registry:block"},{"categories":["logo-cloud"],"description":"Integration logo grid of twelve brand marks in muted cells, each showing an icon and name, beneath a heading and subtext.","name":"logo-cloud-2","title":"Integrations Logo Grid","type":"registry:block"},{"categories":["cta"],"dependencies":["@base-ui/react"],"description":"Compact call to action card on a muted background with dual buttons and a join 10,000+ teams social proof line.","name":"cta-2","registryDependencies":["button"],"title":"Compact CTA Card","type":"registry:block"},{"categories":["faqs"],"dependencies":["@base-ui/react"],"description":"FAQ split into two balanced accordion columns of eight product questions, separated by border rules under a bordered header.","name":"faqs-2","registryDependencies":["accordion"],"title":"Two-Column FAQ Accordion","type":"registry:block"},{"categories":["integrations"],"dependencies":["@base-ui/react"],"description":"Dense grid of 18 service logo tiles with category toggle filters, each tile opening a connect dialog for that integration.","name":"integrations-2","registryDependencies":["badge","button","card","dialog","sonner","toggle-group"],"title":"Compact Logo Tile Grid","type":"registry:block"},{"categories":["contact"],"dependencies":["@base-ui/react"],"description":"Centered contact form card with split first and last name fields, topic select, message textarea, and a privacy consent checkbox.","name":"contact-2","registryDependencies":["button","card","checkbox","field","input","select","sonner","textarea"],"title":"Single Card Contact Form","type":"registry:block"},{"categories":["header"],"dependencies":["@base-ui/react"],"description":"Header with the logo pinned left, navigation links absolutely centered, and sign-in plus a primary CTA right, above a skeleton page-content placeholder.","name":"header-2","registryDependencies":["button","separator","sheet","skeleton"],"title":"Centered Nav Three Column","type":"registry:block"},{"categories":["footer"],"dependencies":["@base-ui/react"],"description":"Compact single-bar footer with a brand mark and tagline, an inline row of nav links, and a copyright notice in one slim row.","name":"footer-2","registryDependencies":["separator"],"title":"Slim Single Bar","type":"registry:block"},{"categories":["auth"],"dependencies":["zod","@base-ui/react"],"description":"Two-column sign-in pairing a dark brand panel that lists product features with a plain email and password form, no social login buttons.","name":"auth-2","registryDependencies":["button","checkbox","field","input","sonner"],"title":"Split Sign-In With Brand Panel","type":"registry:block"},{"categories":["sidebar"],"dependencies":["@base-ui/react"],"description":"Sidebar with a single flat navigation list (icon, label, badge count) beside a task table showing priority indicators, status badges, and a new-task dialog.","name":"sidebar-2","registryDependencies":["badge","button","checkbox","dialog","dropdown-menu","field","input","sidebar","sonner","table"],"title":"Flat Nav With Task Table","type":"registry:block"},{"categories":["settings"],"dependencies":["@base-ui/react"],"description":"Compact centered settings card with avatar upload, name and email fields, timezone, density radios, notification checkboxes, a two-factor switch, and delete-account confirmation.","name":"settings-2","registryDependencies":["alert-dialog","avatar","button","card","checkbox","field","input","radio-group","select","separator","sonner","switch"],"title":"Compact Profile Card","type":"registry:block"},{"categories":["dashboard"],"dependencies":["@base-ui/react"],"description":"Dashboard pairing four KPI cards carrying trend badges with a full-width recent activity feed of avatars, events, status badges, and timestamps.","name":"dashboard-2","registryDependencies":["avatar","badge","card","select","separator"],"title":"KPI Cards And Activity Feed","type":"registry:block"},{"categories":["table"],"dependencies":["@tanstack/react-table","@base-ui/react"],"description":"Invoices table with a client filter, row selection, bulk mark as paid, payment method and due date columns, status badges, and pagination.","name":"table-2","registryDependencies":["avatar","badge","button","checkbox","dropdown-menu","input","separator","sonner","table"],"title":"Filterable Invoices Table","type":"registry:block"},{"categories":["app-shell"],"dependencies":["@base-ui/react"],"description":"Sidebar-free app shell with a sticky top bar (logo, search, avatar menu) above tabbed content holding project cards, a task checklist, and an activity feed.","name":"app-shell-2","registryDependencies":["avatar","badge","button","card","command","dropdown-menu","kbd","progress","separator","tabs"],"title":"Top Bar Only With Tabs","type":"registry:block"},{"categories":["hero"],"dependencies":["@base-ui/react"],"description":"Left-aligned hero section with a release badge, headline, signup and docs CTAs, and an inline row of three icon metrics split by vertical separators.","name":"hero-3","registryDependencies":["badge","button","separator"],"title":"Left-Aligned Hero With Metrics","type":"registry:block"},{"categories":["features"],"description":"Features checklist in two columns listing twelve check-marked capabilities (SSO, audit log, uptime SLA) with one-line descriptions, no cards or images.","name":"features-3","title":"Everything Included Checklist","type":"registry:block"},{"categories":["pricing"],"dependencies":["@base-ui/react"],"description":"Single plan pricing card centered on the page with a large price, billing toggle, eight item feature checklist, trial note, and social proof footnote.","name":"pricing-3","registryDependencies":["badge","button","card","separator"],"title":"Single Plan Spotlight","type":"registry:block"},{"categories":["cta"],"dependencies":["@base-ui/react"],"description":"Full-width call to action banner on the primary color, heading and subtext left, single high-contrast button right.","name":"cta-3","registryDependencies":["button"],"title":"Inverted Banner CTA","type":"registry:block"},{"categories":["faqs"],"dependencies":["@base-ui/react"],"description":"FAQ accordion beside an intro column holding a contact-support card whose dialog collects an email and message, confirmed by a toast.","name":"faqs-3","registryDependencies":["accordion","button","dialog","field","input","sonner","textarea"],"title":"FAQ With Contact Support Card","type":"registry:block"},{"categories":["dashboard"],"dependencies":["@base-ui/react"],"description":"Compact KPI strip of six metric tiles in a flush grid, each with label, value, and directional delta, switched by a quarter select.","name":"dashboard-3","registryDependencies":["select","separator"],"title":"Flush Six Metric Strip","type":"registry:block"},{"categories":["auth"],"dependencies":["zod","@base-ui/react"],"description":"Sign-up form paired with a plan sidebar listing Free, Pro, and Team tiers, first and last name fields, and a terms checkbox gating submit.","name":"auth-3","registryDependencies":["badge","button","card","checkbox","field","input","label","separator","sonner"],"title":"Sign-Up With Plan Sidebar","type":"registry:block"},{"categories":["table"],"dependencies":["@base-ui/react"],"description":"Invoice line items table with quantity, unit, and unit price columns plus a footer summing subtotal, tax, and total due.","name":"table-3","registryDependencies":["table"],"title":"Invoice Line Items Summary","type":"registry:block"},{"categories":["hero"],"dependencies":["@base-ui/react"],"description":"Centered hero section over a masked grid and radial glow, with a beta badge and an inline email capture form that toasts on submit.","name":"hero-4","registryDependencies":["badge","button","input","label","sonner"],"title":"Grid Backdrop Email Capture","type":"registry:block"},{"categories":["hero"],"dependencies":["@base-ui/react"],"description":"Centered hero section whose Watch Demo button opens a video dialog, above a trusted-by strip of five icon and wordmark company logos.","name":"hero-5","registryDependencies":["button","dialog"],"title":"Hero With Demo Video Dialog","type":"registry:block"},{"categories":["logo-cloud"],"description":"Infinite auto-scrolling logo marquee with an edge fade mask and pause on hover, under a trusted-by label.","name":"logo-cloud-3","title":"Auto-Scrolling Logo Marquee","type":"registry:block"},{"categories":["logo-cloud"],"dependencies":["@base-ui/react"],"description":"Logo grid of ten muted brand marks that brighten on hover and reveal the company name in a tooltip.","name":"logo-cloud-4","registryDependencies":["tooltip"],"title":"Logo Grid With Tooltips","type":"registry:block"},{"categories":["cta"],"dependencies":["@base-ui/react"],"description":"Call to action section with an inline email capture form, a submitted confirmation line, and a no spam privacy note.","name":"cta-4","registryDependencies":["button","input","label"],"title":"Email Capture CTA","type":"registry:block"},{"categories":["cta"],"dependencies":["@base-ui/react"],"description":"Split call to action section pairing a trusted-by badge and dual buttons with a wireframe app screenshot card of charts and rows.","name":"cta-5","registryDependencies":["badge","button","card"],"title":"Split CTA With App Preview","type":"registry:block"},{"categories":["faqs"],"dependencies":["@base-ui/react"],"description":"FAQ accordion with a sticky sidebar card offering contact support in a dialog and a link to browse documentation.","name":"faqs-4","registryDependencies":["accordion","button","card","dialog","field","input","sonner","textarea"],"title":"FAQ With Sticky Support Sidebar","type":"registry:block"},{"categories":["faqs"],"dependencies":["@base-ui/react"],"description":"Help-center FAQ section with a live search input and General, Billing, and Security tabs showing match counts plus an empty state for no results.","name":"faqs-5","registryDependencies":["accordion","empty","input","tabs"],"title":"Searchable FAQ With Category Tabs","type":"registry:block"},{"categories":["footer"],"dependencies":["@base-ui/react"],"description":"Footer with a newsletter email signup form beside grouped nav columns, over a bottom bar of social icons.","name":"footer-3","registryDependencies":["button","input","label","separator","sonner"],"title":"Newsletter Signup Footer","type":"registry:block"},{"categories":["footer"],"dependencies":["next-themes","@base-ui/react"],"description":"Mega footer with four sitemap columns and a bottom bar carrying a locale switcher dropdown and a light and dark theme toggle.","name":"footer-4","registryDependencies":["button","dropdown-menu","separator"],"title":"Mega Sitemap With Locale","type":"registry:block"},{"categories":["newsletter"],"dependencies":["@base-ui/react"],"description":"Newsletter signup card driven by a client state machine, cycling idle, loading spinner, success, and inline email validation error states.","name":"newsletter-3","registryDependencies":["button","card","input","label","spinner"],"title":"Signup Card With Form States","type":"registry:block"},{"categories":["newsletter"],"dependencies":["@base-ui/react"],"description":"Multi-step newsletter card where readers toggle topic interests, then land on a double opt-in check-your-inbox confirmation step.","name":"newsletter-4","registryDependencies":["button","card","checkbox","input","label"],"title":"Topic Picker Double Opt-In","type":"registry:block"},{"categories":["newsletter"],"dependencies":["@base-ui/react"],"description":"Centered newsletter signup led by a subscriber avatar stack, star rating, and reader count, with inline email capture and a success state.","name":"newsletter-5","registryDependencies":["avatar","button","input"],"title":"Newsletter Signup With Social Proof","type":"registry:block"},{"categories":["announcement"],"dependencies":["@base-ui/react"],"description":"Single-line announcement banner that remembers its dismissal in localStorage over a page placeholder, with a link to show it again.","name":"announcement-3","registryDependencies":["button"],"title":"Persisted Dismissible Banner","type":"registry:block"},{"categories":["announcement"],"dependencies":["@base-ui/react"],"description":"Sticky promo announcement bar with a live sale countdown ticking days, hours, minutes, and seconds beside a shop the sale button.","name":"announcement-4","registryDependencies":["button"],"title":"Sale Countdown Promo Bar","type":"registry:block"},{"categories":["auth"],"dependencies":["zod","@base-ui/react"],"description":"Full-height split-screen sign-in with email, password, remember-me, and Google or GitHub buttons beside a dark marketing panel on a grid backdrop.","name":"auth-4","registryDependencies":["button","card","checkbox","field","input","label","separator","sonner"],"title":"Full-Height Split Sign-In","type":"registry:block"},{"categories":["auth"],"dependencies":["zod","@base-ui/react"],"description":"Auth card with tabs that swap between sign-in and sign-up forms, validated per tab, plus Google, GitHub, and Apple social buttons.","name":"auth-5","registryDependencies":["button","card","field","input","separator","sonner","tabs"],"title":"Tabbed Sign-In And Sign-Up","type":"registry:block"},{"categories":["empty-states"],"dependencies":["@base-ui/react"],"description":"No results found empty state for a filtered search, with a magnifier icon, guidance copy, and a Clear Filters action in a bordered card.","name":"empty-states-3","registryDependencies":["button","empty","sonner"],"title":"No Search Results","type":"registry:block"},{"categories":["empty-states"],"dependencies":["@base-ui/react"],"description":"Error empty state for data that failed to load, with a destructive alert icon plus Try Again and contact support actions.","name":"empty-states-4","registryDependencies":["button","empty","sonner"],"title":"Failed Load Error","type":"registry:block"},{"categories":["integrations"],"dependencies":["@base-ui/react"],"description":"Searchable integrations directory with a search input, category filter pills, and result cards that open a per-app connect dialog.","name":"integrations-3","registryDependencies":["badge","button","card","dialog","input","label","sonner","switch","toggle-group"],"title":"Searchable App Directory","type":"registry:block"},{"categories":["integrations"],"dependencies":["@base-ui/react"],"description":"Settings-style integrations grid where each app card has a switch to connect or disconnect, with category badges and a live connected count.","name":"integrations-4","registryDependencies":["badge","button","card","switch"],"title":"Connection Toggle Settings","type":"registry:block"},{"categories":["features"],"dependencies":["@base-ui/react"],"description":"Features section with Collaboration, Automation, and Security tabs that swap a three-column grid of icon, title, and description cards.","name":"features-4","registryDependencies":["badge","card","tabs"],"title":"Tabbed Feature Categories","type":"registry:block"},{"categories":["pricing"],"dependencies":["@base-ui/react"],"description":"Three tier pricing grid whose monthly or annual toggle also shows the yearly billed total under each price, with a Most Popular badge on the featured tier.","name":"pricing-4","registryDependencies":["badge","button","card"],"title":"Annual Savings Toggle","type":"registry:block"},{"categories":["testimonials"],"dependencies":["@base-ui/react"],"description":"Wall of love testimonial grid with seven customer quote cards, each carrying a star rating, avatar, name, role, and company.","name":"testimonials-3","registryDependencies":["avatar","card"],"title":"Wall Of Love Grid","type":"registry:block"},{"categories":["stats"],"dependencies":["@base-ui/react"],"description":"Four-up stat grid whose numbers count up from zero when scrolled into view, each cell pairing an icon with a growth delta badge.","name":"stats-4","registryDependencies":["badge"],"title":"Count-Up Stats On Scroll","type":"registry:block"},{"categories":["contact"],"dependencies":["@base-ui/react"],"description":"Contact section with a message form beside a static map placeholder and address cards for the San Francisco, Berlin, and Singapore offices.","name":"contact-3","registryDependencies":["badge","button","card","checkbox","field","input","select","separator","sonner","textarea"],"title":"Contact With Office Locations","type":"registry:block"},{"categories":["header"],"dependencies":["@base-ui/react"],"description":"Sticky site header with logo, desktop navigation, a sign-in link, a primary CTA, and a state-controlled mobile menu sheet for composing into page templates.","name":"header-3","registryDependencies":["button","sheet"],"title":"Sticky Header With Sign In","type":"registry:block"},{"categories":["header"],"dependencies":["motion","@base-ui/react"],"description":"Header with the wordmark on the left and the navigation collected into one muted capsule on the right, with a sliding active pill and no call to action.","name":"header-14","registryDependencies":["button","sheet"],"title":"Capsule Nav Header Without A CTA","type":"registry:block"},{"categories":["bento"],"dependencies":["@base-ui/react"],"description":"Bento grid whose hero automation tile carries a bar-chart visual, with supporting tiles showing deploy times, progress bars, and headline numbers.","name":"bento-4","registryDependencies":["card"],"title":"Bento With Static Chart Visuals","type":"registry:block"},{"categories":["how-it-works"],"dependencies":["@base-ui/react"],"description":"Interactive how it works stepper with clickable steps along a progress line that fills to the active step, stacking vertically on mobile.","name":"how-it-works-3","registryDependencies":["badge"],"title":"Clickable Horizontal Stepper","type":"registry:block"},{"categories":["how-it-works"],"dependencies":["@base-ui/react"],"description":"How it works section of three alternating rows, each pairing a numbered step, description, and checklist with a mock UI preview panel on the opposite side.","name":"how-it-works-4","registryDependencies":["badge"],"title":"Zig-Zag Steps With Mockups","type":"registry:block"},{"categories":["blog"],"dependencies":["@base-ui/react"],"description":"Blog index with a featured post, category filter pills, and a three-column grid of post cards that filters on selection.","name":"blog-3","registryDependencies":["avatar","badge","button","card"],"title":"Filterable Blog Index","type":"registry:block"},{"categories":["blog"],"dependencies":["@base-ui/react"],"description":"Blog archive as a vertical list of horizontal media cards, each with a thumbnail, category, read time, title, excerpt, and author.","name":"blog-4","registryDependencies":["avatar","badge","button","card"],"title":"Horizontal Media Cards","type":"registry:block"},{"categories":["team"],"dependencies":["@base-ui/react"],"description":"Four-column grid of eight team member cards that reveal a bio and social links on hover.","name":"team-3","registryDependencies":["avatar","card"],"title":"Hover Reveal Bio Cards","type":"registry:block"},{"categories":["comparison"],"dependencies":["@base-ui/react"],"description":"Feature comparison table across Starter, Growth, and Enterprise plans, with grouped sections, a sticky header row, and a highlighted recommended column.","name":"comparison-3","registryDependencies":["badge","button","table"],"title":"Three-Plan Feature Matrix","type":"registry:block"},{"categories":["gallery"],"dependencies":["@base-ui/react"],"description":"Masonry image gallery section built on CSS columns with varied-ratio tiles, tag filters, hover caption overlays, and a lightbox dialog per photo.","name":"gallery-3","registryDependencies":["badge","button","dialog","toggle-group"],"title":"Masonry Column Gallery","type":"registry:block"},{"categories":["gallery"],"dependencies":["@base-ui/react"],"description":"Photo mosaic in a fixed four-by-two grid whose tiles shift from grayscale to color on hover and open a lightbox with caption and location.","name":"gallery-4","registryDependencies":["badge","dialog"],"title":"Grayscale Mosaic With Lightbox","type":"registry:block"},{"categories":["app-shell"],"dependencies":["recharts","@base-ui/react"],"description":"App shell with a collapsible icon-rail sidebar and a search top bar, over a dashboard of KPI cards, a revenue chart, and recent activity.","name":"app-shell-3","registryDependencies":["avatar","badge","button","card","chart","command","dropdown-menu","kbd","sheet","sidebar","sonner"],"title":"Icon Rail Dashboard Shell","type":"registry:block"},{"categories":["sidebar"],"dependencies":["@base-ui/react"],"description":"Collapsible sidebar that shrinks to an icon rail with tooltips, holding grouped navigation, badge counts, and a user footer.","name":"sidebar-3","registryDependencies":["avatar","sidebar"],"title":"Icon Rail With Tooltips","type":"registry:block"},{"categories":["settings"],"dependencies":["@base-ui/react"],"description":"Tabbed settings page splitting Account profile fields, a Billing plan and payment method card, and a Team members table with roles.","name":"settings-3","registryDependencies":["avatar","badge","button","card","field","input","separator","sonner","switch","table","tabs"],"title":"Tabbed Account Billing Team","type":"registry:block"},{"categories":["notifications"],"dependencies":["@base-ui/react"],"description":"Notification center card with All, Unread, and Mentions tabs, per-row read toggling, a mark all read action, and a caught up empty state.","name":"notifications-3","registryDependencies":["avatar","badge","button","card","scroll-area","separator","tabs"],"title":"Notification Center Tabs","type":"registry:block"},{"categories":["billing"],"dependencies":["@tanstack/react-table","@base-ui/react"],"description":"Billing page combining a plan summary, storage usage bar, payment method card, and a sortable, paginated invoice table.","name":"billing-3","registryDependencies":["badge","button","card","dialog","field","input","progress","separator","sonner","table"],"title":"Full Billing Dashboard","type":"registry:block"},{"categories":["billing"],"dependencies":["@base-ui/react"],"description":"Usage metering card with progress bars for seats, storage, API requests, and bandwidth, plus an estimated billing total for the cycle.","name":"billing-4","registryDependencies":["badge","button","card","progress","separator"],"title":"Usage Metering Card","type":"registry:block"},{"categories":["ai-chat"],"dependencies":["@base-ui/react"],"description":"AI chat that replies live, showing a shimmering typing indicator, suggestion chips, and a textarea composer with keyboard shortcut hints.","name":"ai-chat-3","registryDependencies":["avatar","bubble","button","card","kbd","marker","message","message-scroller","separator","textarea"],"title":"Live Chat With Typing Indicator","type":"registry:block"},{"categories":["onboarding"],"dependencies":["@base-ui/react"],"description":"Onboarding wizard card stepping through profile, workspace, invites, and a summary, with a progress bar, step indicator, and preference switches.","name":"onboarding-3","registryDependencies":["badge","button","card","field","input","label","progress","separator","sonner","switch"],"title":"Multi-Step Setup Wizard","type":"registry:block"},{"categories":["onboarding"],"dependencies":["@base-ui/react"],"description":"First-run onboarding empty state with a layered rocket illustration, welcome badge, create-project button, take-the-tour action, and reassurance hints.","name":"onboarding-4","registryDependencies":["badge","button"],"title":"First-Run Welcome Screen","type":"registry:block"},{"categories":["command-palette"],"dependencies":["@base-ui/react"],"description":"Command palette wired to a global Cmd+K listener, opening a searchable dialog of grouped commands with Kbd shortcuts and a last-action readout.","name":"command-palette-3","registryDependencies":["button","command","dialog","kbd"],"title":"Cmd+K Searchable Palette","type":"registry:block"},{"categories":["command-palette"],"dependencies":["@base-ui/react"],"description":"Inline two-column command palette with a searchable grouped result list beside a live preview pane for the highlighted item and its primary action.","name":"command-palette-4","registryDependencies":["badge","button","command","kbd"],"title":"Palette With Preview Pane","type":"registry:block"},{"categories":["calendar"],"dependencies":["@base-ui/react"],"description":"Calendar with a month and week view toggle, previous and next navigation, event chips on days, and an inline day panel.","name":"calendar-3","registryDependencies":["badge","button","separator"],"title":"Month And Week Toggle","type":"registry:block"},{"categories":["file-upload"],"dependencies":["@base-ui/react"],"description":"Drag-and-drop file uploader enforcing size and type validation, with uploading, done, and error attachment states, toasts, and per-file remove.","name":"file-upload-3","registryDependencies":["attachment","button","card","sonner","spinner"],"title":"Uploader With Validation Toasts","type":"registry:block"},{"categories":["file-upload"],"dependencies":["@base-ui/react"],"description":"Image gallery uploader with a responsive thumbnail grid, a cover badge on the first photo, hover remove buttons, an upload tile, and an image count.","name":"file-upload-4","registryDependencies":["badge","button","card"],"title":"Image Gallery Uploader","type":"registry:block"},{"categories":["charts"],"dependencies":["recharts","@base-ui/react"],"description":"Stacked area chart of visitors and signups with a legend, hover tooltip, and a 7d, 30d, or 90d range select that swaps the dataset.","name":"charts-3","registryDependencies":["badge","card","chart","select"],"title":"Traffic Range Switcher","type":"registry:block"},{"categories":["error"],"dependencies":["@base-ui/react"],"description":"Centered 404 not found page led by a monospace numeral, with a short explanation and Go Home plus Go Back buttons.","name":"error-1","registryDependencies":["button"],"title":"404 Not Found With Actions","type":"registry:block"},{"categories":["cookie-consent"],"dependencies":["@base-ui/react"],"description":"Cookie consent bar fixed to the bottom of the page with accept all and decline buttons and a cookie policy link.","name":"cookie-consent-1","registryDependencies":["button"],"title":"Bottom Cookie Bar","type":"registry:block"},{"categories":["page-header"],"dependencies":["@base-ui/react"],"description":"Application page header with a title, description, and Export plus New Project buttons above the page content area.","name":"page-header-1","registryDependencies":["button"],"title":"Title With Export Actions","type":"registry:block"},{"categories":["coming-soon"],"dependencies":["@base-ui/react"],"description":"Coming soon page centered on a waitlist email form, with a rocket mark, an avatar stack showing signups, and GitHub and X links.","name":"coming-soon-1","registryDependencies":["button","input"],"title":"Centered Waitlist Capture","type":"registry:block"},{"categories":["error"],"dependencies":["@base-ui/react"],"description":"404 not found page built for recovery, offering a docs search form plus a bordered list of popular pages to jump to.","name":"error-2","registryDependencies":["button","input"],"title":"404 With Search And Links","type":"registry:block"},{"categories":["error"],"dependencies":["@base-ui/react"],"description":"500 server error page with an alert icon, Try Again and Contact Support actions, and a monospace reference code to quote to support.","name":"error-3","registryDependencies":["button"],"title":"500 Server Error With Retry","type":"registry:block"},{"categories":["cookie-consent"],"dependencies":["@base-ui/react"],"description":"Cookie consent card pinned to the bottom left corner with accept all, reject, and preferences actions under a privacy heading.","name":"cookie-consent-2","registryDependencies":["button"],"title":"Corner Consent Card","type":"registry:block"},{"categories":["cookie-consent"],"dependencies":["@base-ui/react"],"description":"Cookie preferences panel with switches for necessary, analytics, and marketing categories, plus save preferences and reject all buttons.","name":"cookie-consent-3","registryDependencies":["badge","button","separator","switch"],"title":"Cookie Preferences Panel","type":"registry:block"},{"categories":["cookie-consent"],"dependencies":["@base-ui/react"],"description":"Modal cookie consent dialog over a dimmed page, blocking interaction until accept all, reject, or manage is chosen.","name":"cookie-consent-4","registryDependencies":["button","dialog"],"title":"Blocking Consent Dialog","type":"registry:block"},{"categories":["page-header"],"dependencies":["@base-ui/react"],"description":"Page header with a breadcrumb trail, a title paired with an Active status badge, and Export and Save Changes actions.","name":"page-header-2","registryDependencies":["badge","breadcrumb","button"],"title":"Breadcrumb Header With Status","type":"registry:block"},{"categories":["page-header"],"dependencies":["@base-ui/react"],"description":"Settings page header with a title, description, primary action, and Overview, Members, and Billing tabs that switch the content below.","name":"page-header-3","registryDependencies":["button","tabs"],"title":"Header With Section Tabs","type":"registry:block"},{"categories":["page-header"],"dependencies":["@base-ui/react"],"description":"Detail view page header with a back link, status badge, owner avatar and created date metadata, a contributor avatar stack, and share and edit actions.","name":"page-header-4","registryDependencies":["avatar","badge","button"],"title":"Detail Header With Back Link","type":"registry:block"},{"categories":["coming-soon"],"dependencies":["@base-ui/react"],"description":"Coming soon split layout pairing a waitlist email form and signup count with a framed browser mockup previewing the product.","name":"coming-soon-2","registryDependencies":["button","input"],"title":"Split Waitlist With Preview","type":"registry:block"},{"categories":["coming-soon"],"dependencies":["@base-ui/react"],"description":"Coming soon page with a live countdown timer in days, hours, minutes, and seconds tiles above an email notify form.","name":"coming-soon-3","registryDependencies":["button","input"],"title":"Launch Countdown Timer","type":"registry:block"},{"categories":["coming-soon"],"dependencies":["@base-ui/react"],"description":"Full bleed coming soon hero over a gradient and grid backdrop, with a brand mark, launch badge, email capture with success state, and social buttons.","name":"coming-soon-4","registryDependencies":["badge","button","input"],"title":"Full-Bleed Gradient Launch","type":"registry:block"},{"categories":["stats"],"description":"Four bordered stat cards, each with an icon, a metric value, and an up or down trend arrow comparing the figure against last quarter.","name":"stats-3","title":"Stat Cards With Trend Arrows","type":"registry:block"},{"categories":["bento"],"description":"Bento grid divided by hairline borders, led by a build-pipeline tile with a terminal snippet, plus an uptime stat and language tags.","name":"bento-3","title":"Divided Bento With Terminal Snippet","type":"registry:block"},{"categories":["timeline"],"dependencies":["@base-ui/react"],"description":"Vertical timeline of milestones on a left rail, each node carrying a date, a Shipped, In Progress, or Planned badge, a title, and supporting copy.","name":"timeline-1","registryDependencies":["badge"],"title":"Milestone Rail With Status","type":"registry:block"},{"categories":["timeline"],"dependencies":["@base-ui/react"],"description":"Centered timeline alternating year entries left and right of a vertical spine, collapsing to a single rail on mobile, with tag badges per entry.","name":"timeline-2","registryDependencies":["badge"],"title":"Alternating Spine Story","type":"registry:block"},{"categories":["timeline"],"dependencies":["@base-ui/react"],"description":"Activity timeline grouped by day, with avatar rows for each actor, action, target, and relative timestamp connected by a vertical rail.","name":"timeline-3","registryDependencies":["avatar","badge","marker"],"title":"Activity Feed By Day","type":"registry:block"},{"categories":["changelog"],"dependencies":["@base-ui/react"],"description":"Changelog with a date and version rail on the left and Added, Improved, and Fixed change groups bulleted on the right.","name":"changelog-1","registryDependencies":["badge","separator"],"title":"Version Rail Release Notes","type":"registry:block"},{"categories":["changelog"],"dependencies":["@base-ui/react"],"description":"Changelog with tabs filtering release entries by All, Added, Improved, or Fixed, each showing version, date, badge, title, and description.","name":"changelog-2","registryDependencies":["badge","separator","tabs"],"title":"Tabbed Change Filter","type":"registry:block"},{"categories":["changelog"],"dependencies":["@base-ui/react"],"description":"Compact what's new card with a version pill, release date, highlighted changes with type icons and badges, and a full changelog link.","name":"changelog-3","registryDependencies":["badge","button","card","separator"],"title":"In-App What's New Card","type":"registry:block"},{"categories":["changelog"],"dependencies":["@base-ui/react"],"description":"Changelog as a vertical timeline with a connected dot rail, each release showing a version badge, date, title, and color-coded changes.","name":"changelog-4","registryDependencies":["badge"],"title":"Vertical Release Timeline","type":"registry:block"},{"categories":["roadmap"],"dependencies":["@base-ui/react"],"description":"Product roadmap board in Planned, In Progress, and Shipped columns, with vote counts, progress bars, contributor avatars, and shipped dates per card.","name":"roadmap-1","registryDependencies":["avatar","badge","progress"],"title":"Status Kanban Board","type":"registry:block"},{"categories":["roadmap"],"dependencies":["@base-ui/react"],"description":"Directional roadmap grouped into Now, Next, and Later phases with colored markers, a target month each, progress bars, and vote counts on upcoming items.","name":"roadmap-2","registryDependencies":["avatar","badge","progress"],"title":"Now Next Later Phases","type":"registry:block"},{"categories":["roadmap"],"dependencies":["@base-ui/react"],"description":"Public roadmap card where visitors upvote feature requests, each row with a live vote count, status and category badges, and progress on in development work.","name":"roadmap-3","registryDependencies":["avatar","badge","card","progress"],"title":"Upvotable Feature Requests","type":"registry:block"},{"categories":["roadmap"],"dependencies":["@base-ui/react"],"description":"Product roadmap laid out as four quarterly columns of feature cards, each with a category and a color coded shipped, in progress, or planned status.","name":"roadmap-4","registryDependencies":["badge"],"title":"Quarterly Roadmap Columns","type":"registry:block"},{"categories":["article"],"dependencies":["@base-ui/react"],"description":"Blog post article with a category badge, author byline and read time, cover image, prose body with a blockquote, and tag and share footer.","name":"article-1","registryDependencies":["avatar","badge","button","separator"],"title":"Centered Blog Post","type":"registry:block"},{"categories":["article"],"dependencies":["@base-ui/react"],"description":"Long-form article with a sticky table of contents sidebar that scroll-spies and highlights the active section, collapsing to one column on mobile.","name":"article-2","registryDependencies":["avatar","badge"],"title":"Article With Scroll-Spy Contents","type":"registry:block"},{"categories":["article"],"dependencies":["@base-ui/react"],"description":"Documentation article with breadcrumb navigation, a last-updated line, prose body containing a code block, and previous and next pagination cards.","name":"article-3","registryDependencies":["separator"],"title":"Documentation Page","type":"registry:block"},{"categories":["article"],"dependencies":["@base-ui/react"],"description":"Magazine feature article with a centered headline, wide cover image, drop-cap opening paragraph, pull quote, and save and share actions.","name":"article-4","registryDependencies":["avatar","badge","button","separator"],"title":"Magazine Feature With Drop Cap","type":"registry:block"},{"categories":["profile"],"dependencies":["@base-ui/react"],"description":"Public user profile with a cover banner, overlapping avatar, follower stats, Follow and Message actions, and tabs for posts and about.","name":"profile-1","registryDependencies":["avatar","badge","button","separator","tabs"],"title":"Public Profile With Tabs","type":"registry:block"},{"categories":["profile"],"dependencies":["@base-ui/react"],"description":"Compact centered profile card with avatar, role, location, a three column stat strip, and Follow and Message buttons for sidebars or directories.","name":"profile-2","registryDependencies":["avatar","badge","button","card"],"title":"Compact Profile Card","type":"registry:block"},{"categories":["profile"],"dependencies":["@base-ui/react"],"description":"Company profile card with a logo mark, verified badge, stat strip, member avatar stack, and website and contact links.","name":"profile-3","registryDependencies":["avatar","badge","button","separator"],"title":"Organization Profile Card","type":"registry:block"},{"categories":["steps"],"description":"Horizontal progress stepper with numbered nodes, connectors, and labels across completed, current, and upcoming states for checkout or onboarding.","name":"steps-1","title":"Horizontal Numbered Stepper","type":"registry:block"},{"categories":["steps"],"description":"Vertical stepper on a connecting rail where each step shows a title and description across completed, current, and upcoming states.","name":"steps-2","title":"Vertical Stepper With Descriptions","type":"registry:block"},{"categories":["steps"],"dependencies":["@base-ui/react"],"description":"Interactive step wizard header with a step counter, percentage, progress bar, the active step title and description, and back and continue buttons.","name":"steps-3","registryDependencies":["button","progress"],"title":"Wizard Progress Bar Header","type":"registry:block"},{"categories":["survey"],"dependencies":["@base-ui/react"],"description":"Four-question product feedback survey card mixing single-choice, multi-select, and freeform answers, with progress and previous, skip, next, and submit controls.","name":"survey-1","registryDependencies":["card","questionnaire","sonner"],"title":"Product Feedback Questionnaire","type":"registry:block"},{"categories":["survey"],"dependencies":["@base-ui/react"],"description":"Net promoter survey with a zero to ten rating scale and number-key shortcuts, followed by a required freeform question about the score.","name":"survey-2","registryDependencies":["questionnaire","sonner"],"title":"Net Promoter Score Survey","type":"registry:block"},{"categories":["survey"],"dependencies":["@base-ui/react"],"description":"Cancellation exit survey in a dialog opened from a plan card, asking a required reason then an optional what would have changed your mind question.","name":"survey-3","registryDependencies":["button","dialog","questionnaire","separator","sonner"],"title":"Cancellation Exit Survey Dialog","type":"registry:block"},{"categories":["survey"],"dependencies":["@base-ui/react"],"description":"Inline page feedback survey with a three-choice was this helpful rating and an optional follow-up, resolving to a thank-you state.","name":"survey-4","registryDependencies":["card","empty","questionnaire"],"title":"Inline Was This Helpful","type":"registry:block"},{"categories":["survey"],"dependencies":["@base-ui/react"],"description":"Full-page onboarding survey showing one question per screen in oversized type, with letter-key shortcuts and a thin progress bar across the top.","name":"survey-5","registryDependencies":["questionnaire","sonner"],"title":"Full Page Onboarding Survey","type":"registry:block"},{"categories":["survey"],"dependencies":["@base-ui/react"],"description":"Branching sales qualification survey in a two-column split where the first answer disables questions that no longer apply, tracked by a path rail.","name":"survey-6","registryDependencies":["questionnaire","sonner"],"title":"Branching Qualification Survey","type":"registry:block"},{"categories":["activity"],"dependencies":["@base-ui/react"],"description":"Recent activity card listing avatar rows with the actor, action, target, and relative time for a workspace or profile feed.","name":"activity-1","registryDependencies":["avatar","card"],"title":"Recent Activity Card","type":"registry:block"},{"categories":["activity"],"dependencies":["@base-ui/react"],"description":"Activity feed grouped under Today and Yesterday separators, each listing avatar rows with the actor, action, target, and time.","name":"activity-2","registryDependencies":["avatar","marker"],"title":"Activity Grouped By Day","type":"registry:block"},{"categories":["activity"],"dependencies":["@base-ui/react"],"description":"Audit log feed with action-type icon tiles, a two-line event title and detail, a type tag, and a timestamp, with no avatars.","name":"activity-3","registryDependencies":["badge"],"title":"Audit Log With Icon Tiles","type":"registry:block"},{"categories":["activity"],"dependencies":["@base-ui/react"],"description":"Activity panel with All, Mentions, and Comments tabs, an unread count badge, and rows carrying an avatar, type icon, timestamp, and unread dot.","name":"activity-4","registryDependencies":["avatar","badge","tabs"],"title":"Activity Tabs With Unread","type":"registry:block"},{"categories":["search"],"dependencies":["@base-ui/react"],"description":"Search panel with a query field, a sidebar of type facets with live counts that narrow the list, and results showing title, type badge, and snippet.","name":"search-1","registryDependencies":["badge","checkbox","input"],"title":"Faceted Docs Search Panel","type":"registry:block"},{"categories":["search"],"dependencies":["@base-ui/react"],"description":"Search results page with a query field, live result count, empty state, and result cards carrying a type badge, snippet, and last updated date.","name":"search-2","registryDependencies":["badge","input"],"title":"Search Results Page","type":"registry:block"},{"categories":["search"],"dependencies":["@base-ui/react"],"description":"Command style search panel grouping results into Pages, People, and Files with icons, avatars, and meta, plus keyboard hints in the footer.","name":"search-3","registryDependencies":["avatar","input","kbd"],"title":"Grouped Command Palette","type":"registry:block"},{"categories":["careers"],"dependencies":["@base-ui/react"],"description":"Open positions list grouping job roles by department, each row showing the title, location, and employment type with an apply link.","name":"careers-1","registryDependencies":["badge"],"title":"Open Roles By Department","type":"registry:block"},{"categories":["careers"],"dependencies":["@base-ui/react"],"description":"Single job posting page with meta chips for department, location, and type, an about section, responsibilities and requirements lists, and apply buttons.","name":"careers-2","registryDependencies":["button","separator"],"title":"Job Posting Detail Page","type":"registry:block"},{"categories":["careers"],"dependencies":["@base-ui/react"],"description":"Careers culture page selling life at the company with a photo strip, a three-up values grid, a perks and benefits row, and a closing call to action.","name":"careers-3","registryDependencies":["badge","button","card"],"title":"Culture And Benefits Page","type":"registry:block"},{"categories":["about"],"dependencies":["@base-ui/react"],"description":"Centered about us intro built on a mission statement, with an eyebrow badge and a four-metric strip for founding year, customers, countries, and team size.","name":"about-1","registryDependencies":["badge"],"title":"Mission Statement With Stats","type":"registry:block"},{"categories":["about"],"dependencies":["@base-ui/react"],"description":"Two-column company story pairing a grayscale team photo with a founding narrative and a three-metric row for teams, uptime, and countries.","name":"about-2","registryDependencies":["badge"],"title":"Founder Story With Photo","type":"registry:block"},{"categories":["status"],"description":"Status page summary with an all systems operational banner and a service list showing 90-day uptime and colored status dots.","name":"status-1","title":"All Systems Operational Summary","type":"registry:block"},{"categories":["status"],"dependencies":["@base-ui/react"],"description":"Incident history feed grouping past incidents by date, each with an impact badge and a timeline of investigating to resolved status updates.","name":"status-2","registryDependencies":["badge","marker"],"title":"Incident History Feed","type":"registry:block"},{"categories":["status"],"description":"Uptime history with per-service daily status bars for the last 90 days, colored by health, with uptime percentages and a legend.","name":"status-3","title":"90 Day Uptime Bars","type":"registry:block"},{"categories":["chat"],"dependencies":["@base-ui/react"],"description":"One-to-one chat conversation with a contact header, sender-aligned message bubbles, a date marker, auto-follow scrolling, and a working composer.","name":"chat-1","registryDependencies":["avatar","bubble","button","input","marker","message","message-scroller"],"title":"Direct Message Thread","type":"registry:block"},{"categories":["chat"],"dependencies":["@base-ui/react"],"description":"Two-pane chat messenger with a selectable conversation list beside the active thread, each conversation keeping its own messages, plus a composer.","name":"chat-2","registryDependencies":["avatar","bubble","button","input","message","message-scroller"],"title":"Inbox Messenger Layout","type":"registry:block"},{"categories":["chat"],"dependencies":["@base-ui/react"],"description":"Customer support chat widget with an agent header, a system marker, quick-reply chips, and a working composer in a compact help-desk panel.","name":"chat-3","registryDependencies":["bubble","button","input","marker","message","message-scroller"],"title":"Support Chat Widget","type":"registry:block"},{"categories":["chat"],"dependencies":["@base-ui/react"],"description":"Group chat conversation with a member avatar stack header, messages from multiple named senders with per-sender avatars, and an online indicator.","name":"chat-4","registryDependencies":["avatar","bubble","button","input","message","message-scroller"],"title":"Group Chat Panel","type":"registry:block"},{"categories":["testimonials"],"dependencies":["@base-ui/react"],"description":"Star-rated testimonial review cards in a responsive grid, each leading with a five-star rating row above the quote and a grayscale avatar.","name":"testimonials-4","registryDependencies":["avatar","card"],"title":"Star Rated Review Cards","type":"registry:block"},{"categories":["stats"],"description":"Stats band on a filled primary-color panel with a heading and four large inverted figures, a high-contrast by-the-numbers section.","name":"stats-5","title":"Inverted Stats Panel","type":"registry:block"},{"categories":["about"],"dependencies":["@base-ui/react"],"description":"Company values and principles laid out as a bordered grid of icon cards, each with a principle title and a short explanation.","name":"about-3","registryDependencies":["card"],"title":"Values Card Grid","type":"registry:block"},{"categories":["about"],"dependencies":["@base-ui/react"],"description":"Mission, vision, and values presented as three editorial columns, each with an icon, eyebrow label, heading, and short paragraph.","name":"about-4","registryDependencies":["separator"],"title":"Mission Vision Values Columns","type":"registry:block"},{"categories":["features"],"dependencies":["@base-ui/react"],"description":"Single-feature spotlight pairing a headline, copy, and four-item checklist with a static security settings panel mock of labeled toggles.","name":"features-5","registryDependencies":["badge","button"],"title":"Security Feature Spotlight","type":"registry:block"},{"categories":["hero"],"dependencies":["@base-ui/react"],"description":"Centered hero section led by a clickable announcement pill, with dual CTAs and social proof: an overlapping avatar stack, five stars, and a trusted-by line.","name":"hero-6","registryDependencies":["avatar","button"],"title":"Hero With Avatar Social Proof","type":"registry:block"},{"categories":["pricing"],"dependencies":["@base-ui/react"],"description":"Static pricing comparison table with plans as columns and grouped feature rows, check and dash cells, a highlighted recommended column, and a CTA row.","name":"pricing-5","registryDependencies":["badge","button","table"],"title":"Plan Comparison Table","type":"registry:block"},{"categories":["comparison"],"dependencies":["@base-ui/react"],"description":"Comparison table setting your product against Notion, Trello, and Asana across grouped feature rows with check, cross, or value cells.","name":"comparison-4","registryDependencies":["badge","button","table"],"title":"Named Competitor Table","type":"registry:block"},{"categories":["dashboard"],"dependencies":["@base-ui/react"],"description":"Dashboard overview pairing a four-metric KPI row with a recent orders table of customer avatars, status badges, and amounts.","name":"dashboard-4","registryDependencies":["avatar","badge","table"],"title":"Overview With Recent Orders","type":"registry:block"},{"categories":["charts"],"dependencies":["recharts","@base-ui/react"],"description":"Line chart card plotting unique visitors month by month, with a grid, labeled axes, and a hover tooltip on each point.","name":"charts-4","registryDependencies":["card","chart"],"title":"Monthly Visitors Line","type":"registry:block"},{"categories":["charts"],"dependencies":["recharts","@base-ui/react"],"description":"Donut chart splitting traffic by source, with a centered visitor total and a ranked, color coded legend list underneath.","name":"charts-5","registryDependencies":["card","chart"],"title":"Traffic Source Donut","type":"registry:block"},{"categories":["auth"],"dependencies":["@base-ui/react"],"description":"Forgot-password card that validates an email, then switches to a check-your-inbox confirmation with a use-another-email option and back-to-sign-in link.","name":"auth-6","registryDependencies":["button","card","field","input"],"title":"Forgot Password Request","type":"registry:block"},{"categories":["auth"],"dependencies":["@base-ui/react"],"description":"Reset-password card with new and confirm fields plus live requirement checks for length, uppercase, number, and match, ending in a success state.","name":"auth-7","registryDependencies":["button","card","field","input"],"title":"Set New Password With Rules","type":"registry:block"},{"categories":["auth"],"dependencies":["@base-ui/react"],"description":"Sign-up card centered on the page with full name, email, and password fields, a terms checkbox, and Google and GitHub sign-up buttons.","name":"auth-8","registryDependencies":["button","card","checkbox","field","input","separator","sonner"],"title":"Centered Sign-Up Card","type":"registry:block"},{"categories":["search"],"dependencies":["@base-ui/react"],"description":"Search input with an autocomplete dropdown of recent searches and keyboard navigable suggestions, an empty state, and a slash to focus hint.","name":"search-4","registryDependencies":["kbd"],"title":"Autocomplete Search Input","type":"registry:block"},{"categories":["kanban"],"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","@base-ui/react"],"description":"Project kanban board with To Do, In Progress, Review, and Done columns, per-column counts, and drag and drop reordering across columns.","name":"kanban-3","registryDependencies":["avatar","badge","card","scroll-area"],"title":"Four Column Project Board","type":"registry:block"},{"categories":["kanban"],"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities"],"description":"Personal my-tasks kanban with Today, This Week, and Later lanes of compact rows you drag and drop to reprioritize.","name":"kanban-4","title":"Personal Task Lanes","type":"registry:block"},{"categories":["error"],"dependencies":["@base-ui/react"],"description":"403 access denied page with a lock icon, an explanation of the missing permission, and Back To Dashboard plus Request Access actions.","name":"error-4","registryDependencies":["button"],"title":"403 Access Denied","type":"registry:block"},{"categories":["error"],"dependencies":["@base-ui/react"],"description":"Maintenance mode page with a tools icon, a scheduled maintenance badge, an estimated return time, and a link to the status page.","name":"error-5","registryDependencies":["badge","button"],"title":"Scheduled Maintenance Page","type":"registry:block"},{"categories":["error"],"dependencies":["@base-ui/react"],"description":"404 not found page led by a display-sized 404 numeral, a friendly headline, short copy, and go home plus go back buttons.","name":"error-6","registryDependencies":["button"],"title":"Oversized 404 Numeral","type":"registry:block"},{"categories":["page-header"],"dependencies":["@base-ui/react"],"description":"List view page header with a title, primary action, and a toolbar of search input, status and sort selects, and a list or grid view toggle.","name":"page-header-5","registryDependencies":["button","input","select","separator"],"title":"Header With Search Toolbar","type":"registry:block"},{"categories":["page-header"],"dependencies":["@base-ui/react"],"description":"Analytics page header with an eyebrow, title, export and settings actions, and an inline four-metric stats strip showing deltas.","name":"page-header-6","registryDependencies":["button"],"title":"Header With Metrics Strip","type":"registry:block"},{"categories":["changelog"],"dependencies":["@base-ui/react"],"description":"Changelog page with a sticky version-jump sidebar beside long-form release entries grouped into Added, Improved, and Fixed changes.","name":"changelog-5","registryDependencies":["badge"],"title":"Sticky Version Jump Sidebar","type":"registry:block"},{"categories":["blog"],"dependencies":["@base-ui/react"],"description":"Blog index with a post list beside a sticky sidebar of search, categories with counts, popular posts, and a tag cloud.","name":"blog-5","registryDependencies":["badge","input","separator"],"title":"Blog With Sticky Sidebar","type":"registry:block"},{"categories":["article"],"dependencies":["@base-ui/react"],"description":"Article layout with a sticky sidebar holding an author bio card, related post links, and an inline newsletter signup form.","name":"article-5","registryDependencies":["avatar","badge","button","input","separator"],"title":"Article With Author Sidebar","type":"registry:block"},{"categories":["coming-soon"],"dependencies":["@base-ui/react"],"description":"Coming soon screen with a launch progress bar and Design, Beta, and Launch milestone labels above a waitlist email form with a success state.","name":"coming-soon-5","registryDependencies":["button","input","progress"],"title":"Launch Progress Milestones","type":"registry:block"},{"categories":["cookie-consent"],"dependencies":["@base-ui/react"],"description":"Cookie consent banner with accept and reject actions plus a Customize control that expands per-category consent switches inline.","name":"cookie-consent-5","registryDependencies":["button","separator","switch"],"title":"Expandable Consent Banner","type":"registry:block"},{"categories":["careers"],"dependencies":["@base-ui/react"],"description":"Filterable jobs board with a search field, department filter pills, a live result count, and a scrollable list of roles with location and type.","name":"careers-4","registryDependencies":["badge","input","scroll-area"],"title":"Filterable Jobs Board","type":"registry:block"},{"categories":["cta"],"description":"App download call to action section with App Store and Google Play buttons for the iOS and Android mobile apps.","name":"cta-6","title":"App Download CTA","type":"registry:block"},{"categories":["header"],"dependencies":["@base-ui/react"],"description":"Header with a Product navigation menu dropdown listing Analytics, Automations, and Integrations, plus inline links, sign-in and CTA buttons, and a mobile sheet.","name":"header-4","registryDependencies":["button","navigation-menu","sheet"],"title":"Product Dropdown Menu","type":"registry:block"},{"categories":["footer"],"dependencies":["@base-ui/react"],"description":"Footer led by a call to action band with heading and button, above brand and sitemap columns and a social bottom bar.","name":"footer-5","registryDependencies":["button"],"title":"Call To Action Footer","type":"registry:block"},{"categories":["onboarding"],"dependencies":["@base-ui/react"],"description":"Invite-teammates onboarding step marked 3 of 4, with add and remove email rows, a role select per invite, and skip or send actions.","name":"onboarding-5","registryDependencies":["button","input","select","separator"],"title":"Invite Your Team Step","type":"registry:block"},{"categories":["onboarding"],"dependencies":["@base-ui/react"],"description":"Compact getting-started widget with a dismiss button, progress bar, and a five-step checklist showing completed steps struck through.","name":"onboarding-6","registryDependencies":["progress"],"title":"Dismissible Getting Started Widget","type":"registry:block"},{"categories":["billing"],"dependencies":["@base-ui/react"],"description":"Payment methods list of saved cards with a default badge, set-default and remove actions, and an add-card dialog.","name":"billing-5","registryDependencies":["badge","button","dialog","field","input","separator"],"title":"Saved Payment Methods","type":"registry:block"},{"categories":["billing"],"dependencies":["@base-ui/react"],"description":"Add payment method form with name, card number, expiry, CVC, a country select, and a set-as-default switch.","name":"billing-6","registryDependencies":["button","card","field","input","select","switch"],"title":"Add Card Form","type":"registry:block"},{"categories":["empty-states"],"dependencies":["@base-ui/react"],"description":"First-run empty state prompting users to create their first project, with New Project and Import buttons and a three-tip getting-started row.","name":"empty-states-5","registryDependencies":["button","empty"],"title":"First Project Prompt","type":"registry:block"},{"categories":["notifications"],"dependencies":["@base-ui/react"],"description":"Notification preferences panel with a row per activity type and separate email and push toggle switches for each.","name":"notifications-4","registryDependencies":["card","separator","switch"],"title":"Notification Preferences Toggles","type":"registry:block"},{"categories":["notifications"],"description":"Stack of dismissible inline notification alerts in success, info, warning, and error variants, resolving to an all caught up empty state.","name":"notifications-5","title":"Dismissible Alert Stack","type":"registry:block"},{"categories":["integrations"],"dependencies":["@base-ui/react"],"description":"Split integrations section pairing a headline, copy, and browse CTA with a bordered six-logo grid of tools teams already use.","name":"integrations-5","registryDependencies":["button"],"title":"Split Logo Grid With CTA","type":"registry:block"},{"categories":["logo-cloud"],"description":"Single row logo strip of six brand wordmarks under a trusted-by label, highlighting on hover, with no borders or cards.","name":"logo-cloud-5","title":"Minimal Trust Strip","type":"registry:block"},{"categories":["settings"],"dependencies":["@base-ui/react"],"description":"Settings layout with a left section nav (Profile, Account, Notifications, Billing) that swaps the active section's form cards beside it.","name":"settings-4","registryDependencies":["avatar","button","field","input","separator","switch"],"title":"Section Nav Settings Layout","type":"registry:block"},{"categories":["file-upload"],"dependencies":["@base-ui/react"],"description":"Avatar uploader with a circular image preview, change and remove buttons, and a format hint, previewing the picked file via an object URL.","name":"file-upload-5","registryDependencies":["button"],"title":"Avatar Photo Uploader","type":"registry:block"},{"categories":["menu"],"dependencies":["motion"],"description":"Restaurant menu in four courses, each dish a name with leader dots running to its price, a one line description, and a bare dietary note, in a two column print layout.","name":"menu-1","title":"Leader Dot Menu List","type":"registry:block"},{"categories":["menu"],"description":"Six photographed dishes in a card grid, each with its price, a one line description, and a dietary note, for showing what the kitchen actually sends out.","name":"menu-2","title":"Photo Menu Card Grid","type":"registry:block"},{"categories":["booking"],"dependencies":["@base-ui/react"],"description":"Centered reservation card with date, party size, time, name, and email, for restaurants taking small tables online.","name":"booking-1","registryDependencies":["button","field","input","select"],"title":"Simple Reservation Form","type":"registry:block"},{"categories":["booking"],"dependencies":["@base-ui/react"],"description":"Appointment request split pairing reassurance copy with a form for the job needed, a preferred day, vehicle registration, phone, and free text notes.","name":"booking-2","registryDependencies":["button","field","input","radio-group","select","textarea"],"title":"Appointment Request Split","type":"registry:block"},{"categories":["location"],"description":"Opening hours split pairing a seven row hours table with an embedded map, the address, and directions copy covering transit and step free access.","name":"location-1","title":"Hours Table With Map Slot","type":"registry:block"},{"categories":["location"],"description":"Three visit cards covering address, opening hours, and getting here, each a bare icon above a heading and three short lines.","name":"location-2","title":"Three Up Visit Cards","type":"registry:block"},{"categories":["bento","cta","faqs","features","footer","header","hero","logo-cloud","pricing","stats","testimonials"],"dependencies":["next-themes","@base-ui/react"],"description":"Complete SaaS marketing homepage template assembled from free blocks: hero section, social proof, features, stats, testimonials, pricing, FAQ, and a closing CTA.","name":"saas-landing","registryDependencies":["accordion","avatar","badge","button","card","dialog","dropdown-menu","field","input","separator","sheet","sonner","textarea","utils"],"title":"SaaS Landing","type":"registry:block"},{"categories":["features","footer","header","hero","how-it-works","newsletter","stats","testimonials"],"dependencies":["@base-ui/react"],"description":"Lean startup landing page template for early-stage products and waitlists: centered hero section with inline email capture, stats, feature grid, how it works timeline, testimonial, and waitlist signup.","name":"startup","registryDependencies":["avatar","badge","button","card","checkbox","input","label","separator","sheet","sonner","utils"],"title":"Startup","type":"registry:block"},{"categories":["comparison","cta","faqs","features","footer","gallery","header","hero","how-it-works","integrations","pricing","stats","testimonials"],"dependencies":["@base-ui/react"],"description":"Product-tour SaaS landing page template: hero section with announcement pill, browser-framed gallery, tabbed features, how it works stepper, integrations, comparison, stats, testimonial, pricing, and FAQ.","name":"saas-landing-2","registryDependencies":["accordion","avatar","badge","button","card","dialog","field","input","label","separator","sheet","skeleton","sonner","tabs","textarea","utils"],"title":"SaaS Landing 2","type":"registry:block"},{"categories":["app-shell","charts","dashboard","table"],"dependencies":["@tanstack/react-table","recharts","@base-ui/react"],"description":"Logged-in dashboard app template with a collapsible sidebar and command palette top bar wrapping stat cards, an interactive area chart, and a sortable, paginated data table.","name":"dashboard","registryDependencies":["avatar","badge","button","card","chart","checkbox","command","dropdown-menu","input","kbd","select","sheet","sidebar","sonner","table","utils"],"title":"Dashboard","type":"registry:block"}]},"21st dev agent elements":{"favicon":"/favicons/21st-dev-agent-elements.ico","items":[{"name":"agent-chat","type":"registry:ui"},{"name":"message-list","type":"registry:ui"},{"name":"input-bar","type":"registry:ui"},{"name":"suggestions","type":"registry:ui"},{"name":"model-picker","type":"registry:ui"},{"name":"mode-selector","type":"registry:ui"},{"name":"user-message","type":"registry:ui"},{"name":"error-message","type":"registry:ui"},{"name":"markdown","type":"registry:ui"},{"name":"send-button","type":"registry:ui"},{"name":"attachment-button","type":"registry:ui"},{"name":"file-attachment","type":"registry:ui"},{"name":"text-shimmer","type":"registry:ui"},{"name":"spiral-loader","type":"registry:ui"},{"name":"bash-tool","type":"registry:ui"},{"name":"edit-tool","type":"registry:ui"},{"name":"search-tool","type":"registry:ui"},{"name":"todo-tool","type":"registry:ui"},{"name":"plan-tool","type":"registry:ui"},{"name":"tool-group","type":"registry:ui"},{"name":"subagent-tool","type":"registry:ui"},{"name":"question-tool","type":"registry:ui"},{"name":"mcp-tool","type":"registry:ui"},{"name":"thinking-tool","type":"registry:ui"},{"name":"generic-tool","type":"registry:ui"}]},"jolly ui":{"favicon":"/favicons/jolly-ui.png","items":[{"dependencies":["react-aria-components"],"name":"breadcrumbs","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["react-aria-components","class-variance-authority"],"name":"button","type":"registry:ui"},{"dependencies":["react-aria-components","@internationalized/date"],"name":"calendar","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"checkbox","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"color","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"combobox","registryDependencies":["field","popover","button","list-box"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"disclosure","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"tree","registryDependencies":["checkbox"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"date-picker","registryDependencies":["field","popover","button","calendar","datefield","field"],"type":"registry:ui"},{"dependencies":["react-aria-components","class-variance-authority"],"name":"datefield","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["react-aria-components","class-variance-authority"],"name":"dialog","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"dropzone","type":"registry:ui"},{"dependencies":["react-aria-components","class-variance-authority"],"name":"field","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"grid-list","registryDependencies":["checkbox"],"type":"registry:ui"},{"dependencies":["react-aria-components","class-variance-authority"],"name":"link","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"list-box","type":"registry:ui"},{"dependencies":["react-aria-components","class-variance-authority"],"name":"menu","registryDependencies":["button","list-box","select"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"meter","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"numberfield","registryDependencies":["field","button"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"popover","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"progress","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"radio-group","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"searchfield","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"select","registryDependencies":["field","popover"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"separator","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"slider","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"switch","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"tabs","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"table","type":"registry:ui"},{"dependencies":["react-aria-components","class-variance-authority"],"name":"tag-group","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"textfield","registryDependencies":["field"],"type":"registry:ui"},{"dependencies":["react-aria-components","class-variance-authority"],"name":"toggle","type":"registry:ui"},{"dependencies":["react-aria-components","class-variance-authority"],"name":"toggle-group","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"tooltip","type":"registry:ui"},{"dependencies":["react-aria-components"],"name":"toolbar","type":"registry:ui"}]},"8starlabs ui":{"favicon":"/favicons/8starlabs-ui.ico","items":[{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A shadcn-compatible button with an optional Stripe-style arrow animation","name":"button","title":"Button","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A Base UI collapsible component","name":"collapsible","title":"Collapsible","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"description":"A Base UI dropdown menu component","name":"dropdown-menu","title":"Dropdown Menu","type":"registry:ui"},{"description":"A styled input component","name":"input","title":"Input","type":"registry:ui"},{"description":"A styled label component","name":"label","title":"Label","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A Base UI separator component","name":"separator","title":"Separator","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A Base UI tooltip component","name":"tooltip","title":"Tooltip","type":"registry:ui"},{"description":"A heatmap component","name":"heatmap","registryDependencies":["https://ui.8starlabs.com/r/tooltip.json"],"title":"Heatmap","type":"registry:ui"},{"description":"A partition bar component","name":"partition-bar","title":"Partition Bar","type":"registry:ui"},{"description":"A flip clock component","name":"flip-clock","title":"Flip clock","type":"registry:ui"},{"description":"A status indicator component","name":"status-indicator","title":"Status indicator","type":"registry:ui"},{"description":"A compact date label that displays relative time with an optional UTC tooltip.","name":"relative-time","registryDependencies":["https://ui.8starlabs.com/r/tooltip.json"],"title":"Relative Time","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"A compact status history bar for showing service uptime across days or hours.","name":"status-monitor","registryDependencies":["https://ui.8starlabs.com/r/tooltip.json"],"title":"Status Monitor","type":"registry:ui"},{"description":"A transport badge component","name":"transport-badge","title":"Transport badge","type":"registry:ui"},{"description":"A system banner component","name":"system-banner","title":"System banner","type":"registry:ui"},{"description":"A timeline component","name":"timeline","title":"Timeline component","type":"registry:ui"},{"description":"A marquee component","name":"marquee","title":"Marquee component","type":"registry:ui"},{"dependencies":["@tabler/icons-react"],"description":"A JSON viewer component","name":"json-viewer","registryDependencies":["https://ui.8starlabs.com/r/button.json","https://ui.8starlabs.com/r/collapsible.json","https://ui.8starlabs.com/r/separator.json","https://ui.8starlabs.com/r/tooltip.json"],"title":"JSON Viewer","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A video player component","name":"video-player","registryDependencies":["https://ui.8starlabs.com/r/button.json"],"title":"Video Player","type":"registry:ui"},{"description":"A Stripe-style perspective error shake for form fields, with a declarative wrapper and an imperative hook","name":"shake","title":"Shake","type":"registry:ui"},{"dependencies":["lucide-react","simple-icons"],"description":"A component that opens an LLM chat with a pre-filled prompt.","name":"open-in-chat","registryDependencies":["https://ui.8starlabs.com/r/button.json","https://ui.8starlabs.com/r/dropdown-menu.json","https://ui.8starlabs.com/r/tooltip.json"],"title":"Open In Chat","type":"registry:ui"}]},"react native reusables":{"favicon":"/favicons/react-native-reusables.svg","items":[{"dependencies":["@rn-primitives/accordion"],"description":"A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/icon.json"],"title":"Accordion","type":"registry:ui"},{"description":"Displays a callout for user attention.","name":"alert","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/icon.json"],"title":"Alert","type":"registry:ui"},{"dependencies":["@rn-primitives/alert-dialog"],"description":"A modal dialog that interrupts the user with important content and expects a response.","name":"alert-dialog","registryDependencies":["https://reactnativereusables.com/r/nativewind/button.json","https://reactnativereusables.com/r/nativewind/native-only-animated-view.json","https://reactnativereusables.com/r/nativewind/text.json"],"title":"Alert Dialog","type":"registry:ui"},{"dependencies":["@rn-primitives/aspect-ratio"],"description":"Displays content within a desired ratio.","name":"aspect-ratio","title":"Aspect Ratio","type":"registry:ui"},{"dependencies":["@rn-primitives/avatar"],"description":"An image element with a fallback for representing the user.","name":"avatar","title":"Avatar","type":"registry:ui"},{"dependencies":["@rn-primitives/slot"],"description":"Displays a badge or a component that looks like a badge.","name":"badge","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json"],"title":"Badge","type":"registry:ui"},{"description":"Displays a button or a component that looks like a button.","name":"button","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json"],"title":"Button","type":"registry:ui"},{"description":"Displays a card with header, content, and footer.","name":"card","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json"],"title":"Card","type":"registry:ui"},{"dependencies":["@rn-primitives/checkbox"],"description":"A control that allows the user to toggle between checked and not checked.","name":"checkbox","registryDependencies":["https://reactnativereusables.com/r/nativewind/icon.json"],"title":"Checkbox","type":"registry:ui"},{"dependencies":["@rn-primitives/collapsible"],"description":"A control that allows the user to toggle between checked and not checked.","name":"collapsible","title":"Collapsible","type":"registry:ui"},{"dependencies":["@rn-primitives/context-menu"],"description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","name":"context-menu","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/native-only-animated-view.json","https://reactnativereusables.com/r/nativewind/icon.json"],"title":"Context Menu","type":"registry:ui"},{"dependencies":["@rn-primitives/dialog"],"description":"A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.","name":"dialog","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/native-only-animated-view.json","https://reactnativereusables.com/r/nativewind/icon.json"],"title":"Dialog","type":"registry:ui"},{"dependencies":["@rn-primitives/dropdown-menu"],"description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","name":"dropdown-menu","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/native-only-animated-view.json","https://reactnativereusables.com/r/nativewind/icon.json"],"title":"Dropdown Menu","type":"registry:ui"},{"dependencies":["@rn-primitives/hover-card"],"description":"For sighted users to preview content available behind a link.","name":"hover-card","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/native-only-animated-view.json"],"title":"Hover Card","type":"registry:ui"},{"description":"Displays a form input field or a component that looks like an input field.","name":"input","title":"Input","type":"registry:ui"},{"dependencies":["@rn-primitives/label"],"description":"Renders an accessible label associated with controls.","name":"label","title":"Label","type":"registry:ui"},{"dependencies":["@rn-primitives/menubar"],"description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","name":"menubar","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/native-only-animated-view.json","https://reactnativereusables.com/r/nativewind/icon.json"],"title":"Menubar","type":"registry:ui"},{"dependencies":["@rn-primitives/popover"],"description":"Displays rich content in a portal, triggered by a button.","name":"popover","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/native-only-animated-view.json"],"title":"Popover","type":"registry:ui"},{"dependencies":["@rn-primitives/progress"],"description":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.","name":"progress","title":"Progress","type":"registry:ui"},{"dependencies":["@rn-primitives/radio-group"],"description":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.","name":"radio-group","title":"Radio Group","type":"registry:ui"},{"dependencies":["@rn-primitives/select"],"description":"Displays a list of options for the user to pick from—triggered by a button.","name":"select","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/native-only-animated-view.json","https://reactnativereusables.com/r/nativewind/icon.json"],"title":"Select","type":"registry:ui"},{"dependencies":["@rn-primitives/separator"],"description":"Visually or semantically separates content.","name":"separator","title":"Separator","type":"registry:ui"},{"description":"Use to show a placeholder while content is loading.","name":"skeleton","title":"Skeleton","type":"registry:ui"},{"dependencies":["@rn-primitives/switch"],"description":"A control that allows the user to toggle between checked and not checked.","name":"switch","title":"Switch","type":"registry:ui"},{"dependencies":["@rn-primitives/tabs"],"description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json"],"title":"Tabs","type":"registry:ui"},{"dependencies":["@rn-primitives/slot"],"description":"A component for displaying text.","name":"text","title":"Text","type":"registry:ui"},{"description":"Displays a form textarea or a component that looks like a textarea.","name":"textarea","title":"Textarea","type":"registry:ui"},{"dependencies":["@rn-primitives/toggle"],"description":"A two-state button that can be either on or off.","name":"toggle","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/icon.json"],"title":"Toggle","type":"registry:ui"},{"dependencies":["@rn-primitives/toggle-group"],"description":"A set of two-state buttons that can be toggled on or off.","name":"toggle-group","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/icon.json","https://reactnativereusables.com/r/nativewind/toggle.json"],"title":"Toggle Group","type":"registry:ui"},{"dependencies":["@rn-primitives/tooltip"],"description":"A popup that displays information related to an element when the element receives keyboard focus, the mouse hovers over it, or when it is pressed.","name":"tooltip","registryDependencies":["https://reactnativereusables.com/r/nativewind/text.json","https://reactnativereusables.com/r/nativewind/native-only-animated-view.json"],"title":"Tooltip","type":"registry:ui"}]},"aicanvas":{"favicon":"/favicons/aicanvas.svg","items":[{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Three AI job card stacks with swipe-to-cycle. Brand logos, bookmark toggle, springs. Free account required to install; source is free to read.","name":"ai-job-cards","title":"AI Job Cards","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A swipeable portrait card stack perfect for introducing a team, showcasing crew members, or picking an avatar. Four stacked cards fan out with soft rotations: drag to browse, tap to choose. Drop in your own photos and names for an About Us section, a character selector, or an onb","name":"meet-the-crew","title":"Meet the Crew","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A dark/light mode toggle styled as a window-blind pull cord. Click to yank the cord and watch the icon swap through a venetian-blind slat animation. Free account required to install; source is free to read.","name":"blind-pull-toggle","title":"Blind Pull Toggle","type":"registry:ui"},{"description":"An animated bubble background. A monochrome grid of outline circles bursts near the cursor, expanding and fading, then reforming. Free account required to install; source is free to read.","name":"bubble-field","title":"Bubble Field","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"Circular battery indicator with animated liquid waves that rise as the percentage counts up, looping continuously. Free account required to install; source is free to read.","name":"charging-widget","title":"Charging Widget","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion","react-dom"],"description":"A crypto token-swap widget with live exchange rates, price impact, and an animated swap button. Free account required to install; source is free to read.","name":"crypto-swap","title":"Crypto Swap","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"An interactive 3D photo cube with six placeholder images on its faces. Drag with your cursor to spin it freely on both axes; release and it coasts naturally to a stop. No buttons, no snap, no controls, just the cube and your hand. Free account required to install; source is free ","name":"cube-carousel","title":"Cube Carousel","type":"registry:ui"},{"dependencies":["framer-motion","three"],"description":"A morphing 3D AI orb in Three.js with cyan and magenta rim lights, iridescent pink speckles on a wrinkled surface, and glowing pink robot-eye pills that follow your cursor and blink between idle looks. Free account required to install; source is free to read.","name":"curious-ai","title":"Curious AI","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"Three crossing caution-tape stripes on orange. Hover to shake, click to intensify. Free account required to install; source is free to read.","name":"danger-stripes","title":"Danger Stripes","type":"registry:ui"},{"dependencies":["framer-motion","@phosphor-icons/react"],"description":"A red button that starts a five-second delete countdown, with a one-tap undo. Free account required to install; source is free to read.","name":"delete-button","title":"Delete Button","type":"registry:ui"},{"description":"A faint canvas grid of diamonds. Seeded sparks send light outward until fronts meet. Free account required to install; source is free to read.","name":"diamond-grid","title":"Diamond Grid","type":"registry:ui"},{"description":"An animated grid background. Thin lines undulate in slow sweeping waves, and hovering repels the grid fabric outward from your cursor. Free account required to install; source is free to read.","name":"distortion-grid","title":"Distortion Grid","type":"registry:ui"},{"description":"An animated dot grid background. Hovering lights up nearby dots with a smooth glow and an organic fade. Free account required to install; source is free to read.","name":"dot-grid","title":"Dot Grid","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"A button that explodes emojis outward in all directions. Five emoji sets cycle on each click. Free account required to install; source is free to read.","name":"emoji-burst","title":"Emoji Burst","type":"registry:ui"},{"dependencies":["framer-motion","@phosphor-icons/react"],"description":"A monochrome tab bar of icon circles. Click one and it expands into a labeled pill. Free account required to install; source is free to read.","name":"expanding-tabs","title":"Expanding Tabs","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"A desk-calendar widget showing dates 1–31 with a satisfying flip-clock page-turn animation. Free account required to install; source is free to read.","name":"flip-calendar","title":"Flip Calendar","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A swipeable deck of destination cards. Drag the front card down to fling it off-screen and reveal the next. Each card reveals an animated hotels counter as it comes forward. Free account required to install; source is free to read.","name":"traveldeck","title":"Travel Deck","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Glassmorphism AI chat input with image upload, web search toggle, and model switcher. Free account required to install; source is free to read.","name":"glass-ai-compose","title":"Glass AI Composer","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Glassmorphism content cards with 3D tilt-on-hover, spring physics, and a cursor-following glare highlight. Free account required to install; source is free to read.","name":"glass-card","title":"Glass Card","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Glassmorphism macOS-style dock with cursor-proximity magnification. Icons scale with spring physics as the mouse approaches. Free account required to install; source is free to read.","name":"glass-dock","title":"Glass Dock","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Centered dialog with deep glass blur, scale-spring entrance, and staggered content reveal. Free account required to install; source is free to read.","name":"glass-modal","title":"Glass Modal","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Mini music player with glass surface, spinning vinyl art, animated progress bar, and ambient glow. Free account required to install; source is free to read.","name":"glass-music-player","title":"Glass Music Player","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Frosted glass navigation bar with animated active tab indicator, ambient color blobs, and spring-physics entrance. Free account required to install; source is free to read.","name":"glass-navbar","title":"Glass Navbar","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Swipe-to-dismiss notification stack with glass cards and spring-animated layout transitions. Free account required to install; source is free to read.","name":"glass-notification","title":"Glass Notifications","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Glassmorphism progress bar panel with glowing gradient fills, spring-animated counters, staggered reveal, and replay button. Free account required to install; source is free to read.","name":"glass-progress","title":"Glass Progress","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Glassmorphism search bar with animated suggestion dropdown, active state glow, and reduced-motion support. Free account required to install; source is free to read.","name":"glass-search-bar","title":"Glass Search Bar","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Collapsible glassmorphism sidebar with icon-only and full label states, spring-animated expand and collapse. Free account required to install; source is free to read.","name":"glass-sidebar","title":"Glass Sidebar","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"Range sliders with glass tracks, glowing colored fills, and spring-animated thumbs that scale on drag. Free account required to install; source is free to read.","name":"glass-slider","title":"Glass Slider","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step. Free account required to install; source is free to read.","name":"glass-stepper","title":"Glass Stepper","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Frosted glass pill tab bar with a sliding active indicator. Edge tabs snap flush to the container wall. Free account required to install; source is free to read.","name":"glass-tab-bar","title":"Glass Tab Bar","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"Selectable pill-shaped tags with glass surfaces, unique color accents, and spring-animated check marks. Free account required to install; source is free to read.","name":"glass-tags","title":"Glass Tags","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Frosted glassmorphism toast notification stack with 4 variants, auto-dismiss progress bar, and spring-animated stacking. Free account required to install; source is free to read.","name":"glass-toast","title":"Glass Toast","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"On/off toggles with glass housing and liquid-feel spring animation. Track color transitions smoothly. Free account required to install; source is free to read.","name":"glass-toggle","title":"Glass Toggle","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Frosted glass user avatar trigger with animated dropdown, grouped menu items, and Log Out. Free account required to install; source is free to read.","name":"glass-user-menu","title":"Glass User Menu","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"A terminal-inspired button with a text scramble glitch effect on hover. Free account required to install; source is free to read.","name":"glitch-button","title":"Glitch Button","type":"registry:ui"},{"dependencies":["framer-motion","next"],"description":"Interactive typography where letters scale 2x and become bold on hover. Free account required to install; source is free to read.","name":"good-vibes","title":"Good Vibes","type":"registry:ui"},{"description":"A grid background of dots connected by thin lines. The cursor lights a radial glow and bulges the grid outward like a lens as it moves. Free account required to install; source is free to read.","name":"grid-lines","title":"Grid Lines","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"Rotating 3D ring text animation: the front arc reads upright, the back arc upside-down. Free account required to install; source is free to read.","name":"halo-type","title":"Halo Type","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"A scattered stack of photo cards. Drag, click, or arrow keys to focus any card. Free account required to install; source is free to read.","name":"interactive-card-stack","title":"Interactive Card Stack","type":"registry:ui"},{"dependencies":["framer-motion","matter-js"],"description":"Glass jar widget. Click a reaction to spring the lid and watch the emoji bounce down. Free account required to install; source is free to read.","name":"jar-of-emotions","title":"Emoji Reaction Jar","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"Colour-blocked label cards scattered at random angles. Tap one to spring it to centre. Free account required to install; source is free to read.","name":"label-cards","title":"Label Cards","type":"registry:ui"},{"description":"An interactive dot background. A dense grid of dots is magnetically pulled toward your cursor, snapping back with an elastic bounce. Free account required to install; source is free to read.","name":"magnetic-dots","title":"Magnetic Dots","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"An interactive swarm of your logo. Marks fly in from off-screen, drift endlessly, and bend toward the cursor. Free account required to install; source is free to read.","name":"magnetic-logo-cluster","title":"Magnetic Logo Cluster","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"An iOS-style pill toggle in warm earth and sand tones: the thumb carries a small icon that morphs from X to checkmark as it slides across. Free account required to install; source is free to read.","name":"mark-toggle","title":"Mark Toggle","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"A feelings check-in card with six expressive faces. Drag the segmented slider and the face, label, and liquid color wash shift with your mood. Free account required to install; source is free to read.","name":"mood-tracker","title":"Mood Tracker","type":"registry:ui"},{"description":"A retro 7-segment LCD clock with pixel-grid overlay. Shows live HH:MM:SS with blinking colon, AM/PM indicator, day of week row, and full date. Free account required to install; source is free to read.","name":"neon-clock","title":"Seven-Segment Clock","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A pill button that morphs into a soft-UI project creation form: title, description, 7-swatch color label picker, Private toggle, and a checkmark-confirm Create button. Free account required to install; source is free to read.","name":"new-project-modal","title":"New Project Modal","type":"registry:ui"},{"description":"A grain background of randomly scattered dots. Hover to illuminate them with a soft Gaussian glow and organic connection lines. Free account required to install; source is free to read.","name":"noise-bg","title":"Grain Background","type":"registry:ui"},{"description":"An animated flow field background. A grid of arrows driven by layered sine-wave noise drifts like wind. Hover and they turn to point at your cursor. Free account required to install; source is free to read.","name":"noise-field","title":"Noise Field","type":"registry:ui"},{"dependencies":["next"],"description":"Kinetic text animation arranged in a circle. Hover slows the spin; letters push outward. Free account required to install; source is free to read.","name":"orbit","title":"Orbit","type":"registry:ui"},{"description":"An animated spider web background. Silk strands bow slowly at rest, and hovering pushes each node so it bounces back under tension. Free account required to install; source is free to read.","name":"particle-constellation","title":"Spider Web","type":"registry:ui"},{"dependencies":["three","@types/three"],"description":"A 3D particle background built with Three.js. 9,000 particles sit on a slowly spinning sphere in warm gold and cool silver. Free account required to install; source is free to read.","name":"particle-sphere","title":"Particle Sphere","type":"registry:ui"},{"dependencies":["framer-motion","qrcode.react"],"description":"A portrait card whose corner peels on tap, revealing a scannable Wi-Fi QR code. Free account required to install; source is free to read.","name":"peel-corner-reveal","title":"Peel to Scan","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"A minimal iOS-style slider toggle: thumb glides between off (grey) and on (green) with a snappy spring. Fully responsive. Free account required to install; source is free to read.","name":"pill-toggle","title":"Pill Toggle","type":"registry:ui"},{"dependencies":["framer-motion","next"],"description":"Kinetic typography where letters jump, drop, and rotate on cursor proximity. Free account required to install; source is free to read.","name":"playful","title":"Playful","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"Five polaroid photo cards stacked in a casual pile. Click to fan them out in a spring-animated arc, hover to lift, click a card to spotlight it. Free account required to install; source is free to read.","name":"polaroid-stack","title":"Polaroid Stack","type":"registry:ui"},{"dependencies":["framer-motion","@phosphor-icons/react"],"description":"A draggable card deck you flick through one card at a time. The top card leans toward your drag, then spins away with momentum to reveal the next, and the deck loops endlessly. Every card pairs a picture with a title and a pill action button with hover and press states. Free acco","name":"product-card-deck","title":"Product Card Deck","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"Seven health-metric cards bloom into a slowly rotating flower. Tap any petal to pull it forward and read your stats up close. Free account required to install; source is free to read.","name":"radial-cards","title":"Radial Cards","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A radial context menu that fans out formatting tools around a centre button, with active toggle states and an animated label pill. Free account required to install; source is free to read.","name":"radial-toolbar","title":"Radial Toolbar","type":"registry:ui"},{"dependencies":["framer-motion","next"],"description":"Interactive text where each letter responds to cursor proximity, animating variable font properties (weight, stretch, italic, letter-spacing, skew) to create a deformation-under-pressure effect. Free account required to install; source is free to read.","name":"responsive-letters","title":"Responsive Letters","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"SVG text animation warped by a turbulence filter. Toggle the fan and letters ripple. Free account required to install; source is free to read.","name":"ripple-type","title":"Ripple Type","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"An airplane taxis down a runway progress bar, nose tilting up and taking off at 100%. Free account required to install; source is free to read.","name":"runway-loader","title":"Runway Loader","type":"registry:ui"},{"dependencies":["framer-motion","geist"],"description":"Two words scramble continuously in a pixel cipher. Hover the container to decrypt them one by one. Mouse out and they snap back to noise. Free account required to install; source is free to read.","name":"scramble-text","title":"Scramble Text","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A full-bleed, scroll-driven photo gallery. Each photo wipes in from a different edge. Free account required to install; source is free to read.","name":"scroll-wipe-gallery","title":"Scroll Wipe Gallery","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A signature pad widget: pill button morphs into a canvas to draw with mouse or touch. Free account required to install; source is free to read.","name":"signature-pad","title":"Signature Pad","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"A typographic magic trick. At rest you read one ambiguous word; hover and it splits into two: LIGHT lifting up, NIGHT sinking down, the shared letters resolving into separate glyphs. Free account required to install; source is free to read.","name":"slice-type","title":"Slice Type","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"Swipeable card deck with four editorial slides. Navigate forward and back by drag or tap. Free account required to install; source is free to read.","name":"slide-deck","title":"Slide Deck","type":"registry:ui"},{"description":"An animated wireframe globe background. A narrow wave band drifts slowly across the surface, and hovering ripples the lines under your cursor. Free account required to install; source is free to read.","name":"sphere-lines","title":"Wireframe Globe","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"A column of 12 stacked words that reads as a rotating 3D cylinder. 2D transforms skew, scale and shift each row so the rotation travels down the stack. Hover lights one row in warm orange without breaking the rhythm. Free account required to install; source is free to read.","name":"stack-tower","title":"Stack Tower","type":"registry:ui"},{"dependencies":["framer-motion","matter-js","@types/matter-js"],"description":"A draggable sticker card wall. Drop notes, toss emoji, pile them up with real 2D physics. Free account required to install; source is free to read.","name":"sticker-wall","title":"Sticker Wall","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"A playful pill toggle with an expressive face on the thumb: dead (×× eyes, flat mouth) when off, happy (arc eyes, big smile) when on. Track warms from grey to yellow. Free account required to install; source is free to read.","name":"taga-toggle","title":"Taga Toggle","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A swipeable project task card stack where each card has a unique accent colour, status badge, and due date. Drag left or right to cycle through tasks. The dismissed card springs back to the bottom of the deck. Free account required to install; source is free to read.","name":"task-cards","title":"Task Cards","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"Words animate into view one by one with a satisfying blur-to-sharp entrance, auto-replaying in a loop. Free account required to install; source is free to read.","name":"text-blur-reveal","title":"Text Blur Reveal","type":"registry:ui"},{"dependencies":["framer-motion"],"description":"3D coverflow card carousel of seven tilted photos. Drag or arrows to focus any card. Free account required to install; source is free to read.","name":"tilted-coverflow","title":"Tilted Coverflow","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A collapsible file upload widget with a shimmer progress bar (indigo while uploading, amber on pause). Expand to see per-file rows with live progress, time remaining, and pause, resume, refresh, and stop controls. Free account required to install; source is free to read.","name":"upload-progress","title":"Upload Progress","type":"registry:ui"},{"dependencies":["@phosphor-icons/react","framer-motion"],"description":"A compact live-session presence pill with an animated speaking indicator and overlapping avatars. Clicks open a soft-UI modal showing all participants with a Join Now button. Free account required to install; source is free to read.","name":"voice-chat-pill","title":"Live Session Pill","type":"registry:ui"},{"description":"An animated line background. Dense vertical lines ripple with two layered sine waves, bunching and breathing. Hover to send waves across the canvas. Free account required to install; source is free to read.","name":"wave-lines","title":"Wave Lines","type":"registry:ui"},{"description":"An animated X grid background. Marks illuminate and connect to their neighbors with constellation lines as your cursor passes. Free account required to install; source is free to read.","name":"x-grid","title":"X Grid","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","@radix-ui/react-slot@^1.2.4","class-variance-authority@^0.7.1","framer-motion@^12.38.0","recharts@^3.8.1","three@^0.183.2"],"description":"Every Andromeda Legacy component (42 files). Installs the foundation tokens automatically. Free account required to install; source is free to read.","devDependencies":["@types/three@^0.183.1"],"name":"andromeda","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Andromeda Legacy design system","type":"registry:block"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Legacy Alert component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-alert","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Alert (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Legacy Avatar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-avatar","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Avatar (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1","framer-motion@^12.38.0"],"description":"Andromeda Legacy Badge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-badge","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Badge (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","@radix-ui/react-slot@^1.2.4","class-variance-authority@^0.7.1","framer-motion@^12.38.0"],"description":"Andromeda Legacy Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-button-system","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Button (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Legacy Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-card","registryDependencies":["https://aicanvas.me/r/andromeda-corner-markers.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Card (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","class-variance-authority@^0.7.1"],"description":"Andromeda Legacy Checkbox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-checkbox","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Checkbox (Andromeda Legacy)","type":"registry:ui"},{"description":"Andromeda Legacy Corner Markers component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-corner-markers","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Corner Markers (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Legacy Date Range Picker component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-date-range-picker","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Date Range Picker (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Legacy Drawer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-drawer","registryDependencies":["https://aicanvas.me/r/andromeda-corner-markers.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Drawer (Andromeda Legacy)","type":"registry:ui"},{"description":"Andromeda Legacy Empty State component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-empty-state","registryDependencies":["https://aicanvas.me/r/andromeda-card.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Empty State (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Legacy Heat Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-heat-grid","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Heat Grid (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","class-variance-authority@^0.7.1","framer-motion@^12.38.0"],"description":"Andromeda Legacy Icon Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-icon-button","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Icon Button (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","class-variance-authority@^0.7.1"],"description":"Andromeda Legacy Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-input","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Input (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","@radix-ui/react-slot@^1.2.4","class-variance-authority@^0.7.1","framer-motion@^12.38.0"],"description":"Andromeda Legacy Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-nav-item","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Nav Item (Andromeda Legacy)","type":"registry:ui"},{"description":"Andromeda Legacy Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-panel-header","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Panel Header (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Legacy Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-panel-menu","registryDependencies":["https://aicanvas.me/r/andromeda-icon-button.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Panel Menu (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0","three@^0.183.2"],"description":"Andromeda Legacy Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","devDependencies":["@types/three@^0.183.1"],"name":"andromeda-planet","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Planet (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Legacy Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-progress-bar","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Progress Bar (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0","recharts@^3.8.1"],"description":"Andromeda Legacy Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-radar-chart","registryDependencies":["https://aicanvas.me/r/andromeda-corner-markers.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Radar Chart (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Legacy Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-radio","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Radio (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Legacy Search Field component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-search-field","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Search Field (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Legacy Segmented Control component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-segmented-control","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Segmented Control (Andromeda Legacy)","type":"registry:ui"},{"description":"Andromeda Legacy Slider component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-slider","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Slider (Andromeda Legacy)","type":"registry:ui"},{"description":"Andromeda Legacy Spinner component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-spinner","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Spinner (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Legacy Stat Tile component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-stat-tile","registryDependencies":["https://aicanvas.me/r/andromeda-card.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Stat Tile (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Legacy Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-table","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Table (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","class-variance-authority@^0.7.1"],"description":"Andromeda Legacy Tag component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-tag","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Tag (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Legacy Textarea component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-textarea","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Textarea (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Legacy Toggle component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-toggle","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Toggle (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Legacy Tooltip component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-tooltip","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Tooltip (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0","recharts@^3.8.1"],"description":"Andromeda Legacy Trend Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-trend-chart","registryDependencies":["https://aicanvas.me/r/andromeda-segmented-control.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Trend Chart (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Legacy User Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-user-card","registryDependencies":["https://aicanvas.me/r/andromeda-avatar.json","https://aicanvas.me/r/andromeda-tokens.json","https://aicanvas.me/r/andromeda-user-menu.json"],"title":"User Card (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Legacy User Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-user-menu","registryDependencies":["https://aicanvas.me/r/andromeda-avatar.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"User Menu (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0","recharts@^3.8.1"],"description":"Andromeda Legacy Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-metric-chart","registryDependencies":["https://aicanvas.me/r/andromeda-badge.json","https://aicanvas.me/r/andromeda-corner-markers.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Metric Chart (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Legacy Gauge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-gauge","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Gauge (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Legacy Waveform component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-waveform","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json"],"title":"Waveform (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Legacy Media Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-media-card","registryDependencies":["https://aicanvas.me/r/andromeda-card.json","https://aicanvas.me/r/andromeda-icon-button.json","https://aicanvas.me/r/andromeda-tag.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Media Card (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Legacy Data Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-data-table","registryDependencies":["https://aicanvas.me/r/andromeda-icon-button.json","https://aicanvas.me/r/andromeda-tokens.json","https://aicanvas.me/r/andromeda-tooltip.json"],"title":"Data Table (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Legacy Music Player component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is free to read.","name":"andromeda-music-player","registryDependencies":["https://aicanvas.me/r/andromeda-corner-markers.json","https://aicanvas.me/r/andromeda-icon-button.json","https://aicanvas.me/r/andromeda-slider.json","https://aicanvas.me/r/andromeda-tokens.json"],"title":"Music Player (Andromeda Legacy)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Mission Control composition from Andromeda Legacy (Dashboard template). Pulls in the 14 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-mission-control","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json","https://aicanvas.me/r/andromeda-badge.json","https://aicanvas.me/r/andromeda-button-system.json","https://aicanvas.me/r/andromeda-card.json","https://aicanvas.me/r/andromeda-corner-markers.json","https://aicanvas.me/r/andromeda-drawer.json","https://aicanvas.me/r/andromeda-icon-button.json","https://aicanvas.me/r/andromeda-nav-item.json","https://aicanvas.me/r/andromeda-planet.json","https://aicanvas.me/r/andromeda-progress-bar.json","https://aicanvas.me/r/andromeda-radar-chart.json","https://aicanvas.me/r/andromeda-stat-tile.json","https://aicanvas.me/r/andromeda-user-card.json","https://aicanvas.me/r/andromeda-user-menu.json"],"title":"Mission Control (Andromeda Legacy)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Service Order composition from Andromeda Legacy (CRM template). Pulls in the 16 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-service-order","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json","https://aicanvas.me/r/andromeda-badge.json","https://aicanvas.me/r/andromeda-button-system.json","https://aicanvas.me/r/andromeda-card.json","https://aicanvas.me/r/andromeda-checkbox.json","https://aicanvas.me/r/andromeda-corner-markers.json","https://aicanvas.me/r/andromeda-drawer.json","https://aicanvas.me/r/andromeda-heat-grid.json","https://aicanvas.me/r/andromeda-icon-button.json","https://aicanvas.me/r/andromeda-nav-item.json","https://aicanvas.me/r/andromeda-panel-menu.json","https://aicanvas.me/r/andromeda-progress-bar.json","https://aicanvas.me/r/andromeda-tag.json","https://aicanvas.me/r/andromeda-tooltip.json","https://aicanvas.me/r/andromeda-user-card.json","https://aicanvas.me/r/andromeda-user-menu.json"],"title":"Service Order (Andromeda Legacy)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0","recharts@^3.8.1"],"description":"Resource Planning composition from Andromeda Legacy (Scheduling template). Pulls in the 15 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-resource-planning","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json","https://aicanvas.me/r/andromeda-button-system.json","https://aicanvas.me/r/andromeda-checkbox.json","https://aicanvas.me/r/andromeda-corner-markers.json","https://aicanvas.me/r/andromeda-date-range-picker.json","https://aicanvas.me/r/andromeda-drawer.json","https://aicanvas.me/r/andromeda-icon-button.json","https://aicanvas.me/r/andromeda-nav-item.json","https://aicanvas.me/r/andromeda-panel-header.json","https://aicanvas.me/r/andromeda-panel-menu.json","https://aicanvas.me/r/andromeda-toggle.json","https://aicanvas.me/r/andromeda-trend-chart.json","https://aicanvas.me/r/andromeda-user-card.json","https://aicanvas.me/r/andromeda-user-menu.json"],"title":"Resource Planning (Andromeda Legacy)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Signal Room composition from Andromeda Legacy (Media template). Pulls in the 21 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-signal-room","registryDependencies":["https://aicanvas.me/r/andromeda-tokens.json","https://aicanvas.me/r/andromeda-badge.json","https://aicanvas.me/r/andromeda-button-system.json","https://aicanvas.me/r/andromeda-card.json","https://aicanvas.me/r/andromeda-corner-markers.json","https://aicanvas.me/r/andromeda-data-table.json","https://aicanvas.me/r/andromeda-drawer.json","https://aicanvas.me/r/andromeda-icon-button.json","https://aicanvas.me/r/andromeda-media-card.json","https://aicanvas.me/r/andromeda-music-player.json","https://aicanvas.me/r/andromeda-nav-item.json","https://aicanvas.me/r/andromeda-panel-header.json","https://aicanvas.me/r/andromeda-progress-bar.json","https://aicanvas.me/r/andromeda-search-field.json","https://aicanvas.me/r/andromeda-stat-tile.json","https://aicanvas.me/r/andromeda-user-card.json","https://aicanvas.me/r/andromeda-user-menu.json","https://aicanvas.me/r/andromeda-waveform.json"],"title":"Signal Room (Andromeda Legacy)","type":"registry:block"},{"description":"Every Andromeda Legacy component, token, and template, plus the Andromeda Legacy brain, in one install. Requires AI Canvas Premium to install.","name":"andromeda-all","registryDependencies":["https://aicanvas.me/r/andromeda.json","https://aicanvas.me/r/andromeda-mission-control.json","https://aicanvas.me/r/andromeda-service-order.json","https://aicanvas.me/r/andromeda-resource-planning.json","https://aicanvas.me/r/andromeda-signal-room.json","https://aicanvas.me/r/andromeda-brain.json"],"title":"Andromeda Legacy: full system","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","@radix-ui/react-slot@^1.2.4","class-variance-authority@^0.7.1","framer-motion@^12.38.0","recharts@^3.8.1","three@^0.183.2"],"description":"Every Andromeda Pro component (72 files). Installs the foundation tokens automatically. Requires AI Canvas Premium to install.","devDependencies":["@types/three@^0.183.1"],"name":"andromeda-pro","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Andromeda Pro design system","type":"registry:block"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Accordion component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-accordion","registryDependencies":["https://aicanvas.me/r/andromeda-pro-collapsible.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Accordion (Andromeda Pro)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Pro Alert component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-alert","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Alert (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Artifact component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-artifact","registryDependencies":["https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-tooltip.json"],"title":"Artifact (Andromeda Pro)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Pro Avatar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requires AI Canvas Premium to install.","name":"andromeda-pro-avatar","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Avatar (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","class-variance-authority@^0.7.1","framer-motion@^12.38.0"],"description":"Andromeda Pro Badge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-badge","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Badge (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot@^1.2.4"],"description":"Andromeda Pro Bento Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-bento-grid","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Bento Grid (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Burst component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-burst","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Burst (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","@radix-ui/react-slot@^1.2.4","class-variance-authority@^0.7.1","framer-motion@^12.38.0"],"description":"Andromeda Pro Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-button","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Button (Andromeda Pro)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Pro Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-card","registryDependencies":["https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Card (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","class-variance-authority@^0.7.1"],"description":"Andromeda Pro Checkbox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-checkbox","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Checkbox (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Choice Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-choice-card","registryDependencies":["https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-checkbox.json","https://aicanvas.me/r/andromeda-pro-radio.json","https://aicanvas.me/r/andromeda-pro-toggle.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Choice Card (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro Collapsible component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-collapsible","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Collapsible (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Combobox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-combobox","registryDependencies":["https://aicanvas.me/r/andromeda-pro-item.json","https://aicanvas.me/r/andromeda-pro-popover.json","https://aicanvas.me/r/andromeda-pro-search-field.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Combobox (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Corner Markers component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-corner-markers","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Corner Markers (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Cube component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-cube","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Cube (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro Data Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-data-table","registryDependencies":["https://aicanvas.me/r/andromeda-pro-checkbox.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Data Table (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Date Range Picker component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-date-range-picker","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Date Range Picker (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Drawer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-drawer","registryDependencies":["https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Drawer (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Empty State component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-empty-state","registryDependencies":["https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Empty State (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Footer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-footer","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Footer (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Funnel Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-funnel-chart","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Funnel Chart (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Gauge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-gauge","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Gauge (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Heat Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-heat-grid","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Heat Grid (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","class-variance-authority@^0.7.1","framer-motion@^12.38.0"],"description":"Andromeda Pro Icon Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-icon-button","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Icon Button (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","class-variance-authority@^0.7.1"],"description":"Andromeda Pro Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-input","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Input (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot@^1.2.4","class-variance-authority@^0.7.1"],"description":"Andromeda Pro Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-item","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Item (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Logo Cloud component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-logo-cloud","registryDependencies":["https://aicanvas.me/r/andromeda-pro-marquee.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Logo Cloud (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Marquee component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-marquee","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Marquee (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Media Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requires AI Canvas Premium to install.","name":"andromeda-pro-media-card","registryDependencies":["https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-tag.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Media Card (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Message component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-message","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Message (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0","recharts@^3.8.1"],"description":"Andromeda Pro Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-metric-chart","registryDependencies":["https://aicanvas.me/r/andromeda-pro-badge.json","https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Metric Chart (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Music Player component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-music-player","registryDependencies":["https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-slider.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Music Player (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","@radix-ui/react-slot@^1.2.4","class-variance-authority@^0.7.1","framer-motion@^12.38.0"],"description":"Andromeda Pro Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-nav-item","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Nav Item (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro Navbar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-navbar","registryDependencies":["https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-drawer.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-nav-item.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Navbar (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Nodes component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-nodes","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Nodes (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Orb component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-orb","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Orb (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-panel-header","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Panel Header (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-panel-menu","registryDependencies":["https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Panel Menu (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro Payment Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-payment-card","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Payment Card (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0","three@^0.183.2"],"description":"Andromeda Pro Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","devDependencies":["@types/three@^0.183.1"],"name":"andromeda-pro-planet","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Planet (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot@^1.2.4","framer-motion@^12.38.0"],"description":"Andromeda Pro Popover component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-popover","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Popover (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-progress-bar","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Progress Bar (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Pricing Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-pricing-card","registryDependencies":["https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Pricing Card (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro Prompt Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-prompt-input","registryDependencies":["https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-textarea.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Prompt Input (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0","recharts@^3.8.1"],"description":"Andromeda Pro Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-radar-chart","registryDependencies":["https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Radar Chart (Andromeda Pro)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Pro Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-radio","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Radio (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Search Field component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-search-field","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Search Field (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Section Heading component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-section-heading","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Section Heading (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro Segmented Control component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-segmented-control","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Segmented Control (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro Sidebar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-sidebar","registryDependencies":["https://aicanvas.me/r/andromeda-pro-avatar.json","https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-nav-item.json","https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-tooltip.json","https://aicanvas.me/r/andromeda-pro-user-menu.json"],"title":"Sidebar (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Skeleton component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-skeleton","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Skeleton (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Slider component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-slider","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Slider (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Spinner component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-spinner","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Spinner (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Stat Tile component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-stat-tile","registryDependencies":["https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Stat Tile (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Stepper component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-stepper","registryDependencies":["https://aicanvas.me/r/andromeda-pro-spinner.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Stepper (Andromeda Pro)","type":"registry:ui"},{"description":"Andromeda Pro Strength Meter component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-strength-meter","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Strength Meter (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro Suggestion component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-suggestion","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Suggestion (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-table","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Table (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Tabs component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-tabs","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Tabs (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","class-variance-authority@^0.7.1"],"description":"Andromeda Pro Tag component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-tag","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Tag (Andromeda Pro)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1","framer-motion@^12.38.0"],"description":"Andromeda Pro Textarea component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-textarea","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Textarea (Andromeda Pro)","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1"],"description":"Andromeda Pro Toggle component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-toggle","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Toggle (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Andromeda Pro Tool component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-tool","registryDependencies":["https://aicanvas.me/r/andromeda-pro-collapsible.json","https://aicanvas.me/r/andromeda-pro-spinner.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Tool (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Tooltip component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-tooltip","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Tooltip (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Top Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-top-bar","registryDependencies":["https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Top Bar (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0","recharts@^3.8.1"],"description":"Andromeda Pro Trend Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-trend-chart","registryDependencies":["https://aicanvas.me/r/andromeda-pro-segmented-control.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Trend Chart (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro User Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requires AI Canvas Premium to install.","name":"andromeda-pro-user-card","registryDependencies":["https://aicanvas.me/r/andromeda-pro-avatar.json","https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-user-menu.json"],"title":"User Card (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Andromeda Pro User Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requires AI Canvas Premium to install.","name":"andromeda-pro-user-menu","registryDependencies":["https://aicanvas.me/r/andromeda-pro-avatar.json","https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"User Menu (Andromeda Pro)","type":"registry:ui"},{"dependencies":["framer-motion@^12.38.0"],"description":"Andromeda Pro Waveform component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","name":"andromeda-pro-waveform","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json"],"title":"Waveform (Andromeda Pro)","type":"registry:ui"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0","maplibre-gl@^5.24.0"],"description":"City Operations composition from Andromeda Pro (Dashboard template). Pulls in the 19 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-pro-city-operations","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-badge.json","https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-checkbox.json","https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-drawer.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-nav-item.json","https://aicanvas.me/r/andromeda-pro-panel-header.json","https://aicanvas.me/r/andromeda-pro-search-field.json","https://aicanvas.me/r/andromeda-pro-segmented-control.json","https://aicanvas.me/r/andromeda-pro-sidebar.json","https://aicanvas.me/r/andromeda-pro-stat-tile.json","https://aicanvas.me/r/andromeda-pro-table.json","https://aicanvas.me/r/andromeda-pro-trend-chart.json","https://aicanvas.me/r/andromeda-pro-user-card.json","https://aicanvas.me/r/andromeda-pro-user-menu.json"],"title":"City Operations (Andromeda Pro)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"AI Chat composition from Andromeda Pro (CRM template). Pulls in the 37 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-pro-ai-chat","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-artifact.json","https://aicanvas.me/r/andromeda-pro-avatar.json","https://aicanvas.me/r/andromeda-pro-badge.json","https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-combobox.json","https://aicanvas.me/r/andromeda-pro-cube.json","https://aicanvas.me/r/andromeda-pro-data-table.json","https://aicanvas.me/r/andromeda-pro-drawer.json","https://aicanvas.me/r/andromeda-pro-funnel-chart.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-input.json","https://aicanvas.me/r/andromeda-pro-item.json","https://aicanvas.me/r/andromeda-pro-message.json","https://aicanvas.me/r/andromeda-pro-nav-item.json","https://aicanvas.me/r/andromeda-pro-panel-header.json","https://aicanvas.me/r/andromeda-pro-panel-menu.json","https://aicanvas.me/r/andromeda-pro-popover.json","https://aicanvas.me/r/andromeda-pro-prompt-input.json","https://aicanvas.me/r/andromeda-pro-sidebar.json","https://aicanvas.me/r/andromeda-pro-skeleton.json","https://aicanvas.me/r/andromeda-pro-slider.json","https://aicanvas.me/r/andromeda-pro-stat-tile.json","https://aicanvas.me/r/andromeda-pro-suggestion.json","https://aicanvas.me/r/andromeda-pro-tag.json","https://aicanvas.me/r/andromeda-pro-toggle.json","https://aicanvas.me/r/andromeda-pro-tool.json","https://aicanvas.me/r/andromeda-pro-tooltip.json","https://aicanvas.me/r/andromeda-pro-top-bar.json","https://aicanvas.me/r/andromeda-pro-user-card.json","https://aicanvas.me/r/andromeda-pro-user-menu.json"],"title":"AI Chat (Andromeda Pro)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Sign In composition from Andromeda Pro (Authentication template). Pulls in the 4 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-pro-sign-in","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-input.json"],"title":"Sign In (Andromeda Pro)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Signal Room composition from Andromeda Pro (Media template). Pulls in the 21 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-pro-signal-room","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-badge.json","https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-data-table.json","https://aicanvas.me/r/andromeda-pro-drawer.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-media-card.json","https://aicanvas.me/r/andromeda-pro-music-player.json","https://aicanvas.me/r/andromeda-pro-nav-item.json","https://aicanvas.me/r/andromeda-pro-panel-header.json","https://aicanvas.me/r/andromeda-pro-progress-bar.json","https://aicanvas.me/r/andromeda-pro-search-field.json","https://aicanvas.me/r/andromeda-pro-stat-tile.json","https://aicanvas.me/r/andromeda-pro-user-card.json","https://aicanvas.me/r/andromeda-pro-waveform.json"],"title":"Signal Room (Andromeda Pro)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Mission Control composition from Andromeda Pro (Dashboard template). Pulls in the 16 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-pro-mission-control","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-badge.json","https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-data-table.json","https://aicanvas.me/r/andromeda-pro-drawer.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-nav-item.json","https://aicanvas.me/r/andromeda-pro-planet.json","https://aicanvas.me/r/andromeda-pro-progress-bar.json","https://aicanvas.me/r/andromeda-pro-radar-chart.json","https://aicanvas.me/r/andromeda-pro-stat-tile.json","https://aicanvas.me/r/andromeda-pro-user-card.json"],"title":"Mission Control (Andromeda Pro)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Service Order composition from Andromeda Pro (CRM template). Pulls in the 18 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-pro-service-order","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-badge.json","https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-data-table.json","https://aicanvas.me/r/andromeda-pro-drawer.json","https://aicanvas.me/r/andromeda-pro-heat-grid.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-nav-item.json","https://aicanvas.me/r/andromeda-pro-panel-header.json","https://aicanvas.me/r/andromeda-pro-panel-menu.json","https://aicanvas.me/r/andromeda-pro-tag.json","https://aicanvas.me/r/andromeda-pro-tooltip.json","https://aicanvas.me/r/andromeda-pro-top-bar.json","https://aicanvas.me/r/andromeda-pro-user-card.json","https://aicanvas.me/r/andromeda-pro-user-menu.json"],"title":"Service Order (Andromeda Pro)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0","recharts@^3.8.1"],"description":"Resource Planning composition from Andromeda Pro (Scheduling template). Pulls in the 19 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-pro-resource-planning","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-checkbox.json","https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-data-table.json","https://aicanvas.me/r/andromeda-pro-date-range-picker.json","https://aicanvas.me/r/andromeda-pro-drawer.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-nav-item.json","https://aicanvas.me/r/andromeda-pro-panel-header.json","https://aicanvas.me/r/andromeda-pro-panel-menu.json","https://aicanvas.me/r/andromeda-pro-search-field.json","https://aicanvas.me/r/andromeda-pro-toggle.json","https://aicanvas.me/r/andromeda-pro-top-bar.json","https://aicanvas.me/r/andromeda-pro-trend-chart.json","https://aicanvas.me/r/andromeda-pro-user-card.json","https://aicanvas.me/r/andromeda-pro-user-menu.json"],"title":"Resource Planning (Andromeda Pro)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10"],"description":"Sign Up composition from Andromeda Pro (Authentication template). Pulls in the 6 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-pro-sign-up","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-input.json","https://aicanvas.me/r/andromeda-pro-nodes.json","https://aicanvas.me/r/andromeda-pro-strength-meter.json"],"title":"Sign Up (Andromeda Pro)","type":"registry:block"},{"dependencies":["@phosphor-icons/react@^2.1.10","framer-motion@^12.38.0"],"description":"Fintech Landing composition from Andromeda Pro (Marketing template). Pulls in the 30 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","name":"andromeda-pro-fintech-landing","registryDependencies":["https://aicanvas.me/r/andromeda-pro-tokens.json","https://aicanvas.me/r/andromeda-pro-accordion.json","https://aicanvas.me/r/andromeda-pro-avatar.json","https://aicanvas.me/r/andromeda-pro-badge.json","https://aicanvas.me/r/andromeda-pro-bento-grid.json","https://aicanvas.me/r/andromeda-pro-button.json","https://aicanvas.me/r/andromeda-pro-card.json","https://aicanvas.me/r/andromeda-pro-corner-markers.json","https://aicanvas.me/r/andromeda-pro-footer.json","https://aicanvas.me/r/andromeda-pro-gauge.json","https://aicanvas.me/r/andromeda-pro-icon-button.json","https://aicanvas.me/r/andromeda-pro-input.json","https://aicanvas.me/r/andromeda-pro-item.json","https://aicanvas.me/r/andromeda-pro-logo-cloud.json","https://aicanvas.me/r/andromeda-pro-nav-item.json","https://aicanvas.me/r/andromeda-pro-navbar.json","https://aicanvas.me/r/andromeda-pro-payment-card.json","https://aicanvas.me/r/andromeda-pro-pricing-card.json","https://aicanvas.me/r/andromeda-pro-progress-bar.json","https://aicanvas.me/r/andromeda-pro-section-heading.json","https://aicanvas.me/r/andromeda-pro-segmented-control.json","https://aicanvas.me/r/andromeda-pro-stat-tile.json","https://aicanvas.me/r/andromeda-pro-stepper.json","https://aicanvas.me/r/andromeda-pro-tabs.json","https://aicanvas.me/r/andromeda-pro-tag.json","https://aicanvas.me/r/andromeda-pro-toggle.json","https://aicanvas.me/r/andromeda-pro-trend-chart.json"],"title":"Fintech Landing (Andromeda Pro)","type":"registry:block"},{"description":"Every Andromeda Pro component, token, and template, plus the Andromeda Pro brain, in one install. Requires AI Canvas Premium to install.","name":"andromeda-pro-all","registryDependencies":["https://aicanvas.me/r/andromeda-pro.json","https://aicanvas.me/r/andromeda-pro-city-operations.json","https://aicanvas.me/r/andromeda-pro-ai-chat.json","https://aicanvas.me/r/andromeda-pro-sign-in.json","https://aicanvas.me/r/andromeda-pro-signal-room.json","https://aicanvas.me/r/andromeda-pro-mission-control.json","https://aicanvas.me/r/andromeda-pro-service-order.json","https://aicanvas.me/r/andromeda-pro-resource-planning.json","https://aicanvas.me/r/andromeda-pro-sign-up.json","https://aicanvas.me/r/andromeda-pro-fintech-landing.json","https://aicanvas.me/r/andromeda-pro-brain.json"],"title":"Andromeda Pro: full system","type":"registry:block"}]},"tetra ui":{"favicon":"/favicons/tetra-ui.png","items":[{"dependencies":["react-native-reanimated"],"description":"A vertically stacked set of interactive headings that reveal associated content sections.","name":"accordion","registryDependencies":["@tetra-ui/icons","@tetra-ui/slot"],"title":"Accordion","type":"registry:ui"},{"description":"A component that allows a user to trigger an action and displays a value attached to the action.","name":"action-input","registryDependencies":["@tetra-ui/icons","@tetra-ui/input"],"title":"Action Input","type":"registry:ui"},{"description":"Displays a callout for user attention.","name":"alert","registryDependencies":["@tetra-ui/slots"],"title":"Alert","type":"registry:ui"},{"description":"An image element with a fallback for representing the user.","name":"avatar","title":"Avatar","type":"registry:ui"},{"description":"Displays a badge.","name":"badge","title":"Badge","type":"registry:ui"},{"description":"A component to display a button and allows a user to trigger an action.","name":"button","title":"Button","type":"registry:ui"},{"description":"Displays a card with a header, content, and footer.","name":"card","title":"Card","type":"registry:ui"},{"dependencies":["react-native-gesture-handler","react-native-reanimated","react-native-worklets"],"description":"A swipeable set of pages or inline items with optional looping, autoplay, and composed controls.","name":"carousel","registryDependencies":["@tetra-ui/button","@tetra-ui/icons"],"title":"Carousel","type":"registry:ui"},{"dependencies":["react-native-reanimated"],"description":"A control that allows users to toggle between checked and unchecked states.","name":"checkbox","registryDependencies":["@tetra-ui/icons","@tetra-ui/input"],"title":"Checkbox","type":"registry:ui"},{"description":"A group of selectable cards for single or multiple choice.","name":"choicebox","registryDependencies":["@tetra-ui/checkbox","@tetra-ui/input","@tetra-ui/radio","@tetra-ui/slots","@tetra-ui/stack"],"title":"Choicebox","type":"registry:ui"},{"description":"Displays a compact, rounded chip element.","name":"chip","title":"Chip","type":"registry:ui"},{"description":"Displays an empty state.","name":"empty","registryDependencies":["@tetra-ui/text"],"title":"Empty","type":"registry:ui"},{"dependencies":["react-native-reanimated","react-native-safe-area-context"],"description":"A positioned primary action that can expand into an extended label and open a FAB menu.","name":"floating-action-button","registryDependencies":["@tetra-ui/button","@tetra-ui/icons","@tetra-ui/scrim","@tetra-ui/slots"],"title":"Floating Action Button","type":"registry:ui"},{"dependencies":["react-hook-form"],"description":"Components and utilities that help you compose forms with react-hook-form.","name":"form","registryDependencies":["@tetra-ui/label"],"title":"Form","type":"registry:ui"},{"description":"A component to display headings.","name":"heading","title":"Heading","type":"registry:ui"},{"dependencies":["lucide-react-native","react-native-svg"],"description":"Icon components styled with Tailwind classes for React Native.","name":"icons","title":"Icons","type":"registry:ui"},{"description":"A grouped list section for settings-style rows with flexible leading and trailing addons.","name":"inline-list","registryDependencies":["@tetra-ui/text"],"title":"Inline List","type":"registry:ui"},{"dependencies":["react-native-reanimated"],"description":"A core component that allows users to enter text.","name":"input","registryDependencies":["@tetra-ui/button"],"title":"Input","type":"registry:ui"},{"description":"A label component used to accompany form inputs.","name":"label","title":"Label","type":"registry:ui"},{"dependencies":["@expo/ui","@expo/material-symbols"],"description":"A composable native menu built on Expo UI, with support for groups, separators, and nested submenus.","name":"menu","registryDependencies":["@tetra-ui/slots"],"title":"Menu","type":"registry:ui"},{"dependencies":["@expo/ui","react-native-reanimated","react-native-keyboard-controller","react-native-safe-area-context"],"description":"Interactive bottom sheet built on Expo UI with native snap points, gestures, and keyboard support.","name":"bottom-sheet","registryDependencies":["@tetra-ui/button","@tetra-ui/icons","@tetra-ui/slot","@tetra-ui/slots"],"title":"Bottom Sheet","type":"registry:ui"},{"dependencies":["@expo/ui","react-native-reanimated"],"description":"A native date/time selection input built on Expo UI DatePicker (iOS) and DateTimePicker (Android). Always compose with Content; optionally add Trigger and Input for a form-styled field or custom trigger. Content opens a wheel bottom sheet on iOS and Material dialogs on Android.","name":"native-date-select","registryDependencies":["@tetra-ui/action-input","@tetra-ui/bottom-sheet","@tetra-ui/icons","@tetra-ui/input","@tetra-ui/slot","@tetra-ui/slots"],"title":"Native Date Select","type":"registry:ui"},{"dependencies":["@expo/ui","react-native-reanimated"],"description":"A native single-selection input built on Expo UI Picker. Always compose with Content; optionally add Trigger and Input for a form-styled field or custom trigger. Content opens a wheel bottom sheet on iOS and ExposedDropdownMenuBox on Android.","name":"native-select","registryDependencies":["@tetra-ui/action-input","@tetra-ui/bottom-sheet","@tetra-ui/icons","@tetra-ui/input","@tetra-ui/slot","@tetra-ui/slots"],"title":"Native Select","type":"registry:ui"},{"dependencies":["react-native-reanimated"],"description":"A component for entering one-time passwords with individual character slots.","name":"otp-input","registryDependencies":["@tetra-ui/input","@tetra-ui/text"],"title":"OTP Input","type":"registry:ui"},{"description":"An input component that allows users to enter a password.","name":"password-input","registryDependencies":["@tetra-ui/icons","@tetra-ui/input","@tetra-ui/text-input"],"title":"Password Input","type":"registry:ui"},{"dependencies":["react-native-reanimated","react-native-safe-area-context"],"description":"Displays content in a portal relative to the triggering button element.","name":"popover","registryDependencies":["@tetra-ui/portal","@tetra-ui/scrim","@tetra-ui/slot"],"title":"Popover","type":"registry:ui"},{"dependencies":["react-native-reanimated"],"description":"Displays an indicator showing the completion progress of a task.","name":"progress","registryDependencies":["@tetra-ui/text"],"title":"Progress","type":"registry:ui"},{"dependencies":["react-native-reanimated"],"description":"A control that indicates a selected option within a group.","name":"radio","title":"Radio","type":"registry:ui"},{"dependencies":["react-native-screens"],"description":"Renders children into a different part of the app.","name":"portal","title":"Portal","type":"registry:ui"},{"description":"An input component that allows users to search for content.","name":"search-input","registryDependencies":["@tetra-ui/icons","@tetra-ui/input"],"title":"Search Input","type":"registry:ui"},{"dependencies":["expo-blur","react-native-reanimated"],"description":"A blurred overlay that dims content behind a sheet, menu, or dialog.","name":"scrim","title":"Scrim","type":"registry:ui"},{"dependencies":["@expo/ui"],"description":"A native single-select control for choosing between a small set of options.","name":"segmented-control","title":"Segmented Control","type":"registry:ui"},{"dependencies":["react-native-reanimated"],"description":"A component that allows users to select a value from a list of options.","name":"select","registryDependencies":["@tetra-ui/action-input","@tetra-ui/bottom-sheet","@tetra-ui/icons","@tetra-ui/input","@tetra-ui/popover","@tetra-ui/slot","@tetra-ui/text"],"title":"Select","type":"registry:ui"},{"description":"Divides content with a horizontal or vertical line.","name":"separator","title":"Separator","type":"registry:ui"},{"dependencies":["react-native-reanimated"],"description":"A component to display placeholder content while in a loading state.","name":"skeleton","title":"Skeleton","type":"registry:ui"},{"dependencies":["@expo/ui"],"description":"A control for selecting a value from a continuous or stepped range.","name":"slider","title":"Slider","type":"registry:ui"},{"description":"A utility component that allows merging props onto an optional child component.","name":"slot","title":"Slot","type":"registry:ui"},{"description":"A layout component that stacks children horizontally or vertically with consistent spacing.","name":"stack","title":"Stack","type":"registry:ui"},{"dependencies":["@expo/ui"],"description":"A control that allows users to toggle between checked and unchecked states.","name":"switch","title":"Switch","type":"registry:ui"},{"dependencies":["react-native-gesture-handler","react-native-reanimated"],"description":"Swipe leading and trailing actions onto row content.","name":"swipeable","registryDependencies":["@tetra-ui/slots"],"title":"Swipeable","type":"registry:ui"},{"description":"A lightweight wrapper around the React Native Text component to provide default styles.","name":"text","title":"Text","type":"registry:ui"},{"description":"A component that allows users to enter text.","name":"text-input","registryDependencies":["@tetra-ui/input"],"title":"TextInput","type":"registry:ui"},{"description":"A component that allows users to enter larger text.","name":"textarea-input","registryDependencies":["@tetra-ui/input"],"title":"Textarea Input","type":"registry:ui"},{"dependencies":["sonner-native","react-native-gesture-handler","react-native-reanimated","react-native-safe-area-context","react-native-screens","react-native-svg","react-native-worklets"],"description":"An opinionated toast component for React Native.","name":"toast","registryDependencies":["@tetra-ui/icons","@tetra-ui/text"],"title":"Toast","type":"registry:ui"}]},"approvals ui":{"favicon":"/favicons/approvals-ui.ico","items":[{"dependencies":["@xyflow/react","lucide-react"],"description":"The approval gate card for React Flow: approvers with unassigned seats, quorum badge, condition pill, SLA badge, plus diff, validation, and live-status rings.","name":"approval-node","registryDependencies":["badge","https://approvals-ui.vercel.app/r/approvals-core.json"],"title":"Approval node","type":"registry:component"},{"dependencies":["@xyflow/react","lucide-react"],"description":"Approved and rejected outcome pills for React Flow.","name":"terminal-node","registryDependencies":["https://approvals-ui.vercel.app/r/approval-node.json","https://approvals-ui.vercel.app/r/approvals-core.json"],"title":"Terminal node","type":"registry:component"},{"dependencies":["@xyflow/react","react-flow-auto-layout","dagre"],"description":"Renders an ApprovalPolicy as a laid-out React Flow graph: automatic layout on real node sizes (react-flow-auto-layout), aligned step edges, diff and status overlays, click-to-select and pan-to-focus.","devDependencies":["@types/dagre"],"name":"workflow-canvas","registryDependencies":["https://approvals-ui.vercel.app/r/approval-node.json","https://approvals-ui.vercel.app/r/terminal-node.json","https://approvals-ui.vercel.app/r/approvals-core.json"],"title":"Workflow canvas","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Lists policy issues with severities: structural errors that should block activation and best-practice warnings (segregation of duties, single approver on high value, unassigned seats). Click an issue to focus the step on the canvas.","name":"validation-panel","registryDependencies":["badge","https://approvals-ui.vercel.app/r/approvals-core.json"],"title":"Validation panel","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Edit the policy in plain English behind a human gate: a proposer (your LLM, or the bundled deterministic demo parser) returns a proposed policy plus its diff, the user reviews and applies or discards. Nothing lands without the click.","name":"nl-edit-panel","registryDependencies":["button","input","https://approvals-ui.vercel.app/r/approvals-core.json"],"title":"Plain-language edit panel","type":"registry:component"}]},"000h":{"favicon":"/favicons/000h.svg","items":[{"dependencies":["class-variance-authority","@radix-ui/react-accordion"],"description":"Organizes related sections into expandable panels so readers can open the details they need.","name":"accordion","page":"https://cojeev.com/ui/docs/accordion","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Accordion","type":"registry:ui"},{"description":"A selected image panel opens to reveal its label, story and action.","name":"accordion-gallery","page":"https://cojeev.com/ui/docs/accordion-gallery","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Accordion Gallery","type":"registry:ui"},{"description":"A reusable action dock composed from Cojeev base components.","name":"action-dock","page":"https://cojeev.com/ui/docs/action-dock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/organism-composition.json"],"title":"Action dock","type":"registry:ui"},{"dependencies":["motion"],"description":"An ordered, date-grouped history in three looks (a living thread, a quiet ledger or gathered bursts), with readable actors and timestamps, and updates that keep your place.","name":"activity-feed","page":"https://cojeev.com/ui/docs/activity-feed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/animated-icon.json","https://cojeev.com/ui/r/avatar.json","https://cojeev.com/ui/r/badge.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/empty.json","https://cojeev.com/ui/r/item.json","https://cojeev.com/ui/r/presence.json","https://cojeev.com/ui/r/typography.json"],"title":"Activity feed","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Provides live controls for the shared motion settings and editable body profiles used across the library.","name":"adjuster","page":"https://cojeev.com/ui/docs/adjuster","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/code-block.json","https://cojeev.com/ui/r/label.json","https://cojeev.com/ui/r/slider.json","https://cojeev.com/ui/r/switch.json","https://cojeev.com/ui/r/tabs.json","https://cojeev.com/ui/r/typography.json"],"title":"Motion Adjuster","type":"registry:ui"},{"description":"A composable agent conversation with a bounded thread, draft composer, attachments, progress, explicit permissions and choice prompts.","name":"agent-chat","page":"https://cojeev.com/ui/docs/agent-chat","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/agent-state.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/message.json","https://cojeev.com/ui/r/message-scroller.json","https://cojeev.com/ui/r/attachment.json","https://cojeev.com/ui/r/questionnaire.json","https://cojeev.com/ui/r/avatar.json","https://cojeev.com/ui/r/bubble.json","https://cojeev.com/ui/r/input.json","https://cojeev.com/ui/r/presence.json","https://cojeev.com/ui/r/input-group.json"],"title":"Agent chat","type":"registry:ui"},{"dependencies":["motion"],"description":"A sculpted, living status field that changes contour and color as an agent thinks, works, asks for input, or finishes.","name":"agent-state","page":"https://cojeev.com/ui/docs/agent-state","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Agent state","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"An authored note, attached-action banner or folded dispatch that makes the message and its next step clear.","name":"alert","page":"https://cojeev.com/ui/docs/alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json"],"title":"Alert","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-alert-dialog"],"description":"Pauses a workflow for a focused confirmation before a consequential action proceeds.","name":"alert-dialog","page":"https://cojeev.com/ui/docs/alert-dialog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json"],"title":"Alert Dialog","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Adds a quiet animated composition around content, with decorative shapes kept behind a readable surface.","name":"ambient-background","page":"https://cojeev.com/ui/docs/ambient-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/shape.json"],"title":"Ambient background","type":"registry:ui"},{"dependencies":["motion"],"description":"Replayable micro-interactions for the full Cojeev icon library, with semantic motion families and optional visual treatments.","name":"animated-icon","page":"https://cojeev.com/ui/docs/animated-icon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Animated icon","type":"registry:ui"},{"description":"A smooth, interruptible number transition for totals, metrics and small moments of progress.","name":"animated-number","page":"https://cojeev.com/ui/docs/animated-number","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Animated number","type":"registry:ui"},{"description":"Choose from six coordinated palettes and adjust reading contrast across the application.","name":"appearance","page":"https://cojeev.com/ui/docs/appearance","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/label.json","https://cojeev.com/ui/r/slider.json","https://cojeev.com/ui/r/select.json","https://cojeev.com/ui/r/popover.json","https://cojeev.com/ui/r/shape.json","https://cojeev.com/ui/r/animated-icon.json","https://cojeev.com/ui/r/tooltip.json"],"title":"Appearance","type":"registry:ui"},{"dependencies":["motion"],"description":"Layered area charts with shared series colors, responsive bounds and a keyboard data inspector.","name":"area-chart","page":"https://cojeev.com/ui/docs/area-chart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/chart.json"],"title":"Area chart","type":"registry:ui"},{"description":"Semantic article headings resolve through a brief, grapheme-safe noise frontier.","name":"article-headings","page":"https://cojeev.com/ui/docs/article-headings","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Article Headings","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Keeps a media container at a chosen width-to-height ratio as its available width changes.","name":"aspect-ratio","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Aspect Ratio","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","motion"],"description":"A persistent native component moving between a floating organism and its measured layout.","name":"assembly-part","page":"https://cojeev.com/ui/docs/assembly-part","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Assembly part","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Presents a file name, type, metadata, and nearby actions as a compact attachment row.","name":"attachment","page":"https://cojeev.com/ui/docs/attachment","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Attachment","type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","class-variance-authority"],"description":"Portraits, identity rows and participant groups that keep the person recognizable—with artwork, initials and independent shape choices.","name":"avatar","page":"https://cojeev.com/ui/docs/avatar","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json"],"title":"Avatar","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Stamp a review state, attach a filing tag or count a collection. Three compact treatments with one clear meaning in text.","name":"badge","page":"https://cojeev.com/ui/docs/badge","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Badge","type":"registry:ui"},{"dependencies":["motion"],"description":"Compare series with grouped, stacked or horizontal bars and a shared interactive tooltip.","name":"bar-chart","page":"https://cojeev.com/ui/docs/bar-chart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/chart.json"],"title":"Bar chart","type":"registry:ui"},{"dependencies":["react-dom"],"description":"An editable Bento canvas with complete partitions, content swapping, snapped neighbor resizing, history and usable layout export.","name":"bento-builder","page":"https://cojeev.com/ui/docs/bento-builder","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/bento-grid.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/input.json","https://cojeev.com/ui/r/native-select.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Bento Builder","type":"registry:ui"},{"dependencies":["motion"],"description":"A complete canvas of rounded cards or organically interlocking pieces. Compose a layout, then install just the lightweight renderer.","name":"bento-grid","page":"https://cojeev.com/ui/docs/bento-grid","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Bento Grid","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"Find your place with a complete trail, a pocket-sized ancestor menu or a connected directory path.","name":"breadcrumb","page":"https://cojeev.com/ui/docs/breadcrumb","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Breadcrumb","type":"registry:ui"},{"dependencies":["motion","class-variance-authority"],"description":"Groups conversational content and timestamps into visually distinct message bubbles.","name":"bubble","page":"https://cojeev.com/ui/docs/bubble","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json"],"title":"Bubble","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"Triggers an action with native button behavior and an optional busy indicator.","name":"button","page":"https://cojeev.com/ui/docs/button","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/spinner.json","https://cojeev.com/ui/r/presence.json"],"title":"Button","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Places related actions together and can track one selected button value.","name":"button-group","page":"https://cojeev.com/ui/docs/button-group","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json"],"title":"Button Group","type":"registry:ui"},{"description":"A support poster reveals an inviting cup illustration and a real caller destination.","name":"buy-me-coffee","page":"https://cojeev.com/ui/docs/buy-me-coffee","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Buy Me Coffee","type":"registry:ui"},{"dependencies":["motion","react-day-picker","class-variance-authority"],"description":"Choose one appointment day, a continuous date range, or separate days in an accessible month grid.","name":"calendar","page":"https://cojeev.com/ui/docs/calendar","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Groups related content, metadata, and actions into a distinct surface.","name":"card","page":"https://cojeev.com/ui/docs/card","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json"],"title":"Card","type":"registry:ui"},{"description":"A colored caret block consumes a phrase before typing its replacement in whole graphemes.","name":"caret-swap","page":"https://cojeev.com/ui/docs/caret-swap","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Caret Swap","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"Browse a peeking shelf, a full reading spread or a miniature index of ideas, with native scrolling and a shared organic scrollbar.","name":"carousel","page":"https://cojeev.com/ui/docs/carousel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Carousel","type":"registry:ui"},{"dependencies":["motion","class-variance-authority"],"description":"Compose an understandable chart from a frame, labelled series, inspectable plot and accessible values.","name":"chart","page":"https://cojeev.com/ui/docs/chart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/card.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/label.json","https://cojeev.com/ui/r/select.json","https://cojeev.com/ui/r/presence.json","https://cojeev.com/ui/r/chart-tooltip.json","https://cojeev.com/ui/r/table.json"],"title":"Chart","type":"registry:ui"},{"dependencies":["motion"],"description":"Compare a point, read its known subtotal or rank its series. Values update in place and keep their series colours.","name":"chart-tooltip","page":"https://cojeev.com/ui/docs/chart-tooltip","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/card.json"],"title":"Dynamic chart tooltip","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-checkbox","motion"],"description":"Captures an independent checked, unchecked, or indeterminate choice.","name":"checkbox","page":"https://cojeev.com/ui/docs/checkbox","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Checkbox","type":"registry:ui"},{"dependencies":["motion"],"description":"A finite spray of accent marks responds to a real activation.","name":"click-spark","page":"https://cojeev.com/ui/docs/click-spark","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Click Spark","type":"registry:ui"},{"dependencies":["prismjs@1.30.0"],"description":"Displays a code snippet with an optional caption, language label, wrapping, and copy feedback.","devDependencies":["@types/prismjs"],"name":"code-block","page":"https://cojeev.com/ui/docs/code-block","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/typography.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/animated-icon.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/pattern-background.json"],"title":"Code block","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-collapsible"],"description":"Shows or hides one optional section without leaving the surrounding layout.","name":"collapsible","page":"https://cojeev.com/ui/docs/collapsible","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Collapsible","type":"registry:ui"},{"dependencies":["class-variance-authority","cmdk","@radix-ui/react-popover"],"description":"Filters a list of options through text input and stores one selected value.","name":"combobox","page":"https://cojeev.com/ui/docs/combobox","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/input.json","https://cojeev.com/ui/r/animated-icon.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/command.json","https://cojeev.com/ui/r/item-adornment.json"],"title":"Combobox","type":"registry:ui"},{"dependencies":["class-variance-authority","cmdk"],"description":"Builds a searchable command list that users can navigate and activate from the keyboard.","name":"command","page":"https://cojeev.com/ui/docs/command","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/dialog.json","https://cojeev.com/ui/r/item-adornment.json","https://cojeev.com/ui/r/icon.json"],"title":"Command","type":"registry:ui"},{"description":"Historical compatibility alias for WorkSidePanel; use the dedicated panel composition in new work.","name":"compact-dashboard","page":"https://cojeev.com/ui/docs/compact-dashboard","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/organism-composition.json"],"title":"Compact dashboard","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-context-menu"],"description":"Reveals contextual actions for a target through a context-menu interaction.","name":"context-menu","page":"https://cojeev.com/ui/docs/context-menu","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/item-adornment.json","https://cojeev.com/ui/r/animated-icon.json"],"title":"Context Menu","type":"registry:ui"},{"description":"Original topographic lines on the inherited paper surface, with a bounded GPU renderer.","name":"contour-field","page":"https://cojeev.com/ui/docs/contour-field","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Contour field","type":"registry:ui"},{"description":"Nested organic contour lines with generous space between islands.","name":"contours-background","page":"https://cojeev.com/ui/docs/contours-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/pattern-background.json"],"title":"Contours background","type":"registry:ui"},{"description":"A reusable conversation panel composed from Cojeev base components.","name":"conversation-panel","page":"https://cojeev.com/ui/docs/conversation-panel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/organism-composition.json"],"title":"Conversation panel","type":"registry:ui"},{"description":"Displays records with client-side filtering, sortable columns, and paginated rows.","name":"data-table","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/table.json","https://cojeev.com/ui/r/pagination.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json"],"title":"Data Table","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Choose one day, a range, or multiple dates from a labelled field and calendar popover.","name":"date-picker","page":"https://cojeev.com/ui/docs/date-picker","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/calendar.json","https://cojeev.com/ui/r/popover.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Date Picker","type":"registry:ui"},{"dependencies":["motion"],"description":"Layered pollen, contours and orbital shapes with perspective, native-scroll depth and pointer response.","name":"depth-background","page":"https://cojeev.com/ui/docs/depth-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Depth background","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-dialog"],"description":"A decision slip, focused editor or illustrated exhibit. Give one task your attention without losing your place.","name":"dialog","page":"https://cojeev.com/ui/docs/dialog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Dialog","type":"registry:ui"},{"dependencies":["@radix-ui/react-direction"],"description":"Sets a text direction for a subtree and shares it with direction-aware primitives.","name":"direction","page":"https://cojeev.com/ui/docs/direction","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Direction","type":"registry:ui"},{"description":"Caller scenes exchange beneath a deterministic ordered dither cover.","name":"dither-dissolve","page":"https://cojeev.com/ui/docs/dither-dissolve","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Dither Dissolve","type":"registry:ui"},{"description":"Depth-tested sculptural forms printed as ordered dots, halftone, error diffusion or stipple.","name":"dither-sculpture","page":"https://cojeev.com/ui/docs/dither-sculpture","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/glyph-sculpture.json"],"title":"Dither sculpture","type":"registry:ui"},{"description":"A compact workspace launcher with a magnifying glass bar, raised shelf and labelled vertical rail.","name":"dock","page":"https://cojeev.com/ui/docs/dock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Dock","type":"registry:ui"},{"description":"An evenly spaced field of fine points for quiet, familiar structure.","name":"dots-background","page":"https://cojeev.com/ui/docs/dots-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/pattern-background.json"],"title":"Dots background","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-dialog"],"description":"Presents dialog content in a drawer surface while keeping the current page underneath.","name":"drawer","page":"https://cojeev.com/ui/docs/drawer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Drawer","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-dropdown-menu"],"description":"Opens a compact menu of actions or stateful choices from a visible trigger.","name":"dropdown-menu","page":"https://cojeev.com/ui/docs/dropdown-menu","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/item-adornment.json","https://cojeev.com/ui/r/animated-icon.json"],"title":"Dropdown Menu","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Collects local files through drag and drop or a native file picker and reports the selection.","name":"dropzone","page":"https://cojeev.com/ui/docs/dropzone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/shape.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/presence.json"],"title":"Dropzone","type":"registry:ui"},{"dependencies":["motion"],"description":"A triangulated printed sheet stretches toward the pointer and springs home.","name":"elastic-mesh","page":"https://cojeev.com/ui/docs/elastic-mesh","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Elastic Mesh","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Explains an empty collection or unavailable result and creates space for a useful next step.","name":"empty","page":"https://cojeev.com/ui/docs/empty","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/card.json"],"title":"Empty","type":"registry:ui"},{"description":"Measured word rectangles fall, collide and settle inside a bounded stage.","name":"falling-text","page":"https://cojeev.com/ui/docs/falling-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Falling Text","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"Connects a form control with its label, description, and validation message.","name":"field","page":"https://cojeev.com/ui/docs/field","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/label.json"],"title":"Field","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","motion"],"description":"An entrance, scroll depth and gentle idle movement for a real component or a group of elements.","name":"float-layer","page":"https://cojeev.com/ui/docs/float-layer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Float layer","type":"registry:ui"},{"description":"A rendered form responds to pointer strokes through a fluid distortion field.","name":"flow-sculpture","page":"https://cojeev.com/ui/docs/flow-sculpture","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/glass-sculpture.json"],"title":"Flow sculpture","type":"registry:ui"},{"description":"A local focus timer composed from Cojeev cards, progress, badges and native controls.","name":"focus-session","page":"https://cojeev.com/ui/docs/focus-session","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/organism-composition.json"],"title":"Focus session","type":"registry:ui"},{"description":"Quiet faceted planes inspired by folded paper, without busy linework.","name":"folds-background","page":"https://cojeev.com/ui/docs/folds-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/pattern-background.json"],"title":"Folds background","type":"registry:ui"},{"dependencies":["motion"],"description":"A translucent ink impression follows a local pointer with soft inertia.","name":"ghost-cursor","page":"https://cojeev.com/ui/docs/ghost-cursor","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Ghost Cursor","type":"registry:ui"},{"dependencies":["three@0.185.1"],"description":"Translucent geometry bends an original patterned studio through a softly lit glass surface.","devDependencies":["@types/three@0.185.4"],"name":"glass-sculpture","page":"https://cojeev.com/ui/docs/glass-sculpture","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/glyph-sculpture.json"],"title":"Glass sculpture","type":"registry:ui"},{"dependencies":["three@0.185.1"],"description":"A real 3D surface drawn with glyphs, optional contour marks and your own local geometry.","devDependencies":["@types/three@0.185.4"],"name":"glyph-sculpture","page":"https://cojeev.com/ui/docs/glyph-sculpture","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Glyph sculpture","type":"registry:ui"},{"description":"Caller scenes dissolve through a grainy pigment field with a soft focus exchange.","name":"grain-dissolve","page":"https://cojeev.com/ui/docs/grain-dissolve","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Grain Dissolve","type":"registry:ui"},{"description":"Hairline rules that give canvases and working surfaces a gentle rhythm.","name":"grid-background","page":"https://cojeev.com/ui/docs/grid-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/pattern-background.json"],"title":"Grid background","type":"registry:ui"},{"description":"An illustrated pointer moves between story waypoints, with a small arrival or hold cue.","name":"guided-pointer","page":"https://cojeev.com/ui/docs/guided-pointer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Guided pointer","type":"registry:ui"},{"dependencies":["motion"],"description":"Twelve tactile calls to action: living ink, paper, keys, tickets and small moments of motion around one native button.","name":"hero-button","page":"https://cojeev.com/ui/docs/hero-button","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json"],"title":"Hero button","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-hover-card"],"description":"A person, an excerpt or a small visual study—three considered previews, close to the thing you are exploring.","name":"hover-card","page":"https://cojeev.com/ui/docs/hover-card","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Hover Card","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"1,722 icon names with Cojeev micro-interactions, outline, duotone and organic treatments, built on Lucide geometry.","name":"icon","page":"https://cojeev.com/ui/docs/icon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Icon library","type":"registry:ui"},{"description":"Caller images are framed by original Cojeev silhouettes using CSS masks or SVG clip paths.","name":"image-masking","page":"https://cojeev.com/ui/docs/image-masking","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Image Masking","type":"registry:ui"},{"dependencies":["motion"],"description":"Distance-triggered image impressions follow the pointer and fade away.","name":"image-trail","page":"https://cojeev.com/ui/docs/image-trail","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Image Trail","type":"registry:ui"},{"description":"Helical image cards recycle through depth with explicit previous, next and pause controls.","name":"infinite-spiral","page":"https://cojeev.com/ui/docs/infinite-spiral","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Infinite Spiral","type":"registry:ui"},{"description":"Hatched and engraved marks follow the light and relief of a 3D form.","name":"ink-sculpture","page":"https://cojeev.com/ui/docs/ink-sculpture","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/glyph-sculpture.json"],"title":"Ink sculpture","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Collects a single-line value through a native input with optional composed affixes and clearing controls.","name":"input","page":"https://cojeev.com/ui/docs/input","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/button.json"],"title":"Input","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Combines a text control with adjacent prefixes, suffixes, or actions in one input surface.","name":"input-group","page":"https://cojeev.com/ui/docs/input-group","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/input.json","https://cojeev.com/ui/r/textarea.json"],"title":"Input Group","type":"registry:ui"},{"dependencies":["class-variance-authority","input-otp"],"description":"Presents a single code input as a sequence of visible character slots.","name":"input-otp","page":"https://cojeev.com/ui/docs/input-otp","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Input OTP","type":"registry:ui"},{"description":"An event invitation with participant avatars and a reversible local RSVP, composed from Cojeev primitives.","name":"invite-card","page":"https://cojeev.com/ui/docs/invite-card","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/organism-composition.json"],"title":"Invite card","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A notebook ledger, an illustrated collection or an actionable detail. Three readable arrangements for the things you want to keep together.","name":"item","page":"https://cojeev.com/ui/docs/item","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Item","type":"registry:ui"},{"description":"Coloured organic shapes for list items, with deterministic automatic selection and custom icon or no-icon options.","name":"item-adornment","page":"https://cojeev.com/ui/docs/item-adornment","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/shape.json","https://cojeev.com/ui/r/animated-icon.json"],"title":"Item adornment","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Formats a key or key combination as a recognizable keyboard instruction.","name":"kbd","page":"https://cojeev.com/ui/docs/kbd","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Kbd","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Provides a native form label plus compact stat-label primitives for named values.","name":"label","page":"https://cojeev.com/ui/docs/label","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Label","type":"registry:ui"},{"dependencies":["motion"],"description":"Track changes using linear, smooth or step lines with accessible point inspection.","name":"line-chart","page":"https://cojeev.com/ui/docs/line-chart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/chart.json"],"title":"Line chart","type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog","motion"],"description":"Follow a card, image and title into a full detail, then back. Card, Centered and browsable Gallery preserve the reference's shared-layout journey.","name":"linear-modal","page":"https://cojeev.com/ui/docs/linear-modal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/dialog.json"],"title":"Linear Modal","type":"registry:ui"},{"description":"A native link with a drawn ink contour, directional underline reveals, or an organic pigment wash.","name":"living-link","page":"https://cojeev.com/ui/docs/living-link","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Living link","type":"registry:ui"},{"dependencies":["motion"],"description":"Open concentric rings expand in Cojeev colors and respond to pointer position.","name":"magic-rings","page":"https://cojeev.com/ui/docs/magic-rings","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Magic Rings","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Separates or annotates a sequence with a short event, status, or time label.","name":"marker","page":"https://cojeev.com/ui/docs/marker","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Marker","type":"registry:ui"},{"description":"A measured moving list with optional perspective and a rhythm that follows scrolling.","name":"marquee","page":"https://cojeev.com/ui/docs/marquee","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/typography.json"],"title":"Marquee","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-menubar"],"description":"Groups application commands into a horizontal row of keyboard-navigable menus.","name":"menubar","page":"https://cojeev.com/ui/docs/menubar","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/item-adornment.json","https://cojeev.com/ui/r/animated-icon.json"],"title":"Menubar","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Structures a conversational or activity entry with a main content area and supporting description.","name":"message","page":"https://cojeev.com/ui/docs/message","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Message","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Keeps a conversation near its latest content while allowing readers to scroll back without being pulled down.","name":"message-scroller","page":"https://cojeev.com/ui/docs/message-scroller","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Message Scroller","type":"registry:ui"},{"dependencies":["motion"],"description":"Moving scalar-field bodies merge and separate through liquid contours.","name":"meta-balls","page":"https://cojeev.com/ui/docs/meta-balls","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Meta Balls","type":"registry:ui"},{"description":"Follow caller-owned progress or a running workflow as a connected Journey, a scrollable Sequence or a compact checkpoint Review, with durations, details, nested steps and the one action a stalled step needs.","name":"milestone-path","page":"https://cojeev.com/ui/docs/milestone-path","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/badge.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/empty.json","https://cojeev.com/ui/r/typography.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Milestone path","type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog","@radix-ui/react-direction","motion"],"description":"A reference-faithful edge drawer, floating quick panel, layered workspace and bottom action tray.","name":"motion-drawer","page":"https://cojeev.com/ui/docs/motion-drawer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Motion Drawer","type":"registry:ui"},{"description":"Searchable multiple choices with removable selections, form values and clear validation.","name":"multi-select","page":"https://cojeev.com/ui/docs/multi-select","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/badge.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/checkbox.json","https://cojeev.com/ui/r/item-adornment.json","https://cojeev.com/ui/r/animated-icon.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/input.json","https://cojeev.com/ui/r/label.json","https://cojeev.com/ui/r/popover.json"],"title":"Multi-select","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Uses the browser’s native select control to choose from a compact list of options.","name":"native-select","page":"https://cojeev.com/ui/docs/native-select","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Native Select","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-navigation-menu","motion"],"description":"Organizes destination links and optional expandable navigation panels.","name":"navigation-menu","page":"https://cojeev.com/ui/docs/navigation-menu","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/presence.json","https://cojeev.com/ui/r/item-adornment.json","https://cojeev.com/ui/r/animated-icon.json"],"title":"Navigation Menu","type":"registry:ui"},{"description":"A number field with readable formatting, a native editing caret and expressive stepping.","name":"number-input","page":"https://cojeev.com/ui/docs/number-input","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/animated-number.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/button.json"],"title":"Number input","type":"registry:ui"},{"description":"A paper dial, aligned reel or compact readout for choosing one direction with pointer, wheel or keyboard.","name":"option-wheel","page":"https://cojeev.com/ui/docs/option-wheel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json"],"title":"Option Wheel","type":"registry:ui"},{"dependencies":["motion"],"description":"An orbit of supplied images frames stationary content.","name":"orbit-images","page":"https://cojeev.com/ui/docs/orbit-images","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Orbit Images","type":"registry:ui"},{"description":"An interactive studio that gathers floating shapes into six reusable compositions.","name":"organism-assembly","page":"https://cojeev.com/ui/docs/organism-assembly","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/organism-composition.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json"],"title":"Organism assembly","type":"registry:ui"},{"dependencies":["motion"],"description":"Six useful compositions made from persistent Cojeev base components, with organic assembly and native controls.","name":"organism-composition","page":"https://cojeev.com/ui/docs/organism-composition","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/card.json","https://cojeev.com/ui/r/avatar.json","https://cojeev.com/ui/r/badge.json","https://cojeev.com/ui/r/bubble.json","https://cojeev.com/ui/r/input-group.json","https://cojeev.com/ui/r/message-scroller.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/animated-icon.json","https://cojeev.com/ui/r/item.json","https://cojeev.com/ui/r/progress.json","https://cojeev.com/ui/r/typography.json","https://cojeev.com/ui/r/shape.json","https://cojeev.com/ui/r/presence.json","https://cojeev.com/ui/r/assembly-part.json"],"title":"Organism composition","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Lets users move between numbered pages and see their current position.","name":"pagination","page":"https://cojeev.com/ui/docs/pagination","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/input.json"],"title":"Pagination","type":"registry:ui"},{"description":"A cloud sampled from a real surface yields to the pointer and springs back into form.","name":"particle-sculpture","page":"https://cojeev.com/ui/docs/particle-sculpture","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/glass-sculpture.json"],"title":"Particle sculpture","type":"registry:ui"},{"description":"Particles sampled from real glyph pixels gather into a readable phrase and repel the local pointer.","name":"particle-text","page":"https://cojeev.com/ui/docs/particle-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Particle Text","type":"registry:ui"},{"description":"Eight distinct, lightweight backgrounds behind content, with a plain option and adjustable spacing, color and strength.","name":"pattern-background","page":"https://cojeev.com/ui/docs/pattern-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Pattern background","type":"registry:ui"},{"description":"Sparse, softly irregular pebble outlines distributed across the surface.","name":"pebbles-background","page":"https://cojeev.com/ui/docs/pebbles-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/pattern-background.json"],"title":"Pebbles background","type":"registry:ui"},{"dependencies":["motion"],"description":"Show proportions using themed pie and donut layouts, with readable totals and segment inspection.","name":"pie-chart","page":"https://cojeev.com/ui/docs/pie-chart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/chart.json"],"title":"Pie chart","type":"registry:ui"},{"description":"An original GPU pigment wash using the current Cojeev palette.","name":"pigment-field","page":"https://cojeev.com/ui/docs/pigment-field","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Pigment field","type":"registry:ui"},{"dependencies":["motion"],"description":"A staggered tile mask exchanges two compositions without duplicating their interactive content.","name":"pixel-swap","page":"https://cojeev.com/ui/docs/pixel-swap","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Pixel Swap","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-popover"],"description":"Places a dismissible panel next to a trigger for a small contextual task or set of controls.","name":"popover","page":"https://cojeev.com/ui/docs/popover","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Popover","type":"registry:ui"},{"description":"An organically warped luminous halo with a soft chromatic fringe behind real content.","name":"portal-field","page":"https://cojeev.com/ui/docs/portal-field","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Portal Field","type":"registry:ui"},{"dependencies":["motion","@radix-ui/react-slot"],"description":"MotionPresence keeps keyed children mounted for their exits. MotionSurface adds coordinated lifecycle states to an existing primitive.","name":"presence","page":"https://cojeev.com/ui/docs/presence","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Presence","type":"registry:ui"},{"description":"Pairs a live component example with a code view and a copy action.","name":"preview","page":"https://cojeev.com/ui/docs/preview","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/code-block.json","https://cojeev.com/ui/r/animated-icon.json","https://cojeev.com/ui/r/tabs.json","https://cojeev.com/ui/r/typography.json","https://cojeev.com/ui/r/pattern-background.json","https://cojeev.com/ui/r/pigment-field.json","https://cojeev.com/ui/r/depth-background.json","https://cojeev.com/ui/r/ambient-background.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/popover.json"],"title":"Component preview","type":"registry:ui"},{"description":"A reusable profile card composed from Cojeev base components.","name":"profile-card","page":"https://cojeev.com/ui/docs/profile-card","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/organism-composition.json"],"title":"Profile card","type":"registry:ui"},{"dependencies":["motion","class-variance-authority"],"description":"One measured amount, explained as an inline task, a small report or connected milestones—with independent organic track geometry.","name":"progress","page":"https://cojeev.com/ui/docs/progress","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Progress","type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"description":"A little guided brief: open questions, a focused journey or a two-column worksheet with living choice marks and honest completion progress.","name":"questionnaire","page":"https://cojeev.com/ui/docs/questionnaire","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/label.json","https://cojeev.com/ui/r/progress.json"],"title":"Questionnaire","type":"registry:ui"},{"dependencies":["motion"],"description":"Compare several dimensions with a shared radar scale and contextual series highlighting.","name":"radar-chart","page":"https://cojeev.com/ui/docs/radar-chart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/chart.json"],"title":"Radar chart","type":"registry:ui"},{"dependencies":["motion"],"description":"Show progress against a shared maximum using full rings or semicircles.","name":"radial-chart","page":"https://cojeev.com/ui/docs/radial-chart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/chart.json"],"title":"Radial chart","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-radio-group","motion"],"description":"Lets users select one option from a labeled set of mutually exclusive choices.","name":"radio-group","page":"https://cojeev.com/ui/docs/radio-group","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Radio group","type":"registry:ui"},{"description":"Keep your place with a connected spine, an expandable bookmark or a descriptive chapter overview—all following actual reading progress.","name":"reading-trail","page":"https://cojeev.com/ui/docs/reading-trail","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/collapsible.json"],"title":"Reading trail","type":"registry:ui"},{"dependencies":["class-variance-authority","react-resizable-panels"],"description":"Divides a region into panels whose relative sizes can be adjusted with a separator.","name":"resizable","page":"https://cojeev.com/ui/docs/resizable","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Resizable","type":"registry:ui"},{"dependencies":["motion"],"description":"Pointer impulses send expanding waves through a textured print.","name":"ripple-distortion","page":"https://cojeev.com/ui/docs/ripple-distortion","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Ripple Distortion","type":"registry:ui"},{"dependencies":["motion","class-variance-authority","@radix-ui/react-scroll-area"],"description":"Contains overflowing content in a bounded viewport with styled scrollbars.","name":"scroll-area","page":"https://cojeev.com/ui/docs/scroll-area","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Scroll Area","type":"registry:ui"},{"description":"A framed composition opens as native scroll or controlled progress advances.","name":"scroll-expand","page":"https://cojeev.com/ui/docs/scroll-expand","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Scroll Expand","type":"registry:ui"},{"dependencies":["motion"],"description":"A softly stretching companion driven by native document scrolling.","name":"scroll-organism","page":"https://cojeev.com/ui/docs/scroll-organism","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/shape.json"],"title":"Scroll organism","type":"registry:ui"},{"description":"Native scroll progress resolves word opacity and blur while leveling the phrase.","name":"scroll-reveal","page":"https://cojeev.com/ui/docs/scroll-reveal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Scroll Reveal","type":"registry:ui"},{"description":"A shared sculpture viewer with pointer rotation, touch-friendly navigation and complete keyboard controls.","name":"sculpture-orbit","page":"https://cojeev.com/ui/docs/sculpture-orbit","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/slider.json","https://cojeev.com/ui/r/label.json","https://cojeev.com/ui/r/typography.json"],"title":"Sculpture orbit","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-select"],"description":"Opens a list of options from a trigger and stores one selected value.","name":"select","page":"https://cojeev.com/ui/docs/select","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json","https://cojeev.com/ui/r/item-adornment.json","https://cojeev.com/ui/r/animated-icon.json","https://cojeev.com/ui/r/icon.json"],"title":"Select","type":"registry:ui"},{"description":"A living wordmark whose particles wander, connect and gather into a liquid organism. Adapted from ThreeUI with Cojeev colors and motion controls.","name":"semantic-bloom","page":"https://cojeev.com/ui/docs/semantic-bloom","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Semantic bloom","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Divides adjacent content with a horizontal or vertical rule.","name":"separator","page":"https://cojeev.com/ui/docs/separator","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Separator","type":"registry:ui"},{"dependencies":["motion"],"description":"One shape studio: twelve compatible living contours, layered artwork and the complete original mask inventory. Compose it here, then take the SVG or React code.","name":"shape","page":"https://cojeev.com/ui/docs/shape","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Shape studio","type":"registry:ui"},{"dependencies":["motion"],"description":"An original SVG silhouette with a cast shadow and a rotated rear outline. The same vector layers power its live preview and standalone SVG export.","name":"shape-artwork","page":"https://cojeev.com/ui/docs/shape-artwork","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Shape artwork","type":"registry:ui"},{"dependencies":["three@0.185.1"],"description":"A tactile 3D composition made from Cojeev shapes, with a static fallback and motion preferences built in.","devDependencies":["@types/three@0.185.4"],"name":"shape-scene","page":"https://cojeev.com/ui/docs/shape-scene","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/shape.json"],"title":"Shape scene","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-dialog","@radix-ui/react-direction"],"description":"Opens a side surface for focused secondary content while the current page remains in place.","name":"sheet","page":"https://cojeev.com/ui/docs/sheet","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Sheet","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"A paper folio, a readable compact index and a motion drawer. Three calm ways to keep the same workspace within reach.","name":"sidebar","page":"https://cojeev.com/ui/docs/sidebar","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json","https://cojeev.com/ui/r/button.json"],"title":"Sidebar","type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"description":"Give unavailable content a useful outline: a reading page, a person or a board of ideas, with three quiet-safe paint effects.","name":"skeleton","page":"https://cojeev.com/ui/docs/skeleton","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/card.json"],"title":"Skeleton","type":"registry:ui"},{"dependencies":["motion","class-variance-authority","@radix-ui/react-slider"],"description":"Adjusts one or more numeric values by moving labeled thumbs along a track.","name":"slider","page":"https://cojeev.com/ui/docs/slider","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Slider","type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"description":"Three indeterminate signals: a morphing Bloom, gathering Orbit or handing-off Relay. The original small seed stays the default.","name":"spinner","page":"https://cojeev.com/ui/docs/spinner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Loading","type":"registry:ui"},{"description":"Small paired leaves and seed-like marks with plenty of open space.","name":"sprouts-background","page":"https://cojeev.com/ui/docs/sprouts-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/pattern-background.json"],"title":"Sprouts background","type":"registry:ui"},{"dependencies":["motion"],"description":"A bundle of colored ribbons moves through a bounded sine field.","name":"strands","page":"https://cojeev.com/ui/docs/strands","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Strands","type":"registry:ui"},{"description":"Broad, soft pools of color that leave the content in focus.","name":"sunwash-background","page":"https://cojeev.com/ui/docs/sunwash-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/pattern-background.json"],"title":"Sunwash background","type":"registry:ui"},{"dependencies":["motion"],"description":"Cards swap positions through a drag handle or keyboard controls and retain their order in React state.","name":"swapy","page":"https://cojeev.com/ui/docs/swapy","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Swapy","type":"registry:ui"},{"dependencies":["motion"],"description":"A local flock of colored seeds follows the pointer and scatters on activation.","name":"swarm-cursor","page":"https://cojeev.com/ui/docs/swarm-cursor","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Swarm Cursor","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-switch"],"description":"Turns a named binary setting on or off.","name":"switch","page":"https://cojeev.com/ui/docs/switch","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Switch","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Scan a compact ledger, explore detailed records or compare them side by side. One Tables guide for native parts and the composed DataTable.","name":"table","page":"https://cojeev.com/ui/docs/table","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Tables","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-tabs"],"description":"Switches between related content panels while keeping the available views visible.","name":"tabs","page":"https://cojeev.com/ui/docs/tabs","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/presence.json"],"title":"Tabs","type":"registry:ui"},{"dependencies":["motion"],"description":"Local corner brackets follow real controls on hover and keyboard focus.","name":"target-cursor","page":"https://cojeev.com/ui/docs/target-cursor","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Target Cursor","type":"registry:ui"},{"dependencies":["motion"],"description":"Readable word, grapheme, phrase or measured-line arrivals with soft focus, fold and organic scale choices.","name":"text-reveal","page":"https://cojeev.com/ui/docs/text-reveal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Text reveal","type":"registry:ui"},{"description":"A measured phrase follows six original SVG paths, with direct manipulation and gentle changes of pace.","name":"text-ribbon","page":"https://cojeev.com/ui/docs/text-ribbon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Text ribbon","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Collects multiline text and offers composer and character-count parts for longer input.","name":"textarea","page":"https://cojeev.com/ui/docs/textarea","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/scroll-area.json"],"title":"Textarea","type":"registry:ui"},{"dependencies":["motion"],"description":"A controlled light/dark switch with a morphing sun and moon and a smooth organic page reveal.","name":"theme-toggle","page":"https://cojeev.com/ui/docs/theme-toggle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json"],"title":"Theme toggle","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-toast"],"description":"Reports a brief outcome in a notification area without moving the user away from the current task.","name":"toast","page":"https://cojeev.com/ui/docs/toast","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json"],"title":"Toast","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-toggle"],"description":"A small action with a lasting state: a toolbar tool, a paper bookmark or a descriptive preference. Native targets stay put while the painted surface responds.","name":"toggle","page":"https://cojeev.com/ui/docs/toggle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Toggle","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-toggle-group"],"description":"Groups pressable choices that can allow one or several selected values.","name":"toggle-group","page":"https://cojeev.com/ui/docs/toggle-group","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/toggle.json"],"title":"Toggle Group","type":"registry:ui"},{"dependencies":["class-variance-authority","@radix-ui/react-tooltip"],"description":"Precise ink callouts, useful keyboard hints and small paper annotations. Short explanations that appear where attention already is.","name":"tooltip","page":"https://cojeev.com/ui/docs/tooltip","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Tooltip","type":"registry:ui"},{"description":"A controlled branch ledger for supplied hierarchical data, with separate disclosure, selection and trailing actions.","name":"tree","page":"https://cojeev.com/ui/docs/tree","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/button.json","https://cojeev.com/ui/r/icon.json"],"title":"Tree","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Provides text roles for headings, body copy, metadata, values, and identifiers.","name":"typography","page":"https://cojeev.com/ui/docs/typography","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Typography","type":"registry:ui"},{"description":"Nested rotating glyph rings with a local dissolution lens and a finite suction pulse.","name":"typography-vortex","page":"https://cojeev.com/ui/docs/typography-vortex","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Typography Vortex","type":"registry:ui"},{"description":"Pointer distance changes the real variable-font weight of individual graphemes.","name":"variable-proximity","page":"https://cojeev.com/ui/docs/variable-proximity","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Variable Proximity","type":"registry:ui"},{"description":"Rendered text deforms through a slowly changing noise displacement.","name":"warp-text","page":"https://cojeev.com/ui/docs/warp-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Warp Text","type":"registry:ui"},{"description":"An organic wave rises across caller content to reveal the next scene.","name":"wave-wipe","page":"https://cojeev.com/ui/docs/wave-wipe","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Wave Wipe","type":"registry:ui"},{"description":"Interlaced thread-like strokes with visible over-and-under crossings.","name":"weave-background","page":"https://cojeev.com/ui/docs/weave-background","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/pattern-background.json"],"title":"Weave background","type":"registry:ui"},{"dependencies":["motion"],"description":"Exchanges phrases, words or letters inside a stable wrapping footprint, with interruptible motion and explicit navigation.","name":"word-relay","page":"https://cojeev.com/ui/docs/word-relay","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Word relay","type":"registry:ui"},{"description":"Phrases build word by word, drift left and run out before the final phrase holds.","name":"word-stream","page":"https://cojeev.com/ui/docs/word-stream","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Word Stream","type":"registry:ui"},{"description":"A reusable work side panel composed from Cojeev base components.","name":"work-side-panel","page":"https://cojeev.com/ui/docs/work-side-panel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/organism-composition.json"],"title":"Work side panel","type":"registry:ui"},{"description":"A quiet writing mark with a short, deliberate blink sequence.","name":"writing-caret","page":"https://cojeev.com/ui/docs/writing-caret","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Writing caret","type":"registry:ui"},{"description":"An enlarged camera follows measured centers along a growing word line.","name":"zoom-words","page":"https://cojeev.com/ui/docs/zoom-words","registryDependencies":["https://cojeev.com/ui/r/cojeev.json"],"title":"Zoom Words","type":"registry:ui"},{"description":"A arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-a-arrow-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"A arrow down icon","type":"registry:component"},{"description":"A arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-a-arrow-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"A arrow up icon","type":"registry:component"},{"description":"A large small icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-a-large-small","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"A large small icon","type":"registry:component"},{"description":"Accessibility icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-accessibility","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Accessibility icon","type":"registry:component"},{"description":"Activity icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-activity","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Activity icon","type":"registry:component"},{"description":"Air vent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-air-vent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Air vent icon","type":"registry:component"},{"description":"Airplay icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-airplay","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Airplay icon","type":"registry:component"},{"description":"Alarm clock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-alarm-clock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Alarm clock icon","type":"registry:component"},{"description":"Alarm clock check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-alarm-clock-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Alarm clock check icon","type":"registry:component"},{"description":"Alarm clock minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-alarm-clock-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Alarm clock minus icon","type":"registry:component"},{"description":"Alarm clock off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-alarm-clock-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Alarm clock off icon","type":"registry:component"},{"description":"Alarm clock plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-alarm-clock-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Alarm clock plus icon","type":"registry:component"},{"description":"Alarm smoke icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-alarm-smoke","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Alarm smoke icon","type":"registry:component"},{"description":"Album icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-album","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Album icon","type":"registry:component"},{"description":"Align center horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-center-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align center horizontal icon","type":"registry:component"},{"description":"Align center vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-center-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align center vertical icon","type":"registry:component"},{"description":"Align end horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-end-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align end horizontal icon","type":"registry:component"},{"description":"Align end vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-end-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align end vertical icon","type":"registry:component"},{"description":"Align horizontal distribute center icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-horizontal-distribute-center","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align horizontal distribute center icon","type":"registry:component"},{"description":"Align horizontal distribute end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-horizontal-distribute-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align horizontal distribute end icon","type":"registry:component"},{"description":"Align horizontal distribute start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-horizontal-distribute-start","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align horizontal distribute start icon","type":"registry:component"},{"description":"Align horizontal justify center icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-horizontal-justify-center","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align horizontal justify center icon","type":"registry:component"},{"description":"Align horizontal justify end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-horizontal-justify-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align horizontal justify end icon","type":"registry:component"},{"description":"Align horizontal justify start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-horizontal-justify-start","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align horizontal justify start icon","type":"registry:component"},{"description":"Align horizontal space around icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-horizontal-space-around","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align horizontal space around icon","type":"registry:component"},{"description":"Align horizontal space between icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-horizontal-space-between","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align horizontal space between icon","type":"registry:component"},{"description":"Align start horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-start-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align start horizontal icon","type":"registry:component"},{"description":"Align start vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-start-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align start vertical icon","type":"registry:component"},{"description":"Align vertical distribute center icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-vertical-distribute-center","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align vertical distribute center icon","type":"registry:component"},{"description":"Align vertical distribute end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-vertical-distribute-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align vertical distribute end icon","type":"registry:component"},{"description":"Align vertical distribute start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-vertical-distribute-start","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align vertical distribute start icon","type":"registry:component"},{"description":"Align vertical justify center icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-vertical-justify-center","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align vertical justify center icon","type":"registry:component"},{"description":"Align vertical justify end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-vertical-justify-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align vertical justify end icon","type":"registry:component"},{"description":"Align vertical justify start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-vertical-justify-start","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align vertical justify start icon","type":"registry:component"},{"description":"Align vertical space around icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-vertical-space-around","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align vertical space around icon","type":"registry:component"},{"description":"Align vertical space between icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-align-vertical-space-between","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Align vertical space between icon","type":"registry:component"},{"description":"Ambulance icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ambulance","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ambulance icon","type":"registry:component"},{"description":"Ampersand icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ampersand","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ampersand icon","type":"registry:component"},{"description":"Ampersands icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ampersands","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ampersands icon","type":"registry:component"},{"description":"Amphora icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-amphora","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Amphora icon","type":"registry:component"},{"description":"Anchor icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-anchor","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Anchor icon","type":"registry:component"},{"description":"Angry icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-angry","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Angry icon","type":"registry:component"},{"description":"Annoyed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-annoyed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Annoyed icon","type":"registry:component"},{"description":"Antenna icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-antenna","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Antenna icon","type":"registry:component"},{"description":"Anvil icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-anvil","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Anvil icon","type":"registry:component"},{"description":"Aperture icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-aperture","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Aperture icon","type":"registry:component"},{"description":"App window icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-app-window","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"App window icon","type":"registry:component"},{"description":"App window mac icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-app-window-mac","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"App window mac icon","type":"registry:component"},{"description":"Apple icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-apple","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Apple icon","type":"registry:component"},{"description":"Archive icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-archive","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Archive icon","type":"registry:component"},{"description":"Archive restore icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-archive-restore","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Archive restore icon","type":"registry:component"},{"description":"Archive x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-archive-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Archive x icon","type":"registry:component"},{"description":"Armchair icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-armchair","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Armchair icon","type":"registry:component"},{"description":"Arrow big down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-big-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow big down icon","type":"registry:component"},{"description":"Arrow big down dash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-big-down-dash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow big down dash icon","type":"registry:component"},{"description":"Arrow big left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-big-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow big left icon","type":"registry:component"},{"description":"Arrow big left dash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-big-left-dash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow big left dash icon","type":"registry:component"},{"description":"Arrow big right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-big-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow big right icon","type":"registry:component"},{"description":"Arrow big right dash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-big-right-dash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow big right dash icon","type":"registry:component"},{"description":"Arrow big up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-big-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow big up icon","type":"registry:component"},{"description":"Arrow big up dash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-big-up-dash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow big up dash icon","type":"registry:component"},{"description":"Arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down icon","type":"registry:component"},{"description":"Arrow down 0 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-0-1","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down 0 1 icon","type":"registry:component"},{"description":"Arrow down 1 0 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-1-0","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down 1 0 icon","type":"registry:component"},{"description":"Arrow down a z icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-a-z","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down a z icon","type":"registry:component"},{"description":"Arrow down from line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-from-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down from line icon","type":"registry:component"},{"description":"Arrow down left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down left icon","type":"registry:component"},{"description":"Arrow down narrow wide icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-narrow-wide","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down narrow wide icon","type":"registry:component"},{"description":"Arrow down right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down right icon","type":"registry:component"},{"description":"Arrow down to dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-to-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down to dot icon","type":"registry:component"},{"description":"Arrow down to line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-to-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down to line icon","type":"registry:component"},{"description":"Arrow down up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down up icon","type":"registry:component"},{"description":"Arrow down wide narrow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-wide-narrow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down wide narrow icon","type":"registry:component"},{"description":"Arrow down z a icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-down-z-a","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow down z a icon","type":"registry:component"},{"description":"Arrow left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow left icon","type":"registry:component"},{"description":"Arrow left from line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-left-from-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow left from line icon","type":"registry:component"},{"description":"Arrow left right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-left-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow left right icon","type":"registry:component"},{"description":"Arrow left to line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-left-to-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow left to line icon","type":"registry:component"},{"description":"Arrow right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow right icon","type":"registry:component"},{"description":"Arrow right from line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-right-from-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow right from line icon","type":"registry:component"},{"description":"Arrow right left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-right-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow right left icon","type":"registry:component"},{"description":"Arrow right to line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-right-to-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow right to line icon","type":"registry:component"},{"description":"Arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up icon","type":"registry:component"},{"description":"Arrow up 0 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-0-1","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up 0 1 icon","type":"registry:component"},{"description":"Arrow up 1 0 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-1-0","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up 1 0 icon","type":"registry:component"},{"description":"Arrow up a z icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-a-z","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up a z icon","type":"registry:component"},{"description":"Arrow up down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up down icon","type":"registry:component"},{"description":"Arrow up from dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-from-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up from dot icon","type":"registry:component"},{"description":"Arrow up from line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-from-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up from line icon","type":"registry:component"},{"description":"Arrow up left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up left icon","type":"registry:component"},{"description":"Arrow up narrow wide icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-narrow-wide","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up narrow wide icon","type":"registry:component"},{"description":"Arrow up right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up right icon","type":"registry:component"},{"description":"Arrow up to line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-to-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up to line icon","type":"registry:component"},{"description":"Arrow up wide narrow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-wide-narrow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up wide narrow icon","type":"registry:component"},{"description":"Arrow up z a icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrow-up-z-a","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrow up z a icon","type":"registry:component"},{"description":"Arrows up from line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-arrows-up-from-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Arrows up from line icon","type":"registry:component"},{"description":"Asterisk icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-asterisk","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Asterisk icon","type":"registry:component"},{"description":"At sign icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-at-sign","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"At sign icon","type":"registry:component"},{"description":"Atom icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-atom","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Atom icon","type":"registry:component"},{"description":"Audio lines icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-audio-lines","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Audio lines icon","type":"registry:component"},{"description":"Audio waveform icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-audio-waveform","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Audio waveform icon","type":"registry:component"},{"description":"Award icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-award","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Award icon","type":"registry:component"},{"description":"Axe icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-axe","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Axe icon","type":"registry:component"},{"description":"Axis 3d icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-axis-3d","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Axis 3d icon","type":"registry:component"},{"description":"Baby icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-baby","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Baby icon","type":"registry:component"},{"description":"Backpack icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-backpack","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Backpack icon","type":"registry:component"},{"description":"Badge icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge icon","type":"registry:component"},{"description":"Badge alert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge alert icon","type":"registry:component"},{"description":"Badge cent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-cent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge cent icon","type":"registry:component"},{"description":"Badge check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge check icon","type":"registry:component"},{"description":"Badge dollar sign icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-dollar-sign","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge dollar sign icon","type":"registry:component"},{"description":"Badge euro icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-euro","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge euro icon","type":"registry:component"},{"description":"Badge indian rupee icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-indian-rupee","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge indian rupee icon","type":"registry:component"},{"description":"Badge info icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-info","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge info icon","type":"registry:component"},{"description":"Badge japanese yen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-japanese-yen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge japanese yen icon","type":"registry:component"},{"description":"Badge minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge minus icon","type":"registry:component"},{"description":"Badge percent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-percent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge percent icon","type":"registry:component"},{"description":"Badge plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge plus icon","type":"registry:component"},{"description":"Badge pound sterling icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-pound-sterling","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge pound sterling icon","type":"registry:component"},{"description":"Badge question mark icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-question-mark","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge question mark icon","type":"registry:component"},{"description":"Badge russian ruble icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-russian-ruble","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge russian ruble icon","type":"registry:component"},{"description":"Badge swiss franc icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-swiss-franc","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge swiss franc icon","type":"registry:component"},{"description":"Badge turkish lira icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-turkish-lira","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge turkish lira icon","type":"registry:component"},{"description":"Badge x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-badge-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Badge x icon","type":"registry:component"},{"description":"Baggage claim icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-baggage-claim","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Baggage claim icon","type":"registry:component"},{"description":"Balloon icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-balloon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Balloon icon","type":"registry:component"},{"description":"Ban icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ban","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ban icon","type":"registry:component"},{"description":"Banana icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-banana","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Banana icon","type":"registry:component"},{"description":"Bandage icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bandage","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bandage icon","type":"registry:component"},{"description":"Banknote icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-banknote","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Banknote icon","type":"registry:component"},{"description":"Banknote arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-banknote-arrow-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Banknote arrow down icon","type":"registry:component"},{"description":"Banknote arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-banknote-arrow-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Banknote arrow up icon","type":"registry:component"},{"description":"Banknote x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-banknote-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Banknote x icon","type":"registry:component"},{"description":"Barcode icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-barcode","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Barcode icon","type":"registry:component"},{"description":"Barrel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-barrel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Barrel icon","type":"registry:component"},{"description":"Baseline icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-baseline","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Baseline icon","type":"registry:component"},{"description":"Bath icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bath","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bath icon","type":"registry:component"},{"description":"Battery icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-battery","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Battery icon","type":"registry:component"},{"description":"Battery charging icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-battery-charging","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Battery charging icon","type":"registry:component"},{"description":"Battery full icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-battery-full","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Battery full icon","type":"registry:component"},{"description":"Battery low icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-battery-low","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Battery low icon","type":"registry:component"},{"description":"Battery medium icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-battery-medium","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Battery medium icon","type":"registry:component"},{"description":"Battery plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-battery-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Battery plus icon","type":"registry:component"},{"description":"Battery warning icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-battery-warning","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Battery warning icon","type":"registry:component"},{"description":"Beaker icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-beaker","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Beaker icon","type":"registry:component"},{"description":"Bean icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bean","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bean icon","type":"registry:component"},{"description":"Bean off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bean-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bean off icon","type":"registry:component"},{"description":"Bed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bed icon","type":"registry:component"},{"description":"Bed double icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bed-double","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bed double icon","type":"registry:component"},{"description":"Bed single icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bed-single","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bed single icon","type":"registry:component"},{"description":"Beef icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-beef","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Beef icon","type":"registry:component"},{"description":"Beer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-beer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Beer icon","type":"registry:component"},{"description":"Beer off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-beer-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Beer off icon","type":"registry:component"},{"description":"Bell icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bell","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bell icon","type":"registry:component"},{"description":"Bell dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bell-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bell dot icon","type":"registry:component"},{"description":"Bell electric icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bell-electric","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bell electric icon","type":"registry:component"},{"description":"Bell minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bell-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bell minus icon","type":"registry:component"},{"description":"Bell off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bell-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bell off icon","type":"registry:component"},{"description":"Bell plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bell-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bell plus icon","type":"registry:component"},{"description":"Bell ring icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bell-ring","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bell ring icon","type":"registry:component"},{"description":"Between horizontal end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-between-horizontal-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Between horizontal end icon","type":"registry:component"},{"description":"Between horizontal start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-between-horizontal-start","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Between horizontal start icon","type":"registry:component"},{"description":"Between vertical end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-between-vertical-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Between vertical end icon","type":"registry:component"},{"description":"Between vertical start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-between-vertical-start","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Between vertical start icon","type":"registry:component"},{"description":"Biceps flexed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-biceps-flexed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Biceps flexed icon","type":"registry:component"},{"description":"Bike icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bike","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bike icon","type":"registry:component"},{"description":"Binary icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-binary","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Binary icon","type":"registry:component"},{"description":"Binoculars icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-binoculars","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Binoculars icon","type":"registry:component"},{"description":"Biohazard icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-biohazard","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Biohazard icon","type":"registry:component"},{"description":"Bird icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bird","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bird icon","type":"registry:component"},{"description":"Birdhouse icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-birdhouse","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Birdhouse icon","type":"registry:component"},{"description":"Bitcoin icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bitcoin","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bitcoin icon","type":"registry:component"},{"description":"Blend icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-blend","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Blend icon","type":"registry:component"},{"description":"Blinds icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-blinds","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Blinds icon","type":"registry:component"},{"description":"Blocks icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-blocks","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Blocks icon","type":"registry:component"},{"description":"Bluetooth icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bluetooth","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bluetooth icon","type":"registry:component"},{"description":"Bluetooth connected icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bluetooth-connected","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bluetooth connected icon","type":"registry:component"},{"description":"Bluetooth off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bluetooth-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bluetooth off icon","type":"registry:component"},{"description":"Bluetooth searching icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bluetooth-searching","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bluetooth searching icon","type":"registry:component"},{"description":"Bold icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bold","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bold icon","type":"registry:component"},{"description":"Bolt icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bolt","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bolt icon","type":"registry:component"},{"description":"Bomb icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bomb","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bomb icon","type":"registry:component"},{"description":"Bone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bone icon","type":"registry:component"},{"description":"Book icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book icon","type":"registry:component"},{"description":"Book a icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-a","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book a icon","type":"registry:component"},{"description":"Book alert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book alert icon","type":"registry:component"},{"description":"Book audio icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-audio","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book audio icon","type":"registry:component"},{"description":"Book check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book check icon","type":"registry:component"},{"description":"Book copy icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-copy","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book copy icon","type":"registry:component"},{"description":"Book dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book dashed icon","type":"registry:component"},{"description":"Book down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book down icon","type":"registry:component"},{"description":"Book headphones icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-headphones","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book headphones icon","type":"registry:component"},{"description":"Book heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book heart icon","type":"registry:component"},{"description":"Book image icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-image","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book image icon","type":"registry:component"},{"description":"Book key icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-key","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book key icon","type":"registry:component"},{"description":"Book lock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-lock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book lock icon","type":"registry:component"},{"description":"Book marked icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-marked","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book marked icon","type":"registry:component"},{"description":"Book minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book minus icon","type":"registry:component"},{"description":"Book open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book open icon","type":"registry:component"},{"description":"Book open check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-open-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book open check icon","type":"registry:component"},{"description":"Book open text icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-open-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book open text icon","type":"registry:component"},{"description":"Book plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book plus icon","type":"registry:component"},{"description":"Book search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book search icon","type":"registry:component"},{"description":"Book text icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book text icon","type":"registry:component"},{"description":"Book type icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-type","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book type icon","type":"registry:component"},{"description":"Book up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book up icon","type":"registry:component"},{"description":"Book up 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-up-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book up 2 icon","type":"registry:component"},{"description":"Book user icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-user","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book user icon","type":"registry:component"},{"description":"Book x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-book-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Book x icon","type":"registry:component"},{"description":"Bookmark icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bookmark","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bookmark icon","type":"registry:component"},{"description":"Bookmark check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bookmark-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bookmark check icon","type":"registry:component"},{"description":"Bookmark minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bookmark-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bookmark minus icon","type":"registry:component"},{"description":"Bookmark plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bookmark-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bookmark plus icon","type":"registry:component"},{"description":"Bookmark x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bookmark-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bookmark x icon","type":"registry:component"},{"description":"Boom box icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-boom-box","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Boom box icon","type":"registry:component"},{"description":"Bot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bot icon","type":"registry:component"},{"description":"Bot message square icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bot-message-square","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bot message square icon","type":"registry:component"},{"description":"Bot off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bot-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bot off icon","type":"registry:component"},{"description":"Bottle wine icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bottle-wine","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bottle wine icon","type":"registry:component"},{"description":"Bow arrow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bow-arrow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bow arrow icon","type":"registry:component"},{"description":"Box icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-box","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Box icon","type":"registry:component"},{"description":"Boxes icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-boxes","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Boxes icon","type":"registry:component"},{"description":"Braces icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-braces","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Braces icon","type":"registry:component"},{"description":"Brackets icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-brackets","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Brackets icon","type":"registry:component"},{"description":"Brain icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-brain","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Brain icon","type":"registry:component"},{"description":"Brain circuit icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-brain-circuit","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Brain circuit icon","type":"registry:component"},{"description":"Brain cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-brain-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Brain cog icon","type":"registry:component"},{"description":"Brick wall icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-brick-wall","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Brick wall icon","type":"registry:component"},{"description":"Brick wall fire icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-brick-wall-fire","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Brick wall fire icon","type":"registry:component"},{"description":"Brick wall shield icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-brick-wall-shield","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Brick wall shield icon","type":"registry:component"},{"description":"Briefcase icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-briefcase","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Briefcase icon","type":"registry:component"},{"description":"Briefcase business icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-briefcase-business","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Briefcase business icon","type":"registry:component"},{"description":"Briefcase conveyor belt icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-briefcase-conveyor-belt","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Briefcase conveyor belt icon","type":"registry:component"},{"description":"Briefcase medical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-briefcase-medical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Briefcase medical icon","type":"registry:component"},{"description":"Bring to front icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bring-to-front","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bring to front icon","type":"registry:component"},{"description":"Brush icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-brush","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Brush icon","type":"registry:component"},{"description":"Brush cleaning icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-brush-cleaning","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Brush cleaning icon","type":"registry:component"},{"description":"Bubbles icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bubbles","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bubbles icon","type":"registry:component"},{"description":"Bug icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bug","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bug icon","type":"registry:component"},{"description":"Bug off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bug-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bug off icon","type":"registry:component"},{"description":"Bug play icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bug-play","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bug play icon","type":"registry:component"},{"description":"Building icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-building","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Building icon","type":"registry:component"},{"description":"Building 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-building-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Building 2 icon","type":"registry:component"},{"description":"Bus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bus icon","type":"registry:component"},{"description":"Bus front icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-bus-front","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Bus front icon","type":"registry:component"},{"description":"Cable icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cable","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cable icon","type":"registry:component"},{"description":"Cable car icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cable-car","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cable car icon","type":"registry:component"},{"description":"Cake icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cake","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cake icon","type":"registry:component"},{"description":"Cake slice icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cake-slice","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cake slice icon","type":"registry:component"},{"description":"Calculator icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calculator","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calculator icon","type":"registry:component"},{"description":"Calendar icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar icon","type":"registry:component"},{"description":"Calendar 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-1","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar 1 icon","type":"registry:component"},{"description":"Calendar arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-arrow-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar arrow down icon","type":"registry:component"},{"description":"Calendar arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-arrow-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar arrow up icon","type":"registry:component"},{"description":"Calendar check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar check icon","type":"registry:component"},{"description":"Calendar check 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-check-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar check 2 icon","type":"registry:component"},{"description":"Calendar clock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-clock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar clock icon","type":"registry:component"},{"description":"Calendar cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar cog icon","type":"registry:component"},{"description":"Calendar days icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-days","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar days icon","type":"registry:component"},{"description":"Calendar fold icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-fold","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar fold icon","type":"registry:component"},{"description":"Calendar heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar heart icon","type":"registry:component"},{"description":"Calendar minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar minus icon","type":"registry:component"},{"description":"Calendar minus 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-minus-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar minus 2 icon","type":"registry:component"},{"description":"Calendar off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar off icon","type":"registry:component"},{"description":"Calendar plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar plus icon","type":"registry:component"},{"description":"Calendar plus 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-plus-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar plus 2 icon","type":"registry:component"},{"description":"Calendar range icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-range","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar range icon","type":"registry:component"},{"description":"Calendar search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar search icon","type":"registry:component"},{"description":"Calendar sync icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-sync","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar sync icon","type":"registry:component"},{"description":"Calendar x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar x icon","type":"registry:component"},{"description":"Calendar x 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendar-x-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendar x 2 icon","type":"registry:component"},{"description":"Calendars icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-calendars","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Calendars icon","type":"registry:component"},{"description":"Camera icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-camera","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Camera icon","type":"registry:component"},{"description":"Camera off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-camera-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Camera off icon","type":"registry:component"},{"description":"Candy icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-candy","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Candy icon","type":"registry:component"},{"description":"Candy cane icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-candy-cane","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Candy cane icon","type":"registry:component"},{"description":"Candy off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-candy-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Candy off icon","type":"registry:component"},{"description":"Cannabis icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cannabis","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cannabis icon","type":"registry:component"},{"description":"Cannabis off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cannabis-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cannabis off icon","type":"registry:component"},{"description":"Captions icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-captions","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Captions icon","type":"registry:component"},{"description":"Captions off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-captions-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Captions off icon","type":"registry:component"},{"description":"Car icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-car","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Car icon","type":"registry:component"},{"description":"Car front icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-car-front","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Car front icon","type":"registry:component"},{"description":"Car taxi front icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-car-taxi-front","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Car taxi front icon","type":"registry:component"},{"description":"Caravan icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-caravan","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Caravan icon","type":"registry:component"},{"description":"Card sim icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-card-sim","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Card sim icon","type":"registry:component"},{"description":"Carrot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-carrot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Carrot icon","type":"registry:component"},{"description":"Case lower icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-case-lower","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Case lower icon","type":"registry:component"},{"description":"Case sensitive icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-case-sensitive","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Case sensitive icon","type":"registry:component"},{"description":"Case upper icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-case-upper","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Case upper icon","type":"registry:component"},{"description":"Cassette tape icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cassette-tape","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cassette tape icon","type":"registry:component"},{"description":"Cast icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cast","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cast icon","type":"registry:component"},{"description":"Castle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-castle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Castle icon","type":"registry:component"},{"description":"Cat icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cat","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cat icon","type":"registry:component"},{"description":"Cctv icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cctv","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cctv icon","type":"registry:component"},{"description":"Chart area icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-area","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart area icon","type":"registry:component"},{"description":"Chart bar icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-bar","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart bar icon","type":"registry:component"},{"description":"Chart bar big icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-bar-big","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart bar big icon","type":"registry:component"},{"description":"Chart bar decreasing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-bar-decreasing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart bar decreasing icon","type":"registry:component"},{"description":"Chart bar increasing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-bar-increasing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart bar increasing icon","type":"registry:component"},{"description":"Chart bar stacked icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-bar-stacked","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart bar stacked icon","type":"registry:component"},{"description":"Chart candlestick icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-candlestick","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart candlestick icon","type":"registry:component"},{"description":"Chart column icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-column","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart column icon","type":"registry:component"},{"description":"Chart column big icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-column-big","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart column big icon","type":"registry:component"},{"description":"Chart column decreasing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-column-decreasing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart column decreasing icon","type":"registry:component"},{"description":"Chart column increasing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-column-increasing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart column increasing icon","type":"registry:component"},{"description":"Chart column stacked icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-column-stacked","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart column stacked icon","type":"registry:component"},{"description":"Chart gantt icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-gantt","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart gantt icon","type":"registry:component"},{"description":"Chart line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart line icon","type":"registry:component"},{"description":"Chart network icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-network","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart network icon","type":"registry:component"},{"description":"Chart no axes column icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-no-axes-column","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart no axes column icon","type":"registry:component"},{"description":"Chart no axes column decreasing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-no-axes-column-decreasing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart no axes column decreasing icon","type":"registry:component"},{"description":"Chart no axes column increasing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-no-axes-column-increasing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart no axes column increasing icon","type":"registry:component"},{"description":"Chart no axes combined icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-no-axes-combined","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart no axes combined icon","type":"registry:component"},{"description":"Chart no axes gantt icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-no-axes-gantt","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart no axes gantt icon","type":"registry:component"},{"description":"Chart pie icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-pie","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart pie icon","type":"registry:component"},{"description":"Chart scatter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-scatter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart scatter icon","type":"registry:component"},{"description":"Chart spline icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chart-spline","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chart spline icon","type":"registry:component"},{"description":"Check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Check icon","type":"registry:component"},{"description":"Check check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-check-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Check check icon","type":"registry:component"},{"description":"Check line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-check-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Check line icon","type":"registry:component"},{"description":"Chef hat icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chef-hat","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chef hat icon","type":"registry:component"},{"description":"Cherry icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cherry","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cherry icon","type":"registry:component"},{"description":"Chess bishop icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chess-bishop","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chess bishop icon","type":"registry:component"},{"description":"Chess king icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chess-king","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chess king icon","type":"registry:component"},{"description":"Chess knight icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chess-knight","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chess knight icon","type":"registry:component"},{"description":"Chess pawn icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chess-pawn","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chess pawn icon","type":"registry:component"},{"description":"Chess queen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chess-queen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chess queen icon","type":"registry:component"},{"description":"Chess rook icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chess-rook","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chess rook icon","type":"registry:component"},{"description":"Chevron down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevron-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevron down icon","type":"registry:component"},{"description":"Chevron first icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevron-first","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevron first icon","type":"registry:component"},{"description":"Chevron last icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevron-last","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevron last icon","type":"registry:component"},{"description":"Chevron left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevron-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevron left icon","type":"registry:component"},{"description":"Chevron right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevron-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevron right icon","type":"registry:component"},{"description":"Chevron up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevron-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevron up icon","type":"registry:component"},{"description":"Chevrons down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevrons-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevrons down icon","type":"registry:component"},{"description":"Chevrons down up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevrons-down-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevrons down up icon","type":"registry:component"},{"description":"Chevrons left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevrons-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevrons left icon","type":"registry:component"},{"description":"Chevrons left right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevrons-left-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevrons left right icon","type":"registry:component"},{"description":"Chevrons left right ellipsis icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevrons-left-right-ellipsis","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevrons left right ellipsis icon","type":"registry:component"},{"description":"Chevrons right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevrons-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevrons right icon","type":"registry:component"},{"description":"Chevrons right left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevrons-right-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevrons right left icon","type":"registry:component"},{"description":"Chevrons up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevrons-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevrons up icon","type":"registry:component"},{"description":"Chevrons up down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chevrons-up-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chevrons up down icon","type":"registry:component"},{"description":"Chromium icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-chromium","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Chromium icon","type":"registry:component"},{"description":"Church icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-church","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Church icon","type":"registry:component"},{"description":"Cigarette icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cigarette","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cigarette icon","type":"registry:component"},{"description":"Cigarette off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cigarette-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cigarette off icon","type":"registry:component"},{"description":"Circle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle icon","type":"registry:component"},{"description":"Circle alert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle alert icon","type":"registry:component"},{"description":"Circle arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-arrow-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle arrow down icon","type":"registry:component"},{"description":"Circle arrow left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-arrow-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle arrow left icon","type":"registry:component"},{"description":"Circle arrow out down left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-arrow-out-down-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle arrow out down left icon","type":"registry:component"},{"description":"Circle arrow out down right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-arrow-out-down-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle arrow out down right icon","type":"registry:component"},{"description":"Circle arrow out up left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-arrow-out-up-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle arrow out up left icon","type":"registry:component"},{"description":"Circle arrow out up right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-arrow-out-up-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle arrow out up right icon","type":"registry:component"},{"description":"Circle arrow right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-arrow-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle arrow right icon","type":"registry:component"},{"description":"Circle arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-arrow-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle arrow up icon","type":"registry:component"},{"description":"Circle check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle check icon","type":"registry:component"},{"description":"Circle check big icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-check-big","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle check big icon","type":"registry:component"},{"description":"Circle chevron down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-chevron-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle chevron down icon","type":"registry:component"},{"description":"Circle chevron left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-chevron-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle chevron left icon","type":"registry:component"},{"description":"Circle chevron right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-chevron-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle chevron right icon","type":"registry:component"},{"description":"Circle chevron up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-chevron-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle chevron up icon","type":"registry:component"},{"description":"Circle dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle dashed icon","type":"registry:component"},{"description":"Circle divide icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-divide","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle divide icon","type":"registry:component"},{"description":"Circle dollar sign icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-dollar-sign","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle dollar sign icon","type":"registry:component"},{"description":"Circle dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle dot icon","type":"registry:component"},{"description":"Circle dot dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-dot-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle dot dashed icon","type":"registry:component"},{"description":"Circle ellipsis icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-ellipsis","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle ellipsis icon","type":"registry:component"},{"description":"Circle equal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-equal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle equal icon","type":"registry:component"},{"description":"Circle fading arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-fading-arrow-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle fading arrow up icon","type":"registry:component"},{"description":"Circle fading plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-fading-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle fading plus icon","type":"registry:component"},{"description":"Circle gauge icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-gauge","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle gauge icon","type":"registry:component"},{"description":"Circle minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle minus icon","type":"registry:component"},{"description":"Circle off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle off icon","type":"registry:component"},{"description":"Circle parking icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-parking","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle parking icon","type":"registry:component"},{"description":"Circle parking off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-parking-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle parking off icon","type":"registry:component"},{"description":"Circle pause icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-pause","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle pause icon","type":"registry:component"},{"description":"Circle percent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-percent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle percent icon","type":"registry:component"},{"description":"Circle pile icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-pile","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle pile icon","type":"registry:component"},{"description":"Circle play icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-play","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle play icon","type":"registry:component"},{"description":"Circle plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle plus icon","type":"registry:component"},{"description":"Circle pound sterling icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-pound-sterling","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle pound sterling icon","type":"registry:component"},{"description":"Circle power icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-power","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle power icon","type":"registry:component"},{"description":"Circle question mark icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-question-mark","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle question mark icon","type":"registry:component"},{"description":"Circle slash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-slash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle slash icon","type":"registry:component"},{"description":"Circle slash 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-slash-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle slash 2 icon","type":"registry:component"},{"description":"Circle small icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-small","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle small icon","type":"registry:component"},{"description":"Circle star icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-star","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle star icon","type":"registry:component"},{"description":"Circle stop icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-stop","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle stop icon","type":"registry:component"},{"description":"Circle user icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-user","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle user icon","type":"registry:component"},{"description":"Circle user round icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-user-round","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle user round icon","type":"registry:component"},{"description":"Circle x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circle-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circle x icon","type":"registry:component"},{"description":"Circuit board icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-circuit-board","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Circuit board icon","type":"registry:component"},{"description":"Citrus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-citrus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Citrus icon","type":"registry:component"},{"description":"Clapperboard icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clapperboard","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clapperboard icon","type":"registry:component"},{"description":"Clipboard icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard icon","type":"registry:component"},{"description":"Clipboard check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard check icon","type":"registry:component"},{"description":"Clipboard clock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-clock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard clock icon","type":"registry:component"},{"description":"Clipboard copy icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-copy","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard copy icon","type":"registry:component"},{"description":"Clipboard list icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-list","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard list icon","type":"registry:component"},{"description":"Clipboard minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard minus icon","type":"registry:component"},{"description":"Clipboard paste icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-paste","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard paste icon","type":"registry:component"},{"description":"Clipboard pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard pen icon","type":"registry:component"},{"description":"Clipboard pen line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-pen-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard pen line icon","type":"registry:component"},{"description":"Clipboard plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard plus icon","type":"registry:component"},{"description":"Clipboard type icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-type","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard type icon","type":"registry:component"},{"description":"Clipboard x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clipboard-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clipboard x icon","type":"registry:component"},{"description":"Clock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock icon","type":"registry:component"},{"description":"Clock 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-1","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 1 icon","type":"registry:component"},{"description":"Clock 10 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-10","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 10 icon","type":"registry:component"},{"description":"Clock 11 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-11","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 11 icon","type":"registry:component"},{"description":"Clock 12 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-12","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 12 icon","type":"registry:component"},{"description":"Clock 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 2 icon","type":"registry:component"},{"description":"Clock 3 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-3","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 3 icon","type":"registry:component"},{"description":"Clock 4 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-4","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 4 icon","type":"registry:component"},{"description":"Clock 5 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-5","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 5 icon","type":"registry:component"},{"description":"Clock 6 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-6","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 6 icon","type":"registry:component"},{"description":"Clock 7 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-7","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 7 icon","type":"registry:component"},{"description":"Clock 8 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-8","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 8 icon","type":"registry:component"},{"description":"Clock 9 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-9","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock 9 icon","type":"registry:component"},{"description":"Clock alert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock alert icon","type":"registry:component"},{"description":"Clock arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-arrow-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock arrow down icon","type":"registry:component"},{"description":"Clock arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-arrow-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock arrow up icon","type":"registry:component"},{"description":"Clock check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock check icon","type":"registry:component"},{"description":"Clock fading icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-fading","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock fading icon","type":"registry:component"},{"description":"Clock plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clock-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clock plus icon","type":"registry:component"},{"description":"Closed caption icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-closed-caption","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Closed caption icon","type":"registry:component"},{"description":"Cloud icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud icon","type":"registry:component"},{"description":"Cloud alert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud alert icon","type":"registry:component"},{"description":"Cloud backup icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-backup","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud backup icon","type":"registry:component"},{"description":"Cloud check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud check icon","type":"registry:component"},{"description":"Cloud cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud cog icon","type":"registry:component"},{"description":"Cloud download icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-download","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud download icon","type":"registry:component"},{"description":"Cloud drizzle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-drizzle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud drizzle icon","type":"registry:component"},{"description":"Cloud fog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-fog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud fog icon","type":"registry:component"},{"description":"Cloud hail icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-hail","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud hail icon","type":"registry:component"},{"description":"Cloud lightning icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-lightning","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud lightning icon","type":"registry:component"},{"description":"Cloud moon icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-moon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud moon icon","type":"registry:component"},{"description":"Cloud moon rain icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-moon-rain","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud moon rain icon","type":"registry:component"},{"description":"Cloud off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud off icon","type":"registry:component"},{"description":"Cloud rain icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-rain","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud rain icon","type":"registry:component"},{"description":"Cloud rain wind icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-rain-wind","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud rain wind icon","type":"registry:component"},{"description":"Cloud snow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-snow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud snow icon","type":"registry:component"},{"description":"Cloud sun icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-sun","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud sun icon","type":"registry:component"},{"description":"Cloud sun rain icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-sun-rain","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud sun rain icon","type":"registry:component"},{"description":"Cloud sync icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-sync","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud sync icon","type":"registry:component"},{"description":"Cloud upload icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloud-upload","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloud upload icon","type":"registry:component"},{"description":"Cloudy icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cloudy","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cloudy icon","type":"registry:component"},{"description":"Clover icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-clover","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Clover icon","type":"registry:component"},{"description":"Club icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-club","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Club icon","type":"registry:component"},{"description":"Code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Code icon","type":"registry:component"},{"description":"Code xml icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-code-xml","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Code xml icon","type":"registry:component"},{"description":"Codepen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-codepen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Codepen icon","type":"registry:component"},{"description":"Codesandbox icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-codesandbox","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Codesandbox icon","type":"registry:component"},{"description":"Coffee icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-coffee","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Coffee icon","type":"registry:component"},{"description":"Cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cog icon","type":"registry:component"},{"description":"Coins icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-coins","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Coins icon","type":"registry:component"},{"description":"Columns 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-columns-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Columns 2 icon","type":"registry:component"},{"description":"Columns 3 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-columns-3","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Columns 3 icon","type":"registry:component"},{"description":"Columns 3 cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-columns-3-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Columns 3 cog icon","type":"registry:component"},{"description":"Columns 4 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-columns-4","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Columns 4 icon","type":"registry:component"},{"description":"Combine icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-combine","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Combine icon","type":"registry:component"},{"description":"Command icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-command","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Command icon","type":"registry:component"},{"description":"Compass icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-compass","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Compass icon","type":"registry:component"},{"description":"Component icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-component","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Component icon","type":"registry:component"},{"description":"Computer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-computer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Computer icon","type":"registry:component"},{"description":"Concierge bell icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-concierge-bell","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Concierge bell icon","type":"registry:component"},{"description":"Cone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cone icon","type":"registry:component"},{"description":"Construction icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-construction","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Construction icon","type":"registry:component"},{"description":"Contact icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-contact","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Contact icon","type":"registry:component"},{"description":"Contact round icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-contact-round","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Contact round icon","type":"registry:component"},{"description":"Container icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-container","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Container icon","type":"registry:component"},{"description":"Contrast icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-contrast","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Contrast icon","type":"registry:component"},{"description":"Cookie icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cookie","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cookie icon","type":"registry:component"},{"description":"Cooking pot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cooking-pot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cooking pot icon","type":"registry:component"},{"description":"Copy icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-copy","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Copy icon","type":"registry:component"},{"description":"Copy check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-copy-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Copy check icon","type":"registry:component"},{"description":"Copy minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-copy-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Copy minus icon","type":"registry:component"},{"description":"Copy plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-copy-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Copy plus icon","type":"registry:component"},{"description":"Copy slash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-copy-slash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Copy slash icon","type":"registry:component"},{"description":"Copy x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-copy-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Copy x icon","type":"registry:component"},{"description":"Copyleft icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-copyleft","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Copyleft icon","type":"registry:component"},{"description":"Copyright icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-copyright","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Copyright icon","type":"registry:component"},{"description":"Corner down left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-corner-down-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Corner down left icon","type":"registry:component"},{"description":"Corner down right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-corner-down-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Corner down right icon","type":"registry:component"},{"description":"Corner left down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-corner-left-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Corner left down icon","type":"registry:component"},{"description":"Corner left up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-corner-left-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Corner left up icon","type":"registry:component"},{"description":"Corner right down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-corner-right-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Corner right down icon","type":"registry:component"},{"description":"Corner right up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-corner-right-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Corner right up icon","type":"registry:component"},{"description":"Corner up left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-corner-up-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Corner up left icon","type":"registry:component"},{"description":"Corner up right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-corner-up-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Corner up right icon","type":"registry:component"},{"description":"Cpu icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cpu","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cpu icon","type":"registry:component"},{"description":"Creative commons icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-creative-commons","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Creative commons icon","type":"registry:component"},{"description":"Credit card icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-credit-card","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Credit card icon","type":"registry:component"},{"description":"Croissant icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-croissant","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Croissant icon","type":"registry:component"},{"description":"Crop icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-crop","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Crop icon","type":"registry:component"},{"description":"Cross icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cross","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cross icon","type":"registry:component"},{"description":"Crosshair icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-crosshair","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Crosshair icon","type":"registry:component"},{"description":"Crown icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-crown","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Crown icon","type":"registry:component"},{"description":"Cuboid icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cuboid","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cuboid icon","type":"registry:component"},{"description":"Cup soda icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cup-soda","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cup soda icon","type":"registry:component"},{"description":"Currency icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-currency","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Currency icon","type":"registry:component"},{"description":"Cylinder icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-cylinder","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Cylinder icon","type":"registry:component"},{"description":"Dam icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dam","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dam icon","type":"registry:component"},{"description":"Database icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-database","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Database icon","type":"registry:component"},{"description":"Database backup icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-database-backup","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Database backup icon","type":"registry:component"},{"description":"Database search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-database-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Database search icon","type":"registry:component"},{"description":"Database zap icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-database-zap","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Database zap icon","type":"registry:component"},{"description":"Decimals arrow left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-decimals-arrow-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Decimals arrow left icon","type":"registry:component"},{"description":"Decimals arrow right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-decimals-arrow-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Decimals arrow right icon","type":"registry:component"},{"description":"Delete icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-delete","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Delete icon","type":"registry:component"},{"description":"Dessert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dessert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dessert icon","type":"registry:component"},{"description":"Diameter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-diameter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Diameter icon","type":"registry:component"},{"description":"Diamond icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-diamond","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Diamond icon","type":"registry:component"},{"description":"Diamond minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-diamond-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Diamond minus icon","type":"registry:component"},{"description":"Diamond percent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-diamond-percent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Diamond percent icon","type":"registry:component"},{"description":"Diamond plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-diamond-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Diamond plus icon","type":"registry:component"},{"description":"Dice 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dice-1","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dice 1 icon","type":"registry:component"},{"description":"Dice 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dice-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dice 2 icon","type":"registry:component"},{"description":"Dice 3 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dice-3","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dice 3 icon","type":"registry:component"},{"description":"Dice 4 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dice-4","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dice 4 icon","type":"registry:component"},{"description":"Dice 5 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dice-5","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dice 5 icon","type":"registry:component"},{"description":"Dice 6 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dice-6","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dice 6 icon","type":"registry:component"},{"description":"Dices icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dices","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dices icon","type":"registry:component"},{"description":"Diff icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-diff","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Diff icon","type":"registry:component"},{"description":"Disc icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-disc","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Disc icon","type":"registry:component"},{"description":"Disc 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-disc-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Disc 2 icon","type":"registry:component"},{"description":"Disc 3 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-disc-3","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Disc 3 icon","type":"registry:component"},{"description":"Disc album icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-disc-album","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Disc album icon","type":"registry:component"},{"description":"Divide icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-divide","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Divide icon","type":"registry:component"},{"description":"Dna icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dna","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dna icon","type":"registry:component"},{"description":"Dna off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dna-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dna off icon","type":"registry:component"},{"description":"Dock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dock icon","type":"registry:component"},{"description":"Dog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dog icon","type":"registry:component"},{"description":"Dollar sign icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dollar-sign","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dollar sign icon","type":"registry:component"},{"description":"Donut icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-donut","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Donut icon","type":"registry:component"},{"description":"Door closed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-door-closed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Door closed icon","type":"registry:component"},{"description":"Door closed locked icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-door-closed-locked","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Door closed locked icon","type":"registry:component"},{"description":"Door open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-door-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Door open icon","type":"registry:component"},{"description":"Dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dot icon","type":"registry:component"},{"description":"Download icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-download","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Download icon","type":"registry:component"},{"description":"Drafting compass icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-drafting-compass","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Drafting compass icon","type":"registry:component"},{"description":"Drama icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-drama","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Drama icon","type":"registry:component"},{"description":"Dribbble icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dribbble","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dribbble icon","type":"registry:component"},{"description":"Drill icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-drill","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Drill icon","type":"registry:component"},{"description":"Drone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-drone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Drone icon","type":"registry:component"},{"description":"Droplet icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-droplet","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Droplet icon","type":"registry:component"},{"description":"Droplet off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-droplet-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Droplet off icon","type":"registry:component"},{"description":"Droplets icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-droplets","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Droplets icon","type":"registry:component"},{"description":"Drum icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-drum","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Drum icon","type":"registry:component"},{"description":"Drumstick icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-drumstick","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Drumstick icon","type":"registry:component"},{"description":"Dumbbell icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-dumbbell","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Dumbbell icon","type":"registry:component"},{"description":"Ear icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ear","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ear icon","type":"registry:component"},{"description":"Ear off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ear-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ear off icon","type":"registry:component"},{"description":"Earth icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-earth","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Earth icon","type":"registry:component"},{"description":"Earth lock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-earth-lock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Earth lock icon","type":"registry:component"},{"description":"Eclipse icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-eclipse","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Eclipse icon","type":"registry:component"},{"description":"Egg icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-egg","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Egg icon","type":"registry:component"},{"description":"Egg fried icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-egg-fried","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Egg fried icon","type":"registry:component"},{"description":"Egg off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-egg-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Egg off icon","type":"registry:component"},{"description":"Ellipse icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ellipse","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ellipse icon","type":"registry:component"},{"description":"Ellipsis icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ellipsis","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ellipsis icon","type":"registry:component"},{"description":"Ellipsis vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ellipsis-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ellipsis vertical icon","type":"registry:component"},{"description":"Equal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-equal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Equal icon","type":"registry:component"},{"description":"Equal approximately icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-equal-approximately","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Equal approximately icon","type":"registry:component"},{"description":"Equal not icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-equal-not","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Equal not icon","type":"registry:component"},{"description":"Eraser icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-eraser","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Eraser icon","type":"registry:component"},{"description":"Ethernet port icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ethernet-port","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ethernet port icon","type":"registry:component"},{"description":"Euro icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-euro","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Euro icon","type":"registry:component"},{"description":"Ev charger icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ev-charger","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ev charger icon","type":"registry:component"},{"description":"Expand icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-expand","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Expand icon","type":"registry:component"},{"description":"External link icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-external-link","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"External link icon","type":"registry:component"},{"description":"Eye icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-eye","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Eye icon","type":"registry:component"},{"description":"Eye closed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-eye-closed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Eye closed icon","type":"registry:component"},{"description":"Eye off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-eye-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Eye off icon","type":"registry:component"},{"description":"Facebook icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-facebook","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Facebook icon","type":"registry:component"},{"description":"Factory icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-factory","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Factory icon","type":"registry:component"},{"description":"Fan icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fan","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fan icon","type":"registry:component"},{"description":"Fast forward icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fast-forward","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fast forward icon","type":"registry:component"},{"description":"Feather icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-feather","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Feather icon","type":"registry:component"},{"description":"Fence icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fence","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fence icon","type":"registry:component"},{"description":"Ferris wheel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ferris-wheel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ferris wheel icon","type":"registry:component"},{"description":"Figma icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-figma","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Figma icon","type":"registry:component"},{"description":"File icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File icon","type":"registry:component"},{"description":"File archive icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-archive","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File archive icon","type":"registry:component"},{"description":"File axis 3d icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-axis-3d","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File axis 3d icon","type":"registry:component"},{"description":"File badge icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-badge","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File badge icon","type":"registry:component"},{"description":"File box icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-box","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File box icon","type":"registry:component"},{"description":"File braces icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-braces","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File braces icon","type":"registry:component"},{"description":"File braces corner icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-braces-corner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File braces corner icon","type":"registry:component"},{"description":"File chart column icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-chart-column","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File chart column icon","type":"registry:component"},{"description":"File chart column increasing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-chart-column-increasing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File chart column increasing icon","type":"registry:component"},{"description":"File chart line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-chart-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File chart line icon","type":"registry:component"},{"description":"File chart pie icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-chart-pie","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File chart pie icon","type":"registry:component"},{"description":"File check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File check icon","type":"registry:component"},{"description":"File check corner icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-check-corner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File check corner icon","type":"registry:component"},{"description":"File clock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-clock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File clock icon","type":"registry:component"},{"description":"File code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File code icon","type":"registry:component"},{"description":"File code corner icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-code-corner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File code corner icon","type":"registry:component"},{"description":"File cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File cog icon","type":"registry:component"},{"description":"File diff icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-diff","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File diff icon","type":"registry:component"},{"description":"File digit icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-digit","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File digit icon","type":"registry:component"},{"description":"File down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File down icon","type":"registry:component"},{"description":"File exclamation point icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-exclamation-point","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File exclamation point icon","type":"registry:component"},{"description":"File headphone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-headphone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File headphone icon","type":"registry:component"},{"description":"File heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File heart icon","type":"registry:component"},{"description":"File image icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-image","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File image icon","type":"registry:component"},{"description":"File input icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-input","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File input icon","type":"registry:component"},{"description":"File key icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-key","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File key icon","type":"registry:component"},{"description":"File lock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-lock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File lock icon","type":"registry:component"},{"description":"File minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File minus icon","type":"registry:component"},{"description":"File minus corner icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-minus-corner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File minus corner icon","type":"registry:component"},{"description":"File music icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-music","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File music icon","type":"registry:component"},{"description":"File output icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-output","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File output icon","type":"registry:component"},{"description":"File pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File pen icon","type":"registry:component"},{"description":"File pen line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-pen-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File pen line icon","type":"registry:component"},{"description":"File play icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-play","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File play icon","type":"registry:component"},{"description":"File plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File plus icon","type":"registry:component"},{"description":"File plus corner icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-plus-corner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File plus corner icon","type":"registry:component"},{"description":"File question mark icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-question-mark","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File question mark icon","type":"registry:component"},{"description":"File scan icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-scan","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File scan icon","type":"registry:component"},{"description":"File search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File search icon","type":"registry:component"},{"description":"File search corner icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-search-corner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File search corner icon","type":"registry:component"},{"description":"File signal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-signal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File signal icon","type":"registry:component"},{"description":"File sliders icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-sliders","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File sliders icon","type":"registry:component"},{"description":"File spreadsheet icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-spreadsheet","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File spreadsheet icon","type":"registry:component"},{"description":"File stack icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-stack","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File stack icon","type":"registry:component"},{"description":"File symlink icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-symlink","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File symlink icon","type":"registry:component"},{"description":"File terminal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-terminal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File terminal icon","type":"registry:component"},{"description":"File text icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File text icon","type":"registry:component"},{"description":"File type icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-type","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File type icon","type":"registry:component"},{"description":"File type corner icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-type-corner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File type corner icon","type":"registry:component"},{"description":"File up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File up icon","type":"registry:component"},{"description":"File user icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-user","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File user icon","type":"registry:component"},{"description":"File video camera icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-video-camera","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File video camera icon","type":"registry:component"},{"description":"File volume icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-volume","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File volume icon","type":"registry:component"},{"description":"File x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File x icon","type":"registry:component"},{"description":"File x corner icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-file-x-corner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"File x corner icon","type":"registry:component"},{"description":"Files icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-files","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Files icon","type":"registry:component"},{"description":"Film icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-film","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Film icon","type":"registry:component"},{"description":"Fingerprint pattern icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fingerprint-pattern","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fingerprint pattern icon","type":"registry:component"},{"description":"Fire extinguisher icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fire-extinguisher","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fire extinguisher icon","type":"registry:component"},{"description":"Fish icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fish","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fish icon","type":"registry:component"},{"description":"Fish off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fish-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fish off icon","type":"registry:component"},{"description":"Fish symbol icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fish-symbol","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fish symbol icon","type":"registry:component"},{"description":"Fishing hook icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fishing-hook","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fishing hook icon","type":"registry:component"},{"description":"Fishing rod icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fishing-rod","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fishing rod icon","type":"registry:component"},{"description":"Flag icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flag","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flag icon","type":"registry:component"},{"description":"Flag off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flag-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flag off icon","type":"registry:component"},{"description":"Flag triangle left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flag-triangle-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flag triangle left icon","type":"registry:component"},{"description":"Flag triangle right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flag-triangle-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flag triangle right icon","type":"registry:component"},{"description":"Flame icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flame","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flame icon","type":"registry:component"},{"description":"Flame kindling icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flame-kindling","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flame kindling icon","type":"registry:component"},{"description":"Flashlight icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flashlight","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flashlight icon","type":"registry:component"},{"description":"Flashlight off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flashlight-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flashlight off icon","type":"registry:component"},{"description":"Flask conical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flask-conical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flask conical icon","type":"registry:component"},{"description":"Flask conical off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flask-conical-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flask conical off icon","type":"registry:component"},{"description":"Flask round icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flask-round","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flask round icon","type":"registry:component"},{"description":"Flip horizontal 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flip-horizontal-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flip horizontal 2 icon","type":"registry:component"},{"description":"Flip vertical 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flip-vertical-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flip vertical 2 icon","type":"registry:component"},{"description":"Flower icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flower","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flower icon","type":"registry:component"},{"description":"Flower 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-flower-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Flower 2 icon","type":"registry:component"},{"description":"Focus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-focus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Focus icon","type":"registry:component"},{"description":"Fold horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fold-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fold horizontal icon","type":"registry:component"},{"description":"Fold vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fold-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fold vertical icon","type":"registry:component"},{"description":"Folder icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder icon","type":"registry:component"},{"description":"Folder archive icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-archive","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder archive icon","type":"registry:component"},{"description":"Folder check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder check icon","type":"registry:component"},{"description":"Folder clock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-clock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder clock icon","type":"registry:component"},{"description":"Folder closed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-closed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder closed icon","type":"registry:component"},{"description":"Folder code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder code icon","type":"registry:component"},{"description":"Folder cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder cog icon","type":"registry:component"},{"description":"Folder dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder dot icon","type":"registry:component"},{"description":"Folder down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder down icon","type":"registry:component"},{"description":"Folder git icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-git","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder git icon","type":"registry:component"},{"description":"Folder git 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-git-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder git 2 icon","type":"registry:component"},{"description":"Folder heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder heart icon","type":"registry:component"},{"description":"Folder input icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-input","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder input icon","type":"registry:component"},{"description":"Folder kanban icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-kanban","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder kanban icon","type":"registry:component"},{"description":"Folder key icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-key","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder key icon","type":"registry:component"},{"description":"Folder lock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-lock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder lock icon","type":"registry:component"},{"description":"Folder minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder minus icon","type":"registry:component"},{"description":"Folder open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder open icon","type":"registry:component"},{"description":"Folder open dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-open-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder open dot icon","type":"registry:component"},{"description":"Folder output icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-output","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder output icon","type":"registry:component"},{"description":"Folder pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder pen icon","type":"registry:component"},{"description":"Folder plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder plus icon","type":"registry:component"},{"description":"Folder root icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-root","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder root icon","type":"registry:component"},{"description":"Folder search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder search icon","type":"registry:component"},{"description":"Folder search 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-search-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder search 2 icon","type":"registry:component"},{"description":"Folder symlink icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-symlink","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder symlink icon","type":"registry:component"},{"description":"Folder sync icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-sync","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder sync icon","type":"registry:component"},{"description":"Folder tree icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-tree","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder tree icon","type":"registry:component"},{"description":"Folder up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder up icon","type":"registry:component"},{"description":"Folder x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folder-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folder x icon","type":"registry:component"},{"description":"Folders icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-folders","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Folders icon","type":"registry:component"},{"description":"Footprints icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-footprints","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Footprints icon","type":"registry:component"},{"description":"Forklift icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-forklift","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Forklift icon","type":"registry:component"},{"description":"Form icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-form","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Form icon","type":"registry:component"},{"description":"Forward icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-forward","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Forward icon","type":"registry:component"},{"description":"Frame icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-frame","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Frame icon","type":"registry:component"},{"description":"Framer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-framer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Framer icon","type":"registry:component"},{"description":"Frown icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-frown","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Frown icon","type":"registry:component"},{"description":"Fuel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fuel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fuel icon","type":"registry:component"},{"description":"Fullscreen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-fullscreen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Fullscreen icon","type":"registry:component"},{"description":"Funnel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-funnel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Funnel icon","type":"registry:component"},{"description":"Funnel plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-funnel-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Funnel plus icon","type":"registry:component"},{"description":"Funnel x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-funnel-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Funnel x icon","type":"registry:component"},{"description":"Gallery horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gallery-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gallery horizontal icon","type":"registry:component"},{"description":"Gallery horizontal end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gallery-horizontal-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gallery horizontal end icon","type":"registry:component"},{"description":"Gallery thumbnails icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gallery-thumbnails","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gallery thumbnails icon","type":"registry:component"},{"description":"Gallery vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gallery-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gallery vertical icon","type":"registry:component"},{"description":"Gallery vertical end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gallery-vertical-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gallery vertical end icon","type":"registry:component"},{"description":"Gamepad icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gamepad","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gamepad icon","type":"registry:component"},{"description":"Gamepad 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gamepad-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gamepad 2 icon","type":"registry:component"},{"description":"Gamepad directional icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gamepad-directional","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gamepad directional icon","type":"registry:component"},{"description":"Gauge icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gauge","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gauge icon","type":"registry:component"},{"description":"Gavel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gavel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gavel icon","type":"registry:component"},{"description":"Gem icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gem","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gem icon","type":"registry:component"},{"description":"Georgian lari icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-georgian-lari","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Georgian lari icon","type":"registry:component"},{"description":"Ghost icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ghost","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ghost icon","type":"registry:component"},{"description":"Gift icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gift","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gift icon","type":"registry:component"},{"description":"Git branch icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-branch","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git branch icon","type":"registry:component"},{"description":"Git branch minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-branch-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git branch minus icon","type":"registry:component"},{"description":"Git branch plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-branch-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git branch plus icon","type":"registry:component"},{"description":"Git commit horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-commit-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git commit horizontal icon","type":"registry:component"},{"description":"Git commit vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-commit-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git commit vertical icon","type":"registry:component"},{"description":"Git compare icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-compare","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git compare icon","type":"registry:component"},{"description":"Git compare arrows icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-compare-arrows","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git compare arrows icon","type":"registry:component"},{"description":"Git fork icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-fork","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git fork icon","type":"registry:component"},{"description":"Git graph icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-graph","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git graph icon","type":"registry:component"},{"description":"Git merge icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-merge","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git merge icon","type":"registry:component"},{"description":"Git merge conflict icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-merge-conflict","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git merge conflict icon","type":"registry:component"},{"description":"Git pull request icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-pull-request","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git pull request icon","type":"registry:component"},{"description":"Git pull request arrow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-pull-request-arrow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git pull request arrow icon","type":"registry:component"},{"description":"Git pull request closed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-pull-request-closed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git pull request closed icon","type":"registry:component"},{"description":"Git pull request create icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-pull-request-create","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git pull request create icon","type":"registry:component"},{"description":"Git pull request create arrow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-pull-request-create-arrow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git pull request create arrow icon","type":"registry:component"},{"description":"Git pull request draft icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-git-pull-request-draft","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Git pull request draft icon","type":"registry:component"},{"description":"Github icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-github","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Github icon","type":"registry:component"},{"description":"Gitlab icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gitlab","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gitlab icon","type":"registry:component"},{"description":"Glass water icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-glass-water","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Glass water icon","type":"registry:component"},{"description":"Glasses icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-glasses","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Glasses icon","type":"registry:component"},{"description":"Globe icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-globe","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Globe icon","type":"registry:component"},{"description":"Globe lock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-globe-lock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Globe lock icon","type":"registry:component"},{"description":"Globe off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-globe-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Globe off icon","type":"registry:component"},{"description":"Globe x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-globe-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Globe x icon","type":"registry:component"},{"description":"Goal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-goal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Goal icon","type":"registry:component"},{"description":"Gpu icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-gpu","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Gpu icon","type":"registry:component"},{"description":"Graduation cap icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-graduation-cap","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Graduation cap icon","type":"registry:component"},{"description":"Grape icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grape","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grape icon","type":"registry:component"},{"description":"Grid 2x2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grid-2x2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grid 2x2 icon","type":"registry:component"},{"description":"Grid 2x2 check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grid-2x2-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grid 2x2 check icon","type":"registry:component"},{"description":"Grid 2x2 plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grid-2x2-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grid 2x2 plus icon","type":"registry:component"},{"description":"Grid 2x2 x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grid-2x2-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grid 2x2 x icon","type":"registry:component"},{"description":"Grid 3x2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grid-3x2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grid 3x2 icon","type":"registry:component"},{"description":"Grid 3x3 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grid-3x3","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grid 3x3 icon","type":"registry:component"},{"description":"Grip icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grip","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grip icon","type":"registry:component"},{"description":"Grip horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grip-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grip horizontal icon","type":"registry:component"},{"description":"Grip vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-grip-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Grip vertical icon","type":"registry:component"},{"description":"Group icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-group","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Group icon","type":"registry:component"},{"description":"Guitar icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-guitar","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Guitar icon","type":"registry:component"},{"description":"Ham icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ham","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ham icon","type":"registry:component"},{"description":"Hamburger icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hamburger","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hamburger icon","type":"registry:component"},{"description":"Hammer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hammer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hammer icon","type":"registry:component"},{"description":"Hand icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hand","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hand icon","type":"registry:component"},{"description":"Hand coins icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hand-coins","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hand coins icon","type":"registry:component"},{"description":"Hand fist icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hand-fist","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hand fist icon","type":"registry:component"},{"description":"Hand grab icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hand-grab","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hand grab icon","type":"registry:component"},{"description":"Hand heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hand-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hand heart icon","type":"registry:component"},{"description":"Hand helping icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hand-helping","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hand helping icon","type":"registry:component"},{"description":"Hand metal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hand-metal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hand metal icon","type":"registry:component"},{"description":"Hand platter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hand-platter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hand platter icon","type":"registry:component"},{"description":"Handbag icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-handbag","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Handbag icon","type":"registry:component"},{"description":"Handshake icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-handshake","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Handshake icon","type":"registry:component"},{"description":"Hard drive icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hard-drive","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hard drive icon","type":"registry:component"},{"description":"Hard drive download icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hard-drive-download","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hard drive download icon","type":"registry:component"},{"description":"Hard drive upload icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hard-drive-upload","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hard drive upload icon","type":"registry:component"},{"description":"Hard hat icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hard-hat","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hard hat icon","type":"registry:component"},{"description":"Hash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hash icon","type":"registry:component"},{"description":"Hat glasses icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hat-glasses","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hat glasses icon","type":"registry:component"},{"description":"Haze icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-haze","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Haze icon","type":"registry:component"},{"description":"Hd icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hd","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hd icon","type":"registry:component"},{"description":"Hdmi port icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hdmi-port","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hdmi port icon","type":"registry:component"},{"description":"Heading icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heading","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heading icon","type":"registry:component"},{"description":"Heading 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heading-1","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heading 1 icon","type":"registry:component"},{"description":"Heading 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heading-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heading 2 icon","type":"registry:component"},{"description":"Heading 3 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heading-3","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heading 3 icon","type":"registry:component"},{"description":"Heading 4 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heading-4","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heading 4 icon","type":"registry:component"},{"description":"Heading 5 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heading-5","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heading 5 icon","type":"registry:component"},{"description":"Heading 6 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heading-6","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heading 6 icon","type":"registry:component"},{"description":"Headphone off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-headphone-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Headphone off icon","type":"registry:component"},{"description":"Headphones icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-headphones","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Headphones icon","type":"registry:component"},{"description":"Headset icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-headset","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Headset icon","type":"registry:component"},{"description":"Heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heart icon","type":"registry:component"},{"description":"Heart crack icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heart-crack","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heart crack icon","type":"registry:component"},{"description":"Heart handshake icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heart-handshake","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heart handshake icon","type":"registry:component"},{"description":"Heart minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heart-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heart minus icon","type":"registry:component"},{"description":"Heart off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heart-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heart off icon","type":"registry:component"},{"description":"Heart plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heart-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heart plus icon","type":"registry:component"},{"description":"Heart pulse icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heart-pulse","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heart pulse icon","type":"registry:component"},{"description":"Heater icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-heater","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Heater icon","type":"registry:component"},{"description":"Helicopter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-helicopter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Helicopter icon","type":"registry:component"},{"description":"Hexagon icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hexagon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hexagon icon","type":"registry:component"},{"description":"Highlighter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-highlighter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Highlighter icon","type":"registry:component"},{"description":"History icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-history","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"History icon","type":"registry:component"},{"description":"Hop icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hop","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hop icon","type":"registry:component"},{"description":"Hop off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hop-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hop off icon","type":"registry:component"},{"description":"Hospital icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hospital","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hospital icon","type":"registry:component"},{"description":"Hotel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hotel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hotel icon","type":"registry:component"},{"description":"Hourglass icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-hourglass","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Hourglass icon","type":"registry:component"},{"description":"House icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-house","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"House icon","type":"registry:component"},{"description":"House heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-house-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"House heart icon","type":"registry:component"},{"description":"House plug icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-house-plug","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"House plug icon","type":"registry:component"},{"description":"House plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-house-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"House plus icon","type":"registry:component"},{"description":"House wifi icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-house-wifi","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"House wifi icon","type":"registry:component"},{"description":"Ice cream bowl icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ice-cream-bowl","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ice cream bowl icon","type":"registry:component"},{"description":"Ice cream cone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ice-cream-cone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ice cream cone icon","type":"registry:component"},{"description":"Id card icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-id-card","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Id card icon","type":"registry:component"},{"description":"Id card lanyard icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-id-card-lanyard","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Id card lanyard icon","type":"registry:component"},{"description":"Image icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-image","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Image icon","type":"registry:component"},{"description":"Image down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-image-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Image down icon","type":"registry:component"},{"description":"Image minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-image-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Image minus icon","type":"registry:component"},{"description":"Image off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-image-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Image off icon","type":"registry:component"},{"description":"Image play icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-image-play","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Image play icon","type":"registry:component"},{"description":"Image plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-image-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Image plus icon","type":"registry:component"},{"description":"Image up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-image-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Image up icon","type":"registry:component"},{"description":"Image upscale icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-image-upscale","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Image upscale icon","type":"registry:component"},{"description":"Images icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-images","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Images icon","type":"registry:component"},{"description":"Import icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-import","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Import icon","type":"registry:component"},{"description":"Inbox icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-inbox","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Inbox icon","type":"registry:component"},{"description":"Indian rupee icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-indian-rupee","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Indian rupee icon","type":"registry:component"},{"description":"Infinity icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-infinity","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Infinity icon","type":"registry:component"},{"description":"Info icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-info","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Info icon","type":"registry:component"},{"description":"Inspection panel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-inspection-panel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Inspection panel icon","type":"registry:component"},{"description":"Instagram icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-instagram","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Instagram icon","type":"registry:component"},{"description":"Italic icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-italic","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Italic icon","type":"registry:component"},{"description":"Iteration ccw icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-iteration-ccw","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Iteration ccw icon","type":"registry:component"},{"description":"Iteration cw icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-iteration-cw","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Iteration cw icon","type":"registry:component"},{"description":"Japanese yen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-japanese-yen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Japanese yen icon","type":"registry:component"},{"description":"Joystick icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-joystick","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Joystick icon","type":"registry:component"},{"description":"Kanban icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-kanban","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Kanban icon","type":"registry:component"},{"description":"Kayak icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-kayak","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Kayak icon","type":"registry:component"},{"description":"Key icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-key","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Key icon","type":"registry:component"},{"description":"Key round icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-key-round","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Key round icon","type":"registry:component"},{"description":"Key square icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-key-square","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Key square icon","type":"registry:component"},{"description":"Keyboard icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-keyboard","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Keyboard icon","type":"registry:component"},{"description":"Keyboard music icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-keyboard-music","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Keyboard music icon","type":"registry:component"},{"description":"Keyboard off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-keyboard-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Keyboard off icon","type":"registry:component"},{"description":"Lamp icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lamp","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lamp icon","type":"registry:component"},{"description":"Lamp ceiling icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lamp-ceiling","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lamp ceiling icon","type":"registry:component"},{"description":"Lamp desk icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lamp-desk","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lamp desk icon","type":"registry:component"},{"description":"Lamp floor icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lamp-floor","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lamp floor icon","type":"registry:component"},{"description":"Lamp wall down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lamp-wall-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lamp wall down icon","type":"registry:component"},{"description":"Lamp wall up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lamp-wall-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lamp wall up icon","type":"registry:component"},{"description":"Land plot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-land-plot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Land plot icon","type":"registry:component"},{"description":"Landmark icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-landmark","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Landmark icon","type":"registry:component"},{"description":"Languages icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-languages","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Languages icon","type":"registry:component"},{"description":"Laptop icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-laptop","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Laptop icon","type":"registry:component"},{"description":"Laptop minimal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-laptop-minimal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Laptop minimal icon","type":"registry:component"},{"description":"Laptop minimal check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-laptop-minimal-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Laptop minimal check icon","type":"registry:component"},{"description":"Lasso icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lasso","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lasso icon","type":"registry:component"},{"description":"Lasso select icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lasso-select","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lasso select icon","type":"registry:component"},{"description":"Laugh icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-laugh","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Laugh icon","type":"registry:component"},{"description":"Layers icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-layers","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Layers icon","type":"registry:component"},{"description":"Layers 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-layers-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Layers 2 icon","type":"registry:component"},{"description":"Layers plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-layers-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Layers plus icon","type":"registry:component"},{"description":"Layout dashboard icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-layout-dashboard","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Layout dashboard icon","type":"registry:component"},{"description":"Layout grid icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-layout-grid","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Layout grid icon","type":"registry:component"},{"description":"Layout list icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-layout-list","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Layout list icon","type":"registry:component"},{"description":"Layout panel left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-layout-panel-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Layout panel left icon","type":"registry:component"},{"description":"Layout panel top icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-layout-panel-top","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Layout panel top icon","type":"registry:component"},{"description":"Layout template icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-layout-template","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Layout template icon","type":"registry:component"},{"description":"Leaf icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-leaf","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Leaf icon","type":"registry:component"},{"description":"Leafy green icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-leafy-green","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Leafy green icon","type":"registry:component"},{"description":"Lectern icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lectern","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lectern icon","type":"registry:component"},{"description":"Lens concave icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lens-concave","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lens concave icon","type":"registry:component"},{"description":"Lens convex icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lens-convex","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lens convex icon","type":"registry:component"},{"description":"Library icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-library","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Library icon","type":"registry:component"},{"description":"Library big icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-library-big","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Library big icon","type":"registry:component"},{"description":"Life buoy icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-life-buoy","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Life buoy icon","type":"registry:component"},{"description":"Ligature icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ligature","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ligature icon","type":"registry:component"},{"description":"Lightbulb icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lightbulb","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lightbulb icon","type":"registry:component"},{"description":"Lightbulb off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lightbulb-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lightbulb off icon","type":"registry:component"},{"description":"Line dot right horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-line-dot-right-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Line dot right horizontal icon","type":"registry:component"},{"description":"Line squiggle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-line-squiggle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Line squiggle icon","type":"registry:component"},{"description":"Link icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-link","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Link icon","type":"registry:component"},{"description":"Link 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-link-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Link 2 icon","type":"registry:component"},{"description":"Link 2 off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-link-2-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Link 2 off icon","type":"registry:component"},{"description":"Linkedin icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-linkedin","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Linkedin icon","type":"registry:component"},{"description":"List icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List icon","type":"registry:component"},{"description":"List check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List check icon","type":"registry:component"},{"description":"List checks icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-checks","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List checks icon","type":"registry:component"},{"description":"List chevrons down up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-chevrons-down-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List chevrons down up icon","type":"registry:component"},{"description":"List chevrons up down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-chevrons-up-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List chevrons up down icon","type":"registry:component"},{"description":"List collapse icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-collapse","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List collapse icon","type":"registry:component"},{"description":"List end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List end icon","type":"registry:component"},{"description":"List filter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-filter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List filter icon","type":"registry:component"},{"description":"List filter plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-filter-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List filter plus icon","type":"registry:component"},{"description":"List indent decrease icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-indent-decrease","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List indent decrease icon","type":"registry:component"},{"description":"List indent increase icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-indent-increase","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List indent increase icon","type":"registry:component"},{"description":"List minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List minus icon","type":"registry:component"},{"description":"List music icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-music","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List music icon","type":"registry:component"},{"description":"List ordered icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-ordered","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List ordered icon","type":"registry:component"},{"description":"List plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List plus icon","type":"registry:component"},{"description":"List restart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-restart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List restart icon","type":"registry:component"},{"description":"List start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-start","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List start icon","type":"registry:component"},{"description":"List todo icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-todo","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List todo icon","type":"registry:component"},{"description":"List tree icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-tree","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List tree icon","type":"registry:component"},{"description":"List video icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-video","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List video icon","type":"registry:component"},{"description":"List x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-list-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"List x icon","type":"registry:component"},{"description":"Loader icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-loader","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Loader icon","type":"registry:component"},{"description":"Loader circle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-loader-circle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Loader circle icon","type":"registry:component"},{"description":"Loader pinwheel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-loader-pinwheel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Loader pinwheel icon","type":"registry:component"},{"description":"Locate icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-locate","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Locate icon","type":"registry:component"},{"description":"Locate fixed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-locate-fixed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Locate fixed icon","type":"registry:component"},{"description":"Locate off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-locate-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Locate off icon","type":"registry:component"},{"description":"Lock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lock icon","type":"registry:component"},{"description":"Lock keyhole icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lock-keyhole","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lock keyhole icon","type":"registry:component"},{"description":"Lock keyhole open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lock-keyhole-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lock keyhole open icon","type":"registry:component"},{"description":"Lock open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lock-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lock open icon","type":"registry:component"},{"description":"Log in icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-log-in","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Log in icon","type":"registry:component"},{"description":"Log out icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-log-out","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Log out icon","type":"registry:component"},{"description":"Logs icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-logs","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Logs icon","type":"registry:component"},{"description":"Lollipop icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-lollipop","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Lollipop icon","type":"registry:component"},{"description":"Luggage icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-luggage","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Luggage icon","type":"registry:component"},{"description":"Magnet icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-magnet","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Magnet icon","type":"registry:component"},{"description":"Mail icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mail","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mail icon","type":"registry:component"},{"description":"Mail check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mail-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mail check icon","type":"registry:component"},{"description":"Mail minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mail-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mail minus icon","type":"registry:component"},{"description":"Mail open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mail-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mail open icon","type":"registry:component"},{"description":"Mail plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mail-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mail plus icon","type":"registry:component"},{"description":"Mail question mark icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mail-question-mark","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mail question mark icon","type":"registry:component"},{"description":"Mail search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mail-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mail search icon","type":"registry:component"},{"description":"Mail warning icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mail-warning","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mail warning icon","type":"registry:component"},{"description":"Mail x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mail-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mail x icon","type":"registry:component"},{"description":"Mailbox icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mailbox","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mailbox icon","type":"registry:component"},{"description":"Mails icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mails","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mails icon","type":"registry:component"},{"description":"Map icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map icon","type":"registry:component"},{"description":"Map minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map minus icon","type":"registry:component"},{"description":"Map pin icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin icon","type":"registry:component"},{"description":"Map pin check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin check icon","type":"registry:component"},{"description":"Map pin check inside icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-check-inside","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin check inside icon","type":"registry:component"},{"description":"Map pin house icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-house","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin house icon","type":"registry:component"},{"description":"Map pin minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin minus icon","type":"registry:component"},{"description":"Map pin minus inside icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-minus-inside","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin minus inside icon","type":"registry:component"},{"description":"Map pin off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin off icon","type":"registry:component"},{"description":"Map pin pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin pen icon","type":"registry:component"},{"description":"Map pin plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin plus icon","type":"registry:component"},{"description":"Map pin plus inside icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-plus-inside","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin plus inside icon","type":"registry:component"},{"description":"Map pin x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin x icon","type":"registry:component"},{"description":"Map pin x inside icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pin-x-inside","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pin x inside icon","type":"registry:component"},{"description":"Map pinned icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-pinned","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map pinned icon","type":"registry:component"},{"description":"Map plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-map-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Map plus icon","type":"registry:component"},{"description":"Mars icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mars","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mars icon","type":"registry:component"},{"description":"Mars stroke icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mars-stroke","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mars stroke icon","type":"registry:component"},{"description":"Martini icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-martini","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Martini icon","type":"registry:component"},{"description":"Maximize icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-maximize","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Maximize icon","type":"registry:component"},{"description":"Maximize 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-maximize-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Maximize 2 icon","type":"registry:component"},{"description":"Medal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-medal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Medal icon","type":"registry:component"},{"description":"Megaphone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-megaphone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Megaphone icon","type":"registry:component"},{"description":"Megaphone off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-megaphone-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Megaphone off icon","type":"registry:component"},{"description":"Meh icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-meh","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Meh icon","type":"registry:component"},{"description":"Memory stick icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-memory-stick","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Memory stick icon","type":"registry:component"},{"description":"Menu icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-menu","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Menu icon","type":"registry:component"},{"description":"Merge icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-merge","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Merge icon","type":"registry:component"},{"description":"Message circle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle icon","type":"registry:component"},{"description":"Message circle check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle check icon","type":"registry:component"},{"description":"Message circle code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle code icon","type":"registry:component"},{"description":"Message circle dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle dashed icon","type":"registry:component"},{"description":"Message circle heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle heart icon","type":"registry:component"},{"description":"Message circle more icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-more","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle more icon","type":"registry:component"},{"description":"Message circle off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle off icon","type":"registry:component"},{"description":"Message circle plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle plus icon","type":"registry:component"},{"description":"Message circle question mark icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-question-mark","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle question mark icon","type":"registry:component"},{"description":"Message circle reply icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-reply","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle reply icon","type":"registry:component"},{"description":"Message circle warning icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-warning","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle warning icon","type":"registry:component"},{"description":"Message circle x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-circle-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message circle x icon","type":"registry:component"},{"description":"Message square icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square icon","type":"registry:component"},{"description":"Message square check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square check icon","type":"registry:component"},{"description":"Message square code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square code icon","type":"registry:component"},{"description":"Message square dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square dashed icon","type":"registry:component"},{"description":"Message square diff icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-diff","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square diff icon","type":"registry:component"},{"description":"Message square dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square dot icon","type":"registry:component"},{"description":"Message square heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square heart icon","type":"registry:component"},{"description":"Message square lock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-lock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square lock icon","type":"registry:component"},{"description":"Message square more icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-more","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square more icon","type":"registry:component"},{"description":"Message square off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square off icon","type":"registry:component"},{"description":"Message square plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square plus icon","type":"registry:component"},{"description":"Message square quote icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-quote","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square quote icon","type":"registry:component"},{"description":"Message square reply icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-reply","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square reply icon","type":"registry:component"},{"description":"Message square share icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-share","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square share icon","type":"registry:component"},{"description":"Message square text icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square text icon","type":"registry:component"},{"description":"Message square warning icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-warning","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square warning icon","type":"registry:component"},{"description":"Message square x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-message-square-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Message square x icon","type":"registry:component"},{"description":"Messages square icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-messages-square","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Messages square icon","type":"registry:component"},{"description":"Metronome icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-metronome","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Metronome icon","type":"registry:component"},{"description":"Mic icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mic","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mic icon","type":"registry:component"},{"description":"Mic off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mic-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mic off icon","type":"registry:component"},{"description":"Mic vocal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mic-vocal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mic vocal icon","type":"registry:component"},{"description":"Microchip icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-microchip","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Microchip icon","type":"registry:component"},{"description":"Microscope icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-microscope","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Microscope icon","type":"registry:component"},{"description":"Microwave icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-microwave","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Microwave icon","type":"registry:component"},{"description":"Milestone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-milestone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Milestone icon","type":"registry:component"},{"description":"Milk icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-milk","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Milk icon","type":"registry:component"},{"description":"Milk off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-milk-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Milk off icon","type":"registry:component"},{"description":"Minimize icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-minimize","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Minimize icon","type":"registry:component"},{"description":"Minimize 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-minimize-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Minimize 2 icon","type":"registry:component"},{"description":"Minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Minus icon","type":"registry:component"},{"description":"Mirror rectangular icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mirror-rectangular","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mirror rectangular icon","type":"registry:component"},{"description":"Mirror round icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mirror-round","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mirror round icon","type":"registry:component"},{"description":"Monitor icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor icon","type":"registry:component"},{"description":"Monitor check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor check icon","type":"registry:component"},{"description":"Monitor cloud icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-cloud","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor cloud icon","type":"registry:component"},{"description":"Monitor cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor cog icon","type":"registry:component"},{"description":"Monitor dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor dot icon","type":"registry:component"},{"description":"Monitor down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor down icon","type":"registry:component"},{"description":"Monitor off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor off icon","type":"registry:component"},{"description":"Monitor pause icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-pause","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor pause icon","type":"registry:component"},{"description":"Monitor play icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-play","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor play icon","type":"registry:component"},{"description":"Monitor smartphone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-smartphone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor smartphone icon","type":"registry:component"},{"description":"Monitor speaker icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-speaker","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor speaker icon","type":"registry:component"},{"description":"Monitor stop icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-stop","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor stop icon","type":"registry:component"},{"description":"Monitor up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor up icon","type":"registry:component"},{"description":"Monitor x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-monitor-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Monitor x icon","type":"registry:component"},{"description":"Moon icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-moon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Moon icon","type":"registry:component"},{"description":"Moon star icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-moon-star","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Moon star icon","type":"registry:component"},{"description":"Motorbike icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-motorbike","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Motorbike icon","type":"registry:component"},{"description":"Mountain icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mountain","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mountain icon","type":"registry:component"},{"description":"Mountain snow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mountain-snow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mountain snow icon","type":"registry:component"},{"description":"Mouse icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mouse","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mouse icon","type":"registry:component"},{"description":"Mouse left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mouse-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mouse left icon","type":"registry:component"},{"description":"Mouse off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mouse-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mouse off icon","type":"registry:component"},{"description":"Mouse pointer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mouse-pointer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mouse pointer icon","type":"registry:component"},{"description":"Mouse pointer 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mouse-pointer-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mouse pointer 2 icon","type":"registry:component"},{"description":"Mouse pointer 2 off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mouse-pointer-2-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mouse pointer 2 off icon","type":"registry:component"},{"description":"Mouse pointer ban icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mouse-pointer-ban","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mouse pointer ban icon","type":"registry:component"},{"description":"Mouse pointer click icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mouse-pointer-click","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mouse pointer click icon","type":"registry:component"},{"description":"Mouse right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-mouse-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Mouse right icon","type":"registry:component"},{"description":"Move icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move icon","type":"registry:component"},{"description":"Move 3d icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-3d","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move 3d icon","type":"registry:component"},{"description":"Move diagonal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-diagonal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move diagonal icon","type":"registry:component"},{"description":"Move diagonal 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-diagonal-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move diagonal 2 icon","type":"registry:component"},{"description":"Move down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move down icon","type":"registry:component"},{"description":"Move down left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-down-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move down left icon","type":"registry:component"},{"description":"Move down right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-down-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move down right icon","type":"registry:component"},{"description":"Move horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move horizontal icon","type":"registry:component"},{"description":"Move left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move left icon","type":"registry:component"},{"description":"Move right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move right icon","type":"registry:component"},{"description":"Move up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move up icon","type":"registry:component"},{"description":"Move up left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-up-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move up left icon","type":"registry:component"},{"description":"Move up right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-up-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move up right icon","type":"registry:component"},{"description":"Move vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-move-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Move vertical icon","type":"registry:component"},{"description":"Music icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-music","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Music icon","type":"registry:component"},{"description":"Music 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-music-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Music 2 icon","type":"registry:component"},{"description":"Music 3 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-music-3","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Music 3 icon","type":"registry:component"},{"description":"Music 4 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-music-4","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Music 4 icon","type":"registry:component"},{"description":"Navigation icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-navigation","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Navigation icon","type":"registry:component"},{"description":"Navigation 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-navigation-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Navigation 2 icon","type":"registry:component"},{"description":"Navigation 2 off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-navigation-2-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Navigation 2 off icon","type":"registry:component"},{"description":"Navigation off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-navigation-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Navigation off icon","type":"registry:component"},{"description":"Network icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-network","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Network icon","type":"registry:component"},{"description":"Newspaper icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-newspaper","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Newspaper icon","type":"registry:component"},{"description":"Nfc icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-nfc","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Nfc icon","type":"registry:component"},{"description":"Non binary icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-non-binary","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Non binary icon","type":"registry:component"},{"description":"Notebook icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-notebook","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Notebook icon","type":"registry:component"},{"description":"Notebook pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-notebook-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Notebook pen icon","type":"registry:component"},{"description":"Notebook tabs icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-notebook-tabs","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Notebook tabs icon","type":"registry:component"},{"description":"Notebook text icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-notebook-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Notebook text icon","type":"registry:component"},{"description":"Notepad text icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-notepad-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Notepad text icon","type":"registry:component"},{"description":"Notepad text dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-notepad-text-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Notepad text dashed icon","type":"registry:component"},{"description":"Nut icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-nut","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Nut icon","type":"registry:component"},{"description":"Nut off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-nut-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Nut off icon","type":"registry:component"},{"description":"Octagon icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-octagon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Octagon icon","type":"registry:component"},{"description":"Octagon alert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-octagon-alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Octagon alert icon","type":"registry:component"},{"description":"Octagon minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-octagon-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Octagon minus icon","type":"registry:component"},{"description":"Octagon pause icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-octagon-pause","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Octagon pause icon","type":"registry:component"},{"description":"Octagon x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-octagon-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Octagon x icon","type":"registry:component"},{"description":"Omega icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-omega","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Omega icon","type":"registry:component"},{"description":"Option icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-option","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Option icon","type":"registry:component"},{"description":"Orbit icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-orbit","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Orbit icon","type":"registry:component"},{"description":"Origami icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-origami","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Origami icon","type":"registry:component"},{"description":"Package icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-package","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Package icon","type":"registry:component"},{"description":"Package 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-package-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Package 2 icon","type":"registry:component"},{"description":"Package check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-package-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Package check icon","type":"registry:component"},{"description":"Package minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-package-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Package minus icon","type":"registry:component"},{"description":"Package open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-package-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Package open icon","type":"registry:component"},{"description":"Package plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-package-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Package plus icon","type":"registry:component"},{"description":"Package search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-package-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Package search icon","type":"registry:component"},{"description":"Package x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-package-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Package x icon","type":"registry:component"},{"description":"Paint bucket icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-paint-bucket","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Paint bucket icon","type":"registry:component"},{"description":"Paint roller icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-paint-roller","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Paint roller icon","type":"registry:component"},{"description":"Paintbrush icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-paintbrush","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Paintbrush icon","type":"registry:component"},{"description":"Paintbrush vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-paintbrush-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Paintbrush vertical icon","type":"registry:component"},{"description":"Palette icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-palette","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Palette icon","type":"registry:component"},{"description":"Panda icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panda","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panda icon","type":"registry:component"},{"description":"Panel bottom icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-bottom","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel bottom icon","type":"registry:component"},{"description":"Panel bottom close icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-bottom-close","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel bottom close icon","type":"registry:component"},{"description":"Panel bottom dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-bottom-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel bottom dashed icon","type":"registry:component"},{"description":"Panel bottom open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-bottom-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel bottom open icon","type":"registry:component"},{"description":"Panel left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel left icon","type":"registry:component"},{"description":"Panel left close icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-left-close","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel left close icon","type":"registry:component"},{"description":"Panel left dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-left-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel left dashed icon","type":"registry:component"},{"description":"Panel left open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-left-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel left open icon","type":"registry:component"},{"description":"Panel left right dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-left-right-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel left right dashed icon","type":"registry:component"},{"description":"Panel right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel right icon","type":"registry:component"},{"description":"Panel right close icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-right-close","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel right close icon","type":"registry:component"},{"description":"Panel right dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-right-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel right dashed icon","type":"registry:component"},{"description":"Panel right open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-right-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel right open icon","type":"registry:component"},{"description":"Panel top icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-top","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel top icon","type":"registry:component"},{"description":"Panel top bottom dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-top-bottom-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel top bottom dashed icon","type":"registry:component"},{"description":"Panel top close icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-top-close","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel top close icon","type":"registry:component"},{"description":"Panel top dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-top-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel top dashed icon","type":"registry:component"},{"description":"Panel top open icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panel-top-open","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panel top open icon","type":"registry:component"},{"description":"Panels left bottom icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panels-left-bottom","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panels left bottom icon","type":"registry:component"},{"description":"Panels right bottom icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panels-right-bottom","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panels right bottom icon","type":"registry:component"},{"description":"Panels top left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-panels-top-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Panels top left icon","type":"registry:component"},{"description":"Paperclip icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-paperclip","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Paperclip icon","type":"registry:component"},{"description":"Parentheses icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-parentheses","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Parentheses icon","type":"registry:component"},{"description":"Parking meter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-parking-meter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Parking meter icon","type":"registry:component"},{"description":"Party popper icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-party-popper","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Party popper icon","type":"registry:component"},{"description":"Pause icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pause","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pause icon","type":"registry:component"},{"description":"Paw print icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-paw-print","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Paw print icon","type":"registry:component"},{"description":"Pc case icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pc-case","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pc case icon","type":"registry:component"},{"description":"Pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pen icon","type":"registry:component"},{"description":"Pen line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pen-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pen line icon","type":"registry:component"},{"description":"Pen off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pen-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pen off icon","type":"registry:component"},{"description":"Pen tool icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pen-tool","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pen tool icon","type":"registry:component"},{"description":"Pencil icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pencil","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pencil icon","type":"registry:component"},{"description":"Pencil line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pencil-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pencil line icon","type":"registry:component"},{"description":"Pencil off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pencil-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pencil off icon","type":"registry:component"},{"description":"Pencil ruler icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pencil-ruler","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pencil ruler icon","type":"registry:component"},{"description":"Pentagon icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pentagon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pentagon icon","type":"registry:component"},{"description":"Percent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-percent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Percent icon","type":"registry:component"},{"description":"Person standing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-person-standing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Person standing icon","type":"registry:component"},{"description":"Philippine peso icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-philippine-peso","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Philippine peso icon","type":"registry:component"},{"description":"Phone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-phone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Phone icon","type":"registry:component"},{"description":"Phone call icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-phone-call","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Phone call icon","type":"registry:component"},{"description":"Phone forwarded icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-phone-forwarded","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Phone forwarded icon","type":"registry:component"},{"description":"Phone incoming icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-phone-incoming","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Phone incoming icon","type":"registry:component"},{"description":"Phone missed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-phone-missed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Phone missed icon","type":"registry:component"},{"description":"Phone off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-phone-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Phone off icon","type":"registry:component"},{"description":"Phone outgoing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-phone-outgoing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Phone outgoing icon","type":"registry:component"},{"description":"Pi icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pi","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pi icon","type":"registry:component"},{"description":"Piano icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-piano","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Piano icon","type":"registry:component"},{"description":"Pickaxe icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pickaxe","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pickaxe icon","type":"registry:component"},{"description":"Picture in picture icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-picture-in-picture","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Picture in picture icon","type":"registry:component"},{"description":"Picture in picture 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-picture-in-picture-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Picture in picture 2 icon","type":"registry:component"},{"description":"Piggy bank icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-piggy-bank","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Piggy bank icon","type":"registry:component"},{"description":"Pilcrow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pilcrow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pilcrow icon","type":"registry:component"},{"description":"Pilcrow left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pilcrow-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pilcrow left icon","type":"registry:component"},{"description":"Pilcrow right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pilcrow-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pilcrow right icon","type":"registry:component"},{"description":"Pill icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pill","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pill icon","type":"registry:component"},{"description":"Pill bottle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pill-bottle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pill bottle icon","type":"registry:component"},{"description":"Pin icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pin","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pin icon","type":"registry:component"},{"description":"Pin off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pin-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pin off icon","type":"registry:component"},{"description":"Pipette icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pipette","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pipette icon","type":"registry:component"},{"description":"Pizza icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pizza","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pizza icon","type":"registry:component"},{"description":"Plane icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-plane","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Plane icon","type":"registry:component"},{"description":"Plane landing icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-plane-landing","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Plane landing icon","type":"registry:component"},{"description":"Plane takeoff icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-plane-takeoff","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Plane takeoff icon","type":"registry:component"},{"description":"Play icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-play","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Play icon","type":"registry:component"},{"description":"Plug icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-plug","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Plug icon","type":"registry:component"},{"description":"Plug 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-plug-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Plug 2 icon","type":"registry:component"},{"description":"Plug zap icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-plug-zap","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Plug zap icon","type":"registry:component"},{"description":"Plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Plus icon","type":"registry:component"},{"description":"Pocket icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pocket","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pocket icon","type":"registry:component"},{"description":"Pocket knife icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pocket-knife","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pocket knife icon","type":"registry:component"},{"description":"Podcast icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-podcast","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Podcast icon","type":"registry:component"},{"description":"Pointer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pointer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pointer icon","type":"registry:component"},{"description":"Pointer off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pointer-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pointer off icon","type":"registry:component"},{"description":"Popcorn icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-popcorn","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Popcorn icon","type":"registry:component"},{"description":"Popsicle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-popsicle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Popsicle icon","type":"registry:component"},{"description":"Pound sterling icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pound-sterling","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pound sterling icon","type":"registry:component"},{"description":"Power icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-power","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Power icon","type":"registry:component"},{"description":"Power off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-power-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Power off icon","type":"registry:component"},{"description":"Presentation icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-presentation","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Presentation icon","type":"registry:component"},{"description":"Printer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-printer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Printer icon","type":"registry:component"},{"description":"Printer check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-printer-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Printer check icon","type":"registry:component"},{"description":"Printer x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-printer-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Printer x icon","type":"registry:component"},{"description":"Projector icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-projector","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Projector icon","type":"registry:component"},{"description":"Proportions icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-proportions","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Proportions icon","type":"registry:component"},{"description":"Puzzle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-puzzle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Puzzle icon","type":"registry:component"},{"description":"Pyramid icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-pyramid","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Pyramid icon","type":"registry:component"},{"description":"Qr code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-qr-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Qr code icon","type":"registry:component"},{"description":"Quote icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-quote","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Quote icon","type":"registry:component"},{"description":"Rabbit icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rabbit","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rabbit icon","type":"registry:component"},{"description":"Radar icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-radar","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Radar icon","type":"registry:component"},{"description":"Radiation icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-radiation","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Radiation icon","type":"registry:component"},{"description":"Radical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-radical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Radical icon","type":"registry:component"},{"description":"Radio icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-radio","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Radio icon","type":"registry:component"},{"description":"Radio receiver icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-radio-receiver","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Radio receiver icon","type":"registry:component"},{"description":"Radio tower icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-radio-tower","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Radio tower icon","type":"registry:component"},{"description":"Radius icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-radius","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Radius icon","type":"registry:component"},{"description":"Rail symbol icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rail-symbol","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rail symbol icon","type":"registry:component"},{"description":"Rainbow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rainbow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rainbow icon","type":"registry:component"},{"description":"Rat icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rat","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rat icon","type":"registry:component"},{"description":"Ratio icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ratio","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ratio icon","type":"registry:component"},{"description":"Receipt icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt icon","type":"registry:component"},{"description":"Receipt cent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt-cent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt cent icon","type":"registry:component"},{"description":"Receipt euro icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt-euro","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt euro icon","type":"registry:component"},{"description":"Receipt indian rupee icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt-indian-rupee","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt indian rupee icon","type":"registry:component"},{"description":"Receipt japanese yen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt-japanese-yen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt japanese yen icon","type":"registry:component"},{"description":"Receipt pound sterling icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt-pound-sterling","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt pound sterling icon","type":"registry:component"},{"description":"Receipt russian ruble icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt-russian-ruble","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt russian ruble icon","type":"registry:component"},{"description":"Receipt swiss franc icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt-swiss-franc","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt swiss franc icon","type":"registry:component"},{"description":"Receipt text icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt text icon","type":"registry:component"},{"description":"Receipt turkish lira icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-receipt-turkish-lira","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Receipt turkish lira icon","type":"registry:component"},{"description":"Rectangle circle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rectangle-circle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rectangle circle icon","type":"registry:component"},{"description":"Rectangle ellipsis icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rectangle-ellipsis","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rectangle ellipsis icon","type":"registry:component"},{"description":"Rectangle goggles icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rectangle-goggles","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rectangle goggles icon","type":"registry:component"},{"description":"Rectangle horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rectangle-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rectangle horizontal icon","type":"registry:component"},{"description":"Rectangle vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rectangle-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rectangle vertical icon","type":"registry:component"},{"description":"Recycle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-recycle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Recycle icon","type":"registry:component"},{"description":"Redo icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-redo","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Redo icon","type":"registry:component"},{"description":"Redo 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-redo-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Redo 2 icon","type":"registry:component"},{"description":"Redo dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-redo-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Redo dot icon","type":"registry:component"},{"description":"Refresh ccw icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-refresh-ccw","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Refresh ccw icon","type":"registry:component"},{"description":"Refresh ccw dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-refresh-ccw-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Refresh ccw dot icon","type":"registry:component"},{"description":"Refresh cw icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-refresh-cw","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Refresh cw icon","type":"registry:component"},{"description":"Refresh cw off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-refresh-cw-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Refresh cw off icon","type":"registry:component"},{"description":"Refrigerator icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-refrigerator","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Refrigerator icon","type":"registry:component"},{"description":"Regex icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-regex","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Regex icon","type":"registry:component"},{"description":"Remove formatting icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-remove-formatting","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Remove formatting icon","type":"registry:component"},{"description":"Repeat icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-repeat","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Repeat icon","type":"registry:component"},{"description":"Repeat 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-repeat-1","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Repeat 1 icon","type":"registry:component"},{"description":"Repeat 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-repeat-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Repeat 2 icon","type":"registry:component"},{"description":"Replace icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-replace","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Replace icon","type":"registry:component"},{"description":"Replace all icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-replace-all","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Replace all icon","type":"registry:component"},{"description":"Reply icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-reply","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Reply icon","type":"registry:component"},{"description":"Reply all icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-reply-all","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Reply all icon","type":"registry:component"},{"description":"Rewind icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rewind","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rewind icon","type":"registry:component"},{"description":"Ribbon icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ribbon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ribbon icon","type":"registry:component"},{"description":"Rocket icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rocket","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rocket icon","type":"registry:component"},{"description":"Rocking chair icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rocking-chair","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rocking chair icon","type":"registry:component"},{"description":"Roller coaster icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-roller-coaster","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Roller coaster icon","type":"registry:component"},{"description":"Rose icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rose","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rose icon","type":"registry:component"},{"description":"Rotate 3d icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rotate-3d","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rotate 3d icon","type":"registry:component"},{"description":"Rotate ccw icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rotate-ccw","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rotate ccw icon","type":"registry:component"},{"description":"Rotate ccw key icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rotate-ccw-key","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rotate ccw key icon","type":"registry:component"},{"description":"Rotate ccw square icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rotate-ccw-square","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rotate ccw square icon","type":"registry:component"},{"description":"Rotate cw icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rotate-cw","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rotate cw icon","type":"registry:component"},{"description":"Rotate cw square icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rotate-cw-square","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rotate cw square icon","type":"registry:component"},{"description":"Route icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-route","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Route icon","type":"registry:component"},{"description":"Route off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-route-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Route off icon","type":"registry:component"},{"description":"Router icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-router","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Router icon","type":"registry:component"},{"description":"Rows 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rows-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rows 2 icon","type":"registry:component"},{"description":"Rows 3 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rows-3","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rows 3 icon","type":"registry:component"},{"description":"Rows 4 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rows-4","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rows 4 icon","type":"registry:component"},{"description":"Rss icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-rss","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Rss icon","type":"registry:component"},{"description":"Ruler icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ruler","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ruler icon","type":"registry:component"},{"description":"Ruler dimension line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ruler-dimension-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ruler dimension line icon","type":"registry:component"},{"description":"Russian ruble icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-russian-ruble","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Russian ruble icon","type":"registry:component"},{"description":"Sailboat icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sailboat","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sailboat icon","type":"registry:component"},{"description":"Salad icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-salad","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Salad icon","type":"registry:component"},{"description":"Sandwich icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sandwich","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sandwich icon","type":"registry:component"},{"description":"Satellite icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-satellite","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Satellite icon","type":"registry:component"},{"description":"Satellite dish icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-satellite-dish","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Satellite dish icon","type":"registry:component"},{"description":"Saudi riyal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-saudi-riyal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Saudi riyal icon","type":"registry:component"},{"description":"Save icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-save","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Save icon","type":"registry:component"},{"description":"Save all icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-save-all","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Save all icon","type":"registry:component"},{"description":"Save off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-save-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Save off icon","type":"registry:component"},{"description":"Scale icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scale","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scale icon","type":"registry:component"},{"description":"Scale 3d icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scale-3d","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scale 3d icon","type":"registry:component"},{"description":"Scaling icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scaling","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scaling icon","type":"registry:component"},{"description":"Scan icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scan","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scan icon","type":"registry:component"},{"description":"Scan barcode icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scan-barcode","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scan barcode icon","type":"registry:component"},{"description":"Scan eye icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scan-eye","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scan eye icon","type":"registry:component"},{"description":"Scan face icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scan-face","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scan face icon","type":"registry:component"},{"description":"Scan heart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scan-heart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scan heart icon","type":"registry:component"},{"description":"Scan line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scan-line","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scan line icon","type":"registry:component"},{"description":"Scan qr code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scan-qr-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scan qr code icon","type":"registry:component"},{"description":"Scan search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scan-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scan search icon","type":"registry:component"},{"description":"Scan text icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scan-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scan text icon","type":"registry:component"},{"description":"School icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-school","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"School icon","type":"registry:component"},{"description":"Scissors icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scissors","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scissors icon","type":"registry:component"},{"description":"Scissors line dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scissors-line-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scissors line dashed icon","type":"registry:component"},{"description":"Scooter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scooter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scooter icon","type":"registry:component"},{"description":"Screen share icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-screen-share","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Screen share icon","type":"registry:component"},{"description":"Screen share off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-screen-share-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Screen share off icon","type":"registry:component"},{"description":"Scroll icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scroll","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scroll icon","type":"registry:component"},{"description":"Scroll text icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-scroll-text","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Scroll text icon","type":"registry:component"},{"description":"Search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Search icon","type":"registry:component"},{"description":"Search alert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-search-alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Search alert icon","type":"registry:component"},{"description":"Search check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-search-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Search check icon","type":"registry:component"},{"description":"Search code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-search-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Search code icon","type":"registry:component"},{"description":"Search slash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-search-slash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Search slash icon","type":"registry:component"},{"description":"Search x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-search-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Search x icon","type":"registry:component"},{"description":"Section icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-section","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Section icon","type":"registry:component"},{"description":"Send icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-send","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Send icon","type":"registry:component"},{"description":"Send horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-send-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Send horizontal icon","type":"registry:component"},{"description":"Send to back icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-send-to-back","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Send to back icon","type":"registry:component"},{"description":"Separator horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-separator-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Separator horizontal icon","type":"registry:component"},{"description":"Separator vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-separator-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Separator vertical icon","type":"registry:component"},{"description":"Server icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-server","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Server icon","type":"registry:component"},{"description":"Server cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-server-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Server cog icon","type":"registry:component"},{"description":"Server crash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-server-crash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Server crash icon","type":"registry:component"},{"description":"Server off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-server-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Server off icon","type":"registry:component"},{"description":"Settings icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-settings","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Settings icon","type":"registry:component"},{"description":"Settings 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-settings-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Settings 2 icon","type":"registry:component"},{"description":"Shapes icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shapes","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shapes icon","type":"registry:component"},{"description":"Share icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-share","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Share icon","type":"registry:component"},{"description":"Share 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-share-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Share 2 icon","type":"registry:component"},{"description":"Sheet icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sheet","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sheet icon","type":"registry:component"},{"description":"Shell icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shell","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shell icon","type":"registry:component"},{"description":"Shelving unit icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shelving-unit","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shelving unit icon","type":"registry:component"},{"description":"Shield icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield icon","type":"registry:component"},{"description":"Shield alert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield alert icon","type":"registry:component"},{"description":"Shield ban icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-ban","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield ban icon","type":"registry:component"},{"description":"Shield check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield check icon","type":"registry:component"},{"description":"Shield ellipsis icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-ellipsis","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield ellipsis icon","type":"registry:component"},{"description":"Shield half icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-half","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield half icon","type":"registry:component"},{"description":"Shield minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield minus icon","type":"registry:component"},{"description":"Shield off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield off icon","type":"registry:component"},{"description":"Shield plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield plus icon","type":"registry:component"},{"description":"Shield question mark icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-question-mark","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield question mark icon","type":"registry:component"},{"description":"Shield user icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-user","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield user icon","type":"registry:component"},{"description":"Shield x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shield-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shield x icon","type":"registry:component"},{"description":"Ship icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ship","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ship icon","type":"registry:component"},{"description":"Ship wheel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ship-wheel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ship wheel icon","type":"registry:component"},{"description":"Shirt icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shirt","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shirt icon","type":"registry:component"},{"description":"Shopping bag icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shopping-bag","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shopping bag icon","type":"registry:component"},{"description":"Shopping basket icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shopping-basket","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shopping basket icon","type":"registry:component"},{"description":"Shopping cart icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shopping-cart","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shopping cart icon","type":"registry:component"},{"description":"Shovel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shovel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shovel icon","type":"registry:component"},{"description":"Shower head icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shower-head","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shower head icon","type":"registry:component"},{"description":"Shredder icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shredder","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shredder icon","type":"registry:component"},{"description":"Shrimp icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shrimp","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shrimp icon","type":"registry:component"},{"description":"Shrink icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shrink","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shrink icon","type":"registry:component"},{"description":"Shrub icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shrub","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shrub icon","type":"registry:component"},{"description":"Shuffle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-shuffle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Shuffle icon","type":"registry:component"},{"description":"Sigma icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sigma","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sigma icon","type":"registry:component"},{"description":"Signal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-signal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Signal icon","type":"registry:component"},{"description":"Signal high icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-signal-high","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Signal high icon","type":"registry:component"},{"description":"Signal low icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-signal-low","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Signal low icon","type":"registry:component"},{"description":"Signal medium icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-signal-medium","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Signal medium icon","type":"registry:component"},{"description":"Signal zero icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-signal-zero","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Signal zero icon","type":"registry:component"},{"description":"Signature icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-signature","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Signature icon","type":"registry:component"},{"description":"Signpost icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-signpost","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Signpost icon","type":"registry:component"},{"description":"Signpost big icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-signpost-big","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Signpost big icon","type":"registry:component"},{"description":"Siren icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-siren","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Siren icon","type":"registry:component"},{"description":"Skip back icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-skip-back","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Skip back icon","type":"registry:component"},{"description":"Skip forward icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-skip-forward","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Skip forward icon","type":"registry:component"},{"description":"Skull icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-skull","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Skull icon","type":"registry:component"},{"description":"Slack icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-slack","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Slack icon","type":"registry:component"},{"description":"Slash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-slash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Slash icon","type":"registry:component"},{"description":"Slice icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-slice","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Slice icon","type":"registry:component"},{"description":"Sliders horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sliders-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sliders horizontal icon","type":"registry:component"},{"description":"Sliders vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sliders-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sliders vertical icon","type":"registry:component"},{"description":"Smartphone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-smartphone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Smartphone icon","type":"registry:component"},{"description":"Smartphone charging icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-smartphone-charging","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Smartphone charging icon","type":"registry:component"},{"description":"Smartphone nfc icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-smartphone-nfc","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Smartphone nfc icon","type":"registry:component"},{"description":"Smile icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-smile","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Smile icon","type":"registry:component"},{"description":"Smile plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-smile-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Smile plus icon","type":"registry:component"},{"description":"Snail icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-snail","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Snail icon","type":"registry:component"},{"description":"Snowflake icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-snowflake","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Snowflake icon","type":"registry:component"},{"description":"Soap dispenser droplet icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-soap-dispenser-droplet","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Soap dispenser droplet icon","type":"registry:component"},{"description":"Sofa icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sofa","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sofa icon","type":"registry:component"},{"description":"Solar panel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-solar-panel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Solar panel icon","type":"registry:component"},{"description":"Soup icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-soup","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Soup icon","type":"registry:component"},{"description":"Space icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-space","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Space icon","type":"registry:component"},{"description":"Spade icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-spade","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Spade icon","type":"registry:component"},{"description":"Sparkle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sparkle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sparkle icon","type":"registry:component"},{"description":"Sparkles icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sparkles","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sparkles icon","type":"registry:component"},{"description":"Speaker icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-speaker","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Speaker icon","type":"registry:component"},{"description":"Speech icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-speech","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Speech icon","type":"registry:component"},{"description":"Spell check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-spell-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Spell check icon","type":"registry:component"},{"description":"Spell check 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-spell-check-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Spell check 2 icon","type":"registry:component"},{"description":"Spline icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-spline","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Spline icon","type":"registry:component"},{"description":"Spline pointer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-spline-pointer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Spline pointer icon","type":"registry:component"},{"description":"Split icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-split","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Split icon","type":"registry:component"},{"description":"Spool icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-spool","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Spool icon","type":"registry:component"},{"description":"Spotlight icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-spotlight","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Spotlight icon","type":"registry:component"},{"description":"Spray can icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-spray-can","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Spray can icon","type":"registry:component"},{"description":"Sprout icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sprout","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sprout icon","type":"registry:component"},{"description":"Square icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square icon","type":"registry:component"},{"description":"Square activity icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-activity","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square activity icon","type":"registry:component"},{"description":"Square arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow down icon","type":"registry:component"},{"description":"Square arrow down left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-down-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow down left icon","type":"registry:component"},{"description":"Square arrow down right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-down-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow down right icon","type":"registry:component"},{"description":"Square arrow left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow left icon","type":"registry:component"},{"description":"Square arrow out down left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-out-down-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow out down left icon","type":"registry:component"},{"description":"Square arrow out down right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-out-down-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow out down right icon","type":"registry:component"},{"description":"Square arrow out up left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-out-up-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow out up left icon","type":"registry:component"},{"description":"Square arrow out up right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-out-up-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow out up right icon","type":"registry:component"},{"description":"Square arrow right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow right icon","type":"registry:component"},{"description":"Square arrow right enter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-right-enter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow right enter icon","type":"registry:component"},{"description":"Square arrow right exit icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-right-exit","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow right exit icon","type":"registry:component"},{"description":"Square arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow up icon","type":"registry:component"},{"description":"Square arrow up left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-up-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow up left icon","type":"registry:component"},{"description":"Square arrow up right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-arrow-up-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square arrow up right icon","type":"registry:component"},{"description":"Square asterisk icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-asterisk","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square asterisk icon","type":"registry:component"},{"description":"Square bottom dashed scissors icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-bottom-dashed-scissors","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square bottom dashed scissors icon","type":"registry:component"},{"description":"Square centerline dashed horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-centerline-dashed-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square centerline dashed horizontal icon","type":"registry:component"},{"description":"Square centerline dashed vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-centerline-dashed-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square centerline dashed vertical icon","type":"registry:component"},{"description":"Square chart gantt icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-chart-gantt","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square chart gantt icon","type":"registry:component"},{"description":"Square check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square check icon","type":"registry:component"},{"description":"Square check big icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-check-big","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square check big icon","type":"registry:component"},{"description":"Square chevron down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-chevron-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square chevron down icon","type":"registry:component"},{"description":"Square chevron left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-chevron-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square chevron left icon","type":"registry:component"},{"description":"Square chevron right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-chevron-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square chevron right icon","type":"registry:component"},{"description":"Square chevron up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-chevron-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square chevron up icon","type":"registry:component"},{"description":"Square code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square code icon","type":"registry:component"},{"description":"Square dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square dashed icon","type":"registry:component"},{"description":"Square dashed bottom icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-dashed-bottom","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square dashed bottom icon","type":"registry:component"},{"description":"Square dashed bottom code icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-dashed-bottom-code","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square dashed bottom code icon","type":"registry:component"},{"description":"Square dashed kanban icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-dashed-kanban","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square dashed kanban icon","type":"registry:component"},{"description":"Square dashed mouse pointer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-dashed-mouse-pointer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square dashed mouse pointer icon","type":"registry:component"},{"description":"Square dashed top solid icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-dashed-top-solid","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square dashed top solid icon","type":"registry:component"},{"description":"Square divide icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-divide","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square divide icon","type":"registry:component"},{"description":"Square dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square dot icon","type":"registry:component"},{"description":"Square equal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-equal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square equal icon","type":"registry:component"},{"description":"Square function icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-function","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square function icon","type":"registry:component"},{"description":"Square kanban icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-kanban","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square kanban icon","type":"registry:component"},{"description":"Square library icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-library","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square library icon","type":"registry:component"},{"description":"Square m icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-m","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square m icon","type":"registry:component"},{"description":"Square menu icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-menu","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square menu icon","type":"registry:component"},{"description":"Square minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square minus icon","type":"registry:component"},{"description":"Square mouse pointer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-mouse-pointer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square mouse pointer icon","type":"registry:component"},{"description":"Square parking icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-parking","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square parking icon","type":"registry:component"},{"description":"Square parking off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-parking-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square parking off icon","type":"registry:component"},{"description":"Square pause icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-pause","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square pause icon","type":"registry:component"},{"description":"Square pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square pen icon","type":"registry:component"},{"description":"Square percent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-percent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square percent icon","type":"registry:component"},{"description":"Square pi icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-pi","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square pi icon","type":"registry:component"},{"description":"Square pilcrow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-pilcrow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square pilcrow icon","type":"registry:component"},{"description":"Square play icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-play","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square play icon","type":"registry:component"},{"description":"Square plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square plus icon","type":"registry:component"},{"description":"Square power icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-power","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square power icon","type":"registry:component"},{"description":"Square radical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-radical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square radical icon","type":"registry:component"},{"description":"Square round corner icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-round-corner","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square round corner icon","type":"registry:component"},{"description":"Square scissors icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-scissors","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square scissors icon","type":"registry:component"},{"description":"Square sigma icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-sigma","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square sigma icon","type":"registry:component"},{"description":"Square slash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-slash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square slash icon","type":"registry:component"},{"description":"Square split horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-split-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square split horizontal icon","type":"registry:component"},{"description":"Square split vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-split-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square split vertical icon","type":"registry:component"},{"description":"Square square icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-square","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square square icon","type":"registry:component"},{"description":"Square stack icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-stack","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square stack icon","type":"registry:component"},{"description":"Square star icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-star","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square star icon","type":"registry:component"},{"description":"Square stop icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-stop","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square stop icon","type":"registry:component"},{"description":"Square terminal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-terminal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square terminal icon","type":"registry:component"},{"description":"Square user icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-user","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square user icon","type":"registry:component"},{"description":"Square user round icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-user-round","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square user round icon","type":"registry:component"},{"description":"Square x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-square-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Square x icon","type":"registry:component"},{"description":"Squares exclude icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-squares-exclude","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Squares exclude icon","type":"registry:component"},{"description":"Squares intersect icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-squares-intersect","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Squares intersect icon","type":"registry:component"},{"description":"Squares subtract icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-squares-subtract","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Squares subtract icon","type":"registry:component"},{"description":"Squares unite icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-squares-unite","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Squares unite icon","type":"registry:component"},{"description":"Squircle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-squircle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Squircle icon","type":"registry:component"},{"description":"Squircle dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-squircle-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Squircle dashed icon","type":"registry:component"},{"description":"Squirrel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-squirrel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Squirrel icon","type":"registry:component"},{"description":"Stamp icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-stamp","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Stamp icon","type":"registry:component"},{"description":"Star icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-star","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Star icon","type":"registry:component"},{"description":"Star half icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-star-half","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Star half icon","type":"registry:component"},{"description":"Star off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-star-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Star off icon","type":"registry:component"},{"description":"Step back icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-step-back","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Step back icon","type":"registry:component"},{"description":"Step forward icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-step-forward","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Step forward icon","type":"registry:component"},{"description":"Stethoscope icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-stethoscope","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Stethoscope icon","type":"registry:component"},{"description":"Sticker icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sticker","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sticker icon","type":"registry:component"},{"description":"Sticky note icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sticky-note","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sticky note icon","type":"registry:component"},{"description":"Stone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-stone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Stone icon","type":"registry:component"},{"description":"Store icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-store","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Store icon","type":"registry:component"},{"description":"Stretch horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-stretch-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Stretch horizontal icon","type":"registry:component"},{"description":"Stretch vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-stretch-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Stretch vertical icon","type":"registry:component"},{"description":"Strikethrough icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-strikethrough","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Strikethrough icon","type":"registry:component"},{"description":"Subscript icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-subscript","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Subscript icon","type":"registry:component"},{"description":"Sun icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sun","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sun icon","type":"registry:component"},{"description":"Sun dim icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sun-dim","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sun dim icon","type":"registry:component"},{"description":"Sun medium icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sun-medium","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sun medium icon","type":"registry:component"},{"description":"Sun moon icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sun-moon","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sun moon icon","type":"registry:component"},{"description":"Sun snow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sun-snow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sun snow icon","type":"registry:component"},{"description":"Sunrise icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sunrise","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sunrise icon","type":"registry:component"},{"description":"Sunset icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sunset","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sunset icon","type":"registry:component"},{"description":"Superscript icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-superscript","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Superscript icon","type":"registry:component"},{"description":"Swatch book icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-swatch-book","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Swatch book icon","type":"registry:component"},{"description":"Swiss franc icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-swiss-franc","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Swiss franc icon","type":"registry:component"},{"description":"Switch camera icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-switch-camera","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Switch camera icon","type":"registry:component"},{"description":"Sword icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-sword","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Sword icon","type":"registry:component"},{"description":"Swords icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-swords","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Swords icon","type":"registry:component"},{"description":"Syringe icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-syringe","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Syringe icon","type":"registry:component"},{"description":"Table icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-table","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Table icon","type":"registry:component"},{"description":"Table 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-table-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Table 2 icon","type":"registry:component"},{"description":"Table cells merge icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-table-cells-merge","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Table cells merge icon","type":"registry:component"},{"description":"Table cells split icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-table-cells-split","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Table cells split icon","type":"registry:component"},{"description":"Table columns split icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-table-columns-split","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Table columns split icon","type":"registry:component"},{"description":"Table of contents icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-table-of-contents","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Table of contents icon","type":"registry:component"},{"description":"Table properties icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-table-properties","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Table properties icon","type":"registry:component"},{"description":"Table rows split icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-table-rows-split","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Table rows split icon","type":"registry:component"},{"description":"Tablet icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tablet","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tablet icon","type":"registry:component"},{"description":"Tablet smartphone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tablet-smartphone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tablet smartphone icon","type":"registry:component"},{"description":"Tablets icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tablets","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tablets icon","type":"registry:component"},{"description":"Tag icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tag","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tag icon","type":"registry:component"},{"description":"Tags icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tags","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tags icon","type":"registry:component"},{"description":"Tally 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tally-1","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tally 1 icon","type":"registry:component"},{"description":"Tally 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tally-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tally 2 icon","type":"registry:component"},{"description":"Tally 3 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tally-3","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tally 3 icon","type":"registry:component"},{"description":"Tally 4 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tally-4","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tally 4 icon","type":"registry:component"},{"description":"Tally 5 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tally-5","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tally 5 icon","type":"registry:component"},{"description":"Tangent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tangent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tangent icon","type":"registry:component"},{"description":"Target icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-target","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Target icon","type":"registry:component"},{"description":"Telescope icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-telescope","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Telescope icon","type":"registry:component"},{"description":"Tent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tent icon","type":"registry:component"},{"description":"Tent tree icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tent-tree","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tent tree icon","type":"registry:component"},{"description":"Terminal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-terminal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Terminal icon","type":"registry:component"},{"description":"Test tube icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-test-tube","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Test tube icon","type":"registry:component"},{"description":"Test tube diagonal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-test-tube-diagonal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Test tube diagonal icon","type":"registry:component"},{"description":"Test tubes icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-test-tubes","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Test tubes icon","type":"registry:component"},{"description":"Text align center icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-align-center","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text align center icon","type":"registry:component"},{"description":"Text align end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-align-end","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text align end icon","type":"registry:component"},{"description":"Text align justify icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-align-justify","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text align justify icon","type":"registry:component"},{"description":"Text align start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-align-start","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text align start icon","type":"registry:component"},{"description":"Text cursor icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-cursor","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text cursor icon","type":"registry:component"},{"description":"Text cursor input icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-cursor-input","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text cursor input icon","type":"registry:component"},{"description":"Text initial icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-initial","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text initial icon","type":"registry:component"},{"description":"Text quote icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-quote","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text quote icon","type":"registry:component"},{"description":"Text search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text search icon","type":"registry:component"},{"description":"Text select icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-select","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text select icon","type":"registry:component"},{"description":"Text wrap icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-text-wrap","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Text wrap icon","type":"registry:component"},{"description":"Theater icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-theater","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Theater icon","type":"registry:component"},{"description":"Thermometer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-thermometer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Thermometer icon","type":"registry:component"},{"description":"Thermometer snowflake icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-thermometer-snowflake","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Thermometer snowflake icon","type":"registry:component"},{"description":"Thermometer sun icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-thermometer-sun","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Thermometer sun icon","type":"registry:component"},{"description":"Thumbs down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-thumbs-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Thumbs down icon","type":"registry:component"},{"description":"Thumbs up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-thumbs-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Thumbs up icon","type":"registry:component"},{"description":"Ticket icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ticket","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ticket icon","type":"registry:component"},{"description":"Ticket check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ticket-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ticket check icon","type":"registry:component"},{"description":"Ticket minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ticket-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ticket minus icon","type":"registry:component"},{"description":"Ticket percent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ticket-percent","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ticket percent icon","type":"registry:component"},{"description":"Ticket plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ticket-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ticket plus icon","type":"registry:component"},{"description":"Ticket slash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ticket-slash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ticket slash icon","type":"registry:component"},{"description":"Ticket x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ticket-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ticket x icon","type":"registry:component"},{"description":"Tickets icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tickets","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tickets icon","type":"registry:component"},{"description":"Tickets plane icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tickets-plane","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tickets plane icon","type":"registry:component"},{"description":"Timer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-timer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Timer icon","type":"registry:component"},{"description":"Timer off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-timer-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Timer off icon","type":"registry:component"},{"description":"Timer reset icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-timer-reset","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Timer reset icon","type":"registry:component"},{"description":"Toggle left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-toggle-left","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Toggle left icon","type":"registry:component"},{"description":"Toggle right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-toggle-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Toggle right icon","type":"registry:component"},{"description":"Toilet icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-toilet","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Toilet icon","type":"registry:component"},{"description":"Tool case icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tool-case","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tool case icon","type":"registry:component"},{"description":"Toolbox icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-toolbox","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Toolbox icon","type":"registry:component"},{"description":"Tornado icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tornado","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tornado icon","type":"registry:component"},{"description":"Torus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-torus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Torus icon","type":"registry:component"},{"description":"Touchpad icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-touchpad","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Touchpad icon","type":"registry:component"},{"description":"Touchpad off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-touchpad-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Touchpad off icon","type":"registry:component"},{"description":"Towel rack icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-towel-rack","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Towel rack icon","type":"registry:component"},{"description":"Tower control icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tower-control","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tower control icon","type":"registry:component"},{"description":"Toy brick icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-toy-brick","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Toy brick icon","type":"registry:component"},{"description":"Tractor icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tractor","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tractor icon","type":"registry:component"},{"description":"Traffic cone icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-traffic-cone","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Traffic cone icon","type":"registry:component"},{"description":"Train front icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-train-front","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Train front icon","type":"registry:component"},{"description":"Train front tunnel icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-train-front-tunnel","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Train front tunnel icon","type":"registry:component"},{"description":"Train track icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-train-track","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Train track icon","type":"registry:component"},{"description":"Tram front icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tram-front","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tram front icon","type":"registry:component"},{"description":"Transgender icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-transgender","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Transgender icon","type":"registry:component"},{"description":"Trash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-trash","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Trash icon","type":"registry:component"},{"description":"Trash 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-trash-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Trash 2 icon","type":"registry:component"},{"description":"Tree deciduous icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tree-deciduous","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tree deciduous icon","type":"registry:component"},{"description":"Tree palm icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tree-palm","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tree palm icon","type":"registry:component"},{"description":"Tree pine icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tree-pine","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tree pine icon","type":"registry:component"},{"description":"Trees icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-trees","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Trees icon","type":"registry:component"},{"description":"Trello icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-trello","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Trello icon","type":"registry:component"},{"description":"Trending down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-trending-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Trending down icon","type":"registry:component"},{"description":"Trending up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-trending-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Trending up icon","type":"registry:component"},{"description":"Trending up down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-trending-up-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Trending up down icon","type":"registry:component"},{"description":"Triangle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-triangle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Triangle icon","type":"registry:component"},{"description":"Triangle alert icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-triangle-alert","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Triangle alert icon","type":"registry:component"},{"description":"Triangle dashed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-triangle-dashed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Triangle dashed icon","type":"registry:component"},{"description":"Triangle right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-triangle-right","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Triangle right icon","type":"registry:component"},{"description":"Trophy icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-trophy","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Trophy icon","type":"registry:component"},{"description":"Truck icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-truck","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Truck icon","type":"registry:component"},{"description":"Truck electric icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-truck-electric","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Truck electric icon","type":"registry:component"},{"description":"Turkish lira icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-turkish-lira","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Turkish lira icon","type":"registry:component"},{"description":"Turntable icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-turntable","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Turntable icon","type":"registry:component"},{"description":"Turtle icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-turtle","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Turtle icon","type":"registry:component"},{"description":"Tv icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tv","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tv icon","type":"registry:component"},{"description":"Tv minimal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tv-minimal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tv minimal icon","type":"registry:component"},{"description":"Tv minimal play icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-tv-minimal-play","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Tv minimal play icon","type":"registry:component"},{"description":"Twitch icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-twitch","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Twitch icon","type":"registry:component"},{"description":"Twitter icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-twitter","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Twitter icon","type":"registry:component"},{"description":"Type icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-type","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Type icon","type":"registry:component"},{"description":"Type outline icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-type-outline","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Type outline icon","type":"registry:component"},{"description":"Umbrella icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-umbrella","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Umbrella icon","type":"registry:component"},{"description":"Umbrella off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-umbrella-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Umbrella off icon","type":"registry:component"},{"description":"Underline icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-underline","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Underline icon","type":"registry:component"},{"description":"Undo icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-undo","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Undo icon","type":"registry:component"},{"description":"Undo 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-undo-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Undo 2 icon","type":"registry:component"},{"description":"Undo dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-undo-dot","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Undo dot icon","type":"registry:component"},{"description":"Unfold horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-unfold-horizontal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Unfold horizontal icon","type":"registry:component"},{"description":"Unfold vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-unfold-vertical","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Unfold vertical icon","type":"registry:component"},{"description":"Ungroup icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-ungroup","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Ungroup icon","type":"registry:component"},{"description":"University icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-university","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"University icon","type":"registry:component"},{"description":"Unlink icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-unlink","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Unlink icon","type":"registry:component"},{"description":"Unlink 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-unlink-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Unlink 2 icon","type":"registry:component"},{"description":"Unplug icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-unplug","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Unplug icon","type":"registry:component"},{"description":"Upload icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-upload","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Upload icon","type":"registry:component"},{"description":"Usb icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-usb","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Usb icon","type":"registry:component"},{"description":"User icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User icon","type":"registry:component"},{"description":"User check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User check icon","type":"registry:component"},{"description":"User cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User cog icon","type":"registry:component"},{"description":"User key icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-key","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User key icon","type":"registry:component"},{"description":"User lock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-lock","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User lock icon","type":"registry:component"},{"description":"User minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User minus icon","type":"registry:component"},{"description":"User pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User pen icon","type":"registry:component"},{"description":"User plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User plus icon","type":"registry:component"},{"description":"User round icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-round","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User round icon","type":"registry:component"},{"description":"User round check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-round-check","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User round check icon","type":"registry:component"},{"description":"User round cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-round-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User round cog icon","type":"registry:component"},{"description":"User round key icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-round-key","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User round key icon","type":"registry:component"},{"description":"User round minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-round-minus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User round minus icon","type":"registry:component"},{"description":"User round pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-round-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User round pen icon","type":"registry:component"},{"description":"User round plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-round-plus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User round plus icon","type":"registry:component"},{"description":"User round search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-round-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User round search icon","type":"registry:component"},{"description":"User round x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-round-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User round x icon","type":"registry:component"},{"description":"User search icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-search","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User search icon","type":"registry:component"},{"description":"User star icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-star","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User star icon","type":"registry:component"},{"description":"User x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-user-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"User x icon","type":"registry:component"},{"description":"Users icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-users","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Users icon","type":"registry:component"},{"description":"Users round icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-users-round","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Users round icon","type":"registry:component"},{"description":"Utensils icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-utensils","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Utensils icon","type":"registry:component"},{"description":"Utensils crossed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-utensils-crossed","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Utensils crossed icon","type":"registry:component"},{"description":"Utility pole icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-utility-pole","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Utility pole icon","type":"registry:component"},{"description":"Van icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-van","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Van icon","type":"registry:component"},{"description":"Variable icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-variable","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Variable icon","type":"registry:component"},{"description":"Vault icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-vault","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Vault icon","type":"registry:component"},{"description":"Vector square icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-vector-square","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Vector square icon","type":"registry:component"},{"description":"Vegan icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-vegan","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Vegan icon","type":"registry:component"},{"description":"Venetian mask icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-venetian-mask","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Venetian mask icon","type":"registry:component"},{"description":"Venus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-venus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Venus icon","type":"registry:component"},{"description":"Venus and mars icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-venus-and-mars","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Venus and mars icon","type":"registry:component"},{"description":"Vibrate icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-vibrate","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Vibrate icon","type":"registry:component"},{"description":"Vibrate off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-vibrate-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Vibrate off icon","type":"registry:component"},{"description":"Video icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-video","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Video icon","type":"registry:component"},{"description":"Video off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-video-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Video off icon","type":"registry:component"},{"description":"Videotape icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-videotape","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Videotape icon","type":"registry:component"},{"description":"View icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-view","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"View icon","type":"registry:component"},{"description":"Voicemail icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-voicemail","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Voicemail icon","type":"registry:component"},{"description":"Volleyball icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-volleyball","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Volleyball icon","type":"registry:component"},{"description":"Volume icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-volume","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Volume icon","type":"registry:component"},{"description":"Volume 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-volume-1","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Volume 1 icon","type":"registry:component"},{"description":"Volume 2 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-volume-2","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Volume 2 icon","type":"registry:component"},{"description":"Volume off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-volume-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Volume off icon","type":"registry:component"},{"description":"Volume x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-volume-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Volume x icon","type":"registry:component"},{"description":"Vote icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-vote","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Vote icon","type":"registry:component"},{"description":"Wallet icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wallet","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wallet icon","type":"registry:component"},{"description":"Wallet cards icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wallet-cards","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wallet cards icon","type":"registry:component"},{"description":"Wallet minimal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wallet-minimal","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wallet minimal icon","type":"registry:component"},{"description":"Wallpaper icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wallpaper","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wallpaper icon","type":"registry:component"},{"description":"Wand icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wand","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wand icon","type":"registry:component"},{"description":"Wand sparkles icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wand-sparkles","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wand sparkles icon","type":"registry:component"},{"description":"Warehouse icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-warehouse","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Warehouse icon","type":"registry:component"},{"description":"Washing machine icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-washing-machine","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Washing machine icon","type":"registry:component"},{"description":"Watch icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-watch","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Watch icon","type":"registry:component"},{"description":"Waves icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-waves","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Waves icon","type":"registry:component"},{"description":"Waves arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-waves-arrow-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Waves arrow down icon","type":"registry:component"},{"description":"Waves arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-waves-arrow-up","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Waves arrow up icon","type":"registry:component"},{"description":"Waves ladder icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-waves-ladder","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Waves ladder icon","type":"registry:component"},{"description":"Waypoints icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-waypoints","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Waypoints icon","type":"registry:component"},{"description":"Webcam icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-webcam","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Webcam icon","type":"registry:component"},{"description":"Webhook icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-webhook","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Webhook icon","type":"registry:component"},{"description":"Webhook off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-webhook-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Webhook off icon","type":"registry:component"},{"description":"Weight icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-weight","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Weight icon","type":"registry:component"},{"description":"Weight tilde icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-weight-tilde","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Weight tilde icon","type":"registry:component"},{"description":"Wheat icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wheat","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wheat icon","type":"registry:component"},{"description":"Wheat off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wheat-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wheat off icon","type":"registry:component"},{"description":"Whole word icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-whole-word","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Whole word icon","type":"registry:component"},{"description":"Wifi icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wifi","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wifi icon","type":"registry:component"},{"description":"Wifi cog icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wifi-cog","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wifi cog icon","type":"registry:component"},{"description":"Wifi high icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wifi-high","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wifi high icon","type":"registry:component"},{"description":"Wifi low icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wifi-low","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wifi low icon","type":"registry:component"},{"description":"Wifi off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wifi-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wifi off icon","type":"registry:component"},{"description":"Wifi pen icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wifi-pen","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wifi pen icon","type":"registry:component"},{"description":"Wifi sync icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wifi-sync","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wifi sync icon","type":"registry:component"},{"description":"Wifi zero icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wifi-zero","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wifi zero icon","type":"registry:component"},{"description":"Wind icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wind","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wind icon","type":"registry:component"},{"description":"Wind arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wind-arrow-down","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wind arrow down icon","type":"registry:component"},{"description":"Wine icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wine","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wine icon","type":"registry:component"},{"description":"Wine off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wine-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wine off icon","type":"registry:component"},{"description":"Workflow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-workflow","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Workflow icon","type":"registry:component"},{"description":"Worm icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-worm","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Worm icon","type":"registry:component"},{"description":"Wrench icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-wrench","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Wrench icon","type":"registry:component"},{"description":"X icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-x","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"X icon","type":"registry:component"},{"description":"X line top icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-x-line-top","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"X line top icon","type":"registry:component"},{"description":"Youtube icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-youtube","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Youtube icon","type":"registry:component"},{"description":"Zap icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zap","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zap icon","type":"registry:component"},{"description":"Zap off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zap-off","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zap off icon","type":"registry:component"},{"description":"Zodiac aquarius icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-aquarius","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac aquarius icon","type":"registry:component"},{"description":"Zodiac aries icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-aries","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac aries icon","type":"registry:component"},{"description":"Zodiac cancer icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-cancer","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac cancer icon","type":"registry:component"},{"description":"Zodiac capricorn icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-capricorn","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac capricorn icon","type":"registry:component"},{"description":"Zodiac gemini icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-gemini","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac gemini icon","type":"registry:component"},{"description":"Zodiac leo icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-leo","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac leo icon","type":"registry:component"},{"description":"Zodiac libra icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-libra","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac libra icon","type":"registry:component"},{"description":"Zodiac ophiuchus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-ophiuchus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac ophiuchus icon","type":"registry:component"},{"description":"Zodiac pisces icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-pisces","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac pisces icon","type":"registry:component"},{"description":"Zodiac sagittarius icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-sagittarius","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac sagittarius icon","type":"registry:component"},{"description":"Zodiac scorpio icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-scorpio","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac scorpio icon","type":"registry:component"},{"description":"Zodiac taurus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-taurus","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac taurus icon","type":"registry:component"},{"description":"Zodiac virgo icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zodiac-virgo","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zodiac virgo icon","type":"registry:component"},{"description":"Zoom in icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zoom-in","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zoom in icon","type":"registry:component"},{"description":"Zoom out icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","name":"icon-zoom-out","registryDependencies":["https://cojeev.com/ui/r/cojeev.json","https://cojeev.com/ui/r/icon.json"],"title":"Zoom out icon","type":"registry:component"}]},"aureform ui":{"favicon":"/favicons/aureform-ui.svg","items":[{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"accordion","title":"Accordion","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"alert","title":"Alert","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"avatar","title":"Avatar","type":"registry:ui"},{"dependencies":["class-variance-authority@^0.7.1","clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"badge","title":"Badge","type":"registry:ui"},{"dependencies":["lucide-react@^0.562.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"breadcrumb","title":"Breadcrumb","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"button-group","title":"Button Group","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"button","title":"Button","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"card","title":"Card","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"carousel","title":"Carousel","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","recharts@^3.7.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"chart","title":"Chart","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"checkbox","title":"Checkbox","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"combobox","title":"Combobox","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","cmdk@^1.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"command","title":"Command","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"data-table","page":"https://aureformui.com/en/docs/data-table","title":"Data Table","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","date-fns@^4.1.0","lucide-react@^0.562.0","react-day-picker@^9.13.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"date-picker","title":"Date Picker","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"dialog","title":"Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"drawer","title":"Drawer","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"dropdown-menu","title":"Dropdown Menu","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"empty","title":"Empty","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"field","title":"Field","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"file-upload","title":"File Upload","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"gallery","title":"Gallery","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","input-otp@^1.4.2","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"input-otp","title":"Input Otp","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"input","title":"Input","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"link","title":"Link","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"multi-select","title":"Multi Select","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"pagination","title":"Pagination","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"popover","title":"Popover","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"progress","title":"Progress","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"radio-group","title":"Radio Group","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"ribbon","title":"Ribbon","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"select","title":"Select","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"sidebar","title":"Sidebar","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"skeleton","title":"Skeleton","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"slider","title":"Slider","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"spinner","title":"Spinner","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"switch","title":"Switch","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"table","title":"Table","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"tabs","title":"Tabs","type":"registry:ui"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"textarea","title":"Textarea","type":"registry:ui"},{"dependencies":["sonner@^2.0.7"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"toast","title":"Toast","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"tooltip","title":"Tooltip","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"video-player","title":"Video Player","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"ai-composer","title":"Ai Composer","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"ai-message-parts","title":"Ai Message Parts","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"commerce-billing","title":"Commerce Billing","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"commerce-checkout","title":"Commerce Checkout","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"commerce-invoice-view","title":"Commerce Invoice View","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"commerce-order-editor","title":"Commerce Order Editor","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"commerce-workspace","title":"Commerce Workspace","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"communications-setup","title":"Communications Setup","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"customer-table","title":"Customer Table","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","cmdk@^1.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"dashboard-shell","title":"Dashboard Shell","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"data-workbench","title":"Data Workbench","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"google-map","title":"Google Map","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"import-wizard","title":"Import Wizard","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","maplibre-gl@^5.13.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","devDependencies":["@types/geojson@^7946.0.16"],"name":"maps-workspace","title":"Maps Workspace","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"member-management","title":"Member Management","type":"registry:block"},{"dependencies":["class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"metric-card","title":"Metric Card","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"onboarding-flow","title":"Onboarding Flow","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"page-heading","title":"Page Heading","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"plan-breakdown","title":"Plan Breakdown","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"product-image-editor","title":"Product Image Editor","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"product-manager","title":"Product Manager","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"record-actions","title":"Record Actions","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"record-detail","title":"Record Detail","type":"registry:block"},{"dependencies":["clsx@^2.1.1","recharts@^3.7.0","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"revenue-panel","title":"Revenue Panel","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","clsx@^2.1.1","maplibre-gl@^5.13.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","devDependencies":["@types/geojson@^7946.0.16"],"name":"route-map","title":"Route Map","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"social-auth","title":"Social Auth","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","sonner@^2.0.7","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"softphone-workspace","title":"Softphone Workspace","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"softphone","title":"Softphone","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"table-toolbar","title":"Table Toolbar","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"workspace-status","title":"Workspace Status","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"ai-workspace","title":"Ai Workspace","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"appearance-gallery","title":"Appearance Gallery","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"appearance-studio","title":"Appearance Studio","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","class-variance-authority@^0.7.1","clsx@^2.1.1","input-otp@^1.4.2","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"auth","title":"Auth","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"auxiliary","title":"Auxiliary","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"calendar","title":"Calendar","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","cmdk@^1.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"catalogs","title":"Catalogs","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"communication","title":"Communication","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","devDependencies":["@telnyx/webrtc@2.28.0","@twilio/voice-sdk@2.18.5"],"name":"communications-softphone-template","title":"Communications Softphone Template","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","cmdk@^1.1.1","date-fns@^4.1.0","input-otp@^1.4.2","lucide-react@^0.562.0","next-intl@4.14.9","react-day-picker@^9.13.0","react-hook-form@^7.71.1","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"components","page":"https://aureformui.com/es/components","title":"Components","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"customer-detail","title":"Customer Detail","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"customer-import","title":"Customer Import","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"customer-operations","title":"Customer Operations","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"dashboard","page":"https://aureformui.com/es/dashboard","title":"Dashboard","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"data-manager","title":"Data Manager","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"docs","page":"https://aureformui.com/es/docs","title":"Docs","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"files-support","title":"Files Support","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","date-fns@^4.1.0","lucide-react@^0.562.0","next-intl@4.14.9","react-day-picker@^9.13.0","react-hook-form@^7.71.1","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"forms","page":"https://aureformui.com/es/forms","title":"Forms","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"landing","title":"Landing","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","maplibre-gl@^5.13.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","devDependencies":["@types/geojson@^7946.0.16"],"name":"map-invoice","title":"Map Invoice","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","sonner@^2.0.7","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"media-studio","title":"Media Studio","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"saas-operations","title":"Saas Operations","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"saas-setup","title":"Saas Setup","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","maplibre-gl@^5.13.0","next-intl@4.14.9","react-hook-form@^7.71.1","react-markdown@10.1.0","recharts@^3.7.0","remark-gfm@4.0.1","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","devDependencies":["@types/geojson@^7946.0.16"],"name":"settings","title":"Settings","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","sonner@^2.0.7","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"softphone-template","title":"Softphone Template","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@hookform/resolvers@^5.2.2","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-hook-form@^7.71.1","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"work-board","title":"Work Board","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"effect-surface","title":"Effect Surface","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"glow-border","title":"Glow Border","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"gradient-background","title":"Gradient Background","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"magnetic-button","title":"Magnetic Button","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"shader-background","title":"Shader Background","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"spotlight-card","title":"Spotlight Card","type":"registry:block"},{"dependencies":["clsx@^2.1.1","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"tilt-card","title":"Tilt Card","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","date-fns@^4.1.0","lucide-react@^0.562.0","react-day-picker@^9.13.0","tailwind-merge@^3.4.0"],"description":"Original Aureform component. Editable Base UI + Tailwind 4 source.","name":"date-range-picker","title":"Date Range Picker","type":"registry:ui"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"customer-data-table","title":"Customer Data Table","type":"registry:block"},{"dependencies":["gsap@^3.15.0","lenis@^1.3.27"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"motion-system","title":"Motion System","type":"registry:block"},{"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"appearance-provider","title":"Appearance Provider","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"appearance-controls","title":"Appearance Controls","type":"registry:block"},{"dependencies":["clsx@^2.1.1","recharts@^3.7.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"workspace-provider","title":"Workspace Provider","type":"registry:block"},{"dependencies":["clsx@^2.1.1","recharts@^3.7.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"commerce-provider","title":"Commerce Provider","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","maplibre-gl@^5.13.0","next-intl@4.14.9","react-markdown@10.1.0","recharts@^3.7.0","remark-gfm@4.0.1","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","devDependencies":["@types/geojson@^7946.0.16"],"name":"integration-hub","title":"Integration Hub","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"identity-integration-panel","title":"Identity Integration Panel","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","recharts@^3.7.0","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"operational-integration-workbench","title":"Operational Integration Workbench","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","maplibre-gl@^5.13.0","next-intl@4.14.9","react-markdown@10.1.0","recharts@^3.7.0","remark-gfm@4.0.1","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","devDependencies":["@types/geojson@^7946.0.16"],"name":"product-integration-workbench","title":"Product Integration Workbench","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","maplibre-gl@^5.13.0","next-intl@4.14.9","recharts@^3.7.0","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"connected-map","title":"Connected Map","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-markdown@10.1.0","remark-gfm@4.0.1","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"drive-picker-panel","title":"Drive Picker Panel","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-markdown@10.1.0","remark-gfm@4.0.1","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"media-collection-panel","title":"Media Collection Panel","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","@tanstack/react-table@^8.21.3","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","react-markdown@10.1.0","remark-gfm@4.0.1","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"enterprise-diagnostics","title":"Enterprise Diagnostics","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","tailwind-merge@^3.4.0"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"product-editor-controls","title":"Product Editor Controls","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","cmdk@^1.1.1","lucide-react@^0.562.0","next-intl@4.14.9","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"search-bridge-command","title":"Search Bridge Command","type":"registry:block"},{"dependencies":["@base-ui/react@1.9.0","class-variance-authority@^0.7.1","clsx@^2.1.1","lucide-react@^0.562.0","next-intl@4.14.9","sonner@^2.0.7","tailwind-merge@^3.4.0","zod@^4.3.5"],"description":"Original Aureform composition. Editable Base UI + Tailwind 4 source.","name":"connected-softphone","title":"Connected Softphone","type":"registry:block"}]},"billingsdk":{"error":"403 Forbidden","favicon":"/favicons/billingsdk.ico","items":[]},"blode ui":{"favicon":"/favicons/blode-ui.svg","items":[{"dependencies":["@base-ui/react","motion"],"description":"A vertically stacked set of interactive headings that reveal or hide associated content.","name":"accordion","title":"Accordion","type":"registry:ui"},{"description":"A sheet of platform-aware instructions for installing a web app to the home screen.","name":"add-to-homescreen","registryDependencies":["button","sheet","@blode/copy-button","@blode/use-install-prompt"],"title":"Add to Homescreen","type":"registry:ui"},{"description":"A callout that displays a short, important message to attract attention.","name":"alert","title":"Alert","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A modal dialog that interrupts the user with important content and expects a response.","name":"alert-dialog","registryDependencies":["button"],"title":"Alert Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A component that maintains a consistent width-to-height ratio.","name":"aspect-ratio","title":"Aspect Ratio","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"An input that suggests matching values while typing.","name":"autocomplete","title":"Autocomplete","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"An image element with a fallback for representing the user.","name":"avatar","title":"Avatar","type":"registry:ui"},{"description":"A compact comparison list that visualises values as horizontal bars.","name":"bar-list","title":"Bar List","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A small status indicator for labelling and categorising items.","name":"badge","title":"Badge","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A navigation aid that shows the current page location within a hierarchy.","name":"breadcrumb","title":"Breadcrumb","type":"registry:ui"},{"dependencies":["blode-icons-react"],"description":"A sticky bar that surfaces actions for the currently selected rows.","name":"bulk-action-bar","registryDependencies":["button"],"title":"Bulk Action Bar","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"An interactive element that triggers an action when clicked.","name":"button","registryDependencies":["spinner"],"title":"Button","type":"registry:ui"},{"description":"A container that groups related buttons together with shared styling.","name":"button-group","registryDependencies":["button","separator"],"title":"Button Group","type":"registry:ui"},{"dependencies":["react-day-picker@latest","date-fns"],"description":"A date field component that allows users to pick dates.","name":"calendar","registryDependencies":["button"],"title":"Calendar","type":"registry:ui"},{"description":"A container for grouping related content and actions.","name":"card","title":"Card","type":"registry:ui"},{"dependencies":["embla-carousel-react"],"description":"A slideshow component for cycling through a set of content.","name":"carousel","registryDependencies":["button"],"title":"Carousel","type":"registry:ui"},{"description":"A circular indicator that shows the progress of a task.","name":"circular-progress","title":"Circular Progress","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A control that allows the user to toggle between checked and unchecked states.","name":"checkbox","title":"Checkbox","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A grouped set of related checkboxes managed with shared state.","name":"checkbox-group","registryDependencies":["checkbox"],"title":"Checkbox Group","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"An interactive component that expands and collapses a panel of content.","name":"collapsible","title":"Collapsible","type":"registry:ui"},{"dependencies":["@base-ui/react","blode-icons-react"],"description":"A saturation area, hue slider, hex input and suggested swatches for choosing a color.","name":"color-picker","registryDependencies":["button","input","popover","separator"],"title":"Color Picker","type":"registry:ui"},{"dependencies":["blode-icons-react","react-currency-input-field"],"description":"A formatted input field for entering monetary values.","name":"currency-input","title":"Currency Input","type":"registry:ui"},{"dependencies":["@base-ui/react","blode-icons-react","motion"],"description":"An autocomplete input that combines a text field with a filterable dropdown list.","name":"combobox","registryDependencies":["button","input-group"],"title":"Combobox","type":"registry:ui"},{"dependencies":["blode-icons-react"],"description":"A searchable picker for Google Fonts with live previews.","name":"font-picker","registryDependencies":["@blode/button","@blode/combobox","@blode/spinner","@blode/google-fonts"],"title":"Font Picker","type":"registry:ui"},{"dependencies":["blode-icons-react","class-variance-authority"],"description":"A draggable slider that wipes between a before and after image.","name":"image-comparison","title":"Image Comparison","type":"registry:ui"},{"dependencies":["@base-ui/react","downshift","lodash","blode-icons-react"],"description":"A combobox that allows selecting multiple items with tag-style badges.","name":"multi-combobox","registryDependencies":["badge"],"title":"Multi Combobox","type":"registry:ui"},{"dependencies":["cmdk"],"description":"A command palette for fast, keyboard-driven searching and navigation.","name":"command","registryDependencies":["dialog"],"title":"Command","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A menu that appears on right-click, providing contextual actions.","name":"context-menu","title":"Context Menu","type":"registry:ui"},{"dependencies":["blode-icons-react","motion"],"description":"A button that copies text to the clipboard with animated feedback.","name":"copy-button","registryDependencies":["button","@blode/use-copy-to-clipboard"],"title":"Copy Button","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A modal window that overlays the main content and requires user interaction.","name":"dialog","registryDependencies":["button"],"title":"Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A panel that slides in from the edge of the screen.","name":"drawer","title":"Drawer","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A menu that opens from a trigger button, displaying a list of actions.","name":"dropdown-menu","title":"Dropdown Menu","type":"registry:ui"},{"description":"A placeholder displayed when there is no content or data to show.","name":"empty","title":"Empty","type":"registry:ui"},{"description":"A form field wrapper that pairs a label, input, and helper text.","name":"field","registryDependencies":["label","separator"],"title":"Field","type":"registry:ui"},{"dependencies":["@base-ui/react","@hookform/resolvers","zod","react-hook-form"],"description":"A form component with validation powered by React Hook Form and Zod.","name":"form","registryDependencies":["button","label"],"title":"Form","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A popup card that appears when hovering over a trigger element.","name":"hover-card","title":"Hover Card","type":"registry:ui"},{"dependencies":["blode-icons-react"],"description":"A text input field for capturing user data.","name":"input","title":"Input","type":"registry:ui"},{"description":"A wrapper that combines an input with addons like icons or buttons.","name":"input-group","registryDependencies":["button","input","textarea"],"title":"Input Group","type":"registry:ui"},{"dependencies":["input-otp"],"description":"A one-time password input with individual character fields.","name":"input-otp","title":"Input OTP","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A flexible list item component for menus, settings, and data rows.","name":"item","registryDependencies":["separator"],"title":"Item","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"An accessible label that associates text with a form control.","name":"label","title":"Label","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A horizontal menu bar with dropdown menus, commonly used for application navigation.","name":"menubar","title":"Menubar","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A meter that shows a scalar value within a bounded range.","name":"meter","title":"Meter","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A responsive navigation component with support for dropdown panels.","name":"navigation-menu","title":"Navigation Menu","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A numeric input with increment, decrement, and scrubbing interactions.","name":"number-field","title":"Number Field","type":"registry:ui"},{"description":"A navigation component for paging through content across multiple pages.","name":"pagination","registryDependencies":["button"],"title":"Pagination","type":"registry:ui"},{"dependencies":["blode-icons-react"],"description":"A password input with a toggle button to show or hide the password.","name":"password-input","registryDependencies":["input"],"title":"Password Input","type":"registry:ui"},{"dependencies":["blode-icons-react","react-phone-number-input"],"description":"An international phone number input with country code selector.","name":"phone-input","registryDependencies":["button","command","input","popover","scroll-area"],"title":"Phone Input","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A floating panel that appears next to a trigger element.","name":"popover","title":"Popover","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A horizontal bar that indicates the completion progress of a task.","name":"progress","title":"Progress","type":"registry:ui"},{"dependencies":["blode-icons-react"],"description":"A vertical list of progress items with completed and pending states.","name":"progress-list","title":"Progress List","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A confirmation dialog that asks the user for input before proceeding.","name":"prompt","registryDependencies":["button"],"title":"Prompt","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A set of mutually exclusive options where only one can be selected.","name":"radio-group","title":"Radio Group","type":"registry:ui"},{"dependencies":["react-resizable-panels@^4"],"description":"A layout component with draggable handles for resizing panels.","name":"resizable","title":"Resizable","type":"registry:ui"},{"description":"A dialog on desktop that becomes a drawer on small screens.","name":"responsive-dialog","registryDependencies":["dialog","drawer","@blode/use-mobile"],"title":"Responsive Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A scrollable container with custom styled scrollbars.","name":"scroll-area","title":"Scroll Area","type":"registry:ui"},{"dependencies":["blode-icons-react"],"description":"A search field with a clear button and an optional cycling placeholder.","name":"search-input","registryDependencies":["input-group"],"title":"Search Input","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A dropdown control for choosing a single value from a list of options.","name":"select","title":"Select","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A visual divider that separates content into distinct sections.","name":"separator","title":"Separator","type":"registry:ui"},{"dependencies":["blode-icons-react","motion","sonner"],"description":"A button that opens the native share sheet and falls back to copying the link.","name":"share","registryDependencies":["button","@blode/use-copy-to-clipboard"],"title":"Share","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A panel that slides in from the edge of the viewport with an overlay.","name":"sheet","title":"Sheet","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","blode-icons-react"],"description":"A collapsible side navigation component with multiple layout variants.","name":"sidebar","registryDependencies":["button","separator","sheet","tooltip","input","@blode/use-mobile","skeleton"],"title":"Sidebar","type":"registry:ui"},{"description":"A placeholder animation that indicates content is loading.","name":"skeleton","title":"Skeleton","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A draggable control for selecting a numeric value within a range.","name":"slider","title":"Slider","type":"registry:ui"},{"dependencies":["sonner","next-themes"],"description":"A toast notification component powered by Sonner.","name":"sonner","title":"Sonner","type":"registry:ui"},{"description":"An animated loading indicator for asynchronous operations.","name":"spinner","title":"Spinner","type":"registry:ui"},{"description":"A compact metric card for showing a headline value and label.","name":"stat","title":"Stat","type":"registry:ui"},{"dependencies":["blode-icons-react","class-variance-authority"],"description":"A numbered progress indicator for a multi-step flow.","name":"stepper","title":"Stepper","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A toggle control for switching between on and off states.","name":"switch","title":"Switch","type":"registry:ui"},{"description":"A responsive table for displaying structured data in rows and columns.","name":"table","title":"Table","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","merge-refs"],"description":"A tabbed interface that organises content into switchable panels.","name":"tabs","registryDependencies":["@blode/use-tab-observer"],"title":"Tabs","type":"registry:ui"},{"description":"A multi-line text input field for longer form content.","name":"textarea","title":"Textarea","type":"registry:ui"},{"description":"A select of times at a fixed interval, formatted for the locale.","name":"time-picker","registryDependencies":["select"],"title":"Time Picker","type":"registry:ui"},{"description":"A searchable list of IANA time zones with their current offset and time.","name":"timezone-picker","registryDependencies":["@blode/combobox"],"title":"Timezone Picker","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A two-state button that can be toggled on or off.","name":"toggle","title":"Toggle","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A set of toggle buttons where one or more can be active.","name":"toggle-group","registryDependencies":["toggle"],"title":"Toggle Group","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A popup that displays helpful information when hovering or focusing an element.","name":"tooltip","title":"Tooltip","type":"registry:ui"},{"description":"A styled keyboard key indicator for displaying shortcuts and key combinations.","name":"kbd","title":"Kbd","type":"registry:ui"},{"description":"A styled wrapper around the native HTML select element.","name":"native-select","title":"Native Select","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A context provider for managing text direction (LTR/RTL) across components.","name":"direction","title":"Direction","type":"registry:ui"},{"description":"A square preview tile for an attached file — an image thumbnail or a file icon with name.","name":"file-thumbnail","title":"File Thumbnail","type":"registry:ui"},{"dependencies":["motion"],"description":"A chat transcript entry for user and assistant messages, with attachments and a hover meta row.","name":"chat-message","registryDependencies":["file-thumbnail"],"title":"Chat Message","type":"registry:ui"},{"dependencies":["motion","react-textarea-autosize"],"description":"A chat composer with an auto-resizing textarea, action slots, a send button, and drag-and-drop attachments.","name":"input-message","registryDependencies":["button","file-thumbnail"],"title":"Input Message","type":"registry:ui"},{"dependencies":["motion"],"description":"An animated status indicator with a morphing glyph and cycling text for thinking states.","name":"thinking-indicator","title":"Thinking Indicator","type":"registry:ui"},{"dependencies":["motion"],"description":"A collapsible chain-of-thought stepper with steps, sources, details, and images.","name":"thinking-steps","registryDependencies":["accordion","badge"],"title":"Thinking Steps","type":"registry:ui"},{"dependencies":["motion"],"description":"A stepped questionnaire with single- or multi-select options, free-form answers, and skip.","name":"ask-user-questions","registryDependencies":["button","badge","textarea"],"title":"Ask User Questions","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A message surface for chat interfaces, with variants, alignment, reactions, and composable content.","name":"bubble","title":"Bubble","type":"registry:ui"},{"description":"A row primitive for chat transcripts, pairing an avatar with content, header, and footer, aligned to the start or end.","name":"message","title":"Message","type":"registry:ui"},{"dependencies":["@shadcn/react"],"description":"A chat scroll container that anchors turns, opens saved transcripts, follows streamed responses, loads history without jumping, and jumps to any message.","name":"message-scroller","registryDependencies":["button"],"title":"Message Scroller","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A card for files and images with upload, processing, error, and done states, an optional full-card trigger, and a scrollable group.","name":"attachment","registryDependencies":["button"],"title":"Attachment","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A compact inline status line for activity feeds and transcripts, with optional icon, separator, and border variants.","name":"marker","title":"Marker","type":"registry:ui"},{"dependencies":["blode-icons-react"],"description":"An editor for opening hours across the days of the week.","name":"weekly-hours","registryDependencies":["button","dropdown-menu","field","switch","tooltip","@blode/time-picker"],"title":"Weekly Hours","type":"registry:ui"}]},"chanhdai components":{"favicon":"/favicons/chanhdai-components.svg","items":[{"description":"Hook for playing sound effects with volume, playback rate, and interrupt controls.","name":"use-sound","title":"useSound","type":"registry:hook"},{"name":"use-controllable-state","title":"useControllableState","type":"registry:hook"},{"categories":["controls"],"dependencies":["next-themes","motion","lucide-react"],"description":"Toggle between system, light, and dark themes in Next.js apps.","name":"theme-switcher","title":"Theme Switcher","type":"registry:component"},{"categories":["text-effects"],"dependencies":["motion"],"description":"Animated text that cycles through items with a smooth flip transition.","name":"text-flip","title":"Text Flip","type":"registry:component"},{"categories":["text-effects"],"dependencies":["motion"],"description":"SVG writing animation inspired by Apple’s Hello screen.","name":"apple-hello-effect","title":"Apple Hello Effect","type":"registry:component"},{"categories":["text-effects"],"dependencies":["motion"],"description":"SVG writing animation inspired by Apple’s Hello screen.","name":"apple-hello-effect-hindi","title":"Apple Hello Effect - Hindi","type":"registry:component"},{"categories":["text-effects"],"dependencies":["motion"],"description":"SVG writing animation inspired by Apple’s Hello screen.","name":"apple-hello-effect-spanish","title":"Apple Hello Effect - Spanish","type":"registry:component"},{"categories":["text-effects"],"dependencies":["motion"],"description":"SVG writing animation inspired by Apple’s Hello screen.","name":"apple-hello-effect-vietnamese","title":"Apple Hello Effect - Vietnamese","type":"registry:component"},{"categories":["controls"],"dependencies":["@ncdai/react-swipe-actions","motion"],"description":"Swipe a row in a list to reveal actions on the left or right.","name":"swipe-actions","title":"Swipe Actions","type":"registry:component"},{"categories":["controls"],"dependencies":["@ncdai/react-wheel-picker"],"description":"iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.","name":"wheel-picker","title":"Wheel Picker","type":"registry:component"},{"categories":["effects"],"dependencies":["motion"],"description":"Animated chevrons icon that morphs between up and down directions.","name":"chevrons-up-down-icon","type":"registry:component"},{"categories":["typography"],"description":"Custom prose styles for headings, links, inline code, and emphasis.","devDependencies":["@tailwindcss/typography"],"name":"typography","title":"Typography","type":"registry:component"},{"categories":["marketing"],"dependencies":["react-markdown","date-fns","lucide-react"],"description":"Display work experiences with role details, company logos, and durations.","name":"work-experience","registryDependencies":["collapsible","separator","https://chanhdai.com/r/chevrons-up-down-icon.json","https://chanhdai.com/r/typography.json"],"title":"Work Experience","type":"registry:component"},{"categories":["text-effects"],"dependencies":["motion"],"description":"Smooth, light-sweeping shimmer animation for text.","name":"shimmering-text","title":"Shimmering Text","type":"registry:component"},{"categories":["controls"],"dependencies":["motion"],"description":"Interactive slider inspired by the classic iPhone “slide to unlock” gesture.","name":"slide-to-unlock","registryDependencies":["https://chanhdai.com/r/shimmering-text.json"],"title":"Slide to Unlock","type":"registry:component"},{"categories":["marketing"],"description":"Scrolling marquee to showcase user testimonials.","name":"testimonials-marquee","registryDependencies":["@kibo-ui/marquee","https://chanhdai.com/r/testimonial.json"],"title":"Testimonials Marquee","type":"registry:component"},{"categories":["marketing"],"description":"Display user feedback with author info, avatar, and verified badge.","name":"testimonial","title":"Testimonial","type":"registry:component"},{"categories":["data-display"],"description":"Display GitHub repo star count with formatted numbers and full-count tooltip.","name":"github-stars","registryDependencies":["button","tooltip"],"title":"GitHub Stars","type":"registry:component"},{"categories":["effects"],"description":"Fade content edges as you scroll, for both vertical and horizontal layouts.","name":"scroll-fade-effect","title":"Scroll Fade Effect","type":"registry:component"},{"categories":["utilities"],"dependencies":["@c15t/nextjs"],"description":"Cookie and tracking consent banner for Next.js, built on c15t.","name":"consent-manager","registryDependencies":["button"],"title":"Consent Manager","type":"registry:component"},{"categories":["utilities"],"dependencies":["motion","@rexa-developer/tiks","web-haptics","lucide-react"],"description":"Copy text to clipboard with visual, haptic, and audio feedback.","name":"copy-button","registryDependencies":["button","https://chanhdai.com/r/icon-swap.json"],"title":"Copy Button","type":"registry:component"},{"categories":["data-display"],"dependencies":["@base-ui/react","motion","jotai","lucide-react"],"description":"Display install commands with package manager switcher and copy button.","name":"code-block-command","registryDependencies":["https://chanhdai.com/r/icon-swap.json","https://chanhdai.com/r/copy-button.json"],"title":"Code Block Command","type":"registry:component"},{"categories":["marketing"],"description":"Testimonial card with spotlight effect on hover.","name":"testimonial-spotlight","registryDependencies":["https://chanhdai.com/r/testimonial.json"],"title":"Testimonial Spotlight","type":"registry:component"},{"categories":["effects"],"description":"Display cards with glowing border and background effects.","name":"glow-card-grid","title":"Glow Card Grid","type":"registry:component"},{"categories":["typography"],"description":"Truncate text in the middle while preserving start and end.","name":"middle-truncation","title":"Middle Truncation","type":"registry:component"},{"categories":["typography"],"description":"Render Unicode emoji as Twemoji SVG images inline with text.","name":"twemoji","title":"Twemoji","type":"registry:component"},{"categories":["controls"],"dependencies":["motion"],"description":"Slider with elastic rubber-band drag and magnetic snap feedback.","name":"elastic-slider","registryDependencies":["https://chanhdai.com/r/use-controllable-state.json"],"title":"Elastic Slider","type":"registry:component"},{"categories":["data-display"],"dependencies":["date-fns"],"description":"A GitHub-style contribution graph component that displays activity levels over time.","name":"contribution-graph","title":"Contribution Graph","type":"registry:component"},{"categories":["data-display"],"dependencies":["date-fns"],"description":"Visualize year-long GitHub contribution activity with daily counts, tooltips, and a profile link.","name":"github-contributions","registryDependencies":["tooltip","spinner","https://chanhdai.com/r/contribution-graph.json"],"title":"GitHub Contributions","type":"registry:component"},{"categories":["navigation"],"description":"Navigate page sections with a compact, hoverable TOC minimap.","name":"toc-minimap","registryDependencies":["hover-card","@soundcn/u-mini-map-open"],"title":"TOC Minimap","type":"registry:component"},{"categories":["text-effects"],"dependencies":["motion"],"description":"Render text with a fluid gradient that shifts with pointer movement.","name":"fluid-gradient-text","title":"Fluid Gradient Text","type":"registry:component"},{"categories":["menus"],"dependencies":["@rexa-developer/tiks","lucide-react"],"description":"Context menu for copying brand SVGs and opening asset links.","name":"brand-assets-menu","registryDependencies":["context-menu","toast"],"title":"Brand Assets Menu","type":"registry:component"},{"categories":["effects"],"dependencies":["motion"],"description":"Animate icon swaps with scale, blur, and fade transitions.","name":"icon-swap","title":"Icon Swap","type":"registry:component"},{"categories":["effects"],"description":"Interactive dot grid with a cursor-tracking spotlight effect.","name":"dot-grid-spotlight","title":"Dot Grid Spotlight","type":"registry:component"},{"categories":["text-effects"],"description":"Text arranged in a circle with a continuous spinning animation.","name":"spinning-circular-text","title":"Spinning Circular Text","type":"registry:component"},{"categories":["effects"],"dependencies":["motion"],"description":"Animated Mobius loop icon that morphs between circles and infinity shape.","name":"mobius-loop-icon","title":"Mobius Loop Icon","type":"registry:component"},{"categories":["marketing"],"dependencies":["motion"],"description":"Cycle through logos column by column in a staggered wave.","name":"logos-carousel","title":"Logos Carousel","type":"registry:component"},{"categories":["marketing"],"dependencies":["motion"],"description":"Flip cards in a staggered wave to reveal the next batch of logos.","name":"logos-flip","title":"Logos Flip","type":"registry:component"},{"categories":["marketing"],"description":"Display a testimonial quote with author attribution and source link.","name":"testimonial-2","title":"Testimonial 2","type":"registry:component"},{"categories":["navigation"],"dependencies":["motion"],"description":"Vertical navigation with a line marker that expands on hover and active state.","name":"line-nav","title":"Line Nav","type":"registry:component"},{"categories":["menus"],"dependencies":["lucide-react"],"description":"Share menu to copy a link or post to X, LinkedIn, and the native share sheet.","name":"share-menu","registryDependencies":["button","dropdown-menu","toast"],"title":"Share Menu","type":"registry:component"},{"categories":["effects"],"dependencies":["motion"],"description":"SVG logo with a cursor-tracking gradient highlight and tactile press.","name":"spotlight-logo","registryDependencies":["@soundcn/metal-click"],"title":"Spotlight Logo","type":"registry:component"},{"categories":["data-display"],"description":"Ruler-style timeline for plotting milestones along a horizontal or vertical axis.","name":"timescale","title":"Timescale","type":"registry:component"},{"categories":["controls"],"dependencies":["motion","lucide-react"],"description":"Button that shows loading and success feedback for async actions.","name":"status-button","registryDependencies":["button","https://chanhdai.com/r/use-controllable-state.json"],"title":"Status Button","type":"registry:component"},{"categories":["utilities"],"description":"Display a Carbon Ads unit in Next.js apps, styled to match your shadcn/ui theme.","name":"carbon-ads","title":"Carbon Ads","type":"registry:component"},{"categories":["marketing"],"dependencies":["motion"],"description":"Infinite autoplay carousel with progress dots, inspired by Apple’s website.","name":"apple-carousel","title":"Apple Carousel","type":"registry:component"},{"categories":["illustrations"],"dependencies":["motion"],"description":"Leather card holder shaped like a JPG file, with cards you can pull out.","name":"jpg-card-holder","title":"JPG Card Holder","type":"registry:component"},{"categories":["application"],"description":"A simple login form.","name":"login-01","registryDependencies":["button","card","input","label","field"],"title":"Login 01","type":"registry:block"},{"categories":["marketing"],"dependencies":["lucide-react"],"description":"A hero section with a golden spiral background.","name":"hero-01","registryDependencies":["button","https://chanhdai.com/r/style.json"],"title":"Hero 01","type":"registry:block"},{"categories":["marketing"],"dependencies":["date-fns","lucide-react"],"description":"A blog section with a grid layout.","name":"blog-01","registryDependencies":["button"],"title":"Blog 01","type":"registry:block"},{"categories":["marketing"],"dependencies":["date-fns","lucide-react"],"description":"A blog section with a lined grid layout.","name":"blog-02","registryDependencies":["button","https://chanhdai.com/r/style.json"],"title":"Blog 02","type":"registry:block"},{"categories":["marketing"],"description":"A testimonials section with dual marquees.","name":"testimonials-01","registryDependencies":["https://www.kibo-ui.com/r/marquee.json","https://chanhdai.com/r/testimonial-spotlight.json"],"title":"Testimonials 01","type":"registry:block"},{"categories":["marketing"],"description":"A testimonials section with a lined layout.","name":"testimonials-02","registryDependencies":["https://www.kibo-ui.com/r/marquee.json","https://chanhdai.com/r/style.json","https://chanhdai.com/r/testimonial.json"],"title":"Testimonials 02","type":"registry:block"},{"categories":["marketing"],"dependencies":["lucide-react"],"description":"A work experience section with a lined layout.","name":"experience-01","registryDependencies":["https://chanhdai.com/r/style.json","https://chanhdai.com/r/work-experience.json"],"title":"Experience 01","type":"registry:block"},{"categories":["marketing"],"description":"A team section with glowing cards.","name":"team-01","registryDependencies":["https://chanhdai.com/r/glow-card-grid.json"],"title":"Team 01","type":"registry:block"},{"categories":["marketing"],"dependencies":["date-fns","lucide-react"],"description":"A metrics section with a line chart.","name":"metrics-01","registryDependencies":["@bklit/line-chart","https://chanhdai.com/r/style.json"],"title":"Metrics 01","type":"registry:block"},{"categories":["marketing"],"dependencies":["lucide-react"],"description":"A social links section with a lined grid layout.","name":"social-links-01","registryDependencies":["https://chanhdai.com/r/style.json"],"title":"Social Links 01","type":"registry:block"},{"categories":["marketing"],"description":"A social proof section with a logos carousel.","name":"social-proof-01","registryDependencies":["https://chanhdai.com/r/logos-carousel.json"],"title":"Social Proof 01","type":"registry:block"},{"categories":["application"],"dependencies":["p5@^1.9.4","motion","next-themes","lucide-react"],"description":"A 404 page with a playable brick breaker game.","devDependencies":["@types/p5@^1.7.7"],"name":"not-found-01","registryDependencies":["button","empty"],"title":"Not Found 01","type":"registry:block"}]},"chewypixel":{"favicon":"/favicons/chewypixel.svg","items":[{"dependencies":["motion@^14.0.0"],"description":"Mutually exclusive options with a highlight that slides to the selected one.","name":"segmented-control","title":"Segmented Control","type":"registry:ui"},{"dependencies":["@radix-ui/react-tabs@^1.1.21","motion@^14.0.0"],"description":"Underline tabs. The underline slides to the active tab and resizes to fit its label.","name":"tabs","title":"Tabs","type":"registry:ui"},{"dependencies":["@radix-ui/react-switch@^1.3.7","motion@^14.0.0"],"description":"A switch whose thumb springs across when toggled and stretches while pressed.","name":"switch","title":"Switch","type":"registry:ui"},{"dependencies":["@radix-ui/react-checkbox@^1.3.11","motion@^14.0.0"],"description":"A checkbox that draws its check mark and squishes when pressed.","name":"checkbox","title":"Checkbox","type":"registry:ui"},{"dependencies":["motion@^14.0.0"],"description":"A colored dot and a label for showing state, with an optional pulse.","name":"status","title":"Status","type":"registry:ui"},{"dependencies":["motion@^14.0.0"],"description":"A number that counts to its new value when it changes.","name":"animated-number","title":"Animated Number","type":"registry:ui"},{"dependencies":["@radix-ui/react-radio-group@^1.4.7","motion@^14.0.0"],"description":"Radio buttons that squish when pressed, with a dot that springs in when picked.","name":"radio-group","title":"Radio Group","type":"registry:ui"},{"dependencies":["@radix-ui/react-tooltip@^1.2.16","motion@^14.0.0"],"description":"A tooltip on a frosted panel that scales in from its trigger and fades out when you move away.","name":"tooltip","title":"Tooltip","type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog@^1.1.23","@untitledui/icons@^0.0.23","motion@^14.0.0"],"description":"A dialog that springs up over a light overlay and animates out before it closes.","name":"dialog","title":"Dialog","type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog@^1.1.23","@untitledui/icons@^0.0.23","motion@^14.0.0"],"description":"A side panel that slides in from any edge of the screen over a light overlay.","name":"sheet","title":"Sheet","type":"registry:ui"},{"dependencies":["@radix-ui/react-dropdown-menu@^2.1.24","@untitledui/icons@^0.0.23","motion@^14.0.0"],"description":"A frosted menu that scales out of its trigger and animates out when it closes.","name":"dropdown-menu","title":"Dropdown Menu","type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog@^1.1.23","@untitledui/icons@^0.0.23","cmdk@^1.1.1","motion@^14.0.0"],"description":"A command palette whose highlight glides between results as you move through them.","name":"command","title":"Command","type":"registry:ui"},{"dependencies":["@radix-ui/react-collapsible@^1.1.20","motion@^14.0.0"],"description":"A section that opens and closes by animating its height.","name":"collapsible","title":"Collapsible","type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog@^1.1.23","@untitledui/icons@^0.0.23","motion@^14.0.0"],"description":"A thumbnail that flies out to a larger view in the middle of the screen, over a lightly blurred page.","name":"image-lightbox","title":"Image Lightbox","type":"registry:ui"},{"dependencies":["@radix-ui/react-select@^2.3.7","@untitledui/icons@^0.0.23","motion@^14.0.0"],"description":"A select whose list pops open on a frosted panel, with a soft halo on the trigger while it's open.","name":"select","title":"Select","type":"registry:ui"},{"dependencies":["@radix-ui/react-popover@^1.1.23","motion@^14.0.0"],"description":"A frosted panel that scales in from its trigger and animates out before it closes.","name":"popover","title":"Popover","type":"registry:ui"},{"dependencies":["@radix-ui/react-popover@^1.1.23","@radix-ui/react-slot@^1.3.3","@untitledui/icons@^0.0.23","class-variance-authority@^0.7.1","dayjs@^1.11.23","motion@^14.0.0"],"description":"A date field that opens a calendar. Months slide in the direction you page, and arrow keys move between days.","name":"date-picker","title":"Date Picker","type":"registry:ui"},{"dependencies":["@untitledui/icons@^0.0.23","motion@^14.0.0"],"description":"A password field with a button that shows or hides what you typed. The eye icon swaps with a quick pop.","name":"password-input","title":"Password Input","type":"registry:ui"},{"dependencies":["motion@^14.0.0"],"description":"One box per digit for verification codes, with a blinking caret in the next box. Pasting a code and autofill from SMS both work.","name":"code-input","title":"Code Input","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot@^1.3.3","@untitledui/icons@^0.0.23","class-variance-authority@^0.7.1","motion@^14.0.0"],"description":"An icon button that copies text. The copy icon pops into a check, then back.","name":"copy-button","title":"Copy Button","type":"registry:ui"},{"dependencies":["motion@^14.0.0"],"description":"Text with a band of light sweeping across it, for loading and thinking states.","name":"shimmer","title":"Shimmer","type":"registry:ui"},{"dependencies":["@untitledui/icons@^0.0.23","motion@^14.0.0"],"description":"Illustrations for error pages: a wandering search icon for 404, a pulsing lock for 403 and a spinning ring for 500.","name":"status-graphic","title":"Status Graphic","type":"registry:ui"},{"description":"Overlapping avatars with a +N count once there are more than fit.","name":"avatar-group","title":"Avatar Group","type":"registry:ui"},{"dependencies":["motion@^14.0.0"],"description":"Three dots that bob in turn while someone is typing.","name":"typing-indicator","title":"Typing Indicator","type":"registry:ui"},{"dependencies":["@untitledui/icons@^0.0.23","frimousse@^0.4.0"],"description":"A searchable emoji picker with categories and a preview of the emoji you're on.","name":"emoji-picker","title":"Emoji Picker","type":"registry:ui"}]},"agentcn":{"favicon":"/favicons/agentcn.svg","items":[{"description":"Eve agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total and returning failing checks and an agent-ready fix prompt.","name":"eve/ai-seo-audit","title":"AI SEO Audit Agent","type":"registry:block"},{"description":"Eve agent that drives a real browser with Playwright using a snapshot-and-selector pattern to complete web tasks.","name":"eve/browser-agent","title":"Browser Agent","type":"registry:block"},{"description":"Eve agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval.","name":"eve/chat-with-pdf","title":"Chat with PDF Agent","type":"registry:block"},{"description":"Eve agent that fetches a video's metadata and transcript, then answers questions with clickable timestamp citations.","name":"eve/chat-with-youtube","title":"Chat with YouTube Agent","type":"registry:block"},{"description":"Eve agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks.","name":"eve/claw","title":"Claw Autonomous Assistant","type":"registry:block"},{"description":"Eve agent that indexes internal documents into a vector store and answers questions over them, with PII redaction.","name":"eve/company-knowledge","title":"Company Knowledge Agent","type":"registry:block"},{"description":"Eve agent that summarizes a CSV dataset to stay within token limits, then generates focused analytical questions.","name":"eve/csv-to-questions","title":"CSV to Questions Agent","type":"registry:block"},{"description":"Eve agent that researches a question, evaluates its own findings, and iterates until the answer is complete and cited.","name":"eve/deep-search","title":"Deep Search Agent","type":"registry:block"},{"description":"Eve agent that answers questions about a library's functions by looking up structured documentation.","name":"eve/docs-chatbot","title":"Docs Chatbot Agent","type":"registry:block"},{"description":"Eve agent that answers questions about libraries and APIs by searching the live web and citing sources.","name":"eve/docs-expert","title":"Docs Expert Agent","type":"registry:block"},{"description":"Eve agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composing the document in a single Claude call with the screenshot as a vision image.","name":"eve/extract-design-md","title":"Extract DESIGN.md Agent","type":"registry:block"},{"description":"Eve agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations.","name":"eve/feedback-summary","title":"Customer Feedback Summary Agent","type":"registry:block"},{"description":"Eve agent that turns a PDF into study flash cards, with optional AI-generated images per concept.","name":"eve/flashcards-pdf","title":"Flash Cards from PDF Agent","type":"registry:block"},{"description":"Eve agent that fetches a GitHub pull request and returns adaptive, file-by-file code review feedback.","name":"eve/github-review","title":"GitHub PR Code Review Agent","type":"registry:block"},{"description":"Eve agent that reads, analyzes, and edits Google Sheets via the Sheets API.","name":"eve/google-sheets","title":"Google Sheets Analysis Agent","type":"registry:block"},{"description":"Eve agent that turns a raw meeting transcript into a structured summary, decisions, and action items.","name":"eve/meeting-notes","title":"Meeting Notes Agent","type":"registry:block"},{"description":"Eve agent that replies to Slack mentions and DMs, threaded, via the Slack Web API.","name":"eve/slack-agent","title":"Slack Agent","type":"registry:block"},{"description":"Eve agent that introspects a database schema, converts questions to SQL, and runs read-only queries.","name":"eve/text-to-sql","title":"Chat with Database Agent","type":"registry:block"},{"description":"Eve agent that looks up current weather for a location via the Open-Meteo API.","name":"eve/weather","title":"Weather Agent","type":"registry:block"},{"description":"Flue agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total and returning failing checks and an agent-ready fix prompt.","name":"flue/ai-seo-audit","title":"AI SEO Audit Agent","type":"registry:block"},{"description":"Flue agent that drives a real browser with Playwright using a snapshot-and-selector pattern to complete web tasks.","name":"flue/browser-agent","title":"Browser Agent","type":"registry:block"},{"description":"Flue agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval.","name":"flue/chat-with-pdf","title":"Chat with PDF Agent","type":"registry:block"},{"description":"Flue agent that fetches a video's metadata and transcript, then answers questions with clickable timestamp citations.","name":"flue/chat-with-youtube","title":"Chat with YouTube Agent","type":"registry:block"},{"description":"Flue agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks.","name":"flue/claw","title":"Claw Autonomous Assistant","type":"registry:block"},{"description":"Flue agent that indexes internal documents into a vector store and answers questions over them, with a scheduled re-index workflow and PII redaction.","name":"flue/company-knowledge","title":"Company Knowledge Agent","type":"registry:block"},{"description":"Flue agent that chains a summarizer and a question-generator through a workflow to turn a CSV into analytical questions.","name":"flue/csv-to-questions","title":"CSV to Questions Agent","type":"registry:block"},{"description":"Flue agent that fans research out to searcher and evaluator subagents, iterating through a bounded workflow until the answer is cited and complete.","name":"flue/deep-search","title":"Deep Search Agent","type":"registry:block"},{"description":"Flue agent that answers questions about a library's functions by looking up structured documentation.","name":"flue/docs-chatbot","title":"Docs Chatbot Agent","type":"registry:block"},{"description":"Flue agent that answers questions about libraries and APIs by searching the live web and citing sources.","name":"flue/docs-expert","title":"Docs Expert Agent","type":"registry:block"},{"description":"Flue workflow that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composing the document in a single Claude call with the screenshot as a vision image.","name":"flue/extract-design-md","title":"Extract DESIGN.md Agent","type":"registry:block"},{"description":"Flue agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations.","name":"flue/feedback-summary","title":"Customer Feedback Summary Agent","type":"registry:block"},{"description":"Flue agent that turns a PDF into study flash cards through a workflow, with optional AI-generated images per concept.","name":"flue/flashcards-pdf","title":"Flash Cards from PDF Agent","type":"registry:block"},{"description":"Flue agent that fetches a GitHub pull request and returns adaptive review feedback, with a workflow that emits a typed review.","name":"flue/github-review","title":"GitHub PR Code Review Agent","type":"registry:block"},{"description":"Flue agent that reads, analyzes, and edits Google Sheets via the Sheets API.","name":"flue/google-sheets","title":"Google Sheets Analysis Agent","type":"registry:block"},{"description":"Flue agent that runs a transcript through a workflow to return a structured summary, decisions, and action items.","name":"flue/meeting-notes","title":"Meeting Notes Agent","type":"registry:block"},{"description":"Flue agent that replies to Slack mentions and DMs, threaded, via the Slack Web API.","name":"flue/slack-agent","title":"Slack Agent","type":"registry:block"},{"description":"Flue agent that introspects a database schema, converts questions to SQL, and runs read-only queries.","name":"flue/text-to-sql","title":"Chat with Database Agent","type":"registry:block"},{"description":"Flue agent that looks up current weather for a location via the Open-Meteo API.","name":"flue/weather","title":"Weather Agent","type":"registry:block"},{"description":"Mastra agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total, returning failing checks and an agent-ready fix prompt.","name":"mastra/ai-seo-audit","title":"AI SEO Audit Agent","type":"registry:block"},{"description":"A browser-operating agent that interacts with live web pages using Playwright-based tools with accessibility-tree ref ids.","name":"mastra/browser-agent","title":"Browser Agent","type":"registry:block"},{"description":"Mastra agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval and stratified sampling.","name":"mastra/chat-with-pdf","title":"Chat with PDF Agent","type":"registry:block"},{"description":"A helpful assistant that fetches and analyzes YouTube video transcripts to answer questions, generate summaries, and create chapters.","name":"mastra/chat-with-youtube","title":"Chat with YouTube Agent","type":"registry:block"},{"description":"Mastra agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks.","name":"mastra/claw","title":"Claw Autonomous Assistant","type":"registry:block"},{"description":"Mastra agent that indexes internal documents into a vector store and answers questions over them, with PII redaction.","name":"mastra/company-knowledge","title":"Company Knowledge Agent","type":"registry:block"},{"description":"Mastra agent that summarizes a CSV dataset to stay within token limits, then generates focused analytical questions.","name":"mastra/csv-to-questions","title":"CSV to Questions Agent","type":"registry:block"},{"description":"A multi-agent deep search system that researches questions by clarifying intent, planning queries, evaluating results, and synthesizing answers.","name":"mastra/deep-search","title":"Deep Search Agent","type":"registry:block"},{"description":"Mastra agent that answers questions about a library's functions by looking up structured documentation.","name":"mastra/docs-chatbot","title":"Docs Chatbot Agent","type":"registry:block"},{"description":"Mastra agent that answers questions about libraries and APIs by searching the live web and citing sources.","name":"mastra/docs-expert","title":"Docs Expert Agent","type":"registry:block"},{"description":"Mastra agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composing the document in a single Claude call with the screenshot as a vision image.","name":"mastra/extract-design-md","title":"Extract DESIGN.md Agent","type":"registry:block"},{"description":"Mastra agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations.","name":"mastra/feedback-summary","title":"Customer Feedback Summary Agent","type":"registry:block"},{"description":"Mastra agent that turns a PDF into study flash cards, with optional AI-generated images per concept.","name":"mastra/flashcards-pdf","title":"Flash Cards from PDF Agent","type":"registry:block"},{"description":"Mastra agent that fetches a GitHub pull request and returns adaptive, file-by-file code review feedback.","name":"mastra/github-review","title":"GitHub PR Code Review Agent","type":"registry:block"},{"description":"Mastra agent that reads, analyzes, and edits Google Sheets via the Sheets API.","name":"mastra/google-sheets","title":"Google Sheets Analysis Agent","type":"registry:block"},{"description":"Mastra agent that turns a raw meeting transcript into a structured summary, decisions, and action items.","name":"mastra/meeting-notes","title":"Meeting Notes Agent","type":"registry:block"},{"description":"Mastra agent that replies to Slack mentions and DMs, scoped to the thread, via the Slack Web API.","name":"mastra/slack-agent","title":"Slack Agent","type":"registry:block"},{"description":"Mastra agent that introspects a database schema, converts questions to SQL, and runs read-only queries.","name":"mastra/text-to-sql","title":"Chat with Database Agent","type":"registry:block"},{"description":"Mastra agent that looks up current weather for a location via the Open-Meteo API.","name":"mastra/weather","title":"Weather Agent","type":"registry:block"},{"description":"LangGraph agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total, returning failing checks and an agent-ready fix prompt.","name":"langgraph/ai-seo-audit","title":"AI SEO Audit Agent","type":"registry:block"},{"description":"A browser-operating agent that interacts with live web pages using Playwright-based tools with accessibility-tree ref ids.","name":"langgraph/browser-agent","title":"Browser Agent","type":"registry:block"},{"description":"LangGraph agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval and stratified sampling.","name":"langgraph/chat-with-pdf","title":"Chat with PDF Agent","type":"registry:block"},{"description":"A helpful assistant that fetches and analyzes YouTube video transcripts to answer questions, generate summaries, and create chapters.","name":"langgraph/chat-with-youtube","title":"Chat with YouTube Agent","type":"registry:block"},{"description":"LangGraph agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks.","name":"langgraph/claw","title":"Claw Autonomous Assistant","type":"registry:block"},{"description":"LangGraph agent that indexes internal documents into a vector store and answers questions over them, with PII redaction.","name":"langgraph/company-knowledge","title":"Company Knowledge Agent","type":"registry:block"},{"description":"LangGraph agent that summarizes a CSV dataset to stay within token limits, then generates focused analytical questions.","name":"langgraph/csv-to-questions","title":"CSV to Questions Agent","type":"registry:block"},{"description":"A multi-agent deep search system that researches questions by clarifying intent, planning queries, evaluating results, and synthesizing answers.","name":"langgraph/deep-search","title":"Deep Search Agent","type":"registry:block"},{"description":"LangGraph agent that answers questions about a library's functions by looking up structured documentation.","name":"langgraph/docs-chatbot","title":"Docs Chatbot Agent","type":"registry:block"},{"description":"LangGraph agent that answers questions about libraries and APIs by searching the live web and citing sources.","name":"langgraph/docs-expert","title":"Docs Expert Agent","type":"registry:block"},{"description":"LangGraph agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composing the document in a single Claude call with the screenshot as a vision image.","name":"langgraph/extract-design-md","title":"Extract DESIGN.md Agent","type":"registry:block"},{"description":"LangGraph agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations.","name":"langgraph/feedback-summary","title":"Customer Feedback Summary Agent","type":"registry:block"},{"description":"LangGraph agent that turns a PDF into study flash cards, with optional AI-generated images per concept.","name":"langgraph/flashcards-pdf","title":"Flash Cards from PDF Agent","type":"registry:block"},{"description":"LangGraph agent that fetches a GitHub pull request and returns adaptive, file-by-file code review feedback.","name":"langgraph/github-review","title":"GitHub PR Code Review Agent","type":"registry:block"},{"description":"LangGraph agent that reads, analyzes, and edits Google Sheets via the Sheets API.","name":"langgraph/google-sheets","title":"Google Sheets Analysis Agent","type":"registry:block"},{"description":"LangGraph agent that turns a raw meeting transcript into a structured summary, decisions, and action items.","name":"langgraph/meeting-notes","title":"Meeting Notes Agent","type":"registry:block"},{"description":"LangGraph agent that replies to Slack mentions and DMs, scoped to the thread, via the Slack Web API.","name":"langgraph/slack-agent","title":"Slack Agent","type":"registry:block"},{"description":"LangGraph agent that introspects a database schema, converts questions to SQL, and runs read-only queries.","name":"langgraph/text-to-sql","title":"Chat with Database Agent","type":"registry:block"},{"description":"LangGraph agent that looks up current weather for a location via the Open-Meteo API.","name":"langgraph/weather","title":"Weather Agent","type":"registry:block"}]},"crafterui":{"favicon":"/favicons/crafterui.ico","items":[{"dependencies":["@radix-ui/react-tooltip"],"description":"A tooltip with a fully outlined border arrow that stays seamlessly connected to the panel on every side, built on Radix UI.","name":"arrow-tooltip","title":"Arrow Tooltip","type":"registry:ui"},{"dependencies":["motion"],"description":"An Apple-style Dynamic Island that morphs between idle, ring, silent, and timer states with spring physics and blurred content cross-fades using Motion.","name":"dynamic-island","title":"Dynamic Island","type":"registry:ui"},{"dependencies":["@number-flow/react","motion","lucide-react"],"description":"A full-screen countdown with fluid rolling digits, play/pause and reset controls, and auto-loop, built with NumberFlow and Motion.","name":"countdown-timer","title":"Countdown Timer","type":"registry:ui"},{"description":"Headless cursor hit-testing engine: tracks which element is under the pointer frame-by-frame, so hover keeps following the cursor even while the list scrolls beneath it. Ships as a controller plus React hooks, no UI.","name":"super-hover","title":"Super Hover","type":"registry:ui"},{"description":"A scrollable index whose active row — and its revealed artwork — keeps tracking the cursor while the list scrolls beneath it, unlike native hover, via frame-by-frame hit-testing.","name":"super-hover-list","registryDependencies":["https://crafterui.com/r/super-hover.json"],"title":"Super Hover List","type":"registry:ui"},{"dependencies":["motion"],"description":"A slot-machine handle picker that spins a vertical reel of names past a fixed prefix, highlighting the centered one, then decelerates and lands on a final username, built with Motion.","name":"username-reel","title":"Username Reel","type":"registry:ui"},{"description":"An AI answer written out in marker pen: Caveat handwriting, a highlighter swipe, a hand-drawn circle and a crossed-out correction, with each word inking in as it streams.","name":"handwritten-response","title":"Handwritten Response","type":"registry:ui"},{"dependencies":["motion"],"description":"Headline type that writes itself in on scroll, one letter at a time, with a synthesised tick as each lands. Letters take no space until they arrive, so a centred line opens outward from the middle. Arrival order, raggedness, spacing behaviour and the tick are all tunable, plus an","name":"letter-reveal","title":"Letter Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"A full-bleed editorial hero driven by a filmstrip: cards share one top edge, the focused card unfurls to full height while its neighbours stay clipped to half, and the whole background re-grades to the focused photo. Wheel, drag, click and arrow keys.","name":"hero-carousel","title":"Hero Carousel","type":"registry:ui"},{"description":"A portfolio index that rests as a ring of cards around a title and, on the first notch of scroll, blows open into a vertical 3D drum you turn through - front card flat and full size, neighbours bowing away along an arc into hard perspective.","name":"works-wheel","title":"Works Wheel","type":"registry:ui"},{"description":"A looping image strip that is never drawn straight to screen: it renders to an offscreen texture, then a fullscreen pass samples it back through a thick optical element - drawing the picture inward, separating it into colour channels toward the perimeter, and adding a bright core","name":"glass-lens-carousel","title":"Glass Lens Carousel","type":"registry:ui"},{"description":"A spiral column of cards, each mapped onto the surface of the cylinder it orbits so its outer edges retreat in depth. As cards travel away they pass through a single-axis blur and then break up into an ordered threshold pattern read off a three-point tone scale. Pointing at a car","name":"dither-helix-carousel","title":"Dither Helix Carousel","type":"registry:ui"},{"description":"A carousel with no mesh and no image elements: every card is a rounded-box distance field, and one fullscreen pass takes a smooth minimum across all of them. Cards approaching fuse instead of overlapping, and cards separating trail strands that narrow, hang and part on their own,","name":"molten-ring-carousel","title":"Molten Ring Carousel","type":"registry:ui"},{"description":"A gallery you fly down instead of scroll through: four walls - left, right, ceiling and floor - papered with the same run of pictures, drifting out of the vanishing point and past your head. Wheel, drag or arrow keys shove it faster and it coasts back to its drift. Pure CSS 3D on","name":"corridor-carousel","title":"Corridor Carousel","type":"registry:ui"},{"description":"A shelf of work you open one piece at a time. Closed, every project is a hairline spine with its name set bottom-to-top along the edge; hover, tap or focus one and it unfurls into a framed picture while the rest close back. The layout is one animated flex-grow over a shared basis","name":"spine-accordion","title":"Spine Accordion","type":"registry:ui"},{"dependencies":["motion"],"description":"Headless gooey-surface engine: an SVG metaball filter whose border never swells, because every working blur carries its own solved pair of alpha thresholds, plus the grab gesture that pulls a liquid finger out of any surface and whips it back on a spring. Renders one filter and h","name":"mercury-surface","title":"Mercury Surface","type":"registry:ui"},{"dependencies":["motion"],"description":"A speed dial that bursts into droplets. The trigger swells while the drops gather inside it, each one oozes out under surface tension and then fires past full size on a pop spring; closing winds up the wrong way and dives them back in with a splat. Press and drag any drop and a l","name":"mercury-dial","registryDependencies":["https://crafterui.com/r/mercury-surface.json"],"title":"Mercury Dial","type":"registry:ui"},{"dependencies":["motion"],"description":"A dropdown the button pours out of itself. The trigger swells, the panel oozes up under its own weight and then fires into place on a pop spring with the rows condensing in bottom-up; closing crashes it back down in one dive and the button takes the hit with a splat. Press and dr","name":"mercury-menu","registryDependencies":["https://crafterui.com/r/mercury-surface.json"],"title":"Mercury Menu","type":"registry:ui"}]},"shadcn-templ":{"favicon":"/favicons/shadcn-templ.svg","items":[{"categories":["layout-navigation"],"description":"Collapsible accordion component.","name":"accordion","registryDependencies":["icon"],"title":"Accordion","type":"registry:ui"},{"categories":["feedback-status"],"description":"Alert component for messages and notifications.","name":"alert","title":"Alert","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"A modal dialog that interrupts the user with important content and expects a response.","name":"alert-dialog","registryDependencies":["button","dialog"],"title":"Alert Dialog","type":"registry:ui"},{"categories":["display-media"],"description":"Container that maintains aspect ratio.","name":"aspect-ratio","title":"Aspect Ratio","type":"registry:ui"},{"categories":["display-media"],"description":"Avatar component for user profiles.","name":"avatar","title":"Avatar","type":"registry:ui"},{"categories":["feedback-status"],"description":"Badge component for labels and status indicators.","name":"badge","title":"Badge","type":"registry:ui"},{"categories":["layout-navigation"],"description":"Breadcrumb navigation component.","name":"breadcrumb","registryDependencies":["icon"],"title":"Breadcrumb","type":"registry:ui"},{"categories":["form-input"],"description":"Button component with multiple variants.","name":"button","title":"Button","type":"registry:ui"},{"categories":["layout-navigation"],"description":"Group related buttons together with shared borders.","name":"button-group","registryDependencies":["button"],"title":"Button Group","type":"registry:ui"},{"categories":["form-input"],"description":"Calendar component for date selection.","name":"calendar","registryDependencies":["icon"],"title":"Calendar","type":"registry:ui"},{"categories":["display-media"],"description":"Card container component.","name":"card","registryDependencies":["aspect-ratio"],"title":"Card","type":"registry:ui"},{"categories":["display-media"],"description":"Carousel component with navigation controls.","name":"carousel","registryDependencies":["icon"],"title":"Carousel","type":"registry:ui"},{"categories":["display-media"],"description":"Beautiful charts. Composable chart elements with a Recharts compatible client renderer.","name":"chart","title":"Chart","type":"registry:ui"},{"categories":["form-input"],"description":"Checkbox input component.","name":"checkbox","registryDependencies":["icon"],"title":"Checkbox","type":"registry:ui"},{"categories":["misc"],"description":"Collapsible container component.","name":"collapsible","title":"Collapsible","type":"registry:ui"},{"categories":["form-input"],"description":"An input with a filterable list of options.","name":"combobox","registryDependencies":["button","icon","input-group"],"title":"Combobox","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"Fast, composable command menu.","name":"command","registryDependencies":["dialog","icon","input-group"],"title":"Command","type":"registry:ui"},{"categories":["form-input"],"description":"A date picker pattern composed of the Calendar, Popover and Button components.","name":"date-picker","registryDependencies":["button","calendar","popover"],"title":"Date Picker","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"Slide-out panel component (drawer).","name":"sheet","registryDependencies":["button","dialog","icon"],"title":"Sheet","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"Displays a menu of actions or options triggered by a button.","name":"dropdown-menu","registryDependencies":["icon"],"title":"Dropdown Menu","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","name":"menubar","registryDependencies":["icon"],"title":"Menubar","type":"registry:ui"},{"categories":["layout-navigation"],"description":"A collection of links for navigating websites.","name":"navigation-menu","registryDependencies":["icon"],"title":"Navigation Menu","type":"registry:ui"},{"categories":["form-input"],"description":"A multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable questions.","name":"questionnaire","registryDependencies":["button","icon"],"title":"Questionnaire","type":"registry:ui"},{"categories":["misc"],"description":"SVG icon component library.","name":"icon","title":"Icon","type":"registry:ui"},{"categories":["form-input"],"description":"Text input component.","name":"input","title":"Input","type":"registry:ui"},{"categories":["form-input"],"description":"One-time password input component.","name":"input-otp","registryDependencies":["input"],"title":"Input OTP","type":"registry:ui"},{"categories":["form-input"],"description":"Form label component.","name":"label","title":"Label","type":"registry:ui"},{"categories":["misc"],"description":"A provider component that sets the text direction for your application.","name":"direction","title":"Direction","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"A panel that slides in from the edge of the screen and can be swiped away.","name":"drawer","title":"Drawer","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"Modal dialog component.","name":"dialog","registryDependencies":["button","icon"],"title":"Dialog","type":"registry:ui"},{"categories":["layout-navigation"],"description":"Pagination component for lists and tables.","name":"pagination","registryDependencies":["button","icon"],"title":"Pagination","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"Floating popover component using the browser popover API and Floating UI positioning.","name":"popover","title":"Popover","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"Displays rich content in a card when hovering over a trigger. Uses Popover for the popup.","name":"hover-card","title":"Hover Card","type":"registry:ui"},{"categories":["form-input"],"description":"Compose accessible form fields with labels, descriptions and errors.","name":"field","title":"Field","type":"registry:ui"},{"categories":["display-media"],"description":"Displays a keyboard key or shortcut.","name":"kbd","title":"Kbd","type":"registry:ui"},{"categories":["form-input"],"description":"An input with leading or trailing addons — icons, text or buttons.","name":"input-group","title":"Input Group","type":"registry:ui"},{"categories":["layout-navigation"],"description":"A flexible row for lists — media, title, description and actions.","name":"item","title":"Item","type":"registry:ui"},{"categories":["feedback-status"],"description":"Placeholder for empty states — no results, first-run or offline screens.","name":"empty","title":"Empty","type":"registry:ui"},{"categories":["feedback-status"],"description":"Animated loading indicator built from a spinning icon.","name":"spinner","registryDependencies":["icon"],"title":"Spinner","type":"registry:ui"},{"categories":["form-input"],"description":"Two-state button, optionally grouped into a segmented control.","name":"toggle","title":"Toggle","type":"registry:ui"},{"categories":["form-input"],"description":"A set of toggles grouped into a segmented control with single or multiple selection.","name":"toggle-group","registryDependencies":["toggle"],"title":"Toggle Group","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"Menu shown at the cursor on right click, with actions and shortcuts.","name":"context-menu","title":"Context Menu","type":"registry:ui"},{"categories":["feedback-status"],"description":"Progress bar component.","name":"progress","title":"Progress","type":"registry:ui"},{"categories":["form-input"],"description":"A set of checkable buttons, known as radio buttons, where no more than one of the buttons can be checked at a time.","name":"radio-group","title":"Radio Group","type":"registry:ui"},{"categories":["layout-navigation"],"description":"Accessible resizable panel groups and layouts with keyboard support.","name":"resizable","title":"Resizable","type":"registry:ui"},{"categories":["form-input"],"description":"Displays a list of options for the user to pick from, triggered by a button.","name":"select","registryDependencies":["icon"],"title":"Select","type":"registry:ui"},{"categories":["layout-navigation"],"description":"Visual divider between content sections.","name":"separator","title":"Separator","type":"registry:ui"},{"categories":["layout-navigation"],"description":"Collapsible sidebar component for app layouts.","name":"sidebar","registryDependencies":["button","icon","input","sheet","skeleton","tooltip"],"title":"Sidebar","type":"registry:ui"},{"categories":["feedback-status"],"description":"Skeleton loading placeholder.","name":"skeleton","title":"Skeleton","type":"registry:ui"},{"categories":["form-input"],"description":"Slider input component.","name":"slider","title":"Slider","type":"registry:ui"},{"categories":["form-input"],"description":"Toggle switch component.","name":"switch","title":"Switch","type":"registry:ui"},{"categories":["display-media"],"description":"Table component for displaying data.","name":"table","title":"Table","type":"registry:ui"},{"categories":["layout-navigation"],"description":"Tabbed interface component.","name":"tabs","title":"Tabs","type":"registry:ui"},{"categories":["form-input"],"description":"Multi-line text input component.","name":"textarea","title":"Textarea","type":"registry:ui"},{"categories":["feedback-status"],"description":"A succinct message that is displayed temporarily.","name":"toast","registryDependencies":["button","icon"],"title":"Toast","type":"registry:ui"},{"categories":["overlays-dialogs"],"description":"Tooltip component for additional context.","name":"tooltip","title":"Tooltip","type":"registry:ui"},{"categories":["dashboard"],"description":"A dashboard with sidebar, charts and data table.","name":"dashboard-01","registryDependencies":["sidebar","breadcrumb","separator","label","chart","card","select","tabs","table","toggle-group","badge","button","checkbox","dropdown-menu","drawer","input","avatar","sheet","toast"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A simple sidebar with navigation grouped by section.","name":"sidebar-01","registryDependencies":["sidebar","breadcrumb","separator","label","dropdown-menu"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar with collapsible sections.","name":"sidebar-02","registryDependencies":["sidebar","breadcrumb","separator","label","dropdown-menu"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar with submenus.","name":"sidebar-03","registryDependencies":["sidebar","breadcrumb"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A floating sidebar with submenus.","name":"sidebar-04","registryDependencies":["sidebar","breadcrumb","separator"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar with collapsible submenus.","name":"sidebar-05","registryDependencies":["sidebar","breadcrumb","separator","label","collapsible"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar with submenus as dropdowns.","name":"sidebar-06","registryDependencies":["sidebar","breadcrumb","separator","card","dropdown-menu"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar that collapses to icons.","name":"sidebar-07","registryDependencies":["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"An inset sidebar with secondary navigation.","name":"sidebar-08","registryDependencies":["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"Collapsible nested sidebars.","name":"sidebar-09","registryDependencies":["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","switch","label"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar in a popover.","name":"sidebar-10","registryDependencies":["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar with a collapsible file tree.","name":"sidebar-11","registryDependencies":["sidebar","breadcrumb","separator","collapsible"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar with a calendar.","name":"sidebar-12","registryDependencies":["sidebar","breadcrumb","separator","collapsible","calendar","dropdown-menu","avatar"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar in a dialog.","name":"sidebar-13","registryDependencies":["sidebar","breadcrumb","button","dialog"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar on the right.","name":"sidebar-14","registryDependencies":["sidebar","breadcrumb"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A left and right sidebar.","name":"sidebar-15","registryDependencies":["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu","calendar","avatar"],"type":"registry:block"},{"categories":["sidebar","dashboard"],"description":"A sidebar with a sticky site header.","name":"sidebar-16","registryDependencies":["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","button","label"],"type":"registry:block"},{"categories":["authentication","login"],"description":"A simple login form.","name":"login-01","registryDependencies":["button","card","input","label","field"],"type":"registry:block"},{"categories":["authentication","login"],"description":"A two column login page with a cover image.","name":"login-02","registryDependencies":["button","input","label","field"],"type":"registry:block"},{"categories":["authentication","login"],"description":"A login page with a muted background color.","name":"login-03","registryDependencies":["button","card","input","label","field"],"type":"registry:block"},{"categories":["authentication","login"],"description":"A login page with form and image.","name":"login-04","registryDependencies":["button","card","input","label","field"],"type":"registry:block"},{"categories":["authentication","login"],"description":"A simple email-only login page.","name":"login-05","registryDependencies":["button","input","label","field"],"type":"registry:block"},{"categories":["authentication","signup"],"description":"A simple signup form.","name":"signup-01","registryDependencies":["button","card","input","label"],"type":"registry:block"},{"categories":["authentication","signup"],"description":"A two column signup page with a cover image.","name":"signup-02","registryDependencies":["button","input","label","field"],"type":"registry:block"},{"categories":["authentication","signup"],"description":"A signup page with a muted background color.","name":"signup-03","registryDependencies":["button","card","input","label","field"],"type":"registry:block"},{"categories":["authentication","signup"],"description":"A signup page with form and image.","name":"signup-04","registryDependencies":["button","card","input","label","field"],"type":"registry:block"},{"categories":["authentication","signup"],"description":"A simple signup form with social providers.","name":"signup-05","registryDependencies":["button","input","label"],"type":"registry:block"},{"categories":["layout-navigation"],"description":"Augments native scroll functionality for custom, cross-browser styling.","name":"scroll-area","title":"Scroll Area","type":"registry:ui"},{"categories":["form-input"],"description":"A styled native HTML select element with consistent design system integration.","name":"native-select","registryDependencies":["icon"],"title":"Native Select","type":"registry:ui"},{"categories":["display-media"],"description":"Displays an inline status, system note, bordered row, or labeled separator in a conversation.","name":"marker","title":"Marker","type":"registry:ui"},{"categories":["display-media"],"description":"Displays a message in a conversation, with optional avatar, header, footer, and alignment.","name":"message","title":"Message","type":"registry:ui"},{"categories":["display-media"],"description":"A chat scroll container that anchors turns, opens saved transcripts, follows streamed responses, loads history without jumping, and jumps to any message.","name":"message-scroller","registryDependencies":["button","icon"],"title":"Message Scroller","type":"registry:ui"},{"categories":["display-media"],"description":"Displays a file or image attachment with media, metadata, upload state, and actions.","name":"attachment","registryDependencies":["button"],"title":"Attachment","type":"registry:ui"},{"categories":["display-media"],"description":"Displays conversational content in a message bubble. Supports variants, alignment, grouping, reactions, and collapsible content.","name":"bubble","title":"Bubble","type":"registry:ui"}]},"datetime picker":{"favicon":"/favicons/datetime-picker.svg","items":[{"dependencies":["date-fns","react-day-picker@^9","lucide-react","react-hook-form"],"description":"Segmented, keyboard-friendly date/time input with timezone, arrow-key stepping, and form integration.","name":"datetime-input","registryDependencies":["button"],"title":"DateTime Input","type":"registry:component"},{"dependencies":["date-fns","lucide-react"],"description":"Compact dropdown time picker with hour/minute/second columns and 12/24h support.","name":"simple-time-picker","registryDependencies":["button","popover","scroll-area"],"title":"Simple Time Picker","type":"registry:component"},{"dependencies":["date-fns","react-day-picker@^9","@radix-ui/react-icons","lucide-react"],"description":"Full date and time picker with timezone, min/max bounds, month/year jump, and customizable trigger.","name":"datetime-picker","registryDependencies":["button","popover","scroll-area"],"title":"DateTime Picker","type":"registry:component"}]},"audiocn":{"favicon":"/favicons/audiocn.svg","items":[{"description":"Subscribe a callback to a frame source, with a stable callback and automatic cleanup.","name":"use-frame-source","page":"https://audiocn.dev/docs/hooks/use-frame-source","registryDependencies":["@audiocn/core"],"title":"useFrameSource","type":"registry:hook"},{"description":"Read a meter source into React state at a low rate, for labels and conditional UI.","name":"use-level","page":"https://audiocn.dev/docs/hooks/use-level","registryDependencies":["@audiocn/core","@audiocn/use-frame-source"],"title":"useLevel","type":"registry:hook"},{"description":"Clip detection with a hold time, a clip count and a reset.","name":"use-clip-hold","page":"https://audiocn.dev/docs/hooks/use-clip-hold","registryDependencies":["@audiocn/core"],"title":"useClipHold","type":"registry:hook"},{"description":"True when the user asked the system to reduce motion.","name":"use-reduced-motion","page":"https://audiocn.dev/docs/hooks/use-reduced-motion","title":"useReducedMotion","type":"registry:hook"},{"description":"Whether an element is on screen, in a ref, so animation loops can skip frames nobody sees.","name":"use-visibility","page":"https://audiocn.dev/docs/hooks/use-visibility","title":"useVisibility","type":"registry:hook"},{"description":"A synthetic speech, music, tone or noise signal as frame sources, for previews, prototypes and tests.","name":"use-demo-signal","page":"https://audiocn.dev/docs/hooks/use-demo-signal","registryDependencies":["@audiocn/core"],"title":"useDemoSignal","type":"registry:hook"},{"description":"One shared AudioContext that resumes on the first user gesture, plus a provider to supply your own.","name":"use-audio-context","page":"https://audiocn.dev/docs/hooks/use-audio-context","title":"useAudioContext","type":"registry:hook"},{"description":"A gain node on the shared AudioContext, wired from an input to a destination, with click-free level changes.","name":"use-gain-node","page":"https://audiocn.dev/docs/hooks/use-gain-node","registryDependencies":["@audiocn/use-audio-context"],"title":"useGainNode","type":"registry:hook"},{"description":"Meter and visual frame sources from a MediaStream, media element or AudioNode, using the Web Audio AnalyserNode.","name":"use-audio-analyser","page":"https://audiocn.dev/docs/hooks/use-audio-analyser","registryDependencies":["@audiocn/core","@audiocn/use-audio-context"],"title":"useAudioAnalyser","type":"registry:hook"},{"description":"The list of audio input or output devices, with permission state and live updates when devices change.","name":"use-audio-devices","page":"https://audiocn.dev/docs/hooks/use-audio-devices","title":"useAudioDevices","type":"registry:hook"},{"description":"Open a microphone as a MediaStream, with browser processing off by default so meters show the real signal.","name":"use-microphone","page":"https://audiocn.dev/docs/hooks/use-microphone","title":"useMicrophone","type":"registry:hook"},{"description":"Capture system or tab audio through the browser's screen-share picker.","name":"use-system-audio","page":"https://audiocn.dev/docs/hooks/use-system-audio","title":"useSystemAudio","type":"registry:hook"},{"description":"The context a mixer or channel strip uses to pass orientation, size, range, zones and ballistics down to the components inside it.","name":"use-audio-config","registryDependencies":["@audiocn/core"],"title":"useAudioConfig","type":"registry:hook"},{"description":"Tick marks and labels for a decibel range, shared by meters and faders.","name":"db-scale","page":"https://audiocn.dev/docs/components/db-scale","registryDependencies":["@audiocn/core","@audiocn/use-audio-config"],"title":"dB Scale","type":"registry:ui"},{"description":"A numeric level label that updates at a readable rate, with a reserved width so the layout never shifts.","name":"db-readout","page":"https://audiocn.dev/docs/components/db-readout","registryDependencies":["@audiocn/core","@audiocn/use-frame-source"],"title":"dB Readout","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A clip light that holds after the signal clips, with an optional count and click to reset.","name":"clip-indicator","page":"https://audiocn.dev/docs/components/clip-indicator","registryDependencies":["@audiocn/core","@audiocn/use-clip-hold","@audiocn/use-frame-source"],"title":"Clip Indicator","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A peak and RMS level meter: mono or stereo, horizontal or vertical, solid, segmented or gradient, with zones, peak hold, a scale, a readout and a clip light.","name":"level-meter","page":"https://audiocn.dev/docs/components/level-meter","registryDependencies":["@audiocn/core","@audiocn/use-audio-config","@audiocn/use-frame-source","@audiocn/use-reduced-motion","@audiocn/db-scale","@audiocn/db-readout","@audiocn/clip-indicator","@audiocn/use-visibility"],"title":"Level Meter","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A recorder-style level meter on an LCD Display's screen: block segments in the display's ink that light whole, a held peak segment, per-channel dB readouts, a printed scale with a bracket over the clip zone and a CLIP flag, in light and dark.","name":"lcd-meter","page":"https://audiocn.dev/docs/components/lcd-meter","registryDependencies":["@audiocn/core","@audiocn/db-scale","@audiocn/lcd-display","@audiocn/level-meter"],"title":"LCD Meter","type":"registry:ui"},{"description":"A row of bars driven by frequency bands, with idle, loading and mirrored modes. Bars paint without re-rendering React.","name":"bar-visualizer","page":"https://audiocn.dev/docs/components/bar-visualizer","registryDependencies":["@audiocn/core","@audiocn/use-audio-config","@audiocn/use-frame-source","@audiocn/use-reduced-motion","@audiocn/use-visibility"],"title":"Bar Visualizer","type":"registry:ui"},{"description":"Frequency-band bars drawn as crackling filaments, with arcs between loud neighbours and sparks on sudden rises. Takes its colour from the theme.","name":"electric-bar-visualizer","page":"https://audiocn.dev/docs/components/electric-bar-visualizer","registryDependencies":["@audiocn/core","@audiocn/electric","@audiocn/use-audio-config","@audiocn/use-frame-source","@audiocn/use-reduced-motion","@audiocn/use-visibility"],"title":"Electric Bar Visualizer","type":"registry:ui"},{"description":"One electric line across the width: a crackling, white-hot trace with a tall glow, forks off the peaks and sparks. Follows the frequency bands as a smooth wave, or the signal itself like an oscilloscope.","name":"electric-waveform","page":"https://audiocn.dev/docs/components/electric-waveform","registryDependencies":["@audiocn/core","@audiocn/electric","@audiocn/use-frame-source","@audiocn/use-reduced-motion","@audiocn/use-visibility"],"title":"Electric Waveform","type":"registry:ui"},{"description":"One clean line across the width that follows the sound, as a smooth wave shaped by the frequency bands or a triggered oscilloscope trace.","name":"smooth-waveform","page":"https://audiocn.dev/docs/components/smooth-waveform","registryDependencies":["@audiocn/core","@audiocn/use-frame-source","@audiocn/use-reduced-motion","@audiocn/use-visibility"],"title":"Smooth Waveform","type":"registry:ui"},{"description":"A canvas waveform of a live signal: scrolling level history or the current frame, as bars, a mirrored shape or a line.","name":"live-waveform","page":"https://audiocn.dev/docs/components/live-waveform","registryDependencies":["@audiocn/core","@audiocn/use-frame-source","@audiocn/use-reduced-motion","@audiocn/use-visibility"],"title":"Live Waveform","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A volume fader in decibels: linear or console taper, detents, a scale, reset, an editable value, silence at the bottom, horizontal or vertical.","name":"fader","page":"https://audiocn.dev/docs/components/fader","registryDependencies":["@audiocn/core","@audiocn/use-audio-config","@audiocn/db-scale"],"title":"Fader","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A labelled slider with a numeric input, unit, marks, reset and a linear or log scale, for gain trims, delays, thresholds and frequencies.","name":"parameter-slider","page":"https://audiocn.dev/docs/components/parameter-slider","registryDependencies":["@audiocn/core","@audiocn/use-audio-config"],"title":"Parameter Slider","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A rotary control drawn in SVG, with vertical, horizontal or circular dragging, fine adjustment, reset, a bipolar origin, an optional click sound and a volume dial skin with a numbered scale and an aluminium cap, and a mini aluminium cap for small knobs.","name":"knob","page":"https://audiocn.dev/docs/components/knob","registryDependencies":["@audiocn/core","@audiocn/use-audio-config","@audiocn/use-audio-context"],"title":"Knob","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A dot-matrix screen in a bezel, backlit in the light theme and glowing in the dark one: rows of dim labels and bright values in the theme colour or amber, green, cyan or red, dotted separators, a blinking status pixel and dropdown values built on Base UI's Select.","name":"lcd-display","page":"https://audiocn.dev/docs/components/lcd-display","title":"LCD Display","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"Left and right balance with a fill from the centre, a centre detent and reset.","name":"pan-control","page":"https://audiocn.dev/docs/components/pan-control","registryDependencies":["@audiocn/core","@audiocn/use-audio-config"],"title":"Pan Control","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"Mute, solo and monitor toggle buttons with their own pressed colours.","name":"channel-toggle","page":"https://audiocn.dev/docs/components/channel-toggle","registryDependencies":["@audiocn/use-audio-config"],"title":"Channel Toggle","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A 0..1 volume slider with a mute button and a perceptual curve, for players.","name":"volume-control","page":"https://audiocn.dev/docs/components/volume-control","registryDependencies":["@audiocn/core","@audiocn/use-audio-config"],"title":"Volume Control","type":"registry:ui"},{"description":"A microphone, speaker or source picker with loading, permission, None and disconnected-device states, and a slot for a live preview.","name":"audio-device-select","page":"https://audiocn.dev/docs/components/audio-device-select","registryDependencies":["select","button"],"title":"Audio Device Select","type":"registry:ui"},{"description":"Mixer state with no audio attached: gain, mute, solo, pan and monitor per channel, a master, persistence and a controlled mode.","name":"use-mixer","page":"https://audiocn.dev/docs/hooks/use-mixer","registryDependencies":["@audiocn/core"],"title":"useMixer","type":"registry:hook"},{"description":"Binds mixer state to a Web Audio graph: per-channel gain, ducking, pan and monitor sends, a limited master bus, post-fader meters and a mixed output stream.","name":"use-web-audio-mixer","page":"https://audiocn.dev/docs/hooks/use-web-audio-mixer","registryDependencies":["@audiocn/core","@audiocn/use-mixer","@audiocn/use-audio-context","@audiocn/use-audio-analyser"],"title":"useWebAudioMixer","type":"registry:hook"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"One channel of a mixer: header, status, meter, fader, value, controls and a notice, as a row or a console strip. The master strip is a variant.","name":"channel-strip","page":"https://audiocn.dev/docs/components/channel-strip","registryDependencies":["badge","@audiocn/use-audio-config"],"title":"Channel Strip","type":"registry:ui"},{"description":"The container for channel strips: shared meter settings, keyboard navigation between strips, a master area and an empty state.","name":"mixer","page":"https://audiocn.dev/docs/components/mixer","registryDependencies":["@audiocn/core","@audiocn/use-audio-config","@audiocn/channel-strip"],"title":"Mixer","type":"registry:ui"},{"description":"Playback state for an audio element the hook owns: status, time, duration, buffering, volume, rate and loop, plus a smooth time source.","name":"use-audio-player","page":"https://audiocn.dev/docs/hooks/use-audio-player","registryDependencies":["@audiocn/core"],"title":"useAudioPlayer","type":"registry:hook"},{"description":"Low-latency playback of short sounds decoded into memory, with voices, looping, progress and a routable output node.","name":"use-sound","page":"https://audiocn.dev/docs/hooks/use-sound","registryDependencies":["@audiocn/core","@audiocn/use-audio-context","@audiocn/use-gain-node"],"title":"useSound","type":"registry:hook"},{"description":"Decode an audio file, or take an AudioBuffer, and reduce it to cached waveform peaks.","name":"use-waveform-data","page":"https://audiocn.dev/docs/hooks/use-waveform-data","registryDependencies":["@audiocn/use-audio-context","@audiocn/use-sound"],"title":"useWaveformData","type":"registry:hook"},{"description":"A static waveform of a clip with a smooth playhead, seeking by pointer and keyboard, hover time, draggable regions and markers.","name":"waveform","page":"https://audiocn.dev/docs/components/waveform","registryDependencies":["@audiocn/core","@audiocn/use-frame-source","@audiocn/use-visibility"],"title":"Waveform","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A composable audio player: transport, seek bar with buffering, time, volume, playback rate, loop and keyboard shortcuts.","name":"audio-player","page":"https://audiocn.dev/docs/components/audio-player","registryDependencies":["@audiocn/core","@audiocn/use-audio-player","@audiocn/use-frame-source","@audiocn/volume-control"],"title":"Audio Player","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A list of tracks with active and playing states, arrow-key navigation and slots for artwork, duration and actions.","name":"track-list","page":"https://audiocn.dev/docs/components/track-list","title":"Track List","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A trigger pad with one-shot, toggle, hold and loop modes, a hotkey, playback progress and an accent colour, plus a grid with hotkeys and arrow navigation.","name":"sound-pad","page":"https://audiocn.dev/docs/components/sound-pad","registryDependencies":["kbd","@audiocn/core","@audiocn/use-frame-source"],"title":"Sound Pad","type":"registry:ui"},{"description":"A frequency spectrum analyser drawn on canvas as bars, a line or an area, with peak hold, a grid and frequency and level axes.","name":"spectrum","page":"https://audiocn.dev/docs/components/spectrum","registryDependencies":["@audiocn/core","@audiocn/use-frame-source","@audiocn/use-reduced-motion","@audiocn/use-visibility"],"title":"Spectrum","type":"registry:ui"},{"categories":["mixer"],"dependencies":["@phosphor-icons/react"],"description":"The complete mixer: microphone, system audio, music and sound pads with meters, faders, mute, solo, monitor and ducking, a limited master and a mixed output stream, all running on Web Audio.","name":"system-audio-mixer","page":"https://audiocn.dev/docs/blocks/system-audio-mixer","registryDependencies":["button","switch","tabs","popover","@audiocn/mixer","@audiocn/channel-strip","@audiocn/level-meter","@audiocn/fader","@audiocn/channel-toggle","@audiocn/audio-device-select","@audiocn/sound-pad","@audiocn/use-mixer","@audiocn/use-web-audio-mixer","@audiocn/use-microphone","@audiocn/use-system-audio","@audiocn/use-audio-devices","@audiocn/use-audio-player","@audiocn/use-sound","@audiocn/use-audio-context","@audiocn/use-gain-node"],"title":"System Audio Mixer","type":"registry:block"},{"categories":["microphone"],"dependencies":["@phosphor-icons/react"],"description":"Choose and check a microphone: device select with a live preview, a level meter, gain, mute and a level check that says whether you sound right.","name":"mic-setup","page":"https://audiocn.dev/docs/blocks/mic-setup","registryDependencies":["alert","button","card","field","switch","@audiocn/audio-device-select","@audiocn/db-readout","@audiocn/level-meter","@audiocn/live-waveform","@audiocn/parameter-slider","@audiocn/use-audio-analyser","@audiocn/use-audio-context","@audiocn/use-audio-devices","@audiocn/use-microphone","@audiocn/use-gain-node"],"title":"Microphone Setup","type":"registry:block"},{"categories":["system-audio"],"dependencies":["@phosphor-icons/react"],"description":"Turn system audio capture on, set its level, watch its meter and explain what the browser will capture.","name":"system-audio-settings","page":"https://audiocn.dev/docs/blocks/system-audio-settings","registryDependencies":["alert","badge","card","field","switch","@audiocn/level-meter","@audiocn/parameter-slider","@audiocn/use-audio-analyser","@audiocn/use-audio-context","@audiocn/use-system-audio","@audiocn/use-gain-node"],"title":"System Audio Settings","type":"registry:block"},{"categories":["microphone"],"dependencies":["@phosphor-icons/react"],"description":"Compact microphone and system audio controls behind one toolbar button that shows a live level.","name":"quick-audio-popover","page":"https://audiocn.dev/docs/blocks/quick-audio-popover","registryDependencies":["button","field","popover","separator","switch","@audiocn/audio-device-select","@audiocn/bar-visualizer","@audiocn/use-audio-analyser","@audiocn/use-audio-devices","@audiocn/use-microphone","@audiocn/use-system-audio"],"title":"Quick Audio Popover","type":"registry:block"},{"categories":["sounds"],"dependencies":["@phosphor-icons/react"],"description":"A grid of sound pads with global hotkeys, per-pad mode and volume in a context menu, master volume, stop all, and drag-and-drop to add sounds.","name":"soundboard","page":"https://audiocn.dev/docs/blocks/soundboard","registryDependencies":["alert","button","context-menu","empty","label","switch","@audiocn/sound-pad","@audiocn/volume-control","@audiocn/use-audio-context","@audiocn/use-sound","@audiocn/use-gain-node"],"title":"Soundboard","type":"registry:block"},{"categories":["music"],"dependencies":["@phosphor-icons/react"],"description":"A playlist player with a waveform seek bar, shuffle, repeat, volume and optional ducking under the microphone.","name":"music-player","page":"https://audiocn.dev/docs/blocks/music-player","registryDependencies":["card","empty","label","switch","toggle","@audiocn/audio-player","@audiocn/parameter-slider","@audiocn/track-list","@audiocn/volume-control","@audiocn/waveform","@audiocn/use-audio-analyser","@audiocn/use-audio-context","@audiocn/use-audio-player","@audiocn/use-frame-source","@audiocn/use-waveform-data"],"title":"Music Player","type":"registry:block"}]},"date time range picker":{"favicon":"/favicons/date-time-range-picker.ico","items":[{"description":"A component for inputting dates with separate fields.","name":"date-input","title":"Date Input","type":"registry:component"},{"description":"A component for inputting time with hours, minutes, and AM/PM.","name":"time-input","title":"Time Input","type":"registry:component"},{"description":"A component that combines date and time input.","name":"date-time-input","title":"Date Time Input","type":"registry:component"},{"description":"A component for selecting a range of dates with presets.","name":"date-range-picker","title":"Date Range Picker","type":"registry:component"},{"description":"A component for selecting a range of dates and times.","name":"date-time-range-picker","title":"Date Time Range Picker","type":"registry:component"}]},"agents ui":{"favicon":"/favicons/agents-ui.ico","items":[{"dependencies":["@livekit/components-react@^2.0.0","class-variance-authority","lucide-react"],"description":"A button for disconnecting the agent session.","name":"agent-disconnect-button","registryDependencies":["button"],"title":"Agent Disconnect Button","type":"registry:component"},{"dependencies":["livekit-client@^2.0.0","@livekit/components-react@^2.0.0","class-variance-authority","lucide-react"],"description":"A toggle button for controlling media tracks (microphone, camera, screen share) with appropriate icons and loading states.","name":"agent-track-toggle","registryDependencies":["toggle","utils"],"title":"Agent Track Toggle","type":"registry:component"},{"dependencies":["livekit-client@^2.0.0","@livekit/components-react@^2.0.0","class-variance-authority","lucide-react"],"description":"A control for managing media tracks (microphone, camera, screen share) with appropriate icons and loading states.","name":"agent-track-control","registryDependencies":["select","@agents-ui/agent-track-toggle","utils"],"title":"Agent Track Control","type":"registry:component"},{"dependencies":["livekit-client@^2.0.0","@livekit/components-react@^2.0.0","class-variance-authority","motion","lucide-react"],"description":"A control bar for managing media tracks (microphone, camera, screen share), disconnecting the agent session, and opening the chat input, with appropriate icons and loading states.","name":"agent-control-bar","registryDependencies":["utils","button","toggle","@agents-ui/agent-track-control","@agents-ui/agent-track-toggle","@agents-ui/agent-disconnect-button","@agents-ui/agent-audio-visualizer-bar"],"title":"Agent Control Bar","type":"registry:component"},{"dependencies":["livekit-client@^2.0.0","@livekit/components-react@^2.0.0","class-variance-authority","lucide-react"],"description":"A linear bar visualizer for audio tracks.","name":"agent-audio-visualizer-bar","registryDependencies":["utils"],"title":"Agent Audio Visualizer Bar","type":"registry:component"},{"dependencies":["livekit-client@^2.0.0","@livekit/components-react@^2.0.0","class-variance-authority"],"description":"A radial bar visualizer for audio tracks.","name":"agent-audio-visualizer-radial","registryDependencies":["utils"],"title":"Agent Audio Visualizer Radial","type":"registry:component"},{"dependencies":["livekit-client@^2.0.0","@livekit/components-react@^2.0.0","class-variance-authority"],"description":"A grid visualizer for audio tracks.","name":"agent-audio-visualizer-grid","registryDependencies":["utils"],"title":"Agent Audio Visualizer Grid","type":"registry:component"},{"dependencies":["@livekit/components-react@^2.0.0"],"description":"A component for providing an agent's session context and ensuring remote participants’ audio tracks (microphones and screen share) are audible.","name":"agent-session-provider","title":"Agent Session Provider","type":"registry:component"},{"dependencies":["livekit-client@^2.0.0","@livekit/components-react@^2.0.0"],"description":"A button for starting the agent session's audio track when the browser blocks audio playback.","name":"start-audio-button","registryDependencies":["button"],"title":"Start Audio Button","type":"registry:component"},{"dependencies":["motion","class-variance-authority"],"description":"A component for indicating the agent's chat status with a blinking dot. Useful for indicating the agent is thinking before generating a response.","name":"agent-chat-indicator","registryDependencies":["utils"],"title":"Agent Chat Indicator","type":"registry:component"},{"dependencies":["@livekit/components-react@^2.0.0","streamdown"],"description":"A component for displaying the agent session's chat transcript.","name":"agent-chat-transcript","registryDependencies":["message-scroller","message","bubble","marker","@agents-ui/agent-chat-indicator"],"title":"Agent Chat Transcript","type":"registry:component"},{"description":"A shadertoy-like shader renderer component for React.","name":"react-shader-toy","title":"React Shader Toy","type":"registry:component"},{"dependencies":["livekit-client@^2.0.0","@livekit/components-react@^2.0.0","class-variance-authority"],"description":"A wave visualizer for audio tracks.","name":"agent-audio-visualizer-wave","registryDependencies":["utils","@agents-ui/react-shader-toy"],"title":"Agent Audio Visualizer Wave","type":"registry:component"},{"dependencies":["livekit-client@^2.0.0","@livekit/components-react@^2.0.0","class-variance-authority"],"description":"An aura visualizer for audio tracks.","name":"agent-audio-visualizer-aura","registryDependencies":["utils","@agents-ui/react-shader-toy"],"title":"Agent Audio Visualizer Aura","type":"registry:component"},{"categories":["agents","api"],"dependencies":["livekit-server-sdk","@livekit/protocol"],"description":"A NextJS API route to generate a LiveKit session token while keeping your API keys private.","name":"nextjs-api-token-route","title":"NextJS API route to get a LiveKit session token","type":"registry:page"},{"categories":["agents","blocks"],"dependencies":["@livekit/components-react@^2.0.0","livekit-client@^2.0.0","motion"],"description":"A full-screen agent session block with transcript, controls, and I/O media tiles.","name":"agent-session-view-01","registryDependencies":["utils","@agents-ui/agent-control-bar","@agents-ui/agent-chat-transcript","@agents-ui/agent-audio-visualizer-aura","@agents-ui/agent-audio-visualizer-bar","@agents-ui/agent-audio-visualizer-grid","@agents-ui/agent-audio-visualizer-radial","@agents-ui/agent-audio-visualizer-wave"],"title":"Agent Session View","type":"registry:block"},{"categories":["agents","blocks"],"dependencies":["@livekit/components-react@^2.0.0","livekit-client@^2.0.0","motion","lucide-react"],"description":"A floating chat-bubble trigger that expands into a compact agent session popup, suitable for embedding on any page.","name":"agent-popup-01","registryDependencies":["utils","button","@agents-ui/agent-session-provider","@agents-ui/start-audio-button","@agents-ui/agent-session-view-01"],"title":"Agent Popup","type":"registry:block"}]},"dominik ui":{"favicon":"/favicons/dominik-ui.ico","items":[{"description":"Animated icon tabs with a sliding active pill and an expanding label, built on the shadcn tooltip.","name":"expandable-tabs","registryDependencies":["tooltip"],"title":"Expandable Tabs","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"A copyable command block with attached agent tabs and a sliding active pill — tabs can sit above or below the command.","name":"command-tabs","registryDependencies":["button"],"title":"Command Tabs","type":"registry:ui"},{"dependencies":["motion"],"description":"A composable segmented permission control with an animated sliding pill — read/write levels and deny/neutral/allow toggles.","name":"permission-selector","title":"Permission Selector","type":"registry:ui"},{"description":"An animated braille loading indicator with wave, typewriter, shimmer, and pulse variants.","name":"braille-loader","title":"Braille Loader","type":"registry:ui"}]},"beui":{"favicon":"/favicons/beui.png","items":[{"dependencies":["clsx","motion","tailwind-merge"],"description":"A draggable timeline of dated events around a focused card.","name":"timeline","title":"Timeline","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable feedback with smooth transitions.","name":"alert","title":"Animated Alert","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Expandable content with a smooth reveal.","name":"collapsible","title":"Animated Collapsible","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Responsive media with smooth aspect ratio transitions.","name":"aspect-ratio","title":"Aspect Ratio","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Radial text picker with top, bottom, left or right curves, smooth wheel movement and live selection on each scroll step. One persistent bracket frame grows and squeezes around each label. Supports drag momentum, keyboard input, disabled choices, controlled or uncontrolled values,","name":"arc-picker","title":"Arc Picker","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable sortable list with group, item, drag handle, content and undo parts, plus a shared state hook. Spring layout, keyboard reordering, accessible position announcements, and controlled or uncontrolled items.","name":"sortable-stack","title":"Sortable List","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A thumbnail-connected image viewer with composable gallery, thumbnail, content, caption and navigation parts, plus a shared state hook. Expand into the full-size image and return to the thumbnail on close, with swipe navigation, zoom and pan.","name":"morphing-lightbox","title":"Image Viewer Morphing","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable date range picker with root, trigger, popover content, calendar, header, grid, summary, footer, clear and preset parts, plus a shared state hook. Compact inline and dropdown compositions, direct month and year selection, and full keyboard navigation.","name":"date-range-picker","title":"Date Range Picker","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Composable card with header, title, description, action, content and footer parts. Outlined or muted surfaces, standard or compact spacing, and an opt-in selectable state with press feedback that composes with Checkbox, Radio and Button.","name":"card","title":"Card","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable color picker whose trigger chip morphs into the saturation and brightness area. A loupe lifts off each thumb while you drag. Includes hue and opacity sliders, hex, RGB and HSL fields, an eye dropper, presets, full keyboard control, and a controlled or uncontrolled valu","name":"color-picker","title":"Color Picker","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Composable color swatches with a spring-gliding selection ring, press feedback, native radio keyboard navigation, and controlled or uncontrolled state.","name":"color-selector","title":"Animated Color Selector","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable breadcrumb navigation with soft path transitions, a hoverable overflow dropdown for long trails, custom separators, and router-link support.","name":"breadcrumb","title":"Animated Breadcrumb","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"3D perspective tilt on hover with cursor-tracked glare.","name":"tilt-card","title":"Tilt Card","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A neutral button surface framed by a pronounced chrome rim with a straight traveling reflection.","name":"button-metallic","title":"Button Metallic Button","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Press scale, hover lift, variants and sizes.","name":"button-base","title":"Button Button","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Idle → loading → success / error with blur-swap slots and morphing width.","name":"button-stateful","title":"Button Stateful Button","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Button composed with the Magnetic wrapper for cursor-attracted pull.","name":"button-magnetic","title":"Button Magnetic Button","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"An accent tile that expands into a dotted-arrow trail on hover or focus.","name":"expanding-arrow-button","title":"Animated CTA Buttons Expanding Arrow Button","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Hold to complete with a vertical or horizontal liquid fill; release early to cancel.","name":"hold-action-button","title":"Animated CTA Buttons Hold Action Button","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Drag the thumb to the end to confirm an action; release early to spring back.","name":"slide-action-button","title":"Animated CTA Buttons Slide Action Button","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Click-to-expand button and chip controls that reveal a label or trailing action through spring layout continuity.","name":"expandable-control","title":"Expandable Control","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable numeric stepper whose fixed footprint adapts at its minimum and maximum while the value rolls between steps.","name":"adaptive-stepper","title":"Adaptive Stepper","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"Infinite horizontal or vertical scroll with pause-on-hover.","name":"marquee","title":"Marquee","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Pill, segment or underline tabs with a spring layoutId indicator and optional icons.","name":"tabs","title":"Tabs","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Toggle with a spring-driven thumb and press feedback.","name":"switch","title":"Switch","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Text input with label, left/right icons, optional stable error row, error shake and success check draw.","name":"input","title":"Input","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the panel pinches off the trigger and separates, with a short, shared row reveal. Position-aware (opens upward when needed).","name":"select","title":"Select Select","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectContent, MorphSelectItem) where the trigger morphs into the panel via a shared layoutId — one continuous surface that grows open and shrinks back, never detaching.","name":"select-morph","title":"Select Morph Select","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Searchable combobox with a morphing portal, grouped filtering, keyboard navigation, and controlled or uncontrolled state.","name":"combobox","title":"Combobox","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable multi-select primitives with searchable options, removable animated tokens, and a morphing collision-aware panel.","name":"multi-select","title":"Multi Select","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Form choice control with a draw-on checkmark, spring press feedback and indeterminate state support.","name":"checkbox","title":"Checkbox","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Single-select choice control with a gliding layoutId indicator dot and spring press feedback.","name":"radio","title":"Radio Group","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.","name":"bottom-sheet","title":"Bottom Sheet","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Native-feeling pull-to-refresh container with drag resistance, threshold feedback and async refresh handling.","name":"pull-to-refresh","title":"Pull to Refresh","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A pill that glides between hovered items via motion's shared layout, with blur enter/exit.","name":"shared-layout-bg","title":"Shared Layout Background","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A vertical sidebar whose active dot jumps between destinations on a curved, spring-loaded path.","name":"bounce-sidebar","title":"Bounce Sidebar","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A composable application sidebar with morphing nested navigation that folds into an animated icon rail on desktop and becomes a focus-managed sheet on mobile.","name":"animated-sidebar","title":"Animated Sidebar","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable file and folder primitives with springing branches, a gliding selection, and complete keyboard navigation.","name":"file-tree","title":"File Tree","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview.","name":"preview-rail","title":"Preview Rail","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"macOS-style dock with grouped actions and a gliding active pill.","name":"dock","title":"Dock","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Composable hover, focus and tap tooltip with a subtle scale and fade, collision-aware side and alignment, an optional arrow, a pointer corridor onto hoverable content, one label at a time, keyboard-only focus reveal and optional cursor tracking.","name":"tooltip","title":"Tooltip","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable context-menu primitives with a pointer-origin clip morph, a gliding active row, checkbox and radio choices, keyboard navigation, typeahead, and long-press support.","name":"context-menu","title":"Animated Context Menu","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger through an SVG goo filter with a liquid neck, crisp content fading in on top. Click or hover, controlled or uncontrolled.","name":"popover","title":"Popover Gooey Popover","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent. The full-size panel reveals from the corner nearest the trigger on one synchronized spring clip, keeping content and borders unscaled, then retraces the clip on close. Clip-path and its drop-shadow may paint. Side","name":"popover-morph","title":"Popover Morph Popover","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.","name":"morphing-modal","title":"Morphing Modal","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A composable modal whose full-size surface unfolds from its exact center toward every edge, then folds back the same way with an inset close control.","name":"center-morph-modal","title":"Center Morph Modal","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A controlled character scramble that resolves changed text while keeping its final value accessible.","name":"text-scramble","title":"Text Animation Text Scramble","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A Dia-inspired text effect with a fixed sentence prefix and a cycling final word revealed by a colorful sweep.","name":"chromatic-text-reveal","title":"Text Animation Dia Text Animation","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Word or character reveal with spring slide-up and blur.","name":"text-reveal","title":"Text Animation Text Reveal","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"Gradient sweep across text for loading or emphasis.","name":"text-shimmer","title":"Text Animation Text Shimmer","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Letter-by-letter slot roll for standalone text — old letters drop away as new ones land, left to right.","name":"text-cascade","title":"Text Animation Text Cascade","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Fixed-slot digits and mask glyphs that roll on change with controllable direction, stagger, replay, and suffix emphasis.","name":"digit-swap","title":"Number Animation Digit Swap","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Slot-machine rolling digits with staggered entry.","name":"number-ticker","title":"Number Animation Number Ticker","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Spring-driven count-up triggered when in view.","name":"animated-number","title":"Number Animation Animated Number","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Status badge with animated state icons, pulse feedback and compact size variants.","name":"animated-badge","title":"Animated Badge","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Letter-by-letter slot roll — the old label's letters drop away as the new ones land, left to right.","name":"action-swap-cascade","title":"Action Swap Cascade","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Copy-button style swap with blur, opacity and scale.","name":"action-swap-blur","title":"Action Swap Blur","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"The next text or icon rolls in from below with blur.","name":"action-swap-roll","title":"Action Swap Roll","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Stacked toasts with status morphs, swipe dismissal, actions and layout-aware motion.","name":"animated-toast-stack","title":"Animated Toast Stack","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","next-themes","tailwind-merge"],"description":"Theme toggle button that repaints the whole page through the View Transition API — a rectangle or circle clip-path reveal, or slats that open across the screen like a shutter.","name":"theme-toggle","title":"Theme Toggle","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.","name":"bouncy-accordion","title":"Bouncy Accordion","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.","name":"drawer","title":"Drawer","type":"registry:component"},{"dependencies":["lenis","motion"],"description":"Smooth-scroll provider over Lenis with a useSmoothScroll hook exposing scroll offset, progress and velocity. Reduced-motion safe.","name":"smooth-scroll","title":"Scroll Animation Smooth Scroll","type":"registry:component"},{"dependencies":["clsx","lenis","motion","tailwind-merge"],"description":"Reading-progress indicator — fixed bar or circular ring — driven by scroll position via useSmoothScroll, with spring smoothing.","name":"scroll-progress","title":"Scroll Animation Scroll Progress","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Wrapper that drifts its children at a speed factor as they cross the viewport, on either axis. Reduced-motion safe.","name":"parallax","title":"Scroll Animation Parallax","type":"registry:component"},{"dependencies":["clsx","lenis","motion","tailwind-merge"],"description":"Button that smooth-scrolls to a target (offset, selector or element) via the active SmoothScroll provider; reduced-motion jumps instantly.","name":"scroll-to","title":"Scroll Animation Scroll To","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Reveals its children with a spring slide and blur as they enter the viewport, once or every time. Reduced-motion keeps a fade.","name":"scroll-reveal","title":"Scroll Animation Scroll Reveal","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"An inset fill and inline label and value. Ten evenly spaced stops span the track; markers under text stay hidden but remain interactive, and the thumb parts around either label as it passes.","name":"range-slider-inline","title":"Range Slider Inline Slider","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Tick dots, and a vertical-bar thumb that bounces as it lands on each step.","name":"range-slider","title":"Range Slider Range Slider","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"No thumb. The fill slides behind a rounded liquid cap, and the label flips color wherever the fill covers it.","name":"range-slider-fluid","title":"Range Slider Fluid Slider","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Equalizer bars peak around the handle and drop back once it passes, so the value moves down the track as a wave.","name":"range-slider-wave","title":"Range Slider Wave Slider","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Grab the thumb and a value bubble pops out of it. The bubble tilts and squashes with how fast you drag, then settles upright.","name":"range-slider-bubble","title":"Range Slider Bubble Slider","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"The needle stays put and the scale scrolls under it. A flick keeps going and settles on the nearest tick. Fractional steps read at the step's own precision.","name":"range-slider-ruler","title":"Range Slider Ruler Slider","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for date and time pickers, reduced-motion safe.","name":"wheel-picker","title":"Wheel Picker","type":"registry:component"},{"dependencies":["@tanstack/react-virtual","clsx","lucide-react","motion","tailwind-merge"],"description":"10k virtualized rows with sortable headers, row selection, column resize and reorder.","name":"table","title":"Table Data Table","type":"registry:component"},{"dependencies":["@tanstack/react-virtual","clsx","lucide-react","motion","tailwind-merge"],"description":"Edit cells inline and insert or delete rows and columns via border handles; the table re-renders from the updated data and column defs.","name":"table-editable","title":"Table Editable Table","type":"registry:component"},{"dependencies":["@tanstack/react-virtual","clsx","lucide-react","motion","tailwind-merge"],"description":"Loads pages on demand — skeleton rows on first load, then infinite scroll via onEndReached as the virtualized list nears the bottom.","name":"table-async","title":"Table Async Table","type":"registry:component"},{"dependencies":["@paper-design/shaders-react","clsx","motion","tailwind-merge"],"description":"Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more) with a single typed variant prop. Reduced-motion freezes animated variants.","name":"shader-background","title":"Shader Background","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a springy glide and snap. Reduced-motion drops the glide.","name":"cylinder-carousel","title":"Cylinder Carousel","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five terminal-style ascii spinners. Scales from one size prop, uses currentColor, and reduced-motion swaps every transform for a calm","name":"loader","title":"Loader","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Weighted flows between stages that draw in and morph with your data.","name":"sankey-chart","title":"Sankey Chart","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Proportional tiles that morph with your data, with value and share tooltips.","name":"treemap","title":"Treemap","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Live OHLC candles with volume, a last-price line, and a crosshair readout.","name":"candlestick-chart","title":"Candlestick Chart","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Rounded share segments with a linked center readout and legend.","name":"donut-chart","title":"Donut Chart","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Animated volume by price, with point of control and value area highlights.","name":"volume-profile","title":"Volume Profile","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Animated status history with rounded bars and period tooltips.","name":"status-bar","title":"Status Bar","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Stacked bar and area shares with period tooltips and a compact interactive legend.","name":"composition-chart","title":"Composition Chart","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Vertical and horizontal funnels with curved stages and animated number tooltips.","name":"funnel-chart","title":"Funnel Chart","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Animated liquidity bands across price and time, with a price trace and depth tooltips.","name":"liquidity-heatmap","title":"Liquidity Heatmap","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Animated rankings with curved paths, interactive rank dots, and tooltips.","name":"bump-chart","title":"Bump Chart","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Animated order book with bid and ask depth, spread, and volume balance.","name":"order-book","title":"Order Book","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Composable activity calendar with Grid, Legend, and Tooltip parts, controlled range selection, and UTC calendar dates. Supply weekly intensities to visualize activity and total a selected span.","name":"heat-calendar","title":"Heat Calendar","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Composable monthly returns calendar with Grid and Tooltip parts, controlled month or year selections, and compounded totals. Supply your own years and monthly percentages.","name":"returns-calendar","title":"Returns Calendar","type":"registry:component"},{"dependencies":["@floating-ui/dom","clsx","motion","tailwind-merge"],"description":"Composable price target chart with Header, Plot, SVG, Axes, History, Targets, Now, Cursor, and Tooltip parts. Supply dated price history and targets; scrub with a pointer or keyboard and customize the active readout.","name":"price-target-fan","title":"Price Target Fan","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Breathing liquid voice visualization with flowing highlights, custom pigments and a soft, voice-reactive silhouette. Accepts a normalized level, MotionValue or caller-owned audio analyser, pauses offscreen and supports reduced motion.","name":"voice-orb","title":"Voice Orb","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A focused conversational surface with visual tones, independent alignment, grouped messages, expandable content, and interactive link or button support.","name":"message-bubble","title":"Message Bubble","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, live markers, and a mount-only trailing-edge pop-up for newly sent rows.","name":"message","title":"Message","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A reader-aware conversation viewport that follows streamed output at the live edge and releases control when the reader moves away.","name":"message-scroller","title":"Message Scroller","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"An auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states.","name":"prompt-input","title":"Prompt Input","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A collapsible agent task plan with morphing status marks, a completion count, compact metadata, and smooth list updates.","name":"todo-list","title":"Todo List","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","shiki","tailwind-merge"],"description":"A syntax-highlighted code surface with stable streaming updates, line numbers, focused lines, smooth following, and copy feedback.","name":"code-block","title":"Code Block","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.","name":"approval-card","title":"Approval Card","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","shiki","tailwind-merge"],"description":"A syntax-highlighted file change disclosure with progressive rows, line numbers, live change counts, smooth following, and completion collapse.","name":"file-diff","title":"File Diff","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","shiki","tailwind-merge"],"description":"A lightweight execution disclosure for syntax-highlighted terminal output and request responses that collapses into a compact completed state.","name":"tool-result","title":"Tool Result","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A stable response surface with completion actions, rendered content, and an expandable source summary.","name":"streaming-response","title":"Streaming Response","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.","name":"image-generation","title":"Image Generation","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","shiki","tailwind-merge"],"description":"A human-in-the-loop permission card for reviewing tool details, allowing once, remembering access, or denying execution.","name":"tool-approval","title":"Tool Approval","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Inline citation markers paired with a collapsible, progressively rendered reference collection for grounded agent responses.","name":"citations","title":"Citations","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.","name":"agent-activity","title":"Agent Activity","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scramble transitions.","name":"reasoning-text","title":"Agent Loading States Reasoning Text","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A quiet shimmer that keeps the agent's current status readable while work continues.","name":"thinking-shimmer","title":"Agent Loading States Thinking Shimmer","type":"registry:component"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A compact activity glyph, action verb, and live tabular timer for longer-running agent work.","name":"agent-progress","title":"Agent Loading States Agent Progress","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware labels.","name":"ai-sidebar","title":"AI Sidebar","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","shiki","tailwind-merge"],"description":"A complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and prompt input.","name":"chat-app","title":"Chat App","type":"registry:component"},{"dependencies":["@tanstack/react-virtual","clsx","lucide-react","motion","tailwind-merge"],"description":"Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.","name":"infinite-masonry","title":"Infinite Masonry","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.","name":"notification-stack","title":"Notification Stack","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"An interactive project folder that opens its file fan on hover or focus, expands into a focus-managed overlay, then retraces the complete path when closed.","name":"project-folder","title":"Project Folder","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A landscape card tucked into a stitched purse pocket that lifts forward as the purse compresses into its bottom seam, with controlled open and card-detail visibility plus a separate overflow action.","name":"card-folder","title":"Card Folder","type":"registry:block"},{"dependencies":["@floating-ui/dom","clsx","lucide-react","motion","tailwind-merge"],"description":"The tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves form the rim. Nodes spring in ring by ring, and hovering one isolates that team while the rest recede. Teams show a flag, a logo or their initials, and a deeper d","name":"knockout-wheel","title":"Fixtures Knockout Wheel","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Pages one round at a time. The leftmost round stacks at a fixed rhythm, each later round centers between its two feeder matches, and cards, elbow connectors, headers and stage height animate into every new layout. A third place play-off sits below the tree under its own rule. Rou","name":"knockout-bracket","title":"Fixtures Knockout Bracket","type":"registry:block"},{"dependencies":["@floating-ui/dom","clsx","lucide-react","motion","tailwind-merge"],"description":"Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a copy menu clones hours to other days.","name":"availability-scheduler","title":"Availability Scheduler","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.","name":"swap","title":"Multi-chain Swap","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.","name":"dynamic-island","title":"Dynamic Island","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"⌘K palette with fuzzy filter, spring-animated active row and glass surface.","name":"command-palette","title":"Command Palette","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Docked search bar that springs wider on focus and unfolds a recent-searches panel out of its own edge. Terms become removable chips, the bar grows with them, and suggestions filter as you type.","name":"morphing-search-chips","title":"Morphing Search Chip Search","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Search field or compact icon that morphs into a glass results surface, whether opened by click or keyboard shortcut.","name":"morphing-search","title":"Morphing Search Morphing Search","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.","name":"expandable-action-bar","title":"Expandable Action Bar","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Connected pill rail for primary actions that springs open to reveal extra controls.","name":"overflow-actions","title":"Overflow Actions","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.","name":"expandable-tabs","title":"Expandable Tabs","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Reorderable tabs whose selected item grows into a white content surface, with the active shape gliding as tabs move and a shared morph between rooms.","name":"morphing-tabs","title":"Morphing Tabs","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Mobile-style list rows that swipe left or right to reveal contextual action buttons.","name":"swipeable-list","title":"Swipeable List","type":"registry:block"},{"dependencies":["@floating-ui/dom","clsx","lucide-react","motion","tailwind-merge"],"description":"A mixed attachment workspace with a dropzone, staggered file and image rows, animated upload, success, failure, retry and removal feedback, shared-layout image previews, and an audio waveform.","name":"attachment-upload","title":"File Upload Attachment Upload","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A drag-and-drop upload queue with progress rows, upload states, retry, and removal.","name":"file-upload","title":"File Upload Upload Queue","type":"registry:block"},{"dependencies":["@floating-ui/dom","clsx","lucide-react","motion","tailwind-merge"],"description":"Compact market listings with consistent outcome rows, animated odds CTAs, payout multipliers and bookmarks. Odds CTAs use green/red backgrounds and roll into Yes/No labels on hover or keyboard focus. Use Update odds to preview animated price changes.","name":"prediction-market-card","title":"Prediction Market Market Cards","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Buy and sell outcomes with rolling amount entry, quick add chips and trade states.","name":"prediction-market","title":"Prediction Market Trade Ticket","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, copy-address, and Send / Deposit / Swap / Buy actions.","name":"wallet-card","title":"Wallet Card","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.","name":"otp-input","title":"OTP Input","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Composed sign-up form that flags a field only once it is left, then clears the moment it is fixed, with a length-weighted strength meter, password reveal and an animated submit lifecycle.","name":"signup-form","title":"Sign Up Form","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A card table with a face-down deck, a fanned hand and a discard pile. Cards arc across the table between them and flip in flight, hop over each other when the hand is sorted, and lift on hover. Data-driven by each card's zone, with custom faces and backs, keyboard-playable hand c","name":"card-dealer","title":"Card Dealer","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.","name":"bloom-menu","title":"Bloom Menu","type":"registry:block"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.","name":"feedback-widget","title":"Feedback Widget","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Digits scramble through random glyphs before resolving, with a chromatic split on hover.","name":"not-found-glitch","title":"404 / Not Found Glitch","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave.","name":"not-found-magnetic","title":"404 / Not Found Magnetic","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.","name":"not-found-spotlight","title":"404 / Not Found Spotlight","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A code card over a hidden stack that fans out with a spring on hover.","name":"not-found-stacked","title":"404 / Not Found Stacked","type":"registry:block"},{"dependencies":["clsx","motion","tailwind-merge"],"description":"A terminal window that types a failed cd command and a 404 status, with a blinking caret.","name":"not-found-terminal","title":"404 / Not Found Terminal","type":"registry:block"}]},"eased":{"favicon":"/favicons/eased.svg","items":[{"description":"The shell every Eased demo renders in: 420px tall, shrinks to its container, one 48px header style.","name":"eased-demo-frame","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Demo frame","type":"registry:component"},{"dependencies":["motion"],"description":"Undo toast for React and shadcn: a pill with a draining countdown ring that commits the destructive action only when it runs out.","name":"undo-pill","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/kbd.json"],"title":"Undo Pill","type":"registry:ui"},{"description":"Concentric border radius frame for React and shadcn: nested corners take the outer radius minus padding and border, through CSS variables.","name":"concentric-frame","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Concentric Frame","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Animated accordion for React and shadcn: panels open to their real height, one or several at a time, built on Base UI.","name":"accordion","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-auto-height.json"],"title":"Accordion","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Animated avatar for React and shadcn: images fade in from a soft blur, initials fill in when they fail, and avatar groups spread apart on hover.","name":"avatar","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-number-roll.json"],"title":"Avatar","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated badge for React and shadcn for statuses and counts: counts roll their digits, and a count-only badge leaves at zero.","name":"badge","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-number-roll.json"],"title":"Badge","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Animated button for React and shadcn: labels swap while the width springs, and the loading spinner keeps its width.","name":"button","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-text-swap.json","https://eased.dev/r/spinner.json"],"title":"Button","type":"registry:ui"},{"dependencies":["motion"],"description":"The height:auto spring primitive: a wrapper whose height springs to its content, opens and closes with the content fading in after the height lands, and rests at height:auto with no clipping.","name":"eased-auto-height","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Auto Height","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Label, description ⇄ error message slot and the bordered input group, on Base UI Field. Focus is the border alone; turning invalid shakes the group once, 6px, and the message swaps with y + blur while its height springs.","name":"eased-field","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-auto-height.json"],"title":"Field shell primitive","type":"registry:ui"},{"description":"The motion and material every Eased popup shares: grows from the trigger's transform-origin, enters a few pixels toward the trigger, closes at half the distance and faster, and reverses mid-flight because open and close are transitions. FloatingLayer renders any Base UI popup fam","name":"eased-floating","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Floating layer","type":"registry:ui"},{"dependencies":["motion"],"description":"useDrag: one-axis drag with Apple's rubber-band past the ends, velocity projection onto snap points, scroll handoff from an inner scroller, interruptible release springs that carry the finger's velocity, and keyboard snapping. Plus the pure maths (rubberband, project, pickSnap, v","name":"eased-gesture","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Gesture kit","type":"registry:ui"},{"dependencies":["motion"],"description":"The shared-layout highlight primitive: render <Indicator> inside whichever item is active and it glides there on the snappy spring, with corners kept round while it stretches. Used by Segmented, Tabs, Toggle Group and Radio Cards.","name":"eased-indicator","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Indicator","type":"registry:ui"},{"dependencies":["motion"],"description":"The rolling-digits engine every Eased number uses: Intl-formatted parts, each digit a ten-face cylinder on a spring that rolls in the direction of change, with locale-aware separators and numerals.","name":"eased-number-roll","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Number Roll primitive","type":"registry:ui"},{"dependencies":["motion"],"description":"Edge feathers that appear only where there is more to scroll (scrollFadeMask, useScrollEdges) and the stacked masked backdrop layers behind Progressive Blur (blurRamp, BlurStack).","name":"eased-scroll-fade","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Scroll fades and blur ramp","type":"registry:ui"},{"dependencies":["motion"],"description":"The text-change engine: outgoing text lifts 3px and blurs out, incoming rises 4px and sharpens, and the box springs to the new width. Shared by Button, Field messages and toasts.","name":"eased-text-swap","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Text Swap primitive","type":"registry:ui"},{"description":"Form field for React and shadcn: a label, a control and one message line where help text and errors swap in place.","name":"field","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-field.json"],"title":"Field","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Text input for React and shadcn on Base UI, with leading and trailing addons and an error state that shakes once.","name":"input","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-field.json"],"title":"Input","type":"registry:ui"},{"description":"Keyboard shortcut keycap (kbd) for React and shadcn that presses down while the real key is held.","name":"kbd","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Kbd","type":"registry:ui"},{"description":"Animated number counter for React and shadcn: each digit rolls to its new value, formatted for the user's locale.","name":"number-roll","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-number-roll.json"],"title":"Number Roll","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Animated popover for React and shadcn that grows out of its trigger, moves focus inside and closes on Esc, built on Base UI.","name":"popover","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-floating.json","https://eased.dev/r/button.json"],"title":"Popover","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"Animated progress bar for React and shadcn on Base UI, with a spring-driven bar, a rolling value and an indeterminate sweep.","name":"progress","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-number-roll.json"],"title":"Progress","type":"registry:ui"},{"dependencies":["motion"],"description":"Progressive blur for React and shadcn: a backdrop blur that ramps up to 20px toward an edge, under sticky headers, bottom bars and composers.","name":"progressive-blur","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-scroll-fade.json"],"title":"Progressive Blur","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Radio group for React and shadcn, with plain radios or selectable cards whose selected border travels between them.","name":"radio-group","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-indicator.json"],"title":"Radio Group","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Custom scrollbar for React and shadcn: a thin overlay bar on a native scroller, with edge fades only where more remains.","name":"scroll-area","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-scroll-fade.json"],"title":"Scroll Area","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Segmented control for React and shadcn: a thumb glides to the chosen option, with radio semantics that submit with a form.","name":"segmented","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-indicator.json"],"title":"Segmented","type":"registry:ui"},{"dependencies":["motion"],"description":"Skeleton loader for React and shadcn: every placeholder on the page shares one shimmer, and the real content fades in in place.","name":"skeleton","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Skeleton","type":"registry:ui"},{"dependencies":["motion"],"description":"Loading spinner for React and shadcn: a CSS arc that keeps turning while the main thread is busy and announces itself to screen readers.","name":"spinner","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Spinner","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"Animated tabs for React and shadcn: an underline or pill indicator glides to the active tab and panels cross-fade.","name":"tabs","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-indicator.json","https://eased.dev/r/eased-auto-height.json"],"title":"Tabs","type":"registry:ui"},{"description":"Animated text change for React and shadcn: a label or value swaps with a lift and blur while the width springs to fit.","name":"text-swap","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-text-swap.json"],"title":"Text Swap","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Auto-resizing textarea for React and shadcn: it grows with its text on a spring, with a character counter whose digits roll.","name":"textarea","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-field.json","https://eased.dev/r/eased-number-roll.json"],"title":"Textarea","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"Toggle button group for React and shadcn, single or multiple selection, for toolbars like bold, italic and underline.","name":"toggle-group","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-indicator.json"],"title":"Toggle Group","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Animated tooltip for React and shadcn with an optional keyboard shortcut; after the first, neighbours open instantly.","name":"tooltip","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-floating.json","https://eased.dev/r/kbd.json"],"title":"Tooltip","type":"registry:ui"},{"dependencies":["motion"],"description":"Table cells for React and shadcn: avatars with names, status badges, rolling numbers with coloured deltas, progress meters, times and IDs.","name":"cells","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-number-roll.json","https://eased.dev/r/eased-table-core.json","https://eased.dev/r/avatar.json","https://eased.dev/r/badge.json"],"title":"Cells kit","type":"registry:ui"},{"dependencies":["@tanstack/react-table","motion"],"description":"The layer under every Eased table: a TanStack Table v9 feature set with typed column meta, hairline rules, dense and comfortable densities, a hover-revealed sort button, a semantic table renderer, and two motion hooks: useRowFlip (rows glide to a new order) and useSelectionStagge","name":"eased-table-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Table core primitive","type":"registry:ui"},{"dependencies":["@tanstack/react-table"],"description":"Data table for React and shadcn on TanStack Table, with half-pixel row rules, a sticky header and 36px or 48px rows.","name":"table","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-table-core.json"],"title":"Table","type":"registry:ui"},{"dependencies":["motion"],"description":"File attachment chip for React and shadcn: image thumbnails sharpen as they load, a ring tracks the upload, and failures offer Retry.","name":"attachment","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-chat-core.json","https://eased.dev/r/eased-text-swap.json"],"title":"Attachment Chip","type":"registry:ui"},{"dependencies":["motion"],"description":"AI chat input for React and shadcn: the box grows as you type, files drop or paste in, and Send morphs into Stop while a reply streams.","name":"composer","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-chat-core.json","https://eased.dev/r/eased-field.json","https://eased.dev/r/eased-auto-height.json","https://eased.dev/r/eased-scroll-fade.json","https://eased.dev/r/attachment.json","https://eased.dev/r/button.json"],"title":"Composer","type":"registry:ui"},{"dependencies":["motion"],"description":"The chat model and hooks behind Eased's chat components: AI SDK UIMessage-compatible types, useStickToBottom, message grouping, the attachment model with useAttachments, composer key handling with slash/mention triggers, and a useChat adapter.","name":"eased-chat-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Chat core primitive","type":"registry:ui"},{"dependencies":["motion"],"description":"Chat message bubble for React and shadcn that renders AI SDK messages, tightening the corners where consecutive bubbles meet.","name":"message","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-chat-core.json","https://eased.dev/r/attachment.json"],"title":"Message","type":"registry:ui"},{"dependencies":["motion"],"description":"The clocks, models and contracts behind Eased's thinking states: useElapsed (seconds on the start's own grid), useTokenRate (a smoothed stream rate as motion values), useStatusCarousel, the step model, and the frozen StepStatus and ToolState types with an AI SDK tool-part adapter","name":"eased-thinking-core","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Thinking Core primitive","type":"registry:ui"},{"dependencies":["motion"],"description":"Shimmer text effect for React and shadcn: a band of light sweeps a loading label, in one phase shared by every shimmer on the page.","name":"shimmer-text","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-text-swap.json"],"title":"Shimmer Text","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"AI reasoning indicator for React and shadcn: \"Thinking 4s\" counts up while the model reasons, then reads \"Thought for 12s\" and folds away.","name":"thinking-bar","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-auto-height.json","https://eased.dev/r/eased-number-roll.json","https://eased.dev/r/eased-text-swap.json","https://eased.dev/r/eased-thinking-core.json","https://eased.dev/r/shimmer-text.json"],"title":"Thinking Bar","type":"registry:ui"},{"dependencies":["motion"],"description":"AI agent orb for React and shadcn showing idle, listening, thinking or speaking, with a swirl that speeds up with the token rate.","name":"agent-orb","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Agent Orb","type":"registry:ui"},{"dependencies":["motion","d3-scale","d3-shape"],"description":"The engine under every Eased chart: nice scales, container sizing, path morphs on shared x samples, keyed arc layouts and morphs, a sequential colour scale, rolling value labels with collision-aware placement, a slider-model scrub with a trailing tooltip, sliding gridlines, a hid","name":"eased-chart-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-number-roll.json"],"title":"Chart core primitive","type":"registry:ui"},{"description":"Sparkline chart for React and shadcn: a word-sized line that draws in once and morphs to new values, with an optional scrub readout.","name":"sparkline","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-chart-core.json"],"title":"Sparkline","type":"registry:ui"},{"dependencies":["motion","shiki"],"description":"Code block for React and shadcn with Shiki syntax highlighting, a copy button, line highlights and long blocks that collapse under a blur.","name":"code-block","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-code-core.json"],"title":"Code Block","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","shiki"],"description":"Code tabs for React and shadcn: several files or one install command per package manager, with the pnpm or npm choice synced across the page.","name":"code-tabs","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-code-core.json","https://eased.dev/r/tabs.json"],"title":"Code Tabs","type":"registry:ui"},{"dependencies":["motion","shiki"],"description":"The engine behind Eased code components: a lazily loaded Shiki singleton (shiki/core + the JavaScript regex engine, grammars for tsx, ts, js, jsx, json, css, bash, html, md, python and diff loaded on demand), the eased-stone (dark) and eased-cream (light) themes, light/dark token","name":"eased-code-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-text-swap.json","https://eased.dev/r/eased-copy.json","https://eased.dev/r/eased-auto-height.json","https://eased.dev/r/progressive-blur.json"],"title":"Code core primitive","type":"registry:ui"},{"dependencies":["motion","shiki"],"description":"Copyable command snippet for React and shadcn: one shell line with a $ prompt that is never copied, and a copy button that turns into a check.","name":"snippet","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-text-swap.json","https://eased.dev/r/eased-code-core.json"],"title":"Snippet","type":"registry:ui"},{"dependencies":["motion"],"description":"macOS volume and brightness HUD for React and shadcn, square or macOS 26 pill, updating in place and holding 1.1s after each change.","name":"mac-hud","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-mac.json"],"title":"Mac HUD","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"macOS menu bar popover for React and shadcn, for Tauri and Electron apps: the panel grows from its arrow tip and reverses mid-flight.","name":"mac-menu-popover","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-mac.json","https://eased.dev/r/eased-floating.json"],"title":"Mac menu popover","type":"registry:ui"},{"description":"The small macOS screen the Mac pack demos share: a soft wallpaper with a few files, a translucent menu bar with the app's menus, status items, Wi-Fi, battery and clock.","name":"eased-mac-desktop","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-demo-frame.json","https://eased.dev/r/eased-mac.json"],"title":"Mac desktop","type":"registry:component"},{"dependencies":["motion"],"description":"useInertia: hand a MotionValue the release velocity and it coasts with UIScrollView friction onto the snap point the flick would reach (points, a step or a function), inside bounds, as a spring or iOS-style decay. Plus the pure inertiaTarget and resolveSnap.","name":"eased-inertia-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-gesture.json"],"title":"Inertia core","type":"registry:ui"},{"dependencies":["motion"],"description":"Before and after image comparison slider for React and shadcn: drag the divider, flick it to 0, 50 or 100, or move it by keyboard.","name":"image-compare","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-gesture.json","https://eased.dev/r/eased-inertia-core.json"],"title":"Image Compare","type":"registry:ui"},{"dependencies":["motion"],"description":"Inline alert for React and shadcn for info, success, warning and error messages, with optional actions and a dismiss button.","name":"alert","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-auto-height.json"],"title":"Alert","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Animated checkbox for React and shadcn: the check draws itself and morphs into a dash for indeterminate parent checkboxes.","name":"checkbox","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Checkbox","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"What every Eased overlay shares: panel, menu and modal surfaces, the blurred scrim, menu rows on shared tracks with a gliding highlight, a drawn check and shortcut glyphs, and one motion table from tooltip to toast. Dialog, Sheet, menus, Select, Combobox, Toast and Command Palett","name":"eased-overlay-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-floating.json","https://eased.dev/r/eased-indicator.json"],"title":"Overlay core","type":"registry:ui"},{"description":"Heading component for React and shadcn: size, weight, tracking and leading set together from 16 to 60px, separate from the h1–h6 level.","name":"heading","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Heading","type":"registry:ui"},{"description":"Prose typography for rendered markdown in React and shadcn, with a chat density for AI replies and a document density for long reads.","name":"prose","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Prose","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Range slider for React and shadcn, single or two-thumb, with a value readout whose digits roll as it steps.","name":"slider","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-number-roll.json"],"title":"Slider","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Toggle switch for React and shadcn: the thumb stretches toward where it is going, and a label turns it into a settings row.","name":"switch","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Switch","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Modal dialog for React and shadcn, with confirm (alert) dialogs and nested dialogs, built on Base UI.","name":"dialog","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-overlay-core.json","https://eased.dev/r/button.json"],"title":"Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Command palette for React and shadcn: ⌘K opens it at once, commands filter as you type, and Enter runs the first match.","name":"command-palette","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-overlay-core.json","https://eased.dev/r/eased-scroll-fade.json","https://eased.dev/r/kbd.json"],"title":"Command Palette","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Right-click context menu for React and shadcn on Base UI: it opens at the pointer, or on a 500ms long press on touch, with submenus.","name":"context-menu","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-floating.json","https://eased.dev/r/eased-overlay-core.json","https://eased.dev/r/dropdown-menu.json"],"title":"Context Menu","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Dropdown menu for React and shadcn: one highlight glides between rows, and a chosen row blinks before the menu closes, as on macOS.","name":"dropdown-menu","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-floating.json","https://eased.dev/r/eased-overlay-core.json","https://eased.dev/r/button.json"],"title":"Dropdown Menu","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Sheet and side drawer for React and shadcn on Base UI Drawer: swipe to dismiss, and side sheets become bottom sheets under 640px.","name":"sheet","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-overlay-core.json","https://eased.dev/r/eased-scroll-fade.json","https://eased.dev/r/button.json"],"title":"Sheet","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Searchable select (combobox) for React and shadcn, with filtering, a clear button and multi-select chips, on Base UI.","name":"combobox","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-overlay-core.json","https://eased.dev/r/eased-floating.json","https://eased.dev/r/eased-field.json","https://eased.dev/r/spinner.json"],"title":"Combobox","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Select dropdown for React and shadcn that opens with the chosen option over its trigger, like a macOS pop-up button.","name":"select","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-overlay-core.json","https://eased.dev/r/eased-floating.json","https://eased.dev/r/eased-field.json"],"title":"Select","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Toast notifications for React and shadcn: toasts stack behind the newest, fan out on hover and pause their timers, with an Undo action.","name":"toast","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-overlay-core.json","https://eased.dev/r/button.json","https://eased.dev/r/spinner.json","https://eased.dev/r/text-swap.json"],"title":"Toast","type":"registry:ui"},{"description":"Shared pieces for Eased crypto blocks: a monochrome token glyph, chain tints as tokens with a ≤10% glow, address truncation, and USD price, token amount and signed change formats.","name":"eased-crypto-core","registryDependencies":["https://eased.dev/r/eased-tokens.json"],"title":"Crypto core primitive","type":"registry:ui"},{"dependencies":["motion"],"description":"The copy → check morph: a clipboard write with a textarea fallback, a useCopy hook that holds the copied state for 1.6s, the copy icon that swaps to a check with a blur, and the CopyButton built on them. Shared by the code components, Wallet Card and Connect Wallet.","name":"eased-copy","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-text-swap.json"],"title":"Copy primitive","type":"registry:ui"},{"dependencies":["motion"],"description":"Hold-to-confirm: a time-true linear fill while the pointer, Space or Enter is held, a quick no-overshoot drain when let go early, and a button that reveals its label on brand as the hold runs. Shared by Approval Card and PR Review.","name":"eased-hold-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-text-swap.json"],"title":"Hold Core primitive","type":"registry:ui"},{"description":"Animated breadcrumb for React and shadcn that folds the middle crumbs into a menu when the trail runs out of room.","name":"breadcrumb","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/dropdown-menu.json","https://eased.dev/r/eased-floating.json"],"title":"Breadcrumb","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated pagination for React and shadcn: the selected page chip glides on a spring, and the width never changes as you page.","name":"pagination","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-indicator.json","https://eased.dev/r/eased-number-roll.json"],"title":"Pagination","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Star rating for React and shadcn on Base UI RadioGroup, with hover preview, half stars and a read-only mode for any fraction.","name":"rating","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Rating","type":"registry:ui"},{"dependencies":["motion"],"description":"Carousel for React and shadcn on native scroll snapping, with mouse drag, arrow keys and a dot that stretches between pages.","name":"carousel","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-gesture.json","https://eased.dev/r/eased-scroll-fade.json"],"title":"Carousel","type":"registry:ui"},{"dependencies":["motion"],"description":"Drag and drop file upload for React and shadcn: the dropzone wakes when files cross the page, with per-file progress and retry.","name":"file-upload","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-auto-height.json","https://eased.dev/r/eased-text-swap.json"],"title":"File Upload","type":"registry:ui"},{"dependencies":["motion"],"description":"React file tree for shadcn: folders spring open, one selection glides between rows, and arrow keys and typeahead follow WAI-ARIA.","name":"tree","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-auto-height.json","https://eased.dev/r/eased-indicator.json","https://eased.dev/r/eased-scroll-fade.json"],"title":"Tree","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Date picker for React and shadcn with a calendar popover and ranges, reading typed dates such as 24 Oct or tomorrow in the field's locale.","name":"date-picker","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-field.json","https://eased.dev/r/eased-floating.json","https://eased.dev/r/eased-text-swap.json","https://eased.dev/r/eased-calendar-core.json"],"title":"Date Picker","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Number input for React and shadcn on Base UI: steppers speed up the longer you hold them, and each step rolls the digits.","name":"number-field","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-field.json","https://eased.dev/r/eased-number-roll.json"],"title":"Number Field","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"OTP input for React and shadcn on Base UI: SMS autofill, password managers and a pasted code fill every cell at once.","name":"otp-field","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-field.json"],"title":"OTP Field","type":"registry:ui"},{"dependencies":["motion"],"description":"Shared pieces for Eased e-commerce blocks: drawn product art, colour swatches, the price line, a rolling quantity stepper, the bag button and money and stock formats.","name":"eased-commerce-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-number-roll.json"],"title":"Commerce core primitive","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"Product variant picker for React and shadcn: colour swatches and sizes on Base UI radio groups, with sold-out sizes struck through.","name":"variant-picker","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-number-roll.json","https://eased.dev/r/eased-commerce-core.json","https://eased.dev/r/eased-indicator.json","https://eased.dev/r/eased-text-swap.json","https://eased.dev/r/badge.json"],"title":"Variant Picker","type":"registry:ui"},{"dependencies":["motion"],"description":"Shared pieces for Eased SaaS-admin blocks: a rolling delta chip that falls in warning, a usage meter that turns warning at 80%, relative times and compact money formats.","name":"eased-saas-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-number-roll.json"],"title":"SaaS core primitive","type":"registry:ui"},{"description":"Shared pieces for Eased real-estate blocks: CRE units (SF, $/SF, terms, cap rates), lease-expiry status and its tints, the vacancy hatch and an expiry legend.","name":"eased-property-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"Property core primitive","type":"registry:ui"},{"dependencies":["motion"],"description":"Shared pieces for Eased HR and recruiting blocks: the 1–4 interview scale and its labels, four pips that fill to a rating, and the short time-in-stage clock.","name":"eased-hr-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json"],"title":"HR core primitive","type":"registry:ui"},{"description":"Shared pieces for Eased legal blocks: the inline redline, the clause number track, deadline countdown wording, legal date and confidence formats, and the AI mark.","name":"eased-legal-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-doc-core.json"],"title":"Legal core primitive","type":"registry:ui"},{"dependencies":["motion"],"description":"Shared pieces for Eased health blocks: where a value sits against its range, a warning flag that pops in and out, and clinic clock times.","name":"eased-health-core","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-text-swap.json"],"title":"Health core primitive","type":"registry:ui"},{"dependencies":["motion"],"description":"Area chart for React and shadcn that draws in once, morphs to new data while its scale springs, and has a crosshair tooltip.","name":"area-chart","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-chart-core.json"],"title":"Area Chart","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Card component for React and shadcn with shadcn's parts and slots, plus a CardLink that makes the whole card one clickable link.","name":"card","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-auto-height.json"],"title":"Card","type":"registry:ui"},{"dependencies":["motion"],"description":"Appointment booking for React and shadcn: pick a provider, day and time, and the chosen slot lifts into the confirmation card.","name":"appointment-scheduler","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/eased-indicator.json","https://eased.dev/r/eased-text-swap.json","https://eased.dev/r/eased-health-core.json","https://eased.dev/r/avatar.json","https://eased.dev/r/button.json"],"title":"Appointment Scheduler","type":"registry:ui"},{"dependencies":["motion"],"description":"Client names as wordmarks in a ruled grid, then three numbers that roll up once.","name":"agency-clients","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/number-roll.json"],"title":"Agency: Clients","type":"registry:block"},{"dependencies":["motion"],"description":"The question, a line on how the studio replies, and the email set large with a copy button.","name":"agency-contact","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/button.json","https://eased.dev/r/eased-copy.json"],"title":"Agency: Contact","type":"registry:block"},{"dependencies":["motion"],"description":"A newsletter sign-up, the studio's links and address, and the legal line with its local time.","name":"agency-footer","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/button.json","https://eased.dev/r/field.json","https://eased.dev/r/input.json"],"title":"Agency: Footer","type":"registry:block"},{"description":"One line with the studio's availability, its pages as a list and the way in, then its name set bold, edge to edge.","name":"agency-header","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json"],"title":"Agency: Header","type":"registry:block"},{"dependencies":["motion"],"description":"What the studio is in one serif sentence, the page's heading, with one way into the work.","name":"agency-intro","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json"],"title":"Agency: Intro","type":"registry:block"},{"dependencies":["motion"],"description":"News, writing and a role as cards with drawn covers, then the open roles as a ruled list.","name":"agency-latest","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/badge.json"],"title":"Agency: Latest and careers","type":"registry:block"},{"dependencies":["motion"],"description":"An ink-blue panel with a browser and a rail of projects: the address bar types each client's domain and the site loads line by line.","name":"agency-reel","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/button.json","https://eased.dev/r/text-swap.json"],"title":"Agency: Reel","type":"registry:block"},{"dependencies":["motion"],"description":"The studio's claim beside its four services as an accordion, each with what it delivers.","name":"agency-services","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/accordion.json","https://eased.dev/r/badge.json"],"title":"Agency: Services","type":"registry:block"},{"dependencies":["motion"],"description":"Every project in one ruled grid: a small cover, the client, the project, its disciplines and its year.","name":"agency-work-page","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json"],"title":"Agency: Work index","type":"registry:block"},{"dependencies":["motion"],"description":"A grid of project covers with a filter by discipline; the grid reflows on a spring.","name":"agency-work","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/segmented.json"],"title":"Agency: Selected work","type":"registry:block"},{"description":"A site for an independent design studio: its name across the page, a reel of client sites, the work, services, clients, news and contact, plus case studies, services, studio, careers, journal, contact, legal and not-found pages.","name":"agency","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-header.json","https://eased.dev/r/agency-reel.json","https://eased.dev/r/agency-intro.json","https://eased.dev/r/agency-work.json","https://eased.dev/r/agency-services.json","https://eased.dev/r/agency-clients.json","https://eased.dev/r/agency-latest.json","https://eased.dev/r/agency-contact.json","https://eased.dev/r/agency-footer.json","https://eased.dev/r/agency-work-page.json","https://eased.dev/r/agency-case-study.json","https://eased.dev/r/agency-services-page.json","https://eased.dev/r/agency-studio.json","https://eased.dev/r/agency-careers.json","https://eased.dev/r/agency-journal.json","https://eased.dev/r/agency-enquiry.json","https://eased.dev/r/agency-legal.json","https://eased.dev/r/agency-not-found.json"],"title":"Agency","type":"registry:block"},{"dependencies":["motion"],"description":"The open roles as one ruled grid with what everyone gets and how the studio hires, and a job post per role with its facts and an apply link.","name":"agency-careers","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/button.json"],"title":"Agency: Careers","type":"registry:block"},{"dependencies":["motion"],"description":"A project's story on its own page: the client's site drawn as wide as the page, the challenge beside the facts, what the studio made, three outcomes, the credits and the next project.","name":"agency-case-study","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json"],"title":"Agency: Case study","type":"registry:block"},{"dependencies":["motion"],"description":"The email and the studio's address beside a project enquiry form with budget and timeline, checked on submit, that gives way to a sent state.","name":"agency-enquiry","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/button.json","https://eased.dev/r/field.json","https://eased.dev/r/input.json","https://eased.dev/r/select.json","https://eased.dev/r/textarea.json"],"title":"Agency: Contact page","type":"registry:block"},{"dependencies":["motion"],"description":"The journal index as a ruled list with drawn covers, and a post page with its author, a wide cover, the text in one reading column and more posts.","name":"agency-journal","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/avatar.json","https://eased.dev/r/badge.json"],"title":"Agency: Journal","type":"registry:block"},{"dependencies":["motion"],"description":"Privacy and imprint as a ruled list of parts, under a note that the text is a sample to replace.","name":"agency-legal","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json"],"title":"Agency: Legal page","type":"registry:block"},{"dependencies":["motion"],"description":"The template's 404: the code beside the studio's mark with its tile missing, a line and the pages people usually want.","name":"agency-not-found","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json"],"title":"Agency: Not found","type":"registry:block"},{"dependencies":["motion"],"description":"The services index as one ruled list, and a page per service with a typical project's facts, what it delivers, how it runs week by week and recent work.","name":"agency-services-page","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/agency-work.json","https://eased.dev/r/badge.json"],"title":"Agency: Services pages","type":"registry:block"},{"dependencies":["motion"],"description":"What the studio is, its people with initials avatars and how a project runs, with a line to the open roles.","name":"agency-studio","registryDependencies":["https://eased.dev/r/eased-tokens.json","https://eased.dev/r/eased-motion.json","https://eased.dev/r/agency-core.json","https://eased.dev/r/avatar.json"],"title":"Agency: Studio","type":"registry:block"}]},"clerk elements":{"favicon":"/favicons/clerk-elements.ico","items":[{"dependencies":["@clerk/nextjs","@clerk/ui"],"description":"The <ClerkProvider> component is required to integrate Clerk into your React application, providing session and user context to Clerk's hooks and components.","name":"nextjs-clerk-provider","title":"Clerk Provider (App Router)","type":"registry:component"},{"dependencies":["next-themes"],"description":"A theme provider component using next-themes for dark mode support.","name":"nextjs-theme-provider","title":"Theme Provider","type":"registry:component"},{"dependencies":["@clerk/nextjs"],"description":"A header component with Clerk authentication buttons and user button.","name":"nextjs-header","registryDependencies":["button"],"title":"Header Component","type":"registry:component"},{"dependencies":["@clerk/nextjs","@clerk/ui","next-themes"],"description":"A root layout component with Clerk provider, theme provider, and header.","name":"nextjs-layout-with-header","registryDependencies":["@clerk/nextjs-clerk-provider","@clerk/nextjs-theme-provider","@clerk/nextjs-header"],"title":"Layout with Header","type":"registry:page"},{"dependencies":["@clerk/nextjs","@clerk/ui","next-themes"],"description":"A quickstart for Next.js App Router with Clerk authentication.","name":"nextjs-quickstart","registryDependencies":["button","@clerk/nextjs-clerk-provider","@clerk/nextjs-middleware","@clerk/nextjs-theme-provider","@clerk/nextjs-header","@clerk/nextjs-layout-with-header"],"title":"Clerk Next.js Quickstart (App Router)","type":"registry:block"},{"dependencies":["@clerk/nextjs","@clerk/ui","next-themes"],"description":"A minimal Clerk quickstart for Next.js App Router with a single combined sign-in-or-up page (no separate sign-up route).","name":"nextjs-quickstart-sign-in-or-up","registryDependencies":["button","@clerk/nextjs-clerk-provider","@clerk/nextjs-middleware","@clerk/nextjs-theme-provider","@clerk/nextjs-header","@clerk/nextjs-layout-with-header"],"title":"Clerk Next.js Quickstart — Sign-in-or-up (App Router)","type":"registry:block"},{"dependencies":["@clerk/nextjs"],"description":"A sign in page for Next.js App Router with Clerk authentication.","name":"nextjs-sign-in-page","registryDependencies":["button"],"title":"Clerk Next.js Sign In Page (App Router)","type":"registry:page"},{"dependencies":["@clerk/nextjs","lucide-react"],"description":"A sign up page for Next.js App Router with Clerk authentication.","name":"nextjs-sign-up-page","title":"Clerk Next.js Sign Up Page (App Router)","type":"registry:page"},{"dependencies":["@clerk/nextjs"],"description":"A waitlist page for Next.js App Router with Clerk authentication.","name":"nextjs-waitlist-page","title":"Clerk Next.js Waitlist Page (App Router)","type":"registry:page"},{"dependencies":["@clerk/nextjs","@clerk/ui","motion","react-use-measure","lucide-react"],"description":"A multistep onboarding flow using Clerk's prebuilt <SignIn> component with embedded session tasks.","name":"nextjs-aio-multistep-onboarding","registryDependencies":["button"],"title":"Multistep Onboarding Flow (AIO)","type":"registry:block"},{"dependencies":["@clerk/nextjs","@clerk/ui","@tanstack/react-form","motion","react-use-measure","input-otp","lucide-react","class-variance-authority"],"description":"A custom sign-up and sign-in onboarding flow using Clerk's useSignIn and useSignUp hooks with animated step transitions.","name":"nextjs-custom-flows-multistep-onboarding","registryDependencies":["button","checkbox","field","input","input-otp","label","radio-group"],"title":"Multistep Onboarding Flow","type":"registry:block"}]},"bundui":{"favicon":"/favicons/bundui.ico","items":[{"description":"A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-default","title":"Accordion","type":"registry:component"},{"description":"A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-collapsible","title":"Accordion","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"description":"A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-with-plus-icon","registryDependencies":["accordion"],"title":"Accordion","type":"registry:component"},{"description":"Displays a callout for user attention.","name":"alert-default","registryDependencies":["alert"],"title":"Alert","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a callout for user attention.","name":"alert-with-icon","registryDependencies":["alert"],"title":"Alert","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a callout for user attention.","name":"alert-with-title","registryDependencies":["alert"],"title":"Alert","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a callout for user attention.","name":"alert-with-action-button","registryDependencies":["alert","button"],"title":"Alert","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a callout for user attention.","name":"alert-with-dismiss","registryDependencies":["alert","button"],"title":"Alert","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a callout for user attention.","name":"alert-success","registryDependencies":["alert"],"title":"Alert","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a callout for user attention.","name":"alert-warning","registryDependencies":["alert"],"title":"Alert","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a callout for user attention.","name":"alert-danger","registryDependencies":["alert"],"title":"Alert","type":"registry:component"},{"description":"A modal dialog that interrupts the user with important content and expects a response.","name":"alert-dialog","page":"https://bundui.io/components/alert-dialog","registryDependencies":["button"],"title":"Alert Dialog","type":"registry:component"},{"description":"An image element with fallbacks for representing the user.","name":"avatar-default","registryDependencies":["avatar"],"title":"Avatar","type":"registry:component"},{"description":"An image element with fallbacks for representing the user.","name":"avatar-fallback-only","registryDependencies":["avatar"],"title":"Avatar","type":"registry:component"},{"description":"An image element with fallbacks for representing the user.","name":"avatar-with-status-indicator","registryDependencies":["avatar"],"title":"Avatar","type":"registry:component"},{"description":"An image element with fallbacks for representing the user.","name":"avatar-avatar-group","registryDependencies":["avatar"],"title":"Avatar","type":"registry:component"},{"description":"An image element with fallbacks for representing the user.","name":"avatar-sizes","registryDependencies":["avatar"],"title":"Avatar","type":"registry:component"},{"description":"Displays a badge or status indicator.","name":"badge-default","registryDependencies":["badge"],"title":"Badge","type":"registry:component"},{"description":"Displays a badge or status indicator.","name":"badge-secondary","registryDependencies":["badge"],"title":"Badge","type":"registry:component"},{"description":"Displays a badge or status indicator.","name":"badge-destructive","registryDependencies":["badge"],"title":"Badge","type":"registry:component"},{"description":"Displays a badge or status indicator.","name":"badge-outline","registryDependencies":["badge"],"title":"Badge","type":"registry:component"},{"description":"Displays a badge or status indicator.","name":"badge-indicator","registryDependencies":["badge"],"title":"Badge","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a badge or status indicator.","name":"badge-with-icon","registryDependencies":["badge"],"title":"Badge","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a badge or status indicator.","name":"badge-with-dismiss","registryDependencies":["badge"],"title":"Badge","type":"registry:component"},{"description":"Displays a breadcrumb navigation.","name":"breadcrumb-default","title":"Breadcrumb","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a breadcrumb navigation.","name":"breadcrumb-with-icon","title":"Breadcrumb","type":"registry:component"},{"description":"Displays a breadcrumb navigation.","name":"breadcrumb-with-dropdown","title":"Breadcrumb","type":"registry:component"},{"description":"Displays a button or a component that looks like a button.","name":"button-default","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"description":"Displays a button or a component that looks like a button.","name":"button-secondary","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"description":"Displays a button or a component that looks like a button.","name":"button-destructive","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"description":"Displays a button or a component that looks like a button.","name":"button-outline","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"description":"Displays a button or a component that looks like a button.","name":"button-ghost","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"description":"Displays a button or a component that looks like a button.","name":"button-link","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a button or a component that looks like a button.","name":"button-with-icon","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a button or a component that looks like a button.","name":"button-only-icon","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a button or a component that looks like a button.","name":"button-icon-sizes","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"description":"Displays a button or a component that looks like a button.","name":"button-sizes","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"description":"Displays a button or a component that looks like a button.","name":"button-disabled","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a button or a component that looks like a button.","name":"button-loading","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a button or a component that looks like a button.","name":"button-loading-with-icon","registryDependencies":["button"],"title":"Button","type":"registry:component"},{"description":"A date picker component with range and single date selection.","name":"calendar","page":"https://bundui.io/components/calendar","registryDependencies":["calendar"],"title":"Calendar","type":"registry:component"},{"description":"Displays a card with header, content, and footer.","name":"card-default","registryDependencies":["card"],"title":"Card","type":"registry:component"},{"description":"Displays a card with header, content, and footer.","name":"card-with-header","registryDependencies":["card"],"title":"Card","type":"registry:component"},{"description":"Displays a card with header, content, and footer.","name":"card-with-header-description","registryDependencies":["card"],"title":"Card","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Displays a card with header, content, and footer.","name":"card-with-header-icon","registryDependencies":["card"],"title":"Card","type":"registry:component"},{"description":"Displays a card with header, content, and footer.","name":"card-with-action","registryDependencies":["button"],"title":"Card","type":"registry:component"},{"description":"Displays a card with header, content, and footer.","name":"card-with-footer","registryDependencies":["button","input","label"],"title":"Card","type":"registry:component"},{"description":"Displays a card with header, content, and footer.","name":"card-colored","registryDependencies":["card"],"title":"Card","type":"registry:component"},{"description":"A carousel component for cycling through a series of content.","name":"carousel-01","registryDependencies":["card"],"title":"Carousel","type":"registry:component"},{"description":"A carousel component for cycling through a series of content.","name":"carousel-02","registryDependencies":["card"],"title":"Carousel","type":"registry:component"},{"description":"A carousel component for cycling through a series of content.","name":"carousel-03","registryDependencies":["card"],"title":"Carousel","type":"registry:component"},{"dependencies":["recharts"],"description":"Beautiful charts. Built using Recharts. Copy and paste into your apps.","name":"chart","page":"https://bundui.io/components/chart","registryDependencies":["card"],"title":"Chart","type":"registry:component"},{"description":"A control that allows the user to toggle between checked and not checked.","name":"checkbox","page":"https://bundui.io/components/checkbox","registryDependencies":["checkbox","label"],"title":"Checkbox","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Used to hide and show content with a smooth animation.","name":"collapsible","page":"https://bundui.io/components/collapsible","registryDependencies":["button","collapsible"],"title":"Collapsible","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combines a text input with a list of options.","name":"combobox","page":"https://bundui.io/components/combobox","registryDependencies":["button","popover"],"title":"Combobox","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Fast, composable command palette component.","name":"command","page":"https://bundui.io/components/command","title":"Command","type":"registry:component"},{"description":"Displays a menu to the user — triggered by a right click.","name":"context-menu","page":"https://bundui.io/components/context-menu","title":"Context Menu","type":"registry:component"},{"description":"Display complex data in a table format with filtering, sorting and pagination.","name":"data-table-01","title":"Data Table","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Display complex data in a table format with filtering, sorting and pagination.","name":"data-table-02","registryDependencies":["button","checkbox","input"],"title":"Data Table","type":"registry:component"},{"description":"Display complex data in a table format with filtering, sorting and pagination.","name":"data-table-03","registryDependencies":["badge","button","checkbox","input","label","pagination","popover"],"title":"Data Table","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A styled date picker component built using calendar.","name":"date-picker","page":"https://bundui.io/components/date-picker","registryDependencies":["button","calendar","label","popover"],"title":"Date Picker","type":"registry:component"},{"description":"A window overlaid on either the primary window or another dialog window.","name":"dialog","page":"https://bundui.io/components/dialog","registryDependencies":["button","input","label"],"title":"Dialog","type":"registry:component"},{"description":"A window overlaid on either the primary window or another dialog window.","name":"divider-01","registryDependencies":["divider"],"title":"Divider","type":"registry:component"},{"description":"A window overlaid on either the primary window or another dialog window.","name":"divider-02","registryDependencies":["divider"],"title":"Divider","type":"registry:component"},{"description":"A window overlaid on either the primary window or another dialog window.","name":"divider-03","registryDependencies":["divider"],"title":"Divider","type":"registry:component"},{"dependencies":["lucide-react","recharts"],"description":"A panel that slides out from the edge of the screen.","name":"drawer","page":"https://bundui.io/components/drawer","registryDependencies":["button"],"title":"Drawer","type":"registry:component"},{"description":"Displays a menu to the user — triggered by a button.","name":"dropdown-menu","page":"https://bundui.io/components/dropdown-menu","registryDependencies":["button"],"title":"Dropdown Menu","type":"registry:component"},{"dependencies":["lucide-react"],"description":"For sighted users to preview content available behind a link.","name":"hover-card","page":"https://bundui.io/components/hover-card","registryDependencies":["avatar","button","hover-card"],"title":"Hover Card","type":"registry:component"},{"description":"Displays a form input field or a component that looks like an input field.","name":"input","page":"https://bundui.io/components/input","registryDependencies":["input"],"title":"Input","type":"registry:component"},{"description":"Accessible one-time password component with copy paste functionality.","name":"input-otp","page":"https://bundui.io/components/input-otp","title":"Input OTP","type":"registry:component"},{"description":"Displays a menu bar with nested menus.","name":"menubar","page":"https://bundui.io/components/menubar","title":"Menubar","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A set of layered menu items—triggered by hover or click.","name":"navigation-menu","page":"https://bundui.io/components/navigation-menu","title":"Navigation Menu","type":"registry:component"},{"description":"Pagination with page navigation, next and previous links.","name":"pagination","page":"https://bundui.io/components/pagination","title":"Pagination","type":"registry:component"},{"description":"A pop-up element that appears next to a trigger element.","name":"popover","page":"https://bundui.io/components/popover","registryDependencies":["button","input","label","popover"],"title":"Popover","type":"registry:component"},{"description":"Displays an indicator showing the completion progress of a task.","name":"progress","page":"https://bundui.io/components/progress","registryDependencies":["progress"],"title":"Progress","type":"registry:component"},{"description":"A set of checkable buttons—only one can be selected at a time.","name":"radio-group","page":"https://bundui.io/components/radio-group","registryDependencies":["label","radio-group"],"title":"Radio Group","type":"registry:component"},{"description":"Displays a list of options for the user to pick from—triggered by a button.","name":"select-01","title":"Select","type":"registry:component"},{"description":"Displays a list of options for the user to pick from—triggered by a button.","name":"select-02","title":"Select","type":"registry:component"},{"description":"Displays a list of options for the user to pick from—triggered by a button.","name":"select-03","title":"Select","type":"registry:component"},{"description":"Displays a list of options for the user to pick from—triggered by a button.","name":"select-04","registryDependencies":["badge"],"title":"Select","type":"registry:component"},{"description":"Displays a list of options for the user to pick from—triggered by a button.","name":"select-05","registryDependencies":["avatar"],"title":"Select","type":"registry:component"},{"description":"Extends the Dialog component to create panels that slide in from the edge of the screen.","name":"sheet","page":"https://bundui.io/components/sheet","registryDependencies":["button","input","label"],"title":"Sheet","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A composable, themeable and customizable sidebar component.","name":"sidebar","page":"https://bundui.io/components/sidebar","title":"Sidebar","type":"registry:component"},{"description":"Displays a placeholder preview of your content before it loads.","name":"skeleton","page":"https://bundui.io/components/skeleton","registryDependencies":["skeleton"],"title":"Skeleton","type":"registry:component"},{"description":"An input where the user selects a value from within a given range.","name":"slider","page":"https://bundui.io/components/slider","registryDependencies":["slider"],"title":"Slider","type":"registry:component"},{"description":"A control that allows the user to toggle between checked and not checked.","name":"switch","page":"https://bundui.io/components/switch","registryDependencies":["label","switch"],"title":"Switch","type":"registry:component"},{"description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs","page":"https://bundui.io/components/tabs","registryDependencies":["button","input","label","tabs"],"title":"Tabs","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A set of two-state buttons that can be toggled on or off.","name":"toggle-group","page":"https://bundui.io/components/toggle-group","registryDependencies":["toggle-group"],"title":"Toggle Group","type":"registry:component"},{"description":"A popup that displays information related to an element when hovered.","name":"tooltip","page":"https://bundui.io/components/tooltip","registryDependencies":["button","tooltip"],"title":"Tooltip","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist design, strong visual hierarchy, and persuasive calls-to-action to communicate your product’s value from the very first ","name":"hero-sections-01","registryDependencies":["badge","button"],"title":"Hero Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist design, strong visual hierarchy, and persuasive calls-to-action to communicate your product’s value from the very first ","name":"hero-sections-02","registryDependencies":["badge","button","dialog","button"],"title":"Hero Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist design, strong visual hierarchy, and persuasive calls-to-action to communicate your product’s value from the very first ","name":"hero-sections-03","registryDependencies":["badge","button","popover"],"title":"Hero Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist design, strong visual hierarchy, and persuasive calls-to-action to communicate your product’s value from the very first ","name":"hero-sections-04","registryDependencies":["button","avatar"],"title":"Hero Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist design, strong visual hierarchy, and persuasive calls-to-action to communicate your product’s value from the very first ","name":"hero-sections-05","registryDependencies":["button","badge","card","avatar"],"title":"Hero Sections","type":"registry:component"},{"description":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These designs combine minimalist layouts, clear messaging, and prominent buttons to drive conversions and engagement. Perfect for landing pages, product features, or promotional campaigns seeking","name":"cta-sections-01","registryDependencies":["button"],"title":"CTA Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These designs combine minimalist layouts, clear messaging, and prominent buttons to drive conversions and engagement. Perfect for landing pages, product features, or promotional campaigns seeking","name":"cta-sections-02","registryDependencies":["button"],"title":"CTA Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These designs combine minimalist layouts, clear messaging, and prominent buttons to drive conversions and engagement. Perfect for landing pages, product features, or promotional campaigns seeking","name":"cta-sections-03","registryDependencies":["button","badge"],"title":"CTA Sections","type":"registry:component"},{"description":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These designs combine minimalist layouts, clear messaging, and prominent buttons to drive conversions and engagement. Perfect for landing pages, product features, or promotional campaigns seeking","name":"cta-sections-04","registryDependencies":["button"],"title":"CTA Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your product or service plans with elegantly designed Tailwind CSS pricing sections. These layouts highlight features, pricing tiers, and value propositions with clarity, helping users make informed decisions. Ideal for SaaS platforms, subscription services, or product p","name":"pricing-sections-01","registryDependencies":["button","card","separator"],"title":"Pricing Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your product or service plans with elegantly designed Tailwind CSS pricing sections. These layouts highlight features, pricing tiers, and value propositions with clarity, helping users make informed decisions. Ideal for SaaS platforms, subscription services, or product p","name":"pricing-sections-02","registryDependencies":["button","card","separator","switch"],"title":"Pricing Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your product or service plans with elegantly designed Tailwind CSS pricing sections. These layouts highlight features, pricing tiers, and value propositions with clarity, helping users make informed decisions. Ideal for SaaS platforms, subscription services, or product p","name":"pricing-sections-03","registryDependencies":["button","card"],"title":"Pricing Sections","type":"registry:component"},{"description":"Engage and grow your audience with beautifully designed Tailwind CSS newsletter sections. These layouts combine clean forms, compelling copy, and subtle visuals to encourage sign-ups. Perfect for blogs, SaaS products, and marketing sites looking to build an email list with a mode","name":"newsletter-sections","page":"https://bundui.io/blocks/marketing/newsletter-sections","registryDependencies":["button","card","input"],"title":"Newsletter Sections","type":"registry:component"},{"description":"Highlight customer experiences and build trust with elegantly designed Tailwind CSS testimonial sections. These layouts feature user quotes, ratings, and profile visuals to create social proof. Ideal for SaaS platforms, product pages, and service websites aiming to showcase credi","name":"testimonials-01","registryDependencies":["avatar","card"],"title":"Testimonials","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Highlight customer experiences and build trust with elegantly designed Tailwind CSS testimonial sections. These layouts feature user quotes, ratings, and profile visuals to create social proof. Ideal for SaaS platforms, product pages, and service websites aiming to showcase credi","name":"testimonials-02","registryDependencies":["http://localhost:3000/r/marquee-effect.json","avatar","badge"],"title":"Testimonials","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Highlight customer experiences and build trust with elegantly designed Tailwind CSS testimonial sections. These layouts feature user quotes, ratings, and profile visuals to create social proof. Ideal for SaaS platforms, product pages, and service websites aiming to showcase credi","name":"testimonials-03","registryDependencies":["http://localhost:3000/r/marquee-effect.json","avatar","badge"],"title":"Testimonials","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your articles and content in beautifully structured Tailwind CSS blog sections. These layouts combine clear headings, featured images, and engaging excerpts to attract readers and encourage clicks. Perfect for blogs, news sites, and marketing platforms looking for a mode","name":"blog-sections-01","registryDependencies":["card","badge","button"],"title":"Blog Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your articles and content in beautifully structured Tailwind CSS blog sections. These layouts combine clear headings, featured images, and engaging excerpts to attract readers and encourage clicks. Perfect for blogs, news sites, and marketing platforms looking for a mode","name":"blog-sections-02","registryDependencies":["card"],"title":"Blog Sections","type":"registry:component"},{"description":"Showcase your team with elegantly designed Tailwind CSS team sections. Highlight member profiles, roles, and social links with clean layouts and subtle visuals. Perfect for company websites, SaaS platforms, or portfolios aiming to humanize your brand and build trust with visitors","name":"team-sections-01","title":"Team Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your team with elegantly designed Tailwind CSS team sections. Highlight member profiles, roles, and social links with clean layouts and subtle visuals. Perfect for company websites, SaaS platforms, or portfolios aiming to humanize your brand and build trust with visitors","name":"team-sections-02","registryDependencies":["button","badge","separator"],"title":"Team Sections","type":"registry:component"},{"description":"Highlight key metrics and performance figures with Tailwind CSS stats sections. These layouts showcase numbers, percentages, and visual indicators in a clean, modern design. Ideal for SaaS platforms, business pages, or marketing sites aiming to convey credibility and measurable i","name":"stats-section-01","title":"Stats Section","type":"registry:component"},{"description":"Highlight key metrics and performance figures with Tailwind CSS stats sections. These layouts showcase numbers, percentages, and visual indicators in a clean, modern design. Ideal for SaaS platforms, business pages, or marketing sites aiming to convey credibility and measurable i","name":"stats-section-02","title":"Stats Section","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your product’s compatibility and connected services with Tailwind CSS integrations sections. These layouts feature logos, brief descriptions, and visual cues to highlight supported platforms, helping users understand your ecosystem. Perfect for SaaS platforms, apps, and ","name":"integrations","page":"https://bundui.io/blocks/marketing/integrations","registryDependencies":["button","card"],"title":"Integrations","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Create polished, functional Tailwind CSS footer sections that organize links, contact info, and calls-to-action elegantly. These layouts provide clear navigation, brand reinforcement, and subtle visual hierarchy. Ideal for websites, SaaS platforms, and marketing sites seeking a m","name":"footers","page":"https://bundui.io/blocks/marketing/footers","registryDependencies":["separator"],"title":"Footers","type":"registry:component"},{"description":"Highlight special offers, product launches, or key campaigns with Tailwind CSS promotional sections. These layouts combine bold visuals, concise messaging, and strong calls-to-action to capture attention and drive conversions. Perfect for marketing campaigns, landing pages, and S","name":"promotional-01","registryDependencies":["button"],"title":"Promotional","type":"registry:component"},{"description":"Highlight special offers, product launches, or key campaigns with Tailwind CSS promotional sections. These layouts combine bold visuals, concise messaging, and strong calls-to-action to capture attention and drive conversions. Perfect for marketing campaigns, landing pages, and S","name":"promotional-02","registryDependencies":["badge","button"],"title":"Promotional","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your product’s key features with elegantly designed Tailwind CSS feature sections. These layouts highlight benefits, functionalities, and unique selling points using clear headings, icons, and visuals. Perfect for SaaS platforms, apps, and product pages aiming to communi","name":"feature-sections","page":"https://bundui.io/blocks/marketing/feature-sections","registryDependencies":["badge"],"title":"Feature Sections","type":"registry:component"},{"dependencies":["lucide-react","react-hook-form","zod","@hookform/resolvers"],"description":"Facilitate communication with elegantly designed Tailwind CSS contact sections. These layouts combine clean forms, contact details, and subtle visuals to encourage user inquiries and feedback. Perfect for business sites, portfolios, and SaaS platforms seeking a modern, approachab","name":"contact-sections","page":"https://bundui.io/blocks/marketing/contact-sections","registryDependencies":["card","form","input","button","textarea"],"title":"Contact Sections","type":"registry:component"},{"description":"Showcase your brand partnerships, clients, or featured companies with Tailwind CSS logo cloud sections. These layouts present logos in clean, organized, and visually appealing patterns, helping to build trust and credibility. Perfect for SaaS platforms, marketing sites, and portf","name":"logo-clouds-01","registryDependencies":["http://localhost:3000/r/marquee-effect.json","badge"],"title":"Logo Clouds","type":"registry:component"},{"description":"Showcase your brand partnerships, clients, or featured companies with Tailwind CSS logo cloud sections. These layouts present logos in clean, organized, and visually appealing patterns, helping to build trust and credibility. Perfect for SaaS platforms, marketing sites, and portf","name":"logo-clouds-02","registryDependencies":["http://localhost:3000/r/marquee-effect.json"],"title":"Logo Clouds","type":"registry:component"},{"description":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provide intuitive menus, clear branding, and subtle interactions to guide users effortlessly through your site. Perfect for websites, SaaS platforms, and marketing pages seeking a modern, user-fr","name":"navbars-01","registryDependencies":["button","popover"],"title":"Navbars","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provide intuitive menus, clear branding, and subtle interactions to guide users effortlessly through your site. Perfect for websites, SaaS platforms, and marketing pages seeking a modern, user-fr","name":"navbars-02","registryDependencies":["button","popover"],"title":"Navbars","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provide intuitive menus, clear branding, and subtle interactions to guide users effortlessly through your site. Perfect for websites, SaaS platforms, and marketing pages seeking a modern, user-fr","name":"navbars-03","registryDependencies":["button","input","popover"],"title":"Navbars","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provide intuitive menus, clear branding, and subtle interactions to guide users effortlessly through your site. Perfect for websites, SaaS platforms, and marketing pages seeking a modern, user-fr","name":"navbars-04","registryDependencies":["button","input","popover"],"title":"Navbars","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. These layouts combine bold visuals, concise copy, and strategic calls-to-action to capture attention. Perfect for marketing campaigns, landing pages, and SaaS platforms seeking a modern, high-","name":"banners-01","title":"Banners","type":"registry:component"},{"description":"Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. These layouts combine bold visuals, concise copy, and strategic calls-to-action to capture attention. Perfect for marketing campaigns, landing pages, and SaaS platforms seeking a modern, high-","name":"banners-02","title":"Banners","type":"registry:component"},{"description":"Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. These layouts combine bold visuals, concise copy, and strategic calls-to-action to capture attention. Perfect for marketing campaigns, landing pages, and SaaS platforms seeking a modern, high-","name":"banners-03","title":"Banners","type":"registry:component"},{"description":"Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sections. These layouts provide clear messaging, simple accept/reject options, and subtle visuals to inform users about cookies. Perfect for websites and SaaS platforms aiming for transparency a","name":"cookie-consent-01","registryDependencies":["button"],"title":"Cookie Consent","type":"registry:component"},{"description":"Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sections. These layouts provide clear messaging, simple accept/reject options, and subtle visuals to inform users about cookies. Perfect for websites and SaaS platforms aiming for transparency a","name":"cookie-consent-02","registryDependencies":["button"],"title":"Cookie Consent","type":"registry:component"},{"description":"Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sections. These layouts provide clear messaging, simple accept/reject options, and subtle visuals to inform users about cookies. Perfect for websites and SaaS platforms aiming for transparency a","name":"cookie-consent-03","registryDependencies":["button"],"title":"Cookie Consent","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase detailed product information with Tailwind CSS e-commerce product detail sections. These layouts highlight images, descriptions, specifications, pricing, and calls-to-action for a seamless shopping experience. Perfect for online stores and marketplaces aiming for modern,","name":"product-details","page":"https://bundui.io/blocks/ecommerce/product-details","registryDependencies":["button"],"title":"Product Details","type":"registry:component"},{"description":"Display products in clean and engaging Tailwind CSS product list sections. These layouts feature images, titles, prices, and brief descriptions, making browsing effortless. Perfect for online stores, marketplaces, and e-commerce platforms aiming for modern, visually appealing, an","name":"product-list-01","title":"Product List","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Display products in clean and engaging Tailwind CSS product list sections. These layouts feature images, titles, prices, and brief descriptions, making browsing effortless. Perfect for online stores, marketplaces, and e-commerce platforms aiming for modern, visually appealing, an","name":"product-list-02","registryDependencies":["badge","button"],"title":"Product List","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Display products in clean and engaging Tailwind CSS product list sections. These layouts feature images, titles, prices, and brief descriptions, making browsing effortless. Perfect for online stores, marketplaces, and e-commerce platforms aiming for modern, visually appealing, an","name":"product-list-03","registryDependencies":["badge","button"],"title":"Product List","type":"registry:component"},{"description":"Highlight product categories with visually engaging Tailwind CSS category preview sections. These layouts showcase images, titles, and brief descriptions to guide users through your store effortlessly. Perfect for e-commerce platforms and marketplaces aiming for a modern, organiz","name":"category-previews-01","title":"Category Previews","type":"registry:component"},{"description":"Highlight product categories with visually engaging Tailwind CSS category preview sections. These layouts showcase images, titles, and brief descriptions to guide users through your store effortlessly. Perfect for e-commerce platforms and marketplaces aiming for a modern, organiz","name":"category-previews-02","title":"Category Previews","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Provide a seamless shopping experience with Tailwind CSS shopping cart sections. These layouts display selected products, quantities, prices, and total amounts clearly, making checkout effortless. Perfect for online stores and marketplaces aiming for modern, user-friendly, and co","name":"shopping-carts-01","registryDependencies":["badge","button","button-group","input","button","tooltip","separator"],"title":"Shopping Carts","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Provide a seamless shopping experience with Tailwind CSS shopping cart sections. These layouts display selected products, quantities, prices, and total amounts clearly, making checkout effortless. Perfect for online stores and marketplaces aiming for modern, user-friendly, and co","name":"shopping-carts-02","registryDependencies":["button","button","sheet","tooltip"],"title":"Shopping Carts","type":"registry:component"},{"description":"Enable shoppers to quickly find products with Tailwind CSS category filter sections. These layouts provide checkboxes, dropdowns, and tags to refine searches, improving usability and product discovery. Perfect for online stores and marketplaces aiming for modern, efficient, and u","name":"category-filters","page":"https://bundui.io/blocks/ecommerce/category-filters","registryDependencies":["button","label","slider","input","radio-group","checkbox","badge"],"title":"Category Filters","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Allow shoppers to preview product details instantly with Tailwind CSS product quickview sections. These layouts showcase images, key features, pricing, and calls-to-action in a compact overlay, enhancing browsing efficiency. Perfect for online stores and marketplaces seeking mode","name":"product-quickviews-01","registryDependencies":["dialog","button","radio-group","button"],"title":"Product Quickviews","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Allow shoppers to preview product details instantly with Tailwind CSS product quickview sections. These layouts showcase images, key features, pricing, and calls-to-action in a compact overlay, enhancing browsing efficiency. Perfect for online stores and marketplaces seeking mode","name":"product-quickviews-02","registryDependencies":["dialog","button","radio-group","button-group","input","button"],"title":"Product Quickviews","type":"registry:component"},{"description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing cards, making browsing intuitive and engaging. Perfect for online stores, marketplaces, and e-commerce platforms aiming ","name":"product-cards-01","title":"Product Cards","type":"registry:component"},{"description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing cards, making browsing intuitive and engaging. Perfect for online stores, marketplaces, and e-commerce platforms aiming ","name":"product-cards-02","registryDependencies":["badge"],"title":"Product Cards","type":"registry:component"},{"description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing cards, making browsing intuitive and engaging. Perfect for online stores, marketplaces, and e-commerce platforms aiming ","name":"product-cards-03","registryDependencies":["badge","button"],"title":"Product Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing cards, making browsing intuitive and engaging. Perfect for online stores, marketplaces, and e-commerce platforms aiming ","name":"product-cards-04","registryDependencies":["badge","button"],"title":"Product Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing cards, making browsing intuitive and engaging. Perfect for online stores, marketplaces, and e-commerce platforms aiming ","name":"product-cards-05","registryDependencies":["badge","button"],"title":"Product Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing cards, making browsing intuitive and engaging. Perfect for online stores, marketplaces, and e-commerce platforms aiming ","name":"product-cards-06","registryDependencies":["badge","button"],"title":"Product Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing cards, making browsing intuitive and engaging. Perfect for online stores, marketplaces, and e-commerce platforms aiming ","name":"product-cards-07","registryDependencies":["button","button-group"],"title":"Product Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Create intuitive and responsive navigation for online stores with Tailwind CSS store navigation sections. These layouts feature menus, categories, and search options to help shoppers browse efficiently. Perfect for e-commerce platforms and marketplaces seeking modern, user-friend","name":"store-navigations","page":"https://bundui.io/blocks/ecommerce/store-navigations","registryDependencies":["button","sheet","separator","badge"],"title":"Store Navigations","type":"registry:component"},{"description":"“Highlight special offers, discounts, or limited-time deals with Tailwind CSS promo sections. These layouts combine bold visuals, concise messaging, and prominent calls-to-action to drive engagement and conversions. Perfect for online stores and marketplaces aiming for modern, at","name":"promo-sections-01","registryDependencies":["button"],"title":"Promo Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"“Highlight special offers, discounts, or limited-time deals with Tailwind CSS promo sections. These layouts combine bold visuals, concise messaging, and prominent calls-to-action to drive engagement and conversions. Perfect for online stores and marketplaces aiming for modern, at","name":"promo-sections-02","registryDependencies":["http://localhost:3000/r/marquee-effect.json","button"],"title":"Promo Sections","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Streamline the purchasing process with Tailwind CSS checkout form sections. These layouts feature organized fields, clear labels, and responsive design to ensure smooth and user-friendly transactions. Perfect for online stores and marketplaces aiming for modern, secure, and conve","name":"checkout-forms-01","registryDependencies":["card","input","label","button","checkbox","separator"],"title":"Checkout Forms","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Streamline the purchasing process with Tailwind CSS checkout form sections. These layouts feature organized fields, clear labels, and responsive design to ensure smooth and user-friendly transactions. Perfect for online stores and marketplaces aiming for modern, secure, and conve","name":"checkout-forms-02","registryDependencies":["card","card","button","card","card","button"],"title":"Checkout Forms","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase authentic customer feedback with Tailwind CSS customer review sections. These layouts feature ratings, user comments, and profile visuals to build trust and influence purchase decisions. Perfect for online stores and marketplaces seeking modern, credible, and engaging re","name":"customer-reviews","page":"https://bundui.io/blocks/ecommerce/customer-reviews","registryDependencies":["button","avatar","button-group"],"title":"Customer Reviews","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Provide clear and organized order details with Tailwind CSS order summary sections. These layouts display purchased items, quantities, prices, and totals in a visually appealing format, ensuring users can review their orders easily. Perfect for online stores and marketplaces aimi","name":"order-summaries-01","registryDependencies":["input","button","card","badge","button","card","badge","button","badge"],"title":"Order Summaries","type":"registry:component"},{"description":"Provide clear and organized order details with Tailwind CSS order summary sections. These layouts display purchased items, quantities, prices, and totals in a visually appealing format, ensuring users can review their orders easily. Perfect for online stores and marketplaces aimi","name":"order-summaries-02","registryDependencies":["card","button","separator"],"title":"Order Summaries","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Design organized and intuitive dashboard experiences with Tailwind CSS page layouts. These sections combine sidebars, headers, content areas, and responsive grids to present data clearly. Perfect for SaaS platforms, admin panels, and analytics tools seeking modern, user-friendly,","name":"page-layouts-01","registryDependencies":["sidebar","separator","scroll-area","collapsible","sidebar"],"title":"Page Layouts","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Design organized and intuitive dashboard experiences with Tailwind CSS page layouts. These sections combine sidebars, headers, content areas, and responsive grids to present data clearly. Perfect for SaaS platforms, admin panels, and analytics tools seeking modern, user-friendly,","name":"page-layouts-02","registryDependencies":["sidebar","separator","button","badge","collapsible","avatar","button","sidebar"],"title":"Page Layouts","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Design organized and intuitive dashboard experiences with Tailwind CSS page layouts. These sections combine sidebars, headers, content areas, and responsive grids to present data clearly. Perfect for SaaS platforms, admin panels, and analytics tools seeking modern, user-friendly,","name":"page-layouts-03","registryDependencies":["sidebar","separator","button","collapsible","avatar","button","toggle","sidebar"],"title":"Page Layouts","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Create organized and accessible dashboard interfaces with Tailwind CSS sidebar layouts. These sections feature collapsible menus, clear navigation, and responsive design to enhance usability. Perfect for SaaS platforms, admin panels, and analytics tools aiming for a modern, user-","name":"sidebar-layouts","page":"https://bundui.io/blocks/dashboard-ui/sidebar-layouts","registryDependencies":["sidebar","separator","scroll-area","collapsible","sidebar"],"title":"Sidebar Layouts","type":"registry:component"},{"description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily digestible. Perfect for SaaS platforms, admin panels, and analytics dashboards seeking a modern, organized, and visually ap","name":"stat-cards-01","registryDependencies":["badge","button"],"title":"Stats Cards","type":"registry:component"},{"description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily digestible. Perfect for SaaS platforms, admin panels, and analytics dashboards seeking a modern, organized, and visually ap","name":"stat-cards-02","registryDependencies":["card","progress","tooltip"],"title":"Stats Cards","type":"registry:component"},{"description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily digestible. Perfect for SaaS platforms, admin panels, and analytics dashboards seeking a modern, organized, and visually ap","name":"stat-cards-03","registryDependencies":["card"],"title":"Stats Cards","type":"registry:component"},{"description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily digestible. Perfect for SaaS platforms, admin panels, and analytics dashboards seeking a modern, organized, and visually ap","name":"stat-cards-04","registryDependencies":["card"],"title":"Stats Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily digestible. Perfect for SaaS platforms, admin panels, and analytics dashboards seeking a modern, organized, and visually ap","name":"stat-cards-05","registryDependencies":["card"],"title":"Stats Cards","type":"registry:component"},{"dependencies":["lucide-react","recharts"],"description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily digestible. Perfect for SaaS platforms, admin panels, and analytics dashboards seeking a modern, organized, and visually ap","name":"stat-cards-06","registryDependencies":["card","chart"],"title":"Stats Cards","type":"registry:component"},{"description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily digestible. Perfect for SaaS platforms, admin panels, and analytics dashboards seeking a modern, organized, and visually ap","name":"stat-cards-07","registryDependencies":["card","progress"],"title":"Stats Cards","type":"registry:component"},{"dependencies":["recharts"],"description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily digestible. Perfect for SaaS platforms, admin panels, and analytics dashboards seeking a modern, organized, and visually ap","name":"stat-cards-08","registryDependencies":["card","chart"],"title":"Stats Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Organize and present data efficiently with Tailwind CSS dashboard tables. These layouts feature sortable columns, clean typography, and responsive design to make complex information easy to understand. Perfect for admin panels, analytics dashboards, and SaaS platforms seeking str","name":"tables","page":"https://bundui.io/blocks/dashboard-ui/tables","registryDependencies":["badge","button","tooltip"],"title":"Tables","type":"registry:component"},{"dependencies":["@hookform/resolvers","react-hook-form","zod","lucide-react"],"description":"Design clean and efficient dashboard forms with Tailwind CSS form layouts. These sections feature organized fields, clear labels, and responsive design to enhance usability and data entry. Perfect for admin panels, SaaS platforms, and analytics dashboards aiming for modern, user-","name":"form-layouts-01","registryDependencies":["button","input","textarea","avatar","checkbox","radio-group","label","form"],"title":"Form Layouts","type":"registry:component"},{"description":"Design clean and efficient dashboard forms with Tailwind CSS form layouts. These sections feature organized fields, clear labels, and responsive design to enhance usability and data entry. Perfect for admin panels, SaaS platforms, and analytics dashboards aiming for modern, user-","name":"form-layouts-02","registryDependencies":["button","checkbox","input","label","separator","textarea","radio-group"],"title":"Form Layouts","type":"registry:component"},{"dependencies":["react-hook-form","@hookform/resolvers","zod"],"description":"Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These layouts combine clear fields, prominent buttons, and subtle visual cues to guide users effortlessly. Perfect for SaaS platforms, web apps, and dashboards seeking modern, accessible, and con","name":"sign-in-forms-01","registryDependencies":["button","input"],"title":"Sign-in Forms","type":"registry:component"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","lucide-react"],"description":"Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These layouts combine clear fields, prominent buttons, and subtle visual cues to guide users effortlessly. Perfect for SaaS platforms, web apps, and dashboards seeking modern, accessible, and con","name":"sign-in-forms-02","registryDependencies":["button","input","divider"],"title":"Sign-in Forms","type":"registry:component"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","lucide-react"],"description":"Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These layouts combine clear fields, prominent buttons, and subtle visual cues to guide users effortlessly. Perfect for SaaS platforms, web apps, and dashboards seeking modern, accessible, and con","name":"sign-in-forms-03","registryDependencies":["button","input","divider","card"],"title":"Sign-in Forms","type":"registry:component"},{"dependencies":["react-hook-form","@hookform/resolvers","zod"],"description":"Present important content, alerts, or interactions elegantly with Tailwind CSS modal dialogs. These layouts use overlays, clear headings, and responsive design to focus user attention without disrupting the page. Perfect for web apps, dashboards, and SaaS platforms seeking modern","name":"modal-dialogs-01","registryDependencies":["button","input","dialog"],"title":"Modal Dialogs","type":"registry:component"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","lucide-react"],"description":"Present important content, alerts, or interactions elegantly with Tailwind CSS modal dialogs. These layouts use overlays, clear headings, and responsive design to focus user attention without disrupting the page. Perfect for web apps, dashboards, and SaaS platforms seeking modern","name":"modal-dialogs-02","registryDependencies":["button","input","label","tooltip"],"title":"Modal Dialogs","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Present important content, alerts, or interactions elegantly with Tailwind CSS modal dialogs. These layouts use overlays, clear headings, and responsive design to focus user attention without disrupting the page. Perfect for web apps, dashboards, and SaaS platforms seeking modern","name":"modal-dialogs-03","registryDependencies":["avatar","button","card","input","tooltip"],"title":"Modal Dialogs","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase available properties with Tailwind CSS property list sections. These layouts feature images, titles, prices, and brief details to help users browse options easily. Perfect for real estate websites and marketplaces aiming for modern, organized, and visually appealing prop","name":"property-list-01","registryDependencies":["card","button","badge"],"title":"Property List","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase available properties with Tailwind CSS property list sections. These layouts feature images, titles, prices, and brief details to help users browse options easily. Perfect for real estate websites and marketplaces aiming for modern, organized, and visually appealing prop","name":"property-list-02","registryDependencies":["card","button","badge"],"title":"Property List","type":"registry:component"},{"description":"Showcase detailed property information with Tailwind CSS property detail sections. These layouts highlight images, descriptions, features, pricing, and calls-to-action, providing a seamless browsing experience. Perfect for real estate websites and marketplaces aiming for modern, ","name":"property-detail","page":"https://bundui.io/blocks/real-estate/property-detail","registryDependencies":["button","card","input","label"],"title":"Property Details","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Enable users to quickly find properties with Tailwind CSS property filter sections. These layouts offer checkboxes, dropdowns, and tags to refine searches, improving usability and property discovery. Perfect for real estate websites and marketplaces seeking modern, efficient, and","name":"property-filters","page":"https://bundui.io/blocks/real-estate/property-filters","registryDependencies":["button","card","checkbox","label","slider","badge","avatar","switch"],"title":"Property Filters","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine images, titles, prices, and brief details into visually appealing layouts, making navigation intuitive and engaging. They are perfect for real estate websites and marketplaces aiming for mode","name":"property-cards-01","registryDependencies":["card","button"],"title":"Property Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine images, titles, prices, and brief details into visually appealing layouts, making navigation intuitive and engaging. They are perfect for real estate websites and marketplaces aiming for mode","name":"property-cards-02","registryDependencies":["button","card","badge"],"title":"Property Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine images, titles, prices, and brief details into visually appealing layouts, making navigation intuitive and engaging. They are perfect for real estate websites and marketplaces aiming for mode","name":"property-cards-03","registryDependencies":["button"],"title":"Property Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine images, titles, prices, and brief details into visually appealing layouts, making navigation intuitive and engaging. They are perfect for real estate websites and marketplaces aiming for mode","name":"property-cards-04","registryDependencies":["card"],"title":"Property Cards","type":"registry:component"},{"dependencies":["motion"],"description":"Bring text to life by adding animations to letters or words.","name":"animated-text","page":"https://bundui.io/motion/text-effects/animated-text","registryDependencies":["http://localhost:3000/r/animated-text.json"],"title":"Animated Text","type":"registry:component"},{"description":"Discover the allure of animated gradient text, a dynamic UI component that enhances user engagement with smooth color transitions.","name":"animated-gradient-text","page":"https://bundui.io/motion/text-effects/animated-gradient-text","title":"Animated Gradient Text","type":"registry:component"},{"description":"A beautiful text transformation effect. The animation uses SVG filters and blur effects to create smooth transitions between words.","name":"text-morph-animation","page":"https://bundui.io/motion/text-effects/text-morph-animation","title":"Text Morph Animation","type":"registry:component"},{"dependencies":["lenis","motion","lucide-react"],"description":"Discover the allure of animated gradient text, a dynamic UI component that enhances user engagement with smooth color transitions. Built with Tailwind CSS and Motion.","name":"text-gradient-scroll","page":"https://bundui.io/motion/text-effects/text-gradient-scroll","registryDependencies":["http://localhost:3000/r/text-gradient-scroll.json"],"title":"Text Gradient Scroll","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Animated display of objects or images placed at regular intervals along a circular path. You can use this in integration sections, on pages that list your brands, or within bento grids. Built with Tailwind CSS, Framer Motion, and React.","name":"circle-path","page":"https://bundui.io/motion/animations/circle-path","title":"Circle Path","type":"registry:component"},{"dependencies":["motion"],"description":"Experience smooth, fluid card navigation with natural drag interactions and beautiful animations.","name":"flip-card","page":"https://bundui.io/motion/animations/flip-card","registryDependencies":["http://localhost:3000/r/flip-card.json"],"title":"Flip Card","type":"registry:component"},{"dependencies":["motion"],"description":"A Magnetic Button is a UI component designed to enhance user interaction. When a user's cursor or touch input approaches the button, it subtly moves towards the user, simulating the effect of magnetic attraction.","name":"magnetic-hover-effect-01","registryDependencies":["button"],"title":"Magnetic Hover Effect","type":"registry:component"},{"dependencies":["motion"],"description":"A Magnetic Button is a UI component designed to enhance user interaction. When a user's cursor or touch input approaches the button, it subtly moves towards the user, simulating the effect of magnetic attraction.","name":"magnetic-hover-effect-02","registryDependencies":["button"],"title":"Magnetic Hover Effect","type":"registry:component"},{"dependencies":["motion"],"description":"Tilt Effect is an interactive component that creates a perspective effect by making buttons, cards or images respond to mouse movements.","name":"tilt-effect","page":"https://bundui.io/motion/animations/tilt-effect","registryDependencies":["http://localhost:3000/r/tilt-effect.json","card","badge"],"title":"Tilt Effect","type":"registry:component"},{"dependencies":["motion"],"description":"Ripple effect is a modern animation component designed to enrich user interaction by creating a dynamic ripple effect when clicking on buttons or any HTML element. Built with Tailwind CSS and Motion.","name":"ripple-effect-01","registryDependencies":["http://localhost:3000/r/ripple-effect.json","button"],"title":"Ripple Effect","type":"registry:component"},{"dependencies":["motion"],"description":"Ripple effect is a modern animation component designed to enrich user interaction by creating a dynamic ripple effect when clicking on buttons or any HTML element. Built with Tailwind CSS and Motion.","name":"ripple-effect-02","registryDependencies":["http://localhost:3000/r/ripple-effect.json","button"],"title":"Ripple Effect","type":"registry:component"},{"dependencies":["motion"],"description":"Ripple effect is a modern animation component designed to enrich user interaction by creating a dynamic ripple effect when clicking on buttons or any HTML element. Built with Tailwind CSS and Motion.","name":"ripple-effect-03","registryDependencies":["http://localhost:3000/r/ripple-effect.json"],"title":"Ripple Effect","type":"registry:component"},{"dependencies":["motion"],"description":"A cursor-trail animation that leaves small dots behind the mouse as it moves, with the dots fading out sequentially to create a snake-tail-like effect. Built with Tailwind CSS, React and Framer Motion.","name":"mouse-trail","page":"https://bundui.io/motion/animations/mouse-trail","registryDependencies":["http://localhost:3000/r/mouse-trail.json"],"title":"Mouse Trail","type":"registry:component"},{"dependencies":["motion"],"description":"It's a visual effect that creates a moving beam or connection between user interface elements for dynamic visual emphasis. Tailwind is built with CSS, React, and Framer Motion.","name":"animated-beam","page":"https://bundui.io/motion/animations/animated-beam","registryDependencies":["http://localhost:3000/r/animated-beam.json"],"title":"Animated Beam","type":"registry:component"},{"dependencies":["motion"],"description":"An animated tab is a ui component that switches between content panels with smooth animated transitions.","name":"animated-tab","page":"https://bundui.io/motion/components/animated-tab","registryDependencies":["http://localhost:3000/r/animated-tab.json","button"],"title":"Animated Tab","type":"registry:component"},{"description":"An Animated Gradient Border is a decorative ui element that displays moving color gradients around a component’s edge.","name":"animated-gradient-border","page":"https://bundui.io/motion/components/animated-gradient-border","registryDependencies":["button","card","input","label"],"title":"Animated Gradient Border","type":"registry:component"},{"dependencies":["motion"],"description":"Enhance user experience with count animation, dynamically animating numbers to draw attention to key data points.","name":"counter-animation","page":"https://bundui.io/motion/components/counter-animation","registryDependencies":["http://localhost:3000/r/counter-animation.json"],"title":"Counter Animation","type":"registry:component"},{"dependencies":["motion","usehooks-ts","lucide-react"],"description":"Use these Tailwind CSS hero section examples to showcase messaging, product images, and calls-to-action at the top of your site, featuring various styles and layouts.","name":"floating-button","page":"https://bundui.io/motion/components/floating-button","registryDependencies":["button","http://localhost:3000/r/floating-button.json"],"title":"Floating Button","type":"registry:component"},{"description":"Interactively compare two images with a draggable slider to reveal differences.","name":"image-comparison","page":"https://bundui.io/motion/components/image-comparison","registryDependencies":["http://localhost:3000/r/image-comparison.json"],"title":"Image Comparison","type":"registry:component"},{"dependencies":["motion"],"description":"The Interactive Image Slider is a dynamic, motion-driven gallery that reacts to mouse movement. As users move their cursor from left to right, stacked images smoothly slide to reveal the next one, creating an engaging and fluid visual experience. Built with Framer Motion and Reac","name":"interactive-image-slider","page":"https://bundui.io/motion/components/interactive-image-slider","registryDependencies":["http://localhost:3000/r/interactive-image-slider.json"],"title":"Interactive Image Slider","type":"registry:component"},{"dependencies":["motion","lucide-react"],"description":"An interactive image reveal component where images appear and follow the cursor when hovering over any div element.","name":"image-reveal","page":"https://bundui.io/motion/components/image-reveal","registryDependencies":["http://localhost:3000/r/image-reveal.json"],"title":"Image Reveal","type":"registry:component"},{"dependencies":["motion","react-use-measure"],"description":"Add dynamic movement to your UI with Marquee effect, ideal for highlighting important information with smooth, continuous scrolling. Built with Tailwind CSS and Motion.","name":"marquee-effect","page":"https://bundui.io/motion/components/marquee-effect","registryDependencies":["http://localhost:3000/r/marquee-effect.json"],"title":"Marquee Effect","type":"registry:component"},{"dependencies":["lucide-react","motion","lenis"],"description":"Parallax scrolling effect using overlapping cards.","name":"parallax-cards","page":"https://bundui.io/motion/components/parallax-cards","registryDependencies":["button"],"title":"Parallax Cards","type":"registry:component"},{"dependencies":["lucide-react"],"description":"The scroll progress bar adds a dynamic, interactive scrolling indicator, built with Motion and Tailwind CSS, enhancing user experience with smooth transitions.","name":"scroll-progress-bar-01","registryDependencies":["http://localhost:3000/r/scroll-progress-bar.json"],"title":"Scroll Progress Bar","type":"registry:component"},{"dependencies":["lucide-react"],"description":"The scroll progress bar adds a dynamic, interactive scrolling indicator, built with Motion and Tailwind CSS, enhancing user experience with smooth transitions.","name":"scroll-progress-bar-02","registryDependencies":["http://localhost:3000/r/scroll-progress-bar.json"],"title":"Scroll Progress Bar","type":"registry:component"},{"dependencies":["motion","react-use-measure"],"description":"A component that slides numbers.","name":"sliding-number","page":"https://bundui.io/motion/components/sliding-number","registryDependencies":["http://localhost:3000/r/sliding-number.json"],"title":"Sliding Number","type":"registry:component"},{"dependencies":["motion","react-use-measure"],"description":"A countdown is a component that displays the remaining time until a specific event or deadline.","name":"countdown","page":"https://bundui.io/motion/components/countdown","registryDependencies":["http://localhost:3000/r/countdown.json"],"title":"Countdown","type":"registry:component"},{"dependencies":["next-themes"],"description":"Beautiful meteor shower animation background built with React and Canvas. Add dynamic falling meteors to your site with smooth, customizable visuals and minimal performance impact.","name":"meteor-shower-animation","page":"https://bundui.io/motion/backgrounds/meteor-shower-animation","registryDependencies":["button"],"title":"Meteor Shower Animation","type":"registry:component"},{"dependencies":["next-themes"],"description":"Enhance your website with the peaceful atmosphere of the Snowfall Animation Background. Create a captivating design with gently falling snowflakes for a serene and wintery experience.","name":"snowfall-animation","page":"https://bundui.io/motion/backgrounds/snowfall-animation","registryDependencies":["button"],"title":"Snowfall Animation","type":"registry:component"},{"description":"Add animated fireworks to your site background with this festive component. Perfect for celebrations. Built with Tailwind CSS and Framer Motion.","name":"fireworks","page":"https://bundui.io/motion/backgrounds/fireworks","registryDependencies":["button","http://localhost:3000/r/fireworks.json"],"title":"Fireworks","type":"registry:component"},{"dependencies":["motion"],"description":"Floating Paths Background is a decorative background animation component that creates soft, looping path shapes floating across the screen.","name":"floating-paths","page":"https://bundui.io/motion/backgrounds/floating-paths","registryDependencies":["http://localhost:3000/r/floating-paths.json","button"],"title":"Floating Paths","type":"registry:component"},{"description":"The Geometric Background component features a modern and sophisticated design, incorporating dynamic geometric shapes like triangles, squares, and polygons. These shapes subtly animate across the screen, adding a unique and engaging element to your website's background. Perfect f","name":"fluid-particles","page":"https://bundui.io/motion/backgrounds/fluid-particles","registryDependencies":["button","http://localhost:3000/r/fluid-particles.json"],"title":"Fluid Particles","type":"registry:component"},{"description":"A minimalist animated stars background component for React. It creates a smooth and subtle starfield animation behind your content, perfect for landing pages, portfolios, or any section that needs a cosmic touch.","name":"stars","page":"https://bundui.io/motion/backgrounds/stars","registryDependencies":["button","http://localhost:3000/r/stars.json"],"title":"Stars","type":"registry:component"}]},"facade ui":{"favicon":"/favicons/facade-ui.svg","items":[{"categories":["motion"],"dependencies":["motion@^13.4.0"],"description":"Animation building blocks: FacadeMotionProvider, FadeIn, Reveal, Stagger and Collapse. They animate only opacity and transform, and follow the reduced-motion setting.","name":"motion-primitives","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Motion primitives","type":"registry:component"},{"categories":["atom"],"dependencies":["@base-ui/react@^1.9.0","class-variance-authority@^0.7.1","lucide-react@^1.47.0"],"description":"A button built on Base UI, with Facade styles. Every size is at least 44 by 44 pixels.","name":"button","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Button","type":"registry:ui"},{"categories":["atom"],"dependencies":["class-variance-authority@^0.7.1"],"description":"A small label for a status or category. You can add a prefix that only screen readers announce.","name":"badge","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Badge","type":"registry:ui"},{"categories":["atom"],"description":"Renders an h1 to h6 from a number, so you set the heading level and the visual size separately.","name":"heading","registryDependencies":["https://facadeui.dev/r/types.json"],"title":"Heading","type":"registry:ui"},{"categories":["atom"],"description":"The small label above a section heading. It is a paragraph, not a heading.","name":"eyebrow","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Eyebrow","type":"registry:ui"},{"categories":["atom"],"description":"Sets the maximum width and side padding that every section uses. Both come from the container tokens.","name":"container","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Container","type":"registry:ui"},{"categories":["atom"],"description":"The outer wrapper of a section. It sets the element, the vertical spacing, and the link to the heading that names the section.","name":"section","registryDependencies":["https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Section","type":"registry:ui"},{"categories":["atom"],"description":"An eyebrow, a heading and a description. It also sets the heading id that a section uses for its accessible name.","name":"section-header","registryDependencies":["https://facadeui.dev/r/eyebrow.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Section header","type":"registry:ui"},{"categories":["atom"],"description":"A row of call-to-action links styled as buttons. Because they are links, people can open them in a new tab.","name":"cta-group","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"CTA group","type":"registry:ui"},{"categories":["atom"],"description":"One number with its label, as part of a description list. You can give a spoken form for abbreviated values.","name":"stat","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Stat","type":"registry:ui"},{"categories":["atom"],"description":"One customer logo, with an optional link. Logos get the same visual height, and the company name is available to screen readers.","name":"logo-mark","registryDependencies":["https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Logo mark","type":"registry:ui"},{"categories":["atom"],"dependencies":["class-variance-authority@^0.7.1"],"description":"A tinted box that holds an icon. You pass an icon component, and it is hidden from screen readers.","name":"feature-icon","registryDependencies":["https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Feature icon","type":"registry:ui"},{"categories":["atom"],"dependencies":["lucide-react@^1.47.0"],"description":"A quote with the name of the person who said it, and an optional star rating that screen readers announce as text.","name":"testimonial","registryDependencies":["https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Testimonial","type":"registry:ui"},{"categories":["atom"],"dependencies":["lucide-react@^1.47.0"],"description":"One pricing plan as a card. The price has a spoken form, a feature that is not included says so in words, and you can mark a plan as recommended.","name":"pricing-tier","registryDependencies":["https://facadeui.dev/r/badge.json","https://facadeui.dev/r/button.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Pricing tier","type":"registry:ui"},{"categories":["atom"],"dependencies":["@base-ui/react@^1.9.0"],"description":"A text field built on Base UI's Field, which connects the label, help text and error message to the input. The border has a contrast of at least 3:1.","name":"input","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Input","type":"registry:ui"},{"categories":["atom"],"dependencies":["@base-ui/react@^1.9.0","lucide-react@^1.47.0"],"description":"A drop-down list built on Base UI's Select and Field. The label, help text and error message are connected to the control, and a hidden input carries the chosen value when a form is submitted.","name":"select","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Select","type":"registry:ui"},{"categories":["atom"],"dependencies":["@base-ui/react@^1.9.0"],"description":"A multi-line text field built on Base UI's Field, so the label, help text and error message are connected to the control. Same border and focus ring as Input.","name":"textarea","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Textarea","type":"registry:ui"},{"categories":["atom"],"description":"Styles for an article body: headings, paragraphs, lists, links, code, quotes and tables on the Facade type scale. Wrap rendered markdown or hand-written HTML in it.","name":"prose","registryDependencies":["https://facadeui.dev/r/utils.json"],"title":"Prose","type":"registry:ui"},{"categories":["section"],"dependencies":["@base-ui/react@^1.9.0","lucide-react@^1.47.0"],"description":"A site header and navigation bar built from one list of links. Large screens get dropdown menus. Small screens get a drawer that keeps keyboard focus inside it.","name":"nav-top","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/container.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Top navigation","type":"registry:block"},{"categories":["section"],"description":"A centred landing page hero: eyebrow, headline, text and buttons, with optional media below.","name":"hero-centered","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/cta-group.json","https://facadeui.dev/r/eyebrow.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Hero — centred","type":"registry:block"},{"categories":["motion"],"description":"The centred hero, with its parts appearing one after another when the page loads.","name":"hero-centered-motion","registryDependencies":["https://facadeui.dev/r/hero-centered.json","https://facadeui.dev/r/motion-primitives.json"],"title":"Hero — centred (motion)","type":"registry:block"},{"categories":["section"],"description":"A landing page hero with text on one side and media on the other. The text comes first in reading order on every screen size.","name":"hero-split","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/cta-group.json","https://facadeui.dev/r/eyebrow.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Hero — split","type":"registry:block"},{"categories":["motion"],"description":"The split hero, with its parts appearing one after another when the page loads.","name":"hero-split-motion","registryDependencies":["https://facadeui.dev/r/hero-split.json","https://facadeui.dev/r/motion-primitives.json"],"title":"Hero — split (motion)","type":"registry:block"},{"categories":["section"],"description":"A landing page hero with centred text over a full-width background image, or above a framed screenshot. Over a background, a dark layer keeps the text readable.","name":"hero-with-media","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/cta-group.json","https://facadeui.dev/r/eyebrow.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Hero — with media","type":"registry:block"},{"categories":["motion"],"description":"The media hero, with its parts appearing one after another when the page loads.","name":"hero-with-media-motion","registryDependencies":["https://facadeui.dev/r/hero-with-media.json","https://facadeui.dev/r/motion-primitives.json"],"title":"Hero — with media (motion)","type":"registry:block"},{"categories":["section"],"description":"A \"trusted by\" row of customer logos. Company names are available as text, so screen readers announce a list of names, not unlabelled images.","name":"logo-cloud","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/logo-mark.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Logo cloud","type":"registry:block"},{"categories":["motion"],"description":"The logo cloud, with logos fading in one after another.","name":"logo-cloud-motion","registryDependencies":["https://facadeui.dev/r/logo-cloud.json","https://facadeui.dev/r/motion-primitives.json"],"title":"Logo cloud (motion)","type":"registry:block"},{"categories":["section"],"description":"Three or four short selling points or benefits, each with an icon and a line of text.","name":"usp-list","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/feature-icon.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"USP list","type":"registry:block"},{"categories":["motion"],"description":"The USP list, with items appearing one after another.","name":"usp-list-motion","registryDependencies":["https://facadeui.dev/r/motion-primitives.json","https://facadeui.dev/r/usp-list.json"],"title":"USP list (motion)","type":"registry:block"},{"categories":["section"],"dependencies":["lucide-react@^1.47.0"],"description":"A features section: a grid of feature cards, two to four per row. A whole card can be a link while its accessible name stays short.","name":"feature-grid","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/feature-icon.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Feature grid","type":"registry:block"},{"categories":["motion"],"description":"The feature grid, with cards appearing one after another.","name":"feature-grid-motion","registryDependencies":["https://facadeui.dev/r/feature-grid.json","https://facadeui.dev/r/motion-primitives.json"],"title":"Feature grid (motion)","type":"registry:block"},{"categories":["section"],"dependencies":["lucide-react@^1.47.0"],"description":"Rows of media and text that alternate sides. Only the layout alternates: in reading order, the text always comes first.","name":"feature-rows","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/container.json","https://facadeui.dev/r/eyebrow.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Feature rows","type":"registry:block"},{"categories":["motion"],"description":"The feature rows, each appearing as you scroll to it.","name":"feature-rows-motion","registryDependencies":["https://facadeui.dev/r/feature-rows.json","https://facadeui.dev/r/motion-primitives.json"],"title":"Feature rows (motion)","type":"registry:block"},{"categories":["section"],"description":"Feature tiles in mixed sizes. Tiles are placed in the order you give, so reading order matches what you see.","name":"bento-grid","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/feature-icon.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Bento grid","type":"registry:block"},{"categories":["motion"],"description":"The bento grid, with tiles appearing one after another.","name":"bento-grid-motion","registryDependencies":["https://facadeui.dev/r/bento-grid.json","https://facadeui.dev/r/motion-primitives.json"],"title":"Bento grid (motion)","type":"registry:block"},{"categories":["section"],"dependencies":["@base-ui/react@^1.9.0","lucide-react@^1.47.0"],"description":"A FAQ section: questions and answers built on Base UI's Accordion. Each question is a button inside a heading, browser search finds text in closed answers, and you can add FAQPage structured data.","name":"faq-accordion","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"FAQ accordion","type":"registry:block"},{"categories":["motion"],"description":"The FAQ accordion, with rows appearing as you scroll to them. The open and close animation works without JavaScript.","name":"faq-accordion-motion","registryDependencies":["https://facadeui.dev/r/faq-accordion.json","https://facadeui.dev/r/motion-primitives.json"],"title":"FAQ accordion (motion)","type":"registry:block"},{"categories":["section"],"description":"A closing call to action band. Choose a muted, card, plain or primary-coloured background.","name":"cta-band","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/cta-group.json","https://facadeui.dev/r/eyebrow.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"CTA band","type":"registry:block"},{"categories":["motion"],"description":"The CTA band, appearing as you scroll to it.","name":"cta-band-motion","registryDependencies":["https://facadeui.dev/r/cta-band.json","https://facadeui.dev/r/motion-primitives.json"],"title":"CTA band (motion)","type":"registry:block"},{"categories":["section"],"description":"A site footer with link groups in columns, a brand area, social links and a legal line. Each link group is a separately named navigation landmark.","name":"footer","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Footer","type":"registry:block"},{"categories":["section"],"description":"A row of key numbers or metrics as a description list. You can give a spoken form for abbreviated values.","name":"stats","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/stat.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Stats","type":"registry:block"},{"categories":["motion"],"description":"The stats, with numbers appearing one after another as you scroll to them.","name":"stats-motion","registryDependencies":["https://facadeui.dev/r/motion-primitives.json","https://facadeui.dev/r/stats.json"],"title":"Stats (motion)","type":"registry:block"},{"categories":["section"],"description":"A social proof section: a grid of customer quotes and reviews. It can use columns of uneven height and still be read in the order you give.","name":"testimonials-grid","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/testimonial.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Testimonials grid","type":"registry:block"},{"categories":["motion"],"description":"The testimonials grid, with quotes appearing one after another as you scroll to it.","name":"testimonials-grid-motion","registryDependencies":["https://facadeui.dev/r/motion-primitives.json","https://facadeui.dev/r/testimonials-grid.json"],"title":"Testimonials grid (motion)","type":"registry:block"},{"categories":["section"],"description":"One large customer quote, with an optional portrait beside it or a tinted background.","name":"testimonial-single","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/testimonial.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Testimonial — single","type":"registry:block"},{"categories":["section"],"description":"A pricing table: plans as a row of cards. Each price has a spoken form, and a feature that is not included says so in words.","name":"pricing-tiers","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/pricing-tier.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Pricing tiers","type":"registry:block"},{"categories":["motion"],"description":"The pricing tiers, with plans appearing one after another as you scroll to them.","name":"pricing-tiers-motion","registryDependencies":["https://facadeui.dev/r/motion-primitives.json","https://facadeui.dev/r/pricing-tiers.json"],"title":"Pricing tiers (motion)","type":"registry:block"},{"categories":["section"],"dependencies":["lucide-react@^1.47.0"],"description":"A pricing comparison table with row and column headers. Each cell states its value in text, not only with a tick.","name":"pricing-comparison","registryDependencies":["https://facadeui.dev/r/badge.json","https://facadeui.dev/r/button.json","https://facadeui.dev/r/container.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Pricing comparison","type":"registry:block"},{"categories":["section"],"description":"A grid of linked cards for blog posts, changelog entries or case studies. Dates are marked up so that software can read them.","name":"card-list","registryDependencies":["https://facadeui.dev/r/badge.json","https://facadeui.dev/r/container.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Card list","type":"registry:block"},{"categories":["motion"],"description":"The card list, with cards appearing one after another as you scroll to it.","name":"card-list-motion","registryDependencies":["https://facadeui.dev/r/card-list.json","https://facadeui.dev/r/motion-primitives.json"],"title":"Card list (motion)","type":"registry:block"},{"categories":["section"],"dependencies":["@base-ui/react@^1.9.0"],"description":"Features shown in tabs, built on Base UI. A tab opens when you press Enter, not when you move to it with the arrow keys.","name":"feature-tabs","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Feature tabs","type":"registry:block"},{"categories":["section"],"description":"A \"how it works\" sequence as an ordered list, so the order is in the markup and not only in the visible numbers.","name":"steps","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/feature-icon.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Steps","type":"registry:block"},{"categories":["motion"],"description":"The steps, appearing in order. Here the order of the animation matches the meaning.","name":"steps-motion","registryDependencies":["https://facadeui.dev/r/motion-primitives.json","https://facadeui.dev/r/steps.json"],"title":"Steps (motion)","type":"registry:block"},{"categories":["section"],"description":"An \"about us\" team section. Each social link names the person as well as the network.","name":"team","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Team","type":"registry:block"},{"categories":["motion"],"description":"The team grid, with people appearing one after another as you scroll to it.","name":"team-motion","registryDependencies":["https://facadeui.dev/r/motion-primitives.json","https://facadeui.dev/r/team.json"],"title":"Team (motion)","type":"registry:block"},{"categories":["section"],"description":"An email sign-up (newsletter subscribe) form. It announces the result to screen readers through a live region that is on the page from the start.","name":"newsletter","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/container.json","https://facadeui.dev/r/input.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Newsletter","type":"registry:block"},{"categories":["section"],"dependencies":["lucide-react@^1.47.0"],"description":"An announcement bar at the top of the page that people can dismiss. It is a named landmark, and it is announced to screen readers only if you turn that on.","name":"banner","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/container.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Banner","type":"registry:block"},{"categories":["section"],"dependencies":["@base-ui/react@^1.9.0","lucide-react@^1.47.0"],"description":"Side navigation for documentation, with collapsible groups and one named landmark. On small screens it becomes a drawer.","name":"nav-side","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Side navigation","type":"registry:block"},{"categories":["section"],"description":"A list of releases. Each has a version, a date and its changes, labelled Added, Changed, Fixed, Removed, Deprecated or Security. Every release is its own article with a heading and an anchor.","name":"changelog-list","registryDependencies":["https://facadeui.dev/r/badge.json","https://facadeui.dev/r/container.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Changelog list","type":"registry:block"},{"categories":["section"],"dependencies":["@base-ui/react@^1.9.0"],"description":"A contact form built from Input, Select and Textarea, with your contact details beside it. It checks required fields, shows errors from your server on the right field, and announces the result. It makes no network call itself.","name":"contact-form","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/container.json","https://facadeui.dev/r/input.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/select.json","https://facadeui.dev/r/textarea.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Contact form","type":"registry:block"},{"categories":["template"],"description":"A complete SaaS landing page built from Facade UI sections. You supply one content object.","name":"saas-landing","registryDependencies":["https://facadeui.dev/r/cta-band.json","https://facadeui.dev/r/faq-accordion.json","https://facadeui.dev/r/feature-grid.json","https://facadeui.dev/r/feature-rows.json","https://facadeui.dev/r/footer.json","https://facadeui.dev/r/hero-split.json","https://facadeui.dev/r/logo-cloud.json","https://facadeui.dev/r/logo-mark.json","https://facadeui.dev/r/nav-top.json","https://facadeui.dev/r/pricing-tier.json","https://facadeui.dev/r/pricing-tiers.json","https://facadeui.dev/r/stat.json","https://facadeui.dev/r/stats.json","https://facadeui.dev/r/testimonial.json","https://facadeui.dev/r/testimonials-grid.json","https://facadeui.dev/r/types.json"],"title":"SaaS landing page","type":"registry:block"},{"categories":["template"],"description":"An agency or studio website: a hero over an image, a grid of work, process steps, a featured quote and the team.","name":"agency","registryDependencies":["https://facadeui.dev/r/card-list.json","https://facadeui.dev/r/cta-band.json","https://facadeui.dev/r/footer.json","https://facadeui.dev/r/hero-with-media.json","https://facadeui.dev/r/logo-cloud.json","https://facadeui.dev/r/logo-mark.json","https://facadeui.dev/r/nav-top.json","https://facadeui.dev/r/stat.json","https://facadeui.dev/r/stats.json","https://facadeui.dev/r/steps.json","https://facadeui.dev/r/team.json","https://facadeui.dev/r/testimonial.json","https://facadeui.dev/r/testimonial-single.json","https://facadeui.dev/r/types.json"],"title":"Agency site","type":"registry:block"},{"categories":["template"],"description":"A product launch landing page: an announcement banner, a bento grid of highlights, details in tabs and an email sign-up.","name":"product-launch","registryDependencies":["https://facadeui.dev/r/banner.json","https://facadeui.dev/r/bento-grid.json","https://facadeui.dev/r/faq-accordion.json","https://facadeui.dev/r/feature-tabs.json","https://facadeui.dev/r/footer.json","https://facadeui.dev/r/hero-centered.json","https://facadeui.dev/r/nav-top.json","https://facadeui.dev/r/newsletter.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/usp-list.json"],"title":"Product launch","type":"registry:block"},{"categories":["template"],"description":"A complete changelog page built from Facade UI sections: a header, the releases with their changes, and an optional email sign-up. You supply one content object.","name":"changelog","registryDependencies":["https://facadeui.dev/r/changelog-list.json","https://facadeui.dev/r/container.json","https://facadeui.dev/r/cta-group.json","https://facadeui.dev/r/footer.json","https://facadeui.dev/r/nav-top.json","https://facadeui.dev/r/newsletter.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json","https://facadeui.dev/r/types.json"],"title":"Changelog page","type":"registry:block"},{"categories":["template"],"description":"A documentation page built from Facade UI sections: top navigation, side navigation, the article, an 'On this page' list and previous and next links. You supply one content object and the article body.","name":"docs-site","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/eyebrow.json","https://facadeui.dev/r/footer.json","https://facadeui.dev/r/heading.json","https://facadeui.dev/r/nav-side.json","https://facadeui.dev/r/nav-top.json","https://facadeui.dev/r/prose.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/utils.json"],"title":"Documentation page","type":"registry:block"},{"categories":["example"],"dependencies":["lucide-react@^1.47.0"],"description":"Sample content and placeholders shared by the Facade UI examples. Installed with any *-demo item.","name":"examples-content","registryDependencies":["https://facadeui.dev/r/badge.json","https://facadeui.dev/r/bento-grid.json","https://facadeui.dev/r/changelog-list.json","https://facadeui.dev/r/faq-accordion.json","https://facadeui.dev/r/feature-grid.json","https://facadeui.dev/r/feature-rows.json","https://facadeui.dev/r/logo-mark.json","https://facadeui.dev/r/nav-side.json","https://facadeui.dev/r/nav-top.json","https://facadeui.dev/r/types.json","https://facadeui.dev/r/usp-list.json"],"title":"Example content","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Agency site: the code behind the preview on https://facadeui.dev/components/agency. Installs the items it uses.","name":"agency-demo","registryDependencies":["https://facadeui.dev/r/agency.json","https://facadeui.dev/r/examples-content.json"],"title":"Agency site example","type":"registry:component"},{"categories":["example"],"dependencies":["lucide-react@^1.47.0"],"description":"Usage example (demo) for Badge: the code behind the preview on https://facadeui.dev/components/badge. Installs the items it uses.","name":"badge-demo","registryDependencies":["https://facadeui.dev/r/badge.json"],"title":"Badge example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Banner: the code behind the preview on https://facadeui.dev/components/banner. Installs the items it uses.","name":"banner-demo","registryDependencies":["https://facadeui.dev/r/banner.json"],"title":"Banner example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Bento grid (motion): the code behind the preview on https://facadeui.dev/components/bento-grid-motion. Installs the items it uses.","name":"bento-grid-motion-demo","registryDependencies":["https://facadeui.dev/r/bento-grid-motion.json","https://facadeui.dev/r/examples-content.json"],"title":"Bento grid (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Bento grid: the code behind the preview on https://facadeui.dev/components/bento-grid. Installs the items it uses.","name":"bento-grid-demo","registryDependencies":["https://facadeui.dev/r/bento-grid.json","https://facadeui.dev/r/examples-content.json"],"title":"Bento grid example","type":"registry:component"},{"categories":["example"],"dependencies":["lucide-react@^1.47.0"],"description":"Usage example (demo) for Button: the code behind the preview on https://facadeui.dev/components/button. Installs the items it uses.","name":"button-demo","registryDependencies":["https://facadeui.dev/r/button.json"],"title":"Button example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Card list (motion): the code behind the preview on https://facadeui.dev/components/card-list-motion. Installs the items it uses.","name":"card-list-motion-demo","registryDependencies":["https://facadeui.dev/r/card-list-motion.json","https://facadeui.dev/r/examples-content.json"],"title":"Card list (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Card list: the code behind the preview on https://facadeui.dev/components/card-list. Installs the items it uses.","name":"card-list-demo","registryDependencies":["https://facadeui.dev/r/card-list.json","https://facadeui.dev/r/examples-content.json"],"title":"Card list example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Changelog list: the code behind the preview on https://facadeui.dev/components/changelog-list. Installs the items it uses.","name":"changelog-list-demo","registryDependencies":["https://facadeui.dev/r/changelog-list.json","https://facadeui.dev/r/examples-content.json"],"title":"Changelog list example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Changelog page: the code behind the preview on https://facadeui.dev/components/changelog. Installs the items it uses.","name":"changelog-demo","registryDependencies":["https://facadeui.dev/r/changelog.json","https://facadeui.dev/r/examples-content.json"],"title":"Changelog page example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Contact form: the code behind the preview on https://facadeui.dev/components/contact-form. Installs the items it uses.","name":"contact-form-demo","registryDependencies":["https://facadeui.dev/r/contact-form.json"],"title":"Contact form example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Container: the code behind the preview on https://facadeui.dev/components/container. Installs the items it uses.","name":"container-demo","registryDependencies":["https://facadeui.dev/r/container.json"],"title":"Container example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for CTA band (motion): the code behind the preview on https://facadeui.dev/components/cta-band-motion. Installs the items it uses.","name":"cta-band-motion-demo","registryDependencies":["https://facadeui.dev/r/cta-band-motion.json","https://facadeui.dev/r/examples-content.json"],"title":"CTA band (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for CTA band: the code behind the preview on https://facadeui.dev/components/cta-band. Installs the items it uses.","name":"cta-band-demo","registryDependencies":["https://facadeui.dev/r/cta-band.json","https://facadeui.dev/r/examples-content.json"],"title":"CTA band example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for CTA group: the code behind the preview on https://facadeui.dev/components/cta-group. Installs the items it uses.","name":"cta-group-demo","registryDependencies":["https://facadeui.dev/r/cta-group.json"],"title":"CTA group example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Documentation page: the code behind the preview on https://facadeui.dev/components/docs-site. Installs the items it uses.","name":"docs-site-demo","registryDependencies":["https://facadeui.dev/r/docs-site.json","https://facadeui.dev/r/examples-content.json"],"title":"Documentation page example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Eyebrow: the code behind the preview on https://facadeui.dev/components/eyebrow. Installs the items it uses.","name":"eyebrow-demo","registryDependencies":["https://facadeui.dev/r/eyebrow.json","https://facadeui.dev/r/heading.json"],"title":"Eyebrow example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for FAQ accordion (motion): the code behind the preview on https://facadeui.dev/components/faq-accordion-motion. Installs the items it uses.","name":"faq-accordion-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/faq-accordion-motion.json"],"title":"FAQ accordion (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for FAQ accordion: the code behind the preview on https://facadeui.dev/components/faq-accordion. Installs the items it uses.","name":"faq-accordion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/faq-accordion.json"],"title":"FAQ accordion example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Feature grid (motion): the code behind the preview on https://facadeui.dev/components/feature-grid-motion. Installs the items it uses.","name":"feature-grid-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/feature-grid-motion.json"],"title":"Feature grid (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Feature grid: the code behind the preview on https://facadeui.dev/components/feature-grid. Installs the items it uses.","name":"feature-grid-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/feature-grid.json"],"title":"Feature grid example","type":"registry:component"},{"categories":["example"],"dependencies":["lucide-react@^1.47.0"],"description":"Usage example (demo) for Feature icon: the code behind the preview on https://facadeui.dev/components/feature-icon. Installs the items it uses.","name":"feature-icon-demo","registryDependencies":["https://facadeui.dev/r/feature-icon.json"],"title":"Feature icon example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Feature rows (motion): the code behind the preview on https://facadeui.dev/components/feature-rows-motion. Installs the items it uses.","name":"feature-rows-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/feature-rows-motion.json"],"title":"Feature rows (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Feature rows: the code behind the preview on https://facadeui.dev/components/feature-rows. Installs the items it uses.","name":"feature-rows-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/feature-rows.json"],"title":"Feature rows example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Feature tabs: the code behind the preview on https://facadeui.dev/components/feature-tabs. Installs the items it uses.","name":"feature-tabs-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/feature-tabs.json"],"title":"Feature tabs example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Footer: the code behind the preview on https://facadeui.dev/components/footer. Installs the items it uses.","name":"footer-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/footer.json"],"title":"Footer example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Heading: the code behind the preview on https://facadeui.dev/components/heading. Installs the items it uses.","name":"heading-demo","registryDependencies":["https://facadeui.dev/r/heading.json"],"title":"Heading example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Hero — centred (motion): the code behind the preview on https://facadeui.dev/components/hero-centered-motion. Installs the items it uses.","name":"hero-centered-motion-demo","registryDependencies":["https://facadeui.dev/r/badge.json","https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/hero-centered-motion.json"],"title":"Hero — centred (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Hero — centred: the code behind the preview on https://facadeui.dev/components/hero-centered. Installs the items it uses.","name":"hero-centered-demo","registryDependencies":["https://facadeui.dev/r/badge.json","https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/hero-centered.json"],"title":"Hero — centred example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Hero — split (motion): the code behind the preview on https://facadeui.dev/components/hero-split-motion. Installs the items it uses.","name":"hero-split-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/hero-split-motion.json"],"title":"Hero — split (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Hero — split: the code behind the preview on https://facadeui.dev/components/hero-split. Installs the items it uses.","name":"hero-split-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/hero-split.json"],"title":"Hero — split example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Hero — with media (motion): the code behind the preview on https://facadeui.dev/components/hero-with-media-motion. Installs the items it uses.","name":"hero-with-media-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/hero-with-media-motion.json"],"title":"Hero — with media (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Hero — with media: the code behind the preview on https://facadeui.dev/components/hero-with-media. Installs the items it uses.","name":"hero-with-media-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/hero-with-media.json"],"title":"Hero — with media example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Input: the code behind the preview on https://facadeui.dev/components/input. Installs the items it uses.","name":"input-demo","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/input.json"],"title":"Input example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Logo cloud (motion): the code behind the preview on https://facadeui.dev/components/logo-cloud-motion. Installs the items it uses.","name":"logo-cloud-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/logo-cloud-motion.json"],"title":"Logo cloud (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Logo cloud: the code behind the preview on https://facadeui.dev/components/logo-cloud. Installs the items it uses.","name":"logo-cloud-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/logo-cloud.json"],"title":"Logo cloud example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Logo mark: the code behind the preview on https://facadeui.dev/components/logo-mark. Installs the items it uses.","name":"logo-mark-demo","registryDependencies":["https://facadeui.dev/r/logo-mark.json"],"title":"Logo mark example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Motion primitives: the code behind the preview on https://facadeui.dev/components/motion-primitives. Installs the items it uses.","name":"motion-primitives-demo","registryDependencies":["https://facadeui.dev/r/motion-primitives.json"],"title":"Motion primitives example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Side navigation: the code behind the preview on https://facadeui.dev/components/nav-side. Installs the items it uses.","name":"nav-side-demo","registryDependencies":["https://facadeui.dev/r/nav-side.json"],"title":"Side navigation example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Top navigation: the code behind the preview on https://facadeui.dev/components/nav-top. Installs the items it uses.","name":"nav-top-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/nav-top.json"],"title":"Top navigation example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Newsletter: the code behind the preview on https://facadeui.dev/components/newsletter. Installs the items it uses.","name":"newsletter-demo","registryDependencies":["https://facadeui.dev/r/newsletter.json"],"title":"Newsletter example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Pricing comparison: the code behind the preview on https://facadeui.dev/components/pricing-comparison. Installs the items it uses.","name":"pricing-comparison-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/pricing-comparison.json"],"title":"Pricing comparison example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Pricing tier: the code behind the preview on https://facadeui.dev/components/pricing-tier. Installs the items it uses.","name":"pricing-tier-demo","registryDependencies":["https://facadeui.dev/r/pricing-tier.json"],"title":"Pricing tier example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Pricing tiers (motion): the code behind the preview on https://facadeui.dev/components/pricing-tiers-motion. Installs the items it uses.","name":"pricing-tiers-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/pricing-tiers-motion.json"],"title":"Pricing tiers (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Pricing tiers: the code behind the preview on https://facadeui.dev/components/pricing-tiers. Installs the items it uses.","name":"pricing-tiers-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/pricing-tiers.json"],"title":"Pricing tiers example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Product launch: the code behind the preview on https://facadeui.dev/components/product-launch. Installs the items it uses.","name":"product-launch-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/newsletter.json","https://facadeui.dev/r/product-launch.json"],"title":"Product launch example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Prose: the code behind the preview on https://facadeui.dev/components/prose. Installs the items it uses.","name":"prose-demo","registryDependencies":["https://facadeui.dev/r/prose.json"],"title":"Prose example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for SaaS landing page: the code behind the preview on https://facadeui.dev/components/saas-landing. Installs the items it uses.","name":"saas-landing-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/saas-landing.json"],"title":"SaaS landing page example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Section header: the code behind the preview on https://facadeui.dev/components/section-header. Installs the items it uses.","name":"section-header-demo","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/section-header.json"],"title":"Section header example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Section: the code behind the preview on https://facadeui.dev/components/section. Installs the items it uses.","name":"section-demo","registryDependencies":["https://facadeui.dev/r/container.json","https://facadeui.dev/r/section.json","https://facadeui.dev/r/section-header.json"],"title":"Section example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Select: the code behind the preview on https://facadeui.dev/components/select. Installs the items it uses.","name":"select-demo","registryDependencies":["https://facadeui.dev/r/select.json"],"title":"Select example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Stat: the code behind the preview on https://facadeui.dev/components/stat. Installs the items it uses.","name":"stat-demo","registryDependencies":["https://facadeui.dev/r/stat.json"],"title":"Stat example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Stats (motion): the code behind the preview on https://facadeui.dev/components/stats-motion. Installs the items it uses.","name":"stats-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/stats-motion.json"],"title":"Stats (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Stats: the code behind the preview on https://facadeui.dev/components/stats. Installs the items it uses.","name":"stats-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/stats.json"],"title":"Stats example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Steps (motion): the code behind the preview on https://facadeui.dev/components/steps-motion. Installs the items it uses.","name":"steps-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/steps-motion.json"],"title":"Steps (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Steps: the code behind the preview on https://facadeui.dev/components/steps. Installs the items it uses.","name":"steps-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/steps.json"],"title":"Steps example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Team (motion): the code behind the preview on https://facadeui.dev/components/team-motion. Installs the items it uses.","name":"team-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/team-motion.json"],"title":"Team (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Team: the code behind the preview on https://facadeui.dev/components/team. Installs the items it uses.","name":"team-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/team.json"],"title":"Team example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Testimonial — single: the code behind the preview on https://facadeui.dev/components/testimonial-single. Installs the items it uses.","name":"testimonial-single-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/testimonial-single.json"],"title":"Testimonial — single example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Testimonial: the code behind the preview on https://facadeui.dev/components/testimonial. Installs the items it uses.","name":"testimonial-demo","registryDependencies":["https://facadeui.dev/r/testimonial.json"],"title":"Testimonial example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Testimonials grid (motion): the code behind the preview on https://facadeui.dev/components/testimonials-grid-motion. Installs the items it uses.","name":"testimonials-grid-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/testimonials-grid-motion.json"],"title":"Testimonials grid (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Testimonials grid: the code behind the preview on https://facadeui.dev/components/testimonials-grid. Installs the items it uses.","name":"testimonials-grid-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/testimonials-grid.json"],"title":"Testimonials grid example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for Textarea: the code behind the preview on https://facadeui.dev/components/textarea. Installs the items it uses.","name":"textarea-demo","registryDependencies":["https://facadeui.dev/r/button.json","https://facadeui.dev/r/input.json","https://facadeui.dev/r/textarea.json"],"title":"Textarea example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for USP list (motion): the code behind the preview on https://facadeui.dev/components/usp-list-motion. Installs the items it uses.","name":"usp-list-motion-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/usp-list-motion.json"],"title":"USP list (motion) example","type":"registry:component"},{"categories":["example"],"description":"Usage example (demo) for USP list: the code behind the preview on https://facadeui.dev/components/usp-list. Installs the items it uses.","name":"usp-list-demo","registryDependencies":["https://facadeui.dev/r/examples-content.json","https://facadeui.dev/r/usp-list.json"],"title":"USP list example","type":"registry:component"}]},"efferd":{"favicon":"/favicons/efferd.ico","items":[{"description":"Efferd logo component.","name":"logo","type":"registry:component"},{"description":"Copy button component.","name":"copy-button","type":"registry:component"},{"description":"Full-width divider component.","name":"full-width-divider","type":"registry:component"},{"description":"Decor icon component.","name":"decor-icon","type":"registry:component"},{"description":"Grid filler component.","name":"grid-filler","type":"registry:component"},{"description":"Indicator component.","name":"indicator","type":"registry:component"},{"description":"Lazy image component.","name":"lazy-image","type":"registry:component"},{"description":"Outline text component.","name":"outline-text","type":"registry:component"},{"description":"react portal component.","name":"portal","type":"registry:component"},{"description":"Auth divider component.","name":"auth-divider","type":"registry:component"},{"dependencies":["motion","react-use-measure"],"description":"Infinite slider component.","name":"infinite-slider","type":"registry:component"},{"dependencies":["motion"],"description":"Progressive blur component.","name":"progressive-blur","type":"registry:component"},{"dependencies":["motion"],"description":"Text effect component.","name":"text-effect","type":"registry:component"},{"description":"Use scroll hook.","name":"use-scroll","type":"registry:hook"},{"description":"Use media query hook.","name":"use-media-query","type":"registry:hook"},{"description":"Use copy to clipboard hook.","name":"use-copy-to-clipboard","type":"registry:hook"},{"description":"Use keypress hook.","name":"use-keypress","type":"registry:hook"},{"description":"Apple icon","name":"apple-icon","type":"registry:component"},{"description":"Claude icon","name":"claude-icon","type":"registry:component"},{"description":"DeepSeek icon","name":"deepseek-icon","type":"registry:component"},{"description":"Discord icon","name":"discord-icon","type":"registry:component"},{"description":"Facebook icon","name":"facebook-icon","type":"registry:component"},{"description":"Figma icon","name":"figma-icon","type":"registry:component"},{"description":"Framer icon","name":"framer-icon","type":"registry:component"},{"description":"Gemini icon","name":"gemini-icon","type":"registry:component"},{"description":"GitHub icon","name":"github-icon","type":"registry:component"},{"description":"GitLab icon","name":"gitlab-icon","type":"registry:component"},{"description":"Google icon","name":"google-icon","type":"registry:component"},{"description":"Google Play icon","name":"google-play-icon","type":"registry:component"},{"description":"Groq icon","name":"groq-icon","type":"registry:component"},{"description":"Instagram icon","name":"instagram-icon","type":"registry:component"},{"description":"Kimi icon","name":"kimi-icon","type":"registry:component"},{"description":"LinkedIn icon","name":"linkedin-icon","type":"registry:component"},{"description":"Ollama icon","name":"ollama-icon","type":"registry:component"},{"description":"OpenAI icon","name":"openai-icon","type":"registry:component"},{"description":"Perplexity icon","name":"perplexity-icon","type":"registry:component"},{"description":"Polar icon","name":"polar-icon","type":"registry:component"},{"description":"Qwen icon","name":"qwen-icon","type":"registry:component"},{"description":"React icon","name":"react-icon","type":"registry:component"},{"description":"shadcn/ui icon","name":"shadcn-icon","type":"registry:component"},{"description":"Sidebar icon","name":"sidebar-icon","type":"registry:component"},{"description":"Slack icon","name":"slack-icon","type":"registry:component"},{"description":"Vercel icon","name":"vercel-icon","type":"registry:component"},{"description":"X (Twitter) icon","name":"x-icon","type":"registry:component"},{"description":"xAI icon","name":"xai-icon","type":"registry:component"},{"description":"YouTube icon","name":"youtube-icon","type":"registry:component"},{"description":"Formater utilities.","name":"formater","type":"registry:component"},{"categories":["app-shell"],"description":"Dashboard shell with max-width bordered frame, full-width divider, sidebar, breadcrumb header, and skeleton content grid.","name":"app-shell-1","registryDependencies":["avatar","breadcrumb","button","dropdown-menu","separator","sidebar","@efferd/full-width-divider","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"description":"Full-viewport sidebar layout with breadcrumb navbar, keyboard shortcut hints, and dashboard skeleton grid.","name":"app-shell-2","registryDependencies":["avatar","breadcrumb","button","collapsible","dropdown-menu","kbd","separator","sidebar","tooltip","@efferd/decor-icon","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"description":"Scrollable main column with collapsible sidebar groups, breadcrumb bar, and dashboard placeholder content.","name":"app-shell-3","registryDependencies":["avatar","breadcrumb","button","collapsible","dropdown-menu","kbd","separator","sidebar","tooltip","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"description":"Inset sidebar layout with collapsible navigation and padded main shell.","name":"app-shell-4","registryDependencies":["avatar","breadcrumb","button","collapsible","dropdown-menu","kbd","separator","sidebar","tooltip","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"dependencies":["next-themes"],"description":"Sidebar workspace with command-style search, custom trigger and theme controls, navbar strip, and latest-change row.","name":"app-shell-5","registryDependencies":["@efferd/use-keypress","avatar","breadcrumb","button","dropdown-menu","input-group","kbd","separator","sidebar","tooltip","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"description":"Animated inset sidebar with org switcher, shared row, dedicated header trigger, mobile navbar, and skeleton body.","name":"app-shell-6","registryDependencies":["avatar","breadcrumb","button","dropdown-menu","kbd","separator","sidebar","tooltip","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"description":"Inset shell with progressive blur footer, command search, notifications popover, shared nav user, and org menu.","name":"app-shell-7","registryDependencies":["@efferd/use-keypress","avatar","breadcrumb","button","collapsible","command","dropdown-menu","empty","input-group","kbd","popover","scroll-area","separator","sidebar","tooltip","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"description":"Top app header over sidebar with projects and notifications, search, tooltip-rich trigger, and skeleton main area.","name":"app-shell-8","registryDependencies":["@efferd/use-keypress","avatar","button","dropdown-menu","empty","input-group","kbd","popover","separator","sidebar","tooltip","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"description":"Inset dashboard shell with hover-expand icon sidebar, breadcrumb header, command search, notifications popover, and user menu.","name":"app-shell-9","registryDependencies":["@efferd/use-keypress","avatar","breadcrumb","button","command","dropdown-menu","empty","input-group","kbd","popover","scroll-area","separator","sidebar","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"dependencies":["cmdk"],"description":"App shell with project-switching sidebar, command search, latest-change footer row, custom rail, and bordered content area.","name":"app-shell-10","registryDependencies":["@efferd/use-keypress","avatar","badge","breadcrumb","button","command","dropdown-menu","empty","input-group","kbd","separator","sidebar","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"description":"Max-width seller shell with store switcher, collapsible nav, plan-usage footer, breadcrumb header, and custom rail.","name":"app-shell-11","registryDependencies":["avatar","breadcrumb","button","collapsible","dropdown-menu","kbd","progress","separator","sidebar","tooltip","@efferd/logo"],"type":"registry:block"},{"categories":["app-shell"],"description":"Inset icon-collapsible sidebar with command search, what's-new card, mobile header, and dashboard skeleton grid.","name":"app-shell-12","registryDependencies":["@efferd/use-keypress","avatar","button","collapsible","command","dropdown-menu","input-group","kbd","sidebar","tooltip","@efferd/logo","@efferd/sidebar-icon"],"type":"registry:block"},{"categories":["app-shell"],"dependencies":["next-themes"],"description":"Inset sidebar with business switcher, command search, theme-aware user menu, and mobile title header.","name":"app-shell-13","registryDependencies":["@efferd/use-keypress","avatar","badge","button","collapsible","command","dropdown-menu","empty","input-group","kbd","popover","sidebar"],"type":"registry:block"},{"categories":["app-shell"],"dependencies":["next-themes"],"description":"Top header over floating sidebar with workspace switcher, theme toggle, new-chat action, and skeleton main area.","name":"app-shell-14","registryDependencies":["avatar","badge","button","collapsible","dropdown-menu","empty","kbd","popover","sidebar","tooltip","@efferd/sidebar-icon"],"type":"registry:block"},{"categories":["auth"],"description":"Modern sign-in page with particle background and social buttons.","name":"auth-1","registryDependencies":["@efferd/logo","@efferd/google-icon","@efferd/github-icon","button","@magicui/particles"],"type":"registry:block"},{"categories":["auth"],"description":"Split sign-in layout with social buttons and email form.","name":"auth-2","registryDependencies":["@efferd/decor-icon","@efferd/github-icon","@efferd/google-icon","button","input-group","@efferd/auth-divider"],"type":"registry:block"},{"categories":["auth"],"description":"Minimal sign-in page with logo header and focused form.","name":"auth-3","registryDependencies":["@efferd/logo","@efferd/github-icon","@efferd/google-icon","button","input-group","@efferd/auth-divider"],"type":"registry:block"},{"categories":["auth"],"description":"Clean sign-in screen with full-width divider and social actions.","name":"auth-4","registryDependencies":["@efferd/full-width-divider","@efferd/logo","@efferd/auth-divider","@efferd/google-icon","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Modern signup page with testimonial sidebar and social sign-in.","name":"auth-5","registryDependencies":["@efferd/logo","@efferd/auth-divider","@efferd/apple-icon","@efferd/github-icon","@efferd/google-icon","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Sign-in layout with modern branding and compact form.","name":"auth-6","registryDependencies":["@efferd/logo","@efferd/auth-divider","@efferd/github-icon","@efferd/google-icon","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Split sign-in page with decorative icons and social login.","name":"auth-7","registryDependencies":["@efferd/decor-icon","@efferd/logo","@efferd/auth-divider","@efferd/github-icon","@efferd/google-icon","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Sign-in page with flickering grid backdrop and clean form.","name":"auth-8","registryDependencies":["@magicui/flickering-grid","@efferd/logo","@efferd/auth-divider","@efferd/google-icon","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Sign-in layout with subtle grid pattern and social actions.","name":"auth-9","registryDependencies":["@magicui/grid-pattern","@efferd/logo","@efferd/auth-divider","@efferd/github-icon","@efferd/google-icon","@efferd/vercel-icon","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Sign-in page with testimonial card and email form.","name":"auth-10","registryDependencies":["@efferd/full-width-divider","@efferd/logo","@efferd/auth-divider","@efferd/github-icon","@efferd/google-icon","@efferd/vercel-icon","avatar","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Sign-in screen with patterned backdrop and centered form.","name":"auth-11","registryDependencies":["@magicui/grid-pattern","@efferd/logo","@efferd/auth-divider","@efferd/github-icon","@efferd/google-icon","@efferd/vercel-icon","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Signup page with avatar accents, social buttons, and email form.","name":"auth-12","registryDependencies":["@efferd/logo","@efferd/auth-divider","@efferd/github-icon","@efferd/google-icon","@efferd/vercel-icon","avatar","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Minimal sign-in layout with logo header and clean fields.","name":"auth-13","registryDependencies":["@efferd/logo","@efferd/auth-divider","@efferd/github-icon","@efferd/google-icon","@efferd/vercel-icon","button","input-group"],"type":"registry:block"},{"categories":["auth"],"description":"Sign-in page with avatar accents and polished social flow.","name":"auth-14","registryDependencies":["@efferd/logo","@efferd/auth-divider","@efferd/github-icon","@efferd/google-icon","@efferd/vercel-icon","button","avatar","input-group"],"type":"registry:block"},{"categories":["blogs"],"description":"Minimalist list with dashed dividers.","name":"blogs-1","registryDependencies":["@efferd/full-width-divider"],"type":"registry:block"},{"categories":["blogs"],"description":"Clean grid layout with bordered cards.","name":"blogs-2","registryDependencies":["@efferd/full-width-divider","@efferd/grid-filler"],"type":"registry:block"},{"categories":["blogs"],"dependencies":["motion"],"description":"Immersive grid with images and gradients.","name":"blogs-3","registryDependencies":["aspect-ratio","@efferd/lazy-image","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["blogs"],"dependencies":["motion"],"description":"Bento-style grid with spanning items.","name":"blogs-4","registryDependencies":["aspect-ratio","@efferd/full-width-divider","@efferd/grid-filler","@efferd/lazy-image"],"type":"registry:block"},{"categories":["blogs"],"dependencies":["motion"],"description":"Magazine layout with featured post.","name":"blogs-5","registryDependencies":["aspect-ratio","@efferd/full-width-divider","@efferd/grid-filler","@efferd/lazy-image","@efferd/decor-icon"],"type":"registry:block"},{"categories":["contact"],"description":"Compact contact strip with phone, email, and office details.","name":"contact-1","registryDependencies":["@efferd/full-width-divider"],"type":"registry:block"},{"categories":["contact"],"description":"Three-card contact layout with email, community, and social links.","name":"contact-2","registryDependencies":["button","@efferd/x-icon"],"type":"registry:block"},{"categories":["contact"],"description":"Elegant contact page with office info, email, phone, and social links.","name":"contact-3","registryDependencies":["@efferd/full-width-divider","@efferd/github-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["contact"],"description":"Modern contact card with info section and built-in form area.","name":"contact-4","registryDependencies":["button","field","input","textarea"],"type":"registry:block"},{"categories":["contact"],"description":"Bordered contact section with key details and a two-column form.","name":"contact-5","registryDependencies":["button","field","input","textarea","@efferd/decor-icon"],"type":"registry:block"},{"categories":["contact"],"description":"Full contact page with support cards, details panel, and lead form.","name":"contact-6","registryDependencies":["button","field","input","checkbox","select","textarea","@efferd/full-width-divider","@efferd/facebook-icon","@efferd/linkedin-icon","@efferd/x-icon","@efferd/youtube-icon"],"type":"registry:block"},{"categories":["contact"],"description":"Two-column contact page with intro content and a card-based form.","name":"contact-7","registryDependencies":["button","card","field","input","checkbox","select","textarea","@efferd/decor-icon"],"type":"registry:block"},{"categories":["contact"],"description":"Split contact page with company details, social links, and form panel.","name":"contact-8","registryDependencies":["button","field","input","checkbox","textarea","@efferd/full-width-divider","@efferd/facebook-icon","@efferd/linkedin-icon","@efferd/x-icon","@efferd/youtube-icon"],"type":"registry:block"},{"categories":["contact"],"description":"Centered contact page with team form, chat links, and map section.","name":"contact-9","registryDependencies":["field","input","checkbox","textarea","@efferd/full-width-divider","button","@efferd/x-icon"],"type":"registry:block"},{"categories":["contact"],"description":"Sidebar-style contact layout with brand links and a detailed form.","name":"contact-10","registryDependencies":["button","field","input","checkbox","select","textarea","@efferd/logo","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["contact"],"description":"Editorial contact page with direct links, map embed, and message form.","name":"contact-11","registryDependencies":["button","field","input","checkbox","textarea"],"type":"registry:block"},{"categories":["cta"],"description":"Centered call-to-action bar with bold heading and dual action buttons.","name":"cta-1","registryDependencies":["button","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["cta"],"description":"Minimal call-to-action section with headline, short description, and dual buttons for sales contact and getting started.","name":"cta-2","registryDependencies":["button","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["cta"],"description":"Stylish call-to-action block featuring bordered layout, decorative icons, and clear buttons for contacting sales or getting started.","name":"cta-3","registryDependencies":["button","@efferd/decor-icon"],"type":"registry:block"},{"categories":["cta"],"description":"Modern call-to-action card with rounded edges, subtle shadow, and dual buttons for contacting sales or getting started.","name":"cta-4","registryDependencies":["button"],"type":"registry:block"},{"categories":["cta"],"description":"Newsletter subscription section with email input, submit button, and expert avatars for added trust and engagement.","name":"cta-5","registryDependencies":["button","input-group","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"A call-to-action Block with a heading and an animated 'Join Now!' button with hover effects.","name":"cta-6","registryDependencies":["button"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"CTA with heading and animated 'Join Now!' button.","name":"cta-7","registryDependencies":["button"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Grid pattern background with email input and 'Join Now' button.","name":"cta-8","registryDependencies":["button","button-group","input-group","@magicui/grid-pattern"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Ethereal shadow effect with number ticker and dual action buttons.","name":"cta-9","registryDependencies":["button","@magicui/number-ticker"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Animated border lines with 'Get Started' button.","name":"cta-10","registryDependencies":["button"],"type":"registry:block"},{"categories":["cta"],"description":"Social proof with star ratings, number ticker, and dual action buttons.","name":"cta-11","registryDependencies":["button","@magicui/number-ticker"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Installation command with animated border lines and copy button.","name":"cta-12","registryDependencies":["button","tooltip","@efferd/copy-button"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Animated circular border with centered heading and action button.","name":"cta-13","registryDependencies":["button"],"type":"registry:block"},{"categories":["cta"],"description":"Bold inverted design with large typography and email/calendar buttons.","name":"cta-14","registryDependencies":["button"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Open-source showcase with animated notification cards and GitHub link.","name":"cta-15","registryDependencies":["button","@efferd/github-icon"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Logo branding with animated expanding border frame.","name":"cta-16","registryDependencies":["button","@efferd/logo"],"type":"registry:block"},{"categories":["cta"],"description":"Custom clip-path shape with pulsing dot and corner action button.","name":"cta-17","registryDependencies":["button"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Event registration with animated floating cards and emoji badges.","name":"cta-18","registryDependencies":["button"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Floating tool icons surrounding centered headline and action buttons.","name":"cta-19","registryDependencies":["button","@efferd/figma-icon","@efferd/framer-icon","@efferd/slack-icon"],"type":"registry:block"},{"categories":["cta"],"dependencies":["motion"],"description":"Concentric animated circles with pricing headline and button.","name":"cta-20","registryDependencies":["button"],"type":"registry:block"},{"categories":["dashboard"],"description":"Welcome header with KPI stats, sales area chart, and recent invoices in a bordered three-column grid.","name":"dashboard-1","registryDependencies":["badge","card","chart","select","table","@efferd/app-shell-1","@efferd/formater"],"type":"registry:block"},{"categories":["dashboard"],"description":"Dense KPI grid with net revenue, channel sales lines, invoices table, billing health, and activity feed.","name":"dashboard-2","registryDependencies":["badge","button","card","chart","empty","table","@efferd/app-shell-2","@efferd/formater"],"type":"registry:block"},{"categories":["dashboard"],"description":"Customer support dashboard with conversation charts, CSAT scores, on-duty team, and recent tickets.","name":"dashboard-3","registryDependencies":["avatar","badge","button","card","chart","dropdown-menu","select","table","@efferd/indicator","@efferd/app-shell-3","@efferd/formater"],"type":"registry:block"},{"categories":["dashboard"],"description":"Commerce dashboard with revenue trends, refund rates, category ranking pie, and quick action items.","name":"dashboard-4","registryDependencies":["badge","button","card","chart","item","select","@efferd/app-shell-4","@efferd/formater"],"type":"registry:block"},{"categories":["dashboard"],"description":"Web analytics dashboard with visitors chart, live users, top pages, traffic sources, and Core Web Vitals.","name":"dashboard-5","registryDependencies":["badge","button","card","chart","table","tooltip","@efferd/app-shell-5","@efferd/formater"],"type":"registry:block"},{"categories":["dashboard"],"dependencies":["@visx/curve","date-fns","react-day-picker"],"description":"Finance overview with date toolbar, KPI stats, MOR chart, budget insights, orders chart, and attention list.","name":"dashboard-6","registryDependencies":["badge","button","button-group","calendar","card","chart","item","popover","select","separator","@efferd/app-shell-6","@efferd/formater","@bklit/area-chart","@bklit/y-axis"],"type":"registry:block"},{"categories":["dashboard"],"dependencies":["@visx/curve"],"description":"Marketing dashboard with time-range toggles, main revenue chart, lead breakdowns, and transactions table.","name":"dashboard-7","registryDependencies":["badge","button","card","chart","checkbox","dropdown-menu","input-group","table","toggle-group","@efferd/app-shell-7","@efferd/formater","@bklit/area-chart","@bklit/y-axis"],"type":"registry:block"},{"categories":["dashboard"],"dependencies":["@visx/curve","date-fns","react-day-picker"],"description":"Store ops today view with gross revenue hero, peak hours, date toolbar, and conversion metric cards.","name":"dashboard-8","registryDependencies":["badge","button","button-group","calendar","card","chart","popover","select","separator","@efferd/app-shell-8","@efferd/formater","@bklit/area-chart","@bklit/y-axis"],"type":"registry:block"},{"categories":["dashboard"],"dependencies":["@visx/pattern"],"description":"Ecommerce growth dashboard with sales charts, funnel, channel orders pie, heatmap, and team roster.","name":"dashboard-9","registryDependencies":["avatar","badge","button","card","chart","empty","item","toggle-group","@efferd/decor-icon","@efferd/app-shell-9","@efferd/formater","@bklit/funnel-chart","@bklit/pie-chart"],"type":"registry:block"},{"categories":["dashboard"],"description":"Observability dashboard with period toolbar, sparkline KPIs, latency cards, AI insight, and active deployments.","name":"dashboard-10","registryDependencies":["badge","button","chart","select","@efferd/indicator","@efferd/app-shell-10"],"type":"registry:block"},{"categories":["dashboard"],"dependencies":["@visx/curve"],"description":"Store dashboard with KPI stats, revenue area chart, AI insight, conversion bars, payout balance, and order lists.","name":"dashboard-11","registryDependencies":["badge","button","chart","@efferd/app-shell-11","@efferd/formater","@bklit/area-chart","@bklit/y-axis"],"type":"registry:block"},{"categories":["dashboard"],"dependencies":["@visx/curve"],"description":"CRM dashboard with Ask AI toolbar, KPI stats, revenue chart, agenda calendar, retention bars, leads funnel, and at-risk deals.","name":"dashboard-12","registryDependencies":["avatar","badge","button","button-group","card","chart","dropdown-menu","empty","progress","tabs","tooltip","@efferd/app-shell-12","@efferd/formater","@bklit/area-chart","@bklit/funnel-chart","@bklit/y-axis"],"type":"registry:block"},{"categories":["dashboard"],"description":"Membership dashboard with add-client toolbar, KPI stats, revenue area charts, conversion trend, and client renewal lists.","name":"dashboard-13","registryDependencies":["badge","button","card","chart","empty","item","separator","sidebar","tooltip","@efferd/app-shell-13","@efferd/formater"],"type":"registry:block"},{"categories":["dashboard"],"description":"AI usage dashboard with billing meters, activity heatmap, token charts, model usage bars, quick actions, and git integrations.","name":"dashboard-14","registryDependencies":["button","card","chart","item","select","separator","tooltip","@efferd/claude-icon","@efferd/deepseek-icon","@efferd/gemini-icon","@efferd/github-icon","@efferd/gitlab-icon","@efferd/groq-icon","@efferd/kimi-icon","@efferd/ollama-icon","@efferd/openai-icon","@efferd/qwen-icon","@efferd/xai-icon","@efferd/app-shell-14","@efferd/formater","@bklit/heatmap-chart"],"type":"registry:block"},{"categories":["faqs"],"description":"Elegant FAQ section with accordion-style questions, smooth transitions, and clear support call-to-action.","name":"faqs-1","registryDependencies":["accordion"],"type":"registry:block"},{"categories":["faqs"],"description":"Split-screen FAQ layout with bordered sections, interactive accordion, and a clean call-to-action footer.","name":"faqs-2","registryDependencies":["accordion"],"type":"registry:block"},{"categories":["faqs"],"description":"Two-column FAQ section featuring bordered layout, vertical guide line, and elegant accordion interactions.","name":"faqs-3","registryDependencies":["accordion","@efferd/decor-icon"],"type":"registry:block"},{"categories":["faqs"],"description":"Multi-category FAQ section with sidebar filters, adaptive accordion layout, and elegant interactive transitions.","name":"faqs-4","registryDependencies":["accordion","button"],"type":"registry:block"},{"categories":["faqs"],"description":"Responsive FAQ section with filters, search, and accordions for quick answers.","name":"faqs-5","registryDependencies":["accordion","button","input-group","empty","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["faqs"],"description":"Two-column FAQ layout with a heading panel, outline button, and card-style accordion list.","name":"faqs-6","registryDependencies":["accordion","button"],"type":"registry:block"},{"categories":["faqs"],"description":"Split FAQ section with numbered accordion rows and full-width dividers for visual structure.","name":"faqs-7","registryDependencies":["accordion","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["faqs"],"description":"Centered FAQ page with grouped categories, bordered sections, and accordion-based answers.","name":"faqs-8","registryDependencies":["accordion","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["logo-cloud"],"description":"Simple logo grid displaying brand icons in a clean, bordered layout with light and dark mode support.","name":"logo-cloud-1","type":"registry:block"},{"categories":["logo-cloud"],"description":"Stylish logo grid featuring top tech brands with decorative plus icons and dynamic borders for a modern visual layout.","name":"logo-cloud-2","registryDependencies":["@efferd/decor-icon"],"type":"registry:block"},{"categories":["logo-cloud"],"description":"Smooth infinite-scrolling logo showcase highlighting trusted brands with gradient masking and elegant motion effects.","name":"logo-cloud-3","registryDependencies":["@efferd/infinite-slider"],"type":"registry:block"},{"categories":["logo-cloud"],"description":"Animated logo carousel with soft edge blurs and gradient accents for a sleek, modern brand showcase.","name":"logo-cloud-4","registryDependencies":["@efferd/infinite-slider","@efferd/progressive-blur"],"type":"registry:block"},{"categories":["logo-cloud"],"description":"Clean, centered logo grid with flexible wrapping layout showcasing brand partners in a simple, elegant format.","name":"logo-cloud-5","type":"registry:block"},{"categories":["logo-cloud"],"dependencies":["motion"],"description":"Rotating logo carousel with fade-in blur animations, automatically cycling through brand partners with smooth transitions.","name":"logo-cloud-6","type":"registry:block"},{"categories":["logo-cloud"],"dependencies":["motion"],"description":"Animated logo rotation with scale and blur transitions, displaying partner brands in timed batches with popLayout animation.","name":"logo-cloud-7","type":"registry:block"},{"categories":["logo-cloud"],"dependencies":["motion"],"description":"Dynamic grid layout with randomized logo swapping, featuring smooth transitions as brands randomly rotate in and out.","name":"logo-cloud-8","type":"registry:block"},{"categories":["logo-cloud"],"dependencies":["motion"],"description":"Responsive grid with continuous random logo rotation, showcasing partner brands with fast-paced blur and scale animations.","name":"logo-cloud-9","type":"registry:block"},{"categories":["logo-cloud"],"description":"Interactive bordered logo grid with hover case study badges, featuring clickable brand cards with decorative corner accents.","name":"logo-cloud-10","registryDependencies":["@efferd/decor-icon"],"type":"registry:block"},{"categories":["logo-cloud"],"description":"Two-column split layout with vertical infinite scrolling logo sliders and highlighted cards, paired with heading and CTA.","name":"logo-cloud-11","registryDependencies":["button","@efferd/logo","@efferd/infinite-slider"],"type":"registry:block"},{"categories":["pricing"],"description":"Side-by-side monthly and yearly pricing cards with discount badges.","name":"pricing-1","registryDependencies":["button","badge","@efferd/decor-icon"],"type":"registry:block"},{"categories":["pricing"],"description":"Grid layout pricing with full-width dividers and feature lists.","name":"pricing-2","registryDependencies":["@efferd/full-width-divider"],"type":"registry:block"},{"categories":["pricing"],"description":"Three-card pricing with plan icons and feature comparison.","name":"pricing-3","registryDependencies":["button"],"type":"registry:block"},{"categories":["pricing"],"dependencies":["motion","@number-flow/react"],"description":"Interactive pricing with frequency toggle and numeric animations.","name":"pricing-4","registryDependencies":["button"],"type":"registry:block"},{"categories":["pricing"],"dependencies":["motion","@number-flow/react"],"description":"Three-column pricing with toggle and decorative elements.","name":"pricing-5","registryDependencies":["button","@efferd/full-width-divider","@efferd/decor-icon"],"type":"registry:block"},{"categories":["pricing"],"description":"Clean grid pricing with best value highlights and secure indicators.","name":"pricing-6","registryDependencies":["button","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["pricing"],"dependencies":["motion","@number-flow/react"],"description":"Credit-based pricing with auto-recharge options and billing toggle.","name":"pricing-7","registryDependencies":["button","label","switch","@efferd/full-width-divider","@efferd/decor-icon"],"type":"registry:block"},{"categories":["testimonials"],"description":"Testimonial with centered quote, author details, and company logo.","name":"testimonials-1","registryDependencies":["avatar"],"type":"registry:block"},{"categories":["testimonials"],"description":"Minimalist testimonial with decorative cross-hair lines around the avatar.","name":"testimonials-2","registryDependencies":["avatar"],"type":"registry:block"},{"categories":["testimonials"],"description":"Staggered grid layout of testimonial cards with quote icons.","name":"testimonials-3","type":"registry:block"},{"categories":["testimonials"],"description":"Multi-column testimonial layout with quote icons, warm gradient background, and vertical divider.","name":"testimonials-4","registryDependencies":["@efferd/full-width-divider"],"type":"registry:block"},{"categories":["testimonials"],"description":"Clean grid layout with full-width dividers and auto-filled grid cells.","name":"testimonials-5","registryDependencies":["avatar","@magicui/grid-pattern","@efferd/full-width-divider","@efferd/grid-filler"],"type":"registry:block"},{"categories":["testimonials"],"description":"Infinite vertical testimonial scroller with smooth motion and repeated card animation.","name":"testimonials-6","registryDependencies":["avatar","@efferd/infinite-slider"],"type":"registry:block"},{"categories":["testimonials"],"description":"Infinite horizontal scroll of testimonial cards with full-width dividers.","name":"testimonials-7","registryDependencies":["avatar","@efferd/infinite-slider","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["testimonials"],"description":"Dual-row infinite slider moving in opposite directions.","name":"testimonials-8","registryDependencies":["avatar","@efferd/infinite-slider"],"type":"registry:block"},{"categories":["footer"],"description":"Simple layout with logo, nav links, and social icons.","name":"footer-1","registryDependencies":["button","@efferd/logo","@efferd/github-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["footer"],"description":"Clean footer with company links, resources, and social icons.","name":"footer-2","registryDependencies":["button","@efferd/logo","@efferd/github-icon","@efferd/instagram-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["footer"],"dependencies":["motion"],"description":"Animated footer with link sections, brand logo, and social icons.","name":"footer-3","registryDependencies":["@efferd/facebook-icon","@efferd/instagram-icon","@efferd/linkedin-icon","@efferd/youtube-icon"],"type":"registry:block"},{"categories":["footer"],"description":"Grid-based footer with social cards, link groups, and copyright bar.","name":"footer-4","registryDependencies":["@efferd/facebook-icon","@efferd/instagram-icon","@efferd/x-icon","@efferd/youtube-icon"],"type":"registry:block"},{"categories":["footer"],"description":"Multi-column footer with app store buttons, social icons, and link groups.","name":"footer-5","registryDependencies":["button","@efferd/logo","@efferd/apple-icon","@efferd/facebook-icon","@efferd/google-play-icon","@efferd/instagram-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["footer"],"dependencies":["motion"],"description":"Sticky layered footer with gradient background, social icons, and animated link groups.","name":"footer-6","registryDependencies":["button","@efferd/logo","@efferd/facebook-icon","@efferd/instagram-icon","@efferd/linkedin-icon","@efferd/youtube-icon"],"type":"registry:block"},{"categories":["footer"],"description":"Grid layout with status indicator and detailed links.","name":"footer-7","registryDependencies":["button","@efferd/logo","@efferd/indicator","@efferd/instagram-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["footer"],"dependencies":["motion","next-themes"],"description":"Newsletter signup form with theme toggle.","name":"footer-8","registryDependencies":["button","field","input","@efferd/logo","@efferd/github-icon","@efferd/indicator","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["footer"],"dependencies":["motion","next-themes"],"description":"Prominent newsletter section with theme toggle.","name":"footer-9","registryDependencies":["button","@efferd/logo","@efferd/linkedin-icon","@efferd/x-icon","@efferd/youtube-icon","@efferd/indicator"],"type":"registry:block"},{"categories":["footer"],"description":"Minimalist footer with newsletter subscription.","name":"footer-10","registryDependencies":["button","@efferd/logo","@efferd/facebook-icon","@efferd/linkedin-icon","@efferd/x-icon","@efferd/youtube-icon","@efferd/indicator"],"type":"registry:block"},{"categories":["footer"],"description":"Clean footer with newsletter form and social links.","name":"footer-11","registryDependencies":["button","@efferd/logo","@efferd/facebook-icon","@efferd/github-icon","@efferd/instagram-icon","@efferd/linkedin-icon","@efferd/x-icon","@efferd/youtube-icon"],"type":"registry:block"},{"categories":["footer"],"description":"CTA section with newsletter and quick links.","name":"footer-12","registryDependencies":["button","field","input","@efferd/logo","@efferd/facebook-icon","@efferd/instagram-icon","@efferd/linkedin-icon","@efferd/indicator","@efferd/x-icon"],"type":"registry:block"},{"categories":["footer"],"description":"Centered layout with navigation and social icons.","name":"footer-13","registryDependencies":["@efferd/discord-icon","@efferd/facebook-icon","@efferd/instagram-icon","@efferd/linkedin-icon","@efferd/x-icon","@efferd/youtube-icon"],"type":"registry:block"},{"categories":["footer"],"description":"Large typography footer with status indicator.","name":"footer-14","registryDependencies":["button","@efferd/outline-text","@efferd/discord-icon","@efferd/linkedin-icon","@efferd/x-icon","@efferd/youtube-icon","@efferd/indicator"],"type":"registry:block"},{"categories":["image-gallery"],"dependencies":["motion"],"description":"Masonry-style responsive gallery using random images with dynamic aspect ratios.","name":"image-gallery-1","registryDependencies":["aspect-ratio","@efferd/lazy-image"],"type":"registry:block"},{"categories":["header"],"description":"Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navigation links.","name":"header-1","registryDependencies":["@efferd/logo","@efferd/portal","button","@efferd/use-scroll"],"type":"registry:block"},{"categories":["header"],"description":"Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transitions.","name":"header-2","registryDependencies":["@efferd/logo","@efferd/portal","button","@efferd/use-scroll"],"type":"registry:block"},{"categories":["header"],"description":"Feature-rich responsive header with scroll blur, animated mobile drawer, and nested navigation menus.","name":"header-3","registryDependencies":["button","navigation-menu","@efferd/logo","@efferd/portal","@efferd/use-scroll"],"type":"registry:block"},{"categories":["header"],"description":"A sticky responsive header with logo, navigation menu, and scroll-aware animations that adapts seamlessly between mobile and desktop views.","name":"header-4","registryDependencies":["button","dialog","@efferd/logo","@efferd/portal","@efferd/use-scroll"],"type":"registry:block"},{"categories":["header"],"description":"A sticky animated header with dropdown navigation menus for courses and community, featuring smooth scroll-triggered morphing between expanded and compact pill-shaped states.","name":"header-5","registryDependencies":["button","@efferd/portal","navigation-menu","@efferd/logo","@efferd/use-scroll"],"type":"registry:block"},{"categories":["header"],"description":"A sticky header with multi-column dropdown menus for product and company navigation, featuring grid and list layouts with responsive design for mobile and desktop.","name":"header-6","registryDependencies":["button","navigation-menu","accordion","@magicui/grid-pattern","@efferd/logo","@efferd/portal"],"type":"registry:block"},{"categories":["header"],"description":"Floating squircle navigation with popover menu and social links.","name":"header-7","registryDependencies":["button","@efferd/portal","popover","@efferd/logo","@efferd/facebook-icon","@efferd/linkedin-icon","@efferd/x-icon","@efferd/youtube-icon"],"type":"registry:block"},{"categories":["header"],"description":"Compact navigation with dropdown menus and separated action buttons.","name":"header-8","registryDependencies":["button","navigation-menu","accordion","@efferd/portal","@efferd/logo"],"type":"registry:block"},{"categories":["header"],"description":"Scroll-aware navigation with featured cards and affiliate section.","name":"header-9","registryDependencies":["button","navigation-menu","accordion","@efferd/portal","@efferd/logo","@efferd/use-scroll"],"type":"registry:block"},{"categories":["header"],"description":"Fixed navigation with dropdown menus and mobile accordion.","name":"header-10","registryDependencies":["button","navigation-menu","accordion","@efferd/logo","@efferd/portal","@efferd/outline-text"],"type":"registry:block"},{"categories":["header"],"description":"Centered navigation with dropdown menus and action buttons.","name":"header-11","registryDependencies":["button","navigation-menu","accordion","@efferd/logo","@efferd/portal"],"type":"registry:block"},{"categories":["header"],"description":"Bordered navigation with GitHub stars counter and dropdown menus.","name":"header-12","registryDependencies":["button","navigation-menu","accordion","@efferd/logo","@efferd/portal","@efferd/github-icon","@efferd/vercel-icon"],"type":"registry:block"},{"categories":["header"],"description":"Scroll-triggered navigation with featured customer stories and open-source cards.","name":"header-13","registryDependencies":["button","navigation-menu","accordion","@efferd/logo","@efferd/portal","@efferd/use-scroll","@efferd/github-icon"],"type":"registry:block"},{"categories":["header"],"description":"Sticky header with scroll-based resizing and multi-column dropdowns.","name":"header-14","registryDependencies":["button","navigation-menu","accordion","@efferd/logo","@efferd/portal"],"type":"registry:block"},{"categories":["hero"],"description":"Centered hero with radial gradient background and announcement badge","name":"hero-1","registryDependencies":["button","@efferd/header-1","@efferd/logo-cloud-3"],"type":"registry:block"},{"categories":["hero"],"description":"Hero with vertical border accents and gradient text effect","name":"hero-2","registryDependencies":["button","@efferd/decor-icon","@efferd/full-width-divider","@efferd/header-2","@efferd/logo-cloud-2"],"type":"registry:block"},{"categories":["hero"],"description":"Left-aligned hero with dashboard screenshot preview","name":"hero-3","registryDependencies":["button","@efferd/header-3","@efferd/logo-cloud-5"],"type":"registry:block"},{"categories":["hero"],"description":"Centered hero with outline text effect and dot grid pattern","name":"hero-4","registryDependencies":["button","@efferd/outline-text","@efferd/header-4","@efferd/logo-cloud-6"],"type":"registry:block"},{"categories":["hero"],"description":"Modern hero page with particle background and social login buttons.","name":"hero-5","registryDependencies":["button","@magicui/grid-pattern","@efferd/text-effect","@efferd/header-9","@efferd/logo-cloud-3"],"type":"registry:block"},{"categories":["hero"],"description":"Hero with animated gradient bars visualization","name":"hero-6","registryDependencies":["button","@efferd/full-width-divider","@efferd/header-5","@efferd/logo-cloud-4"],"type":"registry:block"},{"categories":["hero"],"dependencies":["motion"],"description":"Left-aligned hero with 3D perspective dashboard mockup","name":"hero-7","registryDependencies":["button","@efferd/header-9","@efferd/logo-cloud-8"],"type":"registry:block"},{"categories":["hero"],"dependencies":["motion"],"description":"Centered hero with animated multi-screen card display","name":"hero-8","registryDependencies":["button","@efferd/header-7","@efferd/logo-cloud-9"],"type":"registry:block"},{"categories":["hero"],"description":"Centered hero with announcement tag and dashboard preview frame","name":"hero-9","registryDependencies":["button","@efferd/header-9","@efferd/logo-cloud-7"],"type":"registry:block"},{"categories":["features"],"description":"Linear feature grid with icons and descriptions, separated by vertical lines.","name":"features-1","registryDependencies":["@efferd/decor-icon"],"type":"registry:block"},{"categories":["features"],"description":"Three-column grid with decorative corner icons and dashed lines highlighting workflow features.","name":"features-2","registryDependencies":["@efferd/decor-icon"],"type":"registry:block"},{"categories":["features"],"description":"Grid layout with full-width dividers, showcasing features with icons and concise text.","name":"features-3","registryDependencies":["@efferd/decor-icon"],"type":"registry:block"},{"categories":["features"],"description":"Modern feature cards with extended borders, corner decorators, and detailed feature breakdown.","name":"features-4","registryDependencies":["@efferd/decor-icon"],"type":"registry:block"},{"categories":["features"],"description":"Minimal feature card with icon, title, and subtle grid background.","name":"features-5","registryDependencies":["@magicui/grid-pattern"],"type":"registry:block"},{"categories":["features"],"dependencies":["cobe"],"description":"Bento grid layout with varying card sizes, featuring interactive visuals like a globe, charts, and dashboard preview.","name":"features-6","type":"registry:block"},{"categories":["features"],"description":"Three interactive feature cards with animated visual elements showcasing integration, analytics, and usability.","name":"features-7","type":"registry:block"},{"categories":["features"],"description":"Bento grid for AI agent features, including model selection, knowledge base, memory, and tools.","name":"features-8","type":"registry:block"},{"categories":["features"],"description":"Comprehensive feature grid showcasing collaboration tools like comments, text editor, AI copilot, and real-time presence.","name":"features-9","registryDependencies":["@efferd/decor-icon"],"type":"registry:block"},{"categories":["features"],"dependencies":["motion"],"description":"Interactive feature grid with hover effects, showcasing dashboard, analytics, shortcuts, and security.","name":"features-10","type":"registry:block"},{"categories":["integrations"],"description":"Grid layout with integration cards and view all link.","name":"integrations-1","registryDependencies":["button"],"type":"registry:block"},{"categories":["integrations"],"description":"Grid layout with bordered integration cards and decorative plus icons.","name":"integrations-2","registryDependencies":["@efferd/decor-icon"],"type":"registry:block"},{"categories":["integrations"],"description":"Split layout with text content and scattered grid-based integration logos.","name":"integrations-3","registryDependencies":["button","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["integrations"],"description":"Split layout with heading and scattered rounded integration cards with mask.","name":"integrations-4","type":"registry:block"},{"categories":["integrations"],"description":"Horizontal scrolling row of overlapping circular integration logos with mask.","name":"integrations-5","registryDependencies":["button"],"type":"registry:block"},{"categories":["integrations"],"description":"Three-column layout with centered text and connector lines to integration cards.","name":"integrations-6","type":"registry:block"},{"categories":["integrations"],"description":"Stacked circular integration cards with hover expand effect and vertical mask.","name":"integrations-7","type":"registry:block"},{"categories":["integrations"],"description":"Bento-style grid with mixed aspect ratios and integration logos.","name":"integrations-8","type":"registry:block"},{"categories":["integrations"],"dependencies":["motion"],"description":"Floating animated integration boxes around centered heading text.","name":"integrations-9","type":"registry:block"},{"categories":["integrations"],"dependencies":["motion"],"description":"Animated integration boxes with center logo and connecting SVG pattern lines.","name":"integrations-10","registryDependencies":["@efferd/logo"],"type":"registry:block"},{"categories":["integrations"],"description":"Split layout with infinite vertical slider columns of integration logos.","name":"integrations-11","registryDependencies":["button","@efferd/infinite-slider"],"type":"registry:block"},{"categories":["integrations"],"description":"Circular orbit layout with integration logos positioned around central circle.","name":"integrations-12","type":"registry:block"},{"categories":["not-found"],"description":"Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.","name":"not-found-1","registryDependencies":["button","empty","@efferd/full-width-divider"],"type":"registry:block"},{"categories":["not-found"],"description":"Minimalist 404 page featuring large masked typography and clear navigation actions.","name":"not-found-2","registryDependencies":["button","empty"],"type":"registry:block"},{"categories":["team"],"description":"Centered team grid with grayscale avatars, names, and roles, split by vertical column lines.","name":"team-1","registryDependencies":["avatar","button","@efferd/full-width-divider","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["team"],"description":"Compact team list with avatars, names, roles, and social links in a bordered layout with a hiring call-to-action.","name":"team-2","registryDependencies":["avatar","button","@efferd/full-width-divider","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["team"],"description":"Three-column team grid with centered avatars, names, roles, and social icons, plus a hiring call-to-action.","name":"team-3","registryDependencies":["avatar","button","@efferd/full-width-divider","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["team"],"description":"Staggered photo columns with a name list, hover highlight, and social icons.","name":"team-4","registryDependencies":["button","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["team"],"description":"Department-grouped team list with avatars, first names, and hiring slots in a four-column grid.","name":"team-5","registryDependencies":["avatar","@efferd/grid-filler"],"type":"registry:block"},{"categories":["team"],"description":"Square portraits grouped under team headings, with a closing call-to-action for open roles.","name":"team-6","registryDependencies":["avatar","button","@efferd/full-width-divider","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["team"],"description":"Split credits layout with a made-by label, name-to-role table, and social links at the end of each row.","name":"team-7","registryDependencies":["button","table","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["team"],"description":"Centered team intro with stats and rounded portraits that lift on hover to reveal social links.","name":"team-8","registryDependencies":["avatar","button","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"},{"categories":["team"],"description":"Split team intro with three grayscale portraits, names, roles, and social icons beside each name.","name":"team-9","registryDependencies":["button","@efferd/github-icon","@efferd/linkedin-icon","@efferd/x-icon"],"type":"registry:block"}]},"goey toast":{"favicon":"/favicons/goey-toast.png","items":[{"dependencies":["goey-toast","framer-motion"],"description":"Morphing blob toast notifications with organic pill-to-blob animations, promise tracking, and full customization.","name":"goey-toaster","title":"Gooey Toaster","type":"registry:ui"}]},"fluid functionalism":{"favicon":"/favicons/fluid-functionalism.svg","items":[{"categories":["hook"],"dependencies":["motion"],"description":"Fluid hover: the hook that tracks the item nearest the cursor within a container, and the one highlight component that springs between the rects it measures.","name":"use-fluid-hover","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"useFluidHover + FluidHoverHighlight","type":"registry:hook"},{"categories":["hook"],"description":"Detects touch-primary devices (coarse pointer + touch points), updating live on pointer-mode and media-query changes. Adapted from Lina (https://lina.sameer.sh).","name":"use-touch-primary","title":"useTouchPrimary","type":"registry:hook"},{"categories":["hook"],"description":"Gates a popup's keyboard focus ring on keyboard use: seeded at open from the focused element's :focus-visible state, then earned by navigation keys inside the popup.","name":"use-keyboard-nav-gate","registryDependencies":["https://www.fluidfunctionalism.com/r/popup.json"],"title":"useKeyboardNavGate","type":"registry:hook"},{"categories":["hook"],"description":"React hook + renderer for the selected-background merge/split animation. When one row bridges or splits two contiguous selected runs, their inner edges glide together (or apart) and swap to a single block, instead of one block spring-growing over the union.","name":"use-merge-split","registryDependencies":["https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"useMergeSplitBlocks","type":"registry:hook"},{"categories":["components"],"dependencies":["motion","@radix-ui/react-accordion","lucide-react"],"description":"Collapsible accordion with animated height transitions, spring-animated chevron, and fluid hover in grouped mode. Built on Radix UI Accordion.","name":"accordion","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Accordion","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0","lucide-react"],"description":"Collapsible accordion with animated height transitions, spring-animated chevron, and fluid hover in grouped mode. Base UI flavor.","name":"base/accordion","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Accordion (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0"],"description":"Stepped question flow with numbered options, keyboard shortcuts (1–9), single or multi-select, inline 'other' text input, optional skip, fluid hover, and multi-question navigation. Auto-advances on selection in single-select.","name":"ask-user-questions","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/use-merge-split.json","https://www.fluidfunctionalism.com/r/button.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Ask User Questions","type":"registry:ui"},{"categories":["components"],"dependencies":["class-variance-authority"],"description":"Compact label with solid and dot variants, Tailwind color palette, and three sizes.","name":"badge","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Badge","type":"registry:ui"},{"categories":["components"],"dependencies":["motion"],"description":"Status message built from parts (Banner, BannerTitle, BannerDescription, BannerActions, BannerAction): 5 statuses (filled glyphs for info, success, warning and error; the icon set's outline info icon for default), low or high contrast, primary, secondary and ghost actions (the li","name":"banner","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/button.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Banner","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@radix-ui/react-slot","class-variance-authority","lucide-react"],"description":"Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading spinner, and fluid font-weight transitions on hover.","name":"button","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Button","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0","class-variance-authority","lucide-react"],"description":"Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading spinner, and fluid font-weight transitions on hover. Base UI flavor.","name":"base/button","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Button (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["@radix-ui/react-dropdown-menu","motion"],"description":"Dropdown menu with fluid hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-select. Includes MenuItem, DropdownSearch (a search field inside the popup), submenus (DropdownSub) whose trigger row stays lit ","name":"dropdown","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/use-merge-split.json","https://www.fluidfunctionalism.com/r/elevated.json","https://www.fluidfunctionalism.com/r/scroll-area.json","https://www.fluidfunctionalism.com/r/popup.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Dropdown","type":"registry:ui"},{"categories":["components"],"dependencies":["@base-ui/react@^1.9.0","motion"],"description":"Dropdown menu with fluid hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-select. Includes MenuItem, DropdownSearch (a search field inside the popup), submenus (DropdownSub) whose trigger row stays lit ","name":"base/dropdown","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/use-merge-split.json","https://www.fluidfunctionalism.com/r/elevated.json","https://www.fluidfunctionalism.com/r/base/scroll-area.json","https://www.fluidfunctionalism.com/r/popup.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Dropdown","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@radix-ui/react-checkbox"],"description":"Animated checkbox group with fluid hover, contiguous selection merging, and spring-animated check marks. Built on Radix UI Checkbox.","name":"checkbox-group","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/use-merge-split.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Checkbox Group","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0"],"description":"Animated checkbox group with fluid hover, contiguous selection merging, and spring-animated check marks. Base UI flavor.","name":"base/checkbox-group","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/use-merge-split.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Checkbox Group (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@radix-ui/react-radio-group"],"description":"Animated radio group with fluid hover, spring-animated selection dot, and optional Radix UI integration. Supports both controlled index and value-based APIs.","name":"radio-group","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Radio Group","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0"],"description":"Animated radio group with fluid hover, spring-animated selection dot. Base UI flavor.","name":"base/radio-group","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Radio Group (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@radix-ui/react-dialog","lucide-react"],"description":"Animated modal dialog with spring-based scale and opacity transitions in three widths (sm, lg, and an xl canvas for composed layouts such as a sidebar), plus a container prop to scope it to a region. Built on Radix UI Dialog with overlay, header, footer, title, and description su","name":"dialog","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/button.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Dialog","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0","lucide-react"],"description":"Animated modal dialog with spring-based scale and opacity transitions in three widths (sm, lg, and an xl canvas for composed layouts such as a sidebar), plus a container prop to scope it to a region. Base UI flavor.","name":"base/dialog","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/base/button.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Dialog (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["@radix-ui/react-dialog","motion"],"description":"Slide-in navigation drawer with scrim, focus trap, and scroll lock. Radix flavor.","name":"mobile-drawer","registryDependencies":["https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json"],"title":"Mobile Drawer","type":"registry:ui"},{"categories":["components"],"dependencies":["@base-ui/react@^1.9.0","motion"],"description":"Slide-in navigation drawer with scrim, focus trap, and scroll lock. Base UI flavor.","name":"base/mobile-drawer","registryDependencies":["https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json"],"title":"Mobile Drawer","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","lucide-react"],"description":"Read-only input with a copy-to-clipboard button and animated check feedback. Supports optional label and shape context.","name":"input-copy","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tooltip.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Input Copy","type":"registry:ui"},{"categories":["components"],"dependencies":["lucide-react","@base-ui/react@^1.9.0"],"description":"Grouped input fields with fluid hover highlighting, animated label transitions, optional icons, and error states.","name":"input-group","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Input Group","type":"registry:ui"},{"categories":["components"],"dependencies":["motion"],"description":"Chat-style message composer with auto-resizing textarea, drag-and-drop file attachments (PNG / JPEG / PDF), flexible left/right action slots, and a built-in send button on a Surface-2 substrate.","name":"input-message","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/file-thumbnail.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/button.json","https://www.fluidfunctionalism.com/r/tooltip.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Input Message","type":"registry:ui"},{"categories":["components"],"dependencies":["pdfjs-dist"],"description":"Read-only square preview of a File. Images render via object-cover; PDFs render their first page via pdfjs; a spinner shows while either resolves. Adapts its corner radius to the global shape setting.","name":"file-thumbnail","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/shape-context.json"],"title":"File Thumbnail","type":"registry:ui"},{"categories":["blocks"],"dependencies":["motion","lucide-react"],"description":"Sonner-style stack of queued composer messages: collapsed cards fan out on hover (tap on touch), drag to reorder, a gutter arrow counts the overflow, edit/remove per card, and a shared-layout morph into the sent message.","name":"queued-stack","registryDependencies":["https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/tooltip.json","https://www.fluidfunctionalism.com/r/file-thumbnail.json","https://www.fluidfunctionalism.com/r/input-message.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Queued message stack","type":"registry:block"},{"categories":["components"],"dependencies":["motion"],"description":"A single chat transcript entry with baked-in entrance and layout motion. Right-aligned accent bubble for the user, left-aligned muted bubble for the assistant, with optional file attachments. Adapts to the global shape setting.","name":"chat-message","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/use-touch-primary.json","https://www.fluidfunctionalism.com/r/file-thumbnail.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Chat Message","type":"registry:ui"},{"categories":["components"],"dependencies":["@radix-ui/react-tabs","motion","lucide-react"],"description":"Horizontal tab navigation with fluid hover, animated pill selection indicator, and fluid font-weight transitions. Radix flavor.","name":"tabs-subtle","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Tabs Subtle","type":"registry:ui"},{"categories":["components"],"dependencies":["@base-ui/react@^1.9.0","motion","lucide-react"],"description":"Horizontal tab navigation with fluid hover, animated pill selection indicator, and fluid font-weight transitions. Base UI flavor.","name":"base/tabs-subtle","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Tabs Subtle","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@radix-ui/react-switch"],"description":"Animated toggle switch with spring-based thumb animation and fluid font-weight label transitions. Built on Radix UI Switch.","name":"switch","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Switch","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0"],"description":"Animated toggle switch with spring-based thumb animation and fluid font-weight label transitions. Base UI flavor.","name":"base/switch","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Switch (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["motion"],"description":"Carousel dots, static or on autoplay: fluid-hover click areas, and a current pill that fills over each slide's duration.","name":"carousel-dots","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Carousel Dots","type":"registry:ui"},{"categories":["components"],"dependencies":["motion"],"description":"Animated table with fluid hover row highlighting and fluid border transitions. Includes TableHeader, TableBody, TableRow, TableHead, and TableCell sub-components.","name":"table","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Table","type":"registry:ui"},{"categories":["components"],"dependencies":["motion"],"description":"shadcn's compositional card (Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter) with the Fluid Functionalism layer: transparent substrate, weight-animated title, media/logo/feature/image slots, and a CardGroup that owns stacked, inline, and grid la","name":"card","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Card","type":"registry:ui"},{"categories":["components"],"dependencies":["@radix-ui/react-dialog","motion","lucide-react","class-variance-authority"],"description":"Refined, composable app sidebar with offcanvas collapse, floating and inset variants, a mobile drawer, cookie-persisted state, keyboard shortcut, and fluid-hover menus with traveling selection, hover, and focus indicators. Radix flavor.","name":"sidebar","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/tooltip.json","https://www.fluidfunctionalism.com/r/scroll-area.json","https://www.fluidfunctionalism.com/r/button.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Sidebar","type":"registry:ui"},{"categories":["components"],"dependencies":["@base-ui/react@^1.9.0","motion","lucide-react","class-variance-authority"],"description":"Refined, composable app sidebar with offcanvas collapse, floating and inset variants, a mobile drawer, cookie-persisted state, keyboard shortcut, and fluid-hover menus with traveling selection, hover, and focus indicators. Base UI flavor.","name":"base/sidebar","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/base/tooltip.json","https://www.fluidfunctionalism.com/r/base/scroll-area.json","https://www.fluidfunctionalism.com/r/base/button.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Sidebar","type":"registry:ui"},{"categories":["blocks"],"description":"Workspace brand row for a sidebar header: 20px tile on the rows' leading axis, name pinned to the 32px text axis, trigger cross-fading into the tile's slot while the collapsed rail peeks, and a trigger-width switcher menu on the shared sidebar grid.","name":"sidebar-workspace-header","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/sidebar-menu-grid.json","https://www.fluidfunctionalism.com/r/sidebar.json","https://www.fluidfunctionalism.com/r/dropdown.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Sidebar Workspace Header","type":"registry:block"},{"categories":["blocks"],"description":"Footer identity row: a 20px avatar centred on the rows' leading icon axis, chevron on the trailing action axis, and an upward user menu on the shared sidebar grid so its rows align with the trigger exactly.","name":"sidebar-user-footer","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/sidebar-menu-grid.json","https://www.fluidfunctionalism.com/r/sidebar.json","https://www.fluidfunctionalism.com/r/dropdown.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Sidebar User Footer","type":"registry:block"},{"description":"Header search on the menu rows' rhythm: leading icon on the rows' 16px axis, text on the 32px axis, and a hover-revealed keystroke chip at the trailing edge.","name":"sidebar-search-field","registryDependencies":["https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/sidebar.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Sidebar Search Field","type":"registry:block"},{"description":"The main region's topbar: h-12 with the trigger that hides while the rail peeks and fades back in at its settled spot after a pin.","name":"sidebar-inset-topbar","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/sidebar.json"],"title":"Sidebar Inset Topbar","type":"registry:block"},{"categories":["blocks"],"description":"A complete app shell: workspace header with the peek cross-fade, search on the menu rows' rhythm with a hover-revealed shortcut chip, collapsible sections with label actions and badges, a user footer, and an inset topbar whose trigger fades back in at its settled position after a","name":"sidebar-app","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/sidebar.json","https://www.fluidfunctionalism.com/r/tooltip.json","https://www.fluidfunctionalism.com/r/dropdown.json","https://www.fluidfunctionalism.com/r/sidebar-workspace-header.json","https://www.fluidfunctionalism.com/r/sidebar-user-footer.json","https://www.fluidfunctionalism.com/r/sidebar-search-field.json","https://www.fluidfunctionalism.com/r/sidebar-inset-topbar.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"App Sidebar","type":"registry:block"},{"categories":["blocks"],"description":"A settings dialog: the xl Dialog as a canvas, a non-collapsing Sidebar of sections down its left edge, and a scrolling panel of controls — switches, selects, and an input group. Below the sm breakpoint a Select takes over navigation.","name":"dialog-sidebar","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/dialog.json","https://www.fluidfunctionalism.com/r/sidebar.json","https://www.fluidfunctionalism.com/r/scroll-area.json","https://www.fluidfunctionalism.com/r/button.json","https://www.fluidfunctionalism.com/r/switch.json","https://www.fluidfunctionalism.com/r/select.json","https://www.fluidfunctionalism.com/r/input-group.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Settings Dialog (Sidebar in a Dialog)","type":"registry:block"},{"categories":["components"],"dependencies":["motion","@radix-ui/react-slider"],"description":"Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value display. Built on Radix UI Slider.","name":"slider","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Slider","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0"],"description":"Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value display. Base UI flavor.","name":"base/slider","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Slider (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@radix-ui/react-tabs","lucide-react"],"description":"Segmented control tabs with sliding active indicator, fluid hover, and spring animations. Built on Radix UI Tabs.","name":"tabs","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Tabs","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0","lucide-react"],"description":"Segmented control tabs with sliding active indicator, fluid hover, and spring animations. Base UI flavor.","name":"base/tabs","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Tabs (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["motion"],"description":"Animated loading indicator with morphing SVG path (circle to infinity loop) and shimmer text rotation. Cycles through customizable status words.","name":"thinking-indicator","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Thinking Indicator","type":"registry:ui"},{"categories":["components"],"dependencies":["@radix-ui/react-scroll-area"],"description":"Scroll container with a restyled overlay scrollbar that stays discoverable on hover and follows the shape system. Falls back to native overflow scrolling on touch-primary devices. Built on Radix UI Scroll Area; adapted from Lina (https://lina.sameer.sh).","name":"scroll-area","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/use-touch-primary.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Scroll Area","type":"registry:ui"},{"categories":["components"],"dependencies":["@base-ui/react@^1.9.0"],"description":"Scroll container with a restyled overlay scrollbar that stays discoverable on hover and follows the shape system. Falls back to native overflow scrolling on touch-primary devices. Base UI flavor; adapted from Lina (https://lina.sameer.sh).","name":"base/scroll-area","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/use-touch-primary.json","https://www.fluidfunctionalism.com/r/tokens.json"],"title":"Scroll Area (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["@radix-ui/react-select","motion","class-variance-authority","lucide-react"],"description":"Animated select menu with collision-aware positioning, typeahead, fluid hover, spring-animated popover, and animated checkmark. Radix flavor.","name":"select","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/elevated.json","https://www.fluidfunctionalism.com/r/scroll-area.json","https://www.fluidfunctionalism.com/r/use-keyboard-nav-gate.json","https://www.fluidfunctionalism.com/r/popup.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Select","type":"registry:ui"},{"categories":["components"],"dependencies":["@base-ui/react@^1.9.0","motion","class-variance-authority","lucide-react"],"description":"Animated select menu with collision-aware positioning, typeahead, fluid hover, spring-animated popover, and animated checkmark. Base UI flavor.","name":"base/select","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/elevated.json","https://www.fluidfunctionalism.com/r/base/scroll-area.json","https://www.fluidfunctionalism.com/r/use-keyboard-nav-gate.json","https://www.fluidfunctionalism.com/r/popup.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Select","type":"registry:ui"},{"categories":["components"],"dependencies":["@radix-ui/react-popover","motion","class-variance-authority","lucide-react"],"description":"Type-to-filter combobox with single or multiple (chips, merged selection backgrounds) selection: a text field that filters a list as you type, with keyboard highlight, fluid hover, spring-animated popover, animated checkmark, and clear/chevron controls. Optional create-from-query","name":"combobox","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/use-merge-split.json","https://www.fluidfunctionalism.com/r/elevated.json","https://www.fluidfunctionalism.com/r/scroll-area.json","https://www.fluidfunctionalism.com/r/use-keyboard-nav-gate.json","https://www.fluidfunctionalism.com/r/popup.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Combobox","type":"registry:ui"},{"categories":["components"],"dependencies":["@base-ui/react@^1.9.0","motion","class-variance-authority","lucide-react"],"description":"Type-to-filter combobox with single or multiple (chips, merged selection backgrounds) selection: a text field that filters a list as you type, with keyboard highlight, fluid hover, spring-animated popover, animated checkmark, and clear/chevron controls. Optional create-from-query","name":"base/combobox","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/use-merge-split.json","https://www.fluidfunctionalism.com/r/elevated.json","https://www.fluidfunctionalism.com/r/base/scroll-area.json","https://www.fluidfunctionalism.com/r/use-keyboard-nav-gate.json","https://www.fluidfunctionalism.com/r/popup.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Combobox","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","lucide-react"],"description":"Search field over a list of actions: type to filter, arrows to move the fluid hover highlight, Enter to run. Grouped rows with icons, descriptions, and shortcut caps; suggestions listed first while nothing is typed; subtle tabs or a borderless filter bar under the field; and a di","name":"command-menu","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/popup.json","https://www.fluidfunctionalism.com/r/scroll-area.json","https://www.fluidfunctionalism.com/r/dialog.json","https://www.fluidfunctionalism.com/r/tabs-subtle.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Command Menu","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@radix-ui/react-tooltip"],"description":"Floating tooltip with spring-based animations, configurable placement, and rich content support.","name":"tooltip","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Tooltip","type":"registry:ui"},{"categories":["components"],"dependencies":["motion","@base-ui/react@^1.9.0"],"description":"Floating tooltip with spring-based animations, configurable placement, and rich content support. Base UI flavor.","name":"base/tooltip","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Tooltip (Base UI)","type":"registry:ui"},{"categories":["components"],"dependencies":["@radix-ui/react-collapsible","motion","lucide-react"],"description":"Collapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and nested details. Radix flavor.","name":"thinking-steps","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/badge.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Thinking Steps","type":"registry:ui"},{"categories":["components"],"dependencies":["@base-ui/react@^1.9.0","motion","lucide-react"],"description":"Collapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and nested details. Base UI flavor.","name":"base/thinking-steps","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/omit.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/badge.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Thinking Steps","type":"registry:ui"},{"categories":["components"],"dependencies":["@base-ui/react@^1.9.0","motion"],"description":"Color picker with HEX, RGB, HSL, and OKLCH formats, alpha channel, optional swatches, and a popover trigger. Built on Base UI's Popover, Menu, and NumberField primitives with native EyeDropper support.","name":"color-picker","registryDependencies":["utils","https://www.fluidfunctionalism.com/r/springs.json","https://www.fluidfunctionalism.com/r/font-weight.json","https://www.fluidfunctionalism.com/r/shape-context.json","https://www.fluidfunctionalism.com/r/surface-context.json","https://www.fluidfunctionalism.com/r/surface-classes.json","https://www.fluidfunctionalism.com/r/icon-context.json","https://www.fluidfunctionalism.com/r/use-fluid-hover.json","https://www.fluidfunctionalism.com/r/elevated.json","https://www.fluidfunctionalism.com/r/slider.json","https://www.fluidfunctionalism.com/r/size-context.json","https://www.fluidfunctionalism.com/r/tooltip.json","https://www.fluidfunctionalism.com/r/tokens.json","https://www.fluidfunctionalism.com/r/type-scale.json"],"title":"Color Picker","type":"registry:ui"}]},"creance":{"favicon":"/favicons/creance.svg","items":[{"categories":["atom","data-display"],"description":"Agents are rounded squares; people are circles.","name":"avatar","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Avatar","type":"registry:ui"},{"categories":["atom","data-display"],"description":"A status as tone, icon and word.","name":"badge","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Badge","type":"registry:ui"},{"categories":["atom","actions"],"description":"A glass capsule. Blue is for the one primary action; red text marks refusal.","name":"button","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Button","type":"registry:ui"},{"categories":["atom","forms"],"description":"A native checkbox with its label.","name":"checkbox","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Checkbox","type":"registry:ui"},{"categories":["atom","data-display"],"description":"Inline code, or a scrollable block.","name":"code","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Code","type":"registry:ui"},{"categories":["atom","feedback"],"description":"What went wrong and what to do next.","name":"error-message","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"ErrorMessage","type":"registry:ui"},{"categories":["atom","data-display"],"description":"A ring that fills to a percentage. Red only past a limit you set.","name":"gauge","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Gauge","type":"registry:ui"},{"categories":["atom","actions"],"description":"A button with only an icon. Its label is required and shows as a tooltip.","name":"icon-button","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/tooltip.json"],"title":"IconButton","type":"registry:ui"},{"categories":["atom","forms"],"description":"A text field.","name":"input","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Input","type":"registry:ui"},{"categories":["atom","data-display"],"description":"A keyboard key.","name":"kbd","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Kbd","type":"registry:ui"},{"categories":["atom","feedback"],"description":"Three dots beside what is happening.","name":"loading-dots","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"LoadingDots","type":"registry:ui"},{"categories":["atom","data-display"],"description":"Shortens the middle of a path or ID and keeps both ends.","name":"middle-truncate","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"MiddleTruncate","type":"registry:ui"},{"categories":["atom","data-display"],"description":"Progress toward a known total.","name":"progress-bar","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"ProgressBar","type":"registry:ui"},{"categories":["atom","forms"],"description":"A native radio with its label.","name":"radio","registryDependencies":["https://creance.pages.dev/r/checkbox.json","https://creance.pages.dev/r/creance-base.json"],"title":"Radio","type":"registry:ui"},{"categories":["atom","forms"],"description":"The native select, styled. The operating system draws the menu.","name":"select","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/input.json"],"title":"Select","type":"registry:ui"},{"categories":["atom","data-display"],"description":"A hairline between groups.","name":"separator","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Separator","type":"registry:ui"},{"categories":["atom","feedback"],"description":"A placeholder while content loads.","name":"skeleton","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Skeleton","type":"registry:ui"},{"categories":["atom","charts"],"description":"A trend with no axes, for a table cell or a stat card.","name":"sparkline","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Sparkline","type":"registry:ui"},{"categories":["atom","feedback"],"description":"Something is happening, with no known end.","name":"spinner","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Spinner","type":"registry:ui"},{"categories":["atom","data-display"],"description":"A small mark and a word. Each status has its own shape as well as tone.","name":"status-dot","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"StatusDot","type":"registry:ui"},{"categories":["atom","forms"],"description":"An on/off setting that applies immediately.","name":"switch","registryDependencies":["https://creance.pages.dev/r/checkbox.json","https://creance.pages.dev/r/creance-base.json"],"title":"Switch","type":"registry:ui"},{"categories":["atom","forms"],"description":"A multi-line text field.","name":"textarea","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/input.json"],"title":"Textarea","type":"registry:ui"},{"categories":["atom","actions"],"description":"A button that stays on or off.","name":"toggle","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Toggle","type":"registry:ui"},{"categories":["atom","overlays"],"dependencies":["@radix-ui/react-tooltip@^1.3.0"],"description":"Extra text on hover and keyboard focus.","name":"tooltip","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Tooltip","type":"registry:ui"},{"categories":["molecule","feedback"],"description":"A message in the page: what happened and what to do.","name":"alert","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Alert","type":"registry:ui"},{"categories":["molecule","feedback"],"description":"A full-width notice in three tones.","name":"banner","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/icon-button.json"],"title":"Banner","type":"registry:ui"},{"categories":["molecule","charts"],"description":"Amounts across categories. More than one series stacks.","name":"bar-chart","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/creance-chart.json"],"title":"BarChart","type":"registry:ui"},{"categories":["molecule","charts"],"description":"A ranking: a name, a bar and a value on every row.","name":"bar-list","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/creance-chart.json"],"title":"BarList","type":"registry:ui"},{"categories":["molecule","navigation"],"description":"Where you are. Long trails fold the middle.","name":"breadcrumbs","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Breadcrumbs","type":"registry:ui"},{"categories":["molecule","media"],"description":"A browser window drawn around a preview.","name":"browser-frame","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"BrowserFrame","type":"registry:ui"},{"categories":["molecule","agent"],"description":"Spend against a limit. It warns at 80% and flags going over.","name":"budget-meter","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/progress-bar.json"],"title":"BudgetMeter","type":"registry:ui"},{"categories":["molecule","forms"],"description":"A day or a range. Arrow keys move by day, Page Up and Down by month.","name":"calendar","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Calendar","type":"registry:ui"},{"categories":["molecule","data-display"],"description":"A glass tile for grouping related content.","name":"card","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Card","type":"registry:ui"},{"categories":["molecule","forms"],"description":"Card-sized options for a choice that needs a sentence each.","name":"choicebox","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Choicebox","type":"registry:ui"},{"categories":["molecule","forms"],"description":"A text field with a clear button that puts focus back in the field.","name":"clearable-input","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/input.json"],"title":"ClearableInput","type":"registry:ui"},{"categories":["molecule","navigation"],"dependencies":["@radix-ui/react-accordion@^1.2.21"],"description":"Sections that open and close.","name":"collapse","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Collapse","type":"registry:ui"},{"categories":["molecule","forms"],"description":"Type to filter and pick one. Arrow keys move, Enter picks, Escape closes.","name":"combobox","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/input.json"],"title":"Combobox","type":"registry:ui"},{"categories":["molecule","navigation"],"dependencies":["@radix-ui/react-dialog@^1.2.0"],"description":"Search everything and act from the keyboard. Press ⌘K or Ctrl+K to see it in use: the search on this site is a CommandMenu.","name":"command-menu","registryDependencies":["https://creance.pages.dev/r/combobox.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/dialog.json","https://creance.pages.dev/r/kbd.json","https://creance.pages.dev/r/menu.json"],"title":"CommandMenu","type":"registry:ui"},{"categories":["molecule","agent"],"description":"How sure the agent is: a range in words with reasons, never a percentage.","name":"confidence-meter","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"ConfidenceMeter","type":"registry:ui"},{"categories":["molecule","overlays"],"dependencies":["@radix-ui/react-popover@^1.2.0"],"description":"A preview on hover or keyboard focus. Focus never moves into it.","name":"context-card","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/menu.json"],"title":"ContextCard","type":"registry:ui"},{"categories":["molecule","navigation"],"dependencies":["@radix-ui/react-context-menu@^2.3.8"],"description":"Opens on right-click, long-press, or Shift+F10.","name":"context-menu","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/menu.json"],"title":"ContextMenu","type":"registry:ui"},{"categories":["molecule","actions"],"description":"Copies text, shows a check for two seconds, and tells screen readers.","name":"copy-button","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/icon-button.json"],"title":"CopyButton","type":"registry:ui"},{"categories":["molecule","data-display"],"description":"Terms and their values.","name":"description","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Description","type":"registry:ui"},{"categories":["molecule","overlays"],"dependencies":["@radix-ui/react-dialog@^1.2.0"],"description":"For actions that cannot be undone. The red button stays off until the name is typed.","name":"destructive-action-modal","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/dialog.json","https://creance.pages.dev/r/input.json"],"title":"DestructiveActionModal","type":"registry:ui"},{"categories":["molecule","overlays"],"dependencies":["@radix-ui/react-dialog@^1.2.0"],"description":"A question over a dimmed page. It traps focus and returns it when closed.","name":"dialog","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Dialog","type":"registry:ui"},{"categories":["molecule","agent"],"description":"One line of a diff, with line numbers and screen-reader text.","name":"diff-line","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"DiffLine","type":"registry:ui"},{"categories":["molecule","charts"],"description":"Parts of a whole, with each slice’s value and share in the legend.","name":"donut-chart","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/creance-chart.json"],"title":"DonutChart","type":"registry:ui"},{"categories":["molecule","navigation"],"description":"A \"…\" button with secondary actions for one row.","name":"dots-menu","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/icon-button.json","https://creance.pages.dev/r/menu.json"],"title":"DotsMenu","type":"registry:ui"},{"categories":["molecule","data-display"],"description":"An empty list as an invitation to act.","name":"empty-state","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"EmptyState","type":"registry:ui"},{"categories":["molecule","data-display"],"description":"An agent or a person as a row.","name":"entity","registryDependencies":["https://creance.pages.dev/r/avatar.json","https://creance.pages.dev/r/creance-base.json"],"title":"Entity","type":"registry:ui"},{"categories":["molecule","feedback"],"description":"A failure that needs a decision: what broke, the error, and what you can do.","name":"error-card","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"ErrorCard","type":"registry:ui"},{"categories":["molecule","forms"],"description":"Thumbs up or down, then an optional comment.","name":"feedback","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/textarea.json"],"title":"Feedback","type":"registry:ui"},{"categories":["molecule","forms"],"description":"A label, a control, and the hint or error that describes it, wired for screen readers.","name":"field","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Field","type":"registry:ui"},{"categories":["molecule","data-display"],"description":"Files and folders with change markers. Arrow keys walk the tree.","name":"file-tree","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"FileTree","type":"registry:ui"},{"categories":["molecule","navigation"],"description":"The end of a page: brand, groups of links, and a line for copyright.","name":"footer","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Footer","type":"registry:ui"},{"categories":["molecule","data-display"],"description":"JSON as a tree you can fold.","name":"json-view","registryDependencies":["https://creance.pages.dev/r/copy-button.json","https://creance.pages.dev/r/creance-base.json"],"title":"JsonView","type":"registry:ui"},{"categories":["molecule","agent"],"description":"A shortcut and what it does.","name":"keyboard-hint","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/kbd.json"],"title":"KeyboardHint","type":"registry:ui"},{"categories":["molecule","charts"],"description":"A trend over time. Point at it, or focus it and press the arrow keys.","name":"line-chart","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/creance-chart.json"],"title":"LineChart","type":"registry:ui"},{"categories":["molecule","actions"],"description":"A full-width button under a list that says when it is loading.","name":"load-more-button","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/spinner.json"],"title":"LoadMoreButton","type":"registry:ui"},{"categories":["molecule","navigation"],"dependencies":["@radix-ui/react-dropdown-menu@^2.1.25"],"description":"Actions behind a button. Put destructive ones last, after a separator.","name":"menu","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Menu","type":"registry:ui"},{"categories":["molecule","chat"],"description":"One turn. Yours sit right in a tile; the agent’s are plain text under its name.","name":"message","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/loading-dots.json"],"title":"Message","type":"registry:ui"},{"categories":["molecule","chat"],"description":"A scrolling column that follows new messages until you scroll up.","name":"message-list","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json"],"title":"MessageList","type":"registry:ui"},{"categories":["molecule","chat"],"dependencies":["@radix-ui/react-dropdown-menu@^2.1.25"],"description":"Chooses which model answers.","name":"model-picker","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/menu.json"],"title":"ModelPicker","type":"registry:ui"},{"categories":["molecule","forms"],"description":"Pick several. Picks become chips; Backspace removes the last one.","name":"multi-select","registryDependencies":["https://creance.pages.dev/r/combobox.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/input.json"],"title":"MultiSelect","type":"registry:ui"},{"categories":["molecule","navigation"],"description":"The bar across the top. When it gets narrow, the links move into a menu.","name":"navbar","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Navbar","type":"registry:ui"},{"categories":["molecule","navigation"],"description":"Page numbers, or a compact previous and next.","name":"pagination","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Pagination","type":"registry:ui"},{"categories":["molecule","media"],"description":"A phone drawn around content, to show a component at phone size.","name":"phone-frame","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"PhoneFrame","type":"registry:ui"},{"categories":["molecule","feedback"],"description":"A project-wide notice with one action.","name":"project-banner","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/progress-bar.json"],"title":"ProjectBanner","type":"registry:ui"},{"categories":["molecule","chat"],"description":"Where you write to an agent. Enter sends; Send becomes Stop while it works.","name":"prompt-input","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"PromptInput","type":"registry:ui"},{"categories":["molecule","forms"],"description":"One choice from a short list.","name":"radio-group","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/radio.json"],"title":"RadioGroup","type":"registry:ui"},{"categories":["molecule","chat"],"description":"The agent’s thinking, folded away behind how long it took.","name":"reasoning","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Reasoning","type":"registry:ui"},{"categories":["molecule","overlays"],"description":"\"2 hours ago\", with the exact local and UTC time on hover or focus.","name":"relative-time-card","registryDependencies":["https://creance.pages.dev/r/context-card.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/description.json"],"title":"RelativeTimeCard","type":"registry:ui"},{"categories":["molecule","agent"],"description":"How risky an action is, in words.","name":"risk-label","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"RiskLabel","type":"registry:ui"},{"categories":["molecule","navigation"],"description":"A horizontal strip that fades where there is more.","name":"scroller","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Scroller","type":"registry:ui"},{"categories":["molecule","forms"],"description":"A search field with a shortcut hint, a spinner and a clear button.","name":"search-input","registryDependencies":["https://creance.pages.dev/r/clearable-input.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/kbd.json","https://creance.pages.dev/r/spinner.json"],"title":"SearchInput","type":"registry:ui"},{"categories":["molecule","overlays"],"dependencies":["@radix-ui/react-dialog@^1.2.0"],"description":"A panel that slides in from an edge.","name":"sheet","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/dialog.json","https://creance.pages.dev/r/icon-button.json"],"title":"Sheet","type":"registry:ui"},{"categories":["molecule","actions"],"description":"Long content cut to a few lines, with a button to show the rest.","name":"show-more","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"ShowMore","type":"registry:ui"},{"categories":["molecule","navigation"],"description":"Links down the side, in groups. Collapses to icons that keep their names.","name":"sidebar","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/icon-button.json","https://creance.pages.dev/r/tooltip.json"],"title":"Sidebar","type":"registry:ui"},{"categories":["molecule","forms"],"dependencies":["@radix-ui/react-slider@^1.5.0"],"description":"One value, a range, or steps, read out in words.","name":"slider","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Slider","type":"registry:ui"},{"categories":["molecule","data-display"],"description":"Shell commands with a copy button. The prompt sign is never copied.","name":"snippet","registryDependencies":["https://creance.pages.dev/r/copy-button.json","https://creance.pages.dev/r/creance-base.json"],"title":"Snippet","type":"registry:ui"},{"categories":["molecule","chat"],"description":"What an answer is based on, with numbered markers in the text.","name":"sources","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Sources","type":"registry:ui"},{"categories":["molecule","actions"],"description":"The common action, with alternatives in a menu.","name":"split-button","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/menu.json"],"title":"SplitButton","type":"registry:ui"},{"categories":["molecule","charts"],"description":"One number, what it is, and how it moved.","name":"stat-card","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"StatCard","type":"registry:ui"},{"categories":["molecule","agent"],"description":"A status with a running clock.","name":"status-badge","registryDependencies":["https://creance.pages.dev/r/badge.json","https://creance.pages.dev/r/creance-base.json"],"title":"StatusBadge","type":"registry:ui"},{"categories":["molecule","navigation"],"description":"Where someone is in a fixed sequence. Each status has a shape and a spoken label.","name":"steps","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Steps","type":"registry:ui"},{"categories":["molecule","chat"],"description":"Starting points above the input. Choosing one sends it.","name":"suggestions","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json"],"title":"Suggestions","type":"registry:ui"},{"categories":["molecule","data-display"],"description":"Sortable columns, row selection with Shift-click ranges, and bulk actions.","name":"table","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Table","type":"registry:ui"},{"categories":["molecule","navigation"],"dependencies":["@radix-ui/react-tabs@^1.1.22"],"description":"A segmented control and its panels. Arrow keys move between tabs.","name":"tabs","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Tabs","type":"registry:ui"},{"categories":["molecule","actions"],"description":"Text with a copy button beside it.","name":"text-with-copy","registryDependencies":["https://creance.pages.dev/r/copy-button.json","https://creance.pages.dev/r/creance-base.json"],"title":"TextWithCopy","type":"registry:ui"},{"categories":["molecule","forms"],"description":"Light, dark or match the system. This one really switches this page, starting from its current theme.","name":"theme-switcher","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"ThemeSwitcher","type":"registry:ui"},{"categories":["molecule","overlays"],"dependencies":["@radix-ui/react-toast@^1.2.24"],"description":"A short message that rises from the bottom. Call toast() from anywhere.","name":"toast","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Toast","type":"registry:ui"},{"categories":["molecule","actions"],"dependencies":["@radix-ui/react-toggle-group@^1.1.20"],"description":"A segmented control: pick one, or any.","name":"toggle-group","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/toggle.json"],"title":"ToggleGroup","type":"registry:ui"},{"categories":["molecule","agent"],"description":"Names a tool call and shows its state and attempt.","name":"tool-call-header","registryDependencies":["https://creance.pages.dev/r/badge.json","https://creance.pages.dev/r/code.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/status-badge.json"],"title":"ToolCallHeader","type":"registry:ui"},{"categories":["molecule","media"],"description":"A player with glass controls. It starts muted and never autoplays.","name":"video","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"Video","type":"registry:ui"},{"categories":["organism","agent"],"description":"The point where the agent hands control back: outcome, summary, next actions.","name":"agent-handoff-banner","registryDependencies":["https://creance.pages.dev/r/avatar.json","https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json"],"title":"AgentHandoffBanner","type":"registry:ui"},{"categories":["organism","agent"],"description":"One specific action to allow or deny. A, Shift+A and D work while focus is inside it.","name":"approval-prompt","registryDependencies":["https://creance.pages.dev/r/badge.json","https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/code.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/keyboard-hint.json","https://creance.pages.dev/r/risk-label.json"],"title":"ApprovalPrompt","type":"registry:ui"},{"categories":["organism","chat"],"description":"A whole conversation with an agent: messages, suggestions and the input. Type something to try it.","name":"chat","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/message.json","https://creance.pages.dev/r/message-list.json","https://creance.pages.dev/r/prompt-input.json","https://creance.pages.dev/r/reasoning.json","https://creance.pages.dev/r/sources.json","https://creance.pages.dev/r/suggestions.json"],"title":"Chat","type":"registry:ui"},{"categories":["organism","agent"],"description":"Pick a point to roll back to and see what it undoes before confirming.","name":"checkpoint-rewind","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json"],"title":"CheckpointRewind","type":"registry:ui"},{"categories":["organism","agent"],"description":"A decision per hunk before anything lands. J and K move, Y and N decide.","name":"diff-review","registryDependencies":["https://creance.pages.dev/r/badge.json","https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/code.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/diff-line.json","https://creance.pages.dev/r/keyboard-hint.json"],"title":"DiffReview","type":"registry:ui"},{"categories":["organism","agent"],"description":"Many agents at once, as birds on lines back to you. The one that needs you flies in on a taut line.","name":"fleet-sky","registryDependencies":["https://creance.pages.dev/r/badge.json","https://creance.pages.dev/r/creance-base.json"],"title":"FleetSky","type":"registry:ui"},{"categories":["organism","agent"],"description":"Hold for a second to stop the agent. Letting go early does nothing. Space or Enter held does the same.","name":"kill-switch","registryDependencies":["https://creance.pages.dev/r/creance-base.json"],"title":"KillSwitch","type":"registry:ui"},{"categories":["organism","agent"],"description":"Everything blocked on a person, across agents, most urgent first.","name":"needs-you-inbox","registryDependencies":["https://creance.pages.dev/r/avatar.json","https://creance.pages.dev/r/creance-base.json"],"title":"NeedsYouInbox","type":"registry:ui"},{"categories":["organism","agent"],"description":"Everything you said \"Always allow\" to, how often it has been used, and a way to take it back.","name":"permission-ledger","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/table.json"],"title":"PermissionLedger","type":"registry:ui"},{"categories":["organism","agent"],"description":"Reorder, edit, remove and add steps before anything runs. Alt+Up and Alt+Down move a step.","name":"plan-editor","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/icon-button.json","https://creance.pages.dev/r/input.json"],"title":"PlanEditor","type":"registry:ui"},{"categories":["organism","agent"],"description":"When the agent needs information rather than permission.","name":"question-card","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/textarea.json"],"title":"QuestionCard","type":"registry:ui"},{"categories":["organism","agent"],"description":"The run's steps and tool calls. It follows the newest step until you scroll up.","name":"run-timeline","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/code.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/status-badge.json","https://creance.pages.dev/r/tool-call-header.json"],"title":"RunTimeline","type":"registry:ui"},{"categories":["organism","agent"],"description":"One tool call's whole life: input, result, errors and retries.","name":"tool-call-card","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/code.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/spinner.json","https://creance.pages.dev/r/tool-call-header.json"],"title":"ToolCallCard","type":"registry:ui"},{"categories":["template","agent"],"dependencies":["@radix-ui/react-dialog@^1.2.0"],"description":"The run screen. It takes organisms as slots, so your app decides what goes where.","name":"agent-run-layout","registryDependencies":["https://creance.pages.dev/r/avatar.json","https://creance.pages.dev/r/badge.json","https://creance.pages.dev/r/budget-meter.json","https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/icon-button.json","https://creance.pages.dev/r/status-badge.json"],"title":"AgentRunLayout","type":"registry:ui"},{"categories":["template","navigation"],"description":"The frame of an app: sidebar, header, content and an optional aside.","name":"app-shell","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/icon-button.json","https://creance.pages.dev/r/sheet.json"],"title":"AppShell","type":"registry:ui"}]},"interlace ui":{"items":[{"categories":["a11y","starter"],"description":"@interlace/ui — the three a11y primitives + the reduced-motion hook every consumer should install on day one.","name":"a11y-starter","title":"A11y Starter","type":"registry:ui"},{"categories":["foundation","starter"],"description":"@interlace/ui — the six layout primitives that compose every page. One install, the LAYOUT_PHILOSOPHY contract is satisfied.","name":"layout-starter","title":"Layout Starter","type":"registry:ui"},{"categories":["blog","starter"],"description":"@interlace/ui — the components most MDX pipelines need (Callout, Prose, CodeBlock, Tag), wired through a default mdx-components.tsx.","name":"mdx-starter","title":"MDX Starter","type":"registry:ui"},{"categories":["navigation","primitive"],"description":"A disclosure stack: a column of headers whose panels open and close. Wraps @base-ui/react/accordion — Base UI owns the open state (single or multiple), the keyboard model and every piece of the accordion ARIA.","name":"accordion","title":"Accordion","type":"registry:ui"},{"categories":["overlay","primitive"],"description":"A modal confirmation dialog for *destructive or otherwise consequential* actions (\"Delete project\", \"Sign out everywhere\"). Distinct from `Dialog`: the underlying Base UI primitive disables outside-click and Escape-only dismissal so the user MUST…","name":"alert-dialog","title":"Alert Dialog","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"A bordered in-page message with `role=\"alert\"`, an optional leading icon, a title and a description, in two tones (default and destructive).","name":"alert","title":"Alert","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"A single block-level wrapper that reserves space by ratio (CSS `aspect-ratio`) and stretches to the parent's width. Use it as the *frame* for media that arrives async — images, video, embeds, charts — so the surrounding layout never shifts…","name":"aspect-ratio","title":"Aspect Ratio","type":"registry:ui"},{"categories":["data","primitive"],"description":"A circular image with a text fallback. Wraps @base-ui/react/avatar: Base UI owns the image load/error state machine that decides when the fallback shows, and we own the surface.","name":"avatar","title":"Avatar","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"A small pill for a status, a count, a label or a tag. Renders a `<span>` by default, or whatever Base UI's `render` prop is given, so the same badge can be an anchor without losing its shape.","name":"badge","title":"Badge","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"The lowest-altitude layout primitive: surface + box-model on one element. Mirrors MUI `<Box>` (a polymorphic, unopinionated wrapper) minus the `sx` CSS-in-JS prop — Interlace uses a curated, tokenized cva variant set instead, so it cannot reopen the…","name":"box","title":"Box","type":"registry:ui"},{"categories":["navigation","primitive"],"description":"A server-rendered, semantically-tagged trail of ancestor links. The compositional API mirrors the shadcn surface so consumers swap drop-in, and `BreadcrumbLink` keeps a server-safe `asChild` seam (`React.cloneElement`, NOT Base UI `useRender`) so the whole…","name":"breadcrumb","title":"Breadcrumb","type":"registry:ui"},{"categories":["form","primitive"],"description":"The cva variant map that `button.tsx` imports — variant × size class strings and nothing else. Pure CVA: no React, no client APIs, so a server component can style a plain `<a>` with `buttonVariants({ variant, size })`.","name":"button-variants","title":"Button Variants","type":"registry:ui"},{"categories":["form","primitive"],"description":"The minimal-surface counterpart to [dialog.tsx](./dialog.tsx). Where Dialog exercises compound composition + portal + focus, Button exercises the variant + render-prop polymorphism + native-event passthrough surface.","name":"button","title":"Button","type":"registry:ui"},{"categories":["blog","primitive"],"description":"Inline-prose annotation. The \"stop and read this\" surface that punctuates long-form content (docs, MDX, READMEs). Distinct from `Alert` — Alert is an out-of-band runtime banner (\"your save failed\"), Callout is an in-band authored aside (\"note: this rule is…","name":"callout","title":"Callout","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"A bordered, rounded content surface with header / title / description / action / content / footer parts. The surface, radius and border come from `Box`; the card owns only its column layout, its padding and its shadow.","name":"card","title":"Card","type":"registry:ui"},{"categories":["form","primitive"],"description":"Tri-state boolean form control (checked / unchecked / indeterminate). Built on @base-ui/react/checkbox: Base UI owns `role=\"checkbox\"`, `aria-checked=\"mixed\"`, Space activation, and the controlled/uncontrolled pair (`checked` + `onCheckedChange` /…","name":"checkbox","title":"Checkbox","type":"registry:ui"},{"categories":["blog","primitive"],"description":"Fenced code block with a title bar (title left, language tag + copy button right). The copy action shells out to `navigator.clipboard.writeText` and flips an inline \"Copied!\" affordance for 1.5s — the only piece of state this primitive owns. Everything…","name":"code-block","title":"Code Block","type":"registry:ui"},{"categories":["blog","primitive"],"description":"CodeEditor — an editable code surface whose visual layer is DIAGNOSTICS, not syntax colour.","name":"code-editor","title":"Code Editor","type":"registry:ui"},{"categories":["navigation","primitive"],"description":"A single open/close disclosure surface. Wraps Base UI's `Collapsible.Root`, `Collapsible.Trigger`, `Collapsible.Panel` so consumers get the controlled / uncontrolled state machine, ARIA wiring (`aria-controls`, `aria-expanded`, `id`), keyboard semantics…","name":"collapsible","title":"Collapsible","type":"registry:ui"},{"categories":["form","primitive"],"description":"A text input that filters a list. Built on `@base-ui/react/combobox`: Base UI owns the filtering (`Intl.Collator`-backed `useFilter`), the combobox/listbox ARIA pairing, VIRTUAL focus (the input keeps DOM focus and `aria-activedescendant` moves), single +…","name":"combobox","title":"Combobox","type":"registry:ui"},{"categories":["overlay","primitive"],"description":"⌘K. A modal surface holding one filterable list of actions.","name":"command-palette","title":"Command Palette","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"The width contract from LAYOUT_PHILOSOPHY.md §2: four sizes only, each mapped to one fixed max-width, plus the responsive horizontal padding scale `px-4 sm:px-6 lg:px-8` (§5).","name":"container","title":"Container","type":"registry:ui"},{"categories":["overlay","primitive"],"description":"Right-click / long-press menu. Wraps `@base-ui/react/context-menu` (same Menu compositional API as DropdownMenu, just with a Root that handles right-click / long-press / Shift+F10 as the open gesture).","name":"context-menu","title":"Context Menu","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"Nothing in this file imports React, touches the DOM, or renders anything. It is the part of the absence contract that can be *proved* — the union, the precedence order, the announcement each state owes a screen reader, and the class set that paints it — so…","name":"data-state-model","title":"Data State Model","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"The single conditional swap point for a data surface, and the place the design system says what an ABSENCE is.","name":"data-state","title":"Data State","type":"registry:ui"},{"categories":["overlay","primitive"],"description":"A MODAL dialog: it traps focus, dismisses on Escape and on an outside click, marks the rest of the page inert while open, and restores focus to the trigger on close. Base UI owns all of that, which is exactly why this file never says so anywhere else — and…","name":"dialog","title":"Dialog","type":"registry:ui"},{"categories":["overlay","primitive"],"description":"A button-triggered command menu — items, checkbox and radio items, submenus, plus a `Compose` array shorthand. Wraps @base-ui/react/menu: Base UI owns open state, positioning, focus and typeahead; we own the popup and the rows.","name":"dropdown-menu","title":"Dropdown Menu","type":"registry:ui"},{"categories":["a11y","primitive"],"description":"A `<span>` that paints the DS focus ring when anything inside it takes focus — `focus-within` on the wrapper, not `focus-visible` on the child.","name":"focus-ring","title":"Focus Ring","type":"registry:ui"},{"categories":["form","primitive"],"description":"A composition primitive over `@base-ui/react/field`. The form ecosystem owns a long tail of subtle a11y wiring — label/control association via generated ids, `aria-describedby` for description + error, `aria-invalid` flipping on validity, focus management…","name":"form","title":"Form","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"Visual grade pill — A+ / A / A- / B+ / B / … / F. The atomic surface for scorecard pages: a single chip that announces a tier without making the reader compute. Five tones (excellent/good/fair/poor/fail) map onto the 13-grade ladder so the colour story…","name":"grade-badge","title":"Grade Badge","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"The 2-D sibling of Stack: a thin, token-bound CSS-grid primitive, not a grid framework. `<Grid>` sets the column track and gap on the foundation `--spacing` scale; `<GridItem>` spans columns, responsively. Two FLAT components rather than one with a `kind…","name":"grid","title":"Grid","type":"registry:ui"},{"categories":["overlay","primitive"],"description":"A rich, non-modal overlay that opens on pointer-hover (and keyboard focus) of its trigger, used to preview the *contents* of a target — author cards, repo cards, link previews. Distinct from `Tooltip` (short, one-line, no interactive content) and `Popover`…","name":"hover-card","title":"Hover Card","type":"registry:ui"},{"categories":["form","primitive"],"description":"Single-line text input. A pure surface primitive with no controlled-state machinery: the native `<input>` already owns selection, IME, undo/redo and `onChange`, so we add structure (surface, border, focus + invalid rings) without wrapping a single native…","name":"input","title":"Input","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"Form-control label. No headless dep — Base UI's `Field.Label` is the forms-aware variant (see `form.tsx`); this is the lower-level shadcn-canon label for controls that own their own id wiring. Server component. Mirrors…","name":"label","title":"Label","type":"registry:ui"},{"categories":["decorative","primitive"],"description":"Aceternity-style falling-meteor effect with per-meteor variety: viewport- distributed origins (some above the fold), trail lengths randomized between 50–140px, opacities 0.45–1.0, durations 3–9s. The variety is the difference between \"meteors\" and \"looks…","name":"meteors","title":"Meteors","type":"registry:ui"},{"categories":["data","primitive"],"description":"The maths behind `Meter` and `RankedBarList`. No React, no DOM — the same split `charts/scale.ts` makes, and for the same reason: a bar that draws a beautiful wrong length is worse than one that fails to render, and the length is the part that can be…","name":"meter-scale","title":"Meter Scale","type":"registry:ui"},{"categories":["data","primitive"],"description":"ONE inline bar, absorbing three that were hand-rolled separately across the phase-10 corpus: an odds bar, a score meter and a reviewer bar. They differed in tone and in what the denominator meant; they did not differ in anything that justified three…","name":"meter","title":"Meter","type":"registry:ui"},{"categories":["form","primitive"],"description":"A numeric input with increment/decrement controls and built-in scrubbing. Wraps @base-ui/react/number-field. Re-exports the compositional parts (Root, Group, Increment, Input, Decrement, ScrubArea) under DS-styled wrappers without owning state.","name":"number-field","title":"Number Field","type":"registry:ui"},{"categories":["navigation","primitive"],"description":"The page-navigation bar: a `<nav aria-label=\"pagination\">` of anchor links with previous / next / ellipsis parts. It is presentation only — it computes no page numbers and knows no total.","name":"pagination","title":"Pagination","type":"registry:ui"},{"categories":["overlay","primitive"],"description":"A non-modal floating panel anchored to its trigger. It dismisses on Escape and on an outside click and returns focus to the trigger, but it does NOT trap focus or make the page inert.","name":"popover","title":"Popover","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"Determinate progress indicator. Wraps the Base UI `Progress` compound — Root, Track, Indicator, Label, Value — and re-exports DS-styled parts that consume theme tokens (no raw px, no hex). The Track defines the rail height (`size`); the Indicator carries…","name":"progress","title":"Progress","type":"registry:ui"},{"categories":["blog","primitive"],"description":"The article-body wrapper. Renders an `<article>` whose descendants (`h1`–`h6`, `p`, `a`, `ul`/`ol`/`li`, `blockquote`, `code`/`pre`, `table`, `img`) get DS-token-mapped typography without per-element class gymnastics in the consumer. Think MDX-target…","name":"prose","title":"Prose","type":"registry:ui"},{"categories":["blog","primitive"],"description":"Article publish-date stamp. A pure surface primitive that renders a semantic `<time dateTime={iso}>` with a human-readable label produced by `Intl.DateTimeFormat` at render time. The native element owns the machine value (the `dateTime` attribute is what…","name":"published-date","title":"Published Date","type":"registry:ui"},{"categories":["form","primitive"],"description":"Single-select control over 2+ mutually exclusive options. Built on @base-ui/react/radio-group + /radio: Base UI owns `role=\"radiogroup\"`, roving-tabindex arrow navigation, and the controlled/uncontrolled pair (`value` + `onValueChange` / `defaultValue`).…","name":"radio-group","title":"Radio Group","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"ReadingStrand — reading progress as the brand's draw verb: a single strand-a line at the top of the viewport that draws itself as the reader moves through the piece. BRAND_PHILOSOPHY: one strand, drawn — never faded.","name":"reading-strand","title":"Reading Strand","type":"registry:ui"},{"categories":["blog","primitive"],"description":"A compact \"N min read\" badge for article headers, blog cards and docs index rows. It renders an inline `<span>`, so it sits beside a date or a tag row without imposing block layout.","name":"reading-time","title":"Reading Time","type":"registry:ui"},{"categories":["data","primitive"],"description":"A scrollable region with a styled overlay scrollbar in place of the platform one. Wraps @base-ui/react/scroll-area: Base UI owns overflow detection and thumb geometry; we own the track, the thumb colour and the focus ring.","name":"scroll-area","title":"Scroll Area","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"The \"stream per section\" primitive. Fuses React Suspense + a class-based ErrorBoundary into one component so a template can render section-by-section with per-section skeleton + per-section error fallback. The page paints whatever's ready; slow / failed…","name":"section-boundary","title":"Section Boundary","type":"registry:ui"},{"categories":["navigation","primitive"],"description":"SectionIndex — the numbered eyebrow: a zero-padded mono numeral in the AAA brand orange beside an uppercase tracked label. The page's sections become a legible sequence (\"01 THE AGENDA … 04 THE PROOF\"), telling readers there is an order and where they…","name":"section-index","title":"Section Index","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"The page's rhythm unit, from LAYOUT_PHILOSOPHY.md §7-8: one band that owns its vertical padding, its background tone, its transition dividers and the `<Container>` that measures its children.","name":"section","title":"Section","type":"registry:ui"},{"categories":["form","primitive"],"description":"Single-select listbox with a portalled popup. Built on @base-ui/react/select: Base UI owns `role=\"combobox\"` / `role=\"listbox\"`, typeahead, arrow + Home/End navigation, focus return on close, and the controlled/uncontrolled pair (`value` + `onValueChange`…","name":"select","title":"Select","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"A one-pixel rule between blocks of content, horizontal or vertical. Wraps @base-ui/react/separator, which owns the `role` and `aria-orientation` semantics; this file owns exactly two things — the `bg-border` colour and the axis geometry.","name":"separator","title":"Separator","type":"registry:ui"},{"categories":["overlay","primitive"],"description":"A modal panel anchored to one edge of the viewport — a nav drawer, a filter panel, a settings pane. Base UI's Dialog owns the open state, the focus trap, page inerting, Escape and outside-press dismissal; we own the scrim, the slide and the side geometry.","name":"sheet","title":"Sheet","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"Single source of truth for the `<Skeleton variant>` discriminated union. Every entry maps to a Tailwind shape class set that paints a placeholder matching the corresponding primitive / pattern / template.","name":"skeleton-variants","title":"Skeleton Variants","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"Loading-state placeholder. ONE component, many shapes — the `variant` prop picks the silhouette of the resting component being loaded so the page layout doesn't jump when real data arrives.","name":"skeleton","title":"Skeleton","type":"registry:ui"},{"categories":["a11y","primitive"],"description":"The \"jump to main content\" link that satisfies WCAG 2.4.1 (Bypass Blocks): an `sr-only` anchor that pops into the top-left corner the moment it takes focus, letting a keyboard user step past the header and nav in one Tab.","name":"skip-link","title":"Skip Link","type":"registry:ui"},{"categories":["form","primitive"],"description":"Range / value-picker primitive on top of @base-ui/react/slider. Compositional API: Slider.Root + Track + Indicator + Thumb. Re-exports the DS-styled surface (rail, fill, thumb) without owning state — Base UI handles keyboard (Arrow / Home / End / PageUp /…","name":"slider","title":"Slider","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"Flex layout whose gap comes from the DS six-step spacing scale, not from a number at the call site (LAYOUT_PHILOSOPHY.md §3). `Stack` stacks children vertically; `Cluster` is the horizontal, wrapping form for chip, tag and button rows.","name":"stack","title":"Stack","type":"registry:ui"},{"categories":["data","primitive"],"description":"The measurement strip: a dense row of labelled numbers, each with an optional note and an optional change. It appeared in **all six** of the artifacts catalogued for phase 10, hand-rolled four separate times, and it is the smallest surface where the…","name":"stat-strip","title":"Stat Strip","type":"registry:ui"},{"categories":["form","primitive"],"description":"Binary on/off control with immediate effect (no submit step) — the distinction from Checkbox, which collects a value for a form. Built on @base-ui/react/switch: Base UI owns `role=\"switch\"`, `aria-checked`, Space/Enter activation and the…","name":"switch","title":"Switch","type":"registry:ui"},{"categories":["navigation","primitive"],"description":"A tab bar and its panels. Wraps @base-ui/react/tabs: Base UI owns which tab is selected, arrow-key roving focus and the tablist/tab/tabpanel ARIA; we own the muted pill list and the raised face of the selected tab.","name":"tabs","title":"Tabs","type":"registry:ui"},{"categories":["blog","primitive"],"description":"A tiny inline anchor used to surface taxonomy (rule categories, plugin tags, article topics). Two exports because tag chips almost always appear in a wrapping cluster — `TagList` ships the canonical `<ul>`-of-`<li>` semantics so consumers don't reinvent…","name":"tag","title":"Tag","type":"registry:ui"},{"categories":["form","primitive"],"description":"Multi-line text input. A pure surface primitive with no controlled-state machinery: the native `<textarea>` already owns selection, IME, undo/redo, `onChange` etc., so we add structure (size + tone) without wrapping a single native behaviour. Server…","name":"textarea","title":"Textarea","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"The UI half of the two-axis theme contract (`styles/index.css`, `src/lib/use-theme.ts`). Two controls, because the two axes are genuinely different questions and a single control that tries to serve both ends up as a four-item list called \"Light / Dark /…","name":"theme-switcher","title":"Theme Switcher","type":"registry:ui"},{"categories":["feedback","primitive"],"description":"Transient, portal-mounted notification. Wraps `@base-ui/react/toast` (Provider, Portal, Viewport, Root, Title, Description, Close) and overlays the Interlace tone system on top — four semantic tones (`info`, `success`, `warning`, `danger`) that each render…","name":"toast","title":"Toast","type":"registry:ui"},{"categories":["blog","primitive"],"description":"The in-page Table of Contents. Long-form pages (docs, MDX articles, rule reference) need a persistent navigation rail that mirrors the heading outline so a reader can both orient themselves and jump. On wide viewports this lives in a right-hand rail…","name":"toc","title":"Toc","type":"registry:ui"},{"categories":["form","primitive"],"description":"A two-state button (pressed / not-pressed) and a grouped form thereof (mutually-exclusive or multi-select). Wraps @base-ui/react/toggle and @base-ui/react/toggle-group; we own the surface (size, variant, focus ring) and Base UI owns the pressed-state…","name":"toggle","title":"Toggle","type":"registry:ui"},{"categories":["overlay","primitive"],"description":"A short label that appears beside its trigger on hover or on keyboard focus. Wraps @base-ui/react/tooltip and adds the one thing Base UI 1.6 does not emit: the `role=\"tooltip\"` / `aria-describedby` pair.","name":"tooltip","title":"Tooltip","type":"registry:ui"},{"categories":["foundation","primitive"],"description":"One component renders every row of the type scale (h1–h6, body, long-form, UI, caption, code) through a single `variant`, plus an orthogonal semantic `tone`. The reading-vs-UI distinction (TYPOGRAPHY_PHILOSOPHY \"Reading mode vs UI mode\") is encoded in the…","name":"typography","title":"Typography","type":"registry:ui"},{"categories":["a11y","primitive"],"description":"A `<span>` that is invisible on screen but still read by assistive tech — the component form of the `sr-only` utility.","name":"visually-hidden","title":"Visually Hidden","type":"registry:ui"},{"categories":["decorative","effect"],"description":"Gradient-filled text: a `bg-clip-text text-transparent` span whose three-stop linear gradient slides horizontally on a loop. Built for a short eyebrow, badge or headline fragment — never a paragraph, since the text has no solid fill to fall back to.","name":"animated-gradient-text","title":"Animated Gradient Text","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A tiled SVG grid where a handful of cells softly pulse in and out, then teleport to a new random cell on each cycle — a \"breathing\" graph-paper backdrop for heroes and section bands. Re-authored from the MagicUI pattern to the Interlace component floor.","name":"animated-grid-pattern","title":"Animated Grid Pattern","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A feed that reveals its children one at a time, newest on top, each entry springing in from `scale: 0`. One more appears every `delay` ms (1000 by default) until the list is full, then it stops — or restarts, with `loop`.","name":"animated-list","title":"Animated List","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A single gradient square that travels around the inside edge of its parent, drawn with `offset-path` and a two-layer CSS mask so only the border ring shows. Drop it inside any `relative`, rounded container to give that container a moving outline.","name":"border-beam","title":"Border Beam","type":"registry:ui"},{"categories":["decorative","effect"],"description":"An infinitely scrolling strip: it renders its children `repeat` times side by side (or stacked, with `vertical`) inside an `overflow-hidden` track and translates each copy by its own width plus the gap, so the row reads as continuous.","name":"marquee","title":"Marquee","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A count-up number that starts when it scrolls into view and eases to `value`. It does nothing by default: `startValue` defaults to `value`, so you get an honest static number — and an honest SSR render — until you pass a lower one to opt into the count.","name":"number-ticker","title":"Number Ticker","type":"registry:ui"},{"categories":["decorative","effect"],"description":"An ambient `<canvas>` particle field for hero and section backdrops: `quantity` dots (100 by default) drifting on their own velocities, fading in near the middle and out near the edges, respawned whenever one leaves the box.","name":"particles","title":"Particles","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A dark pill CTA with a conic-gradient spark that sweeps around its edge: a rotating cone inside a sliding container, masked by an inset panel that redraws the fill and leaves only the rim glowing.","name":"shimmer-button","title":"Shimmer Button","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A hero surface where thin vertical beams fall from the top and burst into a ten-particle explosion when they reach the strip along the bottom. Your children render above them on a `z-10` layer.","name":"background-beams-with-collision","title":"Background Beams With Collision","type":"registry:ui"},{"categories":["decorative","effect"],"description":"The \"lava lamp\" surface: five radial-gradient blobs orbiting behind an SVG goo filter and a 40px blur, over a two-stop gradient backdrop, plus a sixth blob that eases toward the pointer.","name":"background-gradient-animation","title":"Background Gradient Animation","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A full-bleed backdrop of twelve long, sweeping SVG curves that draw themselves in and fade out on a loop, each staggered by a fixed delay so the field never pulses in unison.","name":"background-lines","title":"Background Lines","type":"registry:ui"},{"categories":["decorative","effect"],"description":"Volumetric drifting clouds as a decorative backdrop. Each cloud is a radial-gradient ellipse pushed through a five-pass SVG turbulence filter — body, cool underside, soft shadow, deep shadow — and translated across `130vw`.","name":"cloud-particles","title":"Cloud Particles","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A headline word that flips through a list. Each replacement enters letter-by-letter out of an 8px blur while the outgoing one drifts up, blurs and scales away.","name":"flip-words","title":"Flip Words","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A grid that spotlights one card at a time: pointing at or keyboard-focusing a card keeps it sharp while every sibling dims and blurs. Real list semantics — `ul` › `li` › `article` — and a controlled or uncontrolled active index.","name":"focus-cards","title":"Focus Cards","type":"registry:ui"},{"categories":["decorative","effect"],"description":"The soft, angled glow that fades in behind hero copy: one rotated ellipse under a 151-unit Gaussian blur, absolutely positioned and sized as a percentage of its container. `fill` defaults to `currentColor`, so a text-colour class on the parent tints it.","name":"spotlight","title":"Spotlight","type":"registry:ui"},{"categories":["decorative","effect"],"description":"Three night-sky layers you stack behind hero content: `StarsBackground`, a canvas of density-seeded twinkling stars; `ShootingStars`, one SVG streak at a time; and `Meteors`, CSS-animated tails falling at a fixed 215°.","name":"stars-background","title":"Stars Background","type":"registry:ui"},{"categories":["decorative","effect"],"description":"A daylight sky you drop behind hero or section content: a two-stop sky gradient with a haze wash, a sun disc (corona → glow → overexposed core → slowly rotating conic rays → four lens flares), a golden-hour horizon band and a depth vignette.","name":"sunny-background","title":"Sunny Background","type":"registry:ui"},{"categories":["blog","pattern"],"description":"Two article tiles that share one focusable-anchor shell: `ArticleCard`, the stacked grid tile with the cover on top, and `FeaturedArticleCard`, the full-bleed hero whose copy sits on a gradient scrim over the image. Both read the same props.","name":"article-card","title":"Article Card","type":"registry:ui"},{"categories":["blog","pattern"],"description":"Grid of ArticleCards with an optional featured slot above. The pattern blog index pages reach for: one big featured card (overlay variant) above N tiles. Composes RelatedPosts-style streaming with proper loading + empty states.","name":"article-list-grid","title":"Article List Grid","type":"registry:ui"},{"categories":["blog","pattern"],"description":"The \"who wrote this + when + how long it takes to read\" adornment that sits directly under an article H1. Pure surface composition over existing primitives — Avatar (large) on the left, a vertical Stack on the right with author name (UI semibold), optional…","name":"author-byline","title":"Author Byline","type":"registry:ui"},{"categories":["foundation","pattern"],"description":"The locked two-bar Interlace mark plus the lowercase monospace wordmark \"interlace\". This is the SAME lockup eslint.interlace.tools ships in its top nav — one component so every *.interlace.tools site renders an identical brand header instead of…","name":"brand-logo","title":"Brand Logo","type":"registry:ui"},{"categories":["blog","pattern"],"description":"macOS-style window chrome for wrapping editor, terminal, or code-preview content: a bordered `bg-card` box plus an optional title bar with the three traffic-light dots, a centred monospace filename, and an actions slot.","name":"code-window","title":"Code Window","type":"registry:ui"},{"categories":["marketing","pattern"],"description":"Call-to-action section. Title + description + 1-2 action buttons in a centred column on a tinted surface. The shape every landing page reaches for (\"Ready to ship?\" / \"Start your trial\" / \"Read the docs\"). Server component.","name":"cta-section","title":"Cta Section","type":"registry:ui"},{"categories":["data","pattern"],"description":"Columns, sorting, row selection, pagination, and the three states a table spends most of its life in (loading / empty / error). It composes primitives — Checkbox, Pagination, Skeleton, Button — so it is a pattern, not a primitive.","name":"data-table","title":"Data Table","type":"registry:ui"},{"categories":["decorative","pattern"],"description":"A resolution-independent dotted-grid background that fills its positioned container. Two render modes share one tiled SVG `<pattern>`:","name":"dot-pattern","title":"Dot Pattern","type":"registry:ui"},{"categories":["feedback","pattern"],"description":"The \"nothing here yet\" surface. Used wherever a list, table, or search returns zero rows AND the consumer can act on it (create the first item, adjust filters, link to docs). Empty states are first-class UX, not an afterthought — `LOADING_PHILOSOPHY` flags…","name":"empty-state","title":"Empty State","type":"registry:ui"},{"categories":["marketing","pattern"],"description":"Frequently-asked-questions accordion. Composes the canonical Accordion primitive into a single-prop API: pass an array of {question, answer} and get the full disclosure pattern (keyboard, ARIA, animation) inherited from Accordion → Base UI.","name":"faq","title":"Faq","type":"registry:ui"},{"categories":["marketing","pattern"],"description":"Grid of small \"feature\" cards: icon + title + 1-2 line description. The shape every landing page reaches for to spell out \"what we do\" in 3-6 cells. Server component, no hooks.","name":"feature-grid","title":"Feature Grid","type":"registry:ui"},{"categories":["blog","pattern"],"description":"Semantic media block. `<figure>` is the right element for *self-contained* media (image, diagram, code screenshot, chart) with an optional caption that scrolls with it. Composes `AspectRatio` so the layout reserves space before the asset loads — preventing…","name":"figure","title":"Figure","type":"registry:ui"},{"categories":["navigation","pattern"],"description":"Site footer with grouped link columns + copyright row. Composes with a primary brand mark, 1-4 link groups (each a sub-heading + list of links), and a tail row for copyright + social. Server component.","name":"footer","title":"Footer","type":"registry:ui"},{"categories":["decorative","pattern"],"description":"A decorative SVG line grid that fills its positioned parent, with optional accent cells (`squares`, addressed as `[column, row]`) that can pulse. Colour comes from `currentColor`, so a text-colour class on `className` sets the tone.","name":"grid-pattern","title":"Grid Pattern","type":"registry:ui"},{"categories":["marketing","pattern"],"description":"The cosmic landing hero: a full-height gradient surface carrying a twinkling starfield, shooting stars and meteors behind an eyebrow / headline / tagline / two-CTA column. A preset, not a kit — pass copy and CTAs and the decorative layer is already wired.","name":"hero-cosmic","title":"Hero Cosmic","type":"registry:ui"},{"categories":["marketing","pattern"],"description":"The above-the-fold section every landing page reaches for: eyebrow, headline, supporting copy, primary + secondary CTAs, optional media slot. Server-component-safe; the calm-confident-technical voice is enforced by Typography variants (no h1 with…","name":"hero","title":"Hero","type":"registry:ui"},{"categories":["decorative","pattern"],"description":"A decorative grid of `columns × rows` SVG squares (24 × 24 by default) that fills the cell under the pointer. Cells inherit `currentColor`, so `className=\"text-border\"` sets the hue and `lineOpacity` / `hoverOpacity` tune it.","name":"interactive-grid-pattern","title":"Interactive Grid Pattern","type":"registry:ui"},{"categories":["blog","pattern"],"description":"LintPlayground — paste code, watch analysis light it up.","name":"lint-playground","title":"Lint Playground","type":"registry:ui"},{"categories":["marketing","pattern"],"description":"Canonical email-signup pattern: title + (optional) description + email field + consent checkbox + submit. Composition of the auth primitive set (Form / Field / Input / Button + Checkbox + Typography). The block owns *structure*; consumers wire `action` and…","name":"newsletter-form","title":"Newsletter Form","type":"registry:ui"},{"categories":["navigation","pattern"],"description":"The header band at the top of admin / docs / settings pages. Carries a breadcrumb (optional), title, optional description, and a right-aligned actions slot (typically a primary CTA + an optional menu). Renders a `<header>` landmark for screen-reader…","name":"page-header","title":"Page Header","type":"registry:ui"},{"categories":["blog","pattern"],"description":"Paired previous / next link cards rendered at the foot of an article. The canonical \"what to read next\" surface — improves session depth, reduces bounce, and gives keyboard / screen-reader users a deterministic exit ramp from long-form content. Wrapped in…","name":"prev-next-post","title":"Prev Next Post","type":"registry:ui"},{"categories":["marketing","pattern"],"description":"2-4 column pricing-tier grid. Each tier is a card with name, price, description, feature list, and a CTA button. The \"Most popular\" tier gets a highlight border. Server component.","name":"pricing-table","title":"Pricing Table","type":"registry:ui"},{"categories":["blog","pattern"],"description":"\"Keep reading\" surface that sits at the foot of an article page (or any long-form route). Renders an h3 section heading followed by a responsive grid of ArticleCards: one column on phones, two from `md` up, three from `lg` up — the same 1/2/3 cadence the…","name":"related-posts","title":"Related Posts","type":"registry:ui"},{"categories":["data","pattern"],"description":"A single dimension row in a scorecard: name + GradeBadge + numeric score + optional details. Used by ScorecardTemplate to render each scored category (Performance, Coverage, Adoption, ...).","name":"scorecard-row","title":"Scorecard Row","type":"registry:ui"},{"categories":["navigation","pattern"],"description":"The \"section intro\" block — optional eyebrow, a heading, and a `max-w-prose` tagline — with the bottom margin, the alignment and the type rhythm owned in one place instead of being re-typed as `text-center mb-12` on every section.","name":"section-header","title":"Section Header","type":"registry:ui"},{"categories":["blog","pattern"],"description":"A compact \"share this page\" cluster: one ghost icon-button per social network plus a copy-link affordance. Each share button opens its network's prefilled share URL in a new tab; the copy button writes the URL to the clipboard and flips its icon +…","name":"share-buttons","title":"Share Buttons","type":"registry:ui"},{"categories":["form","pattern"],"description":"Canonical sign-in pattern: title + email + password + submit. Composition of the auth primitive set (Form / Field / Input / Button + Typography for the title). The block owns *structure*; consumers wire `action` / `onSubmit` and pass the brand specifics…","name":"sign-in-form","title":"Sign In Form","type":"registry:ui"},{"categories":["data","pattern"],"description":"A single labeled metric — the building block of dashboards, scorecards, and \"key results\" rows. Renders: label / value / optional delta / optional icon. The `tone` variant pairs the delta accent with one of four semantic colors (default / success / warning…","name":"stat-card","title":"Stat Card","type":"registry:ui"},{"categories":["data","pattern"],"description":"Horizontal row (or grid) of StatCards. The pattern stat pages reach for: 3-5 hero KPIs at the top of a page, each a labelled big number. Server component.","name":"stat-group","title":"Stat Group","type":"registry:ui"},{"categories":["marketing","pattern"],"description":"Quote + attribution surfaces. Single Testimonial cells render an blockquote with an author avatar; TestimonialGrid lays them out in a 1-3 column grid. Server components.","name":"testimonial","title":"Testimonial","type":"registry:ui"},{"categories":["data","pattern"],"description":"TimelineMap — dated entities as linked dots on a shared time axis, one labeled strip per category lane.","name":"timeline-map","title":"Timeline Map","type":"registry:ui"},{"categories":["navigation","pattern"],"description":"Site-wide horizontal navigation. The first pattern every landing / docs / dashboard surface needs: logo (left), primary nav (middle/right), action cluster (right). One row, sticky to the top, semi-transparent backdrop blur so content scrolls visibly…","name":"topbar","title":"Topbar","type":"registry:ui"},{"categories":["data","chart"],"description":"\"It moved, this much, this way.\" The smallest complete unit of analysis and the most-repeated element in a dense view, so it is worth getting exactly right once.","name":"delta","title":"Delta","type":"registry:ui"},{"categories":["data","chart"],"description":"One quantity spread across a fixed set of bins — hours of the day, days of the week, cohorts, buckets — with an optional REFERENCE distribution drawn over it.","name":"distribution","title":"Distribution","type":"registry:ui"},{"categories":["data","chart"],"description":"The roic.ai row: metric name, values across time, sparkline, delta. Click a row to promote it into whatever chart the caller renders above.","name":"metric-table","title":"Metric Table","type":"registry:ui"},{"categories":["data","chart"],"description":"Who is connected to whom, and who the network converges on.","name":"network-graph","title":"Network Graph","type":"registry:ui"},{"categories":["data","chart"],"description":"The same series `TimeSeries` plots, wrapped around a dial — the POSTER form: identity and shape, composed to be looked at and shared.","name":"radial-weave","title":"Radial Weave","type":"registry:ui"},{"categories":["data","chart"],"description":"The data behind a chart, as a real `<table>`.","name":"series-table","title":"Series Table","type":"registry:ui"},{"categories":["data","chart"],"description":"A trend in the width of a table cell. The densest thing in the package: it exists so a `MetricTable` row can show *shape* without spending a chart's worth of pixels, which is the whole roic.ai lesson — one row that reads a decade beats one chart that reads…","name":"sparkline","title":"Sparkline","type":"registry:ui"},{"categories":["data","chart"],"description":"One metric over time, with the actions that moved it drawn ON the curve.","name":"time-series","title":"Time Series","type":"registry:ui"},{"categories":["blog","template"],"description":"Full-page surface for long-form articles. Composes the header (title + AuthorByline), the body (Prose-wrapped MDX/HTML), the related-posts grid, prev/next navigation, and share buttons — each in its own `<SectionBoundary>` so the page streams section-by-…","name":"article-template","title":"Article Template","type":"registry:block"},{"categories":["form","template"],"description":"Full-page surface for sign-in / sign-up / password-reset / verify-email flows. Centred narrow column with brand mark at top, form in the middle, helper link at the bottom (\"Already have an account?\" / \"Forgot password?\").","name":"auth-template","title":"Auth Template","type":"registry:block"},{"categories":["blog","template"],"description":"Author profile page — bio header + their articles grid. Used by `/authors/[slug]` routes on a blog. The bio header is a multi-part card (avatar + name + role + bio + social links); the grid uses ArticleListGrid for the article list.","name":"author-template","title":"Author Template","type":"registry:block"},{"categories":["blog","template"],"description":"Blog index surface. Topbar + hero (greeting / about) + ArticleListGrid (featured + recent) + optional NewsletterForm + Footer. The shape every personal / company blog reaches for.","name":"blog-home-template","title":"Blog Home Template","type":"registry:block"},{"categories":["data","template"],"description":"Application dashboard surface. Topbar at top, persistent left sidebar (nav links), main content area (children). The standard \"logged-in app\" layout: every SaaS dashboard reaches for this shape.","name":"dashboard-template","title":"Dashboard Template","type":"registry:block"},{"categories":["blog","template"],"description":"Documentation page surface. Topbar at top, optional sidebar nav on the left (md+), main content in the centre with a `<Prose>` wrapper, and an optional TOC rail on the right (xl+).","name":"docs-page-template","title":"Docs Page Template","type":"registry:block"},{"categories":["feedback","template"],"description":"Full-page error surface — 404 / 500 / 503 / generic. Centred column with the status code + title + description + action buttons (back home, contact support, retry).","name":"error-template","title":"Error Template","type":"registry:block"},{"categories":["marketing","template"],"description":"Marketing landing page surface. Composes Topbar + Hero + (optional) FeatureGrid + (optional) TestimonialGrid + (optional) PricingTable + (optional) FAQ + CTASection + Footer — each in its own SectionBoundary so the page streams section-by-section.","name":"landing-template","title":"Landing Template","type":"registry:block"},{"categories":["blog","template"],"description":"Full-page surface for a single registry item's documentation (`/c/[name]` on ds.interlace.tools). Composes the header (item name + description + install snippet), the anatomy diagram, the variants matrix, related-components grid, and a CTA back to the…","name":"registry-item-template","title":"Registry Item Template","type":"registry:block"},{"categories":["data","template"],"description":"Graded-evaluation page. Topbar + overall-grade header + per-dimension scorecard rows + optional methodology footnote + Footer.","name":"scorecard-template","title":"Scorecard Template","type":"registry:block"},{"categories":["form","template"],"description":"Account / app settings surface. Topbar + left tab-rail (sections) + main content area (rendered section). Server-friendly; the active section is driven by the consumer's routing (each section is a route).","name":"settings-template","title":"Settings Template","type":"registry:block"},{"categories":["data","template"],"description":"Public-facing metrics page. Topbar + header (title + lead) + SectionBoundary(StatGroup) + SectionBoundary(arbitrary chart/table content) + optional methodology footnote + Footer.","name":"stats-template","title":"Stats Template","type":"registry:block"},{"categories":["blog","template"],"description":"Tag-filtered article index. Used by `/tags/[slug]` routes on a blog to show \"all articles tagged #typescript\" etc. Shows a header (\"Tagged: #typescript\") then an ArticleListGrid of matching posts.","name":"tag-template","title":"Tag Template","type":"registry:block"}]},"colorshot":{"favicon":"/favicons/colorshot.svg","items":[{"categories":["color","picker","input","gradient"],"dependencies":["@orshot/colorshot"],"description":"Color and gradient picker for React: solid colors plus linear, radial and conic gradients, OKLCH, an eyedropper and swatch groups, themed with your shadcn/ui tokens. Takes and returns plain CSS strings. Includes ColorPicker and ColorField (a swatch input that opens the picker in ","name":"color-picker","title":"Color Picker","type":"registry:ui"}]},"flightcn":{"favicon":"/favicons/flightcn.svg","items":[{"dependencies":["@turf/great-circle","@turf/bearing"],"description":"Composable flight map components for routes, live tracking, weighted networks, geodesic ranges, aircraft trails, traffic flow, and a built-in 515-airport database.","name":"flight","page":"https://flightcn.yencheng.dev/docs/flight","registryDependencies":["https://mapcn.dev/r/map.json"],"title":"Flight","type":"registry:ui"},{"description":"A globe-based satellite orbit overlay with animated motion, ground tracks, and custom SVG marker support.","name":"satellite","page":"https://flightcn.yencheng.dev/docs/satellite","registryDependencies":["https://mapcn.dev/r/map.json"],"title":"Satellite","type":"registry:ui"},{"dependencies":["lucide-react","maplibre-gl"],"description":"Search airports, explore featured routes, and arrange multiple stopovers to compare flight legs, distance and estimated time in the air.","name":"flight-route-picker","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Flight Route Picker","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Live flight progress on the map beside an operations card with altitude, speed, remaining distance, and a playback scrubber.","name":"flight-tracker-dashboard","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Flight Tracker Dashboard","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Weighted hub-and-spoke route network with a ranked destination sidebar and two-way airport highlighting.","name":"airline-network-dashboard","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Airline Network Dashboard","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Searchable panel over the built-in 500+ airport database with fly-to markers on selection.","name":"airport-search-map","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Airport Search Map","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Recorded flight track replay with an altitude-graded trail, dashed planned continuation, and a playback scrubber.","name":"aircraft-trail-replay","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Aircraft Trail Replay","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Operations dashboard with live KPI cards, a multi-flight tracking map, and an en-route sidebar that focuses flights on selection.","name":"flight-ops-overview","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Flight Ops Overview","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Animated aircraft flowing along weighted global corridors with density presets and toggleable route guides.","name":"live-traffic-flow","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Live Traffic Flow","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Status-filterable departure list that draws the selected flight on the map — live progress for airborne flights, dashed routes for the rest.","name":"departures-board","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Departures Board","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Compare aircraft reach from a departure airport, with labeled 75% and maximum-range boundaries and a live destination count.","name":"aircraft-range-explorer","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Aircraft Range Explorer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Region-filtered airport coverage map above a stats card grid with two-way selection between cards and markers.","name":"network-coverage-grid","registryDependencies":["@flightcn/flight","https://mapcn.dev/r/map.json"],"title":"Network Coverage Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Multi-satellite orbit constellation on a globe with per-satellite visibility toggles and orbital metadata.","name":"satellite-orbit-tracker","registryDependencies":["@flightcn/satellite","https://mapcn.dev/r/map.json"],"title":"Satellite Orbit Tracker","type":"registry:block"}]},"arc ui":{"favicon":"/favicons/arc-ui.svg","items":[{"categories":["actions"],"dependencies":["motion"],"description":"A clear, responsive action with quiet secondary states.","name":"button","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Button","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"Swap an action label while preserving its place and intent.","name":"action-swap","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Action swap","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"A compact button for frequent toolbar actions.","name":"action-button","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Action button","type":"registry:ui"},{"categories":["actions"],"dependencies":["@radix-ui/react-dropdown-menu","lucide-react","motion"],"description":"A primary action with a menu of nearby alternatives.","name":"split-button","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Split button","type":"registry:ui"},{"categories":["actions"],"dependencies":["@radix-ui/react-dropdown-menu","lucide-react","motion"],"description":"Related actions joined into one surface with hairline dividers: a hover highlight glides between segments, the pressed one answers in place, and an attached menu can close the row.","name":"button-group","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Button group","type":"registry:ui"},{"categories":["actions"],"dependencies":["@radix-ui/react-tooltip","motion"],"description":"Separate soft buttons in a quiet tray, with one shared highlight that morphs from button to button as you move, and a pressed state that settles in place.","name":"floating-button-group","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/tooltip.json"],"title":"Floating button group","type":"registry:ui"},{"categories":["actions"],"dependencies":["motion"],"description":"Icon buttons in a compact group: the one you point at or focus grows to reveal its label while its neighbours slide aside, and an action confirms in place.","name":"expanding-button-group","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Expanding button group","type":"registry:ui"},{"categories":["actions"],"dependencies":["@radix-ui/react-dropdown-menu","lucide-react","motion"],"description":"A focused list of actions anchored to a trigger.","name":"dropdown-menu","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Dropdown menu","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"Secondary actions kept close to the selected object.","name":"context-menu","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Context menu","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"Copy a value with immediate confirmation.","name":"copy-button","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Copy button","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["@radix-ui/react-dialog","lucide-react","motion"],"description":"A temporary side surface for focused work.","name":"drawer","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Drawer","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"Four smooth ways to move between light and dark appearance.","name":"theme-switch","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json"],"title":"Theme switcher","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"The next appearance crosses the page like an eclipse.","name":"theme-switch-eclipse","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json"],"title":"Eclipse","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"The next appearance opens from a slim center seam.","name":"theme-switch-split","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json"],"title":"Split","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"The next appearance rises into place.","name":"theme-switch-rise","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json"],"title":"Rise","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"A compact identity marker for people and accounts.","name":"avatar","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Avatar","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"Show a team or set of contributors in a small space.","name":"avatar-group","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/avatar.json"],"title":"Avatar group","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"A single line field with clear labels and useful states.","name":"input","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Input","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"A multiline field for notes, descriptions, and longer text.","name":"textarea","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Textarea","type":"registry:ui"},{"categories":["inputs"],"dependencies":["@radix-ui/react-select","lucide-react","motion"],"description":"A compact choice field with a keyboard friendly menu.","name":"select","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Select","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Search and select from a list without leaving the field.","name":"combobox","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Combobox","type":"registry:ui"},{"categories":["inputs"],"dependencies":["@radix-ui/react-checkbox","motion"],"description":"A binary choice with a precise, legible state.","name":"checkbox","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Checkbox","type":"registry:ui"},{"categories":["inputs"],"dependencies":["@radix-ui/react-switch","motion"],"description":"A tactile toggle for settings that take effect immediately.","name":"switch","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Switch","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Select several values while keeping the field readable.","name":"multi-select","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Multi-select","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Enter a bounded number with clear increment controls.","name":"number-field","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Number field","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"Capture sensitive text with a visible reveal control.","name":"password-field","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Password field","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A recognizable search entry point with clear affordances.","name":"search-field","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Search field","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Turn short text values into removable tags.","name":"tag-input","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Tag input","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A generous target for dropping one or more files.","name":"file-dropzone","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"File dropzone","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"Choose one option from a visible set.","name":"radio-group","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Radio group","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"Switch between a small set of related views.","name":"segmented-control","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Segmented control","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Browse dates in a clear, compact month view.","name":"calendar","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Calendar","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Choose a date without losing context.","name":"date-picker","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/calendar.json"],"title":"Date picker","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Choose a time with sensible keyboard behavior.","name":"time-picker","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Time picker","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["@radix-ui/react-accordion","lucide-react","motion"],"description":"Progressively reveal supporting information in place.","name":"accordion","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Accordion","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["@radix-ui/react-dialog","lucide-react","motion"],"description":"A focused surface for decisions that need attention.","name":"dialog","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Dialog","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["@radix-ui/react-popover"],"description":"A small anchored surface for contextual information.","name":"popover","title":"Popover","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["@radix-ui/react-tooltip","motion"],"description":"Short supporting text for unfamiliar controls.","name":"tooltip","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Tooltip","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["@radix-ui/react-tabs","lucide-react","motion"],"description":"Switch between related content in the same context.","name":"tabs","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Tabs","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["lucide-react","motion"],"description":"Give a dense card more room when requested.","name":"expandable-card","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Expandable card","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["lucide-react","motion"],"description":"Show where a page sits in a hierarchy.","name":"breadcrumb","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Breadcrumb","type":"registry:ui"},{"categories":["feedback"],"dependencies":["lucide-react","motion"],"description":"A persistent message that helps people recover or continue.","name":"alert","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Alert","type":"registry:ui"},{"categories":["feedback"],"dependencies":["lucide-react","motion"],"description":"Brief confirmation for a completed background action.","name":"toast","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Toast","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A simple, accessible way to capture a numeric opinion.","name":"rating","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Rating","type":"registry:ui"},{"categories":["feedback"],"dependencies":["lucide-react","motion"],"description":"Show how much of a known task is complete.","name":"progress","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Progress","type":"registry:ui"},{"categories":["feedback"],"dependencies":["motion"],"description":"Reserve space while content is still loading.","name":"skeleton","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Skeleton","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"A small label for status, category, or metadata.","name":"badge","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Badge","type":"registry:ui"},{"categories":["data"],"dependencies":["@radix-ui/react-dialog","lucide-react","motion"],"description":"A contained group of related content and actions.","name":"card","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Card","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"A compact summary for a number that needs context.","name":"metric-card","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/animated-counter.json"],"title":"Metric card","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"A useful next step when there is nothing to show yet.","name":"empty-state","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Empty state","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Navigate nested folders and structured content.","name":"tree-view","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Tree view","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Move through a long collection with clear bounds.","name":"pagination","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Pagination","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Keep collection filters close and easy to reset.","name":"filter-toolbar","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Filter toolbar","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Compare structured records with sortable columns.","name":"sortable-data-table","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Sortable data table","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"Show a compact trend beside a value.","name":"sparkline","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Sparkline","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"Show a value against a known range.","name":"gauge","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Gauge","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"Give changing totals a clear sense of movement.","name":"animated-counter","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Animated counter","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Present code with legible hierarchy and copy access.","name":"code-block","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/copy-button.json"],"title":"Code block","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Organize items with direct drag and drop.","name":"reorderable-list","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Reorderable list","type":"registry:ui"},{"categories":["text"],"description":"Reveal a short piece of content with restrained motion.","name":"text-reveal","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Text reveal","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"Bring a section title in as it scrolls into view.","name":"in-view-title","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"In-view title","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"Morph a label into its next state, letter by letter.","name":"text-morph","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Text morph","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"Show ongoing work with a calm light across the words.","name":"text-shimmer","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Text shimmer","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"Confirm a destructive action by holding, not tapping.","name":"hold-to-confirm","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Hold to confirm","type":"registry:ui"},{"categories":["actions"],"dependencies":["@radix-ui/react-dropdown-menu","lucide-react","motion"],"description":"Reveal row actions with a swipe, or from the same actions in a menu.","name":"swipe-actions","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Swipe actions","type":"registry:ui"},{"categories":["actions"],"dependencies":["@radix-ui/react-popover","lucide-react","motion"],"description":"Acknowledge a post in one tap, with counts that roll.","name":"reactions","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Reactions","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"Pick a value or a range on a track that follows your finger.","name":"slider","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Slider","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"A slider that stretches like rubber past its ends, with a swaying value tag and detents the thumb clicks into.","name":"elastic-slider","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Elastic slider","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"A price range over a live histogram of the data, lighting the bars inside the range and settling on bar edges.","name":"range-histogram-slider","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Range histogram slider","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Rename in place: the text becomes a field without moving.","name":"inline-edit","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Inline edit","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"An icon that morphs into a search field with results beneath it.","name":"expanding-search","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Expanding search","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"Filter by a few facets with chips that morph as you pick them.","name":"chip-group","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Chip group","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"Show how strong a new password is while it is typed.","name":"password-strength","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Password strength","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["@radix-ui/react-dialog","lucide-react","motion"],"description":"A sheet that rests at a peek or full height and follows your finger.","name":"bottom-sheet","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Bottom sheet","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["@radix-ui/react-popover","motion"],"description":"Preview a person or link on hover or focus without leaving the page.","name":"hover-card","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Hover card","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["lucide-react","motion"],"description":"Trade space between panes by dragging the divider between them.","name":"resizable-panels","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Resizable panels","type":"registry:ui"},{"categories":["feedback"],"dependencies":["lucide-react","motion"],"description":"Stack short results at the edge until you reach for them.","name":"toast-stack","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Toast stack","type":"registry:ui"},{"categories":["feedback"],"dependencies":["lucide-react","motion"],"description":"Show what fills an allowance and how close it is to the limit.","name":"usage-meter","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Usage meter","type":"registry:ui"},{"categories":["feedback"],"dependencies":["lucide-react","motion"],"description":"Guide a new workspace through setup, one step at a time.","name":"onboarding-checklist","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Onboarding checklist","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Drag a divider across two images to see what changed.","name":"image-compare","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Image compare","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Browse a row of slides by dragging, flicking, or arrowing through them.","name":"carousel","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Carousel","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Review a deck one card at a time, with a throw and an undo.","name":"card-stack","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Card stack","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"Compare one measure across days and scrub any bar for its value.","name":"bar-chart","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Bar chart","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"See a year of activity at a glance, one square per day.","name":"activity-heatmap","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Activity heatmap","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Follow what happened, newest first, grouped by day.","name":"timeline","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Timeline","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.","name":"user-menu","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"User menu","type":"registry:ui"},{"categories":["feedback"],"dependencies":["motion"],"description":"Show where a person is in a multi-step flow and what is done.","name":"stepper","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Stepper","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.","name":"signature-pad","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Signature pad","type":"registry:ui"},{"categories":["actions"],"dependencies":["motion"],"description":"Icons that morph between states: menu to close, play to pause, copy to check, and more.","name":"icon-morph","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Icon morph","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A range picker that grows from its trigger into two months with presets and a stretching range highlight.","name":"date-range-picker","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Date range picker","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.","name":"color-picker","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/text-morph.json"],"title":"Color picker","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A select whose trigger grows into the list, with a gliding highlight and type-ahead.","name":"morph-select","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Morph select","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"A multi-series line chart with a gliding crosshair, legend toggles, and paths that morph between ranges.","name":"line-chart","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Line chart","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"A donut whose arcs morph between datasets, with the active value rolling into the center.","name":"donut-chart","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Donut chart","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"Layered streams on a wiggle baseline that morph between ranges, with a layer you can isolate and read week by week.","name":"streamgraph","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Streamgraph","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"A dense time series with an overview strip: drag a window to zoom, resize it by its handles, and read events in place.","name":"brush-chart","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Brush chart","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"Overlapping distributions, one ridge per group: hover to lift a ridge and read its quartiles, switch datasets and every curve morphs.","name":"ridgeline","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Ridgeline","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"A squarified treemap: click to drill and the tiles grow to fill the view, with a breadcrumb back and metrics that morph every tile.","name":"treemap","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Treemap","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"A ten by ten unit chart where every cell is one percent, and cells fly to their new group when the data changes.","name":"waffle-chart","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Waffle chart","type":"registry:ui"},{"categories":["data"],"dependencies":["motion"],"description":"Before and after on two axes: lines draw in, rank moves sit beside each value, and switching datasets slides every line to its new slope.","name":"slope-chart","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Slope chart","type":"registry:ui"},{"categories":["feedback"],"dependencies":["motion"],"description":"A launch countdown with rolling digits that morphs into a live state at zero.","name":"countdown","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Countdown","type":"registry:ui"},{"categories":["feedback"],"dependencies":["lucide-react","motion"],"description":"A consent bar that morphs into preferences and folds into a reopen button.","name":"cookie-consent","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/switch.json"],"title":"Cookie consent","type":"registry:ui"},{"categories":["feedback"],"dependencies":["lucide-react","motion"],"description":"A top banner that rotates messages, counts down, and collapses smoothly when dismissed.","name":"announcement-bar","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Announcement bar","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"A collapsible JSON tree with search, paging for long arrays, and copy value or path.","name":"json-viewer","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"JSON viewer","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"A Figma-style number field: drag the label to scrub, or type values, units, and arithmetic.","name":"scrub-input","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Scrub input","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"A table with nested rows, tri-state selection, hierarchy-preserving sort, and lazy-loaded children.","name":"tree-table","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/checkbox.json"],"title":"Tree table","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A phone field with a country picker, formatting as you type, and E.164 output.","name":"phone-input","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Phone input","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A currency field with live grouping, stable width, rolling digits, and minor-unit output.","name":"money-input","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Money input","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheatsheet.","name":"shortcut-recorder","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Shortcut recorder","type":"registry:ui"},{"categories":["actions"],"dependencies":["lucide-react","motion"],"description":"A destructive button that morphs into an inline confirmation, a spinner, and a result with undo.","name":"confirm-morph","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Confirm morph","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.","name":"mention-input","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Mention input","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"A chat thread with grouped messages, reactions, read receipts, typing, and a composer with attachments.","name":"chat-thread","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Chat thread","type":"registry:ui"},{"categories":["inputs"],"dependencies":["lucide-react","motion"],"description":"A lightweight editor with markdown shortcuts, a floating toolbar, a slash menu, and HTML and markdown output.","name":"rich-text-editor","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Rich text editor","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"A monthly and yearly switch with a savings badge and prices that roll to the new amount.","name":"billing-toggle","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/animated-counter.json"],"title":"Billing toggle","type":"registry:ui"},{"categories":["disclosure"],"description":"A native scroll container with thin overlay scrollbars and edge fades that appear only when content overflows.","name":"scroll-area","title":"Scroll area","type":"registry:ui"},{"categories":["inputs"],"dependencies":["motion"],"description":"Selectable option cards with a sliding selection ring, price and description slots, and radio keyboard behavior.","name":"radio-cards","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Radio cards","type":"registry:ui"},{"categories":["data"],"dependencies":["lucide-react","motion"],"description":"Threaded comments with replies, reactions, mentions, inline edit, and resolve.","name":"comment-thread","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Comment thread","type":"registry:ui"},{"categories":["special"],"dependencies":["motion"],"description":"Text and numbers that spin into their new value on staggered slot machine reels.","name":"slot-text","title":"Slot text","type":"registry:ui"},{"categories":["disclosure"],"dependencies":["lucide-react","motion"],"description":"Long text clamped to a few lines with a soft fade that glides open with Read more and closes with Show less, shown only when the text overflows.","name":"expandable-text","title":"Expandable text","type":"registry:ui"},{"categories":["blocks"],"dependencies":["motion"],"description":"An account creation flow with field validation, password strength, and a clear completion state.","name":"signup-form","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/checkbox.json","https://uiarc.dev/r/input.json","https://uiarc.dev/r/password-field.json"],"title":"Sign up form","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react"],"description":"A quiet, continuously moving row of brand marks with a pause control.","name":"logo-marquee","registryDependencies":["https://uiarc.dev/r/button.json"],"title":"Logo marquee","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"Compare meaningful differences between plans and billing periods.","name":"plan-comparison","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/segmented-control.json","https://uiarc.dev/r/switch.json"],"title":"Plan comparison","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"A complete keyboard driven action surface with search, grouped results, and shortcuts.","name":"command-palette","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Command palette","type":"registry:block"},{"categories":["blocks"],"dependencies":["@radix-ui/react-popover","lucide-react","motion"],"description":"A home for updates with read state, grouped information, and animated disclosure.","name":"notification-center","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/avatar.json"],"title":"Notification center","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"A complete file selection flow with constraints, progress, and error feedback.","name":"file-upload","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"File upload","type":"registry:block"},{"categories":["blocks"],"dependencies":["motion"],"description":"A six digit verification flow with paste support and keyboard navigation.","name":"otp-input","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"OTP input","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"Release notes you can filter, open in place, and scroll through month by month.","name":"changelog-feed","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/copy-button.json"],"title":"Changelog feed","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"A sign in card that morphs from email to a six digit code to your account.","name":"sign-in","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/avatar.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/input.json","https://uiarc.dev/r/otp-input.json"],"title":"Sign in","type":"registry:block"},{"categories":["blocks"],"dependencies":["@radix-ui/react-dropdown-menu","@radix-ui/react-tabs","lucide-react","motion"],"description":"A project page header that folds into a compact bar as you scroll, with tabs whose counts roll.","name":"page-header","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/animated-counter.json","https://uiarc.dev/r/avatar-group.json","https://uiarc.dev/r/avatar.json","https://uiarc.dev/r/badge.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/progress.json"],"title":"Page header","type":"registry:block"},{"categories":["blocks"],"dependencies":["motion"],"description":"Four empty states in one illustration whose shapes morph between scenes as you switch tabs.","name":"empty-states","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json"],"title":"Empty states","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"A passkey-first login card on a quiet ring backdrop that morphs through email and code.","name":"login-centered","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/input.json","https://uiarc.dev/r/otp-input.json"],"title":"Centered login","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet.","name":"site-header","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/segmented-control.json"],"title":"Site header","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"A website footer with link columns and newsletter, a minimal layout, and a large fading Arc mark.","name":"site-footer","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/segmented-control.json"],"title":"Site footer","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"Three full screen SaaS heroes: a live dashboard rising from the bottom edge over a drifting mesh, a workflow graph that routes sample events node by node, and editorial type over a mesh gradient.","name":"hero-section","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/avatar.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/copy-button.json","https://uiarc.dev/r/line-chart.json","https://uiarc.dev/r/segmented-control.json","https://uiarc.dev/r/sparkline.json"],"title":"Hero section","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"FAQs as an accordion, a topic rail, or a searchable list that highlights matches.","name":"faq-section","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/search-field.json","https://uiarc.dev/r/segmented-control.json"],"title":"FAQ section","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"A validated contact form that morphs into a confirmation, support channels, and office cards with local times.","name":"contact-section","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/avatar.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/copy-button.json","https://uiarc.dev/r/input.json","https://uiarc.dev/r/segmented-control.json","https://uiarc.dev/r/textarea.json"],"title":"Contact section","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"A blog index with a featured post, category filter, post cards, pagination and an in-place reader.","name":"blog-grid","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Blog grid","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"An us versus them table with a sticky header, a highlighted column, and a stacked phone view.","name":"comparison-table","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json"],"title":"Comparison table","type":"registry:block"},{"categories":["blocks"],"dependencies":["motion"],"description":"Headline numbers that count up in view, each with a tiny visual that proves it and a context line on hover, plain or in a hairline grid.","name":"stats-band","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/segmented-control.json"],"title":"Stats band","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"A call to action as a centered closing section, a split beside a setup card that completes itself, or a dismissible banner.","name":"cta-section","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/button.json","https://uiarc.dev/r/segmented-control.json"],"title":"CTA section","type":"registry:block"},{"categories":["blocks"],"dependencies":["lucide-react","motion"],"description":"An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front.","name":"newsletter-signup","registryDependencies":["https://uiarc.dev/r/arc-motion-tokens.json","https://uiarc.dev/r/animated-counter.json","https://uiarc.dev/r/segmented-control.json","https://uiarc.dev/r/switch.json"],"title":"Newsletter signup","type":"registry:block"}]},"launch ui":{"favicon":"/favicons/launch-ui.svg","items":[{"description":"Base styles, CSS utilities, and configuration for Launch UI components.","name":"launchui","title":"Launch UI Base","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","@radix-ui/react-dialog","@radix-ui/react-navigation-menu","@radix-ui/react-icons","lucide-react"],"description":"A responsive navigation bar with mobile menu support and customizable links.","name":"navbar","registryDependencies":["https://launchuicomponents.com/r/button.json"],"title":"Navbar","type":"registry:block"},{"dependencies":["@radix-ui/react-slot","lucide-react","next-themes"],"description":"A hero section with badge, title, description, CTA buttons, and mockup display.","name":"hero","registryDependencies":["https://launchuicomponents.com/r/button.json","https://launchuicomponents.com/r/badge.json","https://launchuicomponents.com/r/mockup.json","https://launchuicomponents.com/r/glow.json","https://launchuicomponents.com/r/screenshot.json"],"title":"Hero Section","type":"registry:block"},{"dependencies":["@radix-ui/react-slot","lucide-react"],"description":"A grid of items with icons and descriptions, perfect for features or benefits.","name":"items","title":"Items Section","type":"registry:block"},{"dependencies":["@radix-ui/react-slot"],"description":"A logo cloud section to showcase partners, clients, or technologies.","name":"logos","registryDependencies":["https://launchuicomponents.com/r/badge.json"],"title":"Logos Section","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A bento-style grid layout for showcasing features or content blocks.","name":"bento-grid","title":"Bento Grid","type":"registry:block"},{"dependencies":["class-variance-authority","next-themes"],"description":"Feature sections with various layouts for highlighting product capabilities.","name":"feature","title":"Feature Section","type":"registry:block"},{"dependencies":["@radix-ui/react-tabs","class-variance-authority","lucide-react","next-themes"],"description":"Tabbed content sections for organizing information.","name":"tabs","title":"Tabs Section","type":"registry:block"},{"dependencies":["@radix-ui/react-avatar"],"description":"Social proof sections with testimonials, ratings, and trust badges.","name":"social-proof","title":"Social Proof","type":"registry:block"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-slot","class-variance-authority","embla-carousel-react","lucide-react"],"description":"Customer testimonial sections with carousel and grid layouts.","name":"testimonials","title":"Testimonials","type":"registry:block"},{"dependencies":["@radix-ui/react-icons","@radix-ui/react-accordion"],"description":"Frequently asked questions section with accordion functionality.","name":"faq","title":"FAQ Section","type":"registry:block"},{"dependencies":["@radix-ui/react-slot"],"description":"Call-to-action sections with various styles and glow effects.","name":"cta","registryDependencies":["https://launchuicomponents.com/r/button.json","https://launchuicomponents.com/r/glow.json"],"title":"CTA Section","type":"registry:block"},{"dependencies":["@radix-ui/react-slot","class-variance-authority","embla-carousel-react","lucide-react","next-themes"],"description":"Image and content carousels with multiple display options.","name":"carousel","title":"Carousel","type":"registry:block"},{"dependencies":["@radix-ui/react-slot"],"description":"Statistics display section for showcasing numbers and metrics.","name":"stats","title":"Stats Section","type":"registry:block"},{"dependencies":["@radix-ui/react-slot","lucide-react"],"description":"Pricing tables and cards with feature comparisons.","name":"pricing","registryDependencies":["https://launchuicomponents.com/r/button.json"],"title":"Pricing Section","type":"registry:block"},{"dependencies":["@radix-ui/react-icons","@radix-ui/react-dropdown-menu","next-themes"],"description":"Website footer with navigation links, social icons, and theme toggle.","name":"footer","registryDependencies":["https://launchuicomponents.com/r/button.json"],"title":"Footer","type":"registry:block"},{"dependencies":["lucide-react","next-themes"],"description":"Image gallery sections with grid and masonry layouts.","name":"gallery","title":"Gallery","type":"registry:block"},{"dependencies":["motion","@radix-ui/react-select","@radix-ui/react-checkbox","@radix-ui/react-tooltip","@radix-ui/react-separator","@radix-ui/react-dropdown-menu","@radix-ui/react-dialog","@radix-ui/react-icons","@radix-ui/react-slot","@radix-ui/react-switch","embla-carousel-react","lucide-react","@radix-ui/react-tabs","next-themes"],"description":"All dependencies required for Launch UI Pro components.","name":"pro","title":"Pro Dependencies","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"A customizable button component with multiple variants and sizes.","name":"button","title":"Button","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"description":"A badge component for labels, tags, and status indicators.","name":"badge","title":"Badge","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"A card component for containing related content.","name":"card","title":"Card","type":"registry:ui"},{"dependencies":["next-themes"],"description":"A theme-aware screenshot component that switches between light and dark images.","name":"screenshot","title":"Screenshot","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Device mockup frames for showcasing app screenshots.","name":"mockup","title":"Mockup","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Decorative glow effects for adding visual interest.","name":"glow","title":"Glow","type":"registry:ui"}]},"kibo ui":{"favicon":"/favicons/kibo-ui.png","items":[{"description":"A compound badge designed to display an announcement.","name":"announcement","registryDependencies":["badge"],"title":"announcement","type":"registry:ui"},{"description":"Avatar Stack is a component that allows you to stack and overlap avatars.","name":"avatar-stack","title":"avatar-stack","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","lucide-react"],"description":"A banner is a full-width component that can be used to show a message and action to the user.","name":"banner","registryDependencies":["button"],"title":"banner","type":"registry:ui"},{"dependencies":["date-fns","jotai","lucide-react"],"description":"The calendar view displays features on a grid calendar. Specifically it shows the end date of each feature, and groups features by day.","name":"calendar","registryDependencies":["button","command","popover"],"title":"calendar","type":"registry:ui"},{"dependencies":["lucide-react","radix-ui"],"description":"Choiceboxes are a great way to show radio or checkbox options with a card style.","name":"choicebox","registryDependencies":["field"],"title":"choicebox","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","@shikijs/transformers","lucide-react","react-icons","shiki"],"description":"Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks.","name":"code-block","registryDependencies":["button","select"],"title":"code-block","type":"registry:ui"},{"dependencies":["color","lucide-react","radix-ui"],"description":"Allows users to select a color. Modeled after the color picker in Figma.","devDependencies":["@types/color"],"name":"color-picker","registryDependencies":["button","input","select"],"title":"color-picker","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","lucide-react"],"description":"Autocomplete input and command palette with a list of suggestions.","name":"combobox","registryDependencies":["button","command","popover"],"title":"combobox","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"A slider-based component for comparing two items in an overlay.","name":"comparison","title":"comparison","type":"registry:ui"},{"dependencies":["date-fns"],"description":"A GitHub-style contribution graph component that displays activity levels over time.","name":"contribution-graph","title":"contribution-graph","type":"registry:ui"},{"dependencies":["react-svg-credit-card-payment-icons"],"description":"Credit card components for displaying and validating credit card information.","name":"credit-card","title":"credit-card","type":"registry:ui"},{"description":"A cursor component, great for realtime interactive applications.","name":"cursor","title":"cursor","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","lucide-react","motion"],"description":"A Tinder-like swipeable card stack component with smooth animations.","name":"deck","title":"deck","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","radix-ui"],"description":"Composable stacked dialogs, useful for creating a wizard, nested form or multi-step process. It provides a consistent layout and styling for each dialog, and includes navigation component.","name":"dialog-stack","title":"dialog-stack","type":"registry:ui"},{"dependencies":["lucide-react","react-dropzone"],"description":"Allows users to drag-and-drop files into a container to upload or process them.","name":"dropzone","registryDependencies":["button"],"title":"dropzone","type":"registry:ui"},{"dependencies":["@floating-ui/dom","@tiptap/core","@tiptap/extension-code-block-lowlight","@tiptap/extension-list","@tiptap/extension-subscript","@tiptap/extension-superscript","@tiptap/extension-table","@tiptap/extension-text-style","@tiptap/extension-typography","@tiptap/extensions","@tiptap/pm","@tiptap/react","@tiptap/starter-kit","@tiptap/suggestion","fuse.js","lowlight","lucide-react","tippy.js"],"description":"The Editor component is a powerful and flexible text editor that allows you to create and edit rich text content.","name":"editor","registryDependencies":["button","command","dropdown-menu","popover","separator","tooltip"],"title":"editor","type":"registry:ui"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@uidotdev/usehooks","date-fns","jotai","lodash.throttle","lucide-react"],"description":"The Gantt chart is a powerful tool for visualizing project schedules and tracking the progress of tasks. It provides a clear, hierarchical view of tasks, allowing you to easily identify manage project timelines.","devDependencies":["@types/lodash.throttle"],"name":"gantt","registryDependencies":["card","context-menu"],"title":"gantt","type":"registry:ui"},{"description":"A component that shows a preview of a URL when hovering over a link.","name":"glimpse","registryDependencies":["hover-card"],"title":"glimpse","type":"registry:ui"},{"dependencies":["lucide-react","radix-ui","react-image-crop"],"description":"Helps you crop images to a specific size or aspect ratio.","name":"image-crop","title":"image-crop","type":"registry:ui"},{"dependencies":["react-medium-image-zoom"],"description":"Image zoom is a component that allows you to zoom in on an image.","name":"image-zoom","title":"image-zoom","type":"registry:ui"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","tunnel-rat"],"description":"A kanban board is a visual tool that helps you manage and visualize your work. It is a board with columns, and each column represents a status, e.g. \"Backlog\", \"In Progress\", \"Done\".","name":"kanban","registryDependencies":["card","scroll-area"],"title":"kanban","type":"registry:ui"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers"],"description":"List views are a great way to show a list of tasks grouped by status and ranked by priority.","name":"list","title":"list","type":"registry:ui"},{"dependencies":["react-fast-marquee"],"description":"Marquees are a great way to show a list of items in a horizontal scrolling motion.","name":"marquee","title":"marquee","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","date-fns","lucide-react","radix-ui"],"description":"A composable mini calendar component for picking dates close to today.","name":"mini-calendar","registryDependencies":["button"],"title":"mini-calendar","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"A flexible badge component designed for a variety of use cases.","name":"pill","registryDependencies":["avatar","badge","button"],"title":"pill","type":"registry:ui"},{"dependencies":["culori","qrcode"],"description":"QR Code is a component that generates a QR code from a string.","devDependencies":["@types/culori","@types/qrcode"],"name":"qr-code","title":"qr-code","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","lucide-react"],"description":"A star rating component with keyboard navigation and hover effects.","name":"rating","title":"rating","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","lucide-react","motion"],"description":"A composable Reel component that looks like Instagram Stories - a full-height, 9:16 aspect ratio container with video playback and progress indicators.","name":"reel","registryDependencies":["button","progress"],"title":"reel","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state"],"description":"A component that displays time in various timezones.","name":"relative-time","title":"relative-time","type":"registry:ui"},{"dependencies":["@codesandbox/sandpack-react"],"description":"The sandbox component allows you to preview and test components in a sandboxed environment.","name":"sandbox","title":"sandbox","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Snippet is a component that allows you to display and copy code in a tabbed interface.","name":"snippet","registryDependencies":["button","tabs"],"title":"snippet","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"A spinner is a visual indicator that shows progress or activity.","name":"spinner","title":"spinner","type":"registry:ui"},{"description":"Status components are used to display the uptime of a service.","name":"status","registryDependencies":["badge"],"title":"status","type":"registry:ui"},{"description":"A composable Stories component - a carousel of individual video cards like you'd see on Facebook.","name":"stories","registryDependencies":["avatar","carousel"],"title":"stories","type":"registry:ui"},{"dependencies":["@tanstack/react-table","jotai","lucide-react"],"description":"Table views are used to display data in a tabular format. They are useful for displaying large amounts of data in a structured way.","name":"table","registryDependencies":["button","dropdown-menu","table"],"title":"table","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Tags are a way to apply multiple labels to an item.","name":"tags","registryDependencies":["badge","button","command","popover"],"title":"tags","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state","lucide-react","motion"],"description":"A component to switch between light, dark and system theme.","name":"theme-switcher","title":"theme-switcher","type":"registry:ui"},{"description":"A composable finance ticker for displaying symbols, prices and changes.","name":"ticker","registryDependencies":["avatar"],"title":"ticker","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A composable tree component with animated expand/collapse and customizable nodes.","name":"tree","title":"tree","type":"registry:ui"},{"dependencies":["media-chrome"],"description":"A composable, shadcn/ui styled video player component that uses the media-chrome library.","name":"video-player","title":"video-player","type":"registry:ui"}]},"illos":{"error":"403 Forbidden","items":[]},"glassy ui":{"favicon":"/favicons/glassy-ui.svg","items":[{"description":"Sets the theme and accessibility preferences that every Glassy UI component follows.","name":"glass-provider","title":"Glass Provider","type":"registry:ui"},{"dependencies":["clsx"],"description":"The glass material as a plain div, for building your own glass components.","name":"glass-surface","title":"Glass Surface","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","clsx"],"description":"A glass button with four variants, three sizes and an asChild mode for links.","name":"glass-button","title":"Glass Button","type":"registry:ui"},{"dependencies":["clsx"],"description":"A glass container in a panel, card or pill shape.","name":"glass-panel","title":"Glass Panel","type":"registry:ui"},{"dependencies":["clsx"],"description":"A floating glass header with a brand, navigation links, actions and a compact menu.","name":"glass-header","title":"Glass Header","type":"registry:ui"},{"dependencies":["clsx"],"description":"A recessed glass text field with an optional label and hint.","name":"glass-input","title":"Glass Input","type":"registry:ui"},{"dependencies":["@radix-ui/react-checkbox","clsx"],"description":"A glass checkbox with an optional label, description and indeterminate state.","name":"glass-checkbox","title":"Glass Checkbox","type":"registry:ui"},{"dependencies":["@radix-ui/react-radio-group","clsx"],"description":"A group of glass radio buttons where exactly one option is chosen.","name":"glass-radio-group","title":"Glass Radio Group","type":"registry:ui"},{"dependencies":["clsx"],"description":"A recessed glass text area that can grow with its text.","name":"glass-textarea","title":"Glass Textarea","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-select"],"description":"A select field whose options open on a raised glass panel.","name":"glass-select","title":"Glass Select","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-tabs"],"description":"Tabs on a glass pill, with one indicator that moves to the selected tab.","name":"glass-tabs","title":"Glass Tabs","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-dialog"],"description":"A modal glass dialog with an overlay, a focus trap and a close button.","name":"glass-dialog","title":"Glass Dialog","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-popover"],"description":"A glass popover anchored to the control that opens it.","name":"glass-popover","title":"Glass Popover","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-tooltip"],"description":"A small glass label that appears on hover and keyboard focus.","name":"glass-tooltip","title":"Glass Tooltip","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-toast"],"description":"A glass notification for brief updates that screen readers announce.","name":"glass-toast","title":"Glass Toast","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-accordion"],"description":"Collapsible glass sections that open one at a time or several at once.","name":"glass-accordion","title":"Glass Accordion","type":"registry:ui"},{"dependencies":["@radix-ui/react-switch","clsx"],"description":"A glass on/off switch in two sizes.","name":"glass-switch","title":"Glass Switch","type":"registry:ui"},{"dependencies":["@radix-ui/react-slider","clsx"],"description":"A glass slider for one value or a range, with one named thumb per value.","name":"glass-slider","title":"Glass Slider","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-radio-group"],"description":"A single-choice glass control for two to six options, with a draggable selection.","name":"glass-segmented-control","title":"Glass Segmented Control","type":"registry:ui"},{"dependencies":["clsx"],"description":"A small tinted glass label for status, counts and categories.","name":"glass-badge","title":"Glass Badge","type":"registry:ui"},{"dependencies":["clsx"],"description":"A glass progress bar for known values, with a sweeping state for unknown lengths.","name":"glass-progress","title":"Glass Progress","type":"registry:ui"},{"dependencies":["clsx"],"description":"A small spinning ring that tells screen readers something is loading.","name":"glass-spinner","title":"Glass Spinner","type":"registry:ui"},{"dependencies":["clsx"],"description":"A glass placeholder block, circle or set of text lines shown while content loads.","name":"glass-skeleton","title":"Glass Skeleton","type":"registry:ui"},{"dependencies":["clsx"],"description":"A tinted glass message with four tones, an icon and an optional dismiss button.","name":"glass-alert","title":"Glass Alert","type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","clsx"],"description":"A round photo that falls back to initials, with a presence dot and stacked groups.","name":"glass-avatar","title":"Glass Avatar","type":"registry:ui"},{"dependencies":["clsx"],"description":"A keycap for showing keyboard shortcuts in menus, hints and docs.","name":"glass-kbd","title":"Glass Kbd","type":"registry:ui"},{"dependencies":["@radix-ui/react-scroll-area","clsx"],"description":"A scroll container with a thin glass scrollbar that shows on hover and while scrolling.","name":"glass-scroll-area","title":"Glass Scroll Area","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-slot"],"description":"A row of app icons on a glass shelf, with labels on hover and focus.","name":"glass-dock","title":"Glass Dock","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","clsx"],"description":"A breadcrumb trail to the current page, with an ellipsis for folded steps.","name":"glass-breadcrumb","title":"Glass Breadcrumb","type":"registry:ui"},{"dependencies":["clsx"],"description":"Numbered page buttons with previous and next, folding long runs into an ellipsis.","name":"glass-pagination","title":"Glass Pagination","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-dialog"],"description":"A modal glass panel that slides in from a screen edge; bottom sheets drag down to close.","name":"glass-sheet","title":"Glass Sheet","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-dropdown-menu"],"description":"A glass dropdown menu with shortcuts, checkbox and radio items, and submenus.","name":"glass-menu","title":"Glass Menu","type":"registry:ui"},{"dependencies":["clsx","@radix-ui/react-dialog","cmdk"],"description":"A searchable command list that filters as you type, alone or in a dialog.","name":"glass-command","title":"Glass Command","type":"registry:ui"},{"dependencies":["clsx"],"description":"A draggable magnifier with a glass rim that bends the content beneath it.","name":"glass-lens","title":"Glass Lens","type":"registry:ui"},{"dependencies":["clsx"],"description":"A WebGL2 canvas that refracts a backdrop image through the glass components inside it.","name":"glass-scene","title":"Glass Scene","type":"registry:ui"},{"dependencies":["clsx"],"description":"A WebGL2 logo sting: a ball of thick glass swells around your mark, squares into a glass tile and clears, leaving the real mark.","name":"glass-logo-reveal","title":"Glass Logo Reveal","type":"registry:ui"},{"dependencies":["clsx"],"description":"A CSS 3D laptop mockup whose screen shows your screenshot or React content.","name":"glass-laptop","title":"Glass Laptop","type":"registry:ui"},{"dependencies":["clsx"],"description":"A WebGL2 folding phone mockup with your screenshots on both displays.","name":"glass-phone-duo","title":"Glass Phone Duo","type":"registry:ui"},{"dependencies":["radix-ui"],"description":"Replaces shadcn/ui's new-york components (Radix (radix-ui)) with Glassy UI versions that keep their API, so your imports stay as they are.","name":"glassy-ui-new-york","title":"Glassy UI components for shadcn/ui (new-york)","type":"registry:ui"},{"description":"Replaces shadcn/ui's base-nova components (Base UI (@base-ui/react)) with Glassy UI versions that keep their API, so your imports stay as they are.","name":"glassy-ui-base-nova","title":"Glassy UI components for shadcn/ui (base-nova)","type":"registry:ui"}]},"liquikit":{"favicon":"/favicons/liquikit.png","items":[{"dependencies":["@base-ui/react@^1.8.0"],"description":"Sections that open on a spring inside one slab of glass, and a collapsible.","name":"accordion","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"Accordion","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"An alert dialog that grows out of a droplet in its own middle.","name":"alert","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Alert","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A glass field that suggests as you type.","name":"autocomplete","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/field.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Autocomplete","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A picture or initials in a disc of glass.","name":"avatar","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"Avatar","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A glass button that swells and lights up under a press.","name":"button","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/press.json"],"title":"Button","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A small drop of glass that fills with the accent, and a checkbox group.","name":"checkbox","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/press.json"],"title":"Checkbox","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A glass field with a list that buds off it and reshapes as you type.","name":"combobox","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/field.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Combobox","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A menu that grows from where the pointer was.","name":"context-menu","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Context Menu","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A panel that grows out of its button and flies home into it.","name":"dialog","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0","motion@^13.4.4"],"description":"Glass text inputs, fields, fieldsets and forms.","name":"field","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"Field","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A menu that pours out of its button like liquid.","name":"menu","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Menu","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A capsule of menu titles whose menus share one panel of glass.","name":"menubar","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/menu.json","https://liquikit.dev/r/popup.json"],"title":"Menubar","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"Frosted meter and progress bars.","name":"meter","registryDependencies":["https://liquikit.dev/r/core.json"],"title":"Meter","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A navigation bar whose one panel reshapes between titles.","name":"navigation-menu","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Navigation Menu","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A glass stepper with a scrub area.","name":"number-field","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/field.json","https://liquikit.dev/r/glass.json"],"title":"Number Field","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A one-time code input in slots of glass.","name":"otp-field","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"OTP Field","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A glass popover that grows out of its trigger.","name":"popover","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Popover","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A preview that buds off a link.","name":"preview-card","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Preview Card","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"Glass radio buttons in a radio group.","name":"radio","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/press.json"],"title":"Radio","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A scrolling area with an overlay scrollbar, and a separator.","name":"scroll-area","registryDependencies":["https://liquikit.dev/r/core.json"],"title":"Scroll Area","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0","motion@^13.4.4"],"description":"A capsule of glass with a magnifying glass and a clear button.","name":"search-field","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"Search Field","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A pill of liquid glass you can drag between options.","name":"segmented-control","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/segments.json"],"title":"Segmented Control","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A select whose list grows out of its button.","name":"select","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Select","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A sheet of glass that floats up and can be pulled back down.","name":"sheet","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"Sheet","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A glass knob that turns to liquid as you drag it.","name":"slider","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"Slider","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A switch whose knob lifts into a lens as it slides.","name":"switch","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"Switch","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"Tabs and a floating tab bar with a lens you can drag.","name":"tabs","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/segments.json"],"title":"Tabs","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"Notifications that unfold out of a capsule at the top edge.","name":"toast","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Toast","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A glass toggle button.","name":"toggle","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"Toggle","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"Toggles that merge into one capsule of glass.","name":"toggle-group","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/segments.json"],"title":"Toggle Group","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A capsule of glass holding buttons and separators.","name":"toolbar","registryDependencies":["https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json"],"title":"Toolbar","type":"registry:ui"},{"dependencies":["@base-ui/react@^1.8.0"],"description":"A tooltip that swells out of nothing.","name":"tooltip","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"],"title":"Tooltip","type":"registry:ui"}]},"loading ui":{"favicon":"/favicons/loading-ui.svg","items":[{"name":"ring","type":"registry:component"},{"name":"spokes","type":"registry:component"},{"name":"classic","type":"registry:component"},{"name":"dots-ring","type":"registry:component"},{"dependencies":["motion"],"name":"spiral","type":"registry:component"},{"name":"swirling","type":"registry:component"},{"name":"arc","type":"registry:component"},{"name":"dual-arc","type":"registry:component"},{"name":"fade-arc","type":"registry:component"},{"name":"concentric-ring","type":"registry:component"},{"name":"orbit-ring","type":"registry:component"},{"name":"satellite-ring","type":"registry:component"},{"name":"clock-ring","type":"registry:component"},{"name":"quarter-ring","type":"registry:component"},{"name":"dash-ring","type":"registry:component"},{"name":"comet-spinner","type":"registry:component"},{"name":"pulse","type":"registry:component"},{"name":"ripple","type":"registry:component"},{"name":"pulse-dot","type":"registry:component"},{"name":"dots","type":"registry:component"},{"dependencies":["motion"],"name":"bobbing-dots","type":"registry:component"},{"name":"bouncing-dots","type":"registry:component"},{"name":"typing","type":"registry:component"},{"name":"twin-orbit","type":"registry:component"},{"dependencies":["motion"],"name":"pulsating-dots","type":"registry:component"},{"name":"triple-dot-spinner","type":"registry:component"},{"dependencies":["motion"],"name":"text-shimmer","type":"registry:component"},{"name":"text-blink","type":"registry:component"},{"name":"text-dots","type":"registry:component"},{"dependencies":["motion"],"name":"text-shimmer-wave","type":"registry:component"},{"dependencies":["motion"],"name":"morphing-infinity","type":"registry:component"},{"name":"infinity","type":"registry:component"},{"name":"accordion-loader","type":"registry:component"},{"name":"symmetric-wave","type":"registry:component"},{"name":"square-grid","type":"registry:component"},{"name":"square-accordion","type":"registry:component"},{"name":"conveyor-loop","type":"registry:component"},{"name":"square-snake","type":"registry:component"},{"name":"infinity-square-snake","type":"registry:component"},{"name":"infinity-track","type":"registry:component"},{"name":"diamond","type":"registry:component"},{"name":"wave","type":"registry:component"},{"name":"bars","type":"registry:component"},{"dependencies":["motion"],"name":"analyzing-image","type":"registry:component"},{"name":"skeleton","type":"registry:component"},{"name":"terminal","type":"registry:component"},{"name":"wandering-eyes","type":"registry:component"}]},"microkit":{"favicon":"/favicons/microkit.ico","items":[{"categories":["button","hover"],"description":"A spring-tracked pill light with mirrored edge glows that crossfade as the pointer changes sides.","name":"cursor-edge-glow-button","title":"Cursor Edge Glow Button","type":"registry:component"},{"categories":["button","hover"],"description":"A dark share pill with a glowing send orb that tracks the pointer and a looping upward text swap.","name":"cursor-follow-share-button","title":"Cursor Follow Share Button","type":"registry:component"},{"categories":["input","focus"],"description":"An input with a clean animated focus treatment.","name":"focus-input","title":"Focus Field","type":"registry:component"},{"categories":["button","click"],"dependencies":["lucide-react"],"description":"A delete button that only fires when held: an orange bar fills linearly from left to right as a matching glow builds behind it, snapping back if you let go early and landing on a check with a pulse once it completes.","name":"hold-to-delete-button","title":"Hold to Delete Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"An archive button that turns into Undo and lights an orange fuse around its outline; the fuse holds still while you hover it, so the chance to undo only runs out once you look away.","name":"fuse-undo-button","title":"Fuse Undo Button","type":"registry:component"},{"categories":["button","click"],"dependencies":["motion"],"description":"A task status icon whose dashed ring closes into a spinning arc, fills to its progress, then draws a check or a cross and strikes the label through.","name":"progress-ring-check","title":"Progress Ring Check","type":"registry:component"},{"categories":["input","click"],"dependencies":["motion"],"description":"A checkbox whose fill springs out past the box with a little swell, draws its tick, then strikes the label through and dims it.","name":"bounce-checkbox","title":"Bounce Checkbox","type":"registry:component"},{"categories":["navigation","hover"],"dependencies":["lucide-react"],"description":"Circular social links that trade their icon for a brand-colored arrow and glow on hover.","name":"social-icon-buttons","title":"Social Icon Buttons","type":"registry:component"},{"categories":["input","drag"],"description":"A number field you drag to scrub and click to type, with a ruler that tracks the gesture.","name":"scrub-number-field","title":"Scrub Number Field","type":"registry:component"},{"categories":["navigation","hover"],"description":"Social cards with a luminous top rail, a soft brand-colored wash, and matching icons on hover.","name":"social-highlight-cards","title":"Social Highlight Cards","type":"registry:component"},{"categories":["navigation","click"],"dependencies":["lucide-react"],"description":"A nested menu whose steps blur before they glide aside, while the surface animates to the height of the step arriving.","name":"blur-glide-menu","title":"Blur Glide Menu","type":"registry:component"},{"categories":["navigation","click"],"dependencies":["lucide-react"],"description":"An icon bar where the chosen tab widens to reveal its label and the rest of the row slides over to make room.","name":"expanding-icon-tabs","title":"Expanding Icon Tabs","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A bordered pill whose leading dot expands into a solid fill while the label swaps for an arrow cue.","name":"next-dot-fill-button","title":"Next Dot Fill Button","type":"registry:component"},{"categories":["navigation","hover"],"dependencies":["lucide-react"],"description":"A thin empty pill that grows wider and taller off its fixed bottom edge when the surrounding preview is hovered, scaling its actions in one after another with a label above each.","name":"preview-hover-toolbar","title":"Preview Hover Toolbar","type":"registry:component"},{"categories":["button","click"],"description":"A purchase button that opens room for a pixel-wave loader, swaps it for a shield once the payment clears, then resets itself.","name":"secure-purchase-button","title":"Secure Purchase Button","type":"registry:component"},{"categories":["navigation","hover"],"dependencies":["lucide-react"],"description":"One highlight glides from card to card under the pointer, seen only through the cards themselves, so it drains out of one and fills the next.","name":"hover-glide-cards","title":"Hover Glide Cards","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A pill-shaped call-to-action with an expanding background and arrow icon, adapted from the supplied Webflow export.","name":"expanding-contact-button","title":"Expanding Contact Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A circular arrow and label that resolve into a polished contact pill on hover.","name":"contact-reveal-button","title":"Contact Reveal Button","type":"registry:component"},{"categories":["button","hover"],"description":"A compact white contact label that shifts upward to reveal muted contact details with an orange accent.","name":"contact-details-reveal","title":"Contact Details Reveal","type":"registry:component"},{"categories":["button","hover"],"description":"A dark subscribe pill with a rotating highlight that traces its edge on hover.","name":"subscribe-shine-button","title":"Subscribe Shine Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"An orange newsletter pill with a growing dark circle and an arrow that slides in from the left.","name":"expanding-newsletter-button","title":"Expanding Newsletter Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"An outlined arrow control that expands into a bright Next button on hover.","name":"next-reveal-button","title":"Next Reveal Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A text link whose arrow slides in from the left as the label settles into place.","name":"pricing-slide-link","title":"Pricing Slide Link","type":"registry:component"},{"categories":["navigation","click"],"dependencies":["lucide-react"],"description":"A glowing rail that slides to the active item in a vertical nav — the same indicator powering this site's sidebar.","name":"spotlight-indicator","title":"Spotlight Indicator","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A text link whose arrow swaps from the right side to an orange leading arrow on hover.","name":"read-more-swap","title":"Read More Swap","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A Projects label paired with an outlined circular arrow that slides through itself on hover.","name":"projects-arrow-button","title":"Projects Arrow Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A dark, fully rounded button whose orange and blue glows follow the cursor.","name":"whats-new-glow-button","title":"What's New Glow Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"An outlined pill button with a diagonal arrow that slides through on hover.","name":"preview-browser-button","title":"Preview in Browser Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A leading icon slides out as an arrow opens in to take its place, trading without changing the button's width.","name":"icon-swap-button","title":"Icon Swap Button","type":"registry:component"},{"categories":["button","hover"],"description":"A magnetic pill button with a bottom-to-top background fill.","name":"magnetic-fill-button","title":"Magnetic Fill Button","type":"registry:component"},{"categories":["button","hover"],"description":"A bordered share pill whose label glides right as an orange send icon enters from the left.","name":"sliding-send-button","title":"Sliding Send Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A bordered CTA whose orange circle exits right as a directional arrow slides into place.","name":"get-started-circle-swap","title":"Get Started Circle Swap","type":"registry:component"},{"categories":["button","hover"],"description":"Hollow stroked lettering that fills with orange behind a rounded bar sweeping left to right.","name":"outline-wipe-button","title":"Outline Wipe Button","type":"registry:component"},{"categories":["button","hover"],"description":"An outlined pill whose duplicated label swaps vertically on hover.","name":"project-text-swap-button","title":"Project Text Swap Button","type":"registry:component"},{"categories":["button","hover"],"description":"A borderless View More label that swaps vertically on hover.","name":"view-more-text-swap","title":"View More Text Swap","type":"registry:component"},{"categories":["button","hover"],"description":"A surface-free text interaction with a staggered per-letter upward replacement.","name":"staggered-letter-text-swap","title":"Staggered Letter Text Swap","type":"registry:component"},{"categories":["button","hover"],"description":"A dark pill with inward orange edge glows and a staggered per-letter upward text swap.","name":"staggered-letter-glow-button","title":"Staggered Letter Glow Button","type":"registry:component"},{"categories":["button","hover"],"description":"A label that scales up as a warm gradient underline grows across it.","name":"gradient-underline-button","title":"Gradient Underline Button","type":"registry:component"},{"categories":["button","hover"],"description":"An outlined Preview in browser button that fills with yellow from the left.","name":"yellow-fill-preview-button","title":"Yellow Fill Preview Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A white Get in touch pill whose arrow settles into a black circular control on hover.","name":"white-contact-orbit-button","title":"White Contact Orbit Button","type":"registry:component"},{"categories":["button","hover"],"description":"A circular CTA whose dark surface expands into an orange fill.","name":"circle-surface-button","title":"Circle Surface Button","type":"registry:component"},{"categories":["button","hover"],"description":"A circular project CTA that reveals its dark base as the inset surface collapses.","name":"inset-circle-button","title":"Inset Circle Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A text label that gets a bright surface while an arrow slides in beside it.","name":"sliding-arrow-label","title":"Sliding Arrow Label","type":"registry:component"},{"categories":["button","hover"],"description":"An orange outlined pill that fills from a growing circle.","name":"orange-circle-fill-button","title":"Orange Circle Fill Button","type":"registry:component"},{"categories":["button","hover"],"description":"A dimensional pill with gradient text and subtly shifting layered surfaces.","name":"layered-gradient-button","title":"Layered Gradient Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A bright CTA with a soft glow and a moving arrow on hover.","name":"glow-arrow-button","title":"Glow Arrow Button","type":"registry:component"},{"categories":["button","hover"],"description":"An outlined Talk to us pill that fills with orange and reveals a long arrow.","name":"talk-arrow-reveal-button","title":"Talk Arrow Reveal Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A pill button whose arrow circle swaps sides while its surface changes color.","name":"see-more-swap-button","title":"See More Swap Button","type":"registry:component"},{"categories":["button","hover"],"description":"A bold orange CTA that inverts into a dark, softly glowing surface on hover.","name":"neon-invert-button","title":"Neon Invert Button","type":"registry:component"},{"categories":["button","hover"],"dependencies":["lucide-react"],"description":"A compact contact action whose icon turns orange while an underline draws beneath the label.","name":"contact-underline-button","title":"Contact Underline Button","type":"registry:component"},{"categories":["navigation","click"],"dependencies":["lucide-react"],"description":"A compact tab switcher with a sliding active surface and content transition.","name":"sliding-content-tabs","title":"Sliding Content Tabs","type":"registry:component"},{"categories":["navigation","click"],"description":"A compact tab switcher with an orange underline that glides between labels.","name":"sliding-underline-tabs","title":"Sliding Underline Tabs","type":"registry:component"},{"categories":["navigation","hover"],"description":"A compact newsletter button that scales and lifts into a soft white glow on hover.","name":"floating-newsletter-button","title":"Floating Newsletter Button","type":"registry:component"},{"categories":["button","hover"],"description":"A layered blue download button with a luminous rim, directional shadow, and blended hover bloom.","name":"aurora-download-button","title":"Aurora Download Button","type":"registry:component"}]},"mischief ui":{"favicon":"/favicons/mischief-ui.svg","items":[{"categories":["navigation","tabs","motion"],"dependencies":["@base-ui/react@^1.7.0","motion@^13.1.0"],"description":"Accessible tabs with a gently responsive label and a clear active surface.","name":"magnetic-tabs","registryDependencies":["utils"],"title":"Magnetic Tabs","type":"registry:ui"},{"categories":["form","slider","motion"],"dependencies":["@base-ui/react@^1.7.0","motion@^13.1.0"],"description":"An accessible value slider with restrained physical feedback at its limits.","name":"elastic-slider","registryDependencies":["utils"],"title":"Elastic Slider","type":"registry:ui"},{"categories":["button","confirmation","feedback"],"description":"A confirmation button that completes after a deliberate pointer hold and remains accessible from a keyboard.","name":"hold-button","registryDependencies":["utils"],"title":"Hold Button","type":"registry:ui"},{"categories":["button","call-to-action","motion"],"dependencies":["@base-ui/react@^1.7.0","lucide-react@^1.31.0"],"description":"A call-to-action button that trades its leading icon for a directional cue.","name":"shift-button","registryDependencies":["utils"],"title":"Shift Button","type":"registry:ui"},{"categories":["checkbox","feedback","motion","playful"],"dependencies":["motion@^13.1.0"],"description":"A playful checkbox that a determined bear refuses to leave on.","name":"impossible-checkbox","registryDependencies":["utils"],"title":"Impossible Checkbox","type":"registry:ui"},{"categories":["navigation","scroll","progress","motion"],"dependencies":["lucide-react@^1.31.0","motion@^13.1.0"],"description":"A compact floating outline that tracks reading progress and the active section.","name":"floating-index","registryDependencies":["utils"],"title":"Floating Index","type":"registry:ui"},{"categories":["navigation","search","dialog","command"],"dependencies":["lucide-react@^1.31.0"],"description":"A search dialog over anything you can list, opened from a keyboard shortcut.","name":"command-palette","registryDependencies":["utils"],"title":"Command Palette","type":"registry:ui"},{"categories":["button","navigation","scroll","floating"],"dependencies":["lucide-react@^1.31.0"],"description":"A floating shortcut that appears after someone moves down a long page or scroll container and returns them to the top.","name":"scroll-to-top-button","registryDependencies":["utils"],"title":"Scroll to Top Button","type":"registry:ui"},{"categories":["form","button","feedback","floating"],"description":"A bar that exists only while a form has unsaved changes. It says so, saves, confirms, and leaves.","name":"save-bar","registryDependencies":["utils"],"title":"Save Bar","type":"registry:ui"},{"categories":["docs","install","command","copy"],"dependencies":["lucide-react@^1.31.0"],"description":"A switchable install line for a library, with the runner and installer kept apart.","name":"install-command","registryDependencies":["utils"],"title":"Install Command","type":"registry:ui"},{"categories":["docs","ai","markdown","copy"],"dependencies":["lucide-react@^1.31.0"],"description":"Hands a documentation page to an assistant as markdown.","name":"copy-for-ai","registryDependencies":["utils"],"title":"Copy for AI","type":"registry:ui"},{"categories":["docs","navigation","scroll"],"description":"A page outline that marks the section the reader is in.","name":"table-of-contents","registryDependencies":["utils"],"title":"Table of Contents","type":"registry:ui"},{"categories":["file","upload","dropzone","form"],"dependencies":["lucide-react@^1.31.0"],"description":"A file picker and dropzone with validation, a visible queue, and optional progress, cancel, and retry handling.","name":"file-upload","registryDependencies":["utils"],"title":"File Upload","type":"registry:ui"},{"categories":["file","thumbnail","preview","loading"],"dependencies":["lucide-react@^1.31.0"],"description":"A compact image preview with automatic browser File support, loading, and failure states.","name":"file-thumbnail","registryDependencies":["utils"],"title":"File Thumbnail","type":"registry:ui"},{"categories":["ai","chat","scroll","agent"],"dependencies":["lucide-react@^1.31.0"],"description":"A thread scroll container that follows a streaming reply and yields to the reader.","name":"conversation","registryDependencies":["utils"],"title":"Conversation","type":"registry:ui"},{"categories":["ai","chat","message","agent"],"description":"One turn in a thread, with role, avatar, timestamp, and reachable actions.","name":"message","registryDependencies":["utils"],"title":"Message","type":"registry:ui"},{"categories":["ai","chat","input","form","agent"],"dependencies":["lucide-react@^1.31.0"],"description":"A growing composer that sends on Enter and becomes a stop button while streaming.","name":"prompt-input","registryDependencies":["utils"],"title":"Prompt Input","type":"registry:ui"},{"categories":["ai","chat","prompts","agent"],"description":"A scrollable row of prompts to start or continue a conversation with.","name":"suggestions","registryDependencies":["utils"],"title":"Suggestions","type":"registry:ui"},{"categories":["ai","form","questions","agent"],"dependencies":["lucide-react@^1.31.0"],"description":"Multi-step questions an agent asks before starting, with single, multiple, and freeform answers.","name":"questionnaire","registryDependencies":["utils"],"title":"Questionnaire","type":"registry:ui"},{"categories":["ai","button","links","copy"],"dependencies":["lucide-react@^1.31.0"],"description":"A source-aware handoff that opens a prepared prompt in an AI assistant or copies it for another one.","name":"ask-ai","registryDependencies":["utils"],"title":"Ask AI","type":"registry:ui"},{"categories":["ai","streaming","text","agent"],"description":"Text that arrives a piece at a time from an async source, with sentence-level announcements.","name":"streaming-text","registryDependencies":["utils"],"title":"Streaming Text","type":"registry:ui"},{"categories":["ai","status","loading","agent"],"dependencies":["lucide-react@^1.31.0"],"description":"A status row for work in progress, with a live elapsed timer and optional reasoning.","name":"thinking-state","registryDependencies":["utils"],"title":"Thinking State","type":"registry:ui"},{"categories":["ai","tool","disclosure","agent"],"dependencies":["lucide-react@^1.31.0"],"description":"A compact record of one tool invocation with its input and output behind a disclosure.","name":"tool-call","registryDependencies":["utils"],"title":"Tool Call","type":"registry:ui"},{"categories":["ai","list","progress","agent"],"dependencies":["lucide-react@^1.31.0"],"description":"A task list whose items change state as work proceeds, announcing only what changed.","name":"agent-checklist","registryDependencies":["utils"],"title":"Agent Checklist","type":"registry:ui"},{"categories":["ai","citations","sources","agent"],"dependencies":["lucide-react@^1.31.0"],"description":"Numbered markers inside generated text, each linking to its entry in a source list.","name":"inline-citations","registryDependencies":["utils"],"title":"Inline Citations","type":"registry:ui"},{"categories":["document","citations","ocr","ai"],"description":"Selectable regions drawn over a page image from normalized coordinates.","name":"bounding-boxes","registryDependencies":["utils"],"title":"Bounding Boxes","type":"registry:ui"},{"categories":["document","annotation","review"],"dependencies":["lucide-react@^1.31.0"],"description":"Notes attached to regions of a page, created by dragging.","name":"annotation-layer","registryDependencies":["utils"],"title":"Annotation Layer","type":"registry:ui"},{"categories":["document","redaction","privacy"],"dependencies":["lucide-react@^1.31.0"],"description":"Mark regions to black out, with a reveal that states it is only a preview.","name":"redaction","registryDependencies":["utils"],"title":"Redaction","type":"registry:ui"},{"categories":["document","navigation","pages"],"dependencies":["lucide-react@^1.31.0"],"description":"A rail of page thumbnails for moving through a long document.","name":"page-navigator","registryDependencies":["utils"],"title":"Page Navigator","type":"registry:ui"},{"categories":["document","tree","files","navigation"],"dependencies":["lucide-react@^1.31.0"],"description":"An expandable tree of folders and files with full keyboard navigation.","name":"file-tree","registryDependencies":["utils"],"title":"File Tree","type":"registry:ui"},{"categories":["document","split","pages"],"dependencies":["lucide-react@^1.31.0"],"description":"Mark where one scanned batch becomes several documents.","name":"document-splits","registryDependencies":["utils"],"title":"Document Splits","type":"registry:ui"},{"categories":["document","schema","form","ai"],"dependencies":["lucide-react@^1.31.0"],"description":"Build the shape you want extracted from a document, with nesting.","name":"schema-builder","registryDependencies":["utils"],"title":"Schema Builder","type":"registry:ui"},{"categories":["document","signature","canvas","form"],"dependencies":["lucide-react@^1.31.0"],"description":"Sign with a pointer on a canvas, or type a name instead.","name":"signature-pad","registryDependencies":["utils"],"title":"Signature Pad","type":"registry:ui"},{"categories":["document","csv","table","data"],"dependencies":["lucide-react@^1.31.0","papaparse@^5.6.0"],"description":"A sortable table for delimited data with a sticky header and a row cap.","name":"csv-viewer","registryDependencies":["utils"],"title":"CSV Viewer","type":"registry:ui"},{"categories":["document","viewer","tree","data","ai"],"dependencies":["lucide-react@^1.31.0"],"description":"A collapsible tree for a JSON payload, navigable from the keyboard, where every row can hand you its path.","name":"json-viewer","registryDependencies":["utils"],"title":"JSON Viewer","type":"registry:ui"},{"categories":["document","docx","word","viewer"],"dependencies":["lucide-react@^1.31.0","mammoth@^1.12.1"],"description":"Renders a Word document as elements built through a tag and attribute allowlist.","name":"docx-viewer","registryDependencies":["utils"],"title":"DOCX Viewer","type":"registry:ui"},{"categories":["document","pdf","viewer","canvas"],"dependencies":["lucide-react@^1.31.0","pdfjs-dist@^6.2.108"],"description":"Page-by-page PDF rendering on a canvas, with paging and zoom, over any loader.","name":"pdf-viewer","registryDependencies":["utils"],"title":"PDF Viewer","type":"registry:ui"},{"categories":["document","markdown","layout","ai"],"dependencies":["react-markdown@^10.1.0","remark-gfm@^4.0.1"],"description":"Extracted document regions rendered as markdown, each one selectable.","name":"markdown-blocks","registryDependencies":["utils"],"title":"Markdown Blocks","type":"registry:ui"},{"categories":["layout","footer","branding"],"description":"A composed site footer that ends with an oversized, low-contrast wordmark.","name":"signature-footer","registryDependencies":["utils","https://ui.tinkererslabs.com/r/footer-columns.json","https://ui.tinkererslabs.com/r/footer-row.json","https://ui.tinkererslabs.com/r/footer-wordmark.json"],"title":"Signature Footer","type":"registry:block"},{"categories":["gallery","images","dialog","layout"],"dependencies":["lucide-react@^1.31.0"],"description":"A responsive image collection with grid and masonry layouts and an accessible lightbox.","name":"image-gallery","registryDependencies":["utils","https://ui.tinkererslabs.com/r/image-grid.json","https://ui.tinkererslabs.com/r/lightbox.json"],"title":"Image Gallery","type":"registry:block"},{"categories":["code","docs","clipboard"],"dependencies":["lucide-react@^1.31.0"],"description":"A code panel with copy, optional line numbers, highlighted lines, and a collapse for anything long.","name":"code-block","registryDependencies":["utils"],"title":"Code Block","type":"registry:ui"},{"categories":["ai","code","diff","agent"],"dependencies":["lucide-react@^1.31.0"],"description":"A proposed change shown as a unified or side-by-side diff, with optional accept and reject controls.","name":"diff-view","registryDependencies":["utils"],"title":"Diff View","type":"registry:ui"},{"categories":["ai","code","terminal","agent"],"dependencies":["lucide-react@^1.31.0"],"description":"Streaming command output with stderr called out, an exit code, and scroll that follows without trapping you.","name":"terminal-output","registryDependencies":["utils"],"title":"Terminal Output","type":"registry:ui"},{"categories":["ai","chat","agent","feedback"],"dependencies":["lucide-react@^1.31.0"],"description":"The row under an answer: copy it, ask again, and rate it.","name":"response-actions","registryDependencies":["utils"],"title":"Response Actions","type":"registry:ui"},{"categories":["theme","dark-mode","control"],"dependencies":["lucide-react@^1.31.0"],"description":"A light and dark switch that survives a reload, follows the system when asked, and stays in step across tabs.","name":"theme-toggle","registryDependencies":["utils"],"title":"Theme Toggle","type":"registry:ui"},{"categories":["disclosure","faq","control"],"dependencies":["lucide-react@^1.31.0"],"description":"A list of disclosures built on native details elements.","name":"accordion","registryDependencies":["utils"],"title":"Accordion","type":"registry:ui"},{"categories":["docs","preview","tabs"],"dependencies":["lucide-react@^1.31.0"],"description":"A framed example with a tab for the source beside it.","name":"component-preview","registryDependencies":["utils"],"title":"Component Preview","type":"registry:ui"},{"categories":["docs","keyboard","hint"],"description":"A keyboard chord rendered with the right glyphs for the reader's platform.","name":"kbd","registryDependencies":["utils"],"title":"Kbd","type":"registry:ui"},{"categories":["ai","agent","chat","input","canvas","media"],"dependencies":["lucide-react@^1.31.0"],"description":"A microphone that draws what it is hearing, so a live one is told apart from a dead one at a glance.","name":"voice-input","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Voice Input","type":"registry:ui"},{"categories":["ai","agent","media","audio","canvas","player"],"dependencies":["lucide-react@^1.31.0"],"description":"A recording with its waveform, its position and its transcript, every line seekable.","name":"audio-player","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Audio Player","type":"registry:ui"},{"categories":["ai","agent","media","audio","canvas","feedback"],"description":"Frequency bars for audio on its way out, with the state said as well as drawn.","name":"bar-visualizer","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Bar Visualizer","type":"registry:ui"},{"categories":["ai","agent","media","audio","control","form"],"dependencies":["lucide-react@^1.31.0"],"description":"Picks the microphone, then proves the choice with a live level meter.","name":"mic-selector","registryDependencies":["utils"],"title":"Mic Selector","type":"registry:ui"},{"categories":["ai","agent","chat","reasoning","feedback"],"dependencies":["lucide-react@^1.31.0"],"description":"The steps an assistant took before answering, open while it works and folded away after.","name":"chain-of-thought","registryDependencies":["utils"],"title":"Chain of Thought","type":"registry:ui"},{"categories":["ai","agent","code","preview","iframe"],"dependencies":["lucide-react@^1.31.0"],"description":"A sandboxed frame for whatever the agent just built, with the widths to check it at.","name":"web-preview","registryDependencies":["utils"],"title":"Web Preview","type":"registry:ui"},{"categories":["ai","agent","media","video","player"],"dependencies":["lucide-react@^1.31.0"],"description":"Video with real captions, a keyboard-operable scrubber, and controls that survive full screen.","name":"video-player","registryDependencies":["utils"],"title":"Video Player","type":"registry:ui"},{"categories":["ai","agent","code","diff","review"],"description":"A proposed change staged a hunk at a time, so a good patch with one bad hunk is not all or nothing.","name":"reviewable-diff","registryDependencies":["utils","https://ui.tinkererslabs.com/r/diff-view.json"],"title":"Reviewable Diff","type":"registry:block"},{"categories":["ai","agent","status","tree","feedback"],"description":"Several agents working at once, nested under whoever handed the work down.","name":"subagent-tree","registryDependencies":["utils"],"title":"Subagent Tree","type":"registry:ui"},{"categories":["ai","agent","chat","feedback","error"],"dependencies":["lucide-react@^1.31.0"],"description":"What the thread says after an answer ended early, keeping what it had already written.","name":"stopped-run","registryDependencies":["utils"],"title":"Stopped Run","type":"registry:ui"},{"categories":["ai","agent","privacy","settings","chat"],"dependencies":["lucide-react@^1.31.0"],"description":"Everything an assistant remembers about someone, each one removable on its own.","name":"memory-chips","registryDependencies":["utils"],"title":"Memory Chips","type":"registry:ui"},{"categories":["ai","agent","canvas","voice","status"],"description":"A sphere that carries what an assistant is doing, settled when idle and moving with the voice when there is one.","name":"orb","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Orb","type":"registry:ui"},{"categories":["ai","agent","canvas","audio","meter"],"description":"A grid of cells lit from the bottom by a level, which reads as a piece of hardware rather than as a chart.","name":"matrix","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Matrix","type":"registry:ui"},{"categories":["ai","agent","chat","markdown","streaming"],"dependencies":["react-markdown@^10.1.0","remark-gfm@^4.0.1"],"description":"An assistant's answer as markdown, including while it is still half-written and briefly invalid.","name":"response","registryDependencies":["utils"],"title":"Response","type":"registry:ui"},{"categories":["ai","agent","audio","transcript","viewer"],"description":"A recording as text, where every line is also the way back to the moment it was said.","name":"transcript-viewer","registryDependencies":["utils"],"title":"Transcript Viewer","type":"registry:ui"},{"categories":["ai","agent","streaming"],"dependencies":["lucide-react@^1.31.0"],"description":"The control that interrupts a running answer.","name":"stop-generating","registryDependencies":["utils"],"title":"Stop Generating","type":"registry:ui"},{"categories":["ai","agent","usage","meter"],"description":"How much of the context window is gone, split by what spent it.","name":"token-meter","registryDependencies":["utils"],"title":"Token Meter","type":"registry:ui"},{"categories":["ai","agent","listbox","select"],"dependencies":["lucide-react@^1.31.0"],"description":"A model chooser with room for what each one is good at.","name":"model-picker","registryDependencies":["utils"],"title":"Model Picker","type":"registry:ui"},{"categories":["ai","agent","rag","citation"],"dependencies":["lucide-react@^1.31.0"],"description":"One retrieved passage: where it came from, what it said, and how well it matched.","name":"source-card","registryDependencies":["utils"],"title":"Source Card","type":"registry:ui"},{"categories":["empty","block","layout"],"description":"What to show when there is nothing yet.","name":"empty-state","registryDependencies":["utils"],"title":"Empty State","type":"registry:ui"},{"categories":["footer","links","layout"],"description":"Labelled columns of links, with the column count and the link rendering left to you.","name":"footer-columns","registryDependencies":["utils"],"title":"Footer Columns","type":"registry:ui"},{"categories":["footer","links","layout"],"description":"A wrapping row of links under its own label, set apart by a dashed rule.","name":"footer-row","registryDependencies":["utils"],"title":"Footer Row","type":"registry:ui"},{"categories":["footer","brand","type"],"description":"The oversized brand word that closes a page, drawn as texture rather than content.","name":"footer-wordmark","registryDependencies":["utils"],"title":"Footer Wordmark","type":"registry:ui"},{"categories":["empty","table","list"],"description":"One line saying a list came back empty, for a table, a list, or a popover.","name":"empty-row","registryDependencies":["utils"],"title":"Empty Row","type":"registry:ui"},{"categories":["empty","page","404"],"description":"The page-scale empty state: a status, a heading you can read across a room, and somewhere to go.","name":"not-found","registryDependencies":["utils"],"title":"Not Found","type":"registry:ui"},{"categories":["media","gallery","layout"],"description":"Thumbnails in even cells or masonry columns, with nothing but React behind them.","name":"image-grid","registryDependencies":["utils"],"title":"Image Grid","type":"registry:ui"},{"categories":["media","gallery","dialog"],"dependencies":["@base-ui/react@^1.7.0","lucide-react@^1.31.0"],"description":"One image at a time, full bleed, with the rest of the set a key away.","name":"lightbox","registryDependencies":["utils"],"title":"Lightbox","type":"registry:ui"},{"categories":["feedback","loading"],"description":"The smallest way to say something is happening, for a control that is working.","name":"spinner","registryDependencies":["utils"],"title":"Spinner","type":"registry:ui"},{"categories":["feedback","loading","text","streaming"],"description":"Words with a light moving across them, for the wait between asking and the first token.","name":"shimmering-text","registryDependencies":["utils"],"title":"Shimmering Text","type":"registry:ui"},{"categories":["feedback","loading","layout"],"description":"A placeholder the shape of what is coming, so the page does not jump when it arrives.","name":"skeleton","registryDependencies":["utils"],"title":"Skeleton","type":"registry:ui"},{"categories":["feedback","status"],"description":"A dot and a few words: operational, degraded, closed.","name":"status-pill","registryDependencies":["utils"],"title":"Status Pill","type":"registry:ui"},{"categories":["clipboard","control"],"dependencies":["lucide-react@^1.31.0"],"description":"Copies a value and says whether it worked, including when the clipboard refuses.","name":"copy-button","registryDependencies":["utils"],"title":"Copy Button","type":"registry:ui"},{"categories":["security","clipboard","control"],"dependencies":["lucide-react@^1.31.0"],"description":"An API key or token: hidden until asked for, copied whole either way.","name":"secret-field","registryDependencies":["utils"],"title":"Secret Field","type":"registry:ui"},{"categories":["navigation","list"],"dependencies":["lucide-react@^1.31.0"],"description":"Page numbers with gaps where the run is broken, as buttons or as your own links.","name":"pagination","registryDependencies":["utils"],"title":"Pagination","type":"registry:ui"},{"categories":["overlay","layout","dialog"],"dependencies":["@base-ui/react@^1.7.0","lucide-react@^1.31.0"],"description":"A pane that comes in from the side: an inspector, a filter set, a row's detail.","name":"side-panel","registryDependencies":["utils"],"title":"Side Panel","type":"registry:ui"},{"categories":["scene","canvas","motion","primitive"],"description":"A canvas that sizes itself, sleeps when it is off screen, and holds still when motion is reduced.","name":"render-surface","registryDependencies":["utils"],"title":"Render Surface","type":"registry:ui"},{"categories":["scene","background","gradient","motion"],"description":"A drifting gradient backdrop built from the colours already in your theme.","name":"aurora-field","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Aurora Field","type":"registry:ui"},{"categories":["scene","texture","overlay"],"description":"Film grain for any panel, which also hides the banding in a wide gradient.","name":"grain-overlay","registryDependencies":["utils"],"title":"Grain Overlay","type":"registry:ui"},{"categories":["scene","card","pointer","hover"],"description":"A card that catches a light following the pointer, across a whole grid at once.","name":"spotlight-card","registryDependencies":["utils"],"title":"Spotlight Card","type":"registry:ui"},{"categories":["scene","background","particles","pointer"],"description":"Drifting points joined by lines, brightening around the pointer.","name":"constellation-field","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Constellation Field","type":"registry:ui"},{"categories":["scene","background","particles","pointer","webgl"],"description":"A grid of dots that parts around the pointer and falls apart when pressed, then climbs back into line.","name":"lattice-field","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Lattice Field","type":"registry:ui"},{"categories":["scene","feedback","celebration","canvas"],"description":"A short burst of pieces for the moment something finally completes.","name":"burst","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Burst","type":"registry:ui"},{"categories":["scene","background","shader","webgl"],"description":"Four shader backdrops, each taking its two colours from your theme.","name":"shader-surface","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Shader Surface","type":"registry:ui"},{"categories":["scene","media","transition","webgl"],"description":"Two images crossing by pushing their pixels through the same noise.","name":"displacement-image","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Displacement Image","type":"registry:ui"},{"categories":["scene","hero","3d","webgl"],"dependencies":["three@^0.185.1"],"description":"A lit three-dimensional object behind a headline, steered by the pointer.","name":"scene-hero","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Scene Hero","type":"registry:ui"},{"categories":["scene","scroll","motion","progress"],"description":"Turns the scrolling of a tall element into a number, without rendering the page to do it.","name":"scroll-scene","registryDependencies":["utils"],"title":"Scroll Scene","type":"registry:ui"},{"categories":["motion","scroll","entrance"],"description":"Moves its children in when they arrive on screen, and never decides whether they are there.","name":"reveal","registryDependencies":["utils"],"title":"Reveal","type":"registry:ui"},{"categories":["motion","text","typography","entrance"],"description":"A heading animated one character, word, or line at a time, announced as one sentence.","name":"split-text","registryDependencies":["utils"],"title":"Split Text","type":"registry:ui"},{"categories":["motion","scroll","marquee","layout"],"description":"A row that runs on its own, seamlessly, and turns back into an ordinary scrolling row for anyone who asked for less motion.","name":"marquee","registryDependencies":["utils"],"title":"Marquee","type":"registry:ui"},{"categories":["motion","number","statistic"],"description":"Counts to a number rather than replacing it, in any currency or format.","name":"number-ticker","registryDependencies":["utils"],"title":"Number Ticker","type":"registry:ui"},{"categories":["scene","card","pointer","3d"],"description":"A card that leans toward the pointer as though it were a physical object.","name":"tilt-card","registryDependencies":["utils"],"title":"Tilt Card","type":"registry:ui"},{"categories":["scene","canvas","diagram","agent","background"],"description":"A line between two elements with something travelling along it, measured from the elements rather than given as coordinates.","name":"connection-beam","registryDependencies":["utils"],"title":"Connection Beam","type":"registry:ui"},{"categories":["scene","pointer","canvas"],"description":"A fading mark behind the pointer, drawn only inside its own box.","name":"cursor-trail","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Cursor Trail","type":"registry:ui"},{"categories":["scene","background","shader","webgl"],"description":"Blobs that merge as they meet, taking their two colours from your theme.","name":"metaballs","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Metaballs","type":"registry:ui"},{"categories":["scene","media","shader","webgl"],"description":"A photograph reduced to two theme colours through an ordered dither.","name":"dither-image","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Dither Image","type":"registry:ui"},{"categories":["scene","media","ascii","canvas"],"description":"A photograph redrawn as characters, painted once and then left alone.","name":"ascii-image","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"ASCII Image","type":"registry:ui"},{"categories":["scene","3d","globe","data"],"dependencies":["three@^0.185.1"],"description":"A wireframe world with places marked on it, and the same places written out underneath.","name":"wireframe-globe","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Wireframe Globe","type":"registry:ui"},{"categories":["ai","agent","scene","status"],"description":"An ambient backdrop that carries what an assistant is doing, and settles rather than snaps.","name":"presence-field","registryDependencies":["utils","https://ui.tinkererslabs.com/r/render-surface.json"],"title":"Presence Field","type":"registry:ui"},{"categories":["ai","agent","streaming","feedback"],"description":"An edge that breathes along a region while tokens land in it.","name":"stream-glow","registryDependencies":["utils"],"title":"Stream Glow","type":"registry:ui"},{"categories":["control","slider","audio","media","input"],"description":"The seek control on its own: a slider that happens to be a timeline, announced in minutes and seconds.","name":"scrub-bar","registryDependencies":["utils"],"title":"Scrub Bar","type":"registry:ui"},{"categories":["form","input","auth","otp"],"description":"A one time code, one box per character, where pasting the whole code works.","name":"otp-input","registryDependencies":["utils"],"title":"OTP Input","type":"registry:ui"},{"categories":["form","input","tags","control"],"dependencies":["lucide-react@^1.31.0"],"description":"An input that turns what you typed into a removable tag.","name":"tag-input","registryDependencies":["utils"],"title":"Tag Input","type":"registry:ui"},{"categories":["form","input","select","combobox","multiselect"],"dependencies":["lucide-react@^1.31.0"],"description":"A searchable select that holds one choice or several.","name":"combobox","registryDependencies":["utils"],"title":"Combobox","type":"registry:ui"},{"categories":["list","drag","reorder","control"],"dependencies":["lucide-react@^1.31.0"],"description":"A list reordered by dragging a handle, or from the keyboard without one.","name":"sortable-list","registryDependencies":["utils"],"title":"Sortable List","type":"registry:ui"},{"categories":["layout","panel","resize"],"description":"Two panels and a divider that can be dragged or driven from the keyboard.","name":"resizable-panels","registryDependencies":["utils"],"title":"Resizable Panels","type":"registry:ui"},{"categories":["navigation","progress","form","wizard"],"dependencies":["lucide-react@^1.31.0"],"description":"Where someone is in something with a beginning and an end.","name":"stepper","registryDependencies":["utils"],"title":"Stepper","type":"registry:ui"},{"categories":["people","avatar","layout"],"description":"Overlapping faces with a count for the rest, and the names underneath.","name":"avatar-stack","registryDependencies":["utils"],"title":"Avatar Stack","type":"registry:ui"},{"categories":["timeline","history","layout","status"],"description":"Things that happened, in the order they happened, with each state said aloud.","name":"timeline","registryDependencies":["utils"],"title":"Timeline","type":"registry:ui"},{"categories":["table","data","sort","selection","layout"],"dependencies":["lucide-react@^1.31.0"],"description":"Typed rows with custom cells, column widths you set or the reader drags, sorting that is one property to switch on, and keyed selection.","name":"data-table","registryDependencies":["utils"],"title":"Data Table","type":"registry:ui"}]},"hextaui":{"favicon":"/favicons/hextaui.svg","items":[{"description":"Grows a textarea with what you write between its minimum and maximum height, animating each change without ever touching the text.","name":"use-autosize","registryDependencies":["https://hextaui.com/r/motion.json"],"title":"useAutosize","type":"registry:hook"},{"description":"Runs an async action through loading, success and error, skipping the spinner for fast requests and holding an error while you read it.","name":"use-button-feedback","title":"useButtonFeedback","type":"registry:hook"},{"description":"Keeps a ref to your own element while still forwarding it to whatever ref the parent passed in.","name":"use-composed-ref","title":"useComposedRef","type":"registry:hook"},{"description":"Shows a loading state only when work is actually slow, then keeps it up long enough that it never flickers.","name":"use-delayed-loading","title":"useDelayedLoading","type":"registry:hook"},{"description":"The keys someone is holding down right now, shared by every subscriber through a single set of window listeners.","name":"use-held-keys","title":"useHeldKeys","type":"registry:hook"},{"description":"Shakes a form control when a submit attempt finds it invalid, and never while someone is still typing.","name":"use-invalid-shake","registryDependencies":["https://hextaui.com/r/motion.json"],"title":"useInvalidShake","type":"registry:hook"},{"description":"Combines any number of callback and object refs into one, with React 19 ref cleanup for each of them.","name":"use-merged-ref","title":"useMergedRef","type":"registry:hook"},{"description":"Turns a page and a page count into the list of pages and ellipses to render, keeping its length steady as the page moves.","name":"use-pagination","title":"usePagination","type":"registry:hook"},{"description":"Today's date that rolls over at midnight and when the tab comes back, without a hydration mismatch.","name":"use-today","title":"useToday","type":"registry:hook"},{"categories":["layout"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"Stacked headings that each reveal a panel, with height motion you can reverse mid-way and panels that stay searchable while closed.","name":"accordion","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Accordion","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"Inline messages for status and feedback, with a neutral surface, a colored icon and a dismiss that collapses smoothly.","name":"alert","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/motion.json"],"title":"Alert","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"A confirmation dialog for destructive or important actions that waits for async work, and becomes a bottom sheet on phones.","name":"alert-dialog","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/sheet.json"],"title":"Alert dialog","type":"registry:ui"},{"categories":["layout"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","cn"],"description":"A box that holds its shape before media loads, shimmers while loading, fades the media in and falls back when it fails.","name":"aspect-ratio","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/skeleton.json"],"title":"Aspect ratio","type":"registry:ui"},{"categories":["chat"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"File and image cards for uploads, with progress, states, actions, a full-card trigger and names that keep their extension.","name":"attachment","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/aspect-ratio.json","https://hextaui.com/r/button.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/progress.json","https://hextaui.com/r/scroll-area.json"],"title":"Attachment","type":"registry:ui"},{"categories":["data-display"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"User photos with an initials fallback, status badges and stacked groups that collapse into a count.","name":"avatar","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Avatar","type":"registry:ui"},{"categories":["data-display"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"Status labels with colored dots, removable tags that slide closed and counts that roll to their new value.","name":"badge","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/number-flow.json"],"title":"Badge","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","cn"],"description":"A trail of links to the current page that wraps safely, mirrors in right-to-left layouts and expands collapsed segments in place.","name":"breadcrumb","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json"],"title":"Breadcrumb","type":"registry:ui"},{"categories":["chat"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"Chat message bubbles with variants, grouped corners, reactions and room for interactive content.","name":"bubble","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Bubble","type":"registry:ui"},{"categories":["actions"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"Buttons in every variant and size, with a built-in loading, success and error flow that skips the spinner for fast requests.","name":"button","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/spinner.json","https://hextaui.com/r/use-button-feedback.json"],"title":"Button","type":"registry:ui"},{"categories":["actions"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"Buttons joined into one control, with shared seams, separators, text addons, nesting and vertical stacks.","name":"button-group","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/separator.json","https://hextaui.com/r/button.json"],"title":"Button group","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","cn","react-day-picker@^10.0.2"],"description":"A date grid for single, range and multiple selection, with sliding months, range previews and touch-sized days.","name":"calendar","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/use-today.json"],"title":"Calendar","type":"registry:ui"},{"categories":["data-display"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"A surface for grouping content, with three variants, edge-to-edge media, concentric radii and whole-card links.","name":"card","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Card","type":"registry:ui"},{"categories":["layout"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"Native scroll-snap slides with momentum on touch, mouse dragging, arrow keys, dots, thumbnails and an autoplay that pauses when it should.","name":"carousel","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/number-flow.json"],"title":"Carousel","type":"registry:ui"},{"categories":["data-display"],"dependencies":["cn","recharts@^3.10.1"],"description":"Recharts charts with themed colors, a tooltip and legend that read labels from one config, and keyboard navigation with a visible focus ring.","name":"chart","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Chart","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","cn"],"description":"A checkbox whose check draws in, with indeterminate parents, groups and labels that share its hover.","name":"checkbox","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Checkbox","type":"registry:ui"},{"categories":["layout"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","cn"],"description":"A panel that shows and hides with height motion you can reverse mid-way, without jumping the layout.","name":"collapsible","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Collapsible","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"A filterable select with chips, groups and async results, in a popup that resizes as you type.","name":"combobox","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Combobox","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","cmdk@^1.1.1","cn"],"description":"A searchable list of actions, inline or as a ⌘K palette, with pages, shortcuts and highlighted matches.","name":"command","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/hotkey.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/spinner.json"],"title":"Command","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"A menu of actions on right click or long press, with submenus, checkbox and radio items, and hold feedback on touch.","name":"context-menu","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Context menu","type":"registry:ui"},{"categories":["data-display"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","@tanstack/react-table@^9.2.6","cn"],"description":"A table for real data, with sorting, search, row selection, pinned columns, a sticky header and pagination.","name":"data-table","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/checkbox.json","https://hextaui.com/r/skeleton.json","https://hextaui.com/r/table.json"],"title":"Data table","type":"registry:ui"},{"categories":["forms"],"dependencies":["@tabler/icons-react","cn","react-day-picker@^10.0.2"],"description":"A button that opens a calendar in a popover, or a bottom sheet on phones, for single dates and ranges.","name":"date-picker","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/calendar.json","https://hextaui.com/r/popover.json","https://hextaui.com/r/sheet.json"],"title":"Date picker","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"A window over the page for forms and focused tasks, with a pinned header and footer, nesting, and a swipeable bottom sheet on phones.","name":"dialog","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/sheet.json"],"title":"Dialog","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"A panel that slides in from any edge and follows your finger, with snap points, a working handle and nested drawers that stack.","name":"drawer","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/sheet.json"],"title":"Drawer","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"A menu of actions and options behind a button, with groups, submenus, checkbox and radio items, and shortcuts.","name":"dropdown-menu","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/safe-area.json"],"title":"Dropdown menu","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"A placeholder for screens with nothing to show yet, with an icon, a message and the next action.","name":"empty","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Empty","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"Labels, descriptions and errors wired to their control, with validation states and layouts for forms.","name":"field","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/input.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/separator.json","https://hextaui.com/r/use-composed-ref.json","https://hextaui.com/r/use-merged-ref.json"],"title":"Field","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"A preview card that opens when a link is hovered or focused, for content sighted users can glance at.","name":"hover-card","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json"],"title":"Hover card","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"A text input with three sizes, invalid and read-only states, native validation styling and a 16px touch font so phones never zoom in.","name":"input","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/number-flow.json","https://hextaui.com/r/use-autosize.json","https://hextaui.com/r/use-composed-ref.json","https://hextaui.com/r/use-invalid-shake.json","https://hextaui.com/r/use-merged-ref.json"],"title":"Input","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"An input with icons, text, buttons or a keyboard hint attached, sharing one border and focus ring.","name":"input-group","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/input.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/use-autosize.json","https://hextaui.com/r/use-composed-ref.json","https://hextaui.com/r/use-invalid-shake.json","https://hextaui.com/r/use-merged-ref.json"],"title":"Input group","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"One-time code slots that take typing, paste and SMS autofill, with an opt-in animation that cascades codes in and a status for verifying.","name":"input-otp","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json"],"title":"Input OTP","type":"registry:ui"},{"categories":["data-display"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"A row of media, text and actions for lists, settings and pickers, with a grouped surface and a hover highlight that glides between rows.","name":"item","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json"],"title":"Item","type":"registry:ui"},{"categories":["data-display"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"Key caps for shortcuts that show the right symbols on every platform, read them out properly and press down with the real keys.","name":"kbd","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/hotkey.json","https://hextaui.com/r/use-held-keys.json"],"title":"Kbd","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"A label that follows its control, dimming when it's disabled and marking it required or optional on its own.","name":"label","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Label","type":"registry:ui"},{"categories":["chat"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"Quiet notes between content, like date dividers and system events, with sticky dates and times that read as Today or Yesterday.","name":"marker","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Marker","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"A desktop-style bar of menus with one highlight that slides between open menus and instant switching as you sweep across.","name":"menubar","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/dropdown-menu.json","https://hextaui.com/r/motion.json"],"title":"Menubar","type":"registry:ui"},{"categories":["chat"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"A chat message row with an avatar, name, bubbles and status, where new messages rise in from the sender's side.","name":"message","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/bubble.json","https://hextaui.com/r/avatar.json"],"title":"Message","type":"registry:ui"},{"categories":["chat"],"dependencies":["@shadcn/react@0.3.1","@tabler/icons-react","cn"],"description":"A chat scroll area that follows new messages, keeps your place while you read back, and counts what you missed on the jump button.","name":"message-scroller","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/message.json"],"title":"Message scroller","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","cn"],"description":"The browser's own select, styled to match Input, with a quiet placeholder, Field support and the OS picker on every device.","name":"native-select","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/input.json","https://hextaui.com/r/use-composed-ref.json","https://hextaui.com/r/use-invalid-shake.json"],"title":"Native select","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"Site navigation with dropdowns, or one full-width panel that stays open while its content slides between menus.","name":"navigation-menu","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/safe-area.json"],"title":"Navigation menu","type":"registry:ui"},{"categories":["data-display"],"dependencies":["cn"],"description":"Animated numbers where only the changed digits spin, with any Intl format and locale.","name":"number-flow","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json"],"title":"Number flow","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","cn"],"description":"Page navigation that keeps every button in place, glides to the current page and jumps to any page from the ellipsis.","name":"pagination","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/use-pagination.json"],"title":"Pagination","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"A floating panel anchored to a trigger that resizes smoothly with its content and follows the trigger’s direction.","name":"popover","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Popover","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"A bar or ring that shows how far a task has come, eases between updates and slides while the total is unknown.","name":"progress","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Progress","type":"registry:ui"},{"categories":["forms"],"dependencies":["@shadcn/react@0.3.1","@tabler/icons-react","class-variance-authority","cn"],"description":"A step-by-step form that moves between questions with a sense of direction, shows real progress and answers from the keyboard.","name":"questionnaire","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/input.json","https://hextaui.com/r/kbd.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/number-flow.json"],"title":"Questionnaire","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"Pick one option from a set, with a dot that hands off between choices and cards whose selection ring slides to the new pick.","name":"radio-group","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json"],"title":"Radio group","type":"registry:ui"},{"categories":["layout"],"dependencies":["cn","react-resizable-panels@^4.14.2"],"description":"Panels you can drag apart, with a quiet divider that wakes up on hover, sizes that glide on reset or collapse, and layouts that persist.","name":"resizable","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Resizable","type":"registry:ui"},{"description":"A pointer safe triangle that keeps submenus and flyouts open while the cursor travels diagonally toward them.","name":"safe-area","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Safe area","type":"registry:ui"},{"categories":["layout"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"Native scrolling with a minimal scrollbar, edges that fade only where there’s more to see, and an optional peek that cuts the last item in half.","name":"scroll-area","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Scroll area","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"Pick one or more options from a list that opens on the current value, with typeahead, groups and form support.","name":"select","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Select","type":"registry:ui"},{"categories":["layout"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"A hairline that divides content horizontally or vertically, with an optional label and a decorative mode for purely visual lines.","name":"separator","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Separator","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"A panel that slides in from any edge, with swipe-to-dismiss, scroll lock and stacked nesting.","name":"sheet","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json"],"title":"Sheet","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"An app sidebar that collapses to icons or off canvas, stays pinned under your header, and becomes a swipeable sheet on phones.","name":"sidebar","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/collapsible.json","https://hextaui.com/r/dropdown-menu.json","https://hextaui.com/r/hotkey.json","https://hextaui.com/r/input.json","https://hextaui.com/r/number-flow.json","https://hextaui.com/r/sheet.json","https://hextaui.com/r/skeleton.json","https://hextaui.com/r/tooltip.json","https://hextaui.com/r/use-composed-ref.json"],"title":"Sidebar","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"Placeholders that wait 150ms before showing, take the exact size of the content they wrap, and fade it in without moving anything.","name":"skeleton","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Skeleton","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"Pick a value or a range by dragging, tapping the track or using the keys, with jumps that glide and an optional value bubble.","name":"slider","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Slider","type":"registry:ui"},{"categories":["feedback"],"dependencies":["class-variance-authority","cn"],"description":"A loading indicator with Apple-style ticks or a breathing ring that can wait before showing and stay long enough not to flicker.","name":"spinner","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/use-delayed-loading.json"],"title":"Spinner","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"An on/off toggle you can tap, press or drag, with a thumb that stretches under your finger and an optional pending state for saves.","name":"switch","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/spinner.json"],"title":"Switch","type":"registry:ui"},{"categories":["data-display"],"dependencies":["class-variance-authority","cn"],"description":"A responsive table with a surface style, wrapping or compact cells, sticky headers, pinned columns and scroll hints.","name":"table","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Table","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"Switch between views with an indicator that slides to the active tab, as a segmented control or an underline, and lists that scroll when they overflow.","name":"tabs","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Tabs","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"Multi-line text that grows smoothly with what you write between a minimum and maximum number of rows, with counters, validation and a submit shortcut.","name":"textarea","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/input.json","https://hextaui.com/r/use-autosize.json","https://hextaui.com/r/use-composed-ref.json","https://hextaui.com/r/use-invalid-shake.json"],"title":"Textarea","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","cn"],"description":"Brief messages that stack neatly, expand on hover, swipe away, and turn a loading state into success or error in place.","name":"toast","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/spinner.json"],"title":"Toast","type":"registry:ui"},{"categories":["actions"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"A button that stays on or off, with a fill that settles in when pressed, a clear hover-to-on step and icons that can fill with the state.","name":"toggle","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Toggle","type":"registry:ui"},{"categories":["actions"],"dependencies":["@base-ui/react@^1.8.0","class-variance-authority","cn"],"description":"A row of toggles for one choice or many, with a fill that slides to the picked item, joined or spaced items and arrow-key focus.","name":"toggle-group","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/toggle.json"],"title":"Toggle group","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@base-ui/react@^1.8.0","cn"],"description":"A short hint on hover or keyboard focus that opens after a brief rest, switches instantly between neighbours and shows shortcuts.","name":"tooltip","registryDependencies":["https://hextaui.com/r/theme.json"],"title":"Tooltip","type":"registry:ui"},{"categories":["data-display"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"Nested, expandable rows for files and hierarchies, with indent guides, connector lines, cascading checkboxes, typeahead and full keyboard support.","name":"tree","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/checkbox.json"],"title":"Tree","type":"registry:ui"},{"categories":["media"],"dependencies":["@base-ui/react@^1.8.0","@tabler/icons-react","class-variance-authority","cn"],"description":"A video player with a scrubbable seek bar, auto-hiding controls, keyboard shortcuts, speed, picture in picture and full screen.","name":"video-player","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/dropdown-menu.json","https://hextaui.com/r/kbd.json","https://hextaui.com/r/motion.json","https://hextaui.com/r/spinner.json","https://hextaui.com/r/tooltip.json","https://hextaui.com/r/use-merged-ref.json"],"title":"Video player","type":"registry:ui"}]},"kanban board":{"favicon":"/favicons/kanban-board.ico","items":[{"description":"A Kanban board component with customizable circle colors.","name":"kanban","registryDependencies":["button","skeleton","textarea","tooltip"],"title":"Kanban Board","type":"registry:component"},{"description":"A React hook that returns `true` once client-side JS has loaded.","name":"use-js-loaded","title":"useJsLoaded","type":"registry:hook"},{"description":"Installs both the Kanban board and useJsLoaded hook in one go.","name":"kanban-suite","registryDependencies":["kanban","use-js-loaded"],"title":"Kanban Suite","type":"registry:block"}]},"motion lexicon":{"favicon":"/favicons/motion-lexicon.svg","items":[{"categories":["page-block"],"dependencies":["motion"],"description":"Organizes missions, thinking, tool execution, human approval, and evidence into one continuous agent product page.","name":"agent-workspace","registryDependencies":["https://motion-lexicon.pages.dev/r/inline-edit.json","https://motion-lexicon.pages.dev/r/metric-ticker.json","https://motion-lexicon.pages.dev/r/prompt-composer.json"],"title":"Agent workspace","type":"registry:block"},{"categories":["page-block"],"dependencies":["motion"],"description":"Connects positioning, collaborative review, and launch action through one continuous release workspace.","name":"product-landing","registryDependencies":["https://motion-lexicon.pages.dev/r/cinematic-hero.json","https://motion-lexicon.pages.dev/r/media-carousel.json","https://motion-lexicon.pages.dev/r/split-text-reveal.json"],"title":"Product landing","type":"registry:block"},{"categories":["page-block"],"dependencies":["motion"],"description":"Explores time ranges through stable metrics, trends, and channel structure.","name":"analytics-dashboard","registryDependencies":["https://motion-lexicon.pages.dev/r/animated-chart.json","https://motion-lexicon.pages.dev/r/metric-ticker.json","https://motion-lexicon.pages.dev/r/segmented-control.json"],"title":"Analytics dashboard","type":"registry:block"},{"categories":["page-block"],"dependencies":["motion"],"description":"Organizes milestones, current work, and team activity into one actionable project workspace.","name":"project-dashboard","registryDependencies":["https://motion-lexicon.pages.dev/r/inline-edit.json","https://motion-lexicon.pages.dev/r/kanban-board.json","https://motion-lexicon.pages.dev/r/loading-button.json"],"title":"Project dashboard","type":"registry:block"},{"categories":["page-block"],"dependencies":["motion"],"description":"Maintains a clear handling path across queue, conversation, and customer context.","name":"support-inbox","registryDependencies":["https://motion-lexicon.pages.dev/r/drawer.json","https://motion-lexicon.pages.dev/r/inline-edit.json","https://motion-lexicon.pages.dev/r/loading-button.json","https://motion-lexicon.pages.dev/r/metric-ticker.json"],"title":"Support inbox","type":"registry:block"},{"categories":["page-block"],"dependencies":["motion"],"description":"Presents an independent creative practice through work, material studies, and case-story transitions.","name":"creative-portfolio","registryDependencies":["https://motion-lexicon.pages.dev/r/dither-reveal-card.json","https://motion-lexicon.pages.dev/r/image-lightbox.json","https://motion-lexicon.pages.dev/r/media-carousel.json","https://motion-lexicon.pages.dev/r/scroll-media-expansion.json","https://motion-lexicon.pages.dev/r/text-morph.json"],"title":"Creative portfolio","type":"registry:block"},{"categories":["page-block"],"dependencies":["motion"],"description":"Organizes product story, detail browsing, volume pricing, and cart confirmation into a complete purchase path.","name":"commerce-storefront","registryDependencies":["https://motion-lexicon.pages.dev/r/add-to-cart-morph.json","https://motion-lexicon.pages.dev/r/animated-combobox.json","https://motion-lexicon.pages.dev/r/cinematic-hero.json","https://motion-lexicon.pages.dev/r/media-carousel.json","https://motion-lexicon.pages.dev/r/pricing-calculator.json"],"title":"Commerce storefront","type":"registry:block"},{"categories":["page-block"],"dependencies":["motion"],"description":"Organizes installation, code comparison, command search, and preview output into navigable developer documentation.","name":"developer-docs","registryDependencies":["https://motion-lexicon.pages.dev/r/code-comparison.json","https://motion-lexicon.pages.dev/r/command-palette.json","https://motion-lexicon.pages.dev/r/mega-menu.json","https://motion-lexicon.pages.dev/r/split-text-reveal.json"],"title":"Developer docs","type":"registry:block"},{"categories":["page-block"],"dependencies":["motion"],"description":"Browses a complete visual feature through chapters, focus galleries, and scroll-led storytelling.","name":"media-editorial","registryDependencies":["https://motion-lexicon.pages.dev/r/cinematic-hero.json","https://motion-lexicon.pages.dev/r/focus-gallery.json","https://motion-lexicon.pages.dev/r/kinetic-heading.json","https://motion-lexicon.pages.dev/r/scroll-story.json"],"title":"Media editorial","type":"registry:block"},{"categories":["page-block"],"dependencies":["motion"],"description":"Organizes account setup, file import, and completion checklist into a successful first-workspace path.","name":"onboarding-flow","registryDependencies":["https://motion-lexicon.pages.dev/r/drawer.json","https://motion-lexicon.pages.dev/r/file-dropzone.json","https://motion-lexicon.pages.dev/r/multi-step-form.json","https://motion-lexicon.pages.dev/r/onboarding-checklist.json","https://motion-lexicon.pages.dev/r/progress-bar.json","https://motion-lexicon.pages.dev/r/tabs.json"],"title":"Onboarding flow","type":"registry:block"},{"categories":["agent-ui"],"dependencies":["motion"],"description":"Organizes reasoning phases, current focus, and elapsed time into an expandable evidence trail.","name":"agent-thinking-trace","title":"Agent thinking trace","type":"registry:ui"},{"categories":["agent-ui"],"dependencies":["motion"],"description":"Brings generated text, cited sources, and follow-up prompts into one progressive answer.","name":"streaming-answer","title":"Streaming answer","type":"registry:ui"},{"categories":["agent-ui"],"dependencies":["motion"],"description":"Collects search, write, command, and failure states into an inspectable execution record.","name":"tool-call-stack","title":"Tool call stack","type":"registry:ui"},{"categories":["agent-ui"],"dependencies":["motion"],"description":"Carries recommendations, custom instructions, and explicit confirmation before an agent acts.","name":"approval-flow","title":"Human approval flow","type":"registry:ui"},{"categories":["agent-ui"],"dependencies":["motion"],"description":"Presents queued, active, blocked, failed, recovered, and complete work across compact and expanded layouts.","name":"task-progress","title":"Task progress","type":"registry:ui"},{"categories":["agent-ui"],"dependencies":["motion"],"description":"Combines sources, attachments, model choice, voice, and sending into one focused input surface.","name":"prompt-composer","title":"Agent prompt composer","type":"registry:ui"},{"categories":["agent-ui"],"dependencies":["motion"],"description":"Presents retrieved chunks, provenance, and relevance with focused disclosure.","name":"context-sources","title":"Context sources","type":"registry:ui"},{"categories":["agent-ui"],"dependencies":["motion"],"description":"Reviews agent-proposed field edits with explicit per-change decisions.","name":"diff-review","title":"Diff review","type":"registry:ui"},{"categories":["agent-ui"],"dependencies":["motion"],"description":"Moves task ownership, artifacts, and the next responsible agent along one continuous relay.","name":"multi-agent-handoff","title":"Multi-agent handoff","type":"registry:ui"},{"categories":["actions"],"dependencies":["motion"],"description":"Reports clipboard state in place without shifting nearby content.","name":"copy-button","title":"Copy button","type":"registry:ui"},{"categories":["actions"],"dependencies":["motion"],"description":"Keeps pending, success, and error feedback inside one action.","name":"loading-button","title":"Loading button","type":"registry:ui"},{"categories":["actions"],"dependencies":["motion"],"description":"Protects high-risk actions with cancellable touch, pointer, and keyboard progress.","name":"hold-action","title":"Hold action","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Combines search, keyboard navigation, and deliberate focus management.","name":"command-palette","title":"Command palette","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Opens from the trigger coordinate and stays inside the viewport.","name":"context-menu","title":"Context menu","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Includes focus containment, drag dismissal, and interruptible spring motion.","name":"drawer","title":"Drawer","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Moves selection continuously with full keyboard behavior.","name":"dropdown","title":"Dropdown","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Handles focus, backdrop, exit, and async confirmation as one flow.","name":"modal","title":"Modal","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Derives its reveal origin from the trigger and available space.","name":"popover","title":"Popover","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Expands from a toolbar action into a focused search field.","name":"expanding-search","title":"Expanding search","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Places pending, error, and success states next to the input.","name":"inline-validation","title":"Inline validation","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Coordinates typing, paste, error, and success feedback.","name":"otp-input","title":"OTP input","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Makes rule checks and strength changes legible as one response.","name":"password-strength","title":"Password strength","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Snaps to meaningful detents while preserving continuous input.","name":"slider-detents","title":"Slider detents","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Gives clear feedback for adding, removing, and rejecting tags.","name":"tag-input","title":"Tag input","type":"registry:ui"},{"categories":["navigation"],"dependencies":["motion"],"description":"Keeps content height and disclosure state visually continuous.","name":"accordion","title":"Accordion","type":"registry:ui"},{"categories":["navigation"],"dependencies":["motion"],"description":"Hides and restores a toolbar in response to scroll direction.","name":"hide-on-scroll","title":"Hide on scroll","type":"registry:ui"},{"categories":["navigation"],"dependencies":["motion"],"description":"Carries one shared highlight between options.","name":"segmented-control","title":"Segmented control","type":"registry:ui"},{"categories":["navigation"],"dependencies":["motion"],"description":"Coordinates the indicator, direction, and panel change.","name":"tabs","title":"Tabs","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Preserves spatial continuity as filtered results rearrange.","name":"filter-grid","title":"Filter grid","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Provides clear drop position for pointer and keyboard reordering.","name":"reorder-list","title":"Reorder list","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Explains sorting through row position while keeping data readable.","name":"sortable-table","title":"Sortable table","type":"registry:ui"},{"categories":["feedback"],"dependencies":["motion"],"description":"Covers pending, determinate, and complete progress states.","name":"progress-bar","title":"Progress bar","type":"registry:ui"},{"categories":["feedback"],"dependencies":["motion"],"description":"Explains value changes with direction and brief color feedback.","name":"value-flash","title":"Value flash","type":"registry:ui"},{"categories":["actions"],"dependencies":["gsap"],"description":"Lets a primary action lean toward a nearby pointer and settle cleanly on release.","name":"magnetic-action","title":"Magnetic action","type":"registry:ui"},{"categories":["actions"],"description":"Reveals a new theme outward from the exact toggle point.","name":"theme-reveal","title":"Theme reveal","type":"registry:ui"},{"categories":["navigation"],"dependencies":["motion"],"description":"Keeps highlight, panel, and focus movement in one continuous navigation path.","name":"mega-menu","title":"Mega menu","type":"registry:ui"},{"categories":["navigation"],"dependencies":["motion"],"description":"Scales nearby destinations with restrained spring response to pointer distance.","name":"floating-dock","title":"Floating dock","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Coordinates recording, levels, pause, and completion inside one input surface.","name":"voice-capture","title":"Voice capture","type":"registry:ui"},{"categories":["feedback"],"dependencies":["motion"],"description":"Layers incoming notices into a stack that expands and dismisses by swipe or keyboard.","name":"toast-stack","title":"Toast stack","type":"registry:ui"},{"categories":["feedback"],"dependencies":["motion"],"description":"Turns file intake, per-item progress, retry, and completion into one compact flow.","name":"upload-queue","title":"Upload queue","type":"registry:ui"},{"categories":["feedback"],"dependencies":["motion"],"description":"Shares stable geometry between skeleton and content for a composed handoff.","name":"skeleton-reveal","title":"Skeleton reveal","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Preserves date groups and the unread boundary as live activity arrives.","name":"activity-feed","title":"Activity feed","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Explains system relationships through nodes, routed links, and moving signals.","name":"integration-map","title":"Integration map","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Compares two states of the same media through a movable detail lens.","name":"cursor-lens","title":"Cursor lens","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Keeps native drag inertia, deliberate snap positions, and keyboard navigation across media cards.","name":"media-carousel","title":"Media carousel","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Expands a thumbnail into an immersive gallery while managing focus and keyboard browsing.","name":"image-lightbox","title":"Gallery lightbox","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["gsap"],"description":"Binds local scroll progress to chapters that progressively reshape a product scene.","name":"scroll-story","title":"Scroll story","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion","three"],"description":"Presents a procedural 3D product with drag inspection, inertia, and recentering.","devDependencies":["@types/three"],"name":"procedural-product-viewer","title":"3D product viewer","type":"registry:ui"},{"categories":["visual-ambient"],"dependencies":["motion"],"description":"Advances a pixel-dither threshold so imagery develops with a tactile texture.","name":"dither-reveal-card","title":"Dither reveal card","type":"registry:ui"},{"categories":["visual-ambient"],"dependencies":["motion","three"],"description":"Maps global connections across a 3D globe with nodes, arcs, and selectable focus.","devDependencies":["@types/three"],"name":"network-globe","title":"Network globe","type":"registry:ui"},{"categories":["visual-ambient"],"dependencies":["motion"],"description":"Reorders and reveals brand marks in a kinetic queue that yields to user selection.","name":"kinetic-logo-exchange","title":"Kinetic logo exchange","type":"registry:ui"},{"categories":["visual-ambient"],"dependencies":["motion"],"description":"Carries one continuous spotlight across multiple tiles to unify the bento surface.","name":"spotlight-bento","title":"Spotlight bento","type":"registry:ui"},{"categories":["hero-story"],"dependencies":["motion"],"description":"Expands contained media into an immersive hero through chapter scrolling.","name":"scroll-media-expansion","title":"Scroll media expansion","type":"registry:ui"},{"categories":["hero-story"],"dependencies":["motion"],"description":"Advances product screens, chapter copy, and product state inside a device frame.","name":"device-scroll-reveal","title":"Device scroll reveal","type":"registry:ui"},{"categories":["hero-story"],"dependencies":["motion"],"description":"Uses image, typography, and action to establish a paced brand opening.","name":"cinematic-hero","title":"Cinematic hero","type":"registry:ui"},{"categories":["hero-story"],"dependencies":["motion"],"description":"Uses a low-power WebGL field that reshapes around pointer intent.","name":"shader-hero","title":"Shader hero","type":"registry:ui"},{"categories":["hero-story"],"dependencies":["motion"],"description":"Connects two product states or story perspectives with a draggable boundary.","name":"split-screen-reveal","title":"Split screen reveal","type":"registry:ui"},{"categories":["hero-story"],"dependencies":["motion"],"description":"Presents multiple product surfaces in depth while retaining the active focus.","name":"screenshot-stack","title":"Screenshot stack","type":"registry:ui"},{"categories":["hero-story"],"dependencies":["motion"],"description":"Demonstrates a developer workflow and result through progressive commands.","name":"terminal-hero","title":"Terminal hero","type":"registry:ui"},{"categories":["hero-story"],"dependencies":["motion"],"description":"Arranges capabilities around a central product object with synchronized focus copy.","name":"product-orbit-hero","title":"Product orbit hero","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Expands a compact story card in place into a full reading surface.","name":"expandable-card","title":"Expandable card","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Lets one image gain focus while neighboring media yields.","name":"focus-gallery","title":"Focus gallery","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Browses stacked records or stories in a compact space.","name":"card-stack","title":"Card stack","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Transitions portrait, quote, attribution, and progress as one evidence unit.","name":"animated-testimonials","title":"Animated testimonials","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Browses media with depth, snapping, and keyboard control.","name":"coverflow-gallery","title":"Coverflow gallery","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Generates and retires restrained image fragments along pointer or drag paths.","name":"image-trail","title":"Image trail","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Uses image resolution as a controllable reveal and transition material.","name":"pixelated-image","title":"Pixelated image","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Adds controlled color-channel displacement to editorial media on focus.","name":"chromatic-image","title":"Chromatic image","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Binds implementation differences and rendered output inside one switchable comparison surface.","name":"code-comparison","title":"Code comparison","type":"registry:ui"},{"categories":["cards-media"],"dependencies":["motion"],"description":"Compares two complete image states through a stable boundary.","name":"before-after-comparison","title":"Before and after comparison","type":"registry:ui"},{"categories":["text-type"],"dependencies":["motion"],"description":"Reveals a heading by word or character while retaining complete static legibility.","name":"split-text-reveal","title":"Split text reveal","type":"registry:ui"},{"categories":["text-type"],"dependencies":["motion"],"description":"Transitions technical labels and status through quick character substitution.","name":"text-scramble","title":"Text scramble","type":"registry:ui"},{"categories":["text-type"],"dependencies":["motion"],"description":"Moves between related phrases within a fixed reading rhythm and stable width.","name":"text-morph","title":"Text morph","type":"registry:ui"},{"categories":["text-type"],"dependencies":["motion"],"description":"Cycles compact, operable messages inside a badge or inline space.","name":"text-loop","title":"Text loop","type":"registry:ui"},{"categories":["text-type"],"dependencies":["motion"],"description":"Lets background typography respond briefly to page velocity and settle readable at rest.","name":"scroll-velocity","title":"Scroll velocity","type":"registry:ui"},{"categories":["text-type"],"dependencies":["motion"],"description":"Changes display-heading spacing, weight, and tension through pointer or keyboard input.","name":"kinetic-heading","title":"Kinetic heading","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Expands compact actions around the current task while retaining a clear primary entry.","name":"dynamic-toolbar","title":"Dynamic toolbar","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Preserves navigation context while a product sidebar resizes or collapses.","name":"resizable-sidebar","title":"Resizable sidebar","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Expands transient notices into a readable, actionable grouped history.","name":"notification-center","title":"Notification center","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Presents mobile actions and detail in a draggable, focus-managed bottom sheet.","name":"mobile-bottom-sheet","title":"Mobile bottom sheet","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Preserves route origin and destination meaning through layered page depth.","name":"page-transition-stack","title":"Page transition stack","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Previews a destination without leaving place, with keyboard and touch pinning support.","name":"hover-preview","title":"Hover preview","type":"registry:ui"},{"categories":["overlays-surfaces"],"dependencies":["motion"],"description":"Manages workspace identity, recent state, and selection changes in a compact control.","name":"workspace-switcher","title":"Workspace switcher","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Accepts files through drag, picker, and paste with clear intake feedback.","name":"file-dropzone","title":"File dropzone","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Maintains step direction, validation, pending state, and saved progress in a short flow.","name":"multi-step-form","title":"Multi-step form","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Coordinates identity input, pending, error, and success while retaining entered context.","name":"sign-in-flow","title":"Sign-in flow","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Turns setup tasks into a product surface with progress and next-step clarity.","name":"onboarding-checklist","title":"Onboarding checklist","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Distinguishes hover, provisional, confirmed range, and presets inside a calendar grid.","name":"date-range-picker","title":"Date range picker","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Searches and selects a changing result set while preserving keyboard position.","name":"animated-combobox","title":"Animated combobox","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Handles read, edit, save, error, and commit states inside shared geometry.","name":"inline-edit","title":"Inline edit","type":"registry:ui"},{"categories":["forms-input"],"dependencies":["motion"],"description":"Moves a valid empty state directly toward one clear first action and result.","name":"animated-empty-state","title":"Animated empty state","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Presents KPI, direction, and comparison period as one readable update.","name":"metric-ticker","title":"Metric ticker","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Compares data ranges and series changes while keeping labels and focus stable.","name":"animated-chart","title":"Animated chart","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Presents product or project history with progressive focus.","name":"changelog-timeline","title":"Changelog timeline","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Moves work across columns while responding through destination, count, and surrounding cards.","name":"kanban-board","title":"Kanban board","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Explains changing price through quantity, tier, and billing interval.","name":"pricing-calculator","title":"Pricing calculator","type":"registry:ui"},{"categories":["data-commerce"],"dependencies":["motion"],"description":"Connects product selection continuously to a persistent cart confirmation state.","name":"add-to-cart-morph","title":"Add-to-cart morph","type":"registry:ui"},{"categories":["visual-ambient"],"dependencies":["motion"],"description":"Provides a branded atmospheric field that breathes slowly while visible.","name":"aurora-canvas","title":"Aurora canvas","type":"registry:ui"},{"categories":["visual-ambient"],"dependencies":["motion"],"description":"Bends a grid or media surface around input and returns it smoothly.","name":"grid-distortion","title":"Grid distortion","type":"registry:ui"},{"categories":["visual-ambient"],"dependencies":["motion"],"description":"Creates a refractive glass surface for focused controls or media while preserving legibility.","name":"fluid-glass-surface","title":"Fluid glass surface","type":"registry:ui"},{"categories":["primitive","entrances"],"dependencies":["motion"],"description":"Introduce or remove an element with opacity for low-distraction state changes.","name":"primitive-fade-in-fade-out","title":"Fade in / Fade out","type":"registry:ui"},{"categories":["primitive","entrances"],"dependencies":["motion"],"description":"Bring content in from a clear direction so its spatial relationship stays legible.","name":"primitive-slide-in","title":"Slide in","type":"registry:ui"},{"categories":["primitive","entrances"],"dependencies":["motion"],"description":"Scale from near the final size, with an optional slight overshoot for Pop in.","name":"primitive-scale-in","title":"Scale in","type":"registry:ui"},{"categories":["primitive","entrances"],"dependencies":["motion"],"description":"Reveal content with clipping and slight travel for headings, media, and sections.","name":"primitive-reveal","title":"Reveal","type":"registry:ui"},{"categories":["primitive","sequencing"],"dependencies":["motion"],"description":"Introduce list items at short intervals to communicate order and rhythm.","name":"primitive-stagger","title":"Stagger","type":"registry:ui"},{"categories":["primitive","sequencing"],"dependencies":["motion"],"description":"Compose multi-stage keyframes, interpolation, stepped motion, and fill behavior.","name":"primitive-keyframes","title":"Keyframes","type":"registry:ui"},{"categories":["primitive","sequencing"],"dependencies":["motion"],"description":"Compare how duration and delay affect response, rhythm, and perceived waiting.","name":"primitive-duration","title":"Duration","type":"registry:ui"},{"categories":["primitive","transforms"],"dependencies":["motion"],"description":"Combine translation, scale, rotation, skew, perspective, and transform origin.","name":"primitive-translate","title":"Translate","type":"registry:ui"},{"categories":["primitive","transforms"],"dependencies":["motion"],"description":"Use controlled perspective and rotation for card flips or hover depth.","name":"primitive-3d-tilt-flip","title":"3D tilt / Flip","type":"registry:ui"},{"categories":["primitive","transforms"],"dependencies":["motion"],"description":"Expand or scale from the trigger point to preserve spatial continuity.","name":"primitive-origin-aware-animation","title":"Origin-aware animation","type":"registry:ui"},{"categories":["primitive","state-transitions"],"dependencies":["motion"],"description":"Crossfade overlapping, similarly sized states to reduce visual jumps.","name":"primitive-crossfade","title":"Crossfade","type":"registry:ui"},{"categories":["primitive","state-transitions"],"dependencies":["motion"],"description":"Create continuous transformation between before and after layouts of a shared element.","name":"primitive-morph","title":"Morph","type":"registry:ui"},{"categories":["primitive","state-transitions"],"dependencies":["motion"],"description":"Coordinate height, opacity, and icon state for clear disclosure transitions.","name":"primitive-accordion-collapse","title":"Accordion / Collapse","type":"registry:ui"},{"categories":["primitive","state-transitions"],"dependencies":["motion"],"description":"Match enter and exit directions to navigation order and preserve context.","name":"primitive-direction-aware-transition","title":"Direction-aware transition","type":"registry:ui"},{"categories":["primitive","scroll"],"dependencies":["motion"],"description":"Reveal content once as it enters the viewport with a reduced-motion fallback.","name":"primitive-scroll-reveal","title":"Scroll reveal","type":"registry:ui"},{"categories":["primitive","scroll"],"dependencies":["motion"],"description":"Bind animation progress to a scroll range and tune its start, end, and travel.","name":"primitive-scroll-driven-animation","title":"Scroll-driven animation","type":"registry:ui"},{"categories":["primitive","scroll"],"dependencies":["motion"],"description":"Move foreground and background at restrained relative speeds to create depth.","name":"primitive-parallax","title":"Parallax","type":"registry:ui"},{"categories":["primitive","scroll"],"dependencies":["motion"],"description":"Preserve continuity across page or view changes with a safe fallback.","name":"primitive-page-transition","title":"Page transition","type":"registry:ui"},{"categories":["primitive","feedback"],"dependencies":["motion"],"description":"Reinforce interactivity on pointer hover while keeping layout stable.","name":"primitive-hover-effect","title":"Hover effect","type":"registry:ui"},{"categories":["primitive","feedback"],"dependencies":["motion"],"description":"Confirm input immediately with a brief scale and contrast response.","name":"primitive-press-tap-feedback","title":"Press / Tap feedback","type":"registry:ui"},{"categories":["primitive","feedback"],"dependencies":["motion"],"description":"Show cancellable progress during hold-to-confirm interactions to reduce mistakes.","name":"primitive-hold-to-confirm","title":"Hold to confirm","type":"registry:ui"},{"categories":["primitive","feedback"],"dependencies":["motion"],"description":"Keep pickup, placeholder, and drop states clear while reordering.","name":"primitive-drag-to-reorder","title":"Drag to reorder","type":"registry:ui"},{"categories":["primitive","feedback"],"dependencies":["motion"],"description":"Map swipe distance to travel and opacity with resistance before the threshold.","name":"primitive-swipe-to-dismiss","title":"Swipe to dismiss","type":"registry:ui"},{"categories":["primitive","feedback"],"dependencies":["motion"],"description":"Use one brief horizontal shake for errors or inputs that need attention.","name":"primitive-shake-wiggle","title":"Shake / Wiggle","type":"registry:ui"},{"categories":["primitive","feedback"],"dependencies":["motion"],"description":"Expand a restrained ripple from the input coordinate for precise touch feedback.","name":"primitive-ripple","title":"Ripple","type":"registry:ui"},{"categories":["primitive","easing"],"dependencies":["motion"],"description":"Compare common easing curves and custom cubic-bezier velocity profiles.","name":"primitive-easing","title":"Easing","type":"registry:ui"},{"categories":["primitive","springs"],"dependencies":["motion"],"description":"Tune a physical spring response with stiffness, damping, mass, and initial velocity.","name":"primitive-spring","title":"Spring","type":"registry:ui"},{"categories":["primitive","loops"],"dependencies":["motion"],"description":"Compare loop direction, count, pauses, and rhythm while controlling distraction.","name":"primitive-loop","title":"Loop","type":"registry:ui"},{"categories":["primitive","loops"],"dependencies":["motion"],"description":"Continuously scroll overflowing content and pause it on hover or focus.","name":"primitive-marquee","title":"Marquee","type":"registry:ui"},{"categories":["primitive","loops"],"dependencies":["motion"],"description":"Move a decorative node slowly around a center for low-frequency status displays.","name":"primitive-orbit","title":"Orbit","type":"registry:ui"},{"categories":["primitive","loops"],"dependencies":["motion"],"description":"Use subtle breathing or floating motion for available, waiting, or active states.","name":"primitive-idle-animation","title":"Idle animation","type":"registry:ui"},{"categories":["primitive","polish-effects"],"dependencies":["motion"],"description":"Reveal media or content layers with coordinated blur, opacity, and masking.","name":"primitive-blur","title":"Blur","type":"registry:ui"},{"categories":["primitive","polish-effects"],"dependencies":["motion"],"description":"Compare before and after states of the same visual with a draggable divider.","name":"primitive-before-after-slider","title":"Before / after slider","type":"registry:ui"},{"categories":["primitive","polish-effects"],"dependencies":["motion"],"description":"Draw icons, paths, or explanatory connectors with stroke offset animation.","name":"primitive-line-drawing","title":"Line drawing","type":"registry:ui"},{"categories":["primitive","polish-effects"],"dependencies":["motion"],"description":"Transition between similarly sized short labels while preserving reading position.","name":"primitive-text-morph","title":"Text morph","type":"registry:ui"},{"categories":["primitive","polish-effects"],"dependencies":["motion"],"description":"Communicate loading progress with a low-contrast shimmer across placeholders.","name":"primitive-skeleton-shimmer","title":"Skeleton / Shimmer","type":"registry:ui"},{"categories":["primitive","polish-effects"],"dependencies":["motion"],"description":"Show changing values with tabular figures and stable vertical digit movement.","name":"primitive-number-ticker","title":"Number ticker","type":"registry:ui"},{"categories":["primitive","polish-effects"],"dependencies":["motion"],"description":"Reveal short text character by character while preserving complete accessible text.","name":"primitive-typewriter","title":"Typewriter","type":"registry:ui"},{"categories":["primitive","performance"],"dependencies":["motion"],"description":"Compare compositor-friendly properties, hardware-acceleration hints, and layout-triggering properties.","name":"primitive-compositing","title":"Compositing","type":"registry:ui"},{"categories":["primitive","principles"],"dependencies":["motion"],"description":"Tune anticipation, follow-through, and deformation to understand physical feedback.","name":"primitive-anticipation","title":"Anticipation","type":"registry:ui"}]},"nexus ui":{"favicon":"/favicons/nexus-ui.ico","items":[{"dependencies":["@radix-ui/react-slot"],"description":"Composable chat input with auto-resizing textarea and action slots","name":"prompt-input","registryDependencies":["textarea","scroll-area","tooltip","kbd"],"title":"Prompt Input","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot"],"description":"Prompt suggestion chips for guiding user input","name":"suggestions","registryDependencies":["button"],"title":"Suggestions","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority","@hugeicons/react","@hugeicons/core-free-icons"],"description":"Composable file attachments for chat inputs and messages with preview, variants, and upload wiring","name":"attachments","title":"Attachments","type":"registry:ui"},{"dependencies":["radix-ui","@hugeicons/react","@hugeicons/core-free-icons"],"description":"Dropdown for selecting AI models with radio groups, sub-menus, and custom items","name":"model-selector","title":"Model Selector","type":"registry:ui"},{"dependencies":["streamdown","@streamdown/cjk","@streamdown/code","@streamdown/math","@streamdown/mermaid","radix-ui","@radix-ui/react-slot","@hugeicons/react","@hugeicons/core-free-icons"],"description":"Chat message layout with markdown, optional avatar, actions, and attachments","name":"message","registryDependencies":["button","avatar","tooltip","kbd"],"title":"Message","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","@hugeicons/react","@hugeicons/core-free-icons","use-stick-to-bottom"],"description":"Scrollable chat thread with stick-to-bottom scrolling and jump-to-bottom control","name":"thread","title":"Thread","type":"registry:ui"},{"dependencies":["radix-ui","@hugeicons/react","@hugeicons/core-free-icons","tldts"],"description":"Inline source references with hover preview and multi-source carousel","name":"citation","registryDependencies":["carousel","hover-card"],"title":"Citation","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","@radix-ui/react-dialog"],"description":"Image renderer for URLs, base64, and byte payloads with preview, loader, lightbox, and action slots","name":"image","registryDependencies":["tooltip","kbd"],"title":"Image","type":"registry:ui"},{"dependencies":["@hugeicons/react","@hugeicons/core-free-icons","streamdown"],"description":"Collapsible model reasoning trace with streaming-aware labels and markdown body","name":"reasoning","registryDependencies":["collapsible"],"title":"Reasoning","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot"],"description":"Feedback prompt bar for per-message or thread ratings with action and close slots","name":"feedback-bar","registryDependencies":["tooltip","kbd"],"title":"Feedback Bar","type":"registry:ui"},{"description":"Animated shimmer text for loading, tool runs, and other in-progress UI","name":"text-shimmer","title":"Text Shimmer","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","next-themes","sonner"],"description":"Headless toast notifications powered by Sonner, with variant-aware styling and custom action/cancel controls","name":"toaster","registryDependencies":["button"],"title":"Toaster","type":"registry:ui"},{"dependencies":["@hugeicons/react","@hugeicons/core-free-icons"],"description":"Structured multi-step thought timeline with step status, optional expandable output, and auto-close when steps finish","name":"chain-of-thought","registryDependencies":["collapsible"],"title":"Chain of Thought","type":"registry:ui"},{"dependencies":["@hugeicons/react","@hugeicons/core-free-icons","@react-symbols/icons","shiki"],"description":"Tool call component with state-aware header and JSON input/output blocks","name":"tool","registryDependencies":["badge","collapsible"],"title":"Tool","type":"registry:ui"},{"dependencies":["@hugeicons/react","@hugeicons/core-free-icons"],"description":"Follow-up clarification questions with single or multiple choice, carousel navigation, and batch submission","name":"questions","registryDependencies":["carousel","button","card","checkbox"],"title":"Questions","type":"registry:ui"}]},"localmode":{"favicon":"/favicons/localmode.svg","items":[{"categories":["local-first"],"description":"A local-first capability badge. Detects WebGPU / WASM / IndexedDB support via a bundled useCapabilities() hook (copy-owned, reads navigator — no @localmode dependency) and renders a themed status pill. Use it to gate model-download UIs behind device support.","name":"ui/local-first/device-badge","page":"https://localmode.ai/docs/local-first/device-badge","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/use-environment"],"title":"Device Badge","type":"registry:component"},{"categories":["artifacts"],"dependencies":["lucide-react"],"description":"A Claude-style docked side-panel/canvas shell (header, title, description, copy/download/refresh/close toolbar, scrollable content) that renders generated code, docs, SVG, or HTML beside the chat. Presentational — driven by a local model via useGenerateText/useGenerateObject. No ","name":"ui/artifacts/artifact","page":"https://localmode.ai/docs/artifacts/artifact","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils"],"title":"Artifact","type":"registry:component"},{"categories":["artifacts"],"dependencies":["lucide-react"],"description":"A generic sortable data table for local row data — VectorDB results, model catalogs, evaluation rows, or generateObject() arrays. Click a column header to sort entirely client-side. A docked-canvas table, distinct from the inline ScoredResultBarList.","name":"ui/artifacts/data-table-artifact","page":"https://localmode.ai/docs/artifacts/data-table-artifact","registryDependencies":["@localmode/ui/lib/utils","table"],"title":"Data Table Artifact","type":"registry:component"},{"categories":["artifacts"],"description":"A dependency-free inline-SVG chart (line / bar / area / scatter / radar / gauge) for local metrics — eval curves (precision/recall/F1 radar), 2D embedding projections (scatter), drift-over-time, latency/tok-s. Driven by useEvaluateModel/useReindex or any local numbers. No chartin","name":"ui/artifacts/chart-artifact","page":"https://localmode.ai/docs/artifacts/chart-artifact","registryDependencies":["@localmode/ui/lib/utils"],"title":"Chart Artifact","type":"registry:component"},{"categories":["artifacts"],"description":"A unified or side-by-side text/code diff of two local strings (before/after of redacted, translated, or transformed text). Additions/deletions highlighted, computed client-side via a dependency-free LCS line diff. The text analog of BeforeAfterImageViewer. No ML hook, no server.","name":"ui/artifacts/code-diff-viewer","page":"https://localmode.ai/docs/artifacts/code-diff-viewer","registryDependencies":["@localmode/ui/lib/utils"],"title":"Code Diff Viewer","type":"registry:component"},{"categories":["audio"],"description":"A pure-CSS row of pulsing vertical bars (sinusoid-derived heights, staggered animation) that doubles as an active audio-processing indicator and an idle empty-state. Supports agent-state modes (connecting/listening/thinking/speaking), record/playback-scrub modes, and a live-volum","name":"ui/audio/waveform-activity-bars","page":"https://localmode.ai/docs/audio/waveform-activity-bars","registryDependencies":["@localmode/ui/lib/utils"],"title":"Waveform Activity Bars","type":"registry:component"},{"categories":["audio"],"dependencies":["lucide-react"],"description":"Language-grouped TTS voice selection from one KokoroVoice[] contract — a compact grouped <select> (VoicePicker) plus rich VoiceCard / VoiceGrid variants with a color-coded gender badge, monospace voice id, a circular play/stop preview button with loading state, a per-group count ","name":"ui/audio/voice-picker","page":"https://localmode.ai/docs/audio/voice-picker","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/audio/waveform-activity-bars"],"title":"Voice Picker","type":"registry:component"},{"categories":["audio"],"description":"A streaming-TTS status surface: active state (WaveformActivityBars + spinner, synthesizing/playing label, processed-clause count, highlighted now-playing clause box) and finished state (clause-count summary, a generated-locally privacy note, and a Download WAV action). Driven by ","name":"ui/audio/streaming-speech-panel","page":"https://localmode.ai/docs/audio/streaming-speech-panel","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/audio/waveform-activity-bars"],"title":"Streaming Speech Panel","type":"registry:component"},{"categories":["audio"],"description":"A/B voice comparison — two labeled columns, each with a language-grouped voice select (VoicePicker) and a native <audio> player shown once audio is set, a shared comparison textarea, and a Compare button with a loading state. Wire onCompare to two useSynthesizeSpeech runs and pas","name":"ui/audio/voice-comparison-panel","page":"https://localmode.ai/docs/audio/voice-comparison-panel","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/audio/voice-picker","@localmode/ui/lib/browser-utils"],"title":"Voice Comparison Panel","type":"registry:component"},{"categories":["audio"],"description":"A transcription list item pairing transcript text with inline <audio> playback — relative timestamp (hover -> absolute), transcribed body, and a hover-revealed delete — plus a transcribing… placeholder variant (WaveformActivityBars + label) that morphs into the populated card. Th","name":"ui/audio/transcribed-note-card","page":"https://localmode.ai/docs/audio/transcribed-note-card","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/audio/waveform-activity-bars","@localmode/ui/lib/browser-utils"],"title":"Transcribed Note Card","type":"registry:component"},{"categories":["audio"],"description":"An animated Canvas 2D voice-agent orb/visualizer that reflects discrete agent states (idle/connecting/listening/thinking/speaking/muted) and pulses with input/output audio volume via getInputVolume()/getOutputVolume() callbacks, with color/glow variants. Visual state is fully dec","name":"ui/audio/voice-orb","page":"https://localmode.ai/docs/audio/voice-orb","registryDependencies":["@localmode/ui/lib/utils"],"title":"Voice Orb","type":"registry:component"},{"categories":["audio"],"description":"A press-to-record / release-to-transcribe push-to-talk button with an explicit visual state machine: idle -> recording (pulse rings + live waveform) -> processing (loader) -> success/error. Recording uses getUserMedia/MediaRecorder (useVoiceRecorder); transcription routes to loca","name":"ui/audio/voice-button","page":"https://localmode.ai/docs/audio/voice-button","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/audio/waveform-activity-bars"],"title":"Voice Button","type":"registry:component"},{"categories":["audio"],"dependencies":["lucide-react"],"description":"A microphone input-device picker with permission handling and live device enumeration — fully offline, using only browser device APIs (getUserMedia for the permission prompt, enumerateDevices for the list, a devicechange listener to stay current). Emits the chosen deviceId for a ","name":"ui/audio/mic-selector","page":"https://localmode.ai/docs/audio/mic-selector","registryDependencies":["@localmode/ui/lib/utils"],"title":"Mic Selector","type":"registry:component"},{"categories":["audio"],"description":"A composable scrubbable audio player for local Blob/object-URL audio (Kokoro TTS output or recordings) — play/pause, a draggable seek bar, and a time/duration readout, managing its own <audio> element and object-URL lifecycle. Ships a standalone, controlled ScrubBar seek sub-prim","name":"ui/audio/audio-scrub-player","page":"https://localmode.ai/docs/audio/audio-scrub-player","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils"],"title":"Audio Scrub Player","type":"registry:component"},{"categories":["audio"],"description":"A karaoke-style transcript viewer that highlights words in lockstep with audio playback using word-level alignment timestamps — the playback-time -> word-index sync is pure client-side (binary search on timeupdate). Clicking a word seeks the audio to its start. Driven by useTrans","name":"ui/audio/synced-transcript-viewer","page":"https://localmode.ai/docs/audio/synced-transcript-viewer","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils"],"title":"Synced Transcript Viewer","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"Scrollable message-display surface with first-class scroll-anchoring: auto-pins to the newest content while tokens stream, releases on scroll-up with a scroll-to-bottom control, and re-pins on return. Presentational; renders useChat().messages.","name":"ui/conversation/conversation","page":"https://localmode.ai/docs/conversation/conversation","registryDependencies":["@localmode/ui/lib/utils","button"],"title":"Conversation","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"Role-aware chat message (data-role) rendering string or ContentPart[] — markdown text, image thumbnails with a fullscreen dialog, and file download chips from local bytes — with contained/flat variants and an inter-message Checkpoint savepoint marker. Matches @localmode/react's m","name":"ui/conversation/message","page":"https://localmode.ai/docs/conversation/message","registryDependencies":["@localmode/ui/lib/utils","avatar","button","dialog","@localmode/ui/lib/browser-utils"],"title":"Message","type":"registry:component"},{"categories":["conversation"],"description":"Streaming markdown renderer for assistant output: shows a cursor while streaming, tolerates partial/unterminated markdown without layout breakage, supports an optional typewriter reveal, and routes LaTeX/Mermaid blocks to swappable renderers gated behind props (declare katex/merm","name":"ui/conversation/response","page":"https://localmode.ai/docs/conversation/response","registryDependencies":["@localmode/ui/lib/utils"],"title":"Response","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"A small family of busy indicators (dots / pulse / typing / spinner) plus a Shimmer skeleton-text variant, shown while a local model warms up or streams its first token.","name":"ui/conversation/loader","page":"https://localmode.ai/docs/conversation/loader","registryDependencies":["@localmode/ui/lib/utils"],"title":"Loader","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"Form-based, auto-resizing chat composer: Enter submits, Shift+Enter inserts a newline, the submit control swaps to a stop control while streaming, with optional controlled value/onValueChange, a PromptInputProvider, a voice/dictation mic toggle (wire to local Whisper), and a slas","name":"ui/conversation/prompt-input","page":"https://localmode.ai/docs/conversation/prompt-input","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/input-controls/char-limit-indicator","button"],"title":"Prompt Input","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"Attachment surface for the composer: image/file attach via picker, paste, and drag-and-drop with preview thumbnails, per-item removal, a hovercard preview, media-category auto-detection, and upload-state chips. Produces attachments via a bundled readFileAsDataUrl helper (copy-own","name":"ui/conversation/prompt-input-attachments","page":"https://localmode.ai/docs/conversation/prompt-input-attachments","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/conversation/prompt-input","button","hover-card","@localmode/ui/lib/browser-utils"],"title":"Prompt Input Attachments","type":"registry:component"},{"categories":["conversation"],"description":"A horizontal row of selectable prompt chips; each Suggestion invokes a callback with its text to seed the composer.","name":"ui/conversation/suggestions","page":"https://localmode.ai/docs/conversation/suggestions","registryDependencies":["@localmode/ui/lib/utils","button"],"title":"Suggestions","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"Message-level controls — copy (with copied state), regenerate, read-aloud (wire to local Kokoro TTS), an overflow more-menu, and an on-device FeedbackBar (thumbs up/down, no telemetry).","name":"ui/conversation/actions","page":"https://localmode.ai/docs/conversation/actions","registryDependencies":["@localmode/ui/lib/utils","button","dropdown-menu","tooltip"],"title":"Actions","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"The model's own thinking tokens (DeepSeek-R1 style) in a collapsible region: auto-expands while streaming with an elapsed timer and auto-collapses on the final answer, plus a compact ThinkingBar one-line status strip. Tier of the thinking taxonomy: ThinkingBar -> Reasoning -> Cha","name":"ui/conversation/reasoning","page":"https://localmode.ai/docs/conversation/reasoning","registryDependencies":["@localmode/ui/lib/utils","collapsible"],"title":"Reasoning","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"Retrieval citations from local RAG results: a collapsible container with favicon/title/excerpt chips, a 0-1 relevance score, and an optional Web/Images/News tabbed layout. All metadata is local — no remote unfurl.","name":"ui/conversation/sources","page":"https://localmode.ai/docs/conversation/sources","registryDependencies":["@localmode/ui/lib/utils","collapsible","tabs"],"title":"Sources","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"A single tool invocation card with a status taxonomy (pending/running/streaming/completed/error), expandable ToolInput/ToolOutput, a per-tool renderer registry with a Fallback for unregistered tools, and a ToolGroup that collapses consecutive calls behind a stacked-icon summary. ","name":"ui/conversation/tool","page":"https://localmode.ai/docs/conversation/tool","registryDependencies":["@localmode/ui/lib/utils","badge","collapsible"],"title":"Tool","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"A multi-step agent process as an ordered list of steps (index, tool, status, args, observation) with the final-answer step distinguished. Its data shape aligns with @localmode/react useAgent steps so agent UIs wire up without adapters.","name":"ui/conversation/task","page":"https://localmode.ai/docs/conversation/task","registryDependencies":["@localmode/ui/lib/utils"],"title":"Task","type":"registry:component"},{"categories":["conversation"],"dependencies":["shiki","lucide-react"],"description":"Syntax-highlighted code (lazy Shiki, plain-pre fallback) with a language label and a copy-to-clipboard control.","name":"ui/conversation/code-block","page":"https://localmode.ai/docs/conversation/code-block","registryDependencies":["@localmode/ui/lib/utils","button"],"title":"Code Block","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"A vertical timeline of ReAct agent steps: collapsible per-step cards (color-coded tool badge, args, observation show-more, index, elapsed-ms), a finish final-answer card, auto-scroll, a Thinking row while running, a finish-reason badge (max_steps/timeout/loop_detected/error), and","name":"ui/conversation/agent-step-timeline","page":"https://localmode.ai/docs/conversation/agent-step-timeline","registryDependencies":["@localmode/ui/lib/utils","badge"],"title":"Agent Step Timeline","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"In-message attributed-sources list extending Sources: numbered items, a similarity score with a radial confidence ring, and clamped body text with staggered fade-in, behind a collapsible Show N sources toggle. Data source: useSemanticSearch / useAnswerQuestion / useAskDocument.","name":"ui/conversation/source-citation-list","page":"https://localmode.ai/docs/conversation/source-citation-list","registryDependencies":["@localmode/ui/lib/utils","collapsible"],"title":"Source Citation List","type":"registry:component"},{"categories":["conversation"],"description":"A result panel for useGenerateObject extending Response: pretty-printed JSON, an independently-usable inference-stats footer (tokens, duration, attempts), and a navigable typed schema-tree view.","name":"ui/conversation/structured-output-viewer","page":"https://localmode.ai/docs/conversation/structured-output-viewer","registryDependencies":["@localmode/ui/lib/utils","tabs"],"title":"Structured Output Viewer","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"Progress surfaces for local workflows: a horizontal numbered-step indicator (active/completed/pending), a stage+percentage variant for ingest, a Steps/Plan vertical outline with expandable detail, and an inference-queue surface grouped by priority. Maps to usePipeline onProgress ","name":"ui/conversation/pipeline-tracker","page":"https://localmode.ai/docs/conversation/pipeline-tracker","registryDependencies":["@localmode/ui/lib/utils","collapsible","progress"],"title":"Multi-Step Pipeline Tracker","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"A message-versioning navigator that pages between regenerated/edited assistant variants for one turn, with prev/next controls and an X of N indicator (hidden at N=1). Wraps an existing Message non-intrusively; pure client state. Data source: useChat.","name":"ui/conversation/branch","page":"https://localmode.ai/docs/conversation/branch","registryDependencies":["@localmode/ui/lib/utils","button"],"title":"Branch","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"Inline superscript citation markers in prose that open a hovercard with the cited local chunk (title, excerpt, quoted snippet), with a carousel paging multiple sources for one claim. References locally-stored chunks only — no remote unfurl. Data source: useSemanticSearch.","name":"ui/conversation/inline-citation","page":"https://localmode.ai/docs/conversation/inline-citation","registryDependencies":["@localmode/ui/lib/utils","hover-card"],"title":"Inline Citation","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"A human-in-the-loop confirmation card that gates a tool call before execution (pending tool + args with approve/reject), then re-renders read-only as an immutable receipt. Pairs with Tool and feeds the choice back into the agent loop. Data source: useAgent.","name":"ui/conversation/tool-approval","page":"https://localmode.ai/docs/conversation/tool-approval","registryDependencies":["@localmode/ui/lib/utils","button"],"title":"Tool Approval","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"A structured step-by-step reasoning timeline (distinct from free-text Reasoning): labeled steps with per-step status and icons, and nested slots for embedded retrieved sources and images, collapsing to one line on completion. Data source: useGenerateText reasoning-mode + local RA","name":"ui/conversation/chain-of-thought","page":"https://localmode.ai/docs/conversation/chain-of-thought","registryDependencies":["@localmode/ui/lib/utils","collapsible"],"title":"Chain of Thought","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"A floating scroll-to-bottom affordance tied to a chat container's scroll state — appears when the user scrolls up, scrolls to and pins the latest content. Pairs with a ScrollAnchor pin element. Data source: useChat.","name":"ui/conversation/scroll-to-bottom-button","page":"https://localmode.ai/docs/conversation/scroll-to-bottom-button","registryDependencies":["@localmode/ui/lib/utils","button"],"title":"Scroll To Bottom Button","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"An in-conversation info/warning banner (not a message bubble) for local-first state changes: offline/online, model switch, capability-unavailable, WebGPU->WASM fallback, cache eviction, or download-required. Data source: useNetworkStatus / useCapabilities.","name":"ui/conversation/system-notice-banner","page":"https://localmode.ai/docs/conversation/system-notice-banner","registryDependencies":["@localmode/ui/lib/utils","button"],"title":"System Notice Banner","type":"registry:component"},{"categories":["conversation"],"dependencies":["lucide-react"],"description":"An accessible per-message error/retry block rendered inline on a failed assistant message (not a global toast), with auto-extracted error text, a classified hint (OOM / WebGPU lost / model load), and a retry action. Data source: useChat error state.","name":"ui/conversation/in-message-error","page":"https://localmode.ai/docs/conversation/in-message-error","registryDependencies":["@localmode/ui/lib/utils","button"],"title":"In-Message Error","type":"registry:component"},{"categories":["data"],"dependencies":["lucide-react"],"description":"A generic, format-agnostic drag-and-drop + click-to-browse upload zone for non-image files (PDF/CSV/JSON/vector exports). Validates each file with a bundled validateFile helper (copy-owned — no @localmode dependency) against an accept MIME list and maxSize, emitting only valid fi","name":"ui/data-documents/file-dropzone","page":"https://localmode.ai/docs/data-documents/file-dropzone","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils"],"title":"File Dropzone","type":"registry:component"},{"categories":["data"],"dependencies":["lucide-react"],"description":"A card for a single locally-indexed document: truncated filename (native tooltip), chunk count, optional page count and file size, and a hover/focus-revealed delete with loading state. Presentational — page/chunk counts come from the app's ingest state (e.g. useSemanticChunk outp","name":"ui/data-documents/indexed-document-card","page":"https://localmode.ai/docs/data-documents/indexed-document-card","registryDependencies":["@localmode/ui/lib/utils"],"title":"Indexed Document Card","type":"registry:component"},{"categories":["data"],"description":"A small badge displaying an auto-detected data format (PINECONE / CHROMA / CSV / JSONL or custom) with a per-format color map, used to confirm a detected source format after parsing. Fully self-contained and presentational — pass a format string and an optional colorMap; unknown ","name":"ui/data-documents/format-detection-badge","page":"https://localmode.ai/docs/data-documents/format-detection-badge","registryDependencies":["@localmode/ui/lib/utils"],"title":"Format Detection Badge","type":"registry:component"},{"categories":["data"],"dependencies":["lucide-react"],"description":"A domain-decoupled, filterable category facet (vertical list or horizontal pills) with per-category count badges, single-select toggle (re-click deselects), an All/clear affordance, and active highlight. Takes categories/counts/selected/onSelect so it serves useSemanticSearch res","name":"ui/data-documents/category-facet-list","page":"https://localmode.ai/docs/data-documents/category-facet-list","registryDependencies":["@localmode/ui/lib/utils"],"title":"Category Facet List","type":"registry:component"},{"categories":["data"],"description":"Visualizes a document split into distinct chunks: alternating accent-background segments each with a monospace C1/C2 badge; in semantic mode, inter-chunk boundary similarity scores (e.g. sim: 0.74) render as faint labels between segments. Takes a decoupled ChunkInfo[] (text, chun","name":"ui/data-documents/chunk-boundary-visualizer","page":"https://localmode.ai/docs/data-documents/chunk-boundary-visualizer","registryDependencies":["@localmode/ui/lib/utils"],"title":"Chunk Boundary Visualizer","type":"registry:component"},{"categories":["input"],"description":"A radial progress ring + n/MAX monospace counter that turns error-colored when over the limit, deriving the percentage internally from charCount + maxLength. Pure SVG, shadcn/CSS-variable themed (not daisyUI). Self-contained — sits beside any length-bounded textarea or PromptInpu","name":"ui/input-controls/char-limit-indicator","page":"https://localmode.ai/docs/input-controls/char-limit-indicator","registryDependencies":["@localmode/ui/lib/utils"],"title":"Char Limit Indicator","type":"registry:component"},{"categories":["input"],"description":"A fill-mask / cloze textarea that detects a configurable mask token (default [MASK]), shows an inline highlighted preview of the mask span, a 'detected' vs 'Add [MASK]' validation hint, a randomize/sample button, and a Cmd+Enter submit badge. Presentational — feeds useFillMask.","name":"ui/input-controls/mask-token-input","page":"https://localmode.ai/docs/input-controls/mask-token-input","registryDependencies":["@localmode/ui/lib/utils"],"title":"Mask Token Input","type":"registry:component"},{"categories":["input"],"description":"A pill toggle for 2–4 mutually-exclusive named modes (ring-bordered container, active item tinted + ringed), plus a typed TabBar variant with disabledTabs gating. Fully controlled, generic over the id type. Covers OCR content-type, summary length, translation formality, browse/in","name":"ui/input-controls/segmented-mode-picker","page":"https://localmode.ai/docs/input-controls/segmented-mode-picker","registryDependencies":["@localmode/ui/lib/utils"],"title":"Segmented Mode Picker","type":"registry:component"},{"categories":["input"],"dependencies":["lucide-react"],"description":"A paired source/target language picker — From/To pill toggles with flag + name + a swap button, or a compact {source} → {target} pair of selects. Fully controlled via sourceCode/targetCode and onSelectSource/onSelectTarget/onSwap. Feeds useTranslate; composes with useDetectLangua","name":"ui/input-controls/language-pair-selector","page":"https://localmode.ai/docs/input-controls/language-pair-selector","registryDependencies":["@localmode/ui/lib/utils"],"title":"Language Pair Selector","type":"registry:component"},{"categories":["input"],"dependencies":["lucide-react"],"description":"A two-column (stacked on mobile) single-input → single-output NLP shell: labeled textarea + live word count + optional CharLimitIndicator on the left; a result pane (spinner / pre-wrap text / empty slot) with copy-with-feedback on the right; a run/cancel/clear toolbar; and an opt","name":"ui/input-controls/text-processing-panel","page":"https://localmode.ai/docs/input-controls/text-processing-panel","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/input-controls/char-limit-indicator"],"title":"Text Processing Panel","type":"registry:component"},{"categories":["input"],"dependencies":["radix-ui"],"description":"An inline range slider with a live value readout for reversible adjustment of a local generation parameter — temperature, top-k, top-p, maxTokens, nGpuLayers, KV-cache quant. Fully controlled; the emitted value feeds straight into useGenerateText/useChat options. Built on the sha","name":"ui/input-controls/parameter-slider","page":"https://localmode.ai/docs/input-controls/parameter-slider","registryDependencies":["@localmode/ui/lib/utils"],"title":"Parameter Slider","type":"registry:component"},{"categories":["input"],"dependencies":["cmdk","lucide-react"],"description":"A '/'-triggered command palette over a local tool/command list — name, category, description, and icon — to layer onto a PromptInput Tools slot. Purely presentational; the consumer opens it (e.g. when the composer starts with '/') and supplies the query. Built on the shadcn/ui Co","name":"ui/input-controls/slash-command-palette","page":"https://localmode.ai/docs/input-controls/slash-command-palette","registryDependencies":["@localmode/ui/lib/utils","command"],"title":"Slash Command Palette","type":"registry:component"},{"categories":["input"],"dependencies":["lucide-react"],"description":"An inline multi-choice selection list (shows 5–7 options then paginates) for human-in-the-loop agent inquiries, distinct from quick-reply suggestion chips. The chosen option feeds back into a local agent inquiry loop. Presentational — feeds useAgent.","name":"ui/input-controls/option-list","page":"https://localmode.ai/docs/input-controls/option-list","registryDependencies":["@localmode/ui/lib/utils"],"title":"Option List","type":"registry:component"},{"categories":["input"],"dependencies":["lucide-react"],"description":"A one-click 'enhance my prompt' control that hands the user's draft to a local model (via an onEnhance callback wired to useGenerateText) and applies the rewritten prompt — fully offline — with an optional few-shot example editor for interactive prompt tuning. Presentational + ca","name":"ui/input-controls/prompt-enhance-button","page":"https://localmode.ai/docs/input-controls/prompt-enhance-button","registryDependencies":["@localmode/ui/lib/utils"],"title":"Prompt Enhance Button","type":"registry:component"},{"categories":["input"],"dependencies":["lucide-react"],"description":"A copy-to-clipboard button that shows a 2-second Copied confirmation, disables itself when there is nothing to copy, and treats an unavailable clipboard (insecure context or denied permission) as a silent no-op. Fully controlled via value; presentational. Pairs with any generated","name":"ui/input-controls/copy-button","page":"https://localmode.ai/docs/input-controls/copy-button","registryDependencies":["@localmode/ui/lib/utils"],"title":"Copy Button","type":"registry:component"},{"categories":["input"],"description":"A controlled system-prompt editor (value in, onChange out) with quick-pick presets composed via the OptionList primitive: selecting a preset replaces the textarea value; free-form edits that match no preset deselect all presets. Exports SYSTEM_PROMPT_PRESETS and DEFAULT_SYSTEM_PR","name":"ui/input-controls/system-prompt-editor","page":"https://localmode.ai/docs/input-controls/system-prompt-editor","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/input-controls/option-list"],"title":"System Prompt Editor","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"The headline local-first card a user sees while a model loads on-device: model name, size, context length, category, a live progress bar, and a clear first-time-downloading vs loading-from-cache distinction (with a ready state). Includes a lower-level DownloadProgress (bar + perc","name":"ui/local-first/model-downloader","page":"https://localmode.ai/docs/local-first/model-downloader","registryDependencies":["@localmode/ui/lib/utils"],"title":"Model Downloader","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A device-aware model picker: a list grouped by category, backend filter chips (WebGPU/ONNX/WASM/LiteRT) with live counts, per-model vision/tool-calling/cached badges, a download affordance for uncached models, and a delete-from-cache affordance for cached ones. Device-unfit model","name":"ui/local-first/model-selector","page":"https://localmode.ai/docs/local-first/model-selector","registryDependencies":["@localmode/ui/lib/utils"],"title":"Model Selector","type":"registry:component"},{"categories":["local-first"],"description":"A true gate: renders its children only when the device meets a stated requirement (e.g. requires=\"webgpu\"), otherwise a themed fallback slot with guidance. The capability check uses useCapabilities. Local models have hard device requirements (LiteRT Gemma is WebGPU-only), so gati","name":"ui/local-first/capability-gate","page":"https://localmode.ai/docs/local-first/capability-gate","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/use-environment"],"title":"Capability Gate","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"Shows origin/IndexedDB storage usage against quota as a meter, with a warning state past a configurable threshold and a graceful unavailable state (estimates are approximate and blocked in Safari private mode). Bind to useStorageQuota (default) or pass an explicit quota. Compleme","name":"ui/local-first/storage-meter","page":"https://localmode.ai/docs/local-first/storage-meter","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils","@localmode/ui/lib/use-environment"],"title":"Storage Meter","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A reactive online/offline indicator (NetworkBadge) sourced from useNetworkStatus, plus an OfflineReady badge that signals the app's required model is cached on-device and can run with no network. Because local models keep working offline, offline is informational, not an error.","name":"ui/local-first/network-badge","page":"https://localmode.ai/docs/local-first/network-badge","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/use-environment"],"title":"Network Badge","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"Annotates a result as served from the semantic cache, optionally with the hit latency (e.g. \"cached · 12ms\"). Drive cached/latencyMs from a useSemanticCache lookup result. Renders nothing when cached is false, so it is safe to drop next to any result. Self-contained and presentat","name":"ui/local-first/cache-badge","page":"https://localmode.ai/docs/local-first/cache-badge","registryDependencies":["@localmode/ui/lib/utils"],"title":"Cache Badge","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"The expanded sibling of DeviceBadge: a full device-capability diagnostic card reading useCapabilities — a stats bar (cores/memory/GPU), a status row per feature flag (WebGPU/WASM/SIMD/Threads/IndexedDB/Web Workers), a storage row, and a browser/OS footer, with a spinner while det","name":"ui/local-first/device-capability-grid","page":"https://localmode.ai/docs/local-first/device-capability-grid","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/use-environment"],"title":"Device Capability Grid","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A per-model runnability report for the current device — the feasibility check you want before a multi-GB download: a pass/fail RAM-headroom bar (model RAM vs device RAM), available storage, threading (cross-origin-isolation) status, estimated speed, and a warnings list, with a ca","name":"ui/local-first/browser-compat-card","page":"https://localmode.ai/docs/local-first/browser-compat-card","registryDependencies":["@localmode/ui/lib/utils"],"title":"Browser Compat Card","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"Surfaces the active AI backend tier — a zero-download built-in (Chrome AI) vs a model-download provider (Transformers.js) — plus a WASM threading variant (Multi-thread when cross-origin isolated / SharedArrayBuffer is available, else Single-thread). A software-side sibling to Dev","name":"ui/local-first/provider-fallback-badge","page":"https://localmode.ai/docs/local-first/provider-fallback-badge","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/use-environment"],"title":"Provider Fallback Badge","type":"registry:component"},{"categories":["local-first"],"description":"A token / context-window budget meter (with composable Context/ContextTrigger/ContextContent/ContextInputUsage/ContextOutputUsage parts) breaking down input/output/reasoning/cache token usage against the model's context-window limit (a hard local GGUF/LiteRT KV-cache constraint),","name":"ui/local-first/context-usage-meter","page":"https://localmode.ai/docs/local-first/context-usage-meter","registryDependencies":["@localmode/ui/lib/utils"],"title":"Context Usage Meter","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A rich tile for a single model catalog entry (wllama/webllm/transformers/litert/mediapipe shapes): name, a size badge, description, a metadata chip row (architecture, params, quantization, context), and a conditional capability sub-row (tools/vision/embedding/reranking/reasoning)","name":"ui/local-first/model-catalog-card","page":"https://localmode.ai/docs/local-first/model-catalog-card","registryDependencies":["@localmode/ui/lib/utils"],"title":"Model Catalog Card","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A full-height \"waiting for model\" splash — the richer blocking sibling of ModelDownloader — combining model metadata (size, context length, category, cached-vs-downloading badge) with a progress bar and a two-path help message (first-download vs cache-load). Composes the lower-le","name":"ui/local-first/model-loading-panel","page":"https://localmode.ai/docs/local-first/model-loading-panel","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/model-downloader"],"title":"Model Loading Panel","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A structured key-value grid of parsed model metadata (GGUFMetadataCard, with a ModelMetadataCard alias) — architecture, parameter count, quantization, context length, embedding dimension, vocab size, head/layer counts, file size, optional author/license — driven by a field-descri","name":"ui/local-first/model-metadata-card","page":"https://localmode.ai/docs/local-first/model-metadata-card","registryDependencies":["@localmode/ui/lib/utils"],"title":"Model Metadata Card","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A single scored recommendation: a radial score dial (0–100), the model name, a monospace model id, a badge row (provider, size, speed/quality tiers, recommended device webgpu/wasm/cpu with a stable tier→color mapping), a description, and reason chips. Supports an optional onToggl","name":"ui/local-first/model-recommendation-card","page":"https://localmode.ai/docs/local-first/model-recommendation-card","registryDependencies":["@localmode/ui/lib/utils"],"title":"Model Recommendation Card","type":"registry:component"},{"categories":["local-first"],"dependencies":["cmdk","lucide-react"],"description":"A cmdk-based searchable model-repo browser: a controlled search input, a sort selector (downloads/likes/last-modified), result rows (repo id, author, compact download/like counts, relative last-modified, capped tag badges), load-more pagination, and a per-repo expandable file lis","name":"ui/local-first/model-search-browser","page":"https://localmode.ai/docs/local-first/model-search-browser","registryDependencies":["@localmode/ui/lib/utils"],"title":"Model Search Browser","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A side-by-side comparison of two scored entries with labeled rows (Score, Size, Speed, Quality, Device, Dimensions) where winning rows are accent-highlighted and losing rows dimmed, plus an onClear dismissal. Win-highlighting is derived purely from props (no orchestration state).","name":"ui/local-first/model-comparison-panel","page":"https://localmode.ai/docs/local-first/model-comparison-panel","registryDependencies":["@localmode/ui/lib/utils"],"title":"Model Comparison Panel","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"Surfaces useAdaptiveBatchSize output: a prominent computed optimal batch number, a hardware summary (cores/RAM/GPU), the detection source (detected/estimated/override), and a collapsible reasoning string. Ships a compact AdaptiveBatchBadge variant (e.g. \"Batch: 32\") with a click-","name":"ui/local-first/adaptive-batch-card","page":"https://localmode.ai/docs/local-first/adaptive-batch-card","registryDependencies":["@localmode/ui/lib/utils"],"title":"Adaptive Batch Card","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"VectorDB observability complementing StorageMeter (quota): a compression-stats badge (SQ8 ratio + before/after size, e.g. \"4.0x — 15KB→3.7KB\"), a three-tier storage estimate (Raw Float32 / SQ8 4x / PQ 8–32x with the active tier highlighted), and a GPU-aware search-latency badge (","name":"ui/local-first/vector-storage-observability","page":"https://localmode.ai/docs/local-first/vector-storage-observability","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils"],"title":"Vector Storage Observability","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A warning panel shown when the active embedding model is incompatible with vectors already stored (model changed or dimension mismatch): explains stored vs current model ids, shows a reindex progress bar + phase label while re-embedding, and offers Re-embed All / Cancel actions. ","name":"ui/local-first/embedding-drift-banner","page":"https://localmode.ai/docs/local-first/embedding-drift-banner","registryDependencies":["@localmode/ui/lib/utils"],"title":"Embedding Drift Banner","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"An export surface for vector data — the counterpart to VectorImportFlow: a record/dimension count line, a row per export format (native JSON with vectors, CSV, JSONL — label, description, vectors-included / text-only indicator, per-format export action emitting onExport(formatId)","name":"ui/local-first/vector-export-panel","page":"https://localmode.ai/docs/local-first/vector-export-panel","registryDependencies":["@localmode/ui/lib/utils"],"title":"Vector Export Panel","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A guarded vector-import flow for useImportExport: a preview panel (detected-format badge, total / with-vectors / text-only counts, detected dimensions, dimension-mismatch warning, Cancel/Confirm), a phased progress bar (parsing → validating → embedding → importing), a result stat","name":"ui/local-first/vector-import-flow","page":"https://localmode.ai/docs/local-first/vector-import-flow","registryDependencies":["@localmode/ui/lib/utils"],"title":"Vector Import Flow","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"A compact toolbar row for useSemanticCache complementing CacheBadge: entry count, hit-rate percentage, an icon-only clear-cache button (when entries > 0), and an enable/disable toggle (with a spinner while the embedding model loads). Pairs with a per-message CachedAnnotation (\"Ca","name":"ui/local-first/semantic-cache-status-bar","page":"https://localmode.ai/docs/local-first/semantic-cache-status-bar","registryDependencies":["@localmode/ui/lib/utils"],"title":"Semantic Cache Status Bar","type":"registry:component"},{"categories":["local-first"],"description":"Displays the RESOLVED provider identity - composing ProviderFallbackBadge for the tier and name - alongside the model id that actually served the request. While providerName is null it shows a Resolving provider placeholder, so the badge never claims a provider before one has res","name":"ui/local-first/provider-badge","page":"https://localmode.ai/docs/local-first/provider-badge","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/provider-fallback-badge"],"title":"Provider Badge","type":"registry:component"},{"categories":["local-first"],"dependencies":["lucide-react"],"description":"The gate a user sees when a Chrome Built-in AI capability exists but its on-device model has not been fetched yet. Chrome refuses to start the model download outside a user activation, so the button is the only way to trigger it. Renders the download prompt, in-flight progress, t","name":"ui/local-first/chrome-ai-download-gate","page":"https://localmode.ai/docs/local-first/chrome-ai-download-gate","registryDependencies":["@localmode/ui/lib/utils"],"title":"Chrome AI Download Gate","type":"registry:component"},{"categories":["media-vision"],"dependencies":["lucide-react"],"description":"A drag-and-drop + click-to-browse image upload zone with idle / drag-over / processing states, accept-list + max-size validation via validateFile, an \"add another\" variant, and an onFiles(File[]) callback.","name":"ui/media-vision/media-dropzone","page":"https://localmode.ai/docs/media-vision/media-dropzone","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils"],"title":"Media Dropzone","type":"registry:component"},{"categories":["media-vision"],"description":"Color-coded detection boxes (with a companion DetectionLabelLegend) positioned over an image as percentage offsets from its natural dimensions, so placement is display-size independent. Serves object / face / hand / pose output.","name":"ui/media-vision/bounding-box-overlay","page":"https://localmode.ai/docs/media-vision/bounding-box-overlay","registryDependencies":["@localmode/ui/lib/utils"],"title":"Bounding Box Overlay","type":"registry:component"},{"categories":["media-vision"],"description":"Compare an original image with a transformed result — a two-panel grid with checkerboard transparency (shipped inline) or a segmented Original / Enhanced toggle. Pairs with useImageToImage / useSegmentImage.","name":"ui/media-vision/before-after-image-viewer","page":"https://localmode.ai/docs/media-vision/before-after-image-viewer","registryDependencies":["@localmode/ui/lib/utils"],"title":"Before / After Image Viewer","type":"registry:component"},{"categories":["media-vision"],"dependencies":["lucide-react"],"description":"A full-bleed overlay over a dimmed source image while vision inference runs — spinner ring + icon + status + optional cancel, plus an animated scan variant (keyframes shipped inline). Renders nothing when idle. Driven by any vision hook's isLoading.","name":"ui/media-vision/image-processing-overlay","page":"https://localmode.ai/docs/media-vision/image-processing-overlay","registryDependencies":["@localmode/ui/lib/utils"],"title":"Image Processing Overlay","type":"registry:component"},{"categories":["media-vision"],"description":"A mirrored 16:9 webcam surface — a video element with a pixel-aligned transparent canvas overlay for landmark / skeleton drawing, an FPS badge, and a child slot. A shell for the MediaPipe streaming trackers (useDetectHands / useDetectPose / useDetectFace / useRecognizeGesture); t","name":"ui/media-vision/video-canvas","page":"https://localmode.ai/docs/media-vision/video-canvas","registryDependencies":["@localmode/ui/lib/utils"],"title":"Video Canvas","type":"registry:component"},{"categories":["media-vision"],"dependencies":["lucide-react"],"description":"A responsive grid / list of image result cards sharing one data contract — in-flight overlay, hover metadata, confidence score, multi-select, delete, and staggered fade-in. Composes ConfidenceScoreBadge (Results family) via a registry dependency, with a minimal score-badge fallba","name":"ui/media-vision/image-result-gallery","page":"https://localmode.ai/docs/media-vision/image-result-gallery","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/results/confidence-score-badge"],"title":"Image Result Gallery","type":"registry:component"},{"categories":["media-vision"],"description":"A React hook that owns a getUserMedia video stream: start() acquires (or re-acquires after a denial - the retry path), stop() releases every track, and unmount cleanup guarantees the camera light goes off. Runtime permission denial surfaces as a recoverable error (permission / ha","name":"ui/media-vision/use-webcam","page":"https://localmode.ai/docs/media-vision/use-webcam","title":"useWebcam","type":"registry:hook"},{"categories":["results"],"description":"Maps a 0–1 score to a semantic color tier (configurable thresholds; default high ≥ 0.8 success, medium ≥ 0.5 warning, low muted) and renders the formatted percentage as a flat pill badge or a radial dial (conic-gradient ring wired to CSS variables, not daisyUI). The shared scored","name":"ui/results/confidence-score-badge","page":"https://localmode.ai/docs/results/confidence-score-badge","registryDependencies":["@localmode/ui/lib/utils"],"title":"Confidence Score Badge","type":"registry:component"},{"categories":["results"],"description":"A ranked vertical list of {label, score} pairs — each row shows the label, a confidence percentage (via ConfidenceScoreBadge), and an animated horizontal fill bar proportional to the 0–1 score, with the top row highlighted. Ships skeleton-loading and empty-state slots. One data c","name":"ui/results/scored-result-bar-list","page":"https://localmode.ai/docs/results/scored-result-bar-list","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/results/confidence-score-badge"],"title":"Scored Result Bar List","type":"registry:component"},{"categories":["results"],"description":"A hero card highlighting the single winning classification result — large label, prominent radial confidence dial (via ConfidenceScoreBadge), and a tier-tinted gradient-border glow. Designed to pair above a ScoredResultBarList; serves any single-winner output (sentiment, intent, ","name":"ui/results/top-result-card","page":"https://localmode.ai/docs/results/top-result-card","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/results/confidence-score-badge"],"title":"Top Result Card","type":"registry:component"},{"categories":["results"],"description":"A display card showing a cosine similarity (0–1) as a large numeric value with a human-readable bucket label (Very similar … Unrelated) using configurable thresholds, plus a proportional half-ring SVG arc gauge. Derived from two embeddings (useEmbed / useEmbedImage). Self-contain","name":"ui/results/cosine-similarity-meter","page":"https://localmode.ai/docs/results/cosine-similarity-meter","registryDependencies":["@localmode/ui/lib/utils"],"title":"Cosine Similarity Meter","type":"registry:component"},{"categories":["results"],"dependencies":["lucide-react"],"description":"An editable set of color-cycling removable chips managing a candidate-label list (zero-shot candidate labels or any string-tag collection): hover-reveal remove, inline add input (Enter to commit, Backspace-on-empty to remove last). Fully controlled via labels / onAdd / onRemove, ","name":"ui/results/editable-label-set","page":"https://localmode.ai/docs/results/editable-label-set","registryDependencies":["@localmode/ui/lib/utils"],"title":"Editable Label Set","type":"registry:component"},{"categories":["results"],"description":"A horizontal stats bar showing the total detected-entity count plus per-type breakdown badges (PER / LOC / ORG / MISC — colored dot + count + label), computing counts internally from a DetectedEntity[] (or a pre-computed counts map) against a color/label registry. Pairs with useE","name":"ui/results/entity-stats-bar","page":"https://localmode.ai/docs/results/entity-stats-bar","registryDependencies":["@localmode/ui/lib/utils"],"title":"Entity Stats Bar","type":"registry:component"},{"categories":["results"],"description":"An inline-annotated text renderer interleaving plain text with color-coded redaction tokens (e.g. [PER], [LOC]) styled per entity type with native tooltips, including a scanning loading skeleton and an empty placeholder. Takes source text + detected entity spans (start/end) from ","name":"ui/results/redacted-text-display","page":"https://localmode.ai/docs/results/redacted-text-display","registryDependencies":["@localmode/ui/lib/utils"],"title":"Redacted Text Display","type":"registry:component"},{"categories":["results"],"description":"A composite evaluation dashboard: a KPI/stat-tile row (value + delta), a grid of metric cards (accuracy / precision / recall / F1), a color-coded N×N confusion matrix (diagonal success-tinted, off-diagonal error-tinted, intensity scaled to max cell, with legend), a radar/spider s","name":"ui/results/evaluation-metrics-dashboard","page":"https://localmode.ai/docs/results/evaluation-metrics-dashboard","registryDependencies":["@localmode/ui/lib/utils"],"title":"Evaluation Metrics Dashboard","type":"registry:component"},{"categories":["results"],"description":"An interactive force-directed graph of typed nodes + relationship-labeled edges with drag / zoom / pan / hover / click and SVG/PNG export — for visualizing VectorDB entity relationships, agent-memory connections, embedding clusters, or useExtractEntities (NER) co-occurrences. The","name":"ui/results/entity-relationship-graph","page":"https://localmode.ai/docs/results/entity-relationship-graph","registryDependencies":["@localmode/ui/lib/utils"],"title":"Entity Relationship Graph","type":"registry:component"},{"categories":["results"],"description":"A presentational panel for similarity-threshold calibration results: the empirically calibrated threshold shown side-by-side with the model's preset default (or an explicit no-preset state), calibration metadata (percentile, sample size, model ID, distance function), the pairwise","name":"ui/results/threshold-calibration-panel","page":"https://localmode.ai/docs/results/threshold-calibration-panel","registryDependencies":["@localmode/ui/lib/utils"],"title":"Threshold Calibration Panel","type":"registry:component"},{"categories":["results"],"dependencies":["lucide-react"],"description":"A compact, dismissible error surface with an optional retry action - a role=alert region showing the message, a Retry button (only when onRetry is provided), and a dismiss control. Presentational: the consumer owns the operation state and decides what retry and dismiss do. The de","name":"ui/results/error-alert","page":"https://localmode.ai/docs/results/error-alert","registryDependencies":["@localmode/ui/lib/utils"],"title":"Error Alert","type":"registry:component"},{"categories":["results"],"description":"A React error boundary that isolates a render failure in its subtree: it catches the error, renders a compact recoverable role=alert notice with the message and a Reset button that clears the error and re-renders the children, so one failing surface cannot blank the whole page. A","name":"ui/results/mode-error-boundary","page":"https://localmode.ai/docs/results/mode-error-boundary","registryDependencies":["@localmode/ui/lib/utils"],"title":"Mode Error Boundary","type":"registry:component"},{"categories":["security"],"description":"A presentational password/passphrase strength meter — a themed bar + label driven by a caller-computed 0–100 strength score. The app computes strength (pairs with @localmode/core deriveKey/crypto); the component only renders. No turnkey hook.","name":"ui/security-privacy/password-strength-bar","page":"https://localmode.ai/docs/security-privacy/password-strength-bar","registryDependencies":["@localmode/ui/lib/utils"],"title":"Password Strength Bar","type":"registry:component"},{"categories":["security"],"dependencies":["lucide-react","radix-ui"],"description":"A collapsible DP settings panel (enable toggle, epsilon slider with derived High/Balanced/Low label, privacy-budget bar that warns/errors as budget is consumed) plus a compact \"DP Applied\" provenance badge (epsilon used, embedding dimensionality). Driven by the app's dpEmbeddingM","name":"ui/security-privacy/differential-privacy-controls","page":"https://localmode.ai/docs/security-privacy/differential-privacy-controls","registryDependencies":["@localmode/ui/lib/utils","collapsible","switch","badge"],"title":"Differential Privacy Controls","type":"registry:component"},{"categories":["security"],"dependencies":["lucide-react"],"description":"A controlled passphrase screen with create and unlock modes: create renders passphrase + confirmation with a minimum-length gate and composes the password-strength-bar from caller-computed strength props; unlock renders a single field with an error surface (e.g. wrong passphrase)","name":"ui/security-privacy/passphrase-gate","page":"https://localmode.ai/docs/security-privacy/passphrase-gate","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/security-privacy/password-strength-bar"],"title":"Passphrase Gate","type":"registry:component"},{"categories":["security"],"dependencies":["lucide-react"],"description":"A lock-state-aware card for an encrypted note or text document: locked renders a masked body with disabled actions (no plaintext in the DOM); unlocked renders title/timestamp with reveal/hide toggling of caller-supplied decrypted content and a delete action, all via callbacks. Ne","name":"ui/security-privacy/vault-item-card","page":"https://localmode.ai/docs/security-privacy/vault-item-card","registryDependencies":["@localmode/ui/lib/utils"],"title":"Vault Item Card","type":"registry:component"},{"categories":["security"],"dependencies":["lucide-react"],"description":"A compact session-lock indicator accepting a status of locked, unlocked, or no-vault, with distinct iconography per state and an accessible text label (never color alone). Purely presentational — holds no key material. Pairs with the status field of useEncryptedVault.","name":"ui/security-privacy/lock-status-badge","page":"https://localmode.ai/docs/security-privacy/lock-status-badge","registryDependencies":["@localmode/ui/lib/utils"],"title":"Lock Status Badge","type":"registry:component"},{"categories":["devtools"],"dependencies":["lucide-react"],"description":"Per-queue inference observability: one card per registered queue showing pending, active, completed, failed, and average latency, with a live pulsing badge + emerald accent on active counts, amber on pending, and destructive on failures. Empty state directs users to registerQueue","name":"ui/devtools/inference-queue-monitor","page":"https://localmode.ai/docs/devtools/inference-queue-monitor","registryDependencies":["@localmode/ui/lib/utils"],"title":"Inference Queue Monitor","type":"registry:component"},{"categories":["devtools"],"dependencies":["lucide-react"],"description":"Newest-first devtools event log: relative timestamps (absolute on hover), namespace-colored type badges (vectordb/embedding/model/queue/pipeline/storage), serialized payloads, a case-insensitive substring type filter, a visible cap (default 100) with an overflow line, distinct no","name":"ui/devtools/event-log-viewer","page":"https://localmode.ai/docs/devtools/event-log-viewer","registryDependencies":["@localmode/ui/lib/utils"],"title":"Event Log Viewer","type":"registry:component"},{"categories":["devtools"],"dependencies":["lucide-react"],"description":"Per-run pipeline observability cards: status badge (running pulses on primary, completed emerald, failed destructive), a completed/total progress bar, the current step while running, total duration on completion, and optional expandable per-step timing rows. The runs record mirro","name":"ui/devtools/pipeline-run-inspector","page":"https://localmode.ai/docs/devtools/pipeline-run-inspector","registryDependencies":["@localmode/ui/lib/utils"],"title":"Pipeline Run Inspector","type":"registry:component"},{"categories":["devtools"],"dependencies":["lucide-react"],"description":"Cached-model observability table: model ID (monospace, truncated), status badge (loaded/loading/error), load duration, and relative last-used time per model — with a human-formatted size column only when entries carry sizeBytes and a per-row evict control only when onEvict is pro","name":"ui/devtools/model-cache-table","page":"https://localmode.ai/docs/devtools/model-cache-table","registryDependencies":["@localmode/ui/lib/utils"],"title":"Model Cache Table","type":"registry:component"},{"categories":["blocks","chat"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","@localmode/webllm","@localmode/wllama","@localmode/litert","lucide-react"],"description":"The flagship on-device chat: a 76-model multi-provider selector (transformers, WebLLM, wllama GGUF, LiteRT) with capability gating, vision attachments, DeepSeek-R1 reasoning display, semantic response caching, agent mode with tools, custom GGUF URLs, system prompt + parameter con","name":"ui/blocks/chat","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/conversation/actions","@localmode/ui/conversation/agent-step-timeline","@localmode/ui/conversation/branch","@localmode/ui/local-first/browser-compat-card","@localmode/ui/local-first/cache-badge","@localmode/ui/local-first/capability-gate","@localmode/ui/local-first/context-usage-meter","@localmode/ui/conversation/conversation","@localmode/ui/conversation/message","@localmode/ui/local-first/model-loading-panel","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/network-badge","@localmode/ui/input-controls/option-list","@localmode/ui/input-controls/parameter-slider","@localmode/ui/conversation/prompt-input","@localmode/ui/conversation/prompt-input-attachments","@localmode/ui/local-first/provider-fallback-badge","@localmode/ui/conversation/reasoning","@localmode/ui/conversation/response","@localmode/ui/local-first/semantic-cache-status-bar","@localmode/ui/input-controls/slash-command-palette"],"title":"Chat Block","type":"registry:block"},{"categories":["blocks","devtools-drawer"],"dependencies":["@localmode/devtools","lucide-react"],"description":"A global on-device observability drawer: six tabbed surfaces (inference queues, event log, pipeline runs, model cache, device capabilities, per-collection VectorDB stats) over the @localmode/devtools bridge, plus a lazy framework-agnostic host — devtools code loads only on first ","name":"ui/blocks/devtools-drawer","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/devtools/inference-queue-monitor","@localmode/ui/devtools/event-log-viewer","@localmode/ui/devtools/pipeline-run-inspector","@localmode/ui/devtools/model-cache-table","@localmode/ui/local-first/device-capability-grid","@localmode/ui/local-first/vector-storage-observability"],"title":"DevTools Drawer Block","type":"registry:block"},{"categories":["blocks","vision"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","@localmode/mediapipe","lucide-react"],"description":"One-shot DETR (Xenova/detr-resnet-50) object detection on an uploaded image, the bundled sample, or a webcam-captured still — color-coded bounding boxes, a unique-label legend, an N-found count, a ranked scored list, in-flight download progress with cancel, clear-to-reset, and di","name":"ui/blocks/vision/object-detector","page":"https://localmode.ai/blocks/vision/object-detector","registryDependencies":["@localmode/ui/lib/browser-utils","@localmode/ui/media-vision/use-webcam","@localmode/ui/media-vision/video-canvas","@localmode/ui/media-vision/bounding-box-overlay","@localmode/ui/media-vision/image-processing-overlay","@localmode/ui/media-vision/media-dropzone","@localmode/ui/local-first/capability-gate","@localmode/ui/results/scored-result-bar-list"],"title":"Object Detector Block","type":"registry:block"},{"categories":["blocks","vision"],"dependencies":["@localmode/core","@localmode/react","@localmode/mediapipe","lucide-react"],"description":"Real-time MediaPipe streaming trackers on live webcam video — one 4-mode block: Hands (21-point skeleton + handedness), Pose (33-point skeleton + person count), Face (478-point mesh + top-8 expression blendshapes behind a default-on toggle), and Gestures (recognized category with","name":"ui/blocks/vision/live-tracker","page":"https://localmode.ai/blocks/vision/live-tracker","registryDependencies":["@localmode/ui/media-vision/use-webcam","@localmode/ui/media-vision/video-canvas","@localmode/ui/local-first/capability-gate","@localmode/ui/input-controls/segmented-mode-picker","@localmode/ui/results/confidence-score-badge","@localmode/ui/results/scored-result-bar-list"],"title":"Live Tracker Block","type":"registry:block"},{"categories":["blocks","audio"],"dependencies":["@localmode/core","@localmode/mediapipe","lucide-react"],"description":"MediaPipe YAMNet (521 environmental sound categories) top-8 classification of a microphone recording (MediaRecorder; stop -> automatic classification; recording indicator) or an uploaded audio file, rendered as a ranked list with the top prediction highlighted. Ships a justified ","name":"ui/blocks/audio/audio-classifier","page":"https://localmode.ai/blocks/audio/audio-classifier","registryDependencies":["@localmode/ui/local-first/capability-gate","@localmode/ui/results/scored-result-bar-list","@localmode/ui/audio/waveform-activity-bars","@localmode/ui/results/error-alert"],"title":"Audio Classifier Block","type":"registry:block"},{"categories":["blocks","text"],"dependencies":["@localmode/core","@localmode/react","@localmode/mediapipe"],"description":"Debounced (400 ms) automatic language detection across 110 languages (up to five candidates with name + ISO code + confidence) that runs once typed text reaches 10 characters with no button press, plus a two-text cosine-similarity comparison via the on-device MediaPipe text embed","name":"ui/blocks/text/language-detector","registryDependencies":["@localmode/ui/local-first/capability-gate","@localmode/ui/results/cosine-similarity-meter","@localmode/ui/results/scored-result-bar-list"],"title":"Language Detector Block","type":"registry:block"},{"categories":["blocks","image-studio"],"dependencies":["@localmode/react","@localmode/transformers","lucide-react"],"description":"Remove an image's background entirely on-device: SegFormer (Xenova/segformer-b0-finetuned-ade-512-512, ~15MB) segments the subject, the highest-scoring mask is composited as an alpha channel (promoted applyMaskToImage) to a transparent-background PNG shown on a checkerboard Origi","name":"ui/blocks/image-studio/background-remover","page":"https://localmode.ai/blocks/image-studio/background-remover","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils","@localmode/ui/media-vision/media-dropzone","@localmode/ui/media-vision/before-after-image-viewer","@localmode/ui/media-vision/image-processing-overlay","@localmode/ui/results/confidence-score-badge"],"title":"Background Remover Block","type":"registry:block"},{"categories":["blocks","image-studio"],"dependencies":["@localmode/react","@localmode/transformers","lucide-react"],"description":"Upscale and restore photos with Swin2SR super-resolution running fully in the browser — a 2x lightweight default (Xenova/swin2SR-lightweight-x2-64), plus 4x classical (Xenova/swin2SR-classical-sr-x4-64) and a real-world Restore variant (Xenova/swin2SR-realworld-sr-x4-64-bsrgan-ps","name":"ui/blocks/image-studio/image-enhancer","page":"https://localmode.ai/blocks/image-studio/image-enhancer","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils","@localmode/ui/media-vision/media-dropzone","@localmode/ui/media-vision/before-after-image-viewer","@localmode/ui/media-vision/image-processing-overlay"],"title":"Image Enhancer Block","type":"registry:block"},{"categories":["blocks","image-studio"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Generate alt-text captions for images with ViT-GPT2 (Xenova/vit-gpt2-image-captioning, ~230MB) entirely on-device, accumulating results in a gallery (caption as the card label, native per-card delete) with copy-caption-to-clipboard + transient copied feedback, remove-single, Clea","name":"ui/blocks/image-studio/image-captioner","page":"https://localmode.ai/blocks/image-studio/image-captioner","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/media-vision/media-dropzone","@localmode/ui/media-vision/image-result-gallery"],"title":"Image Captioner Block","type":"registry:block"},{"categories":["blocks","privacy"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Detect PII with on-device NER (Xenova/bert-base-NER, BIO prefixes stripped, low-confidence filtered), redact it with reverse-offset [<TYPE>] placeholders honoring per-type toggles plus a core redactPII() regex pass (emails/phones/SSNs/cards), render entity insights (stats bar + r","name":"ui/blocks/privacy/pii-redactor","page":"https://localmode.ai/blocks/privacy/pii-redactor","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/results/redacted-text-display","@localmode/ui/results/entity-stats-bar","@localmode/ui/results/entity-relationship-graph","@localmode/ui/security-privacy/differential-privacy-controls"],"title":"PII Redactor Block","type":"registry:block"},{"categories":["blocks","privacy"],"dependencies":["@localmode/core","@localmode/react","lucide-react"],"description":"A passphrase-locked, end-to-end encrypted item store driven by useEncryptedVault — AES-GCM ciphertext at rest in IndexedDB, the key derived from the passphrase in memory only — with encrypted notes and imported text documents rendered as lock-aware vault-item-cards (decrypt-on-vi","name":"ui/blocks/privacy/encrypted-vault","page":"https://localmode.ai/blocks/privacy/encrypted-vault","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/security-privacy/passphrase-gate","@localmode/ui/security-privacy/vault-item-card","@localmode/ui/security-privacy/lock-status-badge","@localmode/ui/security-privacy/password-strength-bar"],"title":"Encrypted Vault Block","type":"registry:block"},{"categories":["blocks","writing-tools"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","@localmode/chrome-ai"],"description":"A draft editor with live length feedback, preset and free-text edit instructions with prompt improvement, and an AI edit reviewed as a before/after diff with explicit Accept/Reject (Accept applies exactly the after text). Resolves the Chrome Prompt API when available (zero downlo","name":"ui/blocks/writing-tools/write","page":"https://localmode.ai/blocks/writing-tools/write","registryDependencies":["@localmode/ui/artifacts/code-diff-viewer","@localmode/ui/input-controls/char-limit-indicator","@localmode/ui/input-controls/prompt-enhance-button","@localmode/ui/lib/utils","@localmode/ui/local-first/capability-gate","@localmode/ui/local-first/chrome-ai-download-gate","@localmode/ui/local-first/provider-badge","@localmode/ui/results/error-alert"],"title":"Write Block","type":"registry:block"},{"categories":["blocks","writing-tools"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","@localmode/chrome-ai"],"description":"Translate across 24 directed offline Opus-MT language pairs (English-centric, every model id verified) with swap-direction that carries the output into the input, per-panel character counts, copy-with-confirmation, and cancel. Resolves the Chrome Translator API when available (ze","name":"ui/blocks/writing-tools/translate","page":"https://localmode.ai/blocks/writing-tools/translate","registryDependencies":["@localmode/ui/input-controls/copy-button","@localmode/ui/input-controls/language-pair-selector","@localmode/ui/lib/utils","@localmode/ui/local-first/chrome-ai-download-gate","@localmode/ui/local-first/provider-badge","@localmode/ui/results/error-alert"],"title":"Translate Block","type":"registry:block"},{"categories":["blocks","writing-tools"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","@localmode/chrome-ai"],"description":"Summarize a document with extractive and abstractive modes and short/medium/long length presets, rendered in a split pane with input/summary word counts, a compression-ratio badge and bar, and a reading-time-saved estimate. On the Transformers.js path abstractive is served by Dis","name":"ui/blocks/writing-tools/summarize","page":"https://localmode.ai/blocks/writing-tools/summarize","registryDependencies":["@localmode/ui/input-controls/copy-button","@localmode/ui/input-controls/segmented-mode-picker","@localmode/ui/input-controls/text-processing-panel","@localmode/ui/lib/utils","@localmode/ui/local-first/chrome-ai-download-gate","@localmode/ui/local-first/provider-badge","@localmode/ui/results/error-alert"],"title":"Summarize Block","type":"registry:block"},{"categories":["blocks","writing-tools"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers"],"description":"Fill-mask word prediction via ModernBERT (top-5) with [MASK] authoring, ranked predictions (token, confidence score, confidence label, score bar) and a substituted full-sentence preview, and click-to-apply-and-iterate. This capability is Transformers.js-only — there is no Chrome ","name":"ui/blocks/writing-tools/complete","page":"https://localmode.ai/blocks/writing-tools/complete","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/input-controls/mask-token-input","@localmode/ui/results/scored-result-bar-list","@localmode/ui/results/confidence-score-badge","@localmode/ui/local-first/provider-badge","@localmode/ui/results/error-alert"],"title":"Complete Block","type":"registry:block"},{"categories":["blocks","text-insights"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Classify one text or thousands with DistilBERT SST-2 (one item per line, or a .txt/.csv first column) via useSequentialBatch — streaming results in input order with per-item error isolation, a cancel that keeps partial results, determinate progress plus throughput (items/sec, ela","name":"ui/blocks/text-insights/sentiment-analyzer","page":"https://localmode.ai/blocks/text-insights/sentiment-analyzer","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/results/confidence-score-badge","@localmode/ui/results/entity-stats-bar","@localmode/ui/local-first/model-loading-panel","@localmode/ui/local-first/cache-badge","@localmode/ui/results/error-alert","@localmode/ui/results/mode-error-boundary"],"title":"Sentiment Analyzer Block","type":"registry:block"},{"categories":["blocks","text-insights"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Custom-label zero-shot classification with MobileBERT MNLI over a user-editable label set (add trimmed + case-insensitively deduped, remove, live count) with an email/message textarea and sample loader. Results render a top-result hero (winning label + confidence) above a ranked ","name":"ui/blocks/text-insights/text-classifier","page":"https://localmode.ai/blocks/text-insights/text-classifier","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/results/editable-label-set","@localmode/ui/results/top-result-card","@localmode/ui/results/scored-result-bar-list","@localmode/ui/local-first/model-loading-panel","@localmode/ui/local-first/cache-badge","@localmode/ui/results/error-alert","@localmode/ui/results/mode-error-boundary"],"title":"Text Classifier Block","type":"registry:block"},{"categories":["blocks","text-insights"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Evaluate a selected classifier over a selected labeled dataset via useEvaluateModel, reporting accuracy plus macro precision/recall/F1, run duration, and a color-coded confusion matrix, with completed/total progress and cancel, JSON export, and clear-results. Keeps one justified ","name":"ui/blocks/text-insights/model-evaluator","page":"https://localmode.ai/blocks/text-insights/model-evaluator","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/results/evaluation-metrics-dashboard","@localmode/ui/local-first/model-loading-panel","@localmode/ui/local-first/cache-badge","@localmode/ui/results/error-alert","@localmode/ui/results/mode-error-boundary"],"title":"Model Evaluator Block","type":"registry:block"},{"categories":["blocks","text-insights"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Calibrate a similarity threshold from corpus embeddings via useCalibrateThreshold at percentile 90, over a selected embedding model and corpus, rendering the calibrated threshold versus the model's getDefaultThreshold preset, metadata, distribution statistics, and the MODEL_THRES","name":"ui/blocks/text-insights/threshold-calibrator","page":"https://localmode.ai/blocks/text-insights/threshold-calibrator","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/results/threshold-calibration-panel","@localmode/ui/local-first/model-loading-panel","@localmode/ui/local-first/cache-badge","@localmode/ui/results/error-alert","@localmode/ui/results/mode-error-boundary"],"title":"Threshold Calibrator Block","type":"registry:block"},{"categories":["blocks","agents"],"dependencies":["@localmode/core","@localmode/react","@localmode/webllm","zod"],"description":"A tool-using ReAct research agent over its OWN on-device WebGPU-only WebLLM model (default Qwen3-1.7B-q4f16_1-MLC): three block-local tools (search over a bundled 8-article knowledge base, note, calculate), a step-by-step reasoning timeline, and a human-in-the-loop tool-approval ","name":"ui/blocks/agents/research-agent","page":"https://localmode.ai/blocks/agents/research-agent","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/use-environment","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/model-downloader","@localmode/ui/local-first/capability-gate","@localmode/ui/conversation/agent-step-timeline","@localmode/ui/conversation/tool","@localmode/ui/conversation/tool-approval","@localmode/ui/conversation/task","@localmode/ui/conversation/chain-of-thought","@localmode/ui/conversation/reasoning","@localmode/ui/conversation/pipeline-tracker","@localmode/ui/conversation/prompt-input","@localmode/ui/conversation/suggestions","@localmode/ui/conversation/in-message-error"],"title":"Research Agent Block","type":"registry:block"},{"categories":["blocks","agents"],"dependencies":["@localmode/core","@localmode/react","@localmode/webllm","zod"],"description":"Schema-validated structured-data extraction from free text over its OWN on-device WebGPU-only WebLLM model (default Qwen3-1.7B-q4f16_1-MLC): five zod templates (contact, event, review, recipe, job), useGenerateObject json mode with maxRetries 3 retry/self-correction and a visible","name":"ui/blocks/agents/data-extractor","page":"https://localmode.ai/blocks/agents/data-extractor","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/use-environment","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/model-downloader","@localmode/ui/local-first/capability-gate","@localmode/ui/conversation/structured-output-viewer","@localmode/ui/conversation/in-message-error","@localmode/ui/artifacts/artifact","@localmode/ui/artifacts/data-table-artifact","@localmode/ui/artifacts/chart-artifact"],"title":"Data Extractor Block","type":"registry:block"},{"categories":["blocks","device"],"dependencies":["@localmode/core","@localmode/react","lucide-react"],"description":"A zero-download device capability report rendered entirely from browser APIs (useCapabilities / useStorageQuota / useAdaptiveBatchSize): hardware cores/memory/GPU name, six feature flags (WebGPU/WASM/SIMD/Threads/IndexedDB/Workers), storage used/quota/available, browser + OS line","name":"ui/blocks/device/device-report","page":"https://localmode.ai/blocks/device/device-report","registryDependencies":["@localmode/ui/local-first/device-badge","@localmode/ui/local-first/device-capability-grid","@localmode/ui/local-first/browser-compat-card","@localmode/ui/local-first/storage-meter","@localmode/ui/local-first/adaptive-batch-card"],"title":"Device Report Block","type":"registry:block"},{"categories":["blocks","device"],"dependencies":["@localmode/core","@localmode/react","lucide-react"],"description":"Ranked on-device model recommendations that compute their OWN device context via useCapabilities and rank useModelRecommendations / getModelRegistry over the in-memory registry with ZERO network: a 21-task grouped selector, ranked model-recommendation-card results with a device-c","name":"ui/blocks/device/model-advisor","page":"https://localmode.ai/blocks/device/model-advisor","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/model-recommendation-card","@localmode/ui/local-first/model-comparison-panel"],"title":"Model Advisor Block","type":"registry:block"},{"categories":["blocks","device"],"dependencies":["@localmode/wllama","lucide-react"],"description":"Browse 160,000+ HuggingFace GGUF models and the curated wllama catalog, inspect any file's metadata via a ~4KB HTTP Range read (checkGGUFBrowserCompatFromURL — never a model download), get a browser-compat verdict, and hand a model off to the chat block. Consumes the PROMOTED @lo","name":"ui/blocks/device/gguf-explorer","page":"https://localmode.ai/blocks/device/gguf-explorer","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/model-search-browser","@localmode/ui/local-first/model-catalog-card","@localmode/ui/local-first/model-metadata-card","@localmode/ui/local-first/browser-compat-card","@localmode/ui/local-first/capability-gate","@localmode/ui/local-first/model-downloader"],"title":"GGUF Explorer Block","type":"registry:block"},{"categories":["blocks","knowledge"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","@localmode/wllama","@localmode/langchain","@localmode/pdfjs","lucide-react"],"description":"Full text/PDF/OCR ingest into its OWN corpus with off/recursive/semantic chunking and a live chunk-boundary preview, then reranked vector search (over-fetch topK×3 → a real cross-encoder from the transformers ONNX group or the wllama GGUF group; raw + rerank scores preserved, nev","name":"ui/blocks/knowledge/semantic-search","page":"https://localmode.ai/blocks/knowledge/semantic-search","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/lib/browser-utils","@localmode/ui/local-first/model-downloader","@localmode/ui/local-first/capability-gate","@localmode/ui/data-documents/file-dropzone","@localmode/ui/data-documents/chunk-boundary-visualizer","@localmode/ui/data-documents/indexed-document-card","@localmode/ui/data-documents/category-facet-list","@localmode/ui/media-vision/media-dropzone","@localmode/ui/input-controls/segmented-mode-picker","@localmode/ui/input-controls/parameter-slider","@localmode/ui/input-controls/option-list","@localmode/ui/conversation/pipeline-tracker","@localmode/ui/results/cosine-similarity-meter","@localmode/ui/results/scored-result-bar-list","@localmode/ui/results/top-result-card"],"title":"Semantic Search Block","type":"registry:block"},{"categories":["blocks","knowledge"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","@localmode/pdfjs","lucide-react"],"description":"Extractive question answering (Xenova/distilbert-base-cased-distilled-squad, grounding corpus context via engine.search topK 1, High/Medium/Low confidence tiers) over its OWN text/PDF corpus, plus Donut (Xenova/donut-base-finetuned-docvqa) document/invoice QA on an uploaded image","name":"ui/blocks/knowledge/document-qa","page":"https://localmode.ai/blocks/knowledge/document-qa","registryDependencies":["@localmode/ui/local-first/model-downloader","@localmode/ui/data-documents/file-dropzone","@localmode/ui/data-documents/indexed-document-card","@localmode/ui/media-vision/media-dropzone","@localmode/ui/conversation/pipeline-tracker","@localmode/ui/results/confidence-score-badge"],"title":"Document QA Block","type":"registry:block"},{"categories":["blocks","knowledge"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","@localmode/langchain","@localmode/pdfjs","lucide-react"],"description":"Streaming grounded RAG over its OWN text/PDF corpus — token-by-token answers through the engine-owned generator (granite-4.0-350M) with [n] markers upgraded to hover-card inline citations resolved to retrieved sources (PDF page attribution + similarity), wall-clock duration, and ","name":"ui/blocks/knowledge/rag-chat","page":"https://localmode.ai/blocks/knowledge/rag-chat","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/model-downloader","@localmode/ui/data-documents/chunk-boundary-visualizer","@localmode/ui/data-documents/file-dropzone","@localmode/ui/data-documents/indexed-document-card","@localmode/ui/input-controls/segmented-mode-picker","@localmode/ui/input-controls/parameter-slider","@localmode/ui/conversation/pipeline-tracker","@localmode/ui/conversation/sources","@localmode/ui/conversation/source-citation-list","@localmode/ui/conversation/inline-citation"],"title":"RAG Chat Block","type":"registry:block"},{"categories":["blocks","knowledge"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Four-format vector import (Pinecone/ChromaDB/CSV/JSONL + native JSON) with auto format-detection, preview, batched cancellable import and a re-embed toggle for text-only rows; native JSON/CSV/JSONL export via vector-export-panel (native export round-trips); embedding-drift banner","name":"ui/blocks/knowledge/vector-data-manager","page":"https://localmode.ai/blocks/knowledge/vector-data-manager","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/model-downloader","@localmode/ui/local-first/adaptive-batch-card","@localmode/ui/local-first/embedding-drift-banner","@localmode/ui/local-first/storage-meter","@localmode/ui/local-first/vector-export-panel","@localmode/ui/local-first/vector-import-flow","@localmode/ui/local-first/vector-storage-observability","@localmode/ui/data-documents/format-detection-badge"],"title":"Vector Data Manager Block","type":"registry:block"},{"categories":["blocks","photo"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Adaptive, device-aware CLIP photo ingest (streamEmbedManyImages at a computeOptimalBatchSize batch size shown on an adaptive-batch-card) with per-item progress, per-batch zero-shot categorization (other/0 fallback), and a grid/list gallery with filename + category + confidence + ","name":"ui/blocks/photo/smart-gallery","page":"https://localmode.ai/blocks/photo/smart-gallery","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/model-downloader","@localmode/ui/local-first/adaptive-batch-card","@localmode/ui/media-vision/media-dropzone","@localmode/ui/media-vision/image-result-gallery"],"title":"Smart Gallery Block","type":"registry:block"},{"categories":["blocks","photo"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Text→image AND image→image search over one shared CLIP vector space — embed a free-text query or a reference image and rank the ingested photo library with a top-K slider (default 20), a visible min-similarity threshold (getDefaultThreshold ?? 0.2), and CLIP-scale score bars. Own","name":"ui/blocks/photo/image-search","page":"https://localmode.ai/blocks/photo/image-search","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/model-downloader","@localmode/ui/input-controls/segmented-mode-picker","@localmode/ui/input-controls/parameter-slider","@localmode/ui/media-vision/media-dropzone","@localmode/ui/media-vision/image-result-gallery","@localmode/ui/results/scored-result-bar-list"],"title":"Image Search Block","type":"registry:block"},{"categories":["blocks","photo"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Union-find near-duplicate detection over cached CLIP image embeddings (no re-embedding) — a tunable threshold slider + Strict/Balanced/Relaxed presets, per-group average similarity via a cosine-similarity-meter, keep-first selection + bulk delete, and a cancellable scan that re-g","name":"ui/blocks/photo/duplicate-finder","page":"https://localmode.ai/blocks/photo/duplicate-finder","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/model-downloader","@localmode/ui/media-vision/media-dropzone","@localmode/ui/media-vision/image-result-gallery","@localmode/ui/input-controls/parameter-slider","@localmode/ui/results/cosine-similarity-meter"],"title":"Duplicate Finder Block","type":"registry:block"},{"categories":["blocks","photo"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers","lucide-react"],"description":"Editable-label-set categorization with Photo/Product presets, on-device library re-categorization with progress + cancel (no re-embedding), and a counted, single-select category-facet-list filter over the ingested photos. Own usePhotoLibrary instance + its own media-dropzone inge","name":"ui/blocks/photo/photo-categorizer","page":"https://localmode.ai/blocks/photo/photo-categorizer","registryDependencies":["@localmode/ui/lib/utils","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/model-downloader","@localmode/ui/media-vision/media-dropzone","@localmode/ui/media-vision/image-result-gallery","@localmode/ui/data-documents/category-facet-list","@localmode/ui/results/editable-label-set"],"title":"Photo Categorizer Block","type":"registry:block"},{"categories":["blocks","audio"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers"],"description":"Record (push-to-talk from a selectable mic) or upload audio → Whisper/Moonshine transcription → saved notes with synced word-by-word replay (real Whisper segment timestamps; disabled with a hint for Moonshine), block-local semantic search over the notes (bge-small), a [No speech ","name":"ui/blocks/audio/voice-notes","page":"https://localmode.ai/blocks/audio/voice-notes","registryDependencies":["@localmode/ui/audio/voice-button","@localmode/ui/audio/mic-selector","@localmode/ui/audio/waveform-activity-bars","@localmode/ui/audio/transcribed-note-card","@localmode/ui/audio/synced-transcript-viewer","@localmode/ui/data-documents/file-dropzone","@localmode/ui/results/scored-result-bar-list","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/model-loading-panel","@localmode/ui/results/error-alert"],"title":"Voice Notes Block","type":"registry:block"},{"categories":["blocks","audio"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers"],"description":"Open-mic streaming speech-to-text (useLiveTranscribe) with VAD-segmented utterances, plus a listen→plan→speak turn-taking assistant (useTurnTaker: Granite 4.0 350M plans, Kokoro speaks) selectable via a two-mode picker. VAD choice: the zero-download energy VAD (default) or a gate","name":"ui/blocks/audio/live-transcription","page":"https://localmode.ai/blocks/audio/live-transcription","registryDependencies":["@localmode/ui/audio/voice-orb","@localmode/ui/audio/waveform-activity-bars","@localmode/ui/input-controls/segmented-mode-picker","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/model-loading-panel","@localmode/ui/results/error-alert"],"title":"Live Transcription Block","type":"registry:block"},{"categories":["blocks","audio"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers"],"description":"Audio upload OR pasted transcript → Transcribe → Summarize (DistilBART, maxLength 200 / minLength 60) → Extract action items (useGenerateObject on Granite 4.0 350M) with a visible three-step indicator, a cancel that preserves completed steps, action-item priority badges + complet","name":"ui/blocks/audio/meeting-assistant","page":"https://localmode.ai/blocks/audio/meeting-assistant","registryDependencies":["@localmode/ui/data-documents/file-dropzone","@localmode/ui/audio/audio-scrub-player","@localmode/ui/local-first/model-selector","@localmode/ui/local-first/model-loading-panel","@localmode/ui/results/error-alert"],"title":"Meeting Assistant Block","type":"registry:block"},{"categories":["blocks","audio"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers"],"description":"Browse, search, preview, and A/B-compare all 29 Kokoro voices (grouped by language label; play/stop preview where starting one preview stops the previous; sequential A→B synthesis over shared text with a cancel). Kokoro (~86MB) downloads only on the first preview or comparison. F","name":"ui/blocks/audio/voice-explorer","page":"https://localmode.ai/blocks/audio/voice-explorer","registryDependencies":["@localmode/ui/audio/voice-picker","@localmode/ui/audio/voice-comparison-panel","@localmode/ui/audio/audio-scrub-player","@localmode/ui/local-first/model-loading-panel","@localmode/ui/results/error-alert"],"title":"Voice Explorer Block","type":"registry:block"},{"categories":["blocks","audio"],"dependencies":["@localmode/core","@localmode/react","@localmode/transformers"],"description":"Long-text streaming synthesis (useStreamSpeech) with early playback that begins before synthesis completes, a live clause counter + current-clause display, speed control (0.5x–2.0x), pause/resume/stop transport, a WAV download (audio-{voiceId}-{timestamp}.wav), a one-shot single-","name":"ui/blocks/audio/audiobook-reader","page":"https://localmode.ai/blocks/audio/audiobook-reader","registryDependencies":["@localmode/ui/audio/voice-picker","@localmode/ui/audio/streaming-speech-panel","@localmode/ui/audio/waveform-activity-bars","@localmode/ui/audio/audio-scrub-player","@localmode/ui/input-controls/parameter-slider","@localmode/ui/input-controls/char-limit-indicator","@localmode/ui/local-first/model-loading-panel","@localmode/ui/results/error-alert"],"title":"Audiobook Reader Block","type":"registry:block"}]},"ns ui":{"favicon":"/favicons/ns-ui.svg","items":[{"description":"An accordion whose sections latch shut with a small SVG hasp-and-staple on each closed header: opening swings the hasp off its staple, lifts the lid 2px, then unfolds the content. Closing reverses and the hasp settles back down with a bounce.","name":"accordion-latch","title":"Accordion Latch","type":"registry:ui"},{"description":"A merge/dock affordance modeled on structural adhesive bonding: two panels compress a bead of adhesive to a fixed bond-line stop, forcing an uneven bead of squeeze-out along the seam that visibly settles into a continuous, even fillet.","name":"adhesive-squeeze-bead","title":"Adhesive Squeeze Bead","type":"registry:ui"},{"description":"A background file-sync/upload activity rail: a slim vertical conduit where discrete air slugs, injected at the foot every 1.8s, rise at a constant 140px/s and drag a liquid plug immediately ahead of them, depositing into an accumulator basin on arrival. A real airlift-pump slug-f","name":"airlift-slug-flow","title":"Airlift Slug Flow","type":"registry:ui"},{"description":"A queued announcement bar that hands off honestly: dismissing one notice shears it upward while the next arrives from below AND the bar's own height eases between the two measured heights, so the page reflows with the message instead of snapping under it, and the queue pips physi","name":"announcement-bar-relay","title":"Announcement Bar Relay","type":"registry:ui"},{"description":"Human-in-the-loop tool-call approval row: every argument is editable inline with an old→new diff, and deciding collapses the row irreversibly into a one-line receipt.","name":"approval-inline-diff","title":"Approval Inline Diff","type":"registry:ui"},{"description":"Autosave status as a mechanical ratchet: a 10-tooth gear advances one notch per saved change and tallies the session in its rotation, while a failed save kicks the wheel back half a tooth and holds that broken pose until the next save resolves it.","name":"autosave-ratchet","title":"Autosave Ratchet","type":"registry:ui"},{"description":"Full-bleed hero whose vein network grows by space colonisation through whatever negative space the copy leaves empty: sources scattered around measured content boxes, tips advancing toward and consuming them, widths thickened by Murray's law, then a slow drain to background and a","name":"auxin-canal","title":"Auxin Canal","type":"registry:ui"},{"description":"Avatar stack that mills as a live boids flock and resolves into the classic overlapping row on hover, with the +N badge appearing only once the formation settles.","name":"avatar-stack-flock","title":"Avatar Stack Flock","type":"registry:ui"},{"description":"A sighting-compass bearing picker: the graduated card rotates under a fixed lubber line and the instrument always shows the fore reading plus its reciprocal, the way a surveyor verifies a shot.","name":"back-bearing","title":"Back Bearing","type":"registry:ui"},{"description":"Ambient water-caustics rendered in ASCII ink density: three rotated wave grids combined multiplicatively and sharpened into thin bright filaments, the way overlapping light wave-fronts trace a caustic web, with the pointer acting as a lens the pattern visibly focuses toward.","name":"background-ascii-caustics","title":"Background ASCII Caustics","type":"registry:ui"},{"description":"Luminance-to-glyph canvas renderer: ASCII, Bayer-dither, and dot-matrix modes with cursor-proximity resolve.","name":"background-ascii-dither","title":"Background ASCII Dither","type":"registry:ui"},{"description":"An ambient ASCII background running a real Ising model just below its critical temperature and inking only the DOMAIN WALLS (the boundaries between up and down spin regions), so a slowly reorganising network of rough hairlines sits on empty ground, with the pointer applying a loc","name":"background-ascii-domain-walls","title":"Background ASCII Domain Walls","type":"registry:ui"},{"description":"An ambient ASCII flow-field background: a fixed set of tracer particles ride a time-evolving 2D curl-noise velocity field, each glyph's direction ('-', '|', '/', '\\\\') and trail alpha encoding its heading and speed, with the pointer stirring a local swirl instead of painting or r","name":"background-ascii-flow","title":"Background ASCII Flow","type":"registry:ui"},{"description":"An ambient ASCII background of a granular packing under load: a static disc packing's contact network is relaxed each frame and only the contacts carrying well above the mean force are inked, so the few percent of grains bearing the load stand out as thin branching chains while t","name":"background-ascii-force-chains","title":"Background ASCII Force Chains","type":"registry:ui"},{"description":"An ambient ASCII background of the destructive-interference nodal set of four point emitters: ink appears only where the summed radial waves cancel to near zero, tracing the hyperbolic dead-fringe families across an otherwise empty field, with the pointer as a fifth, phase-shifte","name":"background-ascii-nodal-lines","title":"Background ASCII Nodal Lines","type":"registry:ui"},{"description":"An ambient ASCII background of Voronoi cell WALLS only: ink appears exactly where the first and second nearest sites are equidistant, so a sparse, slowly drifting network of hairlines and clean three-way junctions sits on an otherwise empty field, and the pointer is a weighted si","name":"background-ascii-voronoi-walls","title":"Background ASCII Voronoi Walls","type":"registry:ui"},{"description":"Full-bleed monospace cursor-trail field: a sparse ambient scatter at rest, with the pointer dragging a decaying character comet whose length and brightness depend on how fast it moves.","name":"background-ascii-wake","title":"Background ASCII Wake","type":"registry:ui"},{"description":"A blue-noise dot field that never stops settling: points run one weighted Lloyd relaxation iteration per frame against a drifting density function with genuine zero regions, so ink continually migrates into the dense lobes and leaves the rest of the frame bare paper; the pointer ","name":"background-lloyd-relax","title":"Background Lloyd Relax","type":"registry:ui"},{"description":"An ambient Truchet arc weave whose tile orientation is the SIGN of a slow harmonic field, so the frame reads as interlaced domains of continuous arcs separated by pale seams along the domain walls, and the pointer bends the field so the walls re-route outward from the cursor and ","name":"background-truchet-weave","title":"Background Truchet Weave","type":"registry:ui"},{"description":"Unread badge that tarnishes like brass: solid when fresh, an outline within a day, a muted ring after a week. New activity instantly re-polishes it with a small flare.","name":"badge-unread-tarnish","title":"Badge Unread Tarnish","type":"registry:ui"},{"description":"A dismissible notice with a perforated edge: dismissing rips the panel off along the perforation, leaving a small permanent stub that reopens it.","name":"banner-tear-stub","title":"Banner Tear Stub","type":"registry:ui"},{"description":"A card-scale status widget modelled on the aneroid barograph: a pen arm inches rightward across pre-ruled seven-day chart paper, its ink trail lengthening continuously while faint day/hour gridlines (printed on the paper, never drawn by the pen) pass beneath it, reading as \"this ","name":"barograph-drum-week","title":"Barograph Drum Week","type":"registry:ui"},{"description":"A saturation/headroom gauge rendered as an analog tape deck's own AC-bias hysteresis loop instead of a bar or dial: a bright marker rides a closed H/B loop that is narrow and sharp at low drive and widens with rounded corners toward saturation at high drive, its own envelope brea","name":"bias-hysteresis","title":"Bias Hysteresis","type":"registry:ui"},{"description":"Every passkey in a sign-in-methods list gets a physical key blade whose six notch depths are cut deterministically from its credential id, so the MacBook passkey and the phone passkey stay visually distinct objects across sessions.","name":"bitting-cut","title":"Bitting Cut","type":"registry:ui"},{"description":"A bench-blast shot pattern rendered as a grid of charged holes that fires row by row on a delay wave rather than all at once, each row flashing to peak brightness and settling to a spent, darkened crater before the wave reaches the next row.","name":"blast-hole-delay-sequence","title":"Blast Hole Delay Sequence","type":"registry:ui"},{"description":"A kanban board drawn as box-drawing frames, each column header showing its card count against its WIP limit; going over turns the frame accent and appends the overflow count, mid-drag, before you release.","name":"board-kanban-ascii-wip","title":"Board Kanban ASCII WIP","type":"registry:ui"},{"description":"A decorative divider/empty-state motif: a narrow working band of pins twists thread pairs into locked crosses down a pricked grid, while a pin two rows behind the band is pulled free the moment its crossing has secured. The load-bearing, uncontested mechanic no other lattice sibl","name":"bobbin-lace-pricking","title":"Bobbin Lace Pricking","type":"registry:ui"},{"description":"An ambient search/lookup loading indicator built as the electromechanical Bombe's drum-and-stop search cycle: four drum columns scan continuously until, every 4-6s, all of them lock still at once while a sensing bar brightens for a check, then release and resume.","name":"bombe-drum-halt","title":"Bombe Drum Halt","type":"registry:ui"},{"description":"A geofence/traverse polygon editor built like a real closed survey traverse: the last click never auto-snaps to the first, the gap between them is drawn as the misclosure, and Balance runs the 1807 Bowditch compass rule to redistribute it across every leg in proportion to its len","name":"bowditch-close","title":"Bowditch Close","type":"registry:ui"},{"description":"ASCII-textured boxplot family with one shared fence handle: dragging or keying it re-cuts every box's whiskers live against the real sample, and outliers fade in or reclassify back into the whisker as the cut moves.","name":"boxplot-ascii-whisker","title":"Boxplot ASCII Whisker","type":"registry:ui"},{"description":"The active-sessions list as a pit-head lamp-room check board: each session is a stamped brass tag hanging on a hook, and signing one out is a hold-to-release gesture on a damped spring that hands off to real gravity, bouncing once into a role=log tray that IS the revocation histo","name":"brass-check","title":"Brass Check","type":"registry:ui"},{"description":"A progress/validation-fill indicator rendered as torch brazing: molten filler is drawn sideways along a hairline joint gap by capillary action, brightest at the leading front, settling into a solidified track behind it, and pooling into a fillet the instant it reaches the far end","name":"braze-capillary-fill","title":"Braze Capillary Fill","type":"registry:ui"},{"description":"A breadcrumb that folds like a camera bellows: ancestor segments rest pleated into narrow slivers and the current page sits fully extended, with hover or focus inflating any sliver back to natural width as its neighbours redistribute the fixed total width.","name":"breadcrumb-fold","title":"Breadcrumb Fold","type":"registry:ui"},{"description":"A breadcrumb trail that collapses from the middle into a menu of the hidden levels, with an accent rule that sweeps under the current level.","name":"breadcrumb-overflow-menu","title":"Breadcrumb Overflow Menu","type":"registry:ui"},{"description":"A pricing section built as one shallow tank: an SVG water line runs behind the whole tier row and each card is a hydrometer float riding it, heavier (cheaper) tiers sitting lower and the recommended tier riding highest, with the billing toggle changing the brine's density so a pr","name":"brine-float","title":"Brine Float","type":"registry:ui"},{"description":"A rate-limited button that heat-soaks: each press deposits heat into a visible bottom-up fill, dilates its letter-spacing, swells its surface and brightens its border, growing a heat-haze shimmer as it nears the limit and decaying exponentially (fill draining, haze fading) when i","name":"button-cooldown-heat","title":"Button Cooldown Heat","type":"registry:ui"},{"description":"Liquid-glass button with translucent blurred surface and press states.","name":"button-glass","title":"Button Glass","type":"registry:ui"},{"description":"A retry button that visibly winds a torsion spring through its backoff: disabled and charging while a --foreground arc grows on real timing, notching every failure, pressable only once fully wound.","name":"button-retry-backoff","title":"Button Retry Backoff","type":"registry:ui"},{"description":"A card-scale ambient loader modelled on caddisfly larva case-building: mineral grains drift in one at a time, get measured against the open gap at the case's growing rim, and either cement into place (extending the tube in a slow spiral) or get rejected and drift away, working ar","name":"caddisfly-case-assembly","title":"Caddisfly Case Assembly","type":"registry:ui"},{"description":"A tree cross-section accreting live in SVG: a cambium ring lays wood outward year by year, each year closing with a thin dense latewood band, the section slightly lobed and drifting off-centre like a leaning trunk, and a scar event pinching a few rings before growth heals around ","name":"cambium-lay","title":"Cambium Lay","type":"registry:ui"},{"description":"A determinate progress bar redrawn as an analog tape transport: a capstan shaft turns at a strictly constant rate while a pinch roller's nip actually sets the tape's speed, and every ~1.1s the nip visibly compresses, slips, and springs back through one small overshoot.","name":"capstan-slip","title":"Capstan Slip","type":"registry:ui"},{"description":"Activity feed rendered as a carbon-paper multi-part form: one strike lands on the top ply at full density and echoes down through 4-5 contiguous, fully-visible ply rows, each registering 90ms after the one above at 0.68x the density, matching real pressure-copy force dissipation ","name":"carbon-ply-fade","title":"Carbon Ply Fade","type":"registry:ui"},{"description":"A card backed by a contact-screen halftone that reproduces real dot gain: a nonlinear per-dot growth curve where the deepest tones grow past the point of staying separate circles and physically bridge into plugged solid ink.","name":"card-dot-gain-screen","title":"Card Dot Gain Screen","type":"registry:ui"},{"description":"A card-number input rendered as an embossing machine: typed digits raise as bevel-shadowed metal, a stamping-head caret dips on every keystroke, and a brand watermark fades in once enough digits exist.","name":"card-number-emboss","title":"Card Number Emboss","type":"registry:ui"},{"description":"A card-stack navigator that shows its actual card edges as a scrubbable stripe of thin lines: dragging it riffles cards past with quick flip-past kicks, and the same stripe doubles as the pagination readout.","name":"carousel-card-riffle","title":"Carousel Card Riffle","type":"registry:ui"},{"description":"A live connection/sync-quality indicator built from overhead contact wire stagger: a fixed pantograph marker tracks the wire's deliberate zigzag span by span, and only arcs, briefly, on the rare span where contact genuinely breaks.","name":"catenary-contact-stagger","title":"Catenary Contact Stagger","type":"registry:ui"},{"description":"A Nixie-tube stat readout: ten wire-mesh cathode digits stacked behind a shared anode mesh, the struck digit glowing over faint ghost outlines of the nine behind it, with a periodic silent conditioning sweep through all ten to keep unused cathodes from fouling.","name":"cathode-stack-glow","title":"Cathode Stack Glow","type":"registry:ui"},{"description":"A map zoom control that is the scale bar: drag its end handle in log space to zoom, and the bar's length always reads a sayable 1-2-5 round distance, snapping with a 180ms width spring at every ladder crossing instead of drawing an arbitrary raw number.","name":"chain-scale","title":"Chain Scale","type":"registry:ui"},{"description":"A status glyph that reconstructs a real 1970s-80s CRT character-generator ROM read pattern: each glyph in a short string is built top-to-bottom from horizontal scanline slices arriving on a beam-synced sweep, so most on-screen glyphs are only ever a clean stack of fetched rows si","name":"chargen-rom-slice","title":"Chargen ROM Slice","type":"registry:ui"},{"description":"Canvas bar chart in ordered-dither ink density, where hovering or focusing a bar pulls it into sharper resolution while the rest ease back to a coarse print.","name":"chart-bar-dither","title":"Chart Bar Dither","type":"registry:ui"},{"description":"Bar chart whose fills are an ordered-dither halftone instead of a flat color: ink density tracks value as a second, redundant channel to height.","name":"chart-bar-halftone","title":"Chart Bar Halftone","type":"registry:ui"},{"description":"Donut chart for an ordinal size scale where wedge angle carries share and ordered-dither density carries tier order, instead of a second colour.","name":"chart-donut-halftone","title":"Chart Donut Halftone","type":"registry:ui"},{"description":"Canvas funnel chart in ordered-dither ink density, where hovering or focusing a stage animates its own drop-off as ink particles falling into the next stage.","name":"chart-funnel-stage-drop","title":"Chart Funnel Stage Drop","type":"registry:ui"},{"description":"Canvas line/area chart in ordered-dither ink density, where a scrub cursor drags a local higher-resolution loupe through the fill as it moves.","name":"chart-line-dither","title":"Chart Line Dither","type":"registry:ui"},{"description":"Canvas radar/spider chart in ordered-dither ink density, swept by a continuously rotating radar line that locally resolves each axis wedge to sharper ink as it passes.","name":"chart-radar-dither","title":"Chart Radar Dither","type":"registry:ui"},{"description":"Unknown-Pleasures ridgeline chart whose live history recedes into scrolling ambient noise terrain, dented gravitationally by the cursor.","name":"chart-ridgeline-terrain","title":"Chart Ridgeline Terrain","type":"registry:ui"},{"description":"Two-dimensional scatter plot rendered as a glyph-density grid, with a pointer- or keyboard-driven brush that live re-bins the exact points under it and reads out the selection.","name":"chart-scatter-ascii-bin","title":"Chart Scatter ASCII Bin","type":"registry:ui"},{"description":"ASCII-ramp waterfall chart where toggling a step excludes or restores its delta and every bar after it (plus the running total) visibly recomputes and re-animates, not just a hover tooltip.","name":"chart-waterfall-ascii-step","title":"Chart Waterfall ASCII Step","type":"registry:ui"},{"description":"Select-all where the change propagates like a domino run: flip the master and a wavefront tips down the list, each row's checkbox flipping and shoving the next. Click any row mid-run to halt the wave there, leaving the rest untouched.","name":"checkbox-domino-run","title":"Checkbox Domino Run","type":"registry:ui"},{"description":"A checkbox and its tri-state select-all cousin whose mark is inked on by a variable-width calligraphic pen stroke (thin entry, thick corner flick, a hair of overshoot at the tip), so checked, unchecked and indeterminate read as three distinct pen gestures.","name":"checkbox-ink-stroke","title":"Checkbox Ink Stroke","type":"registry:ui"},{"description":"Checkbox group rendered as a carpenter's tally: each check carves a notch stroke into its row and adds a stroke to an aggregate tally cluster in the header, where every fifth stroke slashes diagonally across its group of four. Strokes draw on with a dashoffset sweep and retract o","name":"checkbox-tally-notch","title":"Checkbox Tally Notch","type":"registry:ui"},{"description":"A single SVG baseline under a RAG answer's prose: a solid 1px plank under every sourced sentence, a fading 3-dash gap wherever a claim has none. Grounding coverage reads at a glance instead of hover-hunting citation pills.","name":"citation-grounding-gap","title":"Citation Grounding Gap","type":"registry:ui"},{"description":"A per-sentence grounding trace under an AI answer: solid where a source backs the claim, a bare hairline where the model is inferring alone, diagonal hatch where a source contradicts it. Shape-encoded, never color, with a static legend keying each mark to its meaning and a click-","name":"citation-grounding-hatch","title":"Citation Grounding Hatch","type":"registry:ui"},{"description":"An inline citation pill (hostname + source count, Geist Mono) that opens one bordered card with a title, excerpt and a 1/N stepper, instead of a popover per source.","name":"citation-inline-card","title":"Citation Inline Card","type":"registry:ui"},{"description":"A catch-up digest as a punch-clock card rack: one bordered card per collaborator, unread bursts holding the card proud of a shared top datum by up to 6px until a real 'Mark caught up' button settles it flush.","name":"clock-card","title":"Clock Card Rack","type":"registry:ui"},{"description":"An empty-state ambient reproducing coordinate-measuring machine touch-trigger probing: a stylus indexes to 18 stations around a fixed part outline, approaches slowly along the local surface normal, dwells at contact for a luminance-only trigger flash, retracts, and travels to the","name":"cmm-probe-touch","title":"CMM Probe Touch","type":"registry:ui"},{"description":"A pull-quote block printed on a sheet of paper that is cockling — three drifting humidity sources buckle the sheet along a fixed grain direction (5:1 anisotropic hygroexpansivity), and the real DOM quote text rides the same height field, geometrically displaced rather than shaded","name":"cockle-swell","title":"Cockle Swell","type":"registry:ui"},{"description":"Before/after comparison slider whose divider is a living Voronoi crack seam: fast drags spawn branching micro-fissures, slow drags heal them shut, and release settles with a 1px specular glint traveling the fracture.","name":"compare-crack-seam","title":"Compare Crack Seam","type":"registry:ui"},{"description":"A tier comparison matrix where every feature row draws a real box-drawing rule that runs left-to-right and terminates with ┤ at the last tier that actually includes it, so the table's staircase of rule lengths is the comparison itself rather than a field of check glyphs.","name":"compare-table-reach-rule","title":"Compare Table Reach Rule","type":"registry:ui"},{"description":"Hand-hatched underlines under low-confidence tokens, stroke density mapping straight to logprob doubt in three buckets, with a hover/focus popover naming what the model almost said instead.","name":"confidence-logprob-hatch","title":"Confidence Logprob Hatch","type":"registry:ui"},{"description":"Destructive-action confirm gated on precision, not patience: rotate an SVG dial's notch to within 3deg of a fixed index, hold it there 400ms, and the dial snaps home and arms the confirm button. Overshoot and it springs back like a slipping safe tumbler.","name":"confirm-dial-align","title":"Confirm Dial Align","type":"registry:ui"},{"description":"Press-and-hold destructive action: monochrome ink pours up from the press point, release early and it recoils.","name":"confirm-hold-ink","title":"Confirm Hold Ink","type":"registry:ui"},{"description":"Frosted-glass confirm slider where drag distance drives Voronoi crack density. Release early and the cracks heal on a spring; complete the travel and the pane explodes into tumbling glass shards revealing the confirmed state.","name":"confirm-slide-shatter","title":"Confirm Slide Shatter","type":"registry:ui"},{"description":"A consent surface that shows instead of tells: a live sentence templated from the user's own record, where each sharing scope is a real switch and toggling it sweeps a felt-pen redaction bar over exactly the tokens that scope withholds.","name":"consent-scope-redact","title":"Consent Scope Redact","type":"registry:ui"},{"description":"A contact form whose validation prints as a teletype receipt below it: each field's check accretes as a new line, and correcting a field strikes through the old line and reprints rather than clearing it.","name":"contact-form-teletype","title":"Contact Form Teletype","type":"registry:ui"},{"description":"A container with real box-drawing chrome: an inline title breaking the top rule, upgrading to a double-line border character by character on hover or focus.","name":"container-box-drawing","title":"Container Box Drawing","type":"registry:ui"},{"description":"Context compaction drawn as a meandering river: live turns are points on one curving channel, and a compacted run of turns necks off into a reopenable, re-injectable oxbow lake sitting 12px off the channel.","name":"context-compaction-river","title":"Context Compaction River","type":"registry:ui"},{"description":"A context menu that unfolds like a pocket knife: items swing out from a hinged spine as slim blades, staggered from folded to open, with a hairline edge highlight while swinging; submenus unfold as a second, smaller knife from a blade's tip.","name":"context-menu-unfold","title":"Context Menu Unfold","type":"registry:ui"},{"description":"Prompt composition rendered as machinist shims fitted into a fixed-height gap: each section's row height maps to its real token count, order is drag/keyboard reorderable with FLIP transforms, and an over-budget insert compresses the stack, bounces back to the tray, and surfaces a","name":"context-prompt-shims","title":"Context Prompt Shims","type":"registry:ui"},{"description":"Order line-item ledger where a partial refund drags a struck span across the amount bar and, on commit, appends a negative contra row beneath the original, which is never edited, only ever struck through and kept legible.","name":"contra-strike","title":"Contra Strike","type":"registry:ui"},{"description":"Copy-to-clipboard button whose confirmation shows what got copied: a duplicate of the source text visibly peels off the line and travels the real distance to the clipboard glyph before fading, arriving as the glyph gives a small catch-bounce and the label ticks to \"Copied\".","name":"copy-button-travel","title":"Copy Button Travel","type":"registry:ui"},{"description":"A copyable value field whose confirmation is typographic: letter-spacing crimps shut in a wave from the clicked character, then a check scales into the icon slot and holds. No toast, no green flash.","name":"copy-field-crimp","title":"Copy Field Crimp","type":"registry:ui"},{"description":"Live countdown where each digit change is a phase transition: the outgoing digit sublimates into grains on curl-noise wind while the incoming digit condenses from the same cloud.","name":"countdown-vapor-digits","title":"Countdown Vapor Digits","type":"registry:ui"},{"description":"Display-only numeric readout where change animates the way arithmetic works: only the digits that differ move, and a carry (199 -> 200) visibly ripples right-to-left across the columns it touches.","name":"counter-carry-ripple","title":"Counter Carry Ripple","type":"registry:ui"},{"description":"A press-and-hold STOP/ABORT confirm modeled on the crack-arrest (stop) hole: holding grows a fatigue crack from the edge toward a drilled hole, and reaching the hole halts it. Arrest is the confirmation, not a break-through.","name":"crack-arrest-hole","title":"Crack Arrest Hole","type":"registry:ui"},{"description":"A decorative panel fill that tiles itself the way drying mud actually cracks: widely-spaced primary cracks grow first, then two more generations nucleate inside the largest surviving cells after a 900ms stress-rebuild pause each, every new crack tip T-junctioning into an existing","name":"crack-polygon-order","title":"Crack Polygon Order","type":"registry:ui"},{"description":"A section divider that arrives as a propagating, branching fracture instead of a static <hr>: a seeded random-walk SVG path with 3-5 near-perpendicular T-junction branches draws in once via IntersectionObserver on an ease-out-expo stroke-dashoffset, then keeps a faint 6s idle cre","name":"craze-rule","title":"Craze Rule","type":"registry:ui"},{"description":"An SLO error-budget meter drawn as a taut wire spanning the card, which sags by irreversible plastic creep: sustained burn above 1x permanently sets the wire, so a bad day three weeks ago stays a visible kink it never recovers from, and the dashed forward extrapolation's floor in","name":"creep-span","title":"Creep Span","type":"registry:ui"},{"description":"A 'connect/link/attach' confirm control modeled on open-barrel wire crimping: two dies flatten a barrel into a witness-marked, strand-flared profile on a repeating 3.6s demonstration cycle, alive at rest, with a press firing one crimp on demand.","name":"crimp-barrel-set","title":"Crimp Barrel Set","type":"registry:ui"},{"description":"An editable invoice grid that validates itself the way a bookkeeper crossfoots a ledger: row totals right of a vertical rule, column totals under a horizontal one, and a corner gap whose width (not a warning icon) carries the size of the mismatch.","name":"crossfoot-gap","title":"Crossfoot Gap","type":"registry:ui"},{"description":"A checkout or invoice total settles like shaken vinaigrette: one agitated column stratifies by density into net, tax, fees and discount, each layer's height exactly its share of the sum.","name":"cruet-settle","title":"Cruet Settle","type":"registry:ui"},{"description":"A card-scale batch-processing status indicator modelled on cheesemaking curd cutting and syneresis: a solid mass is knife-cut into a grid of cubes that each shrink at their own jittered rate, releasing whey into the widening gaps, jostled by a periodic stir, then recombined into ","name":"curd-cut-whey","title":"Curd Cut Whey","type":"registry:ui"},{"description":"A full-width section divider rendered as a side elevation of an Edison-style wax cylinder phonograph: a rotating cylinder carrying a static helical hill-and-dale groove, a lead-screw rail, and a stylus carriage the lead-screw advances axially in exact lockstep with rotation, one ","name":"cylinder-hillndale","title":"Cylinder Hill-and-Dale","type":"registry:ui"},{"description":"A feature grid woven from one reversible damask cloth — figure and ground are the same thread in the same colour, differing only in float direction, so hovering a cell flips the anisotropic highlight instantly with no fade and no translate.","name":"damask-float","title":"Damask Float","type":"registry:ui"},{"description":"Masked date input whose popover calendar doubles as a moon-phase almanac: every day cell carries a canvas moon with a real synodic terminator, the field icon tracks the focused date's phase live, and committing runs an eclipse transit across the chosen numeral.","name":"date-picker-moon","title":"Date Picker Moon","type":"registry:ui"},{"description":"Date-range calendar where the selection is a tape measure: clicking anchors the hook, moving extends a mono-ticked strip across the grid with a live night count on its free end, and confirming locks it in place or Escape recoils it to zero.","name":"date-range-tape","title":"Date Range Tape","type":"registry:ui"},{"description":"Circular step/cyclic-position indicator modelled on a decatron cold-cathode counting tube: a glow spot steps around ten radial stations, stretching onto an interleaved guide electrode before snapping fully onto the next cathode, free-running as an unbounded decade counter.","name":"decatron-step-ring","title":"Decatron Step Ring","type":"registry:ui"},{"description":"A quiet full-width band that visualizes a video codec's own P-frame change-detection decision: a grid of macroblocks sits mostly static, and every 220ms tick a small, capped subset is flagged changed with a brief outline flash and a slightly shifted tone while every other block i","name":"delta-frame-macroblock","title":"Delta Frame Macroblock","type":"registry:ui"},{"description":"A phone-frame device mockup whose screen is a live ASCII/scanline raster; dragging the handle skews the frame while the raster independently resamples its glyph rows to the same tilt.","name":"device-mockup-ascii-screen","title":"Device Mockup ASCII Screen","type":"registry:ui"},{"description":"An empty state as condensation on cold glass: a PRNG-seeded droplet field nucleates, grows, jitters and merges, and a droplet crossing the runoff threshold streaks down and wipes a real clean track through a masked fog veil.","name":"dew-coalesce","title":"Dew Coalesce","type":"registry:ui"},{"description":"A box-drawing flowchart whose connectors are a real orthogonal router: dragging a node re-routes every edge touching it live, cell by cell, recomputing junction glyphs (┼ ├ ┤ ┬ ┴) from scratch as paths cross. Clicking a node selects it and reports its live connection count; arrow","name":"diagram-ascii-flow","title":"Diagram ASCII Flow","type":"registry:ui"},{"description":"Weighted rotary knob tuned like a radio: counter-rotating line gratings shimmer with moire interference, and a hidden word only resolves at the detent.","name":"dial-moire","title":"Dial Moire","type":"registry:ui"},{"description":"A native <dialog> modal that grows out of the control that opened it and returns into it on close.","name":"dialog-emerge","title":"Dialog Emerge","type":"registry:ui"},{"description":"A line-addressable unified-diff viewer, split or unified, that swaps red/green blocks for a thin left-rail marker and a muted gutter glyph (colorblind-safe by construction), plus a widget slot for attaching an AI annotation or review comment to any line address.","name":"diff-unified-viewer","title":"Diff Unified Viewer","type":"registry:ui"},{"description":"A full-width section divider rendered in real NAPLPS 'separated mosaic' mode: the same 2-wide x 3-tall sextant sub-cell grid this registry's divider-teletext-mosaic already ships in contiguous mode, but every lit sub-cell block is drawn inset by a genuine luminance gap on all sid","name":"divider-mosaic-split","title":"Divider Mosaic Split","type":"registry:ui"},{"description":"A full-width section divider printed as a PETSCII / C64 reverse-video VU meter band: every cell has exactly two states, paper or ink, never a density ramp, driven by a real 300ms-integrated amplitude envelope with a fast-attack/slow-decay peak-hold column and an AGC ceiling that ","name":"divider-petscii-vu","title":"Divider PETSCII VU","type":"registry:ui"},{"description":"A full-width section divider modeled on thin-film delamination buckling, a compressive-stress film debonding from its substrate and popping upward into the real 'telephone cord' morphology: a roughly constant-width ridge that telescopes side to side as its failure front advances ","name":"divider-telephone-cord-delam","title":"Divider Telephone Cord Delam","type":"registry:ui"},{"description":"A full-width section divider rendered as a real teletext / videotex ALPHAMOSAIC graphics band: each character cell is a 6-bit code across a 2-wide x 3-tall sub-cell 'sextant' grid, the actual broadcast alphamosaic addressing (distinct from this registry's 2x2 quadrant block divid","name":"divider-teletext-mosaic","title":"Divider Teletext Mosaic","type":"registry:ui"},{"description":"Cursor-proximity magnification row with Gaussian falloff: macOS-dock physics for any children.","name":"dock-cursor-magnify","title":"Dock Cursor Magnify","type":"registry:ui"},{"description":"A dock/toolbar where items lean like books on a shelf: hover or focus straightens one and cants its neighbors away, reorder is a pick-up/move/drop cycle, nothing ever scales.","name":"dock-shelf-lean","title":"Dock Shelf Lean","type":"registry:ui"},{"description":"Side drawer hung on a counterweight like a sash window: a thin track on the drawer's leading edge carries a weight pill that travels opposite the drag at -0.6x, and wherever it sits at release (before or past the tick) decides whether a spring pulls the drawer shut or bottoms the","name":"drawer-counterweight","title":"Drawer Counterweight","type":"registry:ui"},{"description":"Drill-down navigation where every pushed level compresses into a slim clickable book spine instead of vanishing behind a back button, so the whole navigation history stands on a shelf beside you.","name":"drill-down-spines","title":"Drill Down Spines","type":"registry:ui"},{"description":"Dropdown whose panel is a live verlet cloth pinned to the trigger: it falls and drapes like an awning, labels ride the weave, the cursor billows the fabric, and close yanks it back up.","name":"dropdown-drape","title":"Dropdown Drape","type":"registry:ui"},{"description":"A ruled read-receipt card styled as a library date-due slip: the first time each collaborator opens a shared doc, their initials and an HH:MM timestamp stamp into the next free row, so row position alone is reading order. No hover, no collapsing '+N' pile.","name":"due-slip","title":"Due Slip","type":"registry:ui"},{"description":"A full-width section divider modeled on leather-edge burnishing: a slicker sweeps back and forth along the edge on a constant-speed triangle wave, a per-cell gloss field saturating fast under its ~18px contact zone and decaying by how long it's gone unvisited, so mid-sweep cells ","name":"edge-burnish-glaze","title":"Edge Burnish Glaze","type":"registry:ui"},{"description":"An empty-state panel rendered as an idle e-ink display: a coarse grid of cells continuously replays real electrophoretic drive waveforms on a scattered, ever-changing subset of itself, each replay briefly shooting through to full black or full white before settling, while the who","name":"eink-waveform-ghost","title":"E-ink Waveform Ghost","type":"registry:ui"},{"description":"A small ambient icon for empty states: an unbroken stroke traced through braille's 2x4 sub-cell dot addressing along a closed 3:2 Lissajous orbit, sampled by arc length so the curve never gaps or clusters.","name":"empty-state-braille-orbit","title":"Empty State Braille Orbit","type":"registry:ui"},{"description":"Empty state whose dashed SVG boundary drifts like a plot marked out and not yet planted, and contracts toward the CTA on hover.","name":"empty-state-dashed","title":"Empty State Dashed","type":"registry:ui"},{"description":"A small ambient icon for empty states built on real mezzotint printmaking: the plate is rocked to a dense burr that would print solid black, then worked SUBTRACTIVELY as light is scraped and burnished in. The registry's only subtractive glyph mechanic, where every other component","name":"empty-state-mezzotint","title":"Empty State Mezzotint","type":"registry:ui"},{"description":"Empty state modeled on a workshop pegboard: dashed silhouettes preview the exact card/avatar/title geometry of future items, and creating one hangs it onto its shadow with a spring settle.","name":"empty-state-pegboard","title":"Empty State Pegboard","type":"registry:ui"},{"description":"An empty state that pings like sonar every 6-8s to actively demonstrate emptiness, then freezes and grows skeleton rows outward the instant real results interrupt it.","name":"empty-state-sonar","title":"Empty State Sonar","type":"registry:ui"},{"description":"First-run empty state as a surveyor's staked plot: corner stakes drop in, then dashed strings tauten around the future layout and tie off at the CTA.","name":"empty-state-survey","title":"Empty State Survey","type":"registry:ui"},{"description":"An OAuth-style consent screen built as a physical envelope: the user's real account data sits on a sheet underneath, and each granted scope die-cuts a window through an opaque envelope layer so what the app can see is literally what shows through.","name":"envelope-window","title":"Envelope Window","type":"registry:ui"},{"description":"A section divider whose midpoint tick rides a lookup table built from the real equation-of-time curve (an equation-marchante watch's kidney cam compressed to an 11s loop), sliding, slowing, and reversing direction with four unevenly-spaced zero-crossing brighten-pulses per cycle,","name":"equation-kidney-cam","title":"Equation Kidney Cam","type":"registry:ui"},{"description":"Two eval runs compared case by case: a table of baseline, candidate and signed delta, sorted by delta, with a diverging bar per case drawn off a labelled zero axis.","name":"eval-regression-shear","title":"Eval Delta Table","type":"registry:ui"},{"description":"A full-height divider between two independently-sized layout regions, sourced from continuous-welded-rail breather switches: the seam's tapered-blade teeth interlock and slide apart as a rendered rail temperature swings the gap between 4px and 22px on a 14s cycle, actually resizi","name":"expansion-gap-breather","title":"Expansion Gap Breather","type":"registry:ui"},{"description":"A card-scale processing/loader widget modelled on pasta die-face cutting: a textured rope continuously extrudes from a die aperture and a guillotine blade sweeps across it every ~2.2s, severing off a segment that falls and settles into a loose floor stack. The loop is unbounded a","name":"extrusion-die-cut","title":"Extrusion Die Cut","type":"registry:ui"},{"description":"An ambient batch-processing loader (no total count, only continuous throughput) built as a letter-facing and cancelling machine's orientation stage: mixed-orientation envelopes travel a single-file lane, a fixed gate reads each one's stamp corner, and any envelope not already sta","name":"facer-stamp-flip","title":"Facer Stamp Flip","type":"registry:ui"},{"description":"A plain FAQ accordion: real button semantics, one answer open at a time, a smooth height transition and a thin accent rail marking the open question.","name":"faq-answer-depth-gutter","title":"FAQ Accordion","type":"registry:ui"},{"description":"A document-preview / attachment-thumbnail loading state reproducing a Group 3 fax handshake and page transmission: two waveform-rendered handshake tones, then the page builds in as horizontal scan lines top to bottom, with one deliberate paper-slip shear partway down the frame be","name":"fax-line-slip","title":"Fax Line Slip","type":"registry:ui"},{"description":"A feature grid where hovering or focusing a cell draws real box-drawing connectors to its related features, routed orthogonally through the grid's gutters and retracted glyph by glyph on leave.","name":"feature-grid-ascii-rule","title":"Feature Grid ASCII Rule","type":"registry:ui"},{"description":"Live feed where a small SVG anchor fork gates arrivals one at a time: a burst becomes a metered tick-tick-tick instead of a dogpile, held open only by each item's own spring-settle, not a schedule.","name":"feed-escapement","title":"Feed Escapement","type":"registry:ui"},{"description":"A thumbnail grid that populates like a microfiche step-and-repeat camera: one cell exposed per raster step with a brief flash, then an index strip types in once the sheet is complete.","name":"fiche-step-repeat","title":"Fiche Step Repeat","type":"registry:ui"},{"description":"File upload where progress is the container: a loose dashed outline 24px outside the card pulls taut as the file uploads, clicks shut with a pucker at 100%, and relaxes back out with a wobble on failure.","name":"file-upload-seal","title":"File Upload Seal","type":"registry:ui"},{"description":"File dropzone as a thermal field: dragging spawns rising accent convection wisps, accepted drops buoy off the drop point and squash-land into a docked queue rack, rejected files sink and fade.","name":"file-upload-thermal","title":"File Upload Thermal","type":"registry:ui"},{"description":"Faceted filter chips as a sieve: active facets read as taut, bright threads in a hairline mesh fanned from a hub above the chip row, hovering a chip visibly tightens its own thread, and deselecting one opens a gap that shakes a few result particles through as the count sifts to i","name":"filter-facet-mesh","title":"Filter Facet Mesh","type":"registry:ui"},{"description":"A CPU-profile flame graph laid out in monospace cells (one row per stack depth, frame width proportional to sample count, self-vs-total time encoded as ink weight), where clicking a frame rezooms the whole graph to that subtree.","name":"flamegraph-ascii-frames","title":"Flamegraph ASCII Frames","type":"registry:ui"},{"description":"A few hundred DOM fireflies pulse-couple over a static nearest-neighbour graph (Mirollo-Strogatz), so the field self-organises from scattered twinkle through travelling bands into unison and a handful of deaf individuals pull it apart again, forever, with no scripted reset.","name":"flash-entrain","title":"Flash Entrain","type":"registry:ui"},{"description":"A multi-stage pipeline/job-status bar modeled on the float-glass process: a fixed molten-to-set thermal gradient marks the pipeline's stages while a faint ripple scrolls continuously through the still-molten zone at a constant draw speed, so the bar keeps reading as 'actively run","name":"float-ribbon-draw","title":"Float Ribbon Draw","type":"registry:ui"},{"description":"A full-bleed phyllotactic hero background where primordia are birthed one at a time at a central meristem, golden-angle sequenced and locally relaxed as they advect outward, so the 34/55 parastichy spirals emerge from genuine growth rather than a closed-form layout.","name":"floret-pack","title":"Floret Pack","type":"registry:ui"},{"description":"A spend-cap widget drawn as a Watt centrifugal governor: two hinged arms with ball weights fly wider as burn rate outpaces the sustainable rate, the sleeve collar they drive slides down the spindle, and the collar's own linkage swings a throttle lever closed over the purchase act","name":"flyball-throttle","title":"Flyball Throttle","type":"registry:ui"},{"description":"A logo ribbon whose real subject is the roll stand feeding it: one paper roll unwinds at constant web speed, so its radius falls to 0.426 of full while its RPM more than doubles (2.35x — 0.61 to 1.43 rev/s at the demo's 672x220 band), then rebuilds along the exact time-reverse of","name":"flying-splice","title":"Flying Splice","type":"registry:ui"},{"description":"A sitemap footer whose back-to-top control is a real instrument: an aria-hidden vertical rail beside it continuously reads actual scroll position, and the button drives a real spring back to the top rather than a jump. Grabbing the wheel mid-flight yields it immediately.","name":"footer-ascii-rule","title":"Footer ASCII Rule","type":"registry:ui"},{"description":"Paying from a prepaid wallet rendered as a postal franking meter: committing stamps an indicium onto the invoice while a descending BALANCE odometer rolls down and an ascending SPENT odometer rolls up by the same amount, the two always summing to credits purchased.","name":"frank-register","title":"Frank Register","type":"registry:ui"},{"description":"A card-scale processing/progress indicator modelled on frazil ice: fine crystals nucleate in turbulent water, drift across a channel via a 2-octave curl-noise flow field, and pile against a rack, the crest rising over 15-20s to a threshold, then calving a coherent chunk downstrea","name":"frazil-dam","title":"Frazil Dam","type":"registry:ui"},{"description":"A one-time secret panel that prints a new API key or recovery code fully legible, then lets it fade like security ink, armed by the user's own copy or by clicking away, never by a modal you close and lose.","name":"fugitive-ink","title":"Fugitive Ink","type":"registry:ui"},{"description":"A burn-rate alert policy editor built as a clock fusee: error budget is the mainspring barrel, a chain rides down a tapering cone as budget depletes, and alert sensitivity at any budget level is the cone's local radius, authored by dragging exactly 4 monotone control points, with","name":"fusee-cone","title":"Fusee Cone","type":"registry:ui"},{"description":"A gallery grid where each tile runs its own procedural 3-octave value-noise field and a 3x3 Sobel operator selects glyphs by the field's own gradient ANGLE, bucketed into '-', '/', '|', '\\\\', keeping only the adaptively top-12%-by-magnitude cells each frame so the field reads as ","name":"gallery-ascii-gradient-orientation","title":"Gallery ASCII Gradient Orientation","type":"registry:ui"},{"description":"3D coverflow gallery whose frosted-glass cards run a live caustic-light simulation: drifting light pools refract across each pane, and drag velocity fringes the focused card's edges with chromatic aberration that settles to zero at rest.","name":"gallery-coverflow-caustic","title":"Gallery Coverflow Caustic","type":"registry:ui"},{"description":"Remote collaborators' live selections drawn as proofreader's marks: thin corner brackets at each end of a range and a hairline underline, nesting outward by arrival order where ranges overlap, instead of overlapping tinted highlight fills.","name":"galley-bracket","title":"Galley Bracket","type":"registry:ui"},{"description":"An ASCII Gantt chart where a real CPM forward/backward pass decides which bars are critical: zero-float tasks draw heavy `━` in accent, the rest light `─`, and dragging a task re-runs the pass so the critical chain moves.","name":"gantt-ascii-critical-path","title":"Gantt ASCII Critical Path","type":"registry:ui"},{"description":"A file-upload / processing indicator sourced from the real hot-glass gather-and-marver sequence: an off-centre blob rolls back and forth on a flat baseline, losing its lumps a little more with every roll pass while it spins continuously underneath, the correction visibly progress","name":"gather-marver","title":"Gather Marver","type":"registry:ui"},{"description":"Capacity-vs-legal-limit meter drawn as a ship's side-profile hull with Plimsoll load-line marks: the waterline rises with load, the hull itself settles a few px deeper on a separate spring, and the S mark flips to amber the moment load passes the legal limit.","name":"gauge-capacity-waterline","title":"Gauge Capacity Waterline","type":"registry:ui"},{"description":"A commit-history DAG rendered as `git log --graph` does, where a real lane-allocation pass assigns each branch a column and emits `│ ├─┐ ┘ ┼` connector rows, and hovering a commit lights its full ancestor set through the lanes.","name":"git-graph-ascii-lanes","title":"Git Graph ASCII Lanes","type":"registry:ui"},{"description":"A live status badge drawn as a glaze surface mid-firing: gas bubbles burst through the molten glaze and the melt either flows back over the crater (heals) or, when surface tension has failed, pulls away into a ragged bare patch that never closes (crawling). Three real ceramics be","name":"glaze-crawl-heal","title":"Glaze Crawl Heal","type":"registry:ui"},{"description":"A 'still actively processing' status chip whose small canvas glow rises fast and cools slow on a fixed 4.0s beat, modeled on a glassblower's furnace reheat cycle instead of a generic pulsing dot.","name":"glory-hole-cycle","title":"Glory Hole Cycle","type":"registry:ui"},{"description":"A background-task progress indicator built on the baker's windowpane test: a dough membrane is stretched, held, and released on a repeating 4-cycle knead loop, going from opaque and jittery-stranded to translucent, straight-stranded and light-through as kneading 'develops', then ","name":"gluten-windowpane","title":"Gluten Windowpane","type":"registry:ui"},{"description":"A divider / background texture strip printed as a rotogravure cylinder: a static, seeded matrix of engraved cell depths sits under a doctor-blade band that sweeps and wraps every 20s, wiping the flooded land clean and leaving each cell's ink alpha at its depth-derived steady stat","name":"gravure-cell-wipe","title":"Gravure Cell Wipe","type":"registry:ui"},{"description":"A feature-grid card whose icon and heading are blind-embossed into the surface: invisible relief that a low-angle light reveals as it rakes slowly across at idle, and that snaps to track the pointer's bearing across the whole grid at once.","name":"grazing-light","title":"Grazing Light","type":"registry:ui"},{"description":"A 2x2 bento layout primitive built on its own content/seam track grid (a real vertical rule, horizontal rule and ┼ junction between the four tiles), where activating a tile re-spans it across every track, seam included, so the junction has nowhere left to be drawn.","name":"grid-bento-ascii","title":"Grid Bento ASCII","type":"registry:ui"},{"description":"A composable bento grid where activating a tile genuinely promotes it: the tile takes a 2x2 slot and every other tile re-packs around it via CSS grid-auto-flow: dense, FLIP-animated so the reflow reads as tiles sliding into new slots rather than jumping.","name":"grid-bento-dense","title":"Grid Bento Dense","type":"registry:ui"},{"description":"Card grid on a magnetized hairline lattice: the cursor bends the grid lines and the DOM cards sample the same displacement field, riding the bent sheet.","name":"grid-magnetic-lattice","title":"Grid Magnetic Lattice","type":"registry:ui"},{"description":"A card-scale loader substitute driven by regenerative chatter in cylindrical grinding: a rotating disc's rim grows a lobed profile as it re-cuts its own previous pass, the wave self-amplifying then self-limiting until a dress event clears it and a new lobe count begins.","name":"grinding-chatter-lobes","title":"Grinding Chatter Lobes","type":"registry:ui"},{"description":"An ambient loader modeling a vinyl mastering lathe's variable groove pitch: a cutting-point marker spirals outward from a lead-in, its own turn spacing visibly widening over loud passages and tightening over quiet ones, completing a side and resetting to lead-in on an unbounded l","name":"groove-pitch","title":"Groove Pitch","type":"registry:ui"},{"description":"Version history as a dendrochronological cross-section: one ring per save, ring width proportional to change size, a dark line wherever authorship changed hands, and restoring an older version previews the discard as outer rings hinging open before you confirm.","name":"growth-ring","title":"Growth Ring","type":"registry:ui"},{"description":"Output guardrails built as a trapped-key interlock: every policy gate holds one key, the release bolt only retracts when all of them are seated, and a tripped gate is a visibly empty, barred keyway rather than a red badge.","name":"guardrail-interlock-keys","title":"Guardrail Interlock Keys","type":"registry:ui"},{"description":"A route elevation profile drawn as 18th-century military engravers drew slope: strokes perpendicular to the profile line, hanging down the fall direction, whose length and density both derive from local grade. No colour ramp, no vertical-exaggeration slider.","name":"hachure-fall","title":"Hachure Fall","type":"registry:ui"},{"description":"A page header that morphs between a full-width quiet nav bar at the top and a floating centered pill once scrolled: spring-like width/radius/padding morph, section label roll, and a progress hairline, with hysteresis so it never flutters at the threshold and a fast upward scroll ","name":"header-scroll-pill","title":"Header Scroll Pill","type":"registry:ui"},{"description":"A GitHub-style year activity calendar where intensity is stipple density, not color: every day cell holds a handful of deterministically jittered ink dots, denser for more activity, like an engraved print. Hovering or arrow-keying through days opens a zoomed loupe with the exact ","name":"heatmap-year-stipple","title":"Heatmap Year Stipple","type":"registry:ui"},{"description":"An ambient status widget shaped like a seismograph helicorder drum: a pen traces one line at a time and steps down to a fresh line the instant it runs off the right margin, so the record grows as a stack of offset traces rather than one continuous scroll.","name":"helicorder-line-wrap","title":"Helicorder Line Wrap","type":"registry:ui"},{"description":"Hero wordmark rendered as ASCII block-letters, lit by the pointer like a torch over a density ramp.","name":"hero-ascii-wordmark","title":"Hero ASCII Wordmark","type":"registry:ui"},{"description":"Full-bleed hero where the headline exists twice: crisp DOM type above, and beneath it a canvas field of iron-filing strokes solved from a two-pole dipole field, so the type visibly iron-files into existence as the cursor approaches and CTA hover bends the whole field toward the b","name":"hero-dipole-field","title":"Hero Dipole Field","type":"registry:ui"},{"description":"Hero card whose canvas behaves like a long-exposure photograph: cursor movement burns light streaks that never clear per frame, only decay on a 4s half-life, accumulating a light painting of the session.","name":"hero-long-exposure","title":"Hero Long Exposure","type":"registry:ui"},{"dependencies":["three","@react-three/fiber","motion"],"description":"Full-viewport hero with a cursor-reactive WebGL particle field and staggered text reveal.","name":"hero-particles-webgl","title":"Hero Particles WEBGL","type":"registry:ui"},{"description":"Live distribution instrument where the histogram IS the samples: each arrival falls as a grain into its bin and stacks, the heap visibly re-settles as the rolling window slides, and P50/P90 fences ride the same scale.","name":"histogram-live-grain","title":"Histogram Live Grain","type":"registry:ui"},{"description":"An ambient background where wax cells start as loosely packed circles and locally relax, wall by wall, into a tight hexagonal comb: each neighbour pair's shared wall straightens on its own schedule once the circles overlap, so a cell can show straight facets and still-round ones ","name":"honeycomb-draw","title":"Honeycomb Draw","type":"registry:ui"},{"description":"A card whose backing texture is a genuine cylinder-bore plateau-honing process: two families of fine scratches deposited at a fixed controlled 45 degree crosshatch angle, individual strokes turning over on a 4.5s birth-to-erosion lifetime so density holds steady instead of ever f","name":"honing-crosshatch","title":"Honing Crosshatch","type":"registry:ui"},{"description":"A hover-card trigger that has to be wound before it opens: a hairline arc coils clockwise around a 5px dot while the pointer dwells, and drifting away mid-wind visibly unwinds it back instead of firing.","name":"hover-card-dwell","title":"Hover Card Dwell","type":"registry:ui"},{"description":"Delegated admin drawn as a gear train: your authority is the drive gear, each delegate is a driven gear whose tooth count sets a discrete role ratio, and revoking swings the idler out so their gear freewheels to a stop while yours keeps turning.","name":"idler-drop","title":"Idler Drop","type":"registry:ui"},{"description":"Image cropping as a passe-partout: four mat boards slide over a photo to define the crop window, snap to ratio presets with a settle, and show a rule-of-thirds grid only while dragging.","name":"image-crop-mat","title":"Image Crop Mat","type":"registry:ui"},{"description":"A travel-time reach editor: one slider handle sets minutes, and the reach renders as topographic-style contour bands re-thresholded from a real per-node cost field via marching squares, with every third line heavier and labelled inline in a break in its own stroke.","name":"index-contour","title":"Index Contour","type":"registry:ui"},{"description":"A plan selector built on the indicator-tablet rack of a pre-electronic cash register: four columns of ten printed tablets each, all ten always mounted, where changing the reading is a sort — the old tablet drops as the new one springs up, the two crossing mid-column 25ms apart — ","name":"indicator-rack","title":"Indicator Rack","type":"registry:ui"},{"description":"Text input whose focus ring is a living membrane: a noise-displaced canvas loop that breathes on idle, dilates on focus, sends a peristaltic pulse from the caret on each keystroke, constricts and quivers on error, and exhales once on valid submit.","name":"input-focus-membrane","title":"Input Focus Membrane","type":"registry:ui"},{"description":"An ambient status strip modelled on a Jacquard loom's control mechanism: a chain of punched cards feeds past a fixed needle bank, one card read every beat, the bank rippling to the new pattern and holding before the next card slides in, looping forever.","name":"jacquard-card-chain","title":"Jacquard Card Chain","type":"registry:ui"},{"description":"An ambient background-job status line built as bulk-mail sortation conveyor jam handling: most tiles ride the main line straight through, but a fixed 1-in-6 tile is diverted by a swinging arm onto a lower side loop and re-merged one cycle later for a second attempt, never stoppin","name":"jam-kickout-loop","title":"Jam Kickout Loop","type":"registry:ui"},{"description":"A real site nav whose active-item indicator is a point source drifting along the link row, trailing a genuine Kelvin ship wake: a V-shaped envelope of transverse and diverging waves held at deep water's constant 19.47° half-angle regardless of how fast the source is currently mov","name":"kelvin-wake","title":"Kelvin Wake","type":"registry:ui"},{"description":"An ASCII keyboard layout that accumulates real ink density per key as you type into it: each keystroke inks the key, heat decays on an exponential half-life, and the legend rescales to whichever key is currently hottest.","name":"keymap-ascii-heat","title":"Keymap ASCII Heat","type":"registry:ui"},{"description":"A card-scale loader substitute built on the Foucault knife-edge test: a knife edge racks through a mirror's focus, sweeping the aperture's shadow pattern from one side to a flat null and back, with four baked zonal errors crossing that null at their own moment.","name":"knife-edge-rack-focus","title":"Knife Edge Rack Focus","type":"registry:ui"},{"description":"An ambient status/health card background: a field of knit stitches builds downward course by course, and at random intervals a dropped stitch opens a ladder that runs a few rows before a latch-hook repair catches it and reknits the column. Structurally sound, with occasional self","name":"knit-ladder-run","title":"Knit Ladder Run","type":"registry:ui"},{"description":"An ambient capacity/status gauge that expresses load as knot topology instead of a fill bar or needle: a granny-knot's two standing ends and two crossing loops breathe through a rigging load cycle (ramp, hold, release) and visibly slide-and-reseat into a capsized arrangement near","name":"knot-capsize-cycle","title":"Knot Capsize Cycle","type":"registry:ui"},{"description":"An ambient panel-diagnostics status card whose canvas strip simulates LCD pixel response time compensation: a sweeping fill boundary crosses a row of simulated cells, each newly-lit cell overshooting its target luminance before settling and each newly-darkened cell undershooting ","name":"lcd-response-smear","title":"LCD Response Smear","type":"registry:ui"},{"description":"A sourdough starter jar status indicator: the surface dome rises with a Poisson-nucleated bubble texture to a peak, then collapses as the bubble population thins in step with the falling height, fed and risen again on a repeating 12.6s cycle.","name":"leaven-crest-fall","title":"Leaven Crest Fall","type":"registry:ui"},{"description":"A circular lens that resolves the text under it into a denser dot-matrix of ASCII glyphs: every character it passes over is redrawn as its own 5x7 grid of ramp characters, more glyphs per glyph rather than the same glyph bigger.","name":"lens-ascii-magnify","title":"Lens ASCII Magnify","type":"registry:ui"},{"description":"A hero H1 lockup printed twice behind vertical lenticular slats (the problem statement and the product promise coexisting at once) that shimmers between both at rest and snaps cleanly to the promise as it scrolls out of view.","name":"lenticule-swing","title":"Lenticule Swing","type":"registry:ui"},{"description":"A dunning card for past-due subscriptions where the clutch grip on 'active' is a friction lining that wears down: every failed charge slips the pad and permanently scores one lamination, and the plate disengages to 'paused' once the lining is spent.","name":"lining-wear","title":"Lining Wear","type":"registry:ui"},{"description":"A grouped listbox for long lists (timezones, countries, currencies) where every passed group header sticks in place, stacking into overlapping 20px slivers you can still read and click. A live table of contents made from the headers themselves.","name":"listbox-sticky-groups","title":"Listbox Sticky Groups","type":"registry:ui"},{"description":"Indeterminate ASCII loader whose texture comes from real Floyd-Steinberg serpentine error diffusion, propagated cell-to-cell every frame, rather than a fixed ordered-dither threshold matrix.","name":"loader-ascii-diffuse-fill","title":"Loader ASCII Diffuse Fill","type":"registry:ui"},{"description":"Determinate/indeterminate loader built from braille dot patterns, where each cell's eight dots are individually addressable for far finer granularity than a block-character bar.","name":"loader-braille","title":"Loader Braille","type":"registry:ui"},{"description":"An ambient loading glyph shaped as a die tumbling face over face on a fixed axle: each 90deg landing overshoots by 8deg and corrects on a spring, with a floor shadow compressing and flaring in sync, rather than rotating cleanly to a stop.","name":"loader-die-tumble","title":"Loader Die Tumble","type":"registry:ui"},{"description":"A small canvas-2D assistant-state indicator: a soft ink blob traced through 72 points around a circle, each perturbed by one of six distinct motion signatures (idle, thinking, listening, speaking, success, error), with a checkmark or X that strokes itself in for the two settled s","name":"loader-ink-blob","title":"Loader Ink Blob","type":"registry:ui"},{"description":"An ambient loading glyph shaped as a six-blade camera-iris diaphragm breathing open and shut inside a fixed housing ring: one wedge shape repeated by rotation, its shared displacement keyframe overshooting each open and close before settling on a spring.","name":"loader-iris","title":"Loader Iris","type":"registry:ui"},{"description":"An indeterminate loader for long background work: a row of pendulums with slightly different periods drift from unison into apparent chaos and back into perfect sync on a knowable ~10s cycle, pure CSS with zero per-frame JS.","name":"loader-pendulum-sync","title":"Loader Pendulum Sync","type":"registry:ui"},{"description":"A determinate loader that traces a real hypotrochoid: the full closed rosette is always visible as a ghost, and progress is the fraction of that curve's arc length inked in, so 0% and 100% are both legible shapes rather than an empty ring.","name":"loader-spirograph-trace","title":"Loader Spirograph Trace","type":"registry:ui"},{"description":"An ambient loading glyph shaped as a row of leaf springs on a rail: one displacement keyframe, staggered per bar by negative animation-delay, reads as a single pulse of energy travelling down the rack rather than bars animating in isolation.","name":"loader-spring-bars","title":"Loader Spring Bars","type":"registry:ui"},{"description":"A loader that winds thread onto a spool while duration is unknown, then converts the same coil in place into a proportional gauge the instant total size arrives. The indeterminate-to-determinate handoff as one continuous object, never a spinner swapped for a bar.","name":"loader-thread-spool","title":"Loader Thread Spool","type":"registry:ui"},{"description":"A live `tail -f` log pane with a real ring buffer, a per-line severity glyph column, and follow-mode that detaches the instant you scroll up and reports how many lines arrived while you were reading.","name":"log-viewer-ascii-tail","title":"Log Viewer ASCII Tail","type":"registry:ui"},{"description":"A trust-wall grid of abstract, generated marks that physically settles into place: each tile drops in from lifted/shrunk/tilted with a per-item stagger and a slight spring overshoot, triggered on viewport entry and replayed if the wall leaves and re-enters view.","name":"logo-cloud-settle","title":"Logo Cloud Settle","type":"registry:ui"},{"description":"An ambient loading glyph shaped as five pin wheels spinning at mutually-prime rates past a fixed read mark, each engaged pin brightening in a brief flash and nudging a 24-notch tally bar forward one segment, the bar rolling its window open-ended rather than ever resetting to empt","name":"lug-cage-tally","title":"Lug Cage Tally","type":"registry:ui"},{"description":"A connected app's standing grants drawn as a valve manifold: each scope is a gate valve on a supply line from your account to the app, and revoking it drains the line backward toward you only after the server confirms, leaving a hairline ghost of what was once granted.","name":"manifold-bleed","title":"Manifold Bleed","type":"registry:ui"},{"description":"ASCII-density choropleth over a fully synthetic hand-seeded tessellation. Hovering or keying through a region isolates it and the legend rescales to a band around its value.","name":"map-choropleth-ascii","title":"Map Choropleth ASCII","type":"registry:ui"},{"description":"A grabbable ticker tape: drag to scrub through its content, release to fling it with momentum, and legibility itself is a function of speed. Fast motion blurs characters into noise glyphs, slowing down resolves them back into real text.","name":"marquee-ticker-glyph","title":"Marquee Ticker Glyph","type":"registry:ui"},{"description":"A masonry gallery whose tiles render as live ASCII halftone and resolve from a coarse print to a fine one as they drop into their packed column slot, re-packing and re-dropping every tile when a resize crosses a column-count breakpoint.","name":"masonry-ascii-settle","title":"Masonry ASCII Settle","type":"registry:ui"},{"description":"A card-scale ambient loader/empty-state panel modelling Arctic melt-pond drainage: a shallow top-view basin whose pool fills over ~9-11s, then drains rapidly through a crack that opens at a new rim location each cycle, leaving a shallow residual pool that refills and repeats.","name":"melt-pond-drain","title":"Melt Pond Drain","type":"registry:ui"},{"description":"Session memory that visibly patinates: each remembered fact steps its ink from --foreground toward --ns-muted the longer it goes unused, snaps back and underlines when the agent rehearses it, and is governed by real pin/evict controls.","name":"memory-ledger-decay","title":"Memory Ledger Decay","type":"registry:ui"},{"description":"Nested menus as telescoping card-catalog trays: opening a submenu shunts the parent back and dims it instead of spawning a flyout, leaving a 12px clickable edge per ancestor as a live breadcrumb of depth.","name":"menu-nested-trays","title":"Menu Nested Trays","type":"registry:ui"},{"description":"A currency amount field where two meshed gears are the FX quote itself: tooth ratio draws the exchange rate, and mechanical backlash (the dead angle a reversed gear turns through before the other flank engages) is the provider's spread, printed as a currency figure straight off t","name":"mesh-lash","title":"Mesh Lash","type":"registry:ui"},{"description":"A context-window budget meter: one hairline stacked bar segmenting the window into system prompt / tools / history / current turn, told apart by fill pattern instead of color, that visibly resettles rather than jumps when the window compacts.","name":"meter-context-window","title":"Meter Context Window","type":"registry:ui"},{"description":"Time-to-first-token rendered as calibrated capillary rise: a narrow tube climbs to a scribed p50 line, holds and trembles if it's running slow, and only surfaces retry/switch-model once it's genuinely past p95. Never fakes progress.","name":"meter-latency-capillary","title":"Meter Latency Capillary","type":"registry:ui"},{"description":"A level meter rendered as a genuinely row-multiplexed LED dot-matrix panel: five rows addressed round-robin off a real 240Hz-per-row clock, and each LED's brightness is a literal 8-step PWM duty-cycle quantization rather than a smooth analog fill. The row-address concept shows as","name":"meter-matrix-scan","title":"Meter Matrix Scan","type":"registry:ui"},{"description":"A quota (storage, API budget, seats) rendered as liquid in a thin vessel where surface curvature, not level, carries the reading: concave under the soft limit, flat at it, convex and overfull-but-held in the grace zone, and a bead that breaks off past the hard limit leaving a per","name":"meter-quota-meniscus","title":"Meter Quota Meniscus","type":"registry:ui"},{"description":"A quota meter with no bar, no fill, no pill: the printed reading ('38.2 GB of 100 GB') sits above a 4px hairline whose used portion is solid and remainder is dashed, a fixed tick marks the warning threshold, and crossing it thickens the rule and bolds the digits instead of turnin","name":"meter-quota-rule","title":"Meter Quota Rule","type":"registry:ui"},{"description":"A data-driven threshold indicator built like a thermostat's bimetallic strip: it bows progressively as a metric climbs, snaps across a visible contact gap at the trip point and latches, then only re-straightens once the value falls below a lower re-arm mark, making hysteresis vis","name":"meter-threshold-trip","title":"Meter Threshold Trip","type":"registry:ui"},{"description":"An ambient processing-section background modelled on a dressed millstone pair: a static bedstone furrow layer under a slowly rotating runner layer, their crossing sweeping a drifting moiré band around the stone, while grain particles spiral outward from the eye, shrinking as they","name":"millstone-furrow-flow","title":"Millstone Furrow Flow","type":"registry:ui"},{"description":"A minimap whose viewport rectangle is physically wired to the real viewport by a live SVG pantograph (two elbow arms solved by two-bar IK every frame), so dragging the small handle visibly swings and extends the linkage as the document pans, making the scale ratio legible instead","name":"minimap-pantograph","title":"Minimap Pantograph","type":"registry:ui"},{"description":"Ambient activity track whose channel is self-built by the flow's own coarse fraction shearing out to the margins: surges deposit growth at the edges as they pass, the two levees narrow the channel over many surges, and once one bank critically narrows the flow breaches it and avu","name":"mudflow-levee-build","title":"Mudflow Levee Build","type":"registry:ui"},{"description":"A margin comment thread glued to its anchored phrase by a translucent tissue-strip hinge whose shear, opacity and tearing are a live readout of anchor health under concurrent edits.","name":"mull-hinge","title":"Mull Hinge","type":"registry:ui"},{"description":"Dimming backdrop for a command palette or search overlay, dithered with a temporal blue-noise mask that reshuffles every frame instead of a flat tint.","name":"nav-blue-noise-scrim","title":"Nav Blue Noise Scrim","type":"registry:ui"},{"description":"A full-width site nav that condenses in place as the page scrolls (roomy padding, full-size wordmark and links at the top, tightening to a dense pinned rail) over a distance measured from the bar's own rendered height at each extreme, not a guessed scroll-pixel constant.","name":"nav-condense-rail","title":"Nav Condense Rail","type":"registry:ui"},{"description":"A real site nav with a typed ruled line beneath its links, shaded by striking two or three characters into the same cell (real typewriter overstrike compositing, not this registry's usual single-glyph density ramp), with the current page reading as the deepest stack.","name":"nav-overstrike-typewriter","title":"Nav Overstrike Typewriter","type":"registry:ui"},{"description":"A full-width site nav with the furniture a real site needs: a scroll-condensed bar, a menu trigger present at every width, and a mobile sheet built on native <dialog> for a free focus trap and Escape-to-close.","name":"nav-site-condense","title":"Nav Site Condense","type":"registry:ui"},{"description":"A horizontal section divider rendered as the positive column of a lit glow-discharge tube: a traveling ionization-wave striation pattern drifts along its length while faint sputtering darkening deepens at both electrode ends over time.","name":"neon-tube-striation","title":"Neon Tube Striation","type":"registry:ui"},{"description":"A small hairline node/edge network where data pulses branch across random routes, easing along each edge with a fading tail: idle traffic, dense active traffic, or an error state where packets queue up at a congested hub node.","name":"network-packet-trace","title":"Network Packet Trace","type":"registry:ui"},{"description":"A newsletter capture whose headline element is a mono day-rail showing the publication's actual rhythm (six weeks of days, an issue mark every interval, a caret on today), so before typing anything you know exactly how often it lands and when the next one is.","name":"newsletter-cadence-rail","title":"Newsletter Cadence Rail","type":"registry:ui"},{"description":"A cache diagnostics rack where every key-group is a storage-heater brick holding heat: a hit charges it toward full glyph-density stipple, idle time cools it on a decay matched to its own TTL, and a real eviction contracts the rack by exactly one slot. Keys hit over and over flic","name":"night-store","title":"Night Store","type":"registry:ui"},{"description":"A two-input estimator built as a real paper nomogram: three vertical ASCII scales in Geist Mono where a straightedge stretched between draggable left and right handles crosses the middle scale at the exact computed answer, log-spaced so the crossing is mathematically exact rather","name":"nomogram-edge","title":"Nomogram Edge","type":"registry:ui"},{"description":"A notification bell whose clapper physically rings: arrivals add an impulse to a damped harmonic oscillator swinging the clapper and recoiling the bell body, bursts read as one cumulative swing rather than N separate dings, and opening the tray damps the bell to rest and drains t","name":"notification-bell-swing","title":"Notification Bell Swing","type":"registry:ui"},{"description":"Optimistic-write feedback for a single row rendered as a tailor's basting stitch along its left seam: dashed hand-stitch while pending, pulled tight into a solid hairline on ack, or unraveled to muted and dimmed on failure with an inline retry.","name":"optimistic-stitch","title":"Optimistic Stitch","type":"registry:ui"},{"description":"6-box code entry where each box is a tiny slot-machine cipher reel: keystrokes spin a canvas glyph strip into a weighted detent on the typed digit with an accent flash; backspace reverse-spins to blank and idle cells carry a faint ambient drift.","name":"otp-reel","title":"OTP Reel","type":"registry:ui"},{"description":"The list/tag overflow indicator, replaced with real NES PPU sprite multiplexing: instead of collapsing extra items into a static \"+N\" pill, only 8 chip slots (the hardware's real 8-sprites-per-scanline limit) are ever visible at once, round-robining which contending item occupies","name":"overflow-chip-mux","title":"Overflow Chip Mux","type":"registry:ui"},{"description":"A pagination control rendered as book folios: paper cards for each page number, a raised current page, and a CSS corner dog-ear that curls further as you hover prev/next to peek the destination number, leaving a small permanent crease on every page you've visited.","name":"pagination-dog-ear","title":"Pagination Dog Ear","type":"registry:ui"},{"description":"A capacity/fill-progress meter rendered as a glassblower's parison inflating: a thick-walled bubble grows from a small dense core toward a larger, thin-walled sphere on a self-limiting exponential curve that visibly decelerates as it grows, wall thickness thinning in proportion t","name":"parison-inflate","title":"Parison Inflate","type":"registry:ui"},{"description":"A progressive-rollout controller built as a funicular: two cars share one cable over a summit pulley, so the new version's share and the old version's share are geometric complements that can never disagree. A canary hold pins the midpoint until confirmed, and rollback releases t","name":"passing-loop","title":"Passing Loop","type":"registry:ui"},{"description":"Password field with a canvas water tank behind the masked text: entropy raises the tide on a damped spring, keystrokes slosh a real 1D heightfield wave, deletions pull the level back down.","name":"password-strength-tide","title":"Password Strength Tide","type":"registry:ui"},{"description":"A patchbay with real, persistent, user-authored topology: drag from one jack to another to create a patch, routed orthogonally onto the shared monospace glyph grid, and once connected a small pulse travels the cable on a loop. Grabbing a jack that already carries a patch unplugs ","name":"patchbay-ascii-cable","title":"Patchbay ASCII Cable","type":"registry:ui"},{"description":"A geofence radius editor whose circle is drawn in pecked chart line-work where each dash is exactly 100 metres of ground circumference, so dragging the handle outward visibly grows the dash count and the radius reads by eye with no scale legend.","name":"pecked-ring","title":"Pecked Ring","type":"registry:ui"},{"description":"A card whose backing texture is a genuine shot-peening coverage process: a stream of uniform-random impacts stamping soft circular dimples into a coverage bitmap, saturating toward and past nominal 100% before fading back to a fresh unpeened pass and starting over.","name":"peen-coverage","title":"Peen Coverage","type":"registry:ui"},{"description":"Model picker rendered as a legible cost/latency/quality Pareto scatter: the frontier is a rising line of solid nodes (quality can't rise without moving right into cost), dominated models are hollow nodes below it joined by a connector whose length is the quality you'd forfeit, an","name":"picker-pareto-frontier","title":"Picker Pareto Frontier","type":"registry:ui"},{"description":"A map layer panel drawn as registered acetate separations: each layer a translucent sheet in a shallow isometric stack that fans on hover, and turning one off parks it visibly off the pins instead of hiding it.","name":"pin-register","title":"Pin Register","type":"registry:ui"},{"description":"Live cursor name-labels that repel each other like matching magnetic poles, so the person actually typing makes bystander labels visibly yield and drift back.","name":"pole-shy","title":"Pole Shy","type":"registry:ui"},{"description":"A coral colony that accretes inward from one edge, budding new polyps only where five shadow rays against the colony's own skeleton clear a 0.55 exposure threshold, thickening every ancestor segment 0.4 units per bud, leaning as its light direction drifts, and occasionally bleach","name":"polyp-bud","title":"Polyp Bud","type":"registry:ui"},{"description":"A popover that hangs from its trigger like a plumb bob: it drops in off-vertical, sways once or twice on a damped pendulum, and settles plumb, connected by a hairline SVG string that doubles as the anchor indicator.","name":"popover-pendulum","title":"Popover Pendulum","type":"registry:ui"},{"description":"A blog/post list with a live ASCII gutter: j/k and arrow-key navigation moves a roving-tabindex selection, a running index rule eases to track it, and each post's reading length redraws as an ASCII bar that recomputes on selection.","name":"post-list-ascii-index","title":"Post List ASCII Index","type":"registry:ui"},{"description":"An ambient conflict indicator staged as printing misregistration: a block with an unsynced collaborator prints a soft ghost plate of their version behind your text, offset by measured word-level divergence with matching SVG registration crosshairs at the corners, and resolving pu","name":"press-register","title":"Press Register","type":"registry:ui"},{"description":"Pricing section rendered as a literal balance scale: two tier cards hang as pans from a canvas beam, billing toggle and feature checkmarks add weight, and beam-torque spring physics settles with one inertial overshoot to show which tier objectively outweighs the other.","name":"pricing-scale","title":"Pricing Scale","type":"registry:ui"},{"description":"A section divider rendered as a live contact profilometer readout: a fixed stylus near the right edge while the measured surface's roughness-plus-waviness trace scrolls continuously beneath it, right to left, at a constant real-time rate, peaks and valleys passing under the tip f","name":"profilometer-trace","title":"Profilometer Trace","type":"registry:ui"},{"description":"Engineering-drawing progress meter: a light hatch track and a dense shade-ramp fill with a dithered leading edge, an inline right-aligned numeric readout, and a box-drawing ruler of ticks below.","name":"progress-hatch","title":"Progress Hatch","type":"registry:ui"},{"description":"Determinate progress bar whose leading edge narrates each phase in typed mono, then docks it below the track as a timestamped milestone ledger.","name":"progress-narrated","title":"Progress Narrated","type":"registry:ui"},{"description":"Determinate progress meter modeled on real 9-pin dot-matrix \"Near Letter Quality\" printing: the printed region is struck twice, the second pass offset by exactly half a dot pitch so it fills the gaps the first pass left, and the active strike column keeps dwelling in a two-phase ","name":"progress-nlq-overstrike","title":"Progress NLQ Overstrike","type":"registry:ui"},{"description":"Live telegraph feed for multi-stage operations of unknowable total duration: each real sub-step arrives as its own line with a ticking elapsed timer, then collapses into a dense done-ledger with its true cost frozen. Stalls are self-evident because the active timer keeps counting","name":"progress-telegraph-log","title":"Progress Telegraph Log","type":"registry:ui"},{"description":"A determinate progress bar that advances by capillary action (quick pull, slowing soak, brief dwell, next pull), with a faint wet-front runner previewing the track a few pixels ahead of the true fill, so bursty real-world progress (chunked uploads) reads as natural rather than ja","name":"progress-wick","title":"Progress Wick","type":"registry:ui"},{"description":"A table of prompt blocks against releases: one filled cell wherever that block changed in that release, blank where it did not, plus each version's total token count.","name":"prompt-version-grain","title":"Prompt Version Grid","type":"registry:ui"},{"description":"An issued amount punched through the sheet as a dot matrix by a single left-to-right head pass: subtractive, permanent, and correctable only by a second pass punching VOID diagonally across it.","name":"punch-figure","title":"Punch Figure","type":"registry:ui"},{"description":"A role x permission matrix rendered as a Jacquard card where authority is asymmetric material: granting punches a clean hole through the card stock, revoking never un-punches. It pastes a visible patch over the hole instead, so a cell that was ever revoked stays permanently disti","name":"punch-patch","title":"Punch Patch","type":"registry:ui"},{"description":"Card-triage queue driven by a literal one-way ratchet: deciding a card clicks a toothed rail forward one notch; undo means visibly lifting the pawl before the rail eases back.","name":"queue-triage-ratchet","title":"Queue Triage Ratchet","type":"registry:ui"},{"description":"A bento grid whose only variable is pressure, not cell assignment: four quoins hold a fixed five-tile arrangement flush, pressure creeps down until a tile pies out of plane, and a quoin-by-quoin re-key — occasionally a full planer sweep — brings it back, forever.","name":"quoin-lockup","title":"Quoin Lockup","type":"registry:ui"},{"description":"Step-up auth drawn as switchgear racking: a sensitive-actions group sits 12px back on a visible rail with its contacts unmade until fresh verification racks it in, then physically withdraws over the elevation window instead of expiring invisibly into a 401.","name":"rack-seat","title":"Rack Seat","type":"registry:ui"},{"description":"A single-choice input as a paper ballot: the chosen option folds into a slip and drops through the ballot box's slot with two-phase paper physics (flutter, then settle), and switching your vote pulls the old slip back out first.","name":"radio-ballot-drop","title":"Radio Ballot Drop","type":"registry:ui"},{"description":"Vertical radio group whose single choice is embodied by exactly one indicator: a dot resting on the checked option's notch that, on re-selection, elongates into a thin traveling line along a hairline rail (ticking each notch it passes) and contracts back down into a dot once it a","name":"radio-group-pin","title":"Radio Group Pin","type":"registry:ui"},{"description":"A collaborator presence rail where each teammate's live scroll position becomes a jump-to chip, and teammates who land on the same stretch raft outward in arrival order instead of collapsing into a '+n' count.","name":"raft-moor","title":"Raft Moor","type":"registry:ui"},{"description":"An ambient convergence moment modelled on maritime range lights: a near light and a far light drift independently on incommensurate periods, sliding apart and repeatedly back into vertical alignment, briefly brightening together each time they agree.","name":"range-light-transit","title":"Range Light Transit","type":"registry:ui"},{"description":"Rating / level input rendered as a row of seal impressions: chosen levels stamp solid with a physical thud and an expanding impression ring, the rest wait as faint unfilled outlines, so the value reads unambiguously even in a still frame. A radio-group underneath, not a decoratio","name":"rating-stamp","title":"Rating Stamp","type":"registry:ui"},{"description":"Inline redaction bar sized by the real text beneath it: hold to peek and the ink flows back after release, click to latch it open; the lifted bar stays hovering as a thin overline so the redaction never disappears.","name":"redaction-hold-reveal","title":"Redaction Hold Reveal","type":"registry:ui"},{"description":"Pull-to-refresh as a crank and flywheel: pulling down winds a spoked SVG wheel through a rack-and-pinion drivetrain, release hands it angular momentum, and the wheel freewheels through the request in flight before the response brakes it to a stop as new rows settle in.","name":"refresh-pull-flywheel","title":"Refresh Pull Flywheel","type":"registry:ui"},{"description":"A refusal that negotiates instead of stonewalling: the offending span of a blocked request is echoed back struck through, with narrowing-lever toggle chips that rewrite it and unlock resend the instant a recheck passes.","name":"refusal-negotiation","title":"Refusal Negotiation","type":"registry:ui"},{"description":"A plan-change proration panel drawn as a draper cutting cloth: the used billing period dims and stays, the unused remnant slides into the new plan's row re-measured against its rate, and the cents lost to rounding render as a labelled sliver at the cut instead of vanishing into a","name":"remnant-cut","title":"Remnant Cut","type":"registry:ui"},{"description":"A sync/upload progress strip driven by a constant-force remontoire: a coiled spring glyph slowly winds tight over a 2.9s creep, then trips and dumps one fixed, calibrated 6% kick into the bar in 0.3s (the escapement's flat repeated release, not the mainspring's decay), rewinding ","name":"remontoire-rewind","title":"Remontoire Rewind","type":"registry:ui"},{"description":"Drag-to-reorder where the dragged row pushes a continuous falloff field through its neighbors: they shoulder sideways and the gap ahead widens before the card ever arrives, instead of a hard placeholder line.","name":"reorder-drag-wake","title":"Reorder Drag Wake","type":"registry:ui"},{"description":"RAG retrieval as a literal sieve: one hard rule across the frame with the chunks that cleared the similarity cutoff resting solid above it and the rejects falling as faint stubs below, and a connector rail that separates what was merely retrieved from what the answer actually use","name":"retrieval-chunk-sieve","title":"Retrieval Chunk Sieve","type":"registry:ui"},{"description":"An @mention chip that behaves like registered post: a stub tears off along a dashed perforation on send and only returns (filled, timestamped) once the mentioned person actually looks.","name":"return-aviso","title":"Return Aviso","type":"registry:ui"},{"description":"Media reveal driven by a height-field water sim: a ripple front sweeps from the trigger point, popping grid tiles open as the wave crosses them and refracting revealed tiles like wet glass; the cursor keeps stirring the water after full reveal.","name":"reveal-ripple-tiles","title":"Reveal Ripple Tiles","type":"registry:ui"},{"description":"A loader built on the coffee-ring effect: 90 particles drift outward on a capillary-flow velocity profile and pin at the rim, so waiting visibly deposits a denser and denser ring. Determinate progress reads as coverage angle, indeterminate progress reads as density, and completio","name":"ring-stain","title":"Ring Stain","type":"registry:ui"},{"description":"A loader / background ambient texture reproducing a risograph duplication run: three sequential drum passes reading the same shared stencil field, each a rotation sweeping the sheet top-to-bottom, cumulatively drifting a few pixels out of register against the pass before it, with","name":"riso-drum-pass","title":"Riso Drum Pass","type":"registry:ui"},{"description":"An ambient multi-stage pipeline indicator built as a flour mill's break system: a stream of particles shrinks by roughly a third every time it crosses a nip between two differentially-spinning corrugated rollers, three or four stages left to right.","name":"roller-break-reduce","title":"Roller Break Reduce","type":"registry:ui"},{"description":"A determinate-feel loader ambient drawn as a real peristaltic pump: a three-roller rotor spins above a horizontal tube, each roller pinching the lumen fully flat as it passes and driving a visible fluid slug ahead of it while the tube wall rebounds viscoelastically in its wake. Q","name":"roller-occlusion","title":"Roller Occlusion","type":"registry:ui"},{"description":"Ambient card background modeling rope laying in a traditional ropewalk: three strands spiral together at a fixed convergence point into one rope, continuously hauled off and wound onto a take-up drum whose layer count keeps climbing, never stopping and never resetting.","name":"ropewalk-lay-twist","title":"Ropewalk Lay Twist","type":"registry:ui"},{"description":"Model routing drawn as a cascade of weirs: one hairline row per model tier, each with a spill notch at its cost ceiling, so a request that a cheap tier can't hold visibly spills down a row and every escalation and its price are readable in one still frame.","name":"router-tier-cascade","title":"Router Tier Cascade","type":"registry:ui"},{"description":"A multi-party approval ledger styled as an interoffice routing slip: names print in fixed routed order, signing presses an ink chop beside your name, and signing out of turn lands visibly skewed with a written note rather than being hidden or blocked.","name":"routing-slip","title":"Routing Slip","type":"registry:ui"},{"description":"A deploy pipeline drawn as a climbing pitch: stages are protection anchors bolted up a vertical line, the current deploy is the climber-end of a rope clipped through every passed anchor, and rollback is a fall arrest that catches at the last healthy anchor with visible rope stret","name":"running-belay","title":"Running Belay","type":"registry:ui"},{"description":"A weighted, branching multi-stage flow diagram rendered as ASCII density bands instead of colour ribbons. Clicking a node isolates every ancestor and descendant on its path: the surviving nodes and bands re-stack from scratch using only the isolated subset's values, so they genui","name":"sankey-ascii-flow","title":"Sankey ASCII Flow","type":"registry:ui"},{"description":"A meeting-time finder: one row of block glyphs per attendee and an underlined accent window marking the earliest slot where everyone required is free. Toggling a person optional recomputes the answer instantly.","name":"schedule-ascii-freebusy","title":"Schedule ASCII Free/Busy","type":"registry:ui"},{"description":"A card-scale loader modelled on the real screen-printing flood/print stroke cycle: a squeegee alternates a light flood pass that spreads ink across the mesh and a firm print pass that forces it through, printing one fading impression per cycle.","name":"screen-flood-stroke","title":"Screen Flood Stroke","type":"registry:ui"},{"description":"A vernier caliper pinned to a scroll container's edge whose spring-damped jaws close over the active section's extent while a mono readout ticks px and percent, tick marks streaking with velocity-scaled motion blur.","name":"scroll-caliper","title":"Scroll Caliper","type":"registry:ui"},{"description":"A divider/footer band whose streaming motion is built from a real tilemap-PPU scroll: a fine register sweeps 0..cellPx-1 sub-pixel offsets across 480ms before a coarse register ticks a tile over, with both registers exposed as a live numeric coarse/fine readout beside the strip.","name":"scroll-fine-register","title":"Scroll Fine Register","type":"registry:ui"},{"description":"Scroll scrubs a camera through a monochrome point tunnel: velocity stretches dots into motion streaks, cursor drift adds parallax, and mono section labels at fixed depths snap into focus as you fly past.","name":"scroll-particle-tunnel","title":"Scroll Particle Tunnel","type":"registry:ui"},{"description":"Media scrubber rendered as a film strip: sprocket-holed edges, one cell per second, a gate-claw playhead that snaps hole-to-hole on a slow drag and releases into a continuous glide on a fast one, buffered range showing as faintly noise-filled exposed frames.","name":"scrubber-film-strip","title":"Scrubber Film Strip","type":"registry:ui"},{"description":"A single-quote testimonial rotator built as a Mesopotamian cylinder seal: a small barrel rolls across the card and the quote presses into the surface word by word in its wake, then the impression re-clays as the barrel's return trip rolls in the next testimonial.","name":"seal-roll","title":"Seal Roll","type":"registry:ui"},{"description":"A kintsugi payoff for consequential actions: confirming cracks the panel with a biased-random-walk SVG path in ~400ms, then immediately re-fills it from both ends as a bright raised seam. The scar stays for the rest of the browser session, so repeated confirmations accumulate as ","name":"seam-gild","title":"Seam Gild","type":"registry:ui"},{"description":"Search input that winnows its list like grain from chaff: non-matching rows tumble aside with a slight rotation and fade, then their slot collapses so survivors settle together. Clearing the query lets the chaff drift back in. Full combobox keyboard pattern with a live match coun","name":"search-winnow","title":"Search Winnow","type":"registry:ui"},{"description":"An ASCII venue floor plan where dragging a marquee selects a contiguous block of seats: taken seats and the centre aisle break the run, and the selection visibly snaps to the longest unbroken block inside the drag, with a live seat count.","name":"seatmap-ascii-pick","title":"Seatmap ASCII Pick","type":"registry:ui"},{"description":"A feature-flag rollout picker where blast radius is computed as literal site percolation: user segments are cells in a declared-adjacency lattice, the rollout percentage wets a fixed-order prefix of cells, and union-find continuously finds the largest connected wet cluster. Its t","name":"seep-lattice","title":"Seep Lattice","type":"registry:ui"},{"description":"Segmented control with a visibly grabbable pill (grip dots, hover lift): fling it, it coasts on real release velocity, rubber-bands off the ends, and snaps into the nearest detent. Optional one-shot intro fling demos the mechanic on first view.","name":"segmented-control-fling","title":"Segmented Control Fling","type":"registry:ui"},{"description":"Single-select whose frosted-glass trigger and listbox sit over drifting caustic light pools; hovering or arrow-keying an option bends the caustics toward that row so the highlight reads as pressed into the glass.","name":"select-caustic","title":"Select Caustic","type":"registry:ui"},{"description":"A thin ambient loader modelled on marlinspike seamanship's serving pass: a serving zone travels along a rope, tightly winding twine turn after turn so covered rope trails behind it and bare rope always waits ahead, told through a fixed served/bare boundary, a fast scrolling wrap ","name":"serving-mallet-wind","title":"Serving Mallet Wind","type":"registry:ui"},{"description":"A \"loading more rows\" strip for an infinite-scroll or virtualised list, built on real longwall coal-mining mechanics: a shearer traverses the face and drops cut material onto the armoured conveyor while hydraulic roof supports advance behind it in sequence, rather than an invente","name":"shearer-advance","title":"Shearer Advance","type":"registry:ui"},{"description":"A spreadsheet-style rectangular cell range select where the border draws itself in real box-drawing glyphs (┌─┐│└┘) and a live ASCII status bar prints the aggregate (count, sum, mean, min, max) as the range grows by drag or Shift+Arrow.","name":"sheet-ascii-range","title":"Sheet ASCII Range","type":"registry:ui"},{"description":"A keyboard-shortcut cheat sheet whose keycaps press themselves: matching keydowns depress the cap and are swallowed before the app behind it can react.","name":"shortcuts-cheat-sheet","title":"Shortcuts Cheat Sheet","type":"registry:ui"},{"description":"An ambient multi-stage status board of six louvred shutters, modelled on the Admiralty six-shutter telegraph: each shutter independently flips edge-on (open, near-invisible) or face-on (closed, a solid opaque square) in a staggered cascade that forms a new symbol every couple of ","name":"shutter-telegraph-board","title":"Shutter Telegraph Board","type":"registry:ui"},{"description":"Signature capture as consent: a canvas ink strip with pen-pressure feel that retraces itself in a clean witness replay before Confirm embosses it as Authorized.","name":"signature-consent","title":"Signature Consent","type":"registry:ui"},{"description":"A destructive-action confirm modeled on cover-collapse sinkhole formation: a void chimneys upward through a canvas grain field as its ceiling grains individually ravel into the cavity below, until the crust can no longer bridge its own weight and drops in one fast collapse, backf","name":"sinkhole-ravel","title":"Sinkhole Ravel","type":"registry:ui"},{"description":"Loading wrapper whose placeholder blocks develop into the real content: a masked sweep resolves the text instead of swapping it.","name":"skeleton-develop","title":"Skeleton Develop","type":"registry:ui"},{"description":"Schema-driven skeleton for streaming structured LLM output: every field, key, and array slot renders as a dashed empty mold the instant the shape is known, then sets solid field-by-field as values pour in.","name":"skeleton-schema","title":"Skeleton Schema","type":"registry:ui"},{"description":"A testimonial wall built as real double-lap slating: each quote is a slate hung on a batten, and only its computed gauge — the exposed margin — is ever visible at rest. The wall's geometry never changes; the only motion is one slate lifting on its nail to read.","name":"slate-gauge","title":"Slate Gauge","type":"registry:ui"},{"description":"An ambient row-level 'processing/refreshing' indicator built from mechanised sleeper-renewal trains: a crawling gantry crane lifts one old sleeper clear, swings a new one into the gap, and clips the rail down before advancing to the next tie. Old-vs-new is a continuous wear gradi","name":"sleeper-renewal-relay","title":"Sleeper Renewal Relay","type":"registry:ui"},{"description":"Two-way allocation slider built as a slack wire between two labeled anchors: a bead sliding along the wire sets the ratio while the wire's own sag encodes the unallocated remainder, so a taut straight wire means fully committed and a deep droop means budget left on the table.","name":"slider-allocation-wire","title":"Slider Allocation Wire","type":"registry:ui"},{"description":"Slider read through a circular magnifying loupe riding the thumb: the tick beneath sits sharp at 1.8x inside the lens while the rest of the scale rests soft-focus; rubber-banding past the bounds wobbles the magnification on release.","name":"slider-loupe","title":"Slider Loupe","type":"registry:ui"},{"description":"Dual-handle range slider whose selected span is a taut band of material: it visibly shears under drag velocity while the far handle stays planted, then snaps flat with a slight overshoot on release.","name":"slider-range-shear","title":"Slider Range Shear","type":"registry:ui"},{"description":"Numeric input built as a true vernier caliper: a fixed coarse tick row over a sliding fine row at 0.9x pitch, where the accent-lit fine tick physically lines up with a main tick to spell the last digit. Drag the body for fast absolute moves, drag the vernier scale itself for one-","name":"slider-vernier","title":"Slider Vernier","type":"registry:ui"},{"description":"A primary field with a slugified 'carbon copy' stacked underneath it, offset like a duplicate sheet peeking out from beneath a receipt. Every keystroke stamps its transformed counterpart onto the flimsy with a tiny pressure jitter; editing the flimsy directly tears it off the cou","name":"slug-field-mirror","title":"Slug Field Mirror","type":"registry:ui"},{"description":"A content-reveal/settle moment built on kiln-slumping in warm glass work: a flat profile sags into a mould's contour under gravity, the centre drooping first and the drape spreading outward toward the edges over several seconds before holding, exactly conformed to the mould.","name":"slump-mould-drape","title":"Slump Mould Drape","type":"registry:ui"},{"description":"An ambient processing/organizing loader modeled on a Hollerith tabulating-machine card sorter's chute: cards drop single-file down a center track, a gate flap swings to a heading and each card curves off with it into one of five numbered pockets below, the pockets filling unevenl","name":"sorter-pocket-route","title":"Sorter Pocket Route","type":"registry:ui"},{"description":"A card-scale background texture panel modelling frost (freeze-thaw) weathering of a porous rock face: the sampled field conveys slowly upward, and every second or two a flake somewhere lifts, tips outward, and falls off, exposing a fresh patch that brightens then weathers back in","name":"spall-face","title":"Spall Face","type":"registry:ui"},{"description":"A production-usable sparkline chart drawn entirely in characters: block-fraction bars, keyboard-navigable column by column.","name":"sparkline-ascii","title":"Sparkline ASCII","type":"registry:ui"},{"description":"Inline KPI sparkline grown over an elementary cellular-automaton texture: the Wolfram rule is picked by the series' volatility, one generation column per data point.","name":"sparkline-automaton","title":"Sparkline Automaton","type":"registry:ui"},{"description":"A partial-refund control drawn as a struck coin with a reeded edge: dragging a chord across the disc clips off a sector whose true circular-segment area, not the chord's linear position, is the refund amount, so the coin visibly diminishes by exactly what it pays out.","name":"specie-clip","title":"Specie Clip","type":"registry:ui"},{"description":"A scrolling spectrogram in monospace ink: a real 512-point FFT grouped into log-spaced bands, each with its own adaptive noise floor so quiet bands stay dark and only the actual harmonic structure prints as bright glyph runs.","name":"spectrogram-ascii-bands","title":"Spectrogram ASCII Bands","type":"registry:ui"},{"description":"Payment history as a diner-receipt spindle: settled transactions pile up impaled on a shared 1px spine, and a refund doesn't remove the card. It pulls the same pierced node a few px back up the spine with its puncture elongated into a slot.","name":"spindle-strike","title":"Spindle Strike","type":"registry:ui"},{"description":"A split-flap departure-board display for short status strings: each character cell hinges its top half down over the bottom on a hard-creased 3D flip, cycling through a short burst of glyphs with per-cell stagger so a text change ripples left-to-right like clattering airport sign","name":"split-flap-board","title":"Split Flap Board","type":"registry:ui"},{"description":"Split-pane divider that carries real weight: drag it and the boundary trails the pointer like a counterweighted window sash, release with speed and it coasts into the nearest detent on a critically-damped spring; released slow and far from a stop, it just stays put.","name":"split-pane-weighted","title":"Split Pane Weighted","type":"registry:ui"},{"description":"Film-strip thumbnail scrubber made of a shear-thickening material: drag slowly and each thumbnail visibly lags the one before it down the chain like a liquid; flick fast and the strip instantly locks into one rigid slab that moves and stops as a single piece.","name":"starch-shear","title":"Starch Shear","type":"registry:ui"},{"description":"A KPI row implementing the stat-tile figure contract (value, delta, sparkline) honestly: the sparkline behind each number is the same series the delta is computed from, hovering or focusing surfaces exactly which point that delta is measured against, and color only ever means 'th","name":"stat-row-baseline-spark","title":"Stat Row Baseline Spark","type":"registry:ui"},{"description":"A KPI number whose arrival is ink condensing into a glyph: every dot of a 5x7 ASCII dot-matrix digit starts at a random density-ramp step and eases independently toward its true value, so the numeral visibly resolves out of noise instead of sliding or flipping into place.","name":"stat-tile-ascii-arrive","title":"Stat Tile ASCII Arrive","type":"registry:ui"},{"description":"Dashboard KPI grid under an observatory radar: a 1px accent arm sweeps the panel once per 12s with sonar rings, and each stat card counts up and lights its border only the instant the wedge crosses its bearing, then settles back to muted until the next revolution.","name":"stats-radar-sweep","title":"Stats Radar Sweep","type":"registry:ui"},{"description":"A 20-64px inline status glyph for agent work where the motion pattern itself is the signal: five states, five distinct cadences, no color and no swapped icon.","name":"status-glyph-cadence","title":"Status Glyph Cadence","type":"registry:ui"},{"description":"Group membership drawn as an implicit surface: each item is a charge in an inverse-square field, and a marching-squares isoline at F = 1 is stroked as a bare outline, so items in the same group share one necked contour and an item that leaves visibly pinches off into its own clos","name":"status-metaball-merge","title":"Status Metaball Merge","type":"registry:ui"},{"description":"A canvas-free AI thinking indicator: a rotating sphere of depth-cued SVG dots. Four states (thinking, searching, done, idle), distinct by motion, not color, legible from 24px inline to a 200px showpiece.","name":"status-sphere-dots","title":"Status Sphere Dots","type":"registry:ui"},{"description":"An inline sync-status glyph modelled on a float-and-thermostatic steam trap: condensate (pending events) fills a small chamber, a float trips a discharge valve at 88% height, the chamber blows down fast on an eased-out curve, and refill starts immediately, forever.","name":"steam-trap-batch-flush","title":"Steam Trap Batch Flush","type":"registry:ui"},{"description":"A live stem-and-leaf plot: every arriving value flies in from a staging slot and drops into its tens-stem row, existing leaves shoulder-nudging aside to insert it in sorted order, so the distribution is built entirely from the digits of the data and every leaf is still an individ","name":"stem-and-leaf-live","title":"Stem And Leaf Live","type":"registry:ui"},{"description":"A reusable pattern-masked input: the full template renders at rest as a muted stencil with literal separators already in place, each typed character inks its own cell, and a refused character prints faint, shakes, and falls away instead of vanishing silently.","name":"stencil-fill","title":"Stencil Fill","type":"registry:ui"},{"description":"Bounded numeric stepper with a large mono value readout, prominent -/+ buttons, and a labeled history strip: an inertial needle swings to each committed value while the strip advances, etching the last 20 adjustments with the newest mark highlighted.","name":"stepper-needle","title":"Stepper Needle","type":"registry:ui"},{"description":"Numeric spinbutton built as a ratchet and pawl: incrementing is free and clicky and a hold repeats and accelerates, but decrementing requires holding ~250ms while the pawl visibly swings 35 degrees clear before a hold starts stepping back, also accelerating.","name":"stepper-ratchet","title":"Stepper Ratchet","type":"registry:ui"},{"description":"Indoor level switcher drawn as a true architectural cross-section: floors are horizontal slabs at their real relative heights (a double-height lobby is visibly taller than a mezzanine), a spring-loaded datum line points at the selected slab's elevation, below-grade floors carry a","name":"storey-pole","title":"Storey Pole","type":"registry:ui"},{"description":"Streaming LLM text where the newest tokens arrive light and translucent, then dry to full opacity a beat behind the stream head. Width-stable, so committed text never reflows.","name":"streaming-ink-dry","title":"Streaming Ink Dry","type":"registry:ui"},{"description":"Streaming-text renderer where already-arrived content never re-animates: only the trailing, unterminated edge carries a muted caret and settles when its markdown span closes.","name":"streaming-markdown-caret","title":"Streaming Markdown Caret","type":"registry:ui"},{"description":"Streaming-text renderer for models that take words back: a retraction strikes through mid-sentence, evaporates, and leaves a notched scar tick that reopens the revision inline.","name":"streaming-retraction","title":"Streaming Retraction","type":"registry:ui"},{"description":"Streaming text where provisional tokens sit off-baseline and a hair rotated like loose letterpress type, then snap into the chase with a stiff spring the instant they're confirmed. A correction slides the old word out sideways as its replacement slides in.","name":"streaming-token-settle","title":"Streaming Token Settle","type":"registry:ui"},{"description":"Turn-by-turn directions unbent into one vertical straight-line diagram: row spacing is proportional to real ground distance, not step count, with a 44px floor that visibly breaks (equation-station zigzag, skipped chainage) rather than silently lying about distance.","name":"strip-station","title":"Strip Station","type":"registry:ui"},{"description":"Container-level liquid glass: blur, saturation, noise grain, specular rim, graduated shadow ramp.","name":"surface-glass","title":"Surface Glass","type":"registry:ui"},{"description":"A swipeable list row that clicks through machined detent stops (archive, then flag) and strains against a hard stop before overtravel arms delete, with a 3-second undo bar before it commits.","name":"swipe-row-detent","title":"Swipe Row Detent","type":"registry:ui"},{"description":"An accessible switch drawn entirely in box-drawing and block characters, in the register of a physical knife switch: the blade fills one cell at a time and the handle glyph spins through the throw.","name":"switch-ascii-knife","title":"Switch ASCII Knife","type":"registry:ui"},{"description":"A binary switch drawn as an eclipse: a dark occluding disc slides across a bright sun disc inside a 56x28 track, forming a computed crescent at the midpoint and a thin corona ring once fully on, while the track's ambient tint darkens smoothly with occlusion.","name":"switch-eclipse","title":"Switch Eclipse","type":"registry:ui"},{"description":"iOS-style switch whose OFF state freezes over: seeded dendritic frost feathers creep in from the track edges over a frosted-glass film, with sparkle grain that glistens at idle; switching ON drives a melt front ahead of the sliding thumb with droplet run-off.","name":"switch-frost","title":"Switch Frost","type":"registry:ui"},{"description":"A boolean switch rendered as two liquid solder beads on a hairline rail, trading mass through a gooey neck that bulges, stretches and pinches off on toggle, with a ratio prop for rendering any partial allocation, not just on/off.","name":"switch-solder-bead","title":"Switch Solder Bead","type":"registry:ui"},{"description":"Dense ops table where rows above a heat threshold shimmer like air over asphalt: live DOM text refracts through an animated SVG displacement filter while cold rows sit dead-still behind hairline borders.","name":"table-heat-shimmer","title":"Table Heat Shimmer","type":"registry:ui"},{"description":"Tabs whose underline is a typewriter carriage on a rail: forward moves glide on a spring and stretch with speed, backward moves snap home faster with a ding-bounce, and the panel line-feeds in from the travel direction.","name":"tabs-carriage","title":"Tabs Carriage","type":"registry:ui"},{"description":"Tabs whose bottom rule is a single SVG path with a notch missing under the active tab, and whose panel carries a matching raised tenon that slots into that gap. The strip and panel read as one interrupted border, legible at rest with zero motion.","name":"tabs-notch-tenon","title":"Tabs Notch Tenon","type":"registry:ui"},{"description":"Tabs whose active indicator is one continuous SVG rail running under the entire row like railway track: selecting a tab throws the points, bending a raised siding segment off the base line so it travels to the new tab instead of a puck jumping between slots.","name":"tabs-rail-points","title":"Tabs Rail Points","type":"registry:ui"},{"description":"Classic tabs whose active-indicator is a single SVG path drawn as a slack cable instead of a rigid bar: it sags mid-jump proportional to distance, tautens flat with a small spring snap, and previews the destination with a 3px tug when you hover a neighboring tab.","name":"tabs-slack-cable","title":"Tabs Slack Cable","type":"registry:ui"},{"description":"Today's security activity as one rotating polar disc under a fixed stylus: sign-ins, permission grants and revocations scribed at their true time-of-day angle, radius by category, older days stacked behind as dimmer discs. Dragging or arrowing it scrubs a real, bound event list.","name":"tacho-disc","title":"Tacho Disc","type":"registry:ui"},{"description":"Tag input where Backspace on an empty field arms the last tag with a depleting bar instead of deleting it: a second Backspace inside the window removes it.","name":"tag-input-backspace","title":"Tag Input Backspace","type":"registry:ui"},{"description":"Tag input as beads threaded onto a cord: committing a tag cinches a bead into place with one overshoot squeeze while its knot draws on; Backspace on an empty input unravels the last bead with a drop-and-twist. Duplicate commits shudder the existing bead instead of re-threading it","name":"tag-input-cord","title":"Tag Input Cord","type":"registry:ui"},{"description":"A tag/token input whose chips attach like burrs: hooked, not glued. Removing one takes a deliberate pull: it stretches at the trailing edge, pops free, and the row exhales closed behind it with a staggered ripple toward the caret.","name":"tag-input-pull","title":"Tag Input Pull","type":"registry:ui"},{"description":"Tag input whose chips hang from a perforated edge instead of an x icon: dragging a chip down snaps its dashes into torn stubs top-to-bottom as a 0-1 tear progress crosses each one, and past 80% releasing drops the chip with a 4deg rotate and gravity while siblings close the gap v","name":"tag-input-tear","title":"Tag Input Tear","type":"registry:ui"},{"description":"An org invite list where each invite is a split wooden tally: a jagged seam cut from the invite's own token, the org keeps a solid stock, and accepting slides the matching foil home so the grain lines cross the seam and prove the match.","name":"tally-cleave","title":"Tally Cleave","type":"registry:ui"},{"description":"An indeterminate 'still working' loader modeled on mechanised ballast tamping: a satellite plunges a paired tine either side of a rail sleeper, squeezes it shut to pack the ballast beneath, lifts, and steps to the next sleeper along an infinite treadmill row.","name":"tamper-tine-squeeze","title":"Tamper Tine Squeeze","type":"registry:ui"},{"description":"A team grid that answers the question a team grid is actually asked (who is reachable right now) by running a 24-hour UTC rail above the cards with the team's shared working-hours overlap inked into it, while each card shows that person's live local time and dims when they're out","name":"team-grid-timezone-rail","title":"Team Grid Timezone Rail","type":"registry:ui"},{"description":"Two or three climbing-tendril shoots circumnutate out from the pane's bottom edge in live SVG, searching a widening helix until a growing tip actually touches a measured support rect, then switch to a tightening spiral coil with a chirality-flipping perversion kink before stiffen","name":"tendril-cast","title":"Tendril Cast","type":"registry:ui"},{"description":"A masonry testimonial wall that physically reflows as you read: expanding one card's quote via 'read more' re-packs every other card into its new shortest-column slot, animated with a FLIP transform so only the cards that actually move ever animate.","name":"testimonial-wall-reflow","title":"Testimonial Wall Reflow","type":"registry:ui"},{"description":"A hover or click flourish where every letter is an index card on a spindle: the face flicks back over its top edge and out of view while a duplicate flicks up from underneath into its place, staggered across the word from a configurable origin on a numerically integrated spring.","name":"text-card-flick","title":"Text Card Flick","type":"registry:ui"},{"description":"Scramble-to-decode text reveal with left-to-right character locking.","name":"text-decrypt","title":"Text Decrypt","type":"registry:ui"},{"description":"Text whose baseline is a live EKG trace: each beat fires a QRS spike that travels under the letters, throwing every glyph up the waveform before it spring-settles flat.","name":"text-ekg-baseline","title":"Text EKG Baseline","type":"registry:ui"},{"description":"Headline whose glyphs liquefy near the cursor: an SVG gooey filter fuses neighbors into temporary ligatures that spring apart on leave, with a faint field drifting the melt on its own at rest.","name":"text-ligature-melt","title":"Text Ligature Melt","type":"registry:ui"},{"description":"A rotating-word slot: each character column spins through a slot-machine reel of glyphs before landing on the next word, with the slot's own pixel width carried between words of different lengths so the layout never jump-cuts.","name":"text-slot-rotate","title":"Text Slot Rotate","type":"registry:ui"},{"description":"Letters morph variable-font weight by cursor proximity. Pure typography interaction.","name":"text-variable-weight","title":"Text Variable Weight","type":"registry:ui"},{"description":"An autosize textarea that grows like dough proofing instead of reflowing like a spreadsheet cell: ordinary typing raises it line by line with a soft 180ms swell, a large paste breathes open over 400ms in one continuous motion instead of popping, and deleting text back down is slo","name":"textarea-autosize-swell","title":"Textarea Autosize Swell","type":"registry:ui"},{"description":"Horizontal ticker tape with mechanical feed physics: quotes stream right-to-left at constant speed, new data visibly splices in with a 1px seam that travels with the strip, and hover or keyboard focus brakes the feed with inertia instead of stopping it dead.","name":"ticker-tape-splice","title":"Ticker Tape Splice","type":"registry:ui"},{"description":"Character-quantised teleprinter crawl: a fixed row of monospace cells advances one full cell per beat via content substitution, never a subpixel slide.","name":"ticker-teleprinter","title":"Ticker Teleprinter","type":"registry:ui"},{"description":"A relative timestamp whose type visibly ages: variable-font weight, letter-spacing and ink drift from --foreground toward --ns-muted as the moment recedes; hover or focus crossfades to the exact ISO instant.","name":"time-ago-drift","title":"Time Ago Drift","type":"registry:ui"},{"description":"A time-of-day picker as a flat sundial: drag the outer ring to set the hour and the inner ring for 5-minute detents, while a soft blurred gnomon shadow points at the hour and lengthens from a short AM wedge into a long PM one as you keep dragging past noon.","name":"time-picker-sundial","title":"Time Picker Sundial","type":"registry:ui"},{"description":"Live multi-agent turn tracker: one hairline lane per agent, the lane holding the turn brightened to foreground, handoffs drawn as stepped connectors with mono duration labels.","name":"timeline-agent-lanes","title":"Timeline Agent Lanes","type":"registry:ui"},{"description":"Changelog timeline drawn as a beach strand: each release arrives as a foam crest sweeping an arc in from the now edge, breaks at its chronological position, pops a marker in with a spring, and recedes leaving an etched tide-ring. Later waves wash past older marks so ring density ","name":"timeline-changelog-wave","title":"Timeline Changelog Wave","type":"registry:ui"},{"description":"Collapsible agent-reasoning timeline: status lives entirely in the node glyph on a 1px vertical rail, steps stream in over time, and completed steps fold to a single line so a long run stays readable.","name":"timeline-reasoning-rail","title":"Timeline Reasoning Rail","type":"registry:ui"},{"description":"Toast stack with real gravity: notifications thud into a jostling heap, errors sink under their own mass, and the pile resettles when one is dismissed.","name":"toast-gravity-stack","title":"Toast Gravity Stack","type":"registry:ui"},{"description":"Undo toast whose remaining lifetime is a literal fuse: a hairline along the bottom edge burns right-to-left with an ember at the front, answering \"when does this go away\" without a numeric countdown.","name":"toast-undo-fuse","title":"Toast Undo Fuse","type":"registry:ui"},{"description":"TOC minimap where scroll progress is a column of liquid mercury: a gooey SVG blob climbs the rail, absorbs section ticks, teardrops under fast scroll, and bulges toward hovered ticks.","name":"toc-minimap-mercury","title":"TOC Minimap Mercury","type":"registry:ui"},{"description":"A light/dark toggle whose chip reads the real resolved --background/--foreground values at mount and on every theme change and paints itself in their negative, so it previews almost exactly what the page will look like the instant you click it.","name":"toggle-theme-ascii","title":"Toggle Theme ASCII","type":"registry:ui"},{"description":"A read-only tracking-quality gauge built from real pivoted-tonearm geometry: a headshell sweeps a 215mm-pivot arm across a spinning record from lead-in to run-out while a small error needle reads the actual geometric tracking-error function, centering exactly at the two Baerwald ","name":"tonearm-skate","title":"Tonearm Skate","type":"registry:ui"},{"description":"A loader / progress surface that prints its content in the way a laser printer images a page: a top-to-bottom expose/develop wipe with toner visibly catching behind it, fine edges thinning for 400ms before filling to full density, and a persistent starvation streak on any large f","name":"toner-fuse-streak","title":"Toner Fuse Streak","type":"registry:ui"},{"description":"An agent's tools hung on a board like fishing tackle: slim capability chips at rest, each lifting and paying out a streaming-argument strip the instant its tool is called, with a recency underline that fades over 60 seconds.","name":"tool-call-board","title":"Tool Call Board","type":"registry:ui"},{"description":"A tooltip whose 1px border traces itself outward from the trigger's own edge and whose delay-group lets adjacent triggers hand off instantly with no re-animation, like a real menu bar.","name":"tooltip-delay-group","title":"Tooltip Delay Group","type":"registry:ui"},{"description":"An onboarding tour rendered as a lighthouse: the current target gets a light ring and halo while the rest of the page drops to penumbra behind a single SVG-masked scrim, and advancing sweeps a feathered beam along the path from the old target to the new one as the hole morphs to ","name":"tour-spotlight","title":"Tour Spotlight","type":"registry:ui"},{"description":"Multi-select a source list, drag just one selected item into the destination to prime the siphon, and the rest of the selection flows through a live SVG tube one bead at a time until it drains or you break the seal.","name":"transfer-list-siphon","title":"Transfer List Siphon","type":"registry:ui"},{"description":"File/directory tree drawn with real box-drawing connectors, whose glyphs redraw themselves as folders expand and collapse instead of static per-level guides.","name":"tree-box-drawing","title":"Tree Box Drawing","type":"registry:ui"},{"description":"Tree view whose branches unfold like a carpenter's folding rule: each child group is a hinged segment that swings open around a visible pivot, rows unfolding in sequence, and snaps shut faster than it opens.","name":"tree-hinge-fold","title":"Tree Hinge Fold","type":"registry:ui"},{"description":"File/nav tree whose indent guides are a single living root system: an SVG path draws itself down from a parent's junction and elbows into each child row as it expands, retracting on collapse instead of toggling static border-left lines.","name":"tree-root-trace","title":"Tree Root Trace","type":"registry:ui"},{"description":"A recursive slice-and-dice treemap where every rectangle's interior is filled with an ASCII density ramp keyed to its value instead of a colour scale. Clicking a rectangle with children descends into it, recomputing the partition over just its children; a breadcrumb (or Escape) c","name":"treemap-ascii-partition","title":"Treemap ASCII Partition","type":"registry:ui"},{"description":"Truncation without the ellipsis: an overflowing line's trailing characters crowd tighter and dissolve toward the clip edge instead of getting cut to '...'; hover or focus decompresses it to read the tail.","name":"truncation-taper-fade","title":"Truncation Taper Fade","type":"registry:ui"},{"description":"Line-clamp that tells the truth: the fold control states the exact measured word count it hides ('+ 42 words'), the cut edge is a dashed selvage rule with a soft fade, and unfolding is an in-place height ease.","name":"truncation-word-count","title":"Truncation Word Count","type":"registry:ui"},{"description":"A card whose backing texture is a genuine tufting-gun loop-pile build: a carriage sweeping row by row across a backing grid, plunging a loop of pile at each cell just behind it, the finished field feeding continuously off the top edge as new rows tuft in below.","name":"tufting-gun-loop-pile","title":"Tufting Gun Loop Pile","type":"registry:ui"},{"description":"A card-scale ambient timeline where each irregular flow-pulse event deposits one new sedimentary bed at the top of a growing stratigraphic column: coarse grains settling first at a sharp, erosively-scoured base and fining continuously upward to a fine cap, stacking pulse by pulse","name":"turbidite-graded-bed","title":"Turbidite Graded Bed","type":"registry:ui"},{"description":"Org/tenant switcher as a locomotive roundhouse turntable: the bridge slews on a real spring, and org-scoped nav stays visibly disconnected through the entire unaligned middle, reconnecting only when the bridge is exactly on the stall angle AND the server has confirmed.","name":"turntable-stall","title":"Turntable Stall","type":"registry:ui"},{"description":"Multi-user typing/presence as a live seismograph strip: one hairline trace per participant, scrolling leftward and spiking with their real keystroke cadence, never a looping three-dot bubble.","name":"typing-indicator-trace","title":"Typing Indicator Trace","type":"registry:ui"},{"description":"Deleted list row collapses in place to a thin labeled bar that drifts toward the trailing edge over the grace window. Distance traveled is the only clock, and pressing the bar pulls it back.","name":"undo-drift-bar","title":"Undo Drift Bar","type":"registry:ui"},{"description":"A deleted list row leaves a dashed retinal ghost in its exact place that slowly closes over 8 seconds. Remaining height is remaining time, and clicking it any time before it vanishes restores the row with a spring.","name":"undo-ghost-row","title":"Undo Ghost Row","type":"registry:ui"},{"description":"Failed-submit error handling as a contractor's punch list: a numbered defect summary pins to the top of the form, a hairline SVG leader line links each entry to its field on selection, and fixing a field strikes it through and counts down to self-dismissal.","name":"validation-error-summary","title":"Validation Error Summary","type":"registry:ui"},{"description":"Inline per-field validation where the bottom border diffuses an error tint in from the exact offending character, like litmus paper: slow and pale while an async check is still pending, fast and decisive once it's definitely wrong, and it wicks back out the moment the field is fi","name":"validation-inline-wick","title":"Validation Inline Wick","type":"registry:ui"},{"description":"A version-history rail styled as scraping vellum: dragging a vertical depth slider reveals each paragraph's overwritten text exactly where it lived, in real selectable DOM, with a per-run restore control to re-ink an old passage as the document's true content.","name":"vellum-scrape","title":"Vellum Scrape","type":"registry:ui"},{"description":"A processing/analyzing loader shaped as an industrial Venturi vacuum ejector: a particle stream necks through a 22%-of-inlet throat and visibly speeds up there, a second entrainment stream merges in from a side port just before the constriction, and one marked tracer crosses the ","name":"venturi-ejector-draw","title":"Venturi Ejector Draw","type":"registry:ui"},{"description":"List/grid/board view switcher that draws a faint curved rail from every item's old slot to its new one and lets it ride that exact rail, releasing cards in reading order like cars cut loose over a classification-yard hump.","name":"view-toggle-rails","title":"View Toggle Rails","type":"registry:ui"},{"description":"Voice-capture chip whose amplitude strip is real Web Audio, not Math.random() bars: flat at rest, live spectrum while listening, an honest error if the mic is denied.","name":"voice-recorder-meter","title":"Voice Recorder Meter","type":"registry:ui"},{"description":"An ambient divider/background texture whose guide bar shogs a short lateral distance every course, lapping each needle's thread diagonally across its neighbours to build a continuously-scrolling zigzag chevron field. The diagonal wale structure of warp knitting, distinct from a w","name":"warp-knit-tricot-lapping","title":"Warp Knit Tricot Lapping","type":"registry:ui"},{"description":"An audio-style waveform rendered as columns of ASCII density glyphs with a draggable playhead: dragging (or hovering, or holding keyboard focus) subdivides the glyph columns nearest the cursor into finer sub-columns that re-ink the region at higher resolution, while the rest of t","name":"waveform-ascii-scrub","title":"Waveform ASCII Scrub","type":"registry:ui"},{"description":"A full-width section divider modeled on Goodyear-welted shoe construction: a needle locks one welt stitch at a time at a single working point while, a few stitches behind it, the channel flap that exposed the last batch of stitches folds shut on a real CSS 3D hinge and hides them","name":"welt-channel-close","title":"Welt Channel Close","type":"registry:ui"},{"description":"A streaming media buffer-ahead strip modelled on a pipe organ's wind supply: a feeder bellows pumps discrete strokes into a reservoir whose weighted lid smooths that into a steady reading, and a spring-loaded spill valve bleeds off the excess whenever the lid threatens to oversho","name":"wind-regulator-bellows","title":"Wind Regulator Bellows","type":"registry:ui"},{"description":"A wizard stepper built as a flight of canal locks: the next chamber's water level climbs to meet the current one, and only once they equalize does the shared gate split open for the active highlight to glide through. An invalid step's level visibly stalls short of the gate line i","name":"wizard-canal-lock","title":"Wizard Canal Lock","type":"registry:ui"},{"description":"A multi-step form whose completed steps physically interlock: each step contributes an SVG dovetail chip to a rail, sliding in to mate on a spring when valid, or bouncing off the joint and returning when it isn't.","name":"wizard-dovetail","title":"Wizard Dovetail","type":"registry:ui"},{"description":"Merge resolution staged as closing a zipper: two columns of timestamped edit ops, meshed by dragging a handle down the spine that physically jams at the first same-offset conflict until you pick a side.","name":"zipper-stall","title":"Zipper Stall","type":"registry:ui"},{"description":"A bacterial colony grown from a live, depleting nutrient field: a rich plate spreads into a smooth disc, a starved one forks into dense-branching fingers that never merge because the gap between them was eaten first, and a spent plate dries to interior tone before a fresh colony ","name":"agar-starve","title":"Agar Starve","type":"registry:ui"},{"description":"A full-bleed section-divider background modelled on a Jacob's ladder: two rails diverge from a narrow base gap, a bright plasma arc strikes there, climbs the widening gap as it burns, dies near the top, and a fresh arc restrikes at the base almost immediately. This runs continuou","name":"arc-ladder-climb","title":"Arc Ladder Climb","type":"registry:ui"},{"description":"ASCII rendered as a real engraving: glyph density traces concentric contour bands through an orbiting metaball field instead of mapping brightness straight to weight, so the plate reads as ridged hatch linework over a soft rounded subject, with a pointer-driven polish trail and a","name":"ascii-engraving-contour","title":"ASCII Engraving Contour","type":"registry:ui"},{"description":"A rotating ASCII globe with recognizable continent landmasses and a day/night terminator sweeping across it as it spins, drag-rotated with inertia and framed by a box-drawing HUD printing the lat/lon under the cursor.","name":"ascii-globe-spin","title":"ASCII Globe Spin","type":"registry:ui"},{"description":"A genuine volumetric (3,2) torus knot rendered in ASCII: a solid tube swept along a self-crossing parametric centerline via a Frenet frame, with real per-character depth buffering resolving the strand crossings, Lambertian shading, and drag-rotate inertia.","name":"ascii-knot-volumetric","title":"ASCII Knot Volumetric","type":"registry:ui"},{"description":"The donut.c homage done properly: a rotating 3D torus with real per-character depth buffering and Lambertian shading, spinning on two axes, drag-rotated with inertia, framed by a box-drawing HUD printing a live rotation readout.","name":"ascii-torus-donut","title":"ASCII Torus Donut","type":"registry:ui"},{"description":"A full-bleed hero of a lens blank mid single-point diamond turning, a spiral groove cutting from center to rim with pitch that tightens toward the edge the way a real aspheric surface curves.","name":"aspheric-turn-spiral","title":"Aspheric Turn Spiral","type":"registry:ui"},{"description":"A full-bleed animated ASCII plasma field: three octaves of traveling value noise mapped through a density ramp to a monospace glyph grid, with the pointer warping the field outward and letting it relax back like dragging a finger through liquid.","name":"background-ascii-plasma","title":"Background ASCII Plasma","type":"registry:ui"},{"description":"A full-bleed ambient background modeling paper chromatography: ink fronts wick along a fixed fibre-vein lattice, decelerating per the Washburn capillary-rise law as they climb, stalling at every junction, and re-igniting a subset of the node's dry outgoing edges before evaporatin","name":"background-capillary-wick","title":"Background Capillary Wick","type":"registry:ui"},{"description":"A full-bleed ambient background reproducing engine-turning (guilloché), the rose-engine lathe technique used to engrave the dense woven rosette patterns on banknotes and security documents: three superimposed hypotrochoid passes at close, unequal lathe ratios beat against each ot","name":"background-engine-turn-guilloche","title":"Background Engine Turn Guilloche","type":"registry:ui"},{"description":"Full-bleed animated gradient background: a WebGL shader drifts three theme-derived colors through a domain-warped noise flow field into a simple 3-stop ramp, reading as a calm moving current of color rather than a shader demo.","name":"background-gradient-shader","title":"Background Gradient Shader","type":"registry:ui"},{"description":"A full-bleed ambient background of two same-ink halftone dot screens drifting at independent, non-commensurate angles: a real duotone/double-hit moiré rosette, with a coverage gradient keeping the frame edges readable and the visual center where the interference peaks.","name":"background-halftone-rosette","title":"Background Halftone Rosette","type":"registry:ui"},{"description":"A full-bleed ambient background where an L-system tree grows entirely out of readable text: every limb is one run of words drawn with a single fillText, pivoting on its own foot as it angles from its parent, with the outer canopy senescing and regrowing forever so it never settle","name":"background-text-branch-canopy","title":"Background Text Branch Canopy","type":"registry:ui"},{"description":"A full-bleed ambient background modeling a gas-fluidized particle bed: voids nucleate at the distributor plate, grow with height (the Darton bubble-growth relation), coalesce when they touch, and burst at the surface with a ballistic spray of ejected particles, while the surround","name":"bed-fluidize","title":"Bed Fluidize","type":"registry:ui"},{"description":"A full-bleed hero/background that composites a real Amiga-class planar framebuffer image one bitplane at a time: a coarse 2-tone silhouette lands first, then three more binary-weighted planes each add a finer layer of tonal detail on top of it, before the full 16-level image hold","name":"bitplane-cascade","title":"Bitplane Cascade","type":"registry:ui"},{"description":"A full-viewport route curtain built as a real iris diaphragm: nine leaves cranked off one actuating ring stop the aperture down to zero to cover the outgoing page, swap the route at the covered frame, then run back open on the incoming one.","name":"blade-stop","title":"Blade Stop","type":"registry:ui"},{"description":"Wraps any element in a thick tube of molten chrome: a WebGL shader fakes a 3D torus cross-section across the band width (not a flat gradient), lights it with a rotating banded environment reflection so bright/dark stripes sweep around the collar, and perturbs the band's own bound","name":"border-chrome-ring","title":"Border Chrome Ring","type":"registry:ui"},{"description":"An electric border for a CTA: the outline crackles like a live wire via feTurbulence displacement, micro-arcs spark off the corners, and near the cursor the stroke opens a gap that tracks the pointer with an arc jumping across it. Pressing discharges the wire: a bright flash, the","name":"border-electric-arc","title":"Border Electric Arc","type":"registry:ui"},{"description":"A full-bleed underwater backdrop modelled on brinicles: dense, sub-zero brine sinking off newly formed sea ice freezes a hollow ice sheath around itself as it descends, flashes an expanding freeze halo where it touches bottom, then breaks free and drifts off while a fresh tip nuc","name":"brinicle-descent","title":"Brinicle Descent","type":"registry:ui"},{"description":"Area chart whose fill is a live aurora curtain: series values drive curtain height per column, a cool-to-warm hue band tracks local trend direction (falling cool, rising warm), the noise-warped top edge drifts even at rest, and data updates glide the curve to its new shape with a","name":"chart-area-aurora","title":"Chart Area Aurora","type":"registry:ui"},{"description":"Cmd-K palette where fuzzy-match results orbit the input as label pills. Orbital radius is inverse match score, so the gravity sim is the ranking: an empty query leaves every command in calm staggered orbits, typing pulls strong matches into tight fast orbits while weak ones desta","name":"command-palette-orbit","title":"Command Palette Orbit","type":"registry:ui"},{"description":"A jump switcher navigated as a 1D rotary space instead of a ranked list: destinations sit at fixed compass bearings on an invisible ring, and you sweep past them; only the reticle item resolves fully while neighbors compress toward the edges of a periscope slit, with a Geist Mono","name":"command-palette-rotary","title":"Command Palette Rotary","type":"registry:ui"},{"description":"Press-and-hold confirm as a molten wax seal: holding pours a wobbling gooey blob of deep crimson wax onto the document line, hold-complete drops a signet stamp that squashes it into a scalloped, monogrammed seal that cools, darkens and micro-cracks over 2s, while early release sl","name":"confirm-hold-wax","title":"Confirm Hold Wax","type":"registry:ui"},{"description":"A full-screen navigation overlay that is a sheet of paper folded flat into a concertina: opening releases the creases in order, each panel swinging down on its own weight with a nav link riding on it.","name":"crease-fall","title":"Crease Fall","type":"registry:ui"},{"description":"A full-bleed ASCII plasma field rendered twice from one shared scalar field (quantized to glyphs everywhere, and as a true raw-pixel grayscale raster inside a soft circular window), literalizing the real sixel/kitty-graphics-protocol-vs-character-fallback split. The window sweeps","name":"cursor-sixel-reveal","title":"Cursor Sixel Reveal","type":"registry:ui"},{"description":"A full-bleed field where every grid cell carries three thin vertical luminance slivers standing in for an LCD's physical red/green/blue subpixel stripes. Near the cursor, or the idle sweep target when nothing is pointing, the three slivers of a cell splay apart and diverge in val","name":"cursor-subpixel-fringe","title":"Cursor Subpixel Fringe","type":"registry:ui"},{"description":"A full-bleed route curtain modeled on a real Austrian (brail) stage drape: sewn-in-fullness fabric hoisted bottom-up on parallel vertical lift lines, so it doesn't slide flat but gathers into a row of scalloped swags whose bellies deepen and breathe on independent phase-offset si","name":"curtain-austrian-gather","title":"Curtain Austrian Gather","type":"registry:ui"},{"description":"A full-bleed route curtain modeled on the SMPTE Universal Leader film countdown, compressed to preview-card scale and stated as a departure, not a fidelity claim.","name":"curtain-leader-countdown","title":"Curtain Leader Countdown","type":"registry:ui"},{"description":"A full-bleed route curtain modeled on a real theatrical tab (tableau/opera-drape) curtain: the rigging where a line of rings runs on the diagonal from a panel's center-meeting bottom corner up to a fixed tie-off roughly a third of the way up the wing side, so hauling it draws tha","name":"curtain-tab-diagonal","title":"Curtain Tab Diagonal","type":"registry:ui"},{"description":"A full-bleed route curtain modeled on a real theatrical traveler/draw curtain: two overlapping SVG drape panels with sewn-in pleats shaded in value against a muted fabric body, breathing at rest and drawing open toward the wings on their own corded track, with catenary sag and a ","name":"curtain-traveler-draw","title":"Curtain Traveler Draw","type":"registry:ui"},{"description":"A full-bleed tank of ink diffusing in water: a real GPU fluid solver whose coarse velocity field transports a fine dye field, so plumes billow with dense cores, sheets thin as they stretch, tendrils shear off the shoulders and everything dissipates into haze. Drifting injectors, ","name":"dye-whorl","title":"Dye Whorl","type":"registry:ui"},{"description":"A pinned full-bleed tidal flat where scroll position is the water level: bars break surface, the channel drains and pools strand, and scrolling back floods it in exactly the order it emptied.","name":"ebb-flat","title":"Ebb Flat","type":"registry:ui"},{"description":"A full-bleed scanning electron micrograph: a packed micro-landscape of spore grains, rod crystals and draped filaments imaged by a detector simulation rather than a lighting model, so steep facets bloom into glowing rims, crevices fall into hard shadow, and the whole frame is cri","name":"edge-yield","title":"Edge Yield","type":"registry:ui"},{"description":"A full-bleed metal plate eroded by electrical discharge machining: sparks continuously pit the surface with small raised-rim craters that fade back to base as later discharges erode the recast layer, holding the plate at a steady simmer of pockmarks rather than ever saturating.","name":"edm-crater-field","title":"EDM Crater Field","type":"registry:ui"},{"description":"A Wilson cloud chamber for your event stream: each real event condenses into a soft vapor trail (angle by category, length/brightness by magnitude) that diffuses away over seconds, with a paired Geist Mono log so the same stream reads in words.","name":"event-stream-vapor","title":"Event Stream Vapor","type":"registry:ui"},{"description":"A full-bleed ambient background modeling projector gate weave and bounce: a rigid, never-displaced aperture mask against an academy-leader test-pattern frame that drifts on two non-resonant sinusoids and snaps on a real critically-damped-ish spring every claw-pull interval, never","name":"film-gate-weave","title":"Film Gate Weave","type":"registry:ui"},{"description":"A full-bleed dead-broadcast CRT: a live monoscope test signal scanned onto a phosphor face by a timebase that keeps losing its grip, with rolling vertical hold, tear bands, snow and real phosphor persistence.","name":"flyback-tear","title":"Flyback Tear","type":"registry:ui"},{"description":"A full-bleed weighted-Voronoi (Laguerre) foam mesh that coarsens under von Neumann's law (cells with more than six sides grow, fewer shrink and vanish) while its Plateau-border stroke width drains from hairline at the top to thick at the base, slowly re-wetting from below on a re","name":"foam-drain-coarsen","title":"Foam Drain Coarsen","type":"registry:ui"},{"description":"A full-width closing CTA band built on hot foil blocking — a die strikes the headline's terminal word and a rule frame around the primary button, and only transfers foil where temperature AND pressure both clear a hard threshold at once. The spent web indexes forward after every ","name":"foil-block","title":"Foil Block","type":"registry:ui"},{"description":"A hero background where a Physarum-style plasmodium forages the page's own content boxes: trail-following agents flood out from the headline, CTA and logo row, fat veins form where deposition keeps outpacing decay, and starved or moved food sources visibly retract and regrow with","name":"forage-vein","title":"Forage Vein","type":"registry:ui"},{"description":"A scroll-scrubbed, infinitely-looping 3D card gallery: cards hang off a receding gantry track using real CSS perspective/preserve-3d, the whole tray tilts toward the pointer like a specimen table, and whichever card sits nearest the camera (by depth, not mouse distance) gets a pr","name":"gallery-gantry-track","title":"Gallery Gantry Track","type":"registry:ui"},{"description":"A full-bleed stellar photosphere: bright convection cells packed edge to edge, born, swelling against their neighbours, splitting and dying, with the cooled material draining back down the dark intergranular lanes between them and bright flecks flaring in the strongest downdrafts","name":"granule-churn","title":"Granule Churn","type":"registry:ui"},{"description":"Calendar heatmap read as a tide table: one column per week, depth carried by a single-hue ramp mixed from the accent token, with arrow-key navigation.","name":"heatmap-calendar-tide","title":"Heatmap Calendar Tide","type":"registry:ui"},{"description":"A full-bleed 404 hero where the numerals and an orbiting occluding disc are rendered from one shared silhouette at half-cell precision using Unicode quadrant/half-block glyphs (▘▝▖▗▚▞▛▜▙▟█▀▄▌▐), so the disc's curved edge stays crisp instead of stair-stepping at one glyph per cell","name":"hero-404-quadrant-occlusion","title":"Hero 404 Quadrant Occlusion","type":"registry:ui"},{"description":"A full-bleed ASCII hero built around an occlusion event: a dark glyph disc transits a bright sun disc over a fixed starfield, the pointer dragging the transit, and a corona blooms at the rim only as the two centers nearly align, the way a real solar corona is only visible near to","name":"hero-ascii-eclipse","title":"Hero ASCII Eclipse","type":"registry:ui"},{"description":"A full-bleed ASCII hero of dielectric breakdown: a Lichtenberg figure grows site by site up the Laplace potential field, always branching to where the local field is strongest, holds its finished form, then fades as the next strike begins from a new seed.","name":"hero-ascii-lichtenberg","title":"Hero ASCII Lichtenberg","type":"registry:ui"},{"description":"A full-bleed ASCII precipitation hero: every column runs its own independent falling drop with a fixed rows/sec speed and trail length, and the pointer bends nearby streams sideways like wind gusting through rain instead of painting or warping cells directly.","name":"hero-ascii-rainfall","title":"Hero ASCII Rainfall","type":"registry:ui"},{"description":"A full-bleed ASCII hero driven by a live Gray-Scott reaction-diffusion sim, inking only the migrating chemical fronts (the gradient ridge of the V species), so self-organising worm-like fronts crawl as thin bright lines across an otherwise empty field, with the pointer injecting ","name":"hero-ascii-reaction-front","title":"Hero ASCII Reaction Front","type":"registry:ui"},{"description":"A full-bleed ASCII hero built as a real schlieren rig: a rising thermal plume's refractive-index gradient is cut by a hard knife edge, so only the steep density boundaries survive as thin bright and dark bands while the uniform bulk air stays completely blank.","name":"hero-ascii-schlieren","title":"Hero ASCII Schlieren","type":"registry:ui"},{"description":"A full-bleed ASCII hero of a supersonic jet plume: a repeating train of oblique shocks reflecting off the jet boundary draws the classic X-crossed Mach diamonds as thin bright lines in an otherwise empty exhaust, with the pointer acting as the throttle that stretches and compress","name":"hero-ascii-shock-diamonds","title":"Hero ASCII Shock Diamonds","type":"registry:ui"},{"description":"A full-bleed ASCII landscape hero: five ridgelines of deterministic value noise recede toward a horizon, each layer stepping up in frequency, height and ink density the nearer it sits, with the pointer driving parallax so the terrain slides past like a window on a moving vehicle.","name":"hero-ascii-terrain","title":"Hero ASCII Terrain","type":"registry:ui"},{"description":"A full-bleed ASCII perspective-corridor hero: sixteen squircle rings advance toward the viewer on a continuous loop, shaded through a density ramp so depth reads from character weight alone, with the pointer steering the shared vanishing point and the whole corridor tilting to fo","name":"hero-ascii-tunnel","title":"Hero ASCII Tunnel","type":"registry:ui"},{"description":"A full-bleed hero wordmark drawn as a genuine stroke-based vector font, the way an XY vector CRT (Asteroids/Tempest/Vectrex-class arcade hardware, oscilloscope character generators) actually traced text: brightness at every point comes from simulated inverse beam speed, so corner","name":"hero-beam-glyph","title":"Hero Beam Glyph","type":"registry:ui"},{"description":"A copperplate engraving that relights itself: a sphere rendered only as meridian hatch lines whose stroke WIDTH swells with shadow and vanishes to blank paper in the light, with a second cross-hatch pass appearing solely in the dark, and the pointer moving the light source.","name":"hero-burin-hatch","title":"Hero Burin Hatch","type":"registry:ui"},{"description":"A chart-recorder hero: ruled paper feeds left at fixed px/s while a mechanical pen chases the live value through a deliberately underdamped spring, so a spike overshoots, quivers, and settles. That tremor is stamped permanently into the trace.","name":"hero-chart-recorder","title":"Hero Chart Recorder","type":"registry:ui"},{"description":"Cloth-like kinetic type: a headline rasterized once to an offscreen canvas is re-drawn every frame through a warped mesh of spring-loaded nodes, so the cursor drags the type like fabric and release springs it back with damping.","name":"hero-cloth-type","title":"Hero Cloth Type","type":"registry:ui"},{"description":"Full-bleed hero background reproducing Faraday's 1831 discovery: a fluid layer vibrated vertically above a critical amplitude breaks into standing surface waves oscillating at half the driving frequency, tessellating into stripe, square and hexagonal cells that keep reorganizing ","name":"hero-faraday-wave-cell","title":"Hero Faraday Wave Cell","type":"registry:ui"},{"description":"A full-bleed hero where a cloud of monospace glyph particles is packed to fill an arbitrary vector silhouette, breathing and repelling from the pointer at rest, and re-solving on its own into a fresh silhouette on a timer as particles migrate to their new slots.","name":"hero-glyph-silhouette-pack","title":"Hero Glyph Silhouette Pack","type":"registry:ui"},{"description":"Headline as a monochrome particle cloud: the cursor is a gravity well that eats letters into an orbital accretion ring, then releases them to spring back into typeset.","name":"hero-gravity-well","title":"Hero Gravity Well","type":"registry:ui"},{"description":"Hero background of drifting, breathing isobar-like contour lines whose density bunches tightly around the primary CTA and whose whole field leans toward the pointer, so the layout physically reads as a live pressure system centered on the one action that matters.","name":"hero-isobar-contours","title":"Hero Isobar Contours","type":"registry:ui"},{"description":"A letterpress hero whose identity is a terminal lock-up event. Headline glyphs slide in as metal sorts on individually sprung composing rails, then the quoin tightens in one mechanical clunk: letter-spacing compresses, a hairline chase snaps to fit, and an impression flash prints","name":"hero-letterpress-lockup","title":"Hero Letterpress Lockup","type":"registry:ui"},{"description":"A full-width oscilloscope hero: a summed three-harmonic waveform drawn as one continuous box-drawing trace inside a box-drawing frame with a live amplitude/frequency readout, where the pointer injects energy into a real damped wave simulation that rings outward from the touched c","name":"hero-oscilloscope","title":"Hero Oscilloscope","type":"registry:ui"},{"description":"A hero backdrop of a true Penrose P3 rhomb quasicrystal built by Robinson-triangle substitution, drifting through a seamless golden-ratio infinite zoom, with the pointer acting as an inflation lens that resolves the tiling one substitution level finer under the cursor.","name":"hero-penrose-inflate","title":"Hero Penrose Inflate","type":"registry:ui"},{"description":"A recursive-type hero: a giant wordmark rasterized through a block font, with every lit letterform cell subdivided and filled with real readable filler text, so the word is legible from across the room and made of smaller words up close. The pointer acts as a lens, scaling and br","name":"hero-recursive-type","title":"Hero Recursive Type","type":"registry:ui"},{"description":"A full-bleed hero background: a tri-axial superellipsoid sliced by camera-fixed depth planes and spun continuously beneath them, where uniform-spacing slices pile into a bright rim wherever the surface turns tangent to the camera and spread into a dark, sparse interior wherever i","name":"hero-slice-comb","title":"Hero Slice Comb","type":"registry:ui"},{"description":"A hero whose backdrop is pure string art: a few hundred straight chords across a circle under the map i → k*i, whose envelope is an epicycloid caustic that the chords draw without any curve ever being plotted; the pointer's horizontal position continuously morphs k, so cusps spli","name":"hero-string-envelope","title":"Hero String Envelope","type":"registry:ui"},{"description":"A full-bleed hero where readable running text is the geometry itself: seven concentric rings of real words, laid out once by rotating and translating the 2D context per character rather than quantizing to a fixed grid, tapering in true single-point perspective and spinning at dif","name":"hero-text-ring-funnel","title":"Hero Text Ring Funnel","type":"registry:ui"},{"description":"Cursor fluid: moving the pointer through a full-bleed dark field sheds a von Karman vortex street of alternating-sign vortices that drift downstream and decay, revealed by ~600 velocity-aligned tracer streaks; clicking drops a counter-rotating vortex pair that stirs the field for","name":"hero-vortex-street","title":"Hero Vortex Street","type":"registry:ui"},{"description":"A full-bleed background reproducing analog interlaced video's defining artifact: two temporally-offset fields drawn a beat apart, disagreeing on a moving diagonal edge and serrating it into a comb, then periodically re-weaving into one clean frame.","name":"interlace-field-comb","title":"Interlace Field Comb","type":"registry:ui"},{"description":"A footer whose entire surface is a bookbinding building-in machine: three stations set a French groove under a heated brass iron, hold it through a real dwell, and release it with a measured 14% spring-back — the sitemap and legal line sit on the same case tone the groove is cut ","name":"joint-iron","title":"Joint Iron","type":"registry:ui"},{"description":"A hardenability comparison card built on the real ASTM A255 / ISO 642 Jominy end-quench test: a water jet sprays one end of a heated steel bar continuously, a directional quench front creeps up the bar, and hardness falls off with distance from that face along a curve that is eac","name":"jominy-quench","title":"Jominy Quench","type":"registry:ui"},{"description":"A full-bleed ASCII Widmanstätten pattern: interlocking nickel-iron crystal lathes locked to the four octahedral lattice angles, surfacing out of blank metal as a slow diagonal acid-etch front sweeps the surface over about 90 seconds and loops by repolishing the oldest region rath","name":"kamacite-etch","title":"Kamacite Etch","type":"registry:ui"},{"description":"A full-bleed hero built on a subtractive recording mechanic: a soot-coated drum turns beneath a fixed stylus that scratches a bright, permanent trace through the dark coating, while a resmoking brush at the trailing edge repaints the outgoing soot fresh so the drum recirculates f","name":"kymograph-smoke-trace","title":"Kymograph Smoke Trace","type":"registry:ui"},{"description":"Stromatolites accreting upward from the bottom edge of a full-bleed pane: a heightfield of columns competes for a light-occlusion clearance integral cast in a cone toward a slowly arcing light direction, so a few tall domes shade and outgrow their neighbours while a slow sea-leve","name":"lamina-dome","title":"Lamina Dome","type":"registry:ui"},{"description":"Loader as a loom: warp threads span the frame, a shuttle carries the weft back and forth alternating direction per row like real weaving, and progress is the woven cloth accumulating row by row, each pass beaten up against the fell with a small compression bounce.","name":"loader-loom-weave","title":"Loader Loom Weave","type":"registry:ui"},{"description":"A full-bleed gallery driven by a gravity-fed slide magazine: a rotary drum indexes against a detent, releases a plate, and the plate falls into the gate and seats over two decaying bounces.","name":"magazine-drop","title":"Magazine Drop","type":"registry:ui"},{"description":"A full-bleed background built on sputter target erosion: a magnetron's plasma racetrack sweeps back and forth across a target face, slowly grooving it wherever the ring has lingered, rendered as a persistent radial erosion field under a live, non-accumulated glow ring.","name":"magnetron-racetrack-sweep","title":"Magnetron Racetrack Sweep","type":"registry:ui"},{"description":"A full-bleed ambient background reproducing the Railway Post Office catcher-crane mail exchange: a trackside crane holds an outgoing mailbag on a hook, swaying between passes, while a train sweeps through on a fixed cadence, its catcher arm snagging the bag and kicking a replacem","name":"mailbag-hook-exchange","title":"Mailbag Hook Exchange","type":"registry:ui"},{"description":"A dusk hero of ~1500 starlings running true boid separation/alignment/cohesion over their 7 nearest topological neighbours; on a slow clock an invisible falcon makes one pass, and the escape turn it triggers propagates bird-to-bird faster than the flock drifts, shearing a dark de","name":"murmur-shear","title":"Murmur Shear","type":"registry:ui"},{"description":"A 404 built from the ZX Spectrum's real colour-cell attribute clash: each 8x8 hardware cell could carry only one ink/paper colour pair, so image detail finer than the cell budget visibly bled and blocked. This translates that as a monochrome glyph+weight budget (one glyph and one","name":"not-found-attribute-clash","title":"Not Found Attribute Clash","type":"registry:ui"},{"description":"404 numerals rendered as literal absence: destination-out punches the glyphs through a token surface plane to reveal a deep grain void with drifting motes, defined by a bright stencil bevel rim and an inner wall-light glow so the digits read instantly in both themes, edges spring","name":"not-found-knockout","title":"Not Found Knockout","type":"registry:ui"},{"description":"A 404 rendered as returned mail: the failed URL addressed on an envelope that slides in, its routing history stamped hop by hop (edge, origin, router) as sequential ink postmarks, the last hop knocked down with a squash-and-settle NO SUCH ADDRESS hand-stamp and a 1px shake, then ","name":"not-found-postmark","title":"Not Found Postmark","type":"registry:ui"},{"description":"A full-bleed ambient background modeling a web-offset press ink train: ink splits and smears across six rollers from fountain to form, driven by 24 independently drifting fountain-key zones so the field's ribbed banding never converges flat.","name":"offset-fountain-split","title":"Offset Fountain Split","type":"registry:ui"},{"description":"A full-bleed hero background where a web builds in the real orb-weaver sequence: bridge, frame, radii laid hub-outward, a dashed scaffold spiral hub-outward, then a solid capture spiral laid outside-back-to-hub that visibly replaces the scaffold turn by turn. It then rests, tears","name":"orb-web-construction","title":"Orb Web Construction","type":"registry:ui"},{"description":"A full-bleed ambient background modeling real pancake sea-ice formation: circular ice pans nucleate, grow, and drift on open water, and roughly every two seconds one pan's edge visibly rides up over a neighbour's raised rim, crosses, and welds into a permanently thicker doubled f","name":"pancake-lap","title":"Pancake Lap","type":"registry:ui"},{"description":"A full-bleed hero headline reproduced like a photostat camera: each exposure flips the field between a negative and a positive generation, a little softer and thicker than the one before, until a fresh crisp exposure resets the drift.","name":"photostat-reverse","title":"Photostat Reverse","type":"registry:ui"},{"description":"A full-bleed acoustic image of a seabed drawn by a sector beam that sweeps the frame: grazing-lit sand ripples, boulders with shadows stretching radially away from the transducer, range-growing speckle, and a persistence gradient trailing the wedge.","name":"ping-shadow","title":"Ping Shadow","type":"registry:ui"},{"description":"A full-bleed hero background modelled on a plasma globe: filaments reach from a center point to a faint outer ring, each retracting and regrowing toward a new point on its own staggered 1.2-2.6s cadence, with pointer proximity biasing where a filament next reroutes, never when.","name":"plasma-filament-wander","title":"Plasma Filament Wander","type":"registry:ui"},{"description":"Payment submission as an Edwardian cash railway: the amount folds into a wooden cup that catapults along a sagging catenary wire to the cashier post, rocks there while the server settles, then coasts back carrying the receipt and, when there is one, the change or instant refund a","name":"rapid-wire","title":"Rapid Wire","type":"registry:ui"},{"description":"Media reveal that unrolls an image like a bolt of cloth: ~24 vertical strips fan open left-to-right off a rotateY hinge, curled strips converge into a shaded cylinder at the roll's leading edge, and one staggered settle ripple (plus a sheen sweep) crosses the surface once fully u","name":"reveal-cloth-unfurl","title":"Reveal Cloth Unfurl","type":"registry:ui"},{"description":"A full-bleed pane of window frost growing in real time: dendritic ice ferns advance from nucleation points on a fixed 60-degree lattice, sprout side branches, thicken behind their own tips and stop dead where two grains collide, leaving the clear glass between them slowly closing","name":"rime-creep","title":"Rime Creep","type":"registry:ui"},{"description":"Fairy-ring annuli grown from a single consumable, recovering substrate field: fronts expand hollow because they consume the ground they cross and leave it dead behind them, two fronts strand and die along a shared exhausted seam instead of passing through each other, and new ring","name":"ring-graze","title":"Ring Graze","type":"registry:ui"},{"description":"A full-bleed dune-ripple field built on real aeolian bedform migration: each ripple's gentle windward face keeps piling higher until it crosses the angle of repose, its steep lee face avalanches, and the crest kicks one step downwind. Many ripples do this on independent, staggere","name":"ripple-migrate-slip","title":"Ripple Migrate Slip","type":"registry:ui"},{"description":"A full-bleed ambient background modeling first crack in a rotating coffee-roaster drum: beans tumble continuously (carried up the wall by rotation, then cascading back down once they pass their repose angle), and individual beans intermittently crack open at an irregular, cluster","name":"roast-first-crack","title":"Roast First Crack","type":"registry:ui"},{"description":"A full-bleed ambient background modeling CMOS rolling shutter: a vertical rule grid bends into a shifting parallelogram because each virtual sensor row captures the simulated pan at a slightly later instant than the row above it, the readout period accumulating into more displace","name":"rolling-shutter-skew","title":"Rolling Shutter Skew","type":"registry:ui"},{"description":"A flat pool of ASCII glyphs that erupts into a hexagonal lattice of sharp spikes wherever the pointer's field crosses a critical threshold, tracking the cursor with a stiff-up, overdamped-down viscous lag. The Rosensweig instability rendered as a deformable surface, not particles","name":"rosensweig-crest","title":"Rosensweig Crest","type":"registry:ui"},{"description":"Full-bleed hero backdrop modeled on a rotor cipher machine's stepping mechanism: three letter-wheel windows where the right wheel ticks steadily, kicks the middle wheel once per revolution, and the middle wheel occasionally double-steps, moving twice in one beat and dragging the ","name":"rotor-window-bank","title":"Rotor Window Bank","type":"registry:ui"},{"description":"A hash-chained audit log drawn as a chain of Prince Rupert's drops, one per entry, each drop's tail fused into the next drop's head. Tampering with an entry re-derives every hash from that row down, and a single wavefront detonates the drops strictly tailward from the break: late","name":"rupert-snap","title":"Rupert Snap","type":"registry:ui"},{"description":"A full-bleed Chladni plate: forty thousand grains of sand storm across a vibrating steel field and collapse onto the nodal lines of a real plate mode every time the sweeping drive frequency lands on a resonance, then break apart into a different figure as it leaves.","name":"sand-lock","title":"Sand Lock","type":"registry:ui"},{"description":"Scroll-scrubbed defroster: a pinned full-bleed image behind rippled shower glass anneals from heavy frost with chromatic fringing to optical clarity, sealed by a specular sweep.","name":"scroll-defrost","title":"Scroll Defrost","type":"registry:ui"},{"description":"Pinned scroll story: the viewport becomes a geological core cross-section and scroll drives a drill bit descending through procedurally banded strata, with content panels crossfading per band and a mono HUD ticking depth.","name":"scroll-story-strata","title":"Scroll Story Strata","type":"registry:ui"},{"description":"Destructive-action confirm rendered as a foundry shakeout conveyor: a green-sand mould loses cohesion under vibration and crumbles away to reveal the casting, unforced and looping at rest, with a click-arm-then-confirm gesture layered on top to actually commit.","name":"shakeout-crumble","title":"Shakeout Crumble","type":"registry:ui"},{"description":"A full-bleed Kelvin-Helmholtz shear layer: two stratified layers slide past each other, the interface between them ripples, steepens, curls into a train of spiral billows and shreds into turbulence downstream, regenerating continuously with no input at all.","name":"shear-billow","title":"Shear Billow","type":"registry:ui"},{"description":"A full-screen search overlay built as a gyratory sieve shaker: the corpus is a charge of grain lying on five stacked screens, the query is the grain SIZE, and every keystroke re-sizes the charge so weak matches drop through the mesh deck by deck into the pan while strong ones rid","name":"sieve-throw","title":"Sieve Throw","type":"registry:ui"},{"description":"Precision-tuning slider whose readout is a plate of a few thousand sand grains: off target they churn in a formless haze, on target they lock into a crisp symmetric Chladni figure and hold still. Distance-to-correct read as pattern coherence, not a number.","name":"slider-chladni-tune","title":"Slider Chladni Tune","type":"registry:ui"},{"description":"A file dropzone that identifies a specimen the way a machinist reads unknown steel: an idle grinding-wheel spark shower runs continuously, and the detected file type sets a characteristic spark signature of burst count, fork depth, and carrier length.","name":"spark-test-id","title":"Spark Test ID","type":"registry:ui"},{"description":"A full-bleed ambient background reproducing a gravity spiral chute, the helical slide used to move bulk parcels/mail sacks between floors in sorting facilities and department-store stockrooms without powered conveyance. Parcels drop in at the top, descend the helix in continuous ","name":"spiral-chute-accrete","title":"Spiral Chute Accrete","type":"registry:ui"},{"description":"A full-bleed background modelling vacuum thin-film deposition on a planetary carrier: 8 mirror/lens blanks each orbit a fixed 30-degree source arc every 3.5s, each pass stepping that blank's reflectance up a notch along a real quarter-wave-stack recursion, staggered swaps keeping","name":"stack-step-carousel","title":"Stack Step Carousel","type":"registry:ui"},{"description":"A vinyl sticker you can actually peel: drag a corner and the printed face lifts on a moving fold line, exposing a pale adhesive underside with a sweeping specular sheen; release early and it re-sticks with one slappy flap, drag past 70% and it tears free, flutters under air resis","name":"sticker-peel","title":"Sticker Peel","type":"registry:ui"},{"description":"Success moment as magnetism: a field of drifting iron filings snaps to attention when the action confirms, migrating and aligning to draw the checkmark as revealed field lines, with a halo of off-path filings rotating to the local field direction.","name":"success-iron-filings","title":"Success Iron Filings","type":"registry:ui"},{"description":"A payment/deploy/publish success moment built on supercooling: pending is a canvas particle field in faint restless Brownian shimmer, and the instant it resolves a nucleation flash fires at the exact point pressed and dendritic crystal growth races outward, freezing the shimmer s","name":"success-nucleation","title":"Success Nucleation","type":"registry:ui"},{"description":"A success moment built on a plumb bob instead of confetti or a checkmark: the bob drops, overshoots into a damped pendulum swing, and the instant it settles collinear with a fixed datum line, a level line draws outward from its tip and the success text rises onto it.","name":"success-plumb-bob","title":"Success Plumb Bob","type":"registry:ui"},{"description":"A full-bleed ambient background modeling Macrotermes mound thermosiphon ventilation: a fixed network of surface ridge conduits, generated once from a central chimney and never re-grown, visibly fills and drains with flow in alternating directions over a slow 42s diurnal cycle dri","name":"termite-ventilation-shafts","title":"Termite Ventilation Shafts","type":"registry:ui"},{"description":"The cursor is a river: dragging across a live topographic map carves a channel into the heightfield, marching-squares isolines reflowing into canyon walls with a faint waterline; release and sediment heals the terrain back over ~6 seconds. At rest the sheet stays alive: contours ","name":"terrain-erosion-carve","title":"Terrain Erosion Carve","type":"registry:ui"},{"description":"A headline that ambiently collapses character by character into a scattered field of noise glyphs below it, then climbs back into place. Hovering forces an immediate, amplified cascade.","name":"text-ascii-cascade","title":"Text ASCII Cascade","type":"registry:ui"},{"description":"A frosted prism strip rides the cursor across a headline, magnifying the text beneath it and tearing it into velocity-driven RGB channel slices that snap back with spring overshoot.","name":"text-prism-split","title":"Text Prism Split","type":"registry:ui"},{"description":"Headline rendered as running-stitch embroidery: the cursor is a seam ripper that picks a letter's stitches loose into a gravity-swayed dangling thread, lingering unravels it into a static pile, and a click (or the Re-sew button) sews it back in.","name":"text-stitch-unpick","title":"Text Stitch Unpick","type":"registry:ui"},{"description":"A full-bleed pane of crustose lichen: a dozen colonies grow lobed radial fronts across a shared occupancy lattice, stall on contact, occasionally creep over a markedly slower rival, and senesce from the centre outward to reopen ground the mosaic keeps renegotiating on a scale of ","name":"thallus-siege","title":"Thallus Siege","type":"registry:ui"},{"description":"A toast stack that behaves like a Newton's cradle: a new toast swings in and strikes the queue, a fast domino of shunts carries the impact down the stack, and past capacity that momentum visibly ejects the oldest toast off the far end.","name":"toast-newton-cradle","title":"Toast Newton Cradle","type":"registry:ui"},{"description":"A layout transition swept by a user-driven, reversible dissolve front: outgoing content frays into a band of ASCII glyph noise ahead of the front, incoming content resolves out of that same noise behind it, and dragging the front back un-happens the transition exactly as far as y","name":"transition-ascii-dissolve","title":"Transition ASCII Dissolve","type":"registry:ui"},{"description":"A layout transition where the outgoing panel crumbles into a few thousand token-colored grains that fall under gravity, funnel toward the incoming panel's matching regions, and settle there while the crisp new DOM (already fully mounted and focused) shows through: conservation of","name":"transition-panel-crumble","title":"Transition Panel Crumble","type":"registry:ui"},{"description":"A full-bleed section-divider band built on a bubble-cap distillation column tray: a stack of trays froths continuously as vapor bubbles up through submerged caps, liquid creeps toward a weir and spills to the tray below, and any cap running short on vapor visibly weeps liquid bac","name":"tray-weep","title":"Tray Weep","type":"registry:ui"},{"description":"A full-bleed rock face worked by a rotary tricone bit: three cone cutters orbit the bit centre in a fixed 120-degree pattern, each tooth row stamping a crater cluster into the face that heals back to flat before the next pass, so the surface reads as a ring being continuously wor","name":"tricone-bit-teeth","title":"Tricone Bit Teeth","type":"registry:ui"},{"description":"A full-bleed pricing surface built as a spillway: three plans stand in one rising reservoir as dams of different crest heights, and the volume slider raises a single shared water level until a plan's crest is overtopped and pours, which is exactly the moment its overage starts co","name":"weir-crest","title":"Weir Crest","type":"registry:ui"},{"description":"A full-bleed liquid-metal hero whose headline is summed into the shader's height field rather than layered over it, so the letterforms are lit, warped and dented by the same molten surface they sit in.","name":"weld-pool","title":"Weld Pool","type":"registry:ui"},{"description":"A full-bleed hero built on a real grain-cleaning mechanic: winnowing. A mixed charge of grain and chaff falls through a steady crosswind: heavy grain's momentum wins over drag and it drops in a tight, near-vertical column, while light chaff loses to the wind and fans out laterall","name":"winnow-chaff-drift","title":"Winnow Chaff Drift","type":"registry:ui"}]},"nxui":{"favicon":"/favicons/nxui.svg","items":[{"description":"A text component that scrambles letters before revealing the final text on hover or load.","name":"hyper-text","title":"Hyper Text","type":"registry:ui"},{"description":"A kinetic text reveal that segments text into words, characters, or lines and animates each into place with configurable direction, stagger, and blur.","name":"kinetic-text-reveal","title":"Kinetic Text Reveal","type":"registry:ui"},{"description":"Versatile text animation component with multiple animation types and split modes.","name":"text-animate","title":"Text Animate","type":"registry:ui"},{"description":"A manifesto you scroll through: text sections float in 3D space, dissolve as you pass through them, and warp with scroll velocity.","name":"depth-dive","title":"Depth Dive","type":"registry:ui"},{"description":"Blurs every word but one and marks it with brackets, a box, an underline or a highlight that glides or springs between words.","name":"true-focus","title":"True Focus","type":"registry:ui"},{"description":"Text marquee rows whose speed follows scroll velocity; rows can lean, stretch, be thrown with inertia and alternate outlined text.","name":"scroll-based-velocity","title":"Scroll Based Velocity","type":"registry:ui"},{"description":"A moving gradient beam that travels along the border of its container.","name":"border-beam","title":"Border Beam","type":"registry:ui"},{"description":"A canvas-based noise texture overlay for adding grain and texture to backgrounds.","name":"noise-texture","title":"Noise Texture","type":"registry:ui"},{"description":"A button that starts to fizz as your pointer approaches, then floods with rising particles and inverts on hover.","name":"fizzy-button","title":"Fizzy Button","type":"registry:ui"},{"description":"A pill button filled with drifting neon lines from a WebGL shader that tighten and scatter while pressed.","name":"chaos-button","title":"Chaos Button","type":"registry:ui"},{"description":"A button with a shimmer/shine animation effect.","name":"shimmer-button","title":"Shimmer Button","type":"registry:ui"},{"description":"A button with an interactive hover state that reveals a secondary layer.","name":"interactive-hover-button","title":"Interactive Hover Button","type":"registry:ui"},{"description":"Card lit by a soft spotlight that follows the pointer, catches its edge and reaches nearby cards.","name":"spotlight-card","title":"Spotlight Card","type":"registry:ui"},{"description":"A card with 3D tilt effect that responds to mouse movement.","name":"showcase-card","title":"Showcase Card","type":"registry:ui"},{"description":"Animated handwriting effect that converts text to font glyph paths and reveals them with staggered SVG stroke animations.","name":"signature","title":"Signature","type":"registry:ui"},{"description":"The iconic Matrix digital rain effect rendered on canvas.","name":"matrix-rain","title":"Matrix Rain","type":"registry:ui"},{"description":"An interactive pixel grid that responds to mouse movement.","name":"pixel-canvas","title":"Pixel Canvas","type":"registry:ui"},{"description":"An infinite scrolling marquee of testimonial cards.","name":"testimonial-marquee","title":"Testimonial Marquee","type":"registry:ui"},{"description":"A field of magnetic lines that swing toward the cursor, ripple outward and spin with every click.","name":"magnet-lines","title":"Magnet Lines","type":"registry:ui"},{"description":"A morphing liquid blob that follows the cursor.","name":"liquid-blob","title":"Liquid Blob","type":"registry:ui"},{"description":"A dithered gradient effect rendered on canvas.","name":"dither-gradient","title":"Dither Gradient","type":"registry:ui"},{"description":"A swirling 3D particle galaxy effect that responds to mouse movement.","name":"particle-galaxy","title":"Particle Galaxy","type":"registry:ui"},{"description":"An animated node diagram with glowing data pulses flowing through connections.","name":"node-diagram","title":"Node Diagram","type":"registry:ui"},{"description":"An animated authentication modal with sign in and sign up tabs.","name":"auth-modal","title":"Auth Modal","type":"registry:ui"},{"description":"A spotlight-style command palette with keyboard shortcuts.","name":"command-menu","title":"Command Menu","type":"registry:ui"},{"description":"An animated card displaying real-time flight information.","name":"flight-status-card","title":"Flight Status Card","type":"registry:ui"},{"description":"A GitHub-style contribution heatmap calendar with optional top-contribution chips.","name":"github-calendar","title":"GitHub Calendar","type":"registry:ui"},{"description":"An editorial gallery where classic paintings alternate with headline text that melts into ink through a gooey SVG filter.","name":"art-gallery","title":"Art Gallery","type":"registry:ui"},{"description":"A macOS-style dock with magnetic hover magnification effect.","name":"magnetic-dock","title":"Magnetic Dock","type":"registry:ui"},{"description":"A scroll-driven card carousel with parallax depth and momentum-based navigation.","name":"collection-surfer","title":"Collection Surfer","type":"registry:ui"},{"description":"A dithered geometric gradient hero section powered by Three.js shaders with simplex noise and Bayer dithering.","name":"hero-geometric","title":"Hero Geometric","type":"registry:ui"},{"description":"A beautiful, animated, and customizable WebGL gradient with noise capabilities. Supports built-in presets and fully custom configurations.","name":"animated-gradient","title":"Animated Gradient","type":"registry:ui"},{"description":"A prismatic dithered hero section with advanced WebGL shaders featuring ordered dithering, holographic iridescence, and floating particles.","name":"dither-prism-hero","title":"Dither Prism Hero","type":"registry:ui"},{"description":"A premium liquid hero background powered by raw WebGL shaders, with configurable palette, grain, reveal timing, and flow behavior.","name":"webgl-liquid","title":"WebGL Liquid","type":"registry:ui"},{"description":"A premium footer-ready plasma background with atmospheric noise and smooth pointer-driven flow.","name":"closing-plasma","title":"Closing Plasma","type":"registry:ui"},{"description":"A button with a pulsating ring animation that draws attention.","name":"pulsating-button","title":"Pulsating Button","type":"registry:ui"},{"description":"Glitching text in four styles: sliced bands, jittering RGB split, a scanning tear or swapped glyphs, with intensity, skew, flicker and click bursts.","name":"glitch-text","title":"Glitch Text","type":"registry:ui"},{"description":"Text around a spinning ring that reacts to hover, can be flung with inertia, tilts toward the cursor in 3D and holds an icon in the middle.","name":"circular-text","title":"Circular Text","type":"registry:ui"},{"description":"Letters slide past as a reel, flip in 3D or spin with motion blur through random glyphs before they land.","name":"shuffle","title":"Shuffle","type":"registry:ui"},{"description":"A band of light that sweeps across text, from a soft sheen to chrome-like bands, on a loop, on hover, in view or following the pointer.","name":"shiny-text","title":"Shiny Text","type":"registry:ui"},{"description":"Living gradients inside text: a sliding sweep, a drifting mesh or a swinging conic fan, with glow, border and colors that follow the cursor.","name":"gradient-text","title":"Gradient Text","type":"registry:ui"},{"description":"Animated number counter that counts or rolls like an odometer, with formatting, decimals and compact units.","name":"count-up","title":"Count Up","type":"registry:ui"},{"description":"Splits text into letters, words or lines that rise, flip, pop, blur, skew or wave in, loop, replay on hover or click, and lift under the cursor.","name":"split-text","title":"Split Text","type":"registry:ui"},{"description":"Text that blurs into focus by word or letter, with zoom, tilt, focus and drift effects, loop, hover or click replay and a start color.","name":"blur-text","title":"Blur Text","type":"registry:ui"},{"description":"Cycles through words letter by letter with slide, flip, blur, scale or drop swaps, optionally on a highlight block that resizes to fit.","name":"rotating-text","title":"Rotating Text","type":"registry:ui"},{"description":"Typewriter text with a gliding, softly blinking cursor, per-letter fade, blur or rise, corrected typos and an optional fixed prefix.","name":"text-type","title":"Text Type","type":"registry:ui"},{"description":"Canvas text that jitters in shifted strips, resolves out of static, splits into color fringes, and reacts to hover or clicks.","name":"fuzzy-text","title":"Fuzzy Text","type":"registry:ui"},{"description":"Text that cycles random glyphs before resolving, with flip-board and fade effects, a decoding accent color, loops and cursor-local scrambling.","name":"decrypted-text","title":"Decrypted Text","type":"registry:ui"},{"description":"Letters gain variable-font weight near the cursor and can shift color, grow and rise; an idle wave of weight runs while the cursor is away.","name":"variable-proximity","title":"Variable Proximity","type":"registry:ui"},{"description":"Variable-font letters that swell near the cursor, with click ripples, idle wave or pulse motion and a pressure color.","name":"text-pressure","title":"Text Pressure","type":"registry:ui"},{"description":"Text that reveals by word, letter or line on scroll, fading, rising, flipping or popping in, with an optional accent highlight.","name":"scroll-reveal","title":"Scroll Reveal","type":"registry:ui"},{"description":"Scroll-linked heading whose letters float, flip, scatter, blur or wave into place, by letter or word, in any order and from an accent color.","name":"scroll-float","title":"Scroll Float","type":"registry:ui"},{"description":"Text or emoji that trails the pointer as stamped copies, a following chain or a ribbon of letters, then pulls back when it stops.","name":"text-cursor","title":"Text Cursor","type":"registry:ui"},{"description":"Text that decodes into view, then scrambles, rises, blurs or swells like a lens near the cursor; a click sends a scramble wave through it.","name":"scrambled-text","title":"Scrambled Text","type":"registry:ui"},{"description":"Looping marquee text along an arc, wave, ring or line, with drag-to-fling, outlined letters, accent separators and a scroll boost.","name":"curved-loop","title":"Curved Loop","type":"registry:ui"},{"description":"Draggable looping strip of logos with a soft edge fade, intro, wave, arc and 3D orbit paths, center lens, dock magnify and labels.","name":"logo-loop","title":"Logo Loop","type":"registry:ui"},{"description":"A soft, calm aurora that flows across the top of the page and drifts toward the cursor.","name":"aurora","title":"Aurora","type":"registry:ui"},{"description":"Animated grid of squares with directional movement and hover interaction.","name":"squares","title":"Squares","type":"registry:ui"},{"description":"A calm field of letters that flicker, scramble and glitch in color, stirred by the cursor and torn by clicks.","name":"letter-glitch","title":"Letter Glitch","type":"registry:ui"},{"description":"Liquid iridescent surface with shifting folds that you can stir with the cursor.","name":"iridescence","title":"Iridescence","type":"registry:ui"},{"description":"Soft ribbons of liquid chrome that swirl through a dark pool, ripple under the cursor and catch the light as it moves.","name":"liquid-chrome","title":"Liquid Chrome","type":"registry:ui"},{"description":"The swirling Balatro paint shader with crisp pixels, a cursor that stirs the paint, click whirlpools and an optional CRT look.","name":"balatro","title":"Balatro","type":"registry:ui"},{"description":"Dense flowing lines that sway like silk, bend around the cursor and spring back, with click ripples, dashed lines and rotation.","name":"waves","title":"Waves","type":"registry:ui"},{"description":"Flowing threads that fray apart and part around the cursor, from fine silk to contour lines.","name":"threads","title":"Threads","type":"registry:ui"},{"description":"A glowing ring of swirling color that breathes, trails an orbiting light, reaches toward the cursor and pulses on click.","name":"orb","title":"Orb","type":"registry:ui"},{"description":"Flowing satin folds with glossy highlights that turn toward the cursor and ripple on click.","name":"silk","title":"Silk","type":"registry:ui"},{"description":"Waves of fine glowing lines that drift, part around the cursor and curl into a swirl when you click.","name":"floating-lines","title":"Floating Lines","type":"registry:ui"},{"description":"Glossy ribbons that ripple and catch a glowing light, which follows your cursor along the beams.","name":"beams","title":"Beams","type":"registry:ui"},{"description":"A silky veil of light that drifts in the dark and bends around the cursor, in any color, with a light-mode ink variant.","name":"dark-veil","title":"Dark Veil","type":"registry:ui"},{"description":"A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.","name":"faulty-terminal","title":"Faulty Terminal","type":"registry:ui"},{"description":"Satin gradient blinds lit by a cursor spotlight that sway, turn toward the light and ripple on click.","name":"gradient-blinds","title":"Gradient Blinds","type":"registry:ui"},{"description":"Bands of color that bend and fold into each other in a slow, flowing warp that leans toward the cursor.","name":"color-bends","title":"Color Bends","type":"registry:ui"},{"description":"A swirling pillar of light that ignites on load, leans toward the cursor and surges on click.","name":"light-pillar","title":"Light Pillar","type":"registry:ui"},{"description":"Volumetric light rays from any edge with source glow and haze. The cursor steers the beam and casts a shadow; clicks send a wave of light.","name":"light-rays","title":"Light Rays","type":"registry:ui"},{"description":"Shafts of light that fan in from a corner or side, shimmer slowly and lean toward the cursor.","name":"side-rays","title":"Side Rays","type":"registry:ui"},{"description":"Streaks of light falling down a curved tunnel, bending around the cursor and stretching into warp trails on hold.","name":"lightfall","title":"Lightfall","type":"registry:ui"},{"description":"A crisp grid that ripples like water, bending and lighting up as waves pass through it, with dot, cross and floor styles.","name":"ripple-grid","title":"Ripple Grid","type":"registry:ui"},{"description":"WebGL image transitions with noisy refractive waves, chromatic edges, glow, and click-triggered ripple origins.","name":"ripple-transition","title":"Ripple Transition","type":"registry:ui"},{"description":"A signing canvas whose ink disintegrates into physics particles — Thanos Snap, Black Hole, Explosion, Wind Sweep, and Rewind effects.","name":"signature-eraser","title":"Signature Eraser","type":"registry:ui"},{"description":"A looping pixel-art ocean swell rendered on a dark LED grid of colored patches, morphing through crest, trough, fade, and rebuild.","name":"pixel-wave","title":"Pixel Wave","type":"registry:ui"},{"description":"A vertical process timeline with a single rail, spinning in-progress markers, drawn-in checks and nested sub-steps that unfold under the active step.","name":"progress-stepper","title":"Progress Stepper","type":"registry:ui"},{"description":"A media list that rests as an overlapping deck and fans into a full column on hover, with the first row anchoring the stack.","name":"stacked-list","title":"Stacked List","type":"registry:ui"},{"description":"A segmented character input rendered as a row of circular cells that auto-types words, collapses to a single circle, and spreads back out.","name":"circle-input","title":"Circle Input","type":"registry:ui"},{"description":"A color swatch that blooms into a radial rosette of hue and pastel petals with a vertical lightness arc.","name":"color-picker","title":"Color Picker","type":"registry:ui"},{"description":"A pill trigger whose menu items stretch out of it with a gooey metaball merge before snapping into discrete buttons.","name":"gooey-dropdown","title":"Gooey Dropdown","type":"registry:ui"},{"description":"A grabbable sheet of simulated cloth draped in an iridescent holo-foil material, floating in zero gravity.","name":"holo-cloth","title":"Holo Cloth","type":"registry:ui"},{"description":"Pixel-art snowflakes drifting down in layers of depth, brushed aside by the cursor.","name":"pixel-snow","title":"Pixel Snow","type":"registry:ui"},{"description":"A burst of prismatic light rays that leans toward the cursor and sends a wave of light outward on click.","name":"prismatic-burst","title":"Prismatic Burst","type":"registry:ui"},{"description":"A glowing liquid that swirls under the cursor, colored by how fast it flows, with an intro sweep, click puffs and a light mode.","name":"liquid-ether","title":"Liquid Ether","type":"registry:ui"},{"description":"Dithered pixel clouds that drift, shimmer and light up under the cursor, with ripples, six shapes and a perspective floor.","name":"pixel-blast","title":"Pixel Blast","type":"registry:ui"},{"description":"A springy dot grid that the cursor flicks and drags through like jelly, with click shockwaves.","name":"dot-grid","title":"Dot Grid","type":"registry:ui"},{"description":"Image background that breaks into a grid of blocks under the cursor and settles back into place.","name":"grid-distortion","title":"Grid Distortion","type":"registry:ui"},{"description":"A tilted wall of drifting tiles that slides with the pointer and lights up where it rests.","name":"grid-motion","title":"Grid Motion","type":"registry:ui"},{"description":"Reveals its content on scroll with slides, blur, rotation, 3D tilts, soft wipes, staggered children, scroll-linked progress and a mount trigger.","name":"animated-content","title":"Animated Content","type":"registry:ui"},{"description":"Fades content in on scroll: plain, out of focus, from washed-out gray, or through grain, mist and pixel blocks, with stagger and scrub.","name":"fade-content","title":"Fade Content","type":"registry:ui"},{"description":"Bursts of sparks on every click, as dashes, comets, dots or stars, that can spill around buttons and fire from code.","name":"click-spark","title":"Click Spark","type":"registry:ui"},{"description":"A star that glides around the outline of a button, pill or card with a fading trail, hover laps and a click pulse.","name":"star-border","title":"Star Border","type":"registry:ui"},{"description":"Elements lean toward the cursor on a spring, with tilt, scale, axis locking and a movement cap; only the nearest magnet reacts.","name":"magnet","title":"Magnet","type":"registry:ui"},{"description":"Progressive edge blur for headers, footers and carousels, with a fade to color, hover to clear, and auto-hide at the ends of a scroll.","name":"gradual-blur","title":"Gradual Blur","type":"registry:ui"},{"description":"A glossy light streak that sweeps across any element in the direction the cursor moves, with a glinting rim edge.","name":"glare-hover","title":"Glare Hover","type":"registry:ui"},{"description":"Retro pixel dissolve that covers a card in pixels, swaps to the second slot and clears again, with ripple, wipe and dither patterns.","name":"pixel-transition","title":"Pixel Transition","type":"registry:ui"},{"description":"Wraps any element in crackling strands of current that surge near the cursor, jolt on click and leap off in sparks.","name":"electric-border","title":"Electric Border","type":"registry:ui"},{"description":"Liquid metaballs that merge, stretch and pinch apart, with a cursor blob that pushes through them and splashes on click.","name":"meta-balls","title":"Meta Balls","type":"registry:ui"},{"description":"A 3D liquid blob cursor that stretches into a tail, drips and bursts into droplets on click, in chrome, jelly, pearl or ink.","name":"blob-cursor","title":"Blob Cursor","type":"registry:ui"},{"description":"A crisp logo or shape that drifts out of focus under the pointer like a camera lens.","name":"shape-blur","title":"Shape Blur","type":"registry:ui"},{"description":"Pile of cards you can drag, flick or click through, with thrown cards tucking underneath.","name":"stack","title":"Stack","type":"registry:ui"},{"description":"A 3D card that tilts toward the cursor, with glare, a soft shadow, floating depth layers and a flip side.","name":"tilted-card","title":"Tilted Card","type":"registry:ui"},{"description":"Two timezone tools: a meeting-overlap hour grid with a draggable scrubber, and a dark world clock scrubbed by a tick ruler.","name":"timezone-companion","title":"Timezone Companion","type":"registry:ui"},{"description":"A weather card with a colored condition orb glowing behind frosted glass, unit toggle, and hover-driven day chips.","name":"weather-forecast","title":"Weather Forecast","type":"registry:ui"},{"description":"An image card drawn with WebGL that tears and melts as the pointer moves, then pulls itself back together.","name":"decay-card","title":"Decay Card","type":"registry:ui"},{"description":"Renders any logo as a Floyd-Steinberg dithered particle field with cursor repulsion and click ripples.","name":"dithered-logo","title":"Dithered Logo","type":"registry:ui"},{"description":"macOS style dock with spring magnification, launch hop, badges, auto hide, right-click menus with submenus, on any edge.","name":"dock","title":"Dock","type":"registry:ui"},{"description":"Auto-playing vertical stepper with growing connector bars and a crossfading preview card.","name":"visual-stepper","title":"Visual Stepper","type":"registry:ui"},{"description":"An infinite scroll-driven portfolio carousel drawn through a liquid-glass lens, with focus mode and an entry animation.","name":"liquid-glass-carousel","title":"Liquid Glass Carousel","type":"registry:ui"},{"description":"Engraving-style bento cards with duotone tints, serif captions, and an ironbow thermal card whose procedural heat field rises and falls over the artwork.","name":"banknote-bento","title":"Banknote Bento","type":"registry:ui"},{"description":"Typing transition where words get staggered outline boxes while a solid accent cursor block sweeps across, scrambling characters before they settle.","name":"typer-text","title":"Typer Text","type":"registry:ui"},{"description":"Expandable podcast episode card driving a real audio element — waveform seek with hover scrubber, chapters, speed cycling, volume, and a compact pill mode.","name":"podcast-player","title":"Podcast Player","type":"registry:ui"},{"description":"Vintage slide-viewer that cycles through memories while a fan of polaroid thumbnails arcs around it and a year + serif title crossfade underneath.","name":"nostalgia","title":"Nostalgia","type":"registry:ui"},{"description":"Table of contents with an SVG rail that snakes through nesting levels and a dot that glides along the curve to the active entry.","name":"animated-toc","title":"Animated TOC","type":"registry:ui"},{"description":"Accordion whose opened row detaches into its own card while an aurora gradient blooms behind the answer.","name":"aurora-accordion","title":"Aurora Accordion","type":"registry:ui"},{"description":"Accordion with a playful spring bounce — the open row detaches from its neighbors with animated corner radii and a gap that springs apart.","name":"bouncy-accordion","title":"Bouncy Accordion","type":"registry:ui"},{"description":"An input bar bent along an arc, with text, caret and submit button that all follow the curve.","name":"curved-input","title":"Curved Input","type":"registry:ui"},{"description":"List navigation with a marker rail; items near the cursor shift, tint and grow their markers, and the clicked item stays lit.","name":"line-sidebar","title":"Line Sidebar","type":"registry:ui"},{"description":"WebGL2 hero gradient — three colors swirled through sixteen iterations of sinusoidal distortion, tracking light and dark mode automatically.","name":"prism-gradient","title":"Prism Gradient","type":"registry:ui"},{"description":"Premium WebGL hero with satin-dark aurora ribbons, pearlescent highlights, fine film grain, and cursor depth.","name":"silk-aurora","title":"Silk Aurora","type":"registry:ui"},{"description":"Slide-in drawer whose inner edge bulges with velocity via SVG path morphing, settling straight at rest.","name":"curved-drawer","title":"Curved Drawer","type":"registry:ui"},{"description":"Navbar that collapses into a compact pill on scroll, morphing to show the active section and reading progress.","name":"dynamic-island-header","title":"Dynamic Island Header","type":"registry:ui"},{"description":"Drag-to-reorder list with lift, tilt, shadow, and an empty-space cutout drop indicator.","name":"drag-reorder-list","title":"Drag Reorder List","type":"registry:ui"},{"description":"A slider that grows under the cursor and stretches like rubber when pulled past either end, then springs back.","name":"elastic-slider","title":"Elastic Slider","type":"registry:ui"},{"description":"A fan of photo cards that bounce in, then spread apart and straighten the one you hover.","name":"bounce-cards","title":"Bounce Cards","type":"registry:ui"},{"description":"A card whose canvas pixels reveal in a glowing wave from the center or cursor, on hover, click or always on, with a cursor spotlight.","name":"pixel-card","title":"Pixel Card","type":"registry:ui"},{"description":"Frosted notification panel with badged bell trigger, spring-animated rows that expand in place, and live relative timestamps.","name":"notification-center","title":"Notification Center","type":"registry:ui"},{"description":"Bottom navigation where content melts into a progressive frosted-glass gradient, with a serif search pill and spring-animated tabs.","name":"frosted-navigation","title":"Frosted Navigation","type":"registry:ui"},{"description":"XMB-style cross-media navigation with a sliding category rail, glowing pill cursor, and full arrow-key control.","name":"playstation-navbar","title":"PlayStation Navbar","type":"registry:ui"},{"description":"A multi-step flow in a frosted panel with a gliding step indicator, spring transitions and number, dot, bar or vertical layouts.","name":"stepper","title":"Stepper","type":"registry:ui"},{"description":"Swipeable spring-physics cards with five transitions, dots, timer bars or a counter, autoplay, loop and photo cards.","name":"carousel","title":"Carousel","type":"registry:ui"},{"description":"A full-height menu with one liquid band that glides and stretches between rows and reveals a scrolling marquee of each item.","name":"flowing-menu","title":"Flowing Menu","type":"registry:ui"},{"description":"3D posters that twist and flip as you scroll or drag through an endless column.","name":"flying-posters","title":"Flying Posters","type":"registry:ui"},{"description":"A curved WebGL image gallery you can drag, scroll or tab through, with cards that open to the full image.","name":"circular-gallery","title":"Circular Gallery","type":"registry:ui"},{"description":"An odometer-style number whose digits roll on springs to each new value, with motion blur, an intro spin and Intl formatting.","name":"counter","title":"Counter","type":"registry:ui"},{"description":"Scrolling list whose rows spring in from the edge they scroll in from, with a gliding selection ring and arrow-key navigation.","name":"animated-list","title":"Animated List","type":"registry:ui"},{"description":"3D folder that drops its flap open or swings open like a book, in solid, glass or matte, with pages you can zoom, drag out and drop back in.","name":"folder","title":"Folder","type":"registry:ui"},{"description":"Liquid glass icons that bend the color behind them, for app grids, docks and social links.","name":"glass-icons","title":"Glass Icons","type":"registry:ui"},{"description":"A navigation bar whose active pill breaks into goo that flows over to the item you pick.","name":"gooey-nav","title":"Gooey Nav","type":"registry:ui"},{"description":"A logo bubble and round menu button that pop open large tilted pill links with a staggered scale-in.","name":"bubble-menu","title":"Bubble Menu","type":"registry:ui"},{"description":"A 3D stack of cards that sends the front card to the back on a timer, or when you drag and fling it.","name":"card-swap","title":"Card Swap","type":"registry:ui"},{"description":"A grid of grayscale photo cards where a spotlight follows the cursor and brings back color.","name":"chroma-grid","title":"Chroma Grid","type":"registry:ui"},{"description":"A bento grid of feature cards with live artwork, edge light that follows the cursor and a click wave across the grid.","name":"magic-bento","title":"Magic Bento","type":"registry:ui"},{"description":"A masonry gallery that springs tiles into place, reflows on resize, reorders by drag and opens images in a lightbox.","name":"masonry","title":"Masonry","type":"registry:ui"},{"description":"A navigation bar that springs open into a row of cards, each with its own links.","name":"card-nav","title":"Card Nav","type":"registry:ui"},{"description":"Liquid glass that bends what is behind it, in a rounded panel or any logo shape, with SVG or WebGL refraction.","name":"glass-surface","title":"Glass Surface","type":"registry:ui"},{"description":"A framed profile card that tilts toward the cursor, with holographic foil shining through a tiled pattern.","name":"profile-card","title":"Profile Card","type":"registry:ui"},{"description":"A checkout state that turns payment processing into a printed order receipt, with a stepped paper feed, a status screen and a serrated paper tear.","name":"receipt-printer","title":"Receipt Printer","type":"registry:ui"},{"description":"A WebGL2 metal ID card that reflects a looping video or your camera, tilts toward the cursor and catches a moving light.","name":"reflective-card","title":"Reflective Card","type":"registry:ui"},{"description":"An inline slider input styled as a pill, perfect for adjusting variables smoothly.","name":"scrub-input","title":"Scrub Input","type":"registry:ui"},{"description":"A 3D split-flap letter animation with spring physics that cascades on hover or click.","name":"letter-cascade","title":"Letter Cascade","type":"registry:ui"},{"description":"Physics-based text where letters are repelled or attracted by the cursor with spring dynamics.","name":"text-repel","title":"Text Repel","type":"registry:ui"},{"description":"Canvas-based text rendered as particles that disperse on cursor hover with spring physics.","name":"cursor-driven-particle-typography","title":"Particle Typography","type":"registry:ui"},{"description":"Scroll-driven image choreography with diagonal movement, stacking, and hero expansion phases.","name":"scroll-choreography","title":"Scroll Choreography","type":"registry:ui"},{"description":"A container that stacks its children into a pile with random rotation, fanning out on hover.","name":"layered-stack","title":"Layered Stack","type":"registry:ui"},{"description":"Rotating prism of glowing spectral light that tilts toward the cursor, with custom colors, shape, motion and a light mode.","name":"prism","title":"Prism","type":"registry:ui"},{"description":"A drifting grid of shapes that lights up under the cursor, with perspective tilt, rainbow trails and click ripples.","name":"shape-grid","title":"Shape Grid","type":"registry:ui"},{"description":"Glowing rings that pulse, ripple or breathe, swell toward the cursor, flare on click, and can tilt, spin or split into prism fringes.","name":"magic-rings","title":"Magic Rings","type":"registry:ui"},{"description":"Procedural evil eye shader with an animated iris, a slit pupil that follows the cursor, and a fiery outer glow.","name":"evil-eye","title":"Evil Eye","type":"registry:ui"},{"description":"Soft aurora band built from 3D Perlin noise that reaches toward the cursor and carries click pulses.","name":"soft-aurora","title":"Soft Aurora","type":"registry:ui"},{"description":"Fine lines that flow in silky waves while a band of light drifts through them, with a cursor spotlight and click ripples.","name":"line-waves","title":"Line Waves","type":"registry:ui"},{"description":"Card with a mesh-gradient border and outer glow that follow the cursor direction and grow stronger near the edges.","name":"border-glow","title":"Border Glow","type":"registry:ui"},{"description":"Film grain overlay for photos and pages, from fine 35mm grain to dust, scratches, paper and TV static.","name":"noise","title":"Noise","type":"registry:ui"},{"description":"A Verlet physics rope simulation where each character is a draggable node connected by distance constraints with gravity, collision, and progressive unravel.","name":"text-string","title":"Text String","type":"registry:ui"},{"description":"An airport-style split flap display that cycles through characters with realistic flip animations and staggered timing.","name":"split-flap-display","title":"Split Flap Display","type":"registry:ui"},{"description":"Realistic eyes that follow the cursor with spring physics, blinking, reactive pupil dilation, and four style variants.","name":"eye-tracking","title":"Eye Tracking","type":"registry:ui"},{"description":"An interactive Mac keyboard that highlights pressed keys in real-time with Web Audio key click sounds.","name":"mac-keyboard","title":"Mac Keyboard","type":"registry:ui"},{"description":"A WebGL image viewer with interactive ripple distortion using FBO ping-pong and custom shaders.","name":"image-ripple-effect","title":"Image Ripple Effect","type":"registry:ui"},{"description":"An infinite scrolling grid of images on canvas driven by cursor position with smooth camera movement.","name":"infinite-image-field","title":"Infinite Image Field","type":"registry:ui"},{"description":"Soft folds of satin light twisting slowly through the dark, turning in 3D to follow the cursor.","name":"plasma","title":"Plasma","type":"registry:ui"},{"description":"A flowing composition of color spots moving along distinct trajectories with organic distortion. Ported from Paper Shaders (Apache-2.0).","name":"paper-mesh-gradient","title":"Mesh Gradient","type":"registry:ui"},{"description":"Radial multi-colored gradient shaped with layered noise for a natural, smoky aesthetic. Ported from Paper Shaders (Apache-2.0).","name":"paper-smoke-ring","title":"Smoke Ring","type":"registry:ui"},{"description":"A glowing, web-like structure of fluid lines and soft intersections. Ported from Paper Shaders (Apache-2.0).","name":"paper-neuro-noise","title":"Neuro Noise","type":"registry:ui"},{"description":"Animated multi-color dots pattern with each dot orbiting around its cell center. Ported from Paper Shaders (Apache-2.0).","name":"paper-dot-orbit","title":"Dot Orbit","type":"registry:ui"},{"description":"Static grid pattern made of circles, diamonds, squares or triangles. Ported from Paper Shaders (Apache-2.0).","name":"paper-dot-grid","title":"Dot Grid","type":"registry:ui"},{"description":"A multi-color gradient mapped into smooth, animated simplex-noise curves. Ported from Paper Shaders (Apache-2.0).","name":"paper-simplex-noise","title":"Simplex Noise","type":"registry:ui"},{"description":"Up to 20 gooey blobs moving around the center and merging into smooth organic shapes. Ported from Paper Shaders (Apache-2.0).","name":"paper-metaballs","title":"Metaballs","type":"registry:ui"},{"description":"Animated 3D Perlin noise with exposed octave, persistence, and contour controls. Ported from Paper Shaders (Apache-2.0).","name":"paper-perlin-noise","title":"Perlin Noise","type":"registry:ui"},{"description":"Anti-aliased animated Voronoi pattern with smooth, customizable cell edges and glow. Ported from Paper Shaders (Apache-2.0).","name":"paper-voronoi","title":"Voronoi","type":"registry:ui"},{"description":"Static line pattern configurable into textures from sharp zigzags to smooth flowing waves. Ported from Paper Shaders (Apache-2.0).","name":"paper-waves","title":"Waves","type":"registry:ui"},{"description":"Animated color fields warped by noise and swirls over checks, stripes, or edge patterns. Ported from Paper Shaders (Apache-2.0).","name":"paper-warp","title":"Warp","type":"registry:ui"},{"description":"Animated rays of light radiating from a configurable origin, blended with up to 5 colors. Ported from Paper Shaders (Apache-2.0).","name":"paper-god-rays","title":"God Rays","type":"registry:ui"},{"description":"A single-colored animated spiral morphing from crisp geometry to flowing whirlpool forms. Ported from Paper Shaders (Apache-2.0).","name":"paper-spiral","title":"Spiral","type":"registry:ui"},{"description":"Animated bands of color twisting into spirals, arcs, and flowing circular patterns. Ported from Paper Shaders (Apache-2.0).","name":"paper-swirl","title":"Swirl","type":"registry:ui"},{"description":"Animated 2-color dithering over noise, warp, dots, waves, ripple, swirl, and sphere sources. Ported from Paper Shaders (Apache-2.0).","name":"paper-dithering","title":"Dithering","type":"registry:ui"},{"description":"Multi-color gradients with grainy, noise-textured distortion in 7 animated abstract forms. Ported from Paper Shaders (Apache-2.0).","name":"paper-grain-gradient","title":"Grain Gradient","type":"registry:ui"},{"description":"Luminous trails of color merging into a glowing gradient frame around the canvas edge. Ported from Paper Shaders (Apache-2.0).","name":"paper-pulsing-border","title":"Pulsing Border","type":"registry:ui"},{"description":"Glowing translucent 3D panels rotating around a central axis with adjustable perspective. Ported from Paper Shaders (Apache-2.0).","name":"paper-color-panels","title":"Color Panels","type":"registry:ui"},{"description":"Multi-point mesh gradient with up to 10 color spots, two-direction warping, and grain controls. Ported from Paper Shaders (Apache-2.0).","name":"paper-static-mesh-gradient","title":"Static Mesh Gradient","type":"registry:ui"},{"description":"Radial gradient with up to 10 blended colors, focal point control, shape distortion, and grain. Ported from Paper Shaders (Apache-2.0).","name":"paper-static-radial-gradient","title":"Static Radial Gradient","type":"registry:ui"},{"description":"A static paper texture built from grain, fiber, wrinkles, crumples, folds and drops. Works as an image filter or as a standalone texture. Ported from Paper Shaders (Apache-2.0).","name":"paper-texture","title":"Paper Texture","type":"registry:ui"},{"description":"Water-like surface distortion with caustic realism — an image filter or standalone animated texture. Ported from Paper Shaders (Apache-2.0).","name":"paper-water","title":"Water","type":"registry:ui"},{"description":"Image filter transforming a picture into streaked, ribbed glass distortions mixing clarity and obscurity. Ported from Paper Shaders (Apache-2.0).","name":"paper-fluted-glass","title":"Fluted Glass","type":"registry:ui"},{"description":"A dithering image filter with 4 pattern modes and multiple color palettes. Ported from Paper Shaders (Apache-2.0).","name":"paper-image-dithering","title":"Image Dithering","type":"registry:ui"},{"description":"A glowing gradient of colors flowing through an input image as an animated intensity wave. Ported from Paper Shaders (Apache-2.0).","name":"paper-heatmap","title":"Heatmap","type":"registry:ui"},{"description":"Futuristic liquid metal material applied to an uploaded logo or predefined abstract shapes. Ported from Paper Shaders (Apache-2.0).","name":"paper-liquid-metal","title":"Liquid Metal","type":"registry:ui"},{"description":"A halftone-dot image filter featuring customizable grids, color palettes, and dot styles. Ported from Paper Shaders (Apache-2.0).","name":"paper-halftone-dots","title":"Halftone Dots","type":"registry:ui"},{"description":"A classic CMYK halftone image filter with per-channel angle and grid control. Ported from Paper Shaders (Apache-2.0).","name":"paper-halftone-cmyk","title":"Halftone CMYK","type":"registry:ui"},{"description":"Animated color fields running around a glassy logo or abstract shape. Ported from Paper Shaders (Apache-2.0).","name":"paper-gem-smoke","title":"Gem Smoke","type":"registry:ui"},{"description":"Bouncing glowing orbs with text that dynamically flows around them in multi-column layout.","name":"editorial-orbs","title":"Editorial Orbs","type":"registry:ui"},{"description":"Two ribbons of plasma curling through each other, with soft glow and white-hot cores.","name":"plasma-wave","title":"Plasma Wave","type":"registry:ui"},{"description":"A gradient dot field seen through a lens that follows the cursor, magnifying, pinching or swirling the dots.","name":"dot-field","title":"Dot Field","type":"registry:ui"},{"description":"Scroll-driven card stack where images pin and scale with subtle rotation, creating a layered depth effect.","name":"sticky-scroll-cards","title":"Sticky Scroll Cards","type":"registry:ui"},{"description":"Interactive vinyl-record music player with swinging tonearm and animated rotation. Supports audio URLs and YouTube embeds.","name":"music-player","title":"Music Player","type":"registry:ui"},{"description":"Scroll-driven interactive card that splits into three panels and flips to reveal back-side content with 3D transforms.","name":"scroll-split-card","title":"Scroll Split Card","type":"registry:ui"},{"description":"A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.","name":"antigravity","title":"Antigravity","type":"registry:ui"},{"description":"Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.","name":"ascii-text","title":"ASCII Text","type":"registry:ui"},{"description":"Immersive 3D dome gallery projecting images on a hemispheric surface; drag to spin with inertia, click a tile to open it.","name":"dome-gallery","title":"Dome Gallery","type":"registry:ui"},{"description":"Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.","name":"falling-text","title":"Falling Text","type":"registry:ui"},{"description":"A glass object that refracts your headline, image or video, follows the cursor and melts between seven shapes.","name":"fluid-glass","title":"Fluid Glass","type":"registry:ui"},{"description":"Endless flight through a twinkling starfield with warp jumps, cursor repulsion and star palettes.","name":"galaxy","title":"Galaxy","type":"registry:ui"},{"description":"A ghost of glowing smoke that follows the cursor on a spring, curls as it rises and puffs on click, on raw WebGL2.","name":"ghost-cursor","title":"Ghost Cursor","type":"registry:ui"},{"description":"A lit 3D grid room swept by a scanning light. The view shifts with the cursor and clicks send a ping across the walls.","name":"grid-scan","title":"Grid Scan","type":"registry:ui"},{"description":"A trail of photos behind the cursor with tunable size, timing, zoom, flash, drift, 3D tilt, rotation and a stacking pile.","name":"image-trail","title":"Image Trail","type":"registry:ui"},{"description":"A draggable WebGL sphere of image tiles that snaps the nearest tile forward and shows its title, description and link.","name":"infinite-menu","title":"Infinite Menu","type":"registry:ui"},{"description":"Swinging 3D badge on a stretchy woven band that you can drag, throw or click to flip.","name":"lanyard","title":"Lanyard","type":"registry:ui"},{"description":"A beam of light that drops onto your content, runs along its top edge and pours over its corners, with a cursor reveal.","name":"laser-flow","title":"Laser Flow","type":"registry:ui"},{"description":"Liquid chrome that flows over a logo or text, bends around its edges, tilts with the cursor and pours in on load.","name":"metallic-paint","title":"Metallic Paint","type":"registry:ui"},{"description":"A 3D model viewer for glb, gltf, fbx and obj files that frames the model, lights it with an HDRI and floats it over a soft shadow.","name":"model-viewer","title":"Model Viewer","type":"registry:ui"},{"description":"A stacked deck of profile cards that fans out into an orbital arc on hover, lifting the active card with spring physics.","name":"orbit-card-stack","title":"Orbit Card Stack","type":"registry:ui"},{"description":"Photos travel along an SVG path with depth, passing behind and in front of center content. Drag to spin, click to bring one forward.","name":"orbit-images","title":"Orbit Images","type":"registry:ui"},{"description":"A drifting 3D field of particles with glow, twinkle, constellation lines, drift modes and cursor repel, attract or parallax.","name":"particles","title":"Particles","type":"registry:ui"},{"description":"A pill nav bar where a fill rises through each link as its label rolls over, with a sliding active dot and a menu that folds in on small screens.","name":"pill-nav","title":"Pill Nav","type":"registry:ui"},{"description":"Glossy WebGL2 pixels melt into a fluid goo trail behind the cursor, with color shifts, drips, sparkle, click bursts, dither and image reveals.","name":"pixel-trail","title":"Pixel Trail","type":"registry:ui"},{"description":"Cards pin and stack as you scroll, settling back into a dimmed deck with smooth, jitter-free motion.","name":"scroll-stack","title":"Scroll Stack","type":"registry:ui"},{"description":"A WebGL2 fluid simulation that trails the cursor in swirling ink and bursts into a splash on click.","name":"splash-cursor","title":"Splash Cursor","type":"registry:ui"},{"description":"Side menu whose color layers slide in one after another, then links rise in with a staggered tilt as the toggle rolls from Menu to Close.","name":"staggered-menu","title":"Staggered Menu","type":"registry:ui"},{"description":"A die-cut holographic sticker rendered in WebGL: rainbow foil sweeps with your cursor, embossed ink relief, page-curled peel, and exploded production layers.","name":"holo-sticker","title":"Holo Sticker","type":"registry:ui"},{"description":"A spinning reticle cursor whose corner brackets snap around targets, follow their corner radius and show a label.","name":"target-cursor","title":"Target Cursor","type":"registry:ui"},{"description":"A compact trend line with a shaded area that rises into place, sized for KPI cards and table cells.","name":"sparkline","title":"Sparkline","type":"registry:ui"},{"description":"A responsive area chart with axes and grid lines whose values rise from the baseline on mount.","name":"area-chart","title":"Area Chart","type":"registry:ui"},{"description":"A donut chart that sweeps in clockwise, with a counting total in the center and a legend that lifts its slice on hover.","name":"donut-chart","title":"Donut Chart","type":"registry:ui"},{"description":"A 270° gauge with a rounded value arc, threshold colors, and a readout that counts up to the value.","name":"radial-gauge","title":"Radial Gauge","type":"registry:ui"},{"description":"A circular progress indicator with rounded ends and a percentage that counts up with the ring.","name":"progress-ring","title":"Progress Ring","type":"registry:ui"},{"description":"A metric card with a tinted icon, an actions button, a counting value and a stack of avatars or initials.","name":"kpi-card","title":"KPI Card","type":"registry:ui"},{"description":"A titled panel of best, worst and neutral metric cards with tone tints, arrows, dots and peeking neighbours.","name":"kpi-carousel","title":"KPI Carousel","type":"registry:ui"},{"description":"An \"Add Block\" palette with search, colored block types and live previews, and pointer or keyboard drag-to-reorder that lifts the row as a tilted card.","name":"block-palette","title":"Block Palette","type":"registry:ui"},{"description":"A canvas tool switcher with a sliding active pill and number-key shortcuts, plus a floating selection toolbar with view and action menus.","name":"canvas-toolbar","title":"Canvas Toolbar","type":"registry:ui"},{"description":"A pannable, zoomable node canvas with draggable nodes, live bezier edges, selection handles, a minimap and a zoom control.","name":"node-canvas","title":"Node Canvas","type":"registry:ui"},{"description":"A machine downtime log with selectable stops, reason pills, a reason filter, sort modes and a 24-hour stop timeline linked to the rows.","name":"downtime-log","title":"Downtime Log","type":"registry:ui"},{"description":"A month heatmap calendar for picking a date range, with presets, a live range pill, a shaded legend and a compare switch.","name":"range-calendar","title":"Range Calendar","type":"registry:ui"},{"description":"A cycle-time beeswarm dot plot with a machine switch, median and takt lines, a hatched over-takt zone, an axis break and an on-takt footer.","name":"beeswarm-chart","title":"Beeswarm Chart","type":"registry:ui"},{"description":"An isometric 3D stacked bar chart: two rows of shaded, textured boxes on a floor plate, with tooltips, legend highlighting and a staggered grow-in.","name":"iso-stacked-bars","title":"Iso Stacked Bars","type":"registry:ui"},{"description":"A two-ring donut: solid category slices inside, patterned cause segments outside, a hover-driven center label, a pinnable legend and a computed insight.","name":"pattern-donut","title":"Pattern Donut","type":"registry:ui"},{"description":"Image panels that expand on hover, click or focus, with 3D tilt, parallax images and a staggered caption.","name":"accordion-gallery","title":"Accordion Gallery","type":"registry:ui"},{"description":"Pill toggle where a press rings the bell, crossfades the label and unfurls the pill.","name":"bell-toggle","title":"Bell Toggle","type":"registry:ui"},{"description":"Collapsible menu that branches each section from a trunk and traces a line to your pick.","name":"branched-menu","title":"Branched Menu","type":"registry:ui"},{"description":"Tool-call chip whose fill wipes across as a live timer ticks, ending green or shaking red.","name":"call-chip","title":"Call Chip","type":"registry:ui"},{"description":"A 3D ring of images with bendable cards, momentum drag, snapping and click to focus.","name":"circular-carousel","title":"Circular Carousel","type":"registry:ui"},{"description":"One-time code input whose digits spring into their slots, with paste and SMS autofill, error drain and success wash.","name":"code-slots","title":"Code Slots","type":"registry:ui"},{"description":"Circular dial you set by angle, with a comet trail that streaks behind the head when it moves fast and flick momentum.","name":"comet-dial","title":"Comet Dial","type":"registry:ui"},{"description":"A WebGL glass ball with a crackling electric rim and glowing dust that swirls with the cursor.","name":"crystalized-ball","title":"Crystalized Ball","type":"registry:ui"},{"description":"Image carousel whose cards recede along a tilted 3D rail, with drag, wheel, keyboard, dot and auto-advance navigation.","name":"depth-carousel","title":"Depth Carousel","type":"registry:ui"},{"description":"Display type extruded from stacked layers in 3D that tilts toward the pointer, orbits when idle, and presses in on hover.","name":"depth-text","title":"Depth Text","type":"registry:ui"},{"description":"Wrapper that makes any child dodge the pointer until it relents and glides home.","name":"dodge-field","title":"Dodge Field","type":"registry:ui"},{"description":"An endless 3D wall of image tiles drifting in alternating columns, lifting a tile toward you on hover or focus.","name":"drift-wall","title":"Drift Wall","type":"registry:ui"},{"description":"Tinted, blurred copies trail behind the text and settle into one word, following the cursor, drifting, or scrolling, with click bursts.","name":"echo-text","title":"Echo Text","type":"registry:ui"},{"description":"Turns text or a logo into a puffy inflated WebGL2 shape you can press, poke and stretch like jelly.","name":"elastic-mesh","title":"Elastic Mesh","type":"registry:ui"},{"description":"An infinite WebGL image row that bends, twists and splits into rainbow light where it crosses an invisible glass lens.","name":"flex-carousel","title":"Flex Carousel","type":"registry:ui"},{"description":"Two-faced card that flips in 3D on a click, drag or flick and settles on a spring.","name":"flip-card","title":"Flip Card","type":"registry:ui"},{"description":"A button that fires thrusters on hover, lifts off on a WebGL2 smoke plume, can be dragged in flight and lands in its own cloud.","name":"flying-button","title":"Flying Button","type":"registry:ui"},{"description":"Text that unfolds piece by piece from a hinge edge like creased paper, with blinds and flip styles and a pointer refold.","name":"fold-text","title":"Fold Text","type":"registry:ui"},{"description":"Folder whose notes spring out into a floating cloud on hover or press; once landed they drift and can be dragged and thrown.","name":"folder-float","title":"Folder Float","type":"registry:ui"},{"description":"Action button that turns into an Undo while a fuse burns around the pill; hover pauses it and Escape cancels.","name":"fuse-button","title":"Fuse Button","type":"registry:ui"},{"description":"Select chip whose menu pops from its corner and whose highlight glides between rows.","name":"glide-select","title":"Glide Select","type":"registry:ui"},{"description":"Hold-to-confirm button whose liquid fill with a wave crest sweeps across while pressed and snaps back if you let go.","name":"hold-button","title":"Hold Button","type":"registry:ui"},{"description":"Trading card with a WebGL holographic foil, glittering border and pointer tilt. Optional back face flips on click.","name":"holo-card","title":"Holo Card","type":"registry:ui"},{"description":"An endlessly looping 3D helix of image cards that plays by itself, follows a drag or follows page scroll.","name":"infinite-spiral","title":"Infinite Spiral","type":"registry:ui"},{"description":"Radio group of chips where the chosen one swells and barges its neighbours outward.","name":"jelly-radio","title":"Jelly Radio","type":"registry:ui"},{"description":"Agent status row with a lattice of cells that brighten in a wave beside a live stopwatch.","name":"lattice-loader","title":"Lattice Loader","type":"registry:ui"},{"description":"A heading whose letters show an image or looping video, with rise, scale, blur, wipe or fade entrances, pointer parallax and a spotlight.","name":"masked-heading","title":"Masked Heading","type":"registry:ui"},{"description":"WebGL image slider that melts, ripples, shears or swirls between slides, with drag scrubbing, autoplay, captions and dots.","name":"morph-slider","title":"Morph Slider","type":"registry:ui"},{"description":"Curved option picker that spins with scroll, drag or arrow keys, tilting items away.","name":"option-wheel","title":"Option Wheel","type":"registry:ui"},{"description":"An image on a 3D paper sheet that crumples into a ball while you hold it, follows the pointer as you drag, and unfolds on release.","name":"paper-crumple","title":"Paper Crumple","type":"registry:ui"},{"description":"Canvas text built from particles that gather, rain, spiral or scan into place, repel from the cursor and burst on click.","name":"particle-text","title":"Particle Text","type":"registry:ui"},{"description":"Star rating that lifts a wave of stars up to the pointer, then commits with a pop on click.","name":"peek-rating","title":"Peek Rating","type":"registry:ui"},{"description":"Chat composer with @ sources, / commands, a model picker, an effort slider, dictation and attachment chips.","name":"prompt-bar","title":"Prompt Bar","type":"registry:ui"},{"description":"Like button whose glyph contracts to a dot, flips colour and swells back while the pill beats and the count rolls over.","name":"pulse-heart","title":"Pulse Heart","type":"registry:ui"},{"description":"Media frame that steps an image through generation stages, from a coarse mosaic to sharp, without any layout shift.","name":"refine-frame","title":"Refine Frame","type":"registry:ui"},{"description":"Segmented control whose rubber thumb stretches across the gap and squashes into place.","name":"rubber-segment","title":"Rubber Segment","type":"registry:ui"},{"description":"Number chip you drag to scrub, with rubber-band limits and click to type.","name":"scrub-field","title":"Scrub Field","type":"registry:ui"},{"description":"A list with a paper shredder at the bottom that cuts dragged rows into curling strips.","name":"shredder","title":"Shredder","type":"registry:ui"},{"description":"Slide-to-confirm handle that spins while your action runs, then unfurls into a done pill or shakes back on failure.","name":"slide-commit","title":"Slide Commit","type":"registry:ui"},{"description":"Send button you pull back like a slingshot and release to fire, with a stretching band, a power arc and a particle burst.","name":"sling-button","title":"Sling Button","type":"registry:ui"},{"description":"Tank gauge whose liquid chases the value on a spring, tilts as it moves and splashes when it fills.","name":"slosh-gauge","title":"Slosh Gauge","type":"registry:ui"},{"description":"Glass button with a WebGL2 rim light that rests on a corner, glides around the edge toward the cursor and flashes on press.","name":"specular-button","title":"Specular Button","type":"registry:ui"},{"description":"A split-flap departure board whose tiles flip through random glyphs, one flap at a time, to show each new phrase.","name":"split-flap-text","title":"Split Flap Text","type":"registry:ui"},{"description":"A checkbox row where one spring fills the box, draws the tick and strikes through the label.","name":"spring-check","title":"Spring Check","type":"registry:ui"},{"description":"Switch whose thumb stretches with speed and squashes against the end when you flick it.","name":"squish-switch","title":"Squish Switch","type":"registry:ui"},{"description":"Agent task status glyph that morphs from an idle ring to a progress arc, then a check.","name":"status-mark","title":"Status Mark","type":"registry:ui"},{"description":"SVG letter outlines draw themselves on one by one, then fill by wipe or fade, with dashed or dotted marching outlines and a lifted shadow.","name":"stroke-text","title":"Stroke Text","type":"registry:ui"},{"description":"List row you swipe to reveal a drawer of actions; a full swipe leaps the delete block across and folds the row away.","name":"swipe-row","title":"Swipe Row","type":"registry:ui"},{"description":"Toast that swipes down to dismiss and burns a thin fuse along its edge for the time it has left.","name":"swipe-toast","title":"Swipe Toast","type":"registry:ui"},{"description":"A ticket whose perforated stub tears off by hand, fibre by fibre, then drops away and leaves a greyed, used ticket.","name":"tear-ticket","title":"Tear Ticket","type":"registry:ui"},{"description":"A canvas wordmark whose letters turn into dashed vector outlines under the cursor, with draggable spring letters and click ripples.","name":"tech-text","title":"Tech Text","type":"registry:ui"},{"description":"A seamless text marquee along a curved SVG path, with a crossing band, hover pause, drag-to-fling and scroll boost.","name":"text-loop","title":"Text Loop","type":"registry:ui"},{"description":"Reasoning trace header with a breathing glyph and live clock that folds its steps into one line when the work settles.","name":"thought-line","title":"Thought Line","type":"registry:ui"},{"description":"Mic button that opens into a capsule with a scrolling waveform and a timer while recording; tap to latch, hold to talk, slide left to cancel.","name":"voice-pill","title":"Voice Pill","type":"registry:ui"},{"description":"Thumbless range slider of thin bars where drag speed raises a wake behind the handle.","name":"wake-slider","title":"Wake Slider","type":"registry:ui"},{"description":"A tooltip group where the first label waits, then siblings open instantly and the label glides between triggers while warm.","name":"warm-tooltip","title":"Warm Tooltip","type":"registry:ui"},{"description":"WebGL glass warp that bends and refracts text around the pointer, with bulge, pinch or swirl lenses and click shockwaves.","name":"warp-text","title":"Warp Text","type":"registry:ui"},{"description":"A rolling WebGL field of glossy squares that ripples under two drifting colored lights, with cursor press and click ripples.","name":"acid-squares","title":"Acid Squares","type":"registry:ui"},{"description":"A soft-lit pit of physics balls you can shove with the cursor, grab, throw and blast apart.","name":"ballpit","title":"Ballpit","type":"registry:ui"},{"description":"Crosshair cursor with live coordinates that locks onto links and buttons with measuring brackets and pulses on click.","name":"crosshair","title":"Crosshair","type":"registry:ui"},{"description":"A blocky plasma glowing on a curved CRT, with scanlines, a phosphor mask, afterglow, a power-on intro, cursor magnet and click-to-change channel.","name":"crt-warp","title":"CRT Warp","type":"registry:ui"},{"description":"A grid of outlined 3D cubes that turn to face the cursor, spin when swept and ripple on click, drawn with instanced WebGL2.","name":"cubes","title":"Cubes","type":"registry:ui"},{"description":"Retro dithered waves with Bayer, halftone, line, crosshatch and noise patterns, palettes, cursor trails and click ripples.","name":"dither","title":"Dither","type":"registry:ui"},{"description":"A glossy sea of magnetic fluid where swells of spikes roll in, the cursor raises a crown and clicks send out a ring of spikes.","name":"ferrofluid","title":"Ferrofluid","type":"registry:ui"},{"description":"Glowing flux lines trace a churning magnetic fluid. The cursor acts as a magnet that reveals and curls the lines, and a click stirs a swirl.","name":"flux-lines","title":"Flux Lines","type":"registry:ui"},{"description":"Soft gradient glows drawn in ASCII characters that scramble under the cursor.","name":"gradient-ascii","title":"Gradient ASCII","type":"registry:ui"},{"description":"Ray-marched satin waves rolling in from a hazy horizon, with a light that follows the cursor and a swell on click.","name":"gradient-waves","title":"Gradient Waves","type":"registry:ui"},{"description":"Flowing grainy gradient that you drag like paint with the cursor and twist into swirls with a click.","name":"grainient","title":"Grainient","type":"registry:ui"},{"description":"Night highway of glowing light trails on a winding road that warps into hyperspace while you hold the pointer down.","name":"hyperspeed","title":"Hyperspeed","type":"registry:ui"},{"description":"A swirling fibre-optic tunnel where comets of light race into depth, steered by the cursor.","name":"light-tunnel","title":"Light Tunnel","type":"registry:ui"},{"description":"Crackling, branching lightning that bends toward the cursor and strikes wherever you click.","name":"lightning","title":"Lightning","type":"registry:ui"},{"description":"Swirling caustic filaments with white-hot cores that ignite on load, heat up under the cursor and flare on click.","name":"molten-metal","title":"Molten Metal","type":"registry:ui"},{"description":"A lit halftone surface of dots, lines or glyphs that moves like draped silk and ripples under the cursor.","name":"pattern-waves","title":"Pattern Waves","type":"registry:ui"},{"description":"A radar scope whose sweep leaves a phosphor afterglow, lights up clutter and pings moving contacts. Sonar and tilted floor modes.","name":"radar","title":"Radar","type":"registry:ui"},{"description":"Springy WebGL2 ribbons that trail the cursor in lens, comet or even shapes, with optional wave, soft edges and tail fade.","name":"ribbons","title":"Ribbons","type":"registry:ui"},{"description":"Glowing interference lines swept by a scan beam, with a CRT finish, cursor lensing and click pings.","name":"scanner","title":"Scanner","type":"registry:ui"},{"description":"A grid of triangles, circles and squares that morph and grow along noise waves, with text cutouts and cursor splash ripples.","name":"shape-waves","title":"Shape Waves","type":"registry:ui"},{"description":"Waves of colored light sliced into glowing bars in depth, with a depth-of-field focus that follows the cursor.","name":"sliced-waves","title":"Sliced Waves","type":"registry:ui"},{"description":"Spectral strands that twist inside a frosted glass orb and swell into one bulge, reacting to voice level, the cursor and clicks.","name":"strands","title":"Strands","type":"registry:ui"},{"description":"Glowing threads woven through pinch points that draw in one by one, light up under the cursor and carry light on click.","name":"web-threads","title":"Web Threads","type":"registry:ui"},{"description":"Silk ribbons of thick glass shards streaming on layered depths among survey markers, catching light along their edges.","name":"aero-shards","title":"Aero Shards","type":"registry:ui"},{"description":"A crisp grid whose cells light up and fade behind the cursor, with grid styles, tiles and click pulses.","name":"cursor-grid","title":"Cursor Grid","type":"registry:ui"},{"description":"A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.","name":"dither-veil","title":"Dither Veil","type":"registry:ui"},{"description":"Traces any logo or image into a living lightning outline with strands, arcs, hover charge and click ripples.","name":"electric-logo","title":"Electric Logo","type":"registry:ui"},{"description":"Layered ribbons of fine glowing fibers that twist, fold and drift through soft depth of field.","name":"ghost-fibers","title":"Ghost Fibers","type":"registry:ui"},{"description":"A WebGL fluid trail of light that follows the cursor, drifts and cools as it fades, with a burst on click.","name":"glow-cursor","title":"Glow Cursor","type":"registry:ui"},{"description":"New content builds in pixel by pixel in a springy wave that starts wherever the cursor enters.","name":"pixel-swap","title":"Pixel Swap","type":"registry:ui"},{"description":"A liquid swarm of particles that flows after the cursor, curls into eddies and pours around hovered buttons.","name":"swarm-cursor","title":"Swarm Cursor","type":"registry:ui"},{"description":"A rounded media frame that grows to full bleed as it scrolls through the viewport.","name":"scroll-expand","title":"Scroll Expand","type":"registry:ui"},{"description":"A die-cut WebGL sticker that peels at the edge nearest the cursor and can be dragged, thrown and swung, in gloss, matte or holo finishes.","name":"sticker-peel","title":"Sticker Peel","type":"registry:ui"},{"description":"Prints an image as a mono, duotone or color halftone whose dots swell into the real photo under the pointer.","name":"halftone-reveal","title":"Halftone Reveal","type":"registry:ui"},{"description":"A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests and a cursor-stirred fluid trail.","name":"micro-slats","title":"Micro Slats","type":"registry:ui"},{"description":"Pointer-driven water displacement that warps an image and leaves a decaying wake.","name":"ripple-distortion","title":"Ripple Distortion","type":"registry:ui"},{"description":"A 3D landscape drawn in glowing contour lines that rises under the cursor, with light pulses on click.","name":"topography","title":"Topography","type":"registry:ui"},{"description":"Inline text marked with hand-drawn SVG circles, underlines, highlights, brackets and cross-outs that draw in once when they scroll into view.","name":"annotated-text","title":"Annotated Text","type":"registry:ui"},{"description":"Renders an image as dithered ASCII characters on a canvas, with static, flowing pointer-ripple, and glitch-reveal variants.","name":"ascii-effect","title":"ASCII Effect","type":"registry:ui"},{"description":"WebGL hero background with layered silk flow, diffused aurora light, film grain and a soft pointer bend, with twelve palette presets.","name":"aurora-flow","title":"Aurora Flow","type":"registry:ui"},{"description":"Editorial case study cards that fold upward on scroll to reveal the next story beneath.","name":"case-study-flip-stack","title":"Case Study Flip Stack","type":"registry:ui"},{"description":"A draggable image wall that repeats on both axes and bends through one fisheye lens, with momentum, wheel and arrow-key panning.","name":"fisheye-infinite-grid","title":"Fisheye Infinite Grid","type":"registry:ui"},{"description":"A word that flips into a second word one character at a time on hover, focus or tap, and flips back when you leave.","name":"flipping-word-swap","title":"Flipping Word Swap","type":"registry:ui"},{"description":"A breathing color field with a soft curved shadow, flowing light and fine film grain, drawn with WebGL.","name":"grain-gradient","title":"Grain Gradient","type":"registry:ui"},{"description":"A focusable wrapper that swaps a default and a hover slot with one of eight transitions from nine directions, plus a light tilt and glare.","name":"hover-transition","title":"Hover Transition","type":"registry:ui"},{"description":"A live clock that frames a corner of a large dial, panning with the hour hand while the edges blur out of focus.","name":"lens-clock","title":"Lens Clock","type":"registry:ui"},{"description":"A three.js shelf of cloth-bound books for a newsletter archive. Browse sideways, hover to lift a spine, click to pull a book forward.","name":"newsletter-bookshelf","title":"Newsletter Bookshelf","type":"registry:ui"},{"description":"An image reveal made from cursor-painted squares that expire into a bounded pixel trail.","name":"pixel-image-trail","title":"Pixel Image Trail","type":"registry:ui"},{"description":"A two-column image gallery whose frames tilt, blur and dim at the viewport edges and settle into focus as they cross the center.","name":"scroll-tilted-grid","title":"Scroll Tilted Grid","type":"registry:ui"},{"description":"A soft spectral light ribbon on black with slow liquid motion and a rainbow fringe, drawn by one WebGL fragment shader.","name":"spectral-ribbon","title":"Spectral Ribbon","type":"registry:ui"},{"description":"An autoplaying image gallery that flows along a 3D spiral of curved WebGL planes and moves with wheel and page scroll.","name":"spiral-3d-slider","title":"Spiral 3D Slider","type":"registry:ui"},{"description":"Words, numbers or prices melt into each other on a timer through blur and an SVG alpha-threshold filter, inheriting parent typography.","name":"text-morph","title":"Text Morph","type":"registry:ui"},{"description":"A rotating-wheel picker with inertial drag and scroll, curved fading labels, and a crossfading image for the active item.","name":"wheel-carousel","title":"Wheel Carousel","type":"registry:ui"},{"description":"An image filter that splits an image into shifting color layers like lens chromatic aberration and warps it like barrel or pincushion distortion. Ported from Paper Shaders (Apache-2.0).","name":"paper-lens-distortion","title":"Lens Distortion","type":"registry:ui"},{"description":"A quiet, paginated table with segmented tabs, a keyboard-focused search, zebra rows, mono columns, status pills and row selection.","name":"clean-table","title":"Clean Table","type":"registry:ui"},{"description":"A frosted-glass device card with a round power button, a device name and a boxed stat, made to sit over a photo.","name":"control-card","title":"Control Card","type":"registry:ui"},{"description":"A sortable, searchable table on TanStack Table with cell slots and a flash on rows whose values change.","name":"data-table","title":"Data Table","type":"registry:ui"},{"description":"Service health lamps with an overall status, uptime and latency, plus a live event log.","name":"status-panel","title":"Status Panel","type":"registry:ui"}]},"mizzle":{"favicon":"/favicons/mizzle.svg","items":[{"categories":["ai"],"description":"The agent asking for a yes before it does something: run a command, start a plan, touch a file. One line says what and why, two buttons answer, and once answered it settles into a quiet record of the decision.","name":"confirmation","registryDependencies":["@mizzle/button","@mizzle/text-swap"],"title":"Confirmation","type":"registry:ui"},{"categories":["ai"],"description":"A placeholder that becomes the picture. A grid of soft tiles moves in a pattern of your choosing while the image is made, takes on its colours the moment it arrives, and swells from the middle until the tiles close into the photograph.","name":"image-generation","registryDependencies":["@mizzle/shimmer","@mizzle/text-swap","@mizzle/use-latest","@mizzle/use-reduced-motion"],"title":"Image Generation","type":"registry:ui"},{"categories":["ai"],"description":"Sixteen dots in a square that swell and light up in a pattern: a scan, a wave, a twinkle, an orbit, a pulse, a spiral, rain or rising bars. Round, soft-cornered or square, in the text colour or a palette of your own, and small enough to sit beside a line of text.","name":"loader","registryDependencies":["@mizzle/use-reduced-motion"],"title":"Loader","type":"registry:ui"},{"categories":["ai"],"dependencies":["@base-ui/react"],"description":"A line in a conversation that is not a message: what the agent is doing, what it did, or a labelled break.","name":"marker","registryDependencies":["@mizzle/shimmer","@mizzle/text-swap"],"title":"Marker","type":"registry:ui"},{"categories":["ai"],"description":"A transcript that only moves when the reader asks it to. A new prompt rises to the top with the end of the last answer still in view, the reply streams into the space below it, and scrolling away is respected until you jump back.","name":"message-scroller","title":"Message Scroller","type":"registry:ui"},{"categories":["ai"],"description":"An orb of fine dots that shows what an agent is doing. The same dots rearrange for each step it goes through: listening, thinking, searching, connecting, composing, imagining, shaping and speaking, each with a movement that means something. It works at 20 pixels beside a line of ","name":"orb","registryDependencies":["@mizzle/use-latest","@mizzle/use-merged-ref"],"title":"Orb","type":"registry:ui"},{"categories":["ai"],"description":"The questions asked so far, as a rail of marks at the edge of the transcript. The mark for the turn you are reading is longer; rest on the rail and the questions fan out beside their marks; pick one and the transcript glides back to it.","name":"outline","registryDependencies":["@mizzle/message-scroller"],"title":"Outline","type":"registry:ui"},{"categories":["ai"],"description":"A plan the agent proposes before it acts: a title, a line on what it changes, the scope in a few words, and numbered steps that arrive one by one with the files each one touches. Start it and the steps tick off as the work runs; ask for changes and say what should change without ","name":"plan","registryDependencies":["@mizzle/loader","@mizzle/shimmer","@mizzle/button","@mizzle/text-swap","@mizzle/use-content-height"],"title":"Plan","type":"registry:ui"},{"categories":["ai"],"description":"Where a prompt is written. It takes files from a picker, a drop or a paste, records voice notes with a glow that swells with your voice, opens a menu for / commands and @ mentions as you type them, picks a model, and turns its send button into a stop button while the answer strea","name":"prompt-input","registryDependencies":["@mizzle/loader","@mizzle/glow","@mizzle/menu","@mizzle/use-content-height","@mizzle/use-latest","@mizzle/use-merged-ref"],"title":"Prompt Input","type":"registry:ui"},{"categories":["ai"],"description":"An agent asking before it acts, one question at a time, in the same tinted bubble as the rest of the conversation. Pick with a click or the number key shown at the end of each row, and a single answer moves on by itself; a strip of steps shows how far along you are, the card glid","name":"questionnaire","registryDependencies":["@mizzle/button","@mizzle/text-swap","@mizzle/use-content-height"],"title":"Questionnaire","type":"registry:ui"},{"categories":["ai"],"description":"The model thinking out loud, kept to a small window. While it thinks the latest lines scroll up in steps under a shimmering label; when it is done it folds away into how long it took, and opens again to read in full.","name":"reasoning","registryDependencies":["@mizzle/loader","@mizzle/shimmer","@mizzle/text-swap"],"title":"Reasoning","type":"registry:ui"},{"categories":["ai"],"dependencies":["@base-ui/react"],"description":"An answer as it streams. Each word comes out of a slight blur as it arrives, numbered citations become source chips you can hover, and the actions underneath copy, rate and retry.","name":"response","registryDependencies":["@mizzle/sources"],"title":"Response","type":"registry:ui"},{"categories":["ai"],"description":"A band of light that passes over text while something is working. It is made from the text’s own colour, so it suits any text and anything inside it, icons included.","name":"shimmer","registryDependencies":["@mizzle/use-merged-ref","@mizzle/use-reduced-motion"],"title":"Shimmer","type":"registry:ui"},{"categories":["ai"],"description":"Where an answer came from. A row of site icons, a count and the first domains, opening into the full list: numbered to match the citations in the text, each with its site, title and a line of what it said.","name":"sources","registryDependencies":["@mizzle/message","@mizzle/use-content-height"],"title":"Sources","type":"registry:ui"},{"categories":["ai"],"description":"Prompts to try next, as pills or as a list of follow-ups. They arrive one after another so the eye reads them in order.","name":"suggestions","title":"Suggestions","type":"registry:ui"},{"categories":["ai"],"description":"The to-do list an agent is working through. A ring fills as tasks finish, the one in progress shimmers over the file it is touching, a finished one keeps what it changed at its side, and folded it is a single line naming what is happening now. It sits best in a tray rising out of","name":"tasks","registryDependencies":["@mizzle/shimmer","@mizzle/number-roll","@mizzle/text-swap","@mizzle/use-content-height"],"title":"Tasks","type":"registry:ui"},{"categories":["ai"],"description":"What an agent did, one row per step. A step shimmers while it runs and draws a tick when it finishes; rows with output open to show it, and a group folds the whole run into one line.","name":"tool-call","registryDependencies":["@mizzle/loader","@mizzle/shimmer","@mizzle/use-content-height"],"title":"Tool Call","type":"registry:ui"},{"categories":["ai"],"description":"One exchange: what you asked, then what the agent did and said. The prompt is a bubble on the right with its attachments above it and copy and edit on hover; the reply is a column the other pieces stack into, in the order they happened.","name":"turn","registryDependencies":["@mizzle/message"],"title":"Turn","type":"registry:ui"},{"categories":["chat"],"description":"The quiet structure of a conversation: a line for each day, a line where the unread messages start, and a small note when someone joins or leaves.","name":"chat-divider","title":"Chat Divider","type":"registry:ui"},{"categories":["chat"],"description":"Where a message is written. It grows with what you type, Enter sends, and the microphone turns into a send button as soon as there is something to send.","name":"composer","title":"Composer","type":"registry:ui"},{"categories":["chat"],"description":"Where a sent message has got to: sending, sent, delivered, read, or not delivered. The clock fades into a tick, a second tick joins it, and read takes on colour.","name":"message-status","registryDependencies":["@mizzle/text-swap"],"title":"Message Status","type":"registry:ui"},{"categories":["chat"],"description":"One message in a conversation: who sent it, the bubble, and what is said underneath. Messages from the same person run together, replies quote what they answer, and reactions sit on the bubble’s edge.","name":"message","title":"Message","type":"registry:ui"},{"categories":["chat"],"description":"A question with a few answers, sent as a message. Tap one and the bars fill to each answer’s share, the percentages roll into place and the people who chose it appear beside it. Let people pick several, close it when the time is up, and it settles into the final count.","name":"poll","registryDependencies":["@mizzle/message","@mizzle/number-roll","@mizzle/text-swap"],"title":"Poll","type":"registry:ui"},{"categories":["chat"],"description":"A row of emoji to react with. Each one lifts and grows a little under the pointer, and the ones you have already used are marked.","name":"reaction-picker","title":"Reaction Picker","type":"registry:ui"},{"categories":["chat"],"description":"Someone is writing. Three dots that rise and settle in turn inside a bubble, or a small pill that names who is typing.","name":"typing-indicator","registryDependencies":["@mizzle/message","@mizzle/text-swap"],"title":"Typing Indicator","type":"registry:ui"},{"categories":["chat"],"description":"A recorded message in a chat bubble. The waveform fills as it plays, and the play button turns into pause in one movement. Pair it with Voice Recorder and it shows the shape of what was actually said.","name":"voice-note","registryDependencies":["@mizzle/message","@mizzle/use-latest"],"title":"Voice Note","type":"registry:ui"},{"categories":["chat"],"description":"A record button that grows into a voice note as you speak. A warm glow drifts round its edge and swells with your voice, the bars build up beside it, and stopping hands back the audio with its real waveform.","name":"voice-recorder","registryDependencies":["@mizzle/glow","@mizzle/use-latest"],"title":"Voice Recorder","type":"registry:ui"},{"categories":["data"],"dependencies":["@tanstack/react-table"],"description":"The menu behind each Data Grid header: sort either way or as a second key, pin to the start or the end, reset the width and hide the column. The header's own label is the trigger.","name":"data-grid-column-menu","registryDependencies":["@mizzle/data-grid-icons","@mizzle/menu","@mizzle/data-grid-features"],"title":"Data Grid Column Menu","type":"registry:ui"},{"categories":["data"],"dependencies":["@base-ui/react"],"description":"The Data Grid's filter bar. A popover picks a column and its value, and each filter becomes a chip whose operator and value can be changed on their own. Text, number, date, option and multi-option columns each get their own editor.","name":"data-grid-filter","registryDependencies":["@mizzle/data-grid-icons","@mizzle/input","@mizzle/button","@mizzle/menu","@mizzle/use-data-grid-filters","@mizzle/use-debounced-callback","@mizzle/data-grid-filters"],"title":"Data Grid Filter","type":"registry:ui"},{"categories":["data"],"dependencies":["@tanstack/react-table"],"description":"The strip under the Data Grid: which rows are showing, how many are selected, the count, sum, average, minimum and maximum of the selected cells, and paging with a rows-per-page select.","name":"data-grid-footer","registryDependencies":["@mizzle/data-grid-icons","@mizzle/select","@mizzle/button","@mizzle/data-grid-features"],"title":"Data Grid Footer","type":"registry:ui"},{"categories":["data"],"description":"The stroke icons the Data Grid's parts share, drawn on a 16px grid in the current text colour.","name":"data-grid-icons","title":"Data Grid Icons","type":"registry:ui"},{"categories":["data"],"dependencies":["@tanstack/react-table"],"description":"The controls that go in a Data Grid's own columns: a select-all and a per-row checkbox with shift-click ranges, a disclosure arrow for rows with sub-rows, and a row menu with your actions, copy and pinning.","name":"data-grid-row-controls","registryDependencies":["@mizzle/data-grid-icons","@mizzle/checkbox","@mizzle/menu","@mizzle/data-grid-export","@mizzle/data-grid-features"],"title":"Data Grid Row Controls","type":"registry:ui"},{"categories":["data"],"dependencies":["@tanstack/react-table"],"description":"A toolbar that rises over the foot of the Data Grid while rows are selected, with export, pin, an optional delete and a way to clear the selection.","name":"data-grid-selection-bar","registryDependencies":["@mizzle/data-grid-icons","@mizzle/toolbar","@mizzle/data-grid-export","@mizzle/data-grid-features"],"title":"Data Grid Selection Bar","type":"registry:ui"},{"categories":["data"],"dependencies":["@tanstack/react-table"],"description":"The strip above the Data Grid: a title and row count, a search field that opens from an icon, the column visibility menu, and a menu for CSV export, print and resetting the layout.","name":"data-grid-toolbar","registryDependencies":["@mizzle/data-grid-icons","@mizzle/button","@mizzle/menu","@mizzle/use-merged-ref","@mizzle/data-grid-export","@mizzle/data-grid-features"],"title":"Data Grid Toolbar","type":"registry:ui"},{"categories":["data"],"dependencies":["@tanstack/react-table","@tanstack/react-virtual"],"description":"A spreadsheet-style table on TanStack Table, assembled from the data pieces: toolbar with search and column picker, typed filters, the grid, a selection bar and a pager. Sort, pin, resize, reorder and hide columns from each header; select rows or drag out a range of cells and cop","name":"data-grid","registryDependencies":["@mizzle/data-grid-column-menu","@mizzle/data-grid-icons","@mizzle/use-merged-ref","@mizzle/data-grid-export","@mizzle/data-grid-features"],"title":"Data Grid","type":"registry:ui"},{"categories":["effects"],"description":"Make an element crumble into ash and drift off as smoke. A ragged edge crosses it, and everything the edge passes turns into fine grey dust, made from the element’s own text and icons, that lifts away on a slow swirl and thins out to nothing.","name":"dissolve","title":"Dissolve","type":"registry:ui"},{"categories":["effects"],"description":"Light drawn in two colours. A slow field of light, or a photograph, rendered the way a one-bit screen would: every dot is ink or nothing, and the shades are made by how thickly the ink is scattered. The pointer is a lamp.","name":"dither","registryDependencies":["@mizzle/use-merged-ref","@mizzle/bayer"],"title":"Dither","type":"registry:ui"},{"categories":["effects"],"description":"Soft coloured light that drifts around the inside edge of an element. It follows any rounded shape, brightens and quickens with a level you give it, such as a voice or typing, and spins up and coasts to a stop instead of switching.","name":"glow","registryDependencies":["@mizzle/use-latest","@mizzle/use-merged-ref"],"title":"Glow","type":"registry:ui"},{"categories":["effects"],"description":"A field of pixels that blooms under the pointer. Inside a card or a button, small squares spread out from where the pointer came in, keep twinkling, and draw back to where it left. Costs nothing when nobody is touching it.","name":"pixel-field","registryDependencies":["@mizzle/use-merged-ref"],"title":"Pixel Field","type":"registry:ui"},{"categories":["effects"],"description":"Swap what is shown through a wall of pixels. Blocks cover the old content in dither order, the way old computers dissolved between screens, the content changes behind them, and they clear the same way. No JavaScript animation.","name":"pixel-transition","registryDependencies":["@mizzle/use-latest","@mizzle/use-merged-ref","@mizzle/bayer"],"title":"Pixel Transition","type":"registry:ui"},{"categories":["effects"],"description":"A blur that gets stronger towards an edge, and a scroll area that wears one at each end: the ends blur and dissolve only while there is more to scroll that way. CSS only, on any background.","name":"progressive-blur","registryDependencies":["@mizzle/use-merged-ref"],"title":"Progressive Blur","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react"],"description":"A box that ticks. The check draws itself in, and a parent checkbox shows a dash when only some of its children are on.","name":"checkbox","title":"Checkbox","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react"],"description":"A label, a control, a hint and an error, wired together. The label names the control, the hint describes it, and the error appears under it with a short settle when something is wrong.","name":"field","title":"Field","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react"],"description":"The form that holds the fields. It validates with the browser’s own rules, shows errors where they belong, takes errors back from your server, and hands you the values as an object.","name":"form","title":"Form","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react"],"description":"A text input and a textarea that grows as you write. Quiet at rest, lifted on focus, red when wrong.","name":"input","title":"Input","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react"],"description":"A number you can type, step with the buttons, or nudge with the arrow keys, kept inside its limits.","name":"number-field","registryDependencies":["@mizzle/input"],"title":"Number Field","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react"],"description":"Pick one of a few. The chosen ring fills and a dot grows from its centre.","name":"radio-group","title":"Radio Group","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react"],"description":"Choose one option from a list. The trigger looks like an input; when there is room the list opens over it with the chosen option sitting where the trigger was, like a native menu on a Mac, and otherwise just below it.","name":"select","registryDependencies":["@mizzle/input"],"title":"Select","type":"registry:ui"},{"categories":["forms"],"dependencies":["@base-ui/react"],"description":"An on and off that takes effect at once. The thumb slides across and stretches a little while you hold it.","name":"switch","title":"Switch","type":"registry:ui"},{"categories":["illustrations"],"description":"Three ways to sign in on the left, one check in the middle, your app on the right. Each turn a different method sends a signal, the lock becomes a tick that draws itself, and the app opens.","name":"auth-diagram","registryDependencies":["@mizzle/diagram","@mizzle/diagram-glyphs"],"title":"Authentication","type":"registry:ui"},{"categories":["illustrations"],"description":"Sixteen marks drawn by hand for Diagram tiles on a 24 unit grid, in a line style and a solid style: app, database, mail, card, chart, key, phone, shield, bank, receipt, coin, check, cloud, user and bolt.","name":"diagram-glyphs","registryDependencies":["@mizzle/diagram"],"title":"Diagram Glyphs","type":"registry:ui"},{"categories":["illustrations"],"description":"The parts the illustrations are made from: tiles, routes with ports, and a signal that travels them, all on one clock. Lay out your own in a few lines, with the glyph set or any icons you already use.","name":"diagram","registryDependencies":["@mizzle/use-entrance","@mizzle/use-merged-ref"],"title":"Diagram","type":"registry:ui"},{"categories":["illustrations"],"description":"Your app in the middle and four services around it, joined by routes with small ports. An event comes in along one route, the app lights up, and the answer goes out along the others. Put your own marks on the tiles.","name":"integrations-diagram","registryDependencies":["@mizzle/diagram","@mizzle/diagram-glyphs"],"title":"Integrations","type":"registry:ui"},{"categories":["illustrations"],"description":"A card is charged, the payment clears, and three things follow: the money goes to the bank, a receipt goes out and your app is told. The coin turns into a tick while it all happens.","name":"payments-diagram","registryDependencies":["@mizzle/diagram","@mizzle/diagram-glyphs"],"title":"Payments","type":"registry:ui"},{"categories":["media"],"description":"An image that resolves out of big pixels. It arrives as a handful of coloured blocks and sharpens in steps, each one halving the blocks, until it is the picture. A real image sits underneath the whole time.","name":"pixel-reveal","registryDependencies":["@mizzle/use-entrance","@mizzle/use-merged-ref"],"title":"Pixel Reveal","type":"registry:ui"},{"categories":["media"],"description":"A banner for a show or a launch: the episode plays behind the words, blurred to a glow that fades to black at the sides. On top sit a title, a line about it, one clear button that opens the player, and the ways to follow along.","name":"video-hero","registryDependencies":["@mizzle/video-player"],"title":"Video Hero","type":"registry:ui"},{"categories":["media"],"dependencies":["@base-ui/react"],"description":"A silent, looping preview that opens into a near full screen player. The player has the title and a link along the top, one row of controls along the bottom, a line you can scrub, and every key you would expect. It all gets out of the way while you watch.","name":"video-player","registryDependencies":["@mizzle/use-merged-ref"],"title":"Video Player","type":"registry:ui"},{"categories":["primitives"],"dependencies":["@base-ui/react"],"description":"Rows that open to show more. One thing moves: the panel’s height, on one short clock both ways, so rows trading places leave everything below them still and nothing creeps into place at the end. The plus turns into a minus on the same clock. Built on Base UI, animated in CSS.","name":"accordion","registryDependencies":["@mizzle/card"],"title":"Accordion","type":"registry:ui"},{"categories":["primitives"],"dependencies":["@base-ui/react"],"description":"A button that feels like an object: light on its surface, a shadow that deepens under the pointer and closes up when pressed, a quick press and a slow release. Busy and done states swap in softly without the button changing width. Built on Base UI, animated in CSS.","name":"button","title":"Button","type":"registry:ui"},{"categories":["primitives"],"description":"A soft tray around a raised surface, with concentric corners. As a link its surface lifts on hover and sinks on press, and its media breathes; it does not jump at the pointer.","name":"card","title":"Card","type":"registry:ui"},{"categories":["primitives"],"dependencies":["@base-ui/react"],"description":"A dialog built like the card: what you read sits on a raised surface, what you press sits under it on the tray. It comes towards you in 250ms and is gone in 150. Built on Base UI, animated in CSS.","name":"dialog","title":"Dialog","type":"registry:ui"},{"categories":["primitives"],"description":"A text link whose underline is drawn on the text: it draws in from the left, leaves to the right, and follows the words when they wrap. Four treatments, hover and keyboard alike, no JavaScript.","name":"link","title":"Link","type":"registry:ui"},{"categories":["primitives"],"dependencies":["@base-ui/react"],"description":"A menu of actions that grows out of the button that opened it and is gone the moment you choose. Items, ticks, choices, groups and key hints. Built on Base UI, animated in CSS.","name":"menu","title":"Menu","type":"registry:ui"},{"categories":["primitives"],"dependencies":["@base-ui/react"],"description":"Tabs whose selected chip tightens under a press, stretches towards the tab you pick, then gathers itself, with panels that drift in from the same side. A raised chip in a tray, or a sliding underline. Built on Base UI, animated in CSS.","name":"tabs","title":"Tabs","type":"registry:ui"},{"categories":["primitives"],"dependencies":["@base-ui/react"],"description":"A short message that rises in from just below where it rests, out of a slight blur, and leaves the same small way. Newer toasts stack in front and older ones tuck in behind, a little smaller and dimmer; hover the stack to spread it out. When a toast changes, its words and icon mo","name":"toast","registryDependencies":["@mizzle/button","@mizzle/use-outgoing"],"title":"Toast","type":"registry:ui"},{"categories":["primitives"],"dependencies":["@base-ui/react"],"description":"A row of controls that act on one thing: buttons, toggles, a choice of one, a link or an input. Arrow keys move between them, and where you pick one of a few the highlight glides between them.","name":"toolbar","title":"Toolbar","type":"registry:ui"},{"categories":["primitives"],"dependencies":["@base-ui/react"],"description":"A small label for a control. Give a row of controls one tooltip between them and it stays open as you move along: the label glides to the next control, changes width to fit, and the words dissolve from one to the next. Built on Base UI, animated in CSS.","name":"tooltip","title":"Tooltip","type":"registry:ui"},{"categories":["scroll"],"description":"Anything that arrives as it scrolls into view: a card, a paragraph, a section. It fades, rises a little and sharpens into focus; groups go one after another from a single trigger, and nothing inside is touched. No JavaScript animation.","name":"reveal","registryDependencies":["@mizzle/use-entrance","@mizzle/use-merged-ref"],"title":"Reveal","type":"registry:ui"},{"categories":["text"],"description":"Text on a dot matrix, five dots wide and seven tall, like a departure board. Unlit dots stay faintly visible, and when the text changes the dots that differ flip in a wave from the left. No JavaScript animation.","name":"dot-matrix","registryDependencies":["@mizzle/use-entrance","@mizzle/use-merged-ref"],"title":"Dot Matrix","type":"registry:ui"},{"categories":["text"],"description":"A mark made over a word or a phrase: a highlighter that wraps with the text, or a pen stroke under, around or round a word. Each is drawn when it comes into view. No JavaScript animation.","name":"highlight","registryDependencies":["@mizzle/use-entrance","@mizzle/use-merged-ref"],"title":"Highlight","type":"registry:ui"},{"categories":["text"],"description":"On hover each letter slides out and a copy slides in, one after another, optionally into a different word. Pure CSS: the stagger plays forward on enter and back on leave, and can be interrupted anywhere.","name":"letter-swap","registryDependencies":["@mizzle/split-text"],"title":"Letter Swap","type":"registry:ui"},{"categories":["text"],"description":"A number whose digits roll to their new value. Each digit is a reel behind a soft-edged window: it rolls the way the number moved, streaks while it is fast, and digits fold in and out when the number changes length.","name":"number-roll","registryDependencies":["@mizzle/use-entrance","@mizzle/use-merged-ref","@mizzle/use-reduced-motion"],"title":"Number Roll","type":"registry:ui"},{"categories":["text"],"description":"Text that resolves out of noise. A sweep crosses the string at a steady rate; characters behind it are final, characters ahead of it churn. Decoding, not glitching.","name":"scramble-text","registryDependencies":["@mizzle/use-merged-ref","@mizzle/use-reduced-motion"],"title":"Scramble Text","type":"registry:ui"},{"categories":["text"],"description":"Draws a signature, or any hand-drawn SVG, stroke by stroke at a steady pen speed, lifting between strokes. Pen centrelines are stroked; filled outlines are revealed as ink along their own path.","name":"signature","registryDependencies":["@mizzle/use-entrance","@mizzle/use-merged-ref"],"title":"Signature","type":"registry:ui"},{"categories":["text"],"description":"Splits a string into words and characters you can style one by one. Words still wrap, spaces stay real, screen readers hear the sentence, and every piece knows its index, word and measured line.","name":"split-text","registryDependencies":["@mizzle/use-merged-ref"],"title":"Split Text","type":"registry:ui"},{"categories":["text"],"description":"Text that arrives piece by piece: characters, words or lines. Each one fades, lifts a little and sharpens from a slight blur, so it reads as settling into focus. Pure CSS, no animation library.","name":"text-reveal","registryDependencies":["@mizzle/split-text","@mizzle/use-entrance","@mizzle/use-merged-ref"],"title":"Text Reveal","type":"registry:ui"},{"categories":["text"],"description":"Change a word without it blinking. The old word lifts away and blurs out as the new one rises in, and the space between them stretches to fit, so nothing beside it jumps.","name":"text-swap","registryDependencies":["@mizzle/use-outgoing"],"title":"Text Swap","type":"registry:ui"},{"categories":["text"],"description":"Types a list of phrases one after another, without the harshness: letters fade in and sharpen instead of popping, the rhythm is a little uneven like a person’s, and a finished phrase fades out as one instead of being backspaced.","name":"typewriter","registryDependencies":["@mizzle/use-reduced-motion"],"title":"Typewriter","type":"registry:ui"},{"categories":["widgets"],"description":"A delete button you press and hold. A fill sweeps across it while the bin’s lid lifts; let go early and it drains back, hold to the end and it deletes. Holding is the confirmation, so there is no dialog.","name":"delete-button","registryDependencies":["@mizzle/use-merged-ref","@mizzle/use-outgoing"],"title":"Delete Button","type":"registry:ui"},{"categories":["widgets"],"description":"A black pill that changes shape to fit what it is showing. Give it a view key and some content: it springs to the new size, overshooting a touch when it grows, and cross-fades what is inside. No animation library.","name":"dynamic-island","registryDependencies":["@mizzle/use-latest","@mizzle/use-merged-ref","@mizzle/use-outgoing"],"title":"Dynamic Island","type":"registry:ui"},{"categories":["widgets"],"description":"An icon bar whose active tab says its name, and whose page grows out of the bar. The label, the highlight and the shell move as one, on one clock. No animation library.","name":"expandable-tabs","registryDependencies":["@mizzle/use-latest","@mizzle/use-merged-ref","@mizzle/use-outgoing"],"title":"Expandable Tabs","type":"registry:ui"},{"categories":["widgets"],"dependencies":["@base-ui/react"],"description":"A menu built from stacked glass panels. Closed, it is a single bar. Open, the label flips, a tall body wipes down beneath it, and the link and language rows settle in after. Built on Base UI, animated in CSS.","name":"panel-menu","title":"Panel Menu","type":"registry:ui"},{"categories":["widgets"],"description":"An order ticket for a yes or no market. Pick an outcome and a side, type an amount, and the shares, the payout and the return roll to their new values. Built from the card, the tabs, the button and the rolling numbers.","name":"prediction-market","registryDependencies":["@mizzle/button","@mizzle/card","@mizzle/tabs","@mizzle/number-roll"],"title":"Prediction Market","type":"registry:ui"},{"categories":["widgets"],"dependencies":["@base-ui/react"],"description":"A scroll progress indicator you can scrub. A slim red needle runs along a tray of hairline ticks as the page scrolls, and dragging the needle scrolls the page. Built on Base UI, animated in CSS.","name":"tick-slider","title":"Tick Slider","type":"registry:ui"},{"categories":["ai"],"description":"Example usage of AI.","name":"agent-demo","registryDependencies":["@mizzle/confirmation","@mizzle/image-generation","@mizzle/marker","@mizzle/message-scroller","@mizzle/orb","@mizzle/outline","@mizzle/plan","@mizzle/prompt-input","@mizzle/questionnaire","@mizzle/reasoning","@mizzle/response","@mizzle/sources","@mizzle/suggestions","@mizzle/tasks","@mizzle/tool-call","@mizzle/turn","@mizzle/voice-note","@mizzle/text-swap"],"title":"Agent Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Confirmation.","name":"confirmation-demo","registryDependencies":["@mizzle/confirmation","@mizzle/prompt-input"],"title":"Confirmation Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Image Generation.","name":"image-generation-demo","registryDependencies":["@mizzle/image-generation"],"title":"Image Generation Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Image Generation.","name":"image-generation-loading-demo","registryDependencies":["@mizzle/image-generation"],"title":"Image Generation Loading Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Image Generation.","name":"image-generation-progress-demo","registryDependencies":["@mizzle/image-generation"],"title":"Image Generation Progress Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Loader.","name":"loader-demo","registryDependencies":["@mizzle/loader"],"title":"Loader Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Loader.","name":"loader-shapes-demo","registryDependencies":["@mizzle/loader"],"title":"Loader Shapes Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Loader.","name":"loader-sizes-demo","registryDependencies":["@mizzle/loader","@mizzle/button"],"title":"Loader Sizes Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Marker.","name":"marker-demo","registryDependencies":["@mizzle/loader","@mizzle/marker"],"title":"Marker Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Message Scroller.","name":"message-scroller-demo","registryDependencies":["@mizzle/message-scroller","@mizzle/prompt-input","@mizzle/response","@mizzle/turn"],"title":"Message Scroller Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Orb.","name":"orb-colors-demo","registryDependencies":["@mizzle/orb"],"title":"Orb Colors Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Orb.","name":"orb-demo","registryDependencies":["@mizzle/orb","@mizzle/shimmer","@mizzle/text-swap"],"title":"Orb Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Orb.","name":"orb-status-demo","registryDependencies":["@mizzle/orb","@mizzle/shimmer"],"title":"Orb Status Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Outline.","name":"outline-demo","registryDependencies":["@mizzle/message-scroller","@mizzle/outline","@mizzle/response","@mizzle/turn"],"title":"Outline Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Plan.","name":"plan-demo","registryDependencies":["@mizzle/plan","@mizzle/turn"],"title":"Plan Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Prompt Input.","name":"prompt-input-compact-demo","registryDependencies":["@mizzle/prompt-input","@mizzle/suggestions"],"title":"Prompt Input Compact Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Prompt Input.","name":"prompt-input-demo","registryDependencies":["@mizzle/prompt-input","@mizzle/text-swap"],"title":"Prompt Input Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Questionnaire.","name":"questionnaire-demo","registryDependencies":["@mizzle/questionnaire"],"title":"Questionnaire Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Reasoning.","name":"reasoning-demo","registryDependencies":["@mizzle/reasoning","@mizzle/response","@mizzle/turn"],"title":"Reasoning Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Reasoning.","name":"reasoning-finished-demo","registryDependencies":["@mizzle/reasoning"],"title":"Reasoning Finished Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Response.","name":"response-demo","registryDependencies":["@mizzle/response","@mizzle/sources","@mizzle/turn"],"title":"Response Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Shimmer.","name":"shimmer-demo","registryDependencies":["@mizzle/shimmer","@mizzle/text-swap"],"title":"Shimmer Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Sources.","name":"sources-demo","registryDependencies":["@mizzle/response","@mizzle/sources","@mizzle/turn"],"title":"Sources Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Suggestions.","name":"suggestions-demo","registryDependencies":["@mizzle/suggestions","@mizzle/turn"],"title":"Suggestions Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Suggestions.","name":"suggestions-list-demo","registryDependencies":["@mizzle/response","@mizzle/suggestions","@mizzle/turn"],"title":"Suggestions List Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Tasks.","name":"tasks-demo","registryDependencies":["@mizzle/prompt-input","@mizzle/tasks"],"title":"Tasks Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Tool Call.","name":"tool-call-demo","registryDependencies":["@mizzle/response","@mizzle/tool-call","@mizzle/turn"],"title":"Tool Call Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Tool Call.","name":"tool-call-states-demo","registryDependencies":["@mizzle/tool-call"],"title":"Tool Call States Demo","type":"registry:block"},{"categories":["ai"],"description":"Example usage of Turn.","name":"turn-demo","registryDependencies":["@mizzle/prompt-input","@mizzle/reasoning","@mizzle/response","@mizzle/tool-call","@mizzle/turn"],"title":"Turn Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Chat.","name":"chat-demo","registryDependencies":["@mizzle/message-scroller","@mizzle/chat-divider","@mizzle/composer","@mizzle/message","@mizzle/message-status","@mizzle/poll","@mizzle/reaction-picker","@mizzle/typing-indicator","@mizzle/voice-note","@mizzle/voice-recorder"],"title":"Chat Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Chat Divider.","name":"chat-divider-demo","registryDependencies":["@mizzle/chat-divider","@mizzle/message"],"title":"Chat Divider Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Composer.","name":"composer-demo","registryDependencies":["@mizzle/composer","@mizzle/message","@mizzle/message-status","@mizzle/voice-note","@mizzle/voice-recorder"],"title":"Composer Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Message.","name":"message-demo","registryDependencies":["@mizzle/message","@mizzle/message-status","@mizzle/reaction-picker","@mizzle/typing-indicator"],"title":"Message Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Message Status.","name":"message-status-demo","registryDependencies":["@mizzle/message","@mizzle/message-status"],"title":"Message Status Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Poll.","name":"poll-demo","registryDependencies":["@mizzle/message","@mizzle/poll"],"title":"Poll Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Poll.","name":"poll-multiple-demo","registryDependencies":["@mizzle/poll"],"title":"Poll Multiple Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Reaction Picker.","name":"reaction-picker-demo","registryDependencies":["@mizzle/message","@mizzle/reaction-picker"],"title":"Reaction Picker Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Typing Indicator.","name":"typing-indicator-demo","registryDependencies":["@mizzle/message","@mizzle/typing-indicator"],"title":"Typing Indicator Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Voice Note.","name":"voice-note-demo","registryDependencies":["@mizzle/message","@mizzle/message-status","@mizzle/voice-note"],"title":"Voice Note Demo","type":"registry:block"},{"categories":["chat"],"description":"Example usage of Voice Recorder.","name":"voice-recorder-demo","registryDependencies":["@mizzle/voice-note","@mizzle/voice-recorder"],"title":"Voice Recorder Demo","type":"registry:block"},{"categories":["data"],"dependencies":["@tanstack/react-table"],"description":"Example usage of Data Grid.","name":"data-grid-basic-demo","registryDependencies":["@mizzle/data-grid","@mizzle/data-grid-features"],"title":"Data Grid Basic Demo","type":"registry:block"},{"categories":["data"],"dependencies":["@tanstack/react-table"],"description":"Example usage of Data Grid.","name":"data-grid-demo","registryDependencies":["@mizzle/data-grid","@mizzle/data-grid-filter","@mizzle/data-grid-footer","@mizzle/data-grid-row-controls","@mizzle/data-grid-selection-bar","@mizzle/data-grid-toolbar","@mizzle/button","@mizzle/card","@mizzle/use-data-grid-filters","@mizzle/data-grid-features","@mizzle/data-grid-filters"],"title":"Data Grid Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Dissolve.","name":"dissolve-demo","registryDependencies":["@mizzle/dissolve","@mizzle/button"],"title":"Dissolve Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Dither.","name":"dither-demo","registryDependencies":["@mizzle/dither"],"title":"Dither Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Dither.","name":"dither-image-demo","registryDependencies":["@mizzle/dither"],"title":"Dither Image Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Glow.","name":"glow-demo","registryDependencies":["@mizzle/glow"],"title":"Glow Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Glow.","name":"glow-palettes-demo","registryDependencies":["@mizzle/glow"],"title":"Glow Palettes Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Pixel Field.","name":"pixel-field-demo","registryDependencies":["@mizzle/pixel-field"],"title":"Pixel Field Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Pixel Transition.","name":"pixel-transition-demo","registryDependencies":["@mizzle/pixel-transition","@mizzle/tabs"],"title":"Pixel Transition Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Pixel Transition.","name":"pixel-transition-patterns-demo","registryDependencies":["@mizzle/pixel-transition","@mizzle/button"],"title":"Pixel Transition Patterns Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Progressive Blur.","name":"progressive-blur-demo","registryDependencies":["@mizzle/progressive-blur"],"title":"Progressive Blur Demo","type":"registry:block"},{"categories":["effects"],"description":"Example usage of Progressive Blur.","name":"progressive-blur-image-demo","registryDependencies":["@mizzle/progressive-blur"],"title":"Progressive Blur Image Demo","type":"registry:block"},{"categories":["forms"],"description":"Example usage of Checkbox.","name":"checkbox-demo","registryDependencies":["@mizzle/checkbox","@mizzle/field"],"title":"Checkbox Demo","type":"registry:block"},{"categories":["forms"],"description":"Example usage of Field.","name":"field-demo","registryDependencies":["@mizzle/field","@mizzle/input"],"title":"Field Demo","type":"registry:block"},{"categories":["forms"],"description":"Example usage of Form.","name":"form-demo","registryDependencies":["@mizzle/checkbox","@mizzle/field","@mizzle/form","@mizzle/input","@mizzle/number-field","@mizzle/select","@mizzle/button"],"title":"Form Demo","type":"registry:block"},{"categories":["forms"],"description":"Example usage of Input.","name":"input-demo","registryDependencies":["@mizzle/field","@mizzle/input"],"title":"Input Demo","type":"registry:block"},{"categories":["forms"],"description":"Example usage of Number Field.","name":"number-field-demo","registryDependencies":["@mizzle/field","@mizzle/number-field"],"title":"Number Field Demo","type":"registry:block"},{"categories":["forms"],"description":"Example usage of Radio Group.","name":"radio-group-demo","registryDependencies":["@mizzle/field","@mizzle/radio-group"],"title":"Radio Group Demo","type":"registry:block"},{"categories":["forms"],"description":"Example usage of Select.","name":"select-demo","registryDependencies":["@mizzle/field","@mizzle/select"],"title":"Select Demo","type":"registry:block"},{"categories":["forms"],"description":"Example usage of Switch.","name":"switch-demo","registryDependencies":["@mizzle/field","@mizzle/switch"],"title":"Switch Demo","type":"registry:block"},{"categories":["illustrations"],"description":"Example usage of Authentication.","name":"auth-diagram-demo","registryDependencies":["@mizzle/auth-diagram"],"title":"Auth Diagram Demo","type":"registry:block"},{"categories":["illustrations"],"description":"Example usage of Diagram.","name":"diagram-cards-demo","registryDependencies":["@mizzle/auth-diagram","@mizzle/integrations-diagram","@mizzle/payments-diagram","@mizzle/card"],"title":"Diagram Cards Demo","type":"registry:block"},{"categories":["illustrations"],"description":"Example usage of Diagram.","name":"diagram-demo","registryDependencies":["@mizzle/diagram","@mizzle/diagram-glyphs"],"title":"Diagram Demo","type":"registry:block"},{"categories":["illustrations"],"description":"Example usage of Diagram.","name":"diagram-glyphs-demo","registryDependencies":["@mizzle/diagram","@mizzle/diagram-glyphs"],"title":"Diagram Glyphs Demo","type":"registry:block"},{"categories":["illustrations"],"description":"Example usage of Integrations.","name":"integrations-diagram-demo","registryDependencies":["@mizzle/integrations-diagram"],"title":"Integrations Diagram Demo","type":"registry:block"},{"categories":["illustrations"],"description":"Example usage of Payments.","name":"payments-diagram-demo","registryDependencies":["@mizzle/payments-diagram"],"title":"Payments Diagram Demo","type":"registry:block"},{"categories":["media"],"description":"Example usage of Pixel Reveal.","name":"pixel-reveal-demo","registryDependencies":["@mizzle/pixel-reveal","@mizzle/button"],"title":"Pixel Reveal Demo","type":"registry:block"},{"categories":["media"],"description":"Example usage of Pixel Reveal.","name":"pixel-reveal-hover-demo","registryDependencies":["@mizzle/pixel-reveal"],"title":"Pixel Reveal Hover Demo","type":"registry:block"},{"categories":["media"],"description":"Example usage of Video Hero.","name":"video-hero-demo","registryDependencies":["@mizzle/video-hero"],"title":"Video Hero Demo","type":"registry:block"},{"categories":["media"],"description":"Example usage of Video Player.","name":"video-player-demo","registryDependencies":["@mizzle/video-player"],"title":"Video Player Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Accordion.","name":"accordion-card-demo","registryDependencies":["@mizzle/accordion"],"title":"Accordion Card Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Accordion.","name":"accordion-demo","registryDependencies":["@mizzle/accordion"],"title":"Accordion Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Button.","name":"button-demo","registryDependencies":["@mizzle/button"],"title":"Button Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Button.","name":"button-status-demo","registryDependencies":["@mizzle/button"],"title":"Button Status Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Card.","name":"card-demo","registryDependencies":["@mizzle/card"],"title":"Card Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Dialog.","name":"dialog-demo","registryDependencies":["@mizzle/button","@mizzle/dialog"],"title":"Dialog Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Dialog.","name":"dialog-nested-demo","registryDependencies":["@mizzle/button","@mizzle/dialog"],"title":"Dialog Nested Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Link.","name":"link-demo","registryDependencies":["@mizzle/link"],"title":"Link Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Link.","name":"link-inline-demo","registryDependencies":["@mizzle/link"],"title":"Link Inline Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Menu.","name":"menu-demo","registryDependencies":["@mizzle/button","@mizzle/menu"],"title":"Menu Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Menu.","name":"menu-options-demo","registryDependencies":["@mizzle/button","@mizzle/menu"],"title":"Menu Options Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Tabs.","name":"tabs-demo","registryDependencies":["@mizzle/tabs"],"title":"Tabs Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Tabs.","name":"tabs-line-demo","registryDependencies":["@mizzle/tabs"],"title":"Tabs Line Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toast.","name":"toast-anchored-demo","registryDependencies":["@mizzle/button","@mizzle/toast"],"title":"Toast Anchored Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toast.","name":"toast-demo","registryDependencies":["@mizzle/button","@mizzle/toast"],"title":"Toast Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toast.","name":"toast-pill-demo","registryDependencies":["@mizzle/button","@mizzle/toast"],"title":"Toast Pill Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toast.","name":"toast-position-demo","registryDependencies":["@mizzle/toast"],"title":"Toast Position Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toast.","name":"toast-promise-demo","registryDependencies":["@mizzle/button","@mizzle/toast"],"title":"Toast Promise Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toast.","name":"toast-status-demo","registryDependencies":["@mizzle/button","@mizzle/toast"],"title":"Toast Status Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toast.","name":"toast-upsert-demo","registryDependencies":["@mizzle/button","@mizzle/toast"],"title":"Toast Upsert Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toolbar.","name":"toolbar-demo","registryDependencies":["@mizzle/toolbar"],"title":"Toolbar Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toolbar.","name":"toolbar-share-demo","registryDependencies":["@mizzle/toolbar"],"title":"Toolbar Share Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toolbar.","name":"toolbar-sort-demo","registryDependencies":["@mizzle/toolbar"],"title":"Toolbar Sort Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Toolbar.","name":"toolbar-tools-demo","registryDependencies":["@mizzle/toolbar"],"title":"Toolbar Tools Demo","type":"registry:block"},{"categories":["primitives"],"description":"Example usage of Tooltip.","name":"tooltip-demo","registryDependencies":["@mizzle/toolbar","@mizzle/tooltip"],"title":"Tooltip Demo","type":"registry:block"},{"categories":["scroll"],"description":"Example usage of Reveal.","name":"reveal-demo","registryDependencies":["@mizzle/button","@mizzle/card","@mizzle/reveal"],"title":"Reveal Demo","type":"registry:block"},{"categories":["scroll"],"description":"Example usage of Reveal.","name":"reveal-effects-demo","registryDependencies":["@mizzle/button","@mizzle/reveal"],"title":"Reveal Effects Demo","type":"registry:block"},{"categories":["scroll"],"description":"Example usage of Reveal.","name":"reveal-scroll-demo","registryDependencies":["@mizzle/progressive-blur","@mizzle/reveal"],"title":"Reveal Scroll Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Dot Matrix.","name":"dot-matrix-charset-demo","registryDependencies":["@mizzle/dot-matrix"],"title":"Dot Matrix Charset Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Dot Matrix.","name":"dot-matrix-demo","registryDependencies":["@mizzle/dot-matrix"],"title":"Dot Matrix Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Highlight.","name":"highlight-demo","registryDependencies":["@mizzle/highlight"],"title":"Highlight Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Letter Swap.","name":"letter-swap-demo","registryDependencies":["@mizzle/letter-swap"],"title":"Letter Swap Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Number Roll.","name":"number-roll-demo","registryDependencies":["@mizzle/button","@mizzle/number-roll"],"title":"Number Roll Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Number Roll.","name":"number-roll-spin-demo","registryDependencies":["@mizzle/number-roll"],"title":"Number Roll Spin Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Scramble Text.","name":"scramble-text-demo","registryDependencies":["@mizzle/scramble-text"],"title":"Scramble Text Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Signature.","name":"signature-demo","registryDependencies":["@mizzle/signature"],"title":"Signature Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Split Text.","name":"split-text-demo","registryDependencies":["@mizzle/split-text"],"title":"Split Text Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Text Reveal.","name":"text-reveal-demo","registryDependencies":["@mizzle/text-reveal"],"title":"Text Reveal Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Text Reveal.","name":"text-reveal-effects-demo","registryDependencies":["@mizzle/text-reveal"],"title":"Text Reveal Effects Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Text Swap.","name":"text-swap-demo","registryDependencies":["@mizzle/text-swap"],"title":"Text Swap Demo","type":"registry:block"},{"categories":["text"],"description":"Example usage of Typewriter.","name":"typewriter-demo","registryDependencies":["@mizzle/typewriter"],"title":"Typewriter Demo","type":"registry:block"},{"categories":["widgets"],"description":"Example usage of Delete Button.","name":"delete-button-demo","registryDependencies":["@mizzle/delete-button"],"title":"Delete Button Demo","type":"registry:block"},{"categories":["widgets"],"description":"Example usage of Dynamic Island.","name":"dynamic-island-demo","registryDependencies":["@mizzle/tabs","@mizzle/number-roll","@mizzle/dynamic-island"],"title":"Dynamic Island Demo","type":"registry:block"},{"categories":["widgets"],"description":"Example usage of Expandable Tabs.","name":"expandable-tabs-demo","registryDependencies":["@mizzle/number-roll","@mizzle/expandable-tabs"],"title":"Expandable Tabs Demo","type":"registry:block"},{"categories":["widgets"],"description":"Example usage of Panel Menu.","name":"panel-menu-demo","registryDependencies":["@mizzle/panel-menu"],"title":"Panel Menu Demo","type":"registry:block"},{"categories":["widgets"],"description":"Example usage of Prediction Market.","name":"prediction-market-demo","registryDependencies":["@mizzle/prediction-market"],"title":"Prediction Market Demo","type":"registry:block"},{"categories":["widgets"],"description":"Example usage of Tick Slider.","name":"tick-slider-demo","registryDependencies":["@mizzle/tick-slider","@mizzle/use-scroll-progress"],"title":"Tick Slider Demo","type":"registry:block"},{"description":"The live height of an element's content, for a container that animates its height to fit as the content opens, closes or grows. Includes a settled flag so a section that starts open does not animate in.","name":"use-content-height","title":"Use Content Height","type":"registry:hook"},{"description":"Holds the Data Grid's filters and the actions that change them, keeping each operator in step with how many values it has. Works out every column's options, counts and number range from the rows, or takes them from a server. Renders nothing, so the same state can drive a table, a","name":"use-data-grid-filters","registryDependencies":["@mizzle/data-grid-filters"],"title":"Use Data Grid Filters","type":"registry:hook"},{"description":"Wraps a callback so it runs once the calls stop for a given time, always with the newest arguments and the newest callback. A call still waiting when the component unmounts runs then, so the last keystroke before a popover closes is not lost.","name":"use-debounced-callback","registryDependencies":["@mizzle/use-latest"],"title":"Use Debounced Callback","type":"registry:hook"},{"description":"Decides when a CSS entrance plays: a frame after mount, or when the element scrolls into view. Returns a boolean to put on a data attribute; includes a small useInView.","name":"use-entrance","title":"Use Entrance","type":"registry:hook"},{"description":"A ref that always holds the newest value of a prop or callback, updated after each render. Lets an effect or a subscription call the latest callback without re-running whenever its identity changes.","name":"use-latest","title":"Use Latest","type":"registry:hook"},{"description":"Points several refs at one element, so a component can keep its own ref and still honour the one passed to it. Supports object refs, callback refs and React 19 ref cleanups.","name":"use-merged-ref","title":"Use Merged Ref","type":"registry:hook"},{"description":"Keeps the content that was just replaced for the length of its exit, so it can fade out in CSS while the new content fades in. Give it a key and what is shown under that key; it returns the previous pair until the duration has passed.","name":"use-outgoing","title":"Use Outgoing","type":"registry:hook"},{"description":"Whether the visitor has asked for reduced motion, as a boolean that is safe to read while rendering: false on the server and during hydration, then the real setting, and it updates if the setting changes.","name":"use-reduced-motion","title":"Use Reduced Motion","type":"registry:hook"},{"description":"How far the page, or a scroll container, has been scrolled, from 0 to 1, kept current as it scrolls or resizes, with a setter that scrolls it to a fraction. Vertical by default. Pairs content with a progress indicator or a scrubber.","name":"use-scroll-progress","title":"Use Scroll Progress","type":"registry:hook"}]},"manifest ui":{"favicon":"/favicons/manifest-ui.svg","items":[{"categories":["form"],"dependencies":["lucide-react"],"description":"A complete contact form with name fields, phone with country selector, email, message textarea, and file attachment.","name":"contact-form","registryDependencies":["button","input","label","popover"],"title":"Contact Form","type":"registry:block"},{"categories":["form"],"dependencies":["lucide-react"],"description":"A Calendly-style date and time picker with calendar, available time slots, and timezone display.","name":"date-time-picker","registryDependencies":["button","popover"],"title":"Date & Time Picker","type":"registry:block"},{"categories":["form"],"dependencies":["lucide-react"],"description":"A compact issue reporting form for team members with categories, impact/urgency levels, and file attachments.","name":"issue-report-form","registryDependencies":["button","input","label","select"],"title":"Issue Report Form","type":"registry:block"},{"categories":["payment"],"dependencies":["lucide-react"],"description":"Order confirmation with product image, delivery info, and confirm action.","name":"order-confirm","registryDependencies":["button","https://ui.manifest.build/r/manifest-types.json"],"title":"Order Confirm","type":"registry:block"},{"categories":["payment"],"dependencies":["lucide-react"],"description":"Payment confirmation card with product image, price, delivery info, and tracking button. Supports default and compressed variants.","name":"payment-confirmed","registryDependencies":["button","https://ui.manifest.build/r/manifest-types.json"],"title":"Payment Confirmed","type":"registry:block"},{"categories":["list"],"dependencies":["lucide-react"],"description":"Product list with list, grid, carousel, and picker variants.","name":"product-list","registryDependencies":["button","https://ui.manifest.build/r/manifest-types.json"],"title":"Product List","type":"registry:block"},{"categories":["selection"],"dependencies":["lucide-react"],"description":"Tag-style option selector with single or multiple selection modes.","name":"option-list","registryDependencies":["button","https://ui.manifest.build/r/manifest-types.json"],"title":"Option List","type":"registry:block"},{"categories":["payment"],"dependencies":["lucide-react"],"description":"Amount input with increment/decrement buttons and preset values.","name":"amount-input","registryDependencies":["button","https://ui.manifest.build/r/manifest-types.json"],"title":"Amount Input","type":"registry:block"},{"categories":["selection"],"dependencies":["lucide-react"],"description":"Colored tag selector with single or multiple selection and color variants.","name":"tag-select","registryDependencies":["button"],"title":"Tag Select","type":"registry:block"},{"categories":["selection"],"description":"Quick reply buttons for common chat responses.","name":"quick-reply","title":"Quick Reply","type":"registry:block"},{"categories":["status"],"dependencies":["lucide-react"],"description":"Progress indicator with horizontal or vertical layout and step statuses.","name":"progress-steps","title":"Progress Steps","type":"registry:block"},{"categories":["status"],"dependencies":["lucide-react"],"description":"Status badge with multiple states (success, pending, processing, error, shipped, delivered).","name":"status-badge","title":"Status Badge","type":"registry:block"},{"categories":["miscellaneous"],"dependencies":["lucide-react"],"description":"Scrollable stat cards with values, trends, and change indicators.","name":"stat-card","title":"Stat Card","type":"registry:block"},{"categories":["blogging"],"dependencies":["lucide-react"],"description":"Post card with image, title, excerpt, author info and read more button. Supports default, compact, horizontal, and covered variants. Includes post-detail for fullscreen view.","name":"post-card","registryDependencies":["button","tooltip","https://ui.manifest.build/r/manifest-types.json"],"title":"Post Card","type":"registry:block"},{"categories":["blogging"],"dependencies":["lucide-react"],"description":"Post list with list, grid, carousel, and fullwidth variants. Fullwidth mode shows paginated posts.","name":"post-list","registryDependencies":["button","tooltip","https://ui.manifest.build/r/manifest-types.json"],"title":"Post List","type":"registry:block"},{"categories":["blogging"],"dependencies":["lucide-react"],"description":"Full post view with cover image, author info, content, tags and related posts section.","name":"post-detail","registryDependencies":["button","tooltip","https://ui.manifest.build/r/manifest-types.json"],"title":"Post Detail","type":"registry:block"},{"categories":["list"],"dependencies":["lucide-react"],"description":"Data table with optional single or multi-select modes for chat interfaces.","name":"table","registryDependencies":["button","popover","select","input"],"title":"Table","type":"registry:block"},{"categories":["messaging"],"dependencies":["lucide-react"],"description":"Chat message bubbles with text, image, voice, and reaction variants.","name":"message-bubble","registryDependencies":["dropdown-menu"],"title":"Message Bubble","type":"registry:block"},{"categories":["messaging"],"dependencies":["lucide-react"],"description":"Full chat conversation component with multiple message types.","name":"chat-conversation","registryDependencies":["dropdown-menu","https://ui.manifest.build/r/manifest-types.json"],"title":"Chat Conversation","type":"registry:block"},{"categories":["social"],"dependencies":["lucide-react"],"description":"X (Twitter) post card with engagement metrics.","name":"x-post","title":"X Post","type":"registry:block"},{"categories":["social"],"dependencies":["lucide-react"],"description":"Instagram post card with image and engagement.","name":"instagram-post","registryDependencies":["dropdown-menu"],"title":"Instagram Post","type":"registry:block"},{"categories":["social"],"dependencies":["lucide-react"],"description":"LinkedIn post card with professional styling.","name":"linkedin-post","title":"LinkedIn Post","type":"registry:block"},{"categories":["social"],"dependencies":["lucide-react"],"description":"YouTube video card with playable embed.","name":"youtube-post","registryDependencies":["dropdown-menu"],"title":"YouTube Post","type":"registry:block"},{"categories":["map"],"dependencies":["lucide-react","leaflet"],"description":"Interactive map with location markers and a draggable carousel of cards.","devDependencies":["@types/leaflet"],"name":"map-carousel","registryDependencies":["button","checkbox"],"title":"Map Carousel","type":"registry:block"},{"categories":["events"],"dependencies":["lucide-react"],"description":"Display event information with multiple layouts. Supports events with images, signals, vibe tags, and display-formatted date/time. Entire card is clickable.","name":"event-card","registryDependencies":["https://ui.manifest.build/r/manifest-types.json"],"title":"Event Card","type":"registry:block"},{"categories":["events"],"dependencies":["lucide-react","react-leaflet","leaflet"],"description":"Display events in grid, list, or carousel layouts. Fullscreen mode shows interactive split-screen map with Leaflet and animated filter panel.","devDependencies":["@types/leaflet"],"name":"event-list","registryDependencies":["button","checkbox","https://ui.manifest.build/r/event-card.json","https://ui.manifest.build/r/manifest-types.json","https://ui.manifest.build/r/event-shared.json"],"title":"Event List","type":"registry:block"},{"categories":["events"],"dependencies":["lucide-react","react-leaflet","leaflet"],"description":"Full event detail view with organizer info, interactive map, policies, and ticket purchase. Fullwidth mode only.","devDependencies":["@types/leaflet"],"name":"event-detail","registryDependencies":["button","https://ui.manifest.build/r/manifest-types.json","https://ui.manifest.build/r/event-shared.json"],"title":"Event Detail","type":"registry:block"},{"categories":["events"],"dependencies":["lucide-react"],"description":"Ticket tier selection with quantity controls and order summary. Shows price breakdown with fees.","name":"ticket-tier-select","registryDependencies":["button"],"title":"Ticket Tier Select","type":"registry:block"},{"categories":["events"],"dependencies":["lucide-react"],"description":"Order confirmation with event details, ticket delivery info, organizer follow, and social sharing.","name":"event-confirmation","registryDependencies":["button"],"title":"Event Confirmation","type":"registry:block"},{"categories":["miscellaneous"],"dependencies":["lucide-react"],"description":"Landing hero section with optional logos, title, subtitle, CTA buttons, and tech logos footer. Supports image or text logos with separator.","name":"hero","registryDependencies":["button"],"title":"Hero","type":"registry:block"}]},"pie menu":{"favicon":"/favicons/pie-menu.svg","items":[{"dependencies":["radix-ui"],"description":"A radial menu with press-drag-release selection, keyboard support, and enter and exit animations.","name":"pie-menu","registryDependencies":["utils"],"title":"Pie Menu","type":"registry:ui"}]},"payload components":{"favicon":"/favicons/payload-components.svg","items":[{"description":"Payload Components proof-of-concept hero block.","name":"hero-basic","registryDependencies":["badge"],"title":"Hero Basic","type":"registry:block"},{"description":"Two-column Payload hero block with an editor-placed visual.","name":"hero-split","registryDependencies":["badge"],"title":"Hero Split","type":"registry:block"},{"dependencies":["motion"],"description":"Full-bleed video hero with editor-managed media and a reduced-motion poster fallback.","name":"hero-video","registryDependencies":["badge"],"title":"Hero Video","type":"registry:block"},{"description":"Centered product hero with a static perspective frame and editor-managed media.","name":"hero-product-tilt","registryDependencies":["badge"],"title":"Hero Product Tilt","type":"registry:block"},{"dependencies":["motion"],"description":"Motion-first product hero with an animated aurora field, staggered reveal, parallax panel, and metric ticker.","name":"hero-aurora","registryDependencies":["badge"],"title":"Hero Aurora","type":"registry:block"},{"dependencies":["motion"],"description":"Motion-first editorial hero with a line-masked type reveal, cinematic plate, and velocity marquee.","name":"hero-kinetic","title":"Hero Kinetic","type":"registry:block"},{"description":"Text-first Payload feature grid with optional CTA wiring.","name":"feature-grid-basic","registryDependencies":["badge","card"],"title":"Feature Grid Basic","type":"registry:block"},{"description":"Two-column Payload feature block: heading and CTA beside a feature list.","name":"feature-split","registryDependencies":["badge","card"],"title":"Feature Split","type":"registry:block"},{"description":"Asymmetric Payload bento grid with a featured lead cell and supporting cells.","name":"feature-bento","registryDependencies":["badge","card"],"title":"Feature Bento","type":"registry:block"},{"description":"Numbered Payload steps block for sequential, how-it-works feature flows.","name":"feature-steps","registryDependencies":["badge","card"],"title":"Feature Steps","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Synchronized feature accordion with editor-selected icons and optional media.","name":"feature-accordion","registryDependencies":["accordion","badge"],"title":"Feature Accordion","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two-column feature cards with independent media and optional icons.","name":"feature-cards-media","registryDependencies":["badge","card"],"title":"Feature Cards Media","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Dense feature grid with editor-selected icons and a tokenized radial decorator.","name":"feature-icon-grid","registryDependencies":["badge","card"],"title":"Feature Icon Grid","type":"registry:block"},{"description":"Responsive, accessible sandboxed iframe block for approved HTTPS embeds.","name":"embed-basic","title":"Embed Basic","type":"registry:block"},{"description":"Centered, wrapping wall of editable logo uploads under a heading.","name":"logo-cloud-grid","title":"Logo Cloud Grid","type":"registry:block"},{"description":"Logo wall that dims and blurs on hover to reveal a CTA link.","name":"logo-cloud-hover","title":"Logo Cloud Hover","type":"registry:block"},{"dependencies":["motion"],"description":"Auto-scrolling marquee of editable logos with progressive-blur edge fades.","name":"logo-cloud-marquee","title":"Logo Cloud Marquee","type":"registry:block"},{"description":"Compact label-over-logos strip of editable trust logos.","name":"logo-cloud-inline","title":"Logo Cloud Inline","type":"registry:block"},{"description":"Single wrapping row keeping the label inline with editable logos.","name":"logo-cloud-inline-wrap","title":"Logo Cloud Inline Wrap","type":"registry:block"},{"description":"Two-column Payload content block: a heading beside body copy and a CTA.","name":"content-columns","registryDependencies":["badge"],"title":"Content Columns","type":"registry:block"},{"description":"Payload content block led by a full-width image above a heading, body, and CTA.","name":"content-image-lead","registryDependencies":["badge"],"title":"Content Image Lead","type":"registry:block"},{"description":"Payload content block: body copy and two icon features beside a framed media panel.","name":"content-feature-media","registryDependencies":["badge"],"title":"Content Feature Media","type":"registry:block"},{"description":"Payload content block: a side media panel beside body copy and two icon features.","name":"content-feature-split","registryDependencies":["badge"],"title":"Content Feature Split","type":"registry:block"},{"description":"Payload content block: a centered intro, a full-width image, and a four-up feature grid.","name":"content-showcase","registryDependencies":["badge"],"title":"Content Showcase","type":"registry:block"},{"description":"Payload content block: a media panel beside body copy and a cited pull quote.","name":"content-quote","registryDependencies":["badge"],"title":"Content Quote","type":"registry:block"},{"description":"Payload content block: a centered heading and body above a wall of community avatars.","name":"content-community","registryDependencies":["badge"],"title":"Content Community","type":"registry:block"},{"description":"A responsive grid of integration cards with logo, name, description, and a learn-more link.","name":"integration-grid","title":"Integration Grid","type":"registry:block"},{"description":"A centered cluster of integration logos around a featured brand mark, with a heading and CTA.","name":"integration-cluster","title":"Integration Cluster","type":"registry:block"},{"description":"A two-column section pairing a featured-mark logo cluster with a heading, subtext, and CTA.","name":"integration-split","title":"Integration Split","type":"registry:block"},{"description":"Integration logos wired to a central brand mark by connector lines.","name":"integration-connect","title":"Integration Connect","type":"registry:block"},{"description":"Concentric rings of integration logos that orbit a featured brand mark on hover.","name":"integration-orbit","title":"Integration Orbit","type":"registry:block"},{"description":"A vertical list of integration rows with logo, name, description, and an add action.","name":"integration-list","title":"Integration List","type":"registry:block"},{"dependencies":["motion"],"description":"Three auto-scrolling rows of integration logos around a featured brand mark.","name":"integration-marquee","title":"Integration Marquee","type":"registry:block"},{"description":"A two-column section pairing a customer quote with a grid of integration logo cards.","name":"integration-testimonial","title":"Integration Testimonial","type":"registry:block"},{"description":"Payload content block: an intro above alternating media-and-text rows.","name":"content-split-rows","registryDependencies":["badge"],"title":"Content Split Rows","type":"registry:block"},{"description":"Payload content block: an intro above a uniform stack of media-and-text rows.","name":"content-rows","registryDependencies":["badge"],"title":"Content Rows","type":"registry:block"},{"description":"Payload content block: a centered intro above a layered, framed screenshot.","name":"content-image-frame","registryDependencies":["badge"],"title":"Content Image Frame","type":"registry:block"},{"description":"Payload content block: an intro, a grid of icon features, and a stats list.","name":"content-stats","registryDependencies":["badge"],"title":"Content Stats","type":"registry:block"},{"description":"Payload content block: a serif heading beside a labeled-term list.","name":"content-list","registryDependencies":["badge"],"title":"Content List","type":"registry:block"},{"description":"Payload content block: a serif heading above a two-column labeled-term list.","name":"content-list-columns","registryDependencies":["badge"],"title":"Content List Columns","type":"registry:block"},{"description":"Payload content block: a serif heading and intro above a multi-column icon list.","name":"content-list-icons","registryDependencies":["badge"],"title":"Content List Icons","type":"registry:block"},{"description":"Centered Payload call-to-action block: heading, copy, and one or two CTA links.","name":"call-to-action-centered","title":"Call To Action Centered","type":"registry:block"},{"description":"Boxed Payload call-to-action block: heading, copy, and CTA links inside a nested panel.","name":"call-to-action-boxed","title":"Call To Action Boxed","type":"registry:block"},{"description":"Split Payload call-to-action block: heading and copy on one side, CTA links and assurance on the other.","name":"call-to-action-split","title":"Call To Action Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Email-capture Payload call-to-action block: heading, copy, and a form that posts to a same-origin endpoint.","name":"call-to-action-signup","registryDependencies":["button"],"title":"Call To Action Signup","type":"registry:block"},{"description":"Validated contact channels beside an accessible same-origin inquiry form.","name":"contact-routing-form","registryDependencies":["badge","button","input","textarea"],"title":"Contact Routing Form","type":"registry:block"},{"description":"Form-free Payload contact block: a grid of validated email, phone, and URL channels.","name":"contact-channels","registryDependencies":["badge"],"title":"Contact Channels","type":"registry:block"},{"description":"Payload team block: department-grouped sections, each a grid of member avatars with name and role.","name":"team-roster","registryDependencies":["badge"],"title":"Team Roster","type":"registry:block"},{"description":"Payload team block: a heading and intro above a responsive grid of member photo cards that reveal role on hover.","name":"team-grid","registryDependencies":["badge"],"title":"Team Grid","type":"registry:block"},{"description":"Bio-forward Payload team block: two-up member cards with avatar, role, and biography.","name":"team-bios","registryDependencies":["badge"],"title":"Team Bios","type":"registry:block"},{"description":"Payload FAQ block: a centered accordion of question/answer items with an optional CTA.","name":"faq-accordion","registryDependencies":["accordion","badge"],"title":"FAQ Accordion","type":"registry:block"},{"description":"Payload FAQ block: a two-column layout pairing a sticky heading and CTA with an accordion.","name":"faq-split","registryDependencies":["accordion","badge"],"title":"FAQ Split","type":"registry:block"},{"description":"Payload FAQ block: a centered accordion wrapped in a card with an optional CTA.","name":"faq-card","registryDependencies":["accordion","badge","card"],"title":"FAQ Card","type":"registry:block"},{"description":"Payload FAQ block: an accordion with a per-question icon from a fixed allowlist.","name":"faq-icons","registryDependencies":["accordion","badge"],"title":"FAQ Icons","type":"registry:block"},{"description":"Payload FAQ block: titled, icon-tagged category groups of accordions.","name":"faq-grouped","registryDependencies":["accordion","badge"],"title":"FAQ Grouped","type":"registry:block"},{"description":"Payload FAQ block: a static two-column grid of question/answer cards.","name":"faq-grid","registryDependencies":["badge","card"],"title":"FAQ Grid","type":"registry:block"},{"description":"Tiered feature-comparison table Payload block: plan columns with CTAs over grouped feature rows.","name":"comparator-table","registryDependencies":["badge"],"title":"Comparator Table","type":"registry:block"},{"description":"Plan-column comparison Payload block: pricing columns in a bordered card over a feature matrix.","name":"comparator-grid","registryDependencies":["badge","card"],"title":"Comparator Grid","type":"registry:block"},{"description":"Stacked plan-card comparison Payload block: one card per plan with its own price, CTA, and feature checklist.","name":"comparator-stack","registryDependencies":["badge","card"],"title":"Comparator Stack","type":"registry:block"},{"description":"Payload testimonials block: a single featured quote with a left accent bar, author, optional role, and avatar.","name":"testimonials-quote","title":"Testimonials Quote","type":"registry:block"},{"description":"Payload testimonials block: a single centered testimonial with a quote-mark, large avatar, author, and role.","name":"testimonials-spotlight","title":"Testimonials Spotlight","type":"registry:block"},{"description":"Payload testimonials block: a heading above a responsive grid of quote cards, each with author, optional role, and avatar.","name":"testimonials-grid","registryDependencies":["badge"],"title":"Testimonials Grid","type":"registry:block"},{"description":"Payload testimonials block: a responsive grid of review cards, each with a star rating, quote, author, optional role, and avatar.","name":"testimonials-rating","registryDependencies":["badge"],"title":"Testimonials Rating","type":"registry:block"},{"description":"Payload testimonials block: an asymmetric bento with one featured quote in a large cell and supporting quotes around it.","name":"testimonials-bento","registryDependencies":["badge"],"title":"Testimonials Bento","type":"registry:block"},{"description":"Payload testimonials block: a heading above a multi-column masonry wall of compact testimonial cards.","name":"testimonials-wall","registryDependencies":["badge"],"title":"Testimonials Wall","type":"registry:block"},{"description":"Narrative and prominent string metrics paired with semantic customer proof.","name":"stats-proof","registryDependencies":["badge"],"title":"Stats Proof","type":"registry:block"},{"description":"Heading and intro above a responsive grid of large string metrics on rule-topped columns.","name":"stats-grid","registryDependencies":["badge"],"title":"Stats Grid","type":"registry:block"},{"description":"A centred heading above one divided panel that splits metrics into equal columns.","name":"stats-card","registryDependencies":["badge"],"title":"Stats Card","type":"registry:block"},{"description":"Heading and intro above rule-topped rows where each figure reads as one sentence.","name":"stats-inline","registryDependencies":["badge"],"title":"Stats Inline","type":"registry:block"},{"description":"Three-up pricing table of editable plan cards with a highlighted plan.","name":"pricing-cards","registryDependencies":["badge","card"],"title":"Pricing Cards","type":"registry:block"},{"description":"Three-up pricing table on muted card surfaces with a highlighted plan.","name":"pricing-cards-muted","registryDependencies":["badge","card"],"title":"Pricing Cards Muted","type":"registry:block"},{"description":"Three-up pricing table with the CTA inside each plan header.","name":"pricing-cards-cta","registryDependencies":["badge","card"],"title":"Pricing Cards CTA","type":"registry:block"},{"description":"Two-plan split pricing: a compact entry plan beside an expanded featured plan.","name":"pricing-split","registryDependencies":["badge"],"title":"Pricing Split","type":"registry:block"},{"description":"Single wide enterprise pricing panel with an editable trust-logo wall.","name":"pricing-enterprise","registryDependencies":["badge"],"title":"Pricing Enterprise","type":"registry:block"},{"description":"A Pages block that queries the starter Posts collection by category or manual selection and renders grid, list, or featured cards.","name":"collection-query","registryDependencies":["badge","card"],"title":"Collection Query","type":"registry:block"},{"description":"A brand block beside labelled columns of navigation links, closed by a copyright rule.","name":"footer-columns","title":"Footer Columns","type":"registry:block"},{"description":"A compact footer keeping the brand and one wrapped row of links on a line, copyright beneath.","name":"footer-simple","title":"Footer Simple","type":"registry:block"},{"description":"A centred brand, tagline, and navigation above a rule carrying copyright and policy links.","name":"footer-centered","title":"Footer Centered","type":"registry:block"},{"description":"An accessible contact form with name, email, organization, and message fields, inline validation, and confirmed submission feedback.","name":"contact-form-basic","title":"Contact Form Basic","type":"registry:block"},{"description":"An editorial article header with title, summary, categories, byline, date, and an optional image slot.","name":"post-hero","title":"Post Hero","type":"registry:component"},{"description":"An article author profile with optional avatar, role, biography, and profile link.","name":"author-card","title":"Author Card","type":"registry:component"},{"description":"A newsletter signup callout with a consumer-owned form endpoint.","name":"newsletter-callout","title":"Newsletter Callout","type":"registry:component"},{"description":"A compact end-of-post list of related articles your template selects; the current post is always excluded.","name":"related-posts","title":"Related Posts","type":"registry:component"}]},"planes":{"favicon":"/favicons/planes.svg","items":[{"categories":["webgl"],"description":"Turn any logo into a light source. The SVG becomes a distance field lit with a white-hot core, halo, needle flares, and soft petals over film grain.","name":"logo-flare","title":"Logo Flare","type":"registry:ui"},{"categories":["webgl"],"description":"Light through glass. Soft streaks bend across the frame with true chromatic dispersion: blue on one edge, amber on the other, white in the core.","name":"prism","title":"Prism","type":"registry:ui"},{"categories":["webgl"],"description":"Streamlines of real potential flow bend around an invisible wing where your headline sits, with smoke pulses and a turbulent wake.","name":"wind-tunnel","title":"Wind Tunnel","type":"registry:ui"},{"categories":["webgl"],"description":"The window seat: a cloud deck seen from altitude, drifting forward under a blue-hour sky with cirrus overhead.","name":"cloud-sea","title":"Cloud Sea","type":"registry:ui"},{"categories":["webgl"],"description":"A GPU fluid simulation the pointer paints with coloured ink. Ambient splats keep it moving when nobody is touching it.","name":"ink","title":"Ink","type":"registry:ui"},{"categories":["webgl"],"description":"Diagonal luminous ribbons rendered in a fragment shader. They drift, thin to hairlines toward the top, and part around the cursor.","name":"slipstream","title":"Slipstream","type":"registry:ui"},{"categories":["webgl"],"description":"A warp tunnel in a fragment shader. Bundles of golden light pour down from a vanishing point at the top edge and brighten toward the bottom corners.","name":"warp","title":"Warp","type":"registry:ui"},{"categories":["webgl"],"description":"Saturated ribbons raked across black, broken into grain by a noise mask instead of blurred into haze. They drift on their own and lean with the pointer. Pure CSS, no canvas.","name":"beams","title":"Beams","type":"registry:ui"},{"categories":["webgl"],"description":"A slow fire in a fragment shader. Coals burn white along the bottom edge, flames lick up through heat haze, and sparks lift into the dark and wink out. The pointer stirs it.","name":"embers","title":"Embers","type":"registry:ui"},{"categories":["webgl"],"description":"A ray-marched torus rendered as a live terminal. Every frame is quantised into a monospace grid of glyphs by luminance, drawn by a bitmap font baked into the shader. Tilts toward the pointer.","name":"ascii-webgl","title":"ASCII WebGL","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"An endless canvas of image cards that drifts on its own, wraps seamlessly in both axes, and can be grabbed and thrown in any direction. Every card can link out.","name":"infinity-canvas","title":"Infinity Canvas","type":"registry:ui"},{"categories":["controls"],"dependencies":["lucide-react","motion"],"description":"A calendar picker with spring month transitions and day cells that stagger in as you navigate.","name":"animated-date-picker","title":"Date Picker","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"A non-modal popover anchored to its trigger, with a soft accent wash that blooms from the button as the panel scales in. Flips when space runs out and stays put on scroll.","name":"halftone-popover","title":"Halftone Popover","type":"registry:ui"},{"categories":["controls"],"dependencies":["lucide-react","motion"],"description":"A combobox that collects chips. Type to filter with the match highlighted, create new tags inline, and watch chips spring in and out of the field.","name":"multi-select","title":"Multi Select","type":"registry:ui"},{"categories":["controls"],"dependencies":["lucide-react","motion"],"description":"A searchable, grouped select that becomes a drag-to-dismiss bottom sheet on mobile and a spring popover on desktop.","name":"animated-select","title":"Animated Select","type":"registry:ui"},{"categories":["controls"],"dependencies":["lucide-react","motion"],"description":"Stacked notification cards that fan out into a full list, then collapse back into a compact peek.","name":"card-stack","title":"Card Stack","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"Segmented tabs with a pill that stretches as it moves and settles into the selected tab.","name":"segmented-control","title":"Segmented Control","type":"registry:ui"},{"categories":["controls"],"dependencies":["class-variance-authority","motion"],"description":"A number input with rolling digits and plus and minus buttons that spring on press.","name":"number-stepper","title":"Number Stepper","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"A cookie banner people actually enjoy: accept and the cookie crumbles, reject and it rolls away. Preferences open in place, or start as a tiny pill that morphs open.","name":"cookie-consent","title":"Cookie Consent","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"An email signup that expands from a button and animates from idle into a success state.","name":"email-capture","title":"Email Capture","type":"registry:ui"},{"categories":["controls"],"dependencies":["lucide-react","motion"],"description":"A nested-card command palette that springs open, staggers its groups with a blur-fade, and drives fully from the keyboard.","name":"command-palette","title":"Command Palette","type":"registry:ui"},{"categories":["controls"],"dependencies":["lucide-react","motion"],"description":"A scratch-off foil over any content. Rub it and the metallic coating flakes away along your stroke; clear half and the rest gives way. Press and hold to clear it from one point.","name":"scratch-card","title":"Scratch Card","type":"registry:ui"},{"categories":["webgl"],"description":"Slow waves of noise dithered in one ink on pure black, scattered as gradient noise or grown as halftone dots. Pass any hex as the ink.","name":"dither-field","title":"Dither Field","type":"registry:ui"},{"categories":["webgl"],"description":"Light refracted through water onto a dark floor. Filaments drift and gather beneath your pointer; a click drops a ripple that bends them outward. Brand-neutral, so it sits behind any headline.","name":"caustics","title":"Caustics","type":"registry:ui"},{"categories":["webgl"],"description":"A soap film stretched across a dark frame. Interference fringes swirl and drain under gravity; your pointer stirs the film and thins it to black. Colors come from physics, not a palette.","name":"thin-film","title":"Thin Film","type":"registry:ui"},{"categories":["webgl"],"description":"A survey map of terrain that never stops moving. Fine contour lines drift as the land slowly folds; every fifth line runs heavier, like a real chart. Your pointer is a gravity well: contours crowd toward it and twist into a spiral, brightening as they bunch.","name":"topography","title":"Topography","type":"registry:ui"},{"categories":["webgl"],"description":"After the marble screens of the Taj Mahal. A star-and-cross lattice cut from veined marble, thick enough that you see into every cut. Sunset burns behind it; your pointer is the sun, so light blooms through the holes and creeps around their edges as you move.","name":"jali","title":"Jali","type":"registry:ui"},{"categories":["webgl"],"description":"A spiral galaxy seen from just above the disk. Arms wind out of a warm core, dust lanes cut across them, and pink nurseries flare along the ridges. Your pointer orbits the camera: tilt it edge-on or open it face-on while three layers of stars slide past in parallax.","name":"galaxy","title":"Galaxy","type":"registry:ui"},{"categories":["webgl"],"description":"Totality. A black disc covers the sun and the corona streams out around it, with a thin red chromosphere at the rim and stars in a daytime sky. Move the pointer and the alignment slips: a blinding diamond ring bursts from one edge, flares across the frame, then closes back to dar","name":"eclipse","title":"Eclipse","type":"registry:ui"},{"categories":["webgl"],"description":"Long-exposure light trails. Wide soft bands and hair-thin lines of red, cyan and white all race along one diagonal, drifting slowly across a dark field. Ambient by design: no pointer tricks, just motion.","name":"streaks","title":"Streaks","type":"registry:ui"},{"categories":["webgl"],"description":"A cooling lava field. Black crust drifts on a river of heat, and the fissures between plates glow from ember red to white as the flow breathes underneath. Hold your pointer over it and the crust reheats: cracks widen, the surface goes molten, and sparks lift off.","name":"magma","title":"Magma","type":"registry:ui"},{"categories":["webgl"],"description":"Sand on a vibrating steel plate. Your pointer sets the frequency and the grains shuffle into Chladni resonance figures live. Click to kick the sand into the air and let it resettle.","name":"cymatics","title":"Cymatics","type":"registry:ui"},{"categories":["webgl"],"description":"Ferrofluid in a dish. A black pool rests at the bottom; your pointer is the magnet. Move it and a lattice of glossy spikes rises and follows, then collapses when you leave.","name":"ferrofluid","title":"Ferrofluid","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"A realistic rotary knob with depth, spring-loaded momentum, and lighting that reacts as you turn it.","name":"physical-knob","title":"Physical Knob","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"A one-time-code input with rolling digit entry, an animated caret, error shake, and a success pop. Paste-friendly and accessible.","name":"otp-input","title":"OTP Input","type":"registry:ui"},{"categories":["controls"],"dependencies":["lucide-react","motion"],"description":"A Like button that reveals a reaction picker on hover. Your pick flies back along a curved path and becomes the active reaction.","name":"reaction-arc","title":"Reaction Arc","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"An iOS-style bottom sheet with detents. Drag between resting heights, rubber-band past the top, flick down to dismiss — all velocity-aware.","name":"detent-drawer","title":"Detent Drawer","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"A MacBook notch that is the menu. Hover or tap and the notch itself swells into a shelf of links on a Swift-tuned spring, the camera holding its place at the top, then shrinks back. Concave flares, a lit lower lip, and a halo so black reads on black.","name":"notch","title":"Notch","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"A thermal printer that feeds out a receipt line by line, then waits for you to grab the paper and tear it off — resistance first, then the rip.","name":"receipt-printer","title":"Receipt Printer","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"Drag-select where the marquee is an elastic band — it bows behind fast movement, items pop as it overtakes them, and on release it snaps tight around the selection.","name":"rubber-band-select","title":"Rubber Band Select","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"An AI thinking pill that cycles through phase labels like Searching and Writing, then pops a check when it finishes.","name":"thinking-loader","title":"Thinking Loader","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"An AI chat composer with an auto-growing input, a model picker, and a send button that turns into a stop button while a response streams.","name":"ai-prompt-composer","title":"AI Prompt Composer","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"An assistant message that develops in like ink — a soft-feathered edge sweeps down the text with an iridescent glow riding the write-frontier, then copy, regenerate, and feedback actions fade in without shifting the layout.","name":"streaming-message","title":"Streaming Message","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"A collapsible thinking panel that streams reasoning steps one at a time, then folds down to a short summary you can reopen.","name":"reasoning-trace","title":"Reasoning Trace","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"An AI image that resolves pixel by pixel — tiny iridescent pixels sparkle while it thinks, then a dithered ring grows from the centre, flashing each cell as the photo appears behind it.","name":"pixel-image-generation","title":"Pixel Image Generation","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"An AI image result that develops in like a real render — a grainy block preview resolves pass by pass behind a soft light front, then download and regenerate fade in.","name":"image-generation","title":"Image Generation","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"A full chat experience that ties the AI components together. Send a prompt and watch the reasoning stream, the reply type out, and the view pin to the bottom.","name":"ai-chat","title":"AI Chat","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"A pricing section with a billing toggle, prices that roll when you switch, and a highlighted popular tier.","name":"pricing-table","title":"Pricing Table","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A fanned arc of overlapping artwork cards. Hover one and it springs forward while its neighbors nudge aside.","name":"hero-card-stack","title":"Hero Card Stack","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A swipeable card deck. The front card drags off in your swipe direction, then tucks behind a fanned stack. Built for touch, with a reduced-motion fallback.","name":"swipe-card-deck","title":"Swipe Card Deck","type":"registry:ui"},{"categories":["media"],"description":"An Apple-style analog clock whose tick ring and numerals wrap the card's own rounded corners, with a vermillion sweeping second hand.","name":"watch-face","title":"Watch Face","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"The iOS world-clock widget as a live component — a tick ring fills with the passing seconds around rolling digits, a city label, and the offset from your local time.","name":"digital-watch-face","title":"Digital Watch Face","type":"registry:ui"},{"categories":["media"],"dependencies":["lucide-react","motion"],"description":"A now-playing card that resolves tracks straight from iTunes search URLs and plays their previews, shuffling through the list and auto-advancing between songs.","name":"apple-music-card","title":"Apple Music Card","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"Avatars fly in from the blurred foreground and pack into a slowly orbiting rosette, computed for any head-count.","name":"avatar-cluster","title":"Avatar Cluster","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A GitHub contribution graph with a linked profile header, hover tooltips, and a staggered reveal. Point it at any username for live data, or feed it your own counts.","name":"github-chart","title":"GitHub Chart","type":"registry:ui"},{"categories":["media"],"dependencies":["lucide-react","motion"],"description":"A bento grid of image tiles. Tap one and it flies into a fullscreen viewer over a blurred backdrop — image on the left, a content sidebar sliding in on the right.","name":"bento-grid","title":"Bento Grid","type":"registry:ui"},{"categories":["media"],"dependencies":["lucide-react","motion"],"description":"An image grid that flies the tapped photo into a fullscreen viewer. Swipe between shots, then drag down and let go — it shrinks in your hand and flicks back to its cell.","name":"photo-lightbox","title":"Photo Lightbox","type":"registry:ui"},{"categories":["media"],"dependencies":["lucide-react","motion"],"description":"A YouTube player on an IMAX-style curved screen, backlit by ambient light that tracks playback, with YouTube's own controls left in charge. Letterboxed films are measured and cropped to fit.","name":"curved-video-player","title":"Curved Video Player","type":"registry:ui"},{"categories":["controls"],"dependencies":["lucide-react","motion"],"description":"A floating tray that re-shapes itself as you move between steps — the container's height morphs on a spring while views cross-fade through blur. The Family wallet drawer.","name":"morphing-tray","title":"Morphing Tray","type":"registry:ui"},{"categories":["media"],"description":"Any image, redrawn live as ordered Bayer dither on the GPU. The cursor acts like a loupe — the pattern sharpens and the original colors develop under it.","name":"dither-renderer","title":"Dither Renderer","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A neat deck of photos with the rest peeking out behind the cover. Hover and they slide into a row one by one on a spring.","name":"photo-stack","title":"Photo Stack","type":"registry:ui"},{"categories":["media"],"dependencies":["lucide-react","motion"],"description":"A feature card that grows from its place in the grid into a full detail view, artwork welded to the card the whole way, with body copy that lands after it settles.","name":"expanding-card","title":"Expanding Card","type":"registry:ui"},{"categories":["templates"],"dependencies":["lucide-react","motion"],"description":"A full landing page for AI automation products, built from the section components with scroll-triggered reveals: hero, feature grid, testimonials, pricing, CTA, and footer.","name":"ai-automation-template","title":"AI Automation Platform","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"Huge type wrapped around the inside of a cylinder that slowly spins, two rows turning in opposite directions around a photo at the centre. Each slide wipes in a new image and retints the words to match. Built from real 3D-transformed letters, so it stays razor sharp.","name":"text-cylinder","title":"Text Cylinder","type":"registry:ui"},{"categories":["heroes"],"dependencies":["motion"],"description":"An image-first hero with a floating pill nav, a framed classical painting, a serif headline accent, and inline email capture.","name":"editorial-hero","title":"Editorial Hero","type":"registry:ui"},{"categories":["heroes"],"dependencies":["motion"],"description":"A landing hero with pill nav, badge, headline, and two CTAs over a painted dusk landscape. Pure SVG, no image assets.","name":"landing-hero","title":"Landing Hero","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"Integration logos fire a synchronized wave of light pulses along drawn beams that converge on a central hub, which swells and ripples as they land together.","name":"integration-beams","title":"Integration Beams","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A dotted world map where comets of light arc between cities, each landing with a ripple. Markers pulse idly and reveal their labels on hover.","name":"world-map","title":"World Map","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A rotating globe of land dots with your locations glowing as accent markers, each sending out a slow ripple. Drag to spin it — momentum hands back to the idle rotation.","name":"dotted-globe","title":"Dotted Globe","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A radar with a glowing sweep arm that lights up blips as it passes, each flaring with a ripple before fading until the next pass.","name":"radar-sweep","title":"Radar Sweep","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"A dense, keyboard-first data table: sortable mono columns with an arrow that turns in place, shift-click range selection and a bulk bar that rises with a rolling count, search and filter chips that narrow without flicker, pagination or windowed scrolling for ten thousand rows, an","name":"data-table","title":"Data Table","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A vignetted wall of integration tiles that fades out at the edges, with your logo glowing on an inverted tile in the center. Tiles ripple in from the middle and lift on hover.","name":"integration-grid","title":"Integration Grid","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"Notification cards stream in from the top, springing the stack down as older ones dissolve through a soft fade at the bottom.","name":"activity-feed","title":"Activity Feed","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A hub-and-spoke diagram with dashed connectors. Hover it and every node swells on a spring while the lines brighten and their dashes flow toward the hub.","name":"radial-hub-diagram","title":"Radial Hub Diagram","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"An FAQ accordion where rows pop in, panels unfold on a spring, and the plus icon twists into a close mark.","name":"faq-section","title":"FAQ Section","type":"registry:ui"},{"categories":["logins"],"dependencies":["motion"],"description":"A getty login on an amber CRT. Real email and password inputs behind a phosphor prompt, scanlines and a slow roll bar from a shader overlay, a sync tear when the password is wrong, and the tube collapses to a line when it's right.","name":"terminal-login","title":"Terminal Login","type":"registry:ui"},{"categories":["logins"],"dependencies":["lucide-react"],"description":"An email-first login split with artwork, where the form rises in and the provider tiles stagger under it.","name":"portal-login","title":"Portal Login","type":"registry:ui"},{"categories":["footers"],"dependencies":["motion"],"description":"A site footer with link columns and a full-bleed wordmark fitted to the page width, fading in from the top with film grain. It rises in on scroll and a light follows the pointer through the letters.","name":"wordmark-footer","title":"Wordmark Footer","type":"registry:ui"},{"categories":["footers"],"dependencies":["motion"],"description":"A centered footer stack, in light and dark themes, over a giant halftone-dot wordmark fitted to the width and cropped by the page bottom. The dots glow in your accent colour and the glow slowly breathes.","name":"halftone-footer","title":"Halftone Footer","type":"registry:ui"},{"categories":["heroes"],"dependencies":["motion"],"description":"A bright, centered hero with an avatar trust badge, a two-line headline, and a painted valley that settles with a slow Ken Burns drift.","name":"scenic-hero","title":"Scenic Hero","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A vinyl sleeve player. The record lifts out, spins, and responds to the transport controls.","name":"album-cover","title":"Album Cover","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A handheld retro media player with a CRT display, a speaker grill, and spring-loaded transport buttons.","name":"retro-music-player","title":"Retro Music Player","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"The chatbot launcher for any site: a small sphere with round eyes that blink and follow your cursor, a teaser bubble that pops in, and a press that morphs the orb into the full AI Chat with its face shrinking into the header.","name":"chat-orb","title":"Chat Orb","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"A code change streaming in the way an agent writes it: removed lines strike through first, each block of additions develops in from a blur top to bottom, unchanged context folds away, and Accept or Reject collapses the losing side out of the block.","name":"inline-diff","title":"Inline Diff","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"A plan that behaves like an agent's plan: steps light up along a rail that fills as they finish, the active one breathes and shimmers its sub-status, failures insert recovery steps that slide the list apart, and the whole thing folds into one line when it's done.","name":"agent-plan","title":"Agent Plan","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"The inline row an agent leaves when it uses a tool: a mono call signature like read_file(page.tsx), the tool's glyph with a spinner that resolves into a drawn check, a note that shimmers while it runs, and a panel that unfolds to the arguments and result.","name":"tool-call-card","title":"Tool Call Card","type":"registry:ui"},{"categories":["controls"],"description":"A MacBook keyboard drawn in CSS with real key-unit geometry: light or dark caps, a perspective tilt that dissolves into the page, chosen keys lit in your accent color, and every physical key you press sinking and glowing on screen.","name":"keyboard","title":"Keyboard","type":"registry:ui"},{"categories":["ai"],"dependencies":["lucide-react","motion"],"description":"The permission prompt an agent shows before a risky action: a risk badge and mono command, Allow with a countdown ring that pauses while you hover, Deny that shakes the card, then the whole thing folds into a one-line receipt.","name":"approval-card","title":"Approval Card","type":"registry:ui"},{"categories":["media"],"description":"Apple-style scroll-edge blur: content dissolves into stacked backdrop layers that get progressively stronger toward the edge, with an optional tint and room for a floating header or toolbar inside.","name":"progressive-blur","title":"Progressive Blur","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"Hyperlinks that show an image tooltip on hover, tracking your cursor with a parallax tilt on the artwork.","name":"link-preview","title":"Link Preview","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A flip card that swings toward the side your cursor enters from, with a tracked sheen, parallax tilt, and a lifting shadow.","name":"direction-aware-flip-card","title":"Direction-Aware Flip Card","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A two-column client index. Hover a name and its preview scales into focus while the row drifts under your cursor.","name":"hover-reveal","title":"Hover Reveal","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A center card ringed by smaller cards. Hovering the center scatters them outward with spring overshoot; leaving snaps them back behind.","name":"radial-pop-out","title":"Radial Pop-out","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"A 3D coverflow carousel with spring physics. Navigate by drag, scroll wheel, or keyboard, with optional reflection and audio feedback.","name":"cover-flow","title":"Cover Flow","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"A wheel of photos that spins past the lens, blurring everything but the frame in focus.","name":"image-wheel","title":"Image Wheel","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"A gallery that stretches whichever frame you hover into focus.","name":"image-flow-carousel","title":"Image Flow Carousel","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"A straight marquee of cards where each photo pans inside its frame as it crosses the viewport — direction-aware parallax that follows your drag, scroll, or the auto-glide.","name":"parallax-carousel","title":"Parallax Carousel","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"A strip of thumbnails that pops in one by one and grows into an endless carousel. While it scrolls the strip stretches like rubber and streaks with motion blur, then snaps back crisp on a title and counter.","name":"elastic-carousel","title":"Elastic Carousel","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"Photos and videos ride the outside of a cylinder: the frame in front faces you flat, the neighbours bend away and dim toward the edges. Auto-glides, drags with momentum, scrubs with a trackpad, and videos only play while they are on screen.","name":"bend-carousel","title":"Bend Carousel","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"Portrait cards ride a curved arc, tilting and dropping toward the edges as they auto-scroll past. Drag to scrub, hover to slow.","name":"arc-marquee","title":"Arc Marquee","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"A bordered grid of logos where each cell cycles independently, rippling in a wave across the columns.","name":"logo-wall","title":"Logo Wall","type":"registry:ui"},{"categories":["physics"],"dependencies":["motion"],"description":"Nine pendulums of different lengths drift out of sync to form a travelling wave, driven entirely by their physics.","name":"pendulum-wave","title":"Pendulum Wave","type":"registry:ui"},{"categories":["physics"],"dependencies":["lucide-react","motion"],"description":"A grid of nodes lit by spreading wavefronts. It fires on its own every few seconds, or click to start one.","name":"ripple-grid","title":"Ripple Grid","type":"registry:ui"},{"categories":["physics"],"dependencies":["motion"],"description":"Particles scatter out of noise and converge into text. A clean AI-generation reveal.","name":"particle-reveal","title":"Particle Reveal","type":"registry:ui"},{"categories":["physics"],"description":"An interactive 3D Rubik's cube. Drag to orbit, click a face to twist a layer. Built with CSS 3D transforms.","name":"rubiks-cube","title":"Rubik's Cube","type":"registry:ui"},{"categories":["physics"],"dependencies":["motion"],"description":"A globe of dots that drift in space and scatter from your cursor; tap to send a shockwave rippling through them. Toggle to a smooth perspective spin.","name":"dotted-sphere","title":"Dotted Sphere","type":"registry:ui"},{"categories":["physics"],"dependencies":["motion"],"description":"Text or an image rendered as drifting dots that scatter from your cursor; tap to send a shockwave rippling through the glyph.","name":"dot-monogram","title":"Dot Monogram","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"An airport departure board that flips through characters mechanically to spell each phrase, every cell cascading at its own pace.","name":"split-flap-board","title":"Split-Flap Board","type":"registry:ui"},{"categories":["text"],"description":"On hover, the label fades out and new text resolves character by character, each glyph shimmering up before it settles.","name":"smooth-stagger-text","title":"Smooth Stagger Text","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"The film-title reveal: each word drifts down out of a heavy blur and settles, slow enough to feel like a camera pulling focus.","name":"cinematic-text","title":"Cinematic Text","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"A band of rainbow light sweeps once, left to right, across a title or line of copy as it scrolls into view, and the text appears in its own color right behind it. Real, selectable type throughout.","name":"rainbow-text","title":"Rainbow Text","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"Any word as glass neon tubing. Each letter strikes on with its own stutter as the sign scrolls into view, the bloom spills onto the wall behind it, and now and then a tired tube browns out. Real, selectable text underneath.","name":"neon-sign","title":"Neon Sign","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"Photos deal onto a pile one at a time, then the pile fans out into a row of slanted planes on one line. Hover a plane, or tap it on a phone, and it squares up to face you while its neighbours make room.","name":"photo-planes","title":"Photo Planes","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A row of shuttered photo panels. Hover one and it widens a touch as the shade lifts off the photo; click and it slides open across the row with its caption, the rest folding into labeled slivers.","name":"shutter-gallery","title":"Shutter Gallery","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"Your name written out by hand, stroke by stroke. Each stroke draws itself in order with a pen nib riding the tip and a beat between pen lifts, either once when it scrolls into view or scrubbed by scroll. Type any name with the built-in script, or pass your real signature as an SV","name":"signature-reveal","title":"Signature Reveal","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"A headline that resolves out of a bad signal. Characters scramble through glyphs and lock in left to right while red and cyan slices tear across, once when it scrolls into view.","name":"glitch-reveal","title":"Glitch Reveal","type":"registry:ui"},{"categories":["text"],"dependencies":["motion"],"description":"A price or stat where every digit is a wheel: change the number and only the digits that moved spin, upward when it rises and downward when it falls.","name":"odometer","title":"Odometer","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A hero screenshot that stands up from a tilted perspective to flat as the visitor scrolls in — transform-only, driven by scroll position.","name":"hero-media-scroll-out","title":"Hero Media Scroll-Out","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A navigation panel that reshapes to each menu's content instead of swapping — measured width and height, a caret that tracks the trigger, keyboard-driven.","name":"mega-menu","title":"Mega Menu","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"A velocity-driven marquee that eases to a crawl on hover instead of freezing, pauses for keyboard focus, and can be flung by hand — the engine under logo rows and testimonial bands.","name":"marquee","title":"Marquee","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A pinned stage that hands its children a 0–1 scroll progress motion value, so any transform can be scrubbed by the thumb instead of played on a timer.","name":"scroll-stage","title":"Scroll Stage","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A looping photo stack for creators. Tap the cover and it slides forward, tucks behind the pile, and the next photo springs to the front, endlessly.","name":"photo-shuffle","title":"Photo Shuffle","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"Feature tabs where the hovered title grows a soft pill that bridges into the image frame beside it, sharing one surface. The description unfolds beneath and the image crossfades.","name":"hover-tabs","title":"Hover Tabs","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"Tabs over a single live liquid panel. Switching tabs doesn't swap a picture: the shader flows into the next palette and shape while the copy slides in from the side you moved to. The pill tints to match.","name":"shader-tabs","title":"Shader Tabs","type":"registry:ui"},{"categories":["controls"],"dependencies":["lucide-react","motion"],"description":"A file drop area that turns into a live readout while you drag: it counts the files you are carrying with rolling digits, sums them up by type, warns when you are over the file limit or carrying a type the rules shut out, and a soft light follows the pointer around its edge. Drop","name":"file-dropzone","title":"File Dropzone","type":"registry:ui"},{"categories":["controls"],"description":"A Gemini-style input ringed by a living WebGL glow. Brand colours flow around the border and breathe outward; hover warms it and focus blooms it into a full halo. Works on light and dark surfaces.","name":"glow-input","title":"Glow Input","type":"registry:ui"},{"categories":["controls"],"dependencies":["motion"],"description":"A copy button where the two squares of the icon slide into each other and a tick draws itself, while only the letters that change roll over, so Copy becomes Copied without the shared letters moving. The width springs to fit, and a failed copy shakes.","name":"copy-button","title":"Copy Button","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"Feature panels in a row, each a live dithered shader on black. Hover one and it grows to take the row while the others fold to a vertical title. A different shader from Flood and Index: three flat inks scattered as grain, no gradients.","name":"shader-strip","title":"Shader Strip","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A site navbar with a mega menu. Hover a section and its links slide into a panel beside a live liquid card that flows into that section's palette. Keyboard, Escape and hover intent handled; collapses to a burger with accordions on phones.","name":"shader-nav","title":"Shader Nav","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A feature list. Hover a row and a dithered shader wipes across it from the side the cursor entered, then drains out the side it leaves. Each row has its own inks; the rest dim.","name":"shader-rows","title":"Shader Rows","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A features grid where the liquid shader pours into a card from exactly where the cursor enters, and drains out the way it leaves. Every card has its own palette, and the rest dim while one is lit. On phones a tap floods the card.","name":"shader-flood","title":"Shader Flood","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A bold feature index where hovering a title dims the rest, slides it forward, and floats a liquid shader block beside it with its own palette and icon. On phones it becomes a tap accordion.","name":"shader-index","title":"Shader Index","type":"registry:ui"},{"categories":["text"],"description":"A headline filled with flowing silk. The liquid bends toward the pointer, and a click melts the whole word to the next palette. Real text underneath, so it stays selectable for screen readers and search.","name":"liquid-headline","title":"Liquid Headline","type":"registry:ui"},{"categories":["sections"],"dependencies":["motion"],"description":"A card whose surface is flowing silk. Swap the palette and the whole card melts to the new colour. Turn on interactive and it tilts toward the pointer, a sheen slides across with the lean, and the fold follows your hand.","name":"silk-card","title":"Silk Card","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"An inline media thumbnail sitting between two words that swells to fill the viewport as the visitor scrolls, pushing the copy apart and fading it out — scroll-scrubbed, spring-smoothed.","name":"scroll-zoom-reveal","title":"Scroll Zoom Reveal","type":"registry:ui"},{"categories":["carousels"],"dependencies":["motion"],"description":"An endless row of portraits that shrinks away from the one in focus, framed by corner brackets with a caption above and a title below. Click, arrow keys, or a trackpad swipe move the focus with a loose spring.","name":"focus-scale-carousel","title":"Focus Scale Carousel","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"An area chart whose fill is the liquid or dither shader, clipped to the curve. The area wipes in while the line draws itself; hover snaps a crosshair and tooltip to the nearest point and the fill leans toward the cursor. Swap datasets and the curve morphs.","name":"shader-area","title":"Shader Area","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"A bar chart where every bar is a block of the liquid shader, grown from the baseline. Hover a bar and the rest dim while a tooltip names its value; change the data and the bars re-spring to their new heights.","name":"shader-bars","title":"Shader Bars","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"A streamgraph where every layer is its own shader. Bands unfurl from the centre line, hovering one lights it and dims the rest, and new data morphs the river rather than redrawing it.","name":"shader-stream","title":"Shader Stream","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"A donut chart on a plain 2D canvas where every segment is a printed halftone: dark ink at the inner edge dithering out to light at the rim. Segments sweep in one after another while the total counts up; hover lifts a segment, dims the rest and swaps the centre to its value.","name":"dither-donut","title":"Dither Donut","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"A heatmap that encodes magnitude as dither density instead of colour steps: every cell is an ordered-dither tile of one ink, from empty to solid, so it reads like a halftone print. Cells develop in from noise, and hover or arrow keys pick a cell with a ring, lit axis labels and a","name":"dither-heatmap","title":"Dither Heatmap","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"The KPI row at the top of every dashboard, done properly. Each tile counts its number up on enter, wears a delta chip, and ends in a sparkline whose area is an ink wash of the dither shader. Hover for a crosshair and the point's value; arrow keys walk the points.","name":"shader-stat-tiles","title":"Shader Stat Tiles","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"The ranked bar list every dashboard has, top pages, top countries, top customers, drawn as halftone: each bar is an ordered-dither of one ink that thins from solid at the left to sparse dots at its end, all painted on one canvas. Bars grow in with a spring while the values count ","name":"dither-bar-list","title":"Dither Bar List","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"A single-number gauge on a plain 2D canvas: a speedometer arc or full ring whose filled portion is a printed halftone, dark ink at the inner edge dithering out to light at the rim, over a faint paper track. The arc sweeps in while the number counts up; thresholds swap the ink as ","name":"dither-gauge","title":"Dither Gauge","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"The standard multi-series line chart: up to five crisp lines in fixed hues over one axis, each with a dithered fill beneath, or a soft gradient if you prefer. Lines draw themselves in on enter, hover snaps a crosshair with a ring on every line and one tooltip listing them all, an","name":"dither-line-chart","title":"Dither Line Chart","type":"registry:ui"},{"categories":["charts"],"dependencies":["motion"],"description":"A pie chart on a plain 2D canvas where every slice is a printed halftone: dark ink at the centre dithering out to light at the rim, with hairline gaps between slices. Slices sweep in clockwise; hover lifts a slice, dims the rest and pins a tooltip with its value and share just ou","name":"dither-pie","title":"Dither Pie","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"Any image, printed as a 3D polaroid with a handwritten caption. It leans toward the cursor under a moving sheen; tap and it lifts and flips over to a note written on the back.","name":"polaroid-flip-card","title":"Polaroid Flip Card","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"A four-plan pricing section with a sliding monthly/yearly switch. Going yearly strikes through the monthly price and rolls the new one in; credit tiers swap prices per card, one plan carries the accent CTA, and features take inline info tips. Light and dark built in.","name":"pricing-section","title":"Pricing Section","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"A wall of customer quotes in columns that drift up and down at slightly different speeds and fade out at the edges, with each column pausing under the cursor.","name":"testimonial-wall","title":"Testimonial Wall","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"Release notes in the language of the AI components: a node rail that fills as releases blur in, a pulsing dot on the latest, and rows that expand to list each New, Improved or Fixed change, showing counts by kind when collapsed.","name":"changelog-timeline","title":"Changelog Timeline","type":"registry:ui"},{"categories":["heroes"],"dependencies":["lucide-react","motion"],"description":"A product hero set in a deep-blue scene with columns of light rising from the corners. A dashboard screenshot sits in a glowing frame under the headline and fades into a row of customer wordmarks.","name":"sdk-hero","title":"SDK Hero","type":"registry:ui"},{"categories":["heroes"],"dependencies":["lucide-react","motion"],"description":"A hero set over a wall of renders that leans back in 3D. Its columns drift slowly in opposite directions, softly faded behind the headline, with a pause control.","name":"gallery-wall-hero","title":"Gallery Wall Hero","type":"registry:ui"},{"categories":["carousels"],"dependencies":["lucide-react","motion"],"description":"A full-bleed WebGL carousel. The render warps like liquid glass under the pointer with a faint colour split, each slide melts into the next through a noise dissolve, the title rises letter by letter, and a 1px line doubles as the autoplay timer.","name":"lens-carousel","title":"Lens Carousel","type":"registry:ui"},{"categories":["heroes"],"dependencies":["lucide-react","motion"],"description":"Renders scattered like prints on a studio desk around the headline. Pick any print up and throw it: it carries its momentum, bounces off the edges, settles with a slight spin and stays on top of the pile.","name":"desk-hero","title":"Desk Hero","type":"registry:ui"},{"categories":["heroes"],"dependencies":["lucide-react","motion"],"description":"One giant word with a strip of renders drifting inside its letters, so the type itself is the window onto the work. The strip drifts on its own and surges when the page scrolls.","name":"type-hero","title":"Type Hero","type":"registry:ui"},{"categories":["heroes"],"dependencies":["lucide-react","motion"],"description":"A bold centred headline on a quiet dotted page. Moving the pointer leaves a trail of renders that pop in at a slight tilt, then drop and fade, so a fast sweep throws a whole streak of work across the screen.","name":"trail-hero","title":"Trail Hero","type":"registry:ui"},{"categories":["heroes"],"dependencies":["lucide-react","motion"],"description":"A hero headline circled by a tilted ring of photo cards. The ring turns slowly on its own, and dragging anywhere spins it with real momentum before it eases back to its idle drift.","name":"orbit-hero","title":"Orbit Hero","type":"registry:ui"},{"categories":["heroes"],"dependencies":["lucide-react","motion"],"description":"A centred hero surrounded by photo cards set in real 3D depth. The cards fly in from the distance, far ones soften out of focus, and the whole scene tilts gently with the pointer.","name":"floating-cards-hero","title":"Floating Cards Hero","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"The closing call to action, set on a full-bleed dither shader in three inks you can change. A large headline, a pressable primary pill and a glass secondary button, rising into place as the section enters.","name":"cta-section","title":"CTA Section","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"One big customer quote above a row of logos. A thin line fills under the active logo, then springs across to the next as the quote blurs out and the next one settles in; click a logo to jump, hover to pause.","name":"logo-testimonials","title":"Logo Testimonials","type":"registry:ui"},{"categories":["media"],"dependencies":["motion"],"description":"A masonry gallery that assembles cinematically as you scroll. Each image rises from below while sweeping in from its side, swung in 3D and out of focus, then lands sharp in its column on a slow, weighty spring. Scrubbed by scroll, so it plays back in reverse.","name":"scroll-settle-gallery","title":"Scroll Settle Gallery","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"A sticky site header that starts as a transparent bar and settles into a floating pill as you scroll, with a hover pill shared across links and dropdown triggers, an inline dropdown panel, and a clip-path mobile menu with focus trapping, inert content and a scroll lock. Hide-on-s","name":"navbar","title":"Navbar","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"An announcement strip on a live dither surface. It rests dim and still; hover and the dither wakes, clearing from the side the cursor came in. Dismiss and the dither flares, then the strip folds away. Dismissal is remembered per campaign.","name":"announcement-bar","title":"Announcement Bar","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"A static grid of customer logos on a hairline sheet. Cells blur in along a diagonal as the grid scrolls into view, logos sit in grayscale until hovered, and on fine pointers a soft spotlight follows the cursor along the hairlines between them.","name":"logo-cloud","title":"Logo Cloud","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"Feature cards in a double-border frame, each with one calm object in a recessed well: an icon on a raised disc, icons that blur-swap through the disc, or a tuning knob that settles into place. Tinted with your primary colour.","name":"features-grid","title":"Features Grid","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"A contact form written as a letter to a real person. The visitor fills the blanks of one sentence, with underlines that grow as they type and an inline topic select, then sends it. The letter folds into a receipt with a drawn check.","name":"contact-section","title":"Contact Section","type":"registry:ui"},{"categories":["footers"],"dependencies":["motion"],"description":"A closing call to action on a soft blue gradient with a frosted footer card tucked inside it. Brand, a pill-shaped newsletter form whose button blurs between subscribe, spinner and done, and up to five link columns.","name":"cta-footer","title":"CTA Footer","type":"registry:ui"},{"categories":["logins"],"dependencies":["lucide-react","motion"],"description":"Sign in, sign up, forgot password, magic link and one-time code in one card. Steps slide through a card whose height springs to fit, the password shows and hides without losing your caret and warns when Caps Lock is on, and the six-digit code submits itself on the last digit.","name":"auth-form","title":"Auth Form","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"The team as a roster of large names divided by hairlines. Hover a row and a portrait tile follows your cursor on a soft spring, cross-fading to each person's photo as you move between them. The other names dim.","name":"team-section","title":"Team Section","type":"registry:ui"},{"categories":["sections"],"dependencies":["lucide-react","motion"],"description":"A blog grid of framed cards, each an inset image on a quiet grey shell with the post below. Filter by category and every card slides to its new place with shared layout transitions instead of re-rendering.","name":"blog-section","title":"Blog Section","type":"registry:ui"}]},"babelize elements":{"favicon":"/favicons/babelize-elements.svg","items":[{"dependencies":["clsx","tailwind-merge","lucide-react","motion"],"description":"Copy-paste language switcher component for React with dropdown, search, RTL support, and full accessibility.","name":"language-switcher","page":"https://elements.babelize.co/docs/components/language-switchers/language-switcher","registryDependencies":["https://elements.babelize.co/r/locale-types.json","https://elements.babelize.co/r/locale-data.json","https://elements.babelize.co/r/use-controllable-state.json","https://elements.babelize.co/r/use-listbox-navigation.json"],"title":"Language Switcher","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge","motion"],"description":"Animated pill-style language switcher with keyboard navigation and RTL support.","name":"language-switcher-pill","page":"https://elements.babelize.co/docs/components/language-switchers/language-switcher-pill","registryDependencies":["https://elements.babelize.co/r/locale-types.json","https://elements.babelize.co/r/locale-data.json","https://elements.babelize.co/r/use-controllable-state.json"],"title":"Language Switcher Pill","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge","lucide-react","motion"],"description":"International phone number input with country selector, flag emojis, and dial code search for 50 countries.","name":"phone-input","registryDependencies":["https://elements.babelize.co/r/use-controllable-state.json","https://elements.babelize.co/r/use-listbox-navigation.json"],"title":"Phone Input","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge","lucide-react","motion"],"description":"Responsive navigation bar with built-in language selector, mobile menu, CTA button, and GitHub link.","name":"navbar","registryDependencies":["https://elements.babelize.co/r/locale-types.json","https://elements.babelize.co/r/locale-data.json","https://elements.babelize.co/r/use-controllable-state.json","https://elements.babelize.co/r/use-listbox-navigation.json"],"title":"NavBar","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge","lucide-react","motion"],"description":"Side-by-side translation view with editable target, swap, copy, character count, and RTL-aware layout.","name":"translation-widget","registryDependencies":["https://elements.babelize.co/r/language-switcher.json","https://elements.babelize.co/r/locale-types.json","https://elements.babelize.co/r/locale-data.json","https://elements.babelize.co/r/use-controllable-state.json"],"title":"Translation Widget","type":"registry:ui"},{"description":"Shared flag, language-name and RTL lookups for locale-aware components.","name":"locale-data","title":"Locale Data","type":"registry:ui"},{"description":"The shared `Locale` interface used by every locale-aware component.","name":"locale-types","title":"Locale Types","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge","lucide-react","motion"],"description":"Region picker with locale-derived defaults: currency, date and number formats, and first day of week.","name":"locale-picker","registryDependencies":["https://elements.babelize.co/r/locale-types.json","https://elements.babelize.co/r/locale-data.json","https://elements.babelize.co/r/use-controllable-state.json","https://elements.babelize.co/r/use-listbox-navigation.json"],"title":"Locale Picker","type":"registry:ui"}]},"diarmuradi":{"favicon":"/favicons/diarmuradi.svg","items":[{"name":"auto-resize","title":"Auto Resize","type":"registry:hook"},{"name":"use-media-query","title":"Use Media Query","type":"registry:hook"},{"name":"use-mounted","title":"Use Mounted","type":"registry:hook"},{"name":"use-reduced-motion","title":"Use Reduced Motion","type":"registry:hook"},{"dependencies":["lucide-react"],"name":"faq-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Faq 1","type":"registry:block"},{"name":"faq-10","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Faq 10","type":"registry:block"},{"name":"faq-11","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Faq 11","type":"registry:block"},{"name":"faq-12","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/button.json"],"title":"Faq 12","type":"registry:block"},{"name":"faq-13","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Faq 13","type":"registry:block"},{"dependencies":["lucide-react"],"name":"faq-14","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/tabs.json"],"title":"Faq 14","type":"registry:block"},{"name":"faq-15","title":"Faq 15","type":"registry:block"},{"dependencies":["@base-ui/react"],"name":"faq-16","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/toggle-group.json"],"title":"Faq 16","type":"registry:block"},{"dependencies":["@base-ui/react"],"name":"faq-17","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/toggle-group.json"],"title":"Faq 17","type":"registry:block"},{"name":"faq-18","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json"],"title":"Faq 18","type":"registry:block"},{"name":"faq-19","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Faq 19","type":"registry:block"},{"dependencies":["lucide-react"],"name":"faq-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Faq 2","type":"registry:block"},{"dependencies":["lucide-react"],"name":"faq-20","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Faq 20","type":"registry:block"},{"dependencies":["lucide-react"],"name":"faq-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/tabs.json"],"title":"Faq 3","type":"registry:block"},{"name":"faq-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Faq 4","type":"registry:block"},{"dependencies":["lucide-react"],"name":"faq-5","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/button.json"],"title":"Faq 5","type":"registry:block"},{"name":"faq-6","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/button.json"],"title":"Faq 6","type":"registry:block"},{"dependencies":["lucide-react"],"name":"faq-7","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Faq 7","type":"registry:block"},{"dependencies":["lucide-react"],"name":"faq-8","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Faq 8","type":"registry:block"},{"dependencies":["lucide-react"],"name":"faq-9","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/toggle-group.json"],"title":"Faq 9","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"header-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Header 1","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"header-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"title":"Header 2","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"header-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"title":"Header 3","type":"registry:block"},{"dependencies":["lucide-react","motion","react-use-measure"],"name":"header-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Header 4","type":"registry:block"},{"dependencies":["cn","motion","react-use-measure"],"name":"header-5","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Header 5","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"header-6","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/navigation-menu.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"title":"Header 6","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"header-7","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/navigation-menu.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"title":"Header 7","type":"registry:block"},{"dependencies":["cn","lucide-react","motion"],"name":"header-8","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/navigation-menu.json"],"title":"Header 8","type":"registry:block"},{"dependencies":["cn"],"name":"integrations-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 1","type":"registry:block"},{"dependencies":["cn","motion"],"name":"integrations-10","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/use-reduced-motion.json"],"title":"Integrations 10","type":"registry:block"},{"dependencies":["motion"],"name":"integrations-13","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/use-reduced-motion.json"],"title":"Integrations 13","type":"registry:block"},{"dependencies":["cn","lucide-react"],"name":"integrations-14","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 14","type":"registry:block"},{"dependencies":["cn"],"name":"integrations-16","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 16","type":"registry:block"},{"name":"integrations-17","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 17","type":"registry:block"},{"name":"integrations-18","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 18","type":"registry:block"},{"dependencies":["cn","lucide-react"],"name":"integrations-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 2","type":"registry:block"},{"dependencies":["cn"],"name":"integrations-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 3","type":"registry:block"},{"name":"integrations-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 4","type":"registry:block"},{"name":"integrations-5","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 5","type":"registry:block"},{"name":"integrations-6","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 6","type":"registry:block"},{"name":"integrations-7","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 7","type":"registry:block"},{"dependencies":["motion"],"name":"integrations-8","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/use-reduced-motion.json"],"title":"Integrations 8","type":"registry:block"},{"name":"integrations-9","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/icons.json"],"title":"Integrations 9","type":"registry:block"},{"dependencies":["lucide-react"],"name":"new-password-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"New Password 1","type":"registry:block"},{"dependencies":["lucide-react"],"name":"new-password-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"New Password 2","type":"registry:block"},{"dependencies":["lucide-react"],"name":"new-password-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"New Password 3","type":"registry:block"},{"dependencies":["lucide-react"],"name":"new-password-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"New Password 4","type":"registry:block"},{"dependencies":["lucide-react"],"name":"pricing-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/accordion.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"title":"Pricing 1","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"pricing-10","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/separator.json","https://diarmuradi.com/r/styles/base-nova/slider.json"],"title":"Pricing 10","type":"registry:block"},{"dependencies":["lucide-react"],"name":"pricing-11","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/fancy-button.json"],"title":"Pricing 11","type":"registry:block"},{"dependencies":["cn","motion"],"name":"pricing-12","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/input-group.json","https://diarmuradi.com/r/styles/base-nova/separator.json","https://diarmuradi.com/r/styles/base-nova/slider.json"],"title":"Pricing 12","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"pricing-13","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/toggle-group.json"],"title":"Pricing 13","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"pricing-14","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/tabs.json"],"title":"Pricing 14","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"pricing-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/slider.json"],"title":"Pricing 2","type":"registry:block"},{"dependencies":["lucide-react"],"name":"pricing-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"title":"Pricing 3","type":"registry:block"},{"dependencies":["lucide-react"],"name":"pricing-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"title":"Pricing 4","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"pricing-5","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/separator.json","https://diarmuradi.com/r/styles/base-nova/slider.json"],"title":"Pricing 5","type":"registry:block"},{"dependencies":["lucide-react"],"name":"pricing-6","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"title":"Pricing 6","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"pricing-7","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/toggle-group.json"],"title":"Pricing 7","type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"pricing-8","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/checkbox.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"title":"Pricing 8","type":"registry:block"},{"dependencies":["cn","lucide-react","motion"],"name":"pricing-9","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/badge.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/switch.json"],"title":"Pricing 9","type":"registry:block"},{"name":"recovery-code-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json"],"title":"Recovery Code 1","type":"registry:block"},{"dependencies":["lucide-react"],"name":"recovery-code-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/input.json"],"title":"Recovery Code 2","type":"registry:block"},{"dependencies":["lucide-react"],"name":"recovery-code-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/input.json"],"title":"Recovery Code 3","type":"registry:block"},{"name":"recovery-code-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json"],"title":"Recovery Code 4","type":"registry:block"},{"name":"reset-password-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json"],"title":"Reset Password 1","type":"registry:block"},{"dependencies":["lucide-react"],"name":"reset-password-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/input.json"],"title":"Reset Password 2","type":"registry:block"},{"dependencies":["lucide-react"],"name":"reset-password-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/input.json"],"title":"Reset Password 3","type":"registry:block"},{"name":"reset-password-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json"],"title":"Reset Password 4","type":"registry:block"},{"dependencies":["lucide-react"],"name":"sign-in-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"Sign In 1","type":"registry:block"},{"dependencies":["lucide-react"],"name":"sign-in-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"Sign In 2","type":"registry:block"},{"dependencies":["lucide-react"],"name":"sign-in-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/checkbox.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"Sign In 3","type":"registry:block"},{"dependencies":["lucide-react"],"name":"sign-in-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"Sign In 4","type":"registry:block"},{"dependencies":["lucide-react"],"name":"sign-up-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"Sign Up 1","type":"registry:block"},{"dependencies":["lucide-react"],"name":"sign-up-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"Sign Up 2","type":"registry:block"},{"dependencies":["lucide-react"],"name":"sign-up-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"Sign Up 3","type":"registry:block"},{"dependencies":["lucide-react"],"name":"sign-up-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"title":"Sign Up 4","type":"registry:block"},{"dependencies":["input-otp","lucide-react"],"name":"two-factor-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input-group.json","https://diarmuradi.com/r/styles/base-nova/input-otp.json"],"title":"Two Factor 1","type":"registry:block"},{"dependencies":["input-otp","lucide-react"],"name":"two-factor-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/input-otp.json"],"title":"Two Factor 2","type":"registry:block"},{"dependencies":["input-otp","lucide-react"],"name":"two-factor-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input-otp.json"],"title":"Two Factor 3","type":"registry:block"},{"dependencies":["input-otp","lucide-react"],"name":"two-factor-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input-group.json","https://diarmuradi.com/r/styles/base-nova/input-otp.json"],"title":"Two Factor 4","type":"registry:block"},{"dependencies":["input-otp"],"name":"verification-1","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input-otp.json"],"title":"Verification 1","type":"registry:block"},{"dependencies":["input-otp","lucide-react"],"name":"verification-2","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/input-otp.json"],"title":"Verification 2","type":"registry:block"},{"dependencies":["input-otp","lucide-react"],"name":"verification-3","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/avatar.json","https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/input-otp.json"],"title":"Verification 3","type":"registry:block"},{"dependencies":["input-otp"],"name":"verification-4","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/fancy-button.json","https://diarmuradi.com/r/styles/base-nova/field.json","https://diarmuradi.com/r/styles/base-nova/icons.json","https://diarmuradi.com/r/styles/base-nova/input-otp.json"],"title":"Verification 4","type":"registry:block"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"accordion","type":"registry:ui"},{"dependencies":["class-variance-authority","cn"],"name":"alert","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"alert-dialog","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["cn"],"name":"aspect-ratio","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"avatar","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"badge","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"breadcrumb","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"button","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"button-group","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/separator.json"],"type":"registry:ui"},{"dependencies":["cn","date-fns","lucide-react","react-day-picker","react-day-picker@latest"],"name":"calendar","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["cn"],"name":"card","type":"registry:ui"},{"dependencies":["cn","embla-carousel-react","lucide-react"],"name":"carousel","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["cn","recharts","recharts@3.8.0"],"name":"chart","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/card.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"checkbox","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"collapsible","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"combobox","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"type":"registry:ui"},{"dependencies":["cmdk","cn","lucide-react"],"name":"command","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/dialog.json","https://diarmuradi.com/r/styles/base-nova/input-group.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"context-menu","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"dialog","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"drawer","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"dropdown-menu","type":"registry:ui"},{"dependencies":["class-variance-authority","cn"],"name":"empty","type":"registry:ui"},{"dependencies":["class-variance-authority","cn"],"name":"field","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/label.json","https://diarmuradi.com/r/styles/base-nova/separator.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"hover-card","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"input","type":"registry:ui"},{"dependencies":["class-variance-authority","cn"],"name":"input-group","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/textarea.json"],"type":"registry:ui"},{"dependencies":["cn","input-otp","lucide-react"],"name":"input-otp","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"item","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/separator.json"],"type":"registry:ui"},{"dependencies":["cn"],"name":"label","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"menubar","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/dropdown-menu.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn","lucide-react"],"name":"navigation-menu","type":"registry:ui"},{"dependencies":["cn","lucide-react"],"name":"pagination","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"popover","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"progress","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"radio-group","type":"registry:ui"},{"dependencies":["cn","react-resizable-panels"],"name":"resizable","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"scroll-area","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"select","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"separator","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"sheet","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn","lucide-react"],"name":"sidebar","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/input.json","https://diarmuradi.com/r/styles/base-nova/separator.json","https://diarmuradi.com/r/styles/base-nova/sheet.json","https://diarmuradi.com/r/styles/base-nova/skeleton.json","https://diarmuradi.com/r/styles/base-nova/tooltip.json","https://diarmuradi.com/r/styles/base-nova/use-mobile.json"],"type":"registry:ui"},{"dependencies":["cn"],"name":"skeleton","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"slider","type":"registry:ui"},{"dependencies":["lucide-react","next-themes","sonner"],"name":"sonner","type":"registry:ui"},{"dependencies":["cn","lucide-react"],"name":"spinner","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"switch","type":"registry:ui"},{"dependencies":["cn"],"name":"table","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"tabs","type":"registry:ui"},{"dependencies":["cn"],"name":"textarea","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","lucide-react"],"name":"toast","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"toggle","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"toggle-group","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/toggle.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"tooltip","type":"registry:ui"},{"dependencies":["cn"],"name":"kbd","type":"registry:ui"},{"dependencies":["cn","lucide-react"],"name":"native-select","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"direction","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"attachment","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"bubble","type":"registry:ui"},{"dependencies":["@shadcn/react","cn","lucide-react"],"name":"message-scroller","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["@shadcn/react","cn","lucide-react"],"name":"questionnaire","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"marker","type":"registry:ui"},{"dependencies":["cn","lucide-react"],"name":"trace","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/collapsible.json"],"type":"registry:ui"},{"dependencies":["class-variance-authority","cn","lucide-react"],"name":"code-block","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/button.json","https://diarmuradi.com/r/styles/base-nova/use-highlighted-code.json"],"type":"registry:ui"},{"dependencies":["cn"],"name":"message","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"bevel-button-v2","title":"Bevel Button V2","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"bevel-button","title":"Bevel Button","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"fancy-button-v2","title":"Fancy Button V2","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"fancy-button-v3","title":"Fancy Button V3","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"fancy-button","title":"Fancy Button","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"gloss-button","title":"Gloss Button","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"glow-button","title":"Glow Button","type":"registry:ui"},{"dependencies":["cn"],"name":"icons","title":"Icons","type":"registry:ui"},{"dependencies":["cn","motion","react-use-measure"],"name":"infinite-slider","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/use-reduced-motion.json"],"title":"Infinite Slider","type":"registry:ui"},{"dependencies":["cn","motion"],"name":"logo-orbit","title":"Logo Orbit","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"pill-button","title":"Pill Button","type":"registry:ui"},{"dependencies":["cn","motion"],"name":"spinning-logos","registryDependencies":["https://diarmuradi.com/r/styles/base-nova/use-reduced-motion.json"],"title":"Spinning Logos","type":"registry:ui"},{"name":"use-mobile","type":"registry:hook"},{"dependencies":["shiki"],"name":"use-highlighted-code","type":"registry:hook"}]},"mynaui":{"favicon":"/favicons/mynaui.svg","items":[{"categories":["marketing"],"description":"Informs users that the requested page is unavailable or does not exist.","name":"4041","registryDependencies":["button"],"title":"4041","type":"registry:block"},{"categories":["marketing"],"description":"Informs users that the requested page is unavailable or does not exist.","name":"4042","registryDependencies":["button"],"title":"4042","type":"registry:block"},{"categories":["marketing"],"description":"Informs users that the requested page is unavailable or does not exist.","name":"4043","registryDependencies":["button"],"title":"4043","type":"registry:block"},{"categories":["marketing"],"description":"Informs users that the requested page is unavailable or does not exist.","name":"4044","registryDependencies":["button","separator"],"title":"4044","type":"registry:block"},{"categories":["marketing"],"description":"Informs users that the requested page is unavailable or does not exist.","name":"4045","registryDependencies":["button"],"title":"4045","type":"registry:block"},{"categories":["elements"],"description":"Accordion allow users to show or hide content, such as FAQs or descriptions.","name":"accordion1","registryDependencies":["accordion"],"title":"Accordion1","type":"registry:component"},{"categories":["elements"],"description":"Accordion allow users to show or hide content, such as FAQs or descriptions.","name":"accordion2","registryDependencies":["accordion"],"title":"Accordion2","type":"registry:component"},{"categories":["elements"],"description":"Accordion allow users to show or hide content, such as FAQs or descriptions.","name":"accordion3","registryDependencies":["accordion"],"title":"Accordion3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Accordion allow users to show or hide content, such as FAQs or descriptions.","name":"accordion4","registryDependencies":["accordion"],"title":"Accordion4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Accordion allow users to show or hide content, such as FAQs or descriptions.","name":"accordion5","registryDependencies":["accordion","input"],"title":"Accordion5","type":"registry:component"},{"categories":["elements"],"description":"A modal dialog that interrupts the user with important content and expects a response.","name":"alert-dialog1","registryDependencies":["alert-dialog","button"],"title":"Alert dialog1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A modal dialog that interrupts the user with important content and expects a response.","name":"alert-dialog2","registryDependencies":["alert-dialog","button"],"title":"Alert dialog2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A modal dialog that interrupts the user with important content and expects a response.","name":"alert-dialog3","registryDependencies":["alert-dialog","button"],"title":"Alert dialog3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A modal dialog that interrupts the user with important content and expects a response.","name":"alert-dialog4","registryDependencies":["alert-dialog","button"],"title":"Alert dialog4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A modal dialog that interrupts the user with important content and expects a response.","name":"alert-dialog5","registryDependencies":["alert-dialog","button"],"title":"Alert dialog5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Alerts are used to communicate a state that affects a system, feature, or page.","name":"alert1","registryDependencies":["alert"],"title":"Alert1","type":"registry:component"},{"categories":["elements"],"description":"Alerts are used to communicate a state that affects a system, feature, or page.","name":"alert2","registryDependencies":["alert"],"title":"Alert2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Alerts are used to communicate a state that affects a system, feature, or page.","name":"alert3","registryDependencies":["alert"],"title":"Alert3","type":"registry:component"},{"categories":["elements"],"description":"Alerts are used to communicate a state that affects a system, feature, or page.","name":"alert4","registryDependencies":["alert"],"title":"Alert4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Alerts are used to communicate a state that affects a system, feature, or page.","name":"alert5","registryDependencies":["alert"],"title":"Alert5","type":"registry:component"},{"categories":["application"],"description":"Slide over panels for various app functions.","name":"app-sheets1","registryDependencies":["button","input","label","sheet"],"title":"App sheets1","type":"registry:block"},{"categories":["application"],"description":"Slide over panels for various app functions.","name":"app-sheets2","registryDependencies":["avatar","button","sheet","tabs"],"title":"App sheets2","type":"registry:block"},{"categories":["application"],"description":"Slide over panels for various app functions.","name":"app-sheets3","registryDependencies":["avatar","button","sheet"],"title":"App sheets3","type":"registry:block"},{"categories":["application"],"description":"Slide over panels for various app functions.","name":"app-sheets4","registryDependencies":["button","checkbox","input","label","select","sheet"],"title":"App sheets4","type":"registry:block"},{"categories":["application"],"description":"Slide over panels for various app functions.","name":"app-sheets5","registryDependencies":["button","checkbox","input","sheet"],"title":"App sheets5","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"App headers are used to display a navigation bar at the top of a page.","name":"appheaders1","registryDependencies":["avatar","button","dropdown-menu"],"title":"Appheaders1","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"App headers are used to display a navigation bar at the top of a page.","name":"appheaders2","registryDependencies":["avatar"],"title":"Appheaders2","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"App headers are used to display a navigation bar at the top of a page.","name":"appheaders3","registryDependencies":["button","input","tooltip"],"title":"Appheaders3","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"App headers are used to display a navigation bar at the top of a page.","name":"appheaders4","registryDependencies":["badge","progress"],"title":"Appheaders4","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"App headers are used to display a navigation bar at the top of a page.","name":"appheaders5","registryDependencies":["avatar","card"],"title":"Appheaders5","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A collection of application dialog components.","name":"application-dialogs1","registryDependencies":["button","dialog","select"],"title":"Application dialogs1","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A collection of application dialog components.","name":"application-dialogs2","registryDependencies":["button","dialog","label","select"],"title":"Application dialogs2","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A collection of application dialog components.","name":"application-dialogs3","registryDependencies":["button","dialog","input","label","select","textarea"],"title":"Application dialogs3","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react","lucide-react"],"description":"A collection of application dialog components.","name":"application-dialogs4","registryDependencies":["button","dialog","input-otp","separator"],"title":"Application dialogs4","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A collection of application dialog components.","name":"application-dialogs5","registryDependencies":["button","checkbox","dialog","input","label","radio-group","separator"],"title":"Application dialogs5","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A collection of application dialog components.","name":"application-dialogs6","registryDependencies":["button","dialog"],"title":"Application dialogs6","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react","lucide-react"],"description":"A collection of application dialog components.","name":"application-dialogs7","registryDependencies":["button","dialog"],"title":"Application dialogs7","type":"registry:block"},{"categories":["elements"],"description":"Avatars are used to represent a user or a system entity.","name":"avatar1","registryDependencies":["avatar"],"title":"Avatar1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Avatars are used to represent a user or a system entity.","name":"avatar2","registryDependencies":["avatar"],"title":"Avatar2","type":"registry:component"},{"categories":["elements"],"description":"Avatars are used to represent a user or a system entity.","name":"avatar3","registryDependencies":["avatar"],"title":"Avatar3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Avatars are used to represent a user or a system entity.","name":"avatar4","registryDependencies":["avatar"],"title":"Avatar4","type":"registry:component"},{"categories":["elements"],"description":"Avatars are used to represent a user or a system entity.","name":"avatar5","registryDependencies":["avatar"],"title":"Avatar5","type":"registry:component"},{"categories":["elements"],"description":"Avatar groups are used to group related avatars together.","name":"avatargroups1","registryDependencies":["avatar"],"title":"Avatargroups1","type":"registry:component"},{"categories":["elements"],"description":"Avatar groups are used to group related avatars together.","name":"avatargroups2","registryDependencies":["avatar"],"title":"Avatargroups2","type":"registry:component"},{"categories":["elements"],"description":"Avatar groups are used to group related avatars together.","name":"avatargroups3","registryDependencies":["avatar"],"title":"Avatargroups3","type":"registry:component"},{"categories":["elements"],"description":"Avatar groups are used to group related avatars together.","name":"avatargroups4","registryDependencies":["avatar","tooltip"],"title":"Avatargroups4","type":"registry:component"},{"categories":["elements"],"description":"Avatar groups are used to group related avatars together.","name":"avatargroups5","registryDependencies":["avatar"],"title":"Avatargroups5","type":"registry:component"},{"categories":["elements"],"description":"Badges are small components that can be used to display a status or a count.","name":"badge1","registryDependencies":["badge"],"title":"Badge1","type":"registry:component"},{"categories":["elements"],"description":"Badges are small components that can be used to display a status or a count.","name":"badge2","registryDependencies":["badge"],"title":"Badge2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Badges are small components that can be used to display a status or a count.","name":"badge3","registryDependencies":["badge"],"title":"Badge3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Badges are small components that can be used to display a status or a count.","name":"badge4","registryDependencies":["avatar","badge"],"title":"Badge4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Badges are small components that can be used to display a status or a count.","name":"badge5","registryDependencies":["badge"],"title":"Badge5","type":"registry:component"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"Components for displaying promotional banners, announcements and call-to-actions.","name":"banners1","registryDependencies":["button"],"title":"Banners1","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"Components for displaying promotional banners, announcements and call-to-actions.","name":"banners2","registryDependencies":["button"],"title":"Banners2","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"Components for displaying promotional banners, announcements and call-to-actions.","name":"banners3","registryDependencies":["button"],"title":"Banners3","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"Components for displaying promotional banners, announcements and call-to-actions.","name":"banners4","registryDependencies":["button"],"title":"Banners4","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"Components for displaying promotional banners, announcements and call-to-actions.","name":"banners5","registryDependencies":["button"],"title":"Banners5","type":"registry:block"},{"categories":["marketing"],"description":"Displays blog posts with headlines, snippets, publication dates, and thumbnail images in a clean, organized layout for easy navigation and reading.","name":"bloglist1","registryDependencies":["avatar","pagination"],"title":"Bloglist1","type":"registry:block"},{"categories":["marketing"],"description":"Displays blog posts with headlines, snippets, publication dates, and thumbnail images in a clean, organized layout for easy navigation and reading.","name":"bloglist2","title":"Bloglist2","type":"registry:block"},{"categories":["marketing"],"description":"Displays blog posts with headlines, snippets, publication dates, and thumbnail images in a clean, organized layout for easy navigation and reading.","name":"bloglist3","title":"Bloglist3","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"Displays blog posts with headlines, snippets, publication dates, and thumbnail images in a clean, organized layout for easy navigation and reading.","name":"bloglist4","registryDependencies":["input"],"title":"Bloglist4","type":"registry:block"},{"categories":["marketing"],"description":"Displays blog posts with headlines, snippets, publication dates, and thumbnail images in a clean, organized layout for easy navigation and reading.","name":"bloglist5","title":"Bloglist5","type":"registry:block"},{"categories":["marketing"],"description":"A single blog entry with a prominent headline, detailed content, publication date, author info, and related images.","name":"blogpost1","title":"Blogpost1","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A single blog entry with a prominent headline, detailed content, publication date, author info, and related images.","name":"blogpost2","title":"Blogpost2","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A single blog entry with a prominent headline, detailed content, publication date, author info, and related images.","name":"blogpost3","registryDependencies":["button","card","input"],"title":"Blogpost3","type":"registry:block"},{"categories":["marketing"],"description":"A single blog entry with a prominent headline, detailed content, publication date, author info, and related images.","name":"blogpost4","title":"Blogpost4","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A single blog entry with a prominent headline, detailed content, publication date, author info, and related images.","name":"blogpost5","registryDependencies":["button"],"title":"Blogpost5","type":"registry:block"},{"categories":["elements"],"description":"Breadcrumbs are a navigational UI component that helps users keep track of their location within a website or web app.","name":"breadcrumb1","registryDependencies":["breadcrumb"],"title":"Breadcrumb1","type":"registry:component"},{"categories":["elements"],"description":"Breadcrumbs are a navigational UI component that helps users keep track of their location within a website or web app.","name":"breadcrumb2","registryDependencies":["breadcrumb"],"title":"Breadcrumb2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Breadcrumbs are a navigational UI component that helps users keep track of their location within a website or web app.","name":"breadcrumb3","registryDependencies":["breadcrumb"],"title":"Breadcrumb3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Breadcrumbs are a navigational UI component that helps users keep track of their location within a website or web app.","name":"breadcrumb4","registryDependencies":["breadcrumb"],"title":"Breadcrumb4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Breadcrumbs are a navigational UI component that helps users keep track of their location within a website or web app.","name":"breadcrumb5","registryDependencies":["breadcrumb","dropdown-menu"],"title":"Breadcrumb5","type":"registry:component"},{"categories":["elements"],"description":"Buttons are used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.","name":"button1","registryDependencies":["button"],"title":"Button1","type":"registry:component"},{"categories":["elements"],"description":"Buttons are used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.","name":"button2","registryDependencies":["button"],"title":"Button2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Buttons are used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.","name":"button3","registryDependencies":["button"],"title":"Button3","type":"registry:component"},{"categories":["elements"],"description":"Buttons are used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.","name":"button4","registryDependencies":["button"],"title":"Button4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Buttons are used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.","name":"button5","registryDependencies":["badge","button"],"title":"Button5","type":"registry:component"},{"categories":["elements"],"description":"Button groups are used to group related buttons together.","name":"buttongroups1","registryDependencies":["button"],"title":"Buttongroups1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Button groups are used to group related buttons together.","name":"buttongroups2","registryDependencies":["button"],"title":"Buttongroups2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Button groups are used to group related buttons together.","name":"buttongroups3","registryDependencies":["button"],"title":"Buttongroups3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Button groups are used to group related buttons together.","name":"buttongroups4","registryDependencies":["button"],"title":"Buttongroups4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Button groups are used to group related buttons together.","name":"buttongroups5","registryDependencies":["badge","button","dropdown-menu"],"title":"Buttongroups5","type":"registry:component"},{"categories":["elements"],"description":"A date field component that allows users to enter and edit date.","name":"calendar1","registryDependencies":["calendar"],"title":"Calendar1","type":"registry:component"},{"categories":["elements"],"description":"A date field component that allows users to enter and edit date.","name":"calendar2","registryDependencies":["calendar"],"title":"Calendar2","type":"registry:component"},{"categories":["elements"],"description":"A date field component that allows users to enter and edit date.","name":"calendar3","registryDependencies":["calendar"],"title":"Calendar3","type":"registry:component"},{"categories":["elements"],"description":"A date field component that allows users to enter and edit date.","name":"calendar4","registryDependencies":["calendar"],"title":"Calendar4","type":"registry:component"},{"categories":["elements"],"description":"A date field component that allows users to enter and edit date.","name":"calendar5","registryDependencies":["calendar","select"],"title":"Calendar5","type":"registry:component"},{"categories":["application"],"description":"Card headers are used to display some information on top of a card.","name":"cardheaders1","title":"Cardheaders1","type":"registry:block"},{"categories":["application"],"description":"Card headers are used to display some information on top of a card.","name":"cardheaders2","title":"Cardheaders2","type":"registry:block"},{"categories":["application"],"description":"Card headers are used to display some information on top of a card.","name":"cardheaders3","registryDependencies":["button"],"title":"Cardheaders3","type":"registry:block"},{"categories":["application"],"description":"Card headers are used to display some information on top of a card.","name":"cardheaders4","registryDependencies":["button"],"title":"Cardheaders4","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Card headers are used to display some information on top of a card.","name":"cardheaders5","registryDependencies":["avatar","button"],"title":"Cardheaders5","type":"registry:block"},{"categories":["application"],"description":"A collection of card components.","name":"cards1","title":"Cards1","type":"registry:block"},{"categories":["application"],"description":"A collection of card components.","name":"cards2","title":"Cards2","type":"registry:block"},{"categories":["application"],"description":"A collection of card components.","name":"cards3","title":"Cards3","type":"registry:block"},{"categories":["application"],"description":"A collection of card components.","name":"cards4","title":"Cards4","type":"registry:block"},{"categories":["application"],"description":"A collection of card components.","name":"cards5","title":"Cards5","type":"registry:block"},{"categories":["application"],"description":"A collection of card components.","name":"cards6","title":"Cards6","type":"registry:block"},{"categories":["application"],"description":"Message bubbles and conversation areas for direct and group messaging.","name":"chat1","registryDependencies":["avatar","bubble","message"],"title":"Chat1","type":"registry:block"},{"categories":["application"],"dependencies":["lucide-react"],"description":"Message bubbles and conversation areas for direct and group messaging.","name":"chat2","registryDependencies":["avatar","bubble","button","input-group","marker","message","message-scroller"],"title":"Chat2","type":"registry:block"},{"categories":["application"],"dependencies":["lucide-react"],"description":"Message bubbles and conversation areas for direct and group messaging.","name":"chat3","registryDependencies":["attachment","bubble","marker","message"],"title":"Chat3","type":"registry:block"},{"categories":["form"],"description":"Checkboxes allow the user to select one or more items from a set.","name":"checkbox1","registryDependencies":["checkbox","label"],"title":"Checkbox1","type":"registry:component"},{"categories":["form"],"description":"Checkboxes allow the user to select one or more items from a set.","name":"checkbox2","registryDependencies":["checkbox","label"],"title":"Checkbox2","type":"registry:component"},{"categories":["form"],"description":"Checkboxes allow the user to select one or more items from a set.","name":"checkbox3","registryDependencies":["checkbox","label"],"title":"Checkbox3","type":"registry:component"},{"categories":["form"],"description":"Checkboxes allow the user to select one or more items from a set.","name":"checkbox4","registryDependencies":["checkbox","label"],"title":"Checkbox4","type":"registry:component"},{"categories":["form"],"dependencies":["@mynaui/icons-react"],"description":"Checkboxes allow the user to select one or more items from a set.","name":"checkbox5","registryDependencies":["card","checkbox"],"title":"Checkbox5","type":"registry:component"},{"categories":["application"],"dependencies":["lucide-react"],"description":"Code blocks display, copy, and edit source code in common programming languages.","name":"codeblock1","registryDependencies":["badge","button"],"title":"Codeblock1","type":"registry:block"},{"categories":["application"],"description":"Code blocks display, copy, and edit source code in common programming languages.","name":"codeblock2","registryDependencies":["field","select","textarea"],"title":"Codeblock2","type":"registry:block"},{"categories":["application"],"dependencies":["lucide-react"],"description":"Code blocks display, copy, and edit source code in common programming languages.","name":"codeblock3","registryDependencies":["button","tabs"],"title":"Codeblock3","type":"registry:block"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Autocomplete input and command palette with a list of suggestions.","name":"combobox1","registryDependencies":["button","command","label","popover"],"title":"Combobox1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Autocomplete input and command palette with a list of suggestions.","name":"combobox2","registryDependencies":["button","command","label","popover"],"title":"Combobox2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Autocomplete input and command palette with a list of suggestions.","name":"combobox3","registryDependencies":["button","command","popover"],"title":"Combobox3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Autocomplete input and command palette with a list of suggestions.","name":"combobox4","registryDependencies":["button","checkbox","command","label","popover"],"title":"Combobox4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Autocomplete input and command palette with a list of suggestions.","name":"combobox5","registryDependencies":["button","command","label","popover"],"title":"Combobox5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Autocomplete input and command palette with a list of suggestions.","name":"combobox6","registryDependencies":["button","command","label","popover"],"title":"Combobox6","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Command Menu allows users to navigate and use an app without touching the mouse","name":"command1","registryDependencies":["command"],"title":"Command1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Command Menu allows users to navigate and use an app without touching the mouse","name":"command2","registryDependencies":["command"],"title":"Command2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Command Menu allows users to navigate and use an app without touching the mouse","name":"command3","registryDependencies":["command"],"title":"Command3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Command Menu allows users to navigate and use an app without touching the mouse","name":"command4","registryDependencies":["command"],"title":"Command4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Command Menu allows users to navigate and use an app without touching the mouse","name":"command5","registryDependencies":["command"],"title":"Command5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Command Menu allows users to navigate and use an app without touching the mouse","name":"command6","registryDependencies":["command"],"title":"Command6","type":"registry:component"},{"categories":["application"],"description":"Containers are used to wrap content and limit its width.","name":"containers1","title":"Containers1","type":"registry:block"},{"categories":["application"],"description":"Containers are used to wrap content and limit its width.","name":"containers2","title":"Containers2","type":"registry:block"},{"categories":["application"],"description":"Containers are used to wrap content and limit its width.","name":"containers3","title":"Containers3","type":"registry:block"},{"categories":["application"],"description":"Containers are used to wrap content and limit its width.","name":"containers4","title":"Containers4","type":"registry:block"},{"categories":["application"],"description":"Containers are used to wrap content and limit its width.","name":"containers5","title":"Containers5","type":"registry:block"},{"categories":["application"],"description":"Containers are used to wrap content and limit its width.","name":"containers6","title":"Containers6","type":"registry:block"},{"categories":["elements"],"description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","name":"contextmenu1","registryDependencies":["context-menu"],"title":"Contextmenu1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","name":"contextmenu2","registryDependencies":["context-menu"],"title":"Contextmenu2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","name":"contextmenu3","registryDependencies":["avatar","context-menu"],"title":"Contextmenu3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","name":"contextmenu4","registryDependencies":["context-menu"],"title":"Contextmenu4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","name":"contextmenu5","registryDependencies":["context-menu"],"title":"Contextmenu5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","name":"contextmenu6","registryDependencies":["context-menu"],"title":"Contextmenu6","type":"registry:component"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A cookie banner is a message that appears on a website to inform the user that the site uses cookies.","name":"cookies1","title":"Cookies1","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A cookie banner is a message that appears on a website to inform the user that the site uses cookies.","name":"cookies2","registryDependencies":["button"],"title":"Cookies2","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A cookie banner is a message that appears on a website to inform the user that the site uses cookies.","name":"cookies3","title":"Cookies3","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A cookie banner is a message that appears on a website to inform the user that the site uses cookies.","name":"cookies4","registryDependencies":["button"],"title":"Cookies4","type":"registry:block"},{"categories":["marketing"],"description":"A cookie banner is a message that appears on a website to inform the user that the site uses cookies.","name":"cookies5","registryDependencies":["button"],"title":"Cookies5","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A call to action component for your landing page.","name":"cta1","registryDependencies":["button"],"title":"Cta1","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A call to action component for your landing page.","name":"cta2","registryDependencies":["button"],"title":"Cta2","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A call to action component for your landing page.","name":"cta3","registryDependencies":["button"],"title":"Cta3","type":"registry:block"},{"categories":["marketing"],"description":"A call to action component for your landing page.","name":"cta4","registryDependencies":["button"],"title":"Cta4","type":"registry:block"},{"categories":["marketing"],"description":"A call to action component for your landing page.","name":"cta5","registryDependencies":["button"],"title":"Cta5","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A call to action component for your landing page.","name":"cta6","registryDependencies":["button"],"title":"Cta6","type":"registry:block"},{"categories":["marketing"],"description":"A call to action component for your landing page.","name":"cta7","registryDependencies":["button","input"],"title":"Cta7","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A call to action component for your landing page.","name":"cta8","registryDependencies":["button"],"title":"Cta8","type":"registry:block"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Data tables display information in a grid-like format of rows and columns.","name":"datatable1","registryDependencies":["badge","button","input","table"],"title":"Datatable1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Data tables display information in a grid-like format of rows and columns.","name":"datatable2","registryDependencies":["badge","button","dropdown-menu","input","table"],"title":"Datatable2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Data tables display information in a grid-like format of rows and columns.","name":"datatable3","registryDependencies":["button","card","dropdown-menu","table"],"title":"Datatable3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Data tables display information in a grid-like format of rows and columns.","name":"datatable4","registryDependencies":["button","checkbox","table"],"title":"Datatable4","type":"registry:component"},{"categories":["elements"],"description":"Data tables display information in a grid-like format of rows and columns.","name":"datatable5","registryDependencies":["pagination","table"],"title":"Datatable5","type":"registry:component"},{"categories":["form"],"dependencies":["@mynaui/icons-react","date-fns"],"description":"A date picker component with range and presets.","name":"datepicker1","registryDependencies":["button","calendar","popover"],"title":"Datepicker1","type":"registry:component"},{"categories":["form"],"dependencies":["@mynaui/icons-react","date-fns"],"description":"A date picker component with range and presets.","name":"datepicker2","registryDependencies":["button","calendar","popover"],"title":"Datepicker2","type":"registry:component"},{"categories":["form"],"dependencies":["@mynaui/icons-react","date-fns"],"description":"A date picker component with range and presets.","name":"datepicker3","registryDependencies":["button","calendar","popover","select"],"title":"Datepicker3","type":"registry:component"},{"categories":["elements"],"description":"Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.","name":"dialog1","registryDependencies":["button","dialog","input","label","select"],"title":"Dialog1","type":"registry:component"},{"categories":["elements"],"description":"Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.","name":"dialog2","registryDependencies":["button","dialog"],"title":"Dialog2","type":"registry:component"},{"categories":["elements"],"description":"Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.","name":"dialog3","registryDependencies":["button","dialog","input","label"],"title":"Dialog3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.","name":"dialog4","registryDependencies":["button","dialog"],"title":"Dialog4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.","name":"dialog5","registryDependencies":["button","dialog","input","label"],"title":"Dialog5","type":"registry:component"},{"categories":["elements"],"description":"Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.","name":"dialog6","registryDependencies":["button","dialog"],"title":"Dialog6","type":"registry:component"},{"categories":["application"],"description":"Dividers are used to separate content in your application.","name":"dividers1","registryDependencies":["separator"],"title":"Dividers1","type":"registry:block"},{"categories":["application"],"description":"Dividers are used to separate content in your application.","name":"dividers2","registryDependencies":["button","separator"],"title":"Dividers2","type":"registry:block"},{"categories":["application"],"description":"Dividers are used to separate content in your application.","name":"dividers3","registryDependencies":["separator"],"title":"Dividers3","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Dividers are used to separate content in your application.","name":"dividers4","registryDependencies":["button","separator"],"title":"Dividers4","type":"registry:block"},{"categories":["application"],"description":"Dividers are used to separate content in your application.","name":"dividers5","registryDependencies":["separator"],"title":"Dividers5","type":"registry:block"},{"categories":["elements"],"description":"A drawer is a panel that slides in from the side of the screen.","name":"drawer1","registryDependencies":["button","drawer","input","label","select"],"title":"Drawer1","type":"registry:component"},{"categories":["elements"],"description":"A drawer is a panel that slides in from the side of the screen.","name":"drawer2","registryDependencies":["button","drawer"],"title":"Drawer2","type":"registry:component"},{"categories":["elements"],"description":"A drawer is a panel that slides in from the side of the screen.","name":"drawer3","registryDependencies":["button","drawer","input","label"],"title":"Drawer3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A drawer is a panel that slides in from the side of the screen.","name":"drawer4","registryDependencies":["avatar","button","drawer"],"title":"Drawer4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A drawer is a panel that slides in from the side of the screen.","name":"drawer5","registryDependencies":["button","checkbox","drawer","label"],"title":"Drawer5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A drawer is a panel that slides in from the side of the screen.","name":"drawer6","registryDependencies":["button","drawer"],"title":"Drawer6","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list.","name":"dropdownmenu1","registryDependencies":["button","dropdown-menu"],"title":"Dropdownmenu1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list.","name":"dropdownmenu2","registryDependencies":["button","dropdown-menu"],"title":"Dropdownmenu2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list.","name":"dropdownmenu3","registryDependencies":["button","dropdown-menu"],"title":"Dropdownmenu3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list.","name":"dropdownmenu4","registryDependencies":["button","dropdown-menu"],"title":"Dropdownmenu4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list.","name":"dropdownmenu5","registryDependencies":["button","dropdown-menu"],"title":"Dropdownmenu5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list.","name":"dropdownmenu6","registryDependencies":["button","dropdown-menu"],"title":"Dropdownmenu6","type":"registry:component"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Empty states are used to communicate that there is no data to display in a component.","name":"emptystates1","registryDependencies":["button"],"title":"Emptystates1","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Empty states are used to communicate that there is no data to display in a component.","name":"emptystates2","registryDependencies":["button","textarea"],"title":"Emptystates2","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Empty states are used to communicate that there is no data to display in a component.","name":"emptystates3","registryDependencies":["button"],"title":"Emptystates3","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Empty states are used to communicate that there is no data to display in a component.","name":"emptystates4","registryDependencies":["avatar","badge"],"title":"Emptystates4","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Empty states are used to communicate that there is no data to display in a component.","name":"emptystates5","registryDependencies":["avatar"],"title":"Emptystates5","type":"registry:block"},{"categories":["marketing"],"description":"A component for frequently asked questions.","name":"faq1","registryDependencies":["accordion","badge","button"],"title":"Faq1","type":"registry:block"},{"categories":["marketing"],"description":"A component for frequently asked questions.","name":"faq2","registryDependencies":["accordion","badge","button"],"title":"Faq2","type":"registry:block"},{"categories":["marketing"],"description":"A component for frequently asked questions.","name":"faq3","registryDependencies":["accordion","badge","button"],"title":"Faq3","type":"registry:block"},{"categories":["marketing"],"description":"A component for frequently asked questions.","name":"faq4","registryDependencies":["accordion","avatar","badge","button"],"title":"Faq4","type":"registry:block"},{"categories":["marketing"],"description":"A component for frequently asked questions.","name":"faq5","registryDependencies":["badge","button"],"title":"Faq5","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A section for displaying features of a product.","name":"features1","title":"Features1","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A section for displaying features of a product.","name":"features2","title":"Features2","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A section for displaying features of a product.","name":"features3","title":"Features3","type":"registry:block"},{"categories":["marketing"],"description":"A section for displaying features of a product.","name":"features4","title":"Features4","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A section for displaying features of a product.","name":"features5","registryDependencies":["button"],"title":"Features5","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A section for displaying features of a product.","name":"features6","registryDependencies":["badge","card"],"title":"Features6","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A section for displaying features of a product.","name":"features7","registryDependencies":["badge","button","card"],"title":"Features7","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A section for displaying features of a product.","name":"features8","registryDependencies":["badge","card"],"title":"Features8","type":"registry:block"},{"categories":["marketing"],"description":"A footer is for displaying links and information at the bottom of a page.","name":"footer1","title":"Footer1","type":"registry:block"},{"categories":["marketing"],"description":"A footer is for displaying links and information at the bottom of a page.","name":"footer2","title":"Footer2","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A footer is for displaying links and information at the bottom of a page.","name":"footer3","title":"Footer3","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A footer is for displaying links and information at the bottom of a page.","name":"footer4","title":"Footer4","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A footer is for displaying links and information at the bottom of a page.","name":"footer5","title":"Footer5","type":"registry:block"},{"categories":["marketing"],"description":"A footer is for displaying links and information at the bottom of a page.","name":"footer6","title":"Footer6","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A footer is for displaying links and information at the bottom of a page.","name":"footer7","title":"Footer7","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A footer is for displaying links and information at the bottom of a page.","name":"footer8","registryDependencies":["select"],"title":"Footer8","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A footer is for displaying links and information at the bottom of a page.","name":"footer9","title":"Footer9","type":"registry:block"},{"categories":["application"],"description":"Form to reset a user's password","name":"forgotpassword1","registryDependencies":["button","input","label"],"title":"Forgotpassword1","type":"registry:block"},{"categories":["application"],"description":"Form to reset a user's password","name":"forgotpassword2","registryDependencies":["button","input","label"],"title":"Forgotpassword2","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Form to reset a user's password","name":"forgotpassword3","registryDependencies":["button"],"title":"Forgotpassword3","type":"registry:block"},{"categories":["application"],"description":"Form to reset a user's password","name":"forgotpassword4","registryDependencies":["button","input","label"],"title":"Forgotpassword4","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Form to reset a user's password","name":"forgotpassword5","registryDependencies":["button","card","input"],"title":"Forgotpassword5","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Form to reset a user's password","name":"forgotpassword6","registryDependencies":["button","card","input"],"title":"Forgotpassword6","type":"registry:block"},{"categories":["marketing"],"description":"Responsive image and video galleries with slideshow navigation.","name":"gallery1","registryDependencies":["carousel"],"title":"Gallery1","type":"registry:block"},{"categories":["marketing"],"description":"Responsive image and video galleries with slideshow navigation.","name":"gallery2","title":"Gallery2","type":"registry:block"},{"categories":["marketing"],"description":"Responsive image and video galleries with slideshow navigation.","name":"gallery3","title":"Gallery3","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A header is a navigation component that usually appears at the top of a page.","name":"header1","registryDependencies":["button"],"title":"Header1","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A header is a navigation component that usually appears at the top of a page.","name":"header2","registryDependencies":["button"],"title":"Header2","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A header is a navigation component that usually appears at the top of a page.","name":"header3","title":"Header3","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A header is a navigation component that usually appears at the top of a page.","name":"header4","registryDependencies":["button"],"title":"Header4","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"A header is a navigation component that usually appears at the top of a page.","name":"header5","registryDependencies":["button"],"title":"Header5","type":"registry:block"},{"categories":["marketing"],"description":"Used to display a large message or call to action at the top of a landing page.","name":"hero1","registryDependencies":["button"],"title":"Hero1","type":"registry:block"},{"categories":["marketing"],"description":"Used to display a large message or call to action at the top of a landing page.","name":"hero2","registryDependencies":["button"],"title":"Hero2","type":"registry:block"},{"categories":["marketing"],"description":"Used to display a large message or call to action at the top of a landing page.","name":"hero3","registryDependencies":["badge","button"],"title":"Hero3","type":"registry:block"},{"categories":["marketing"],"description":"Used to display a large message or call to action at the top of a landing page.","name":"hero4","registryDependencies":["badge","button","input","label"],"title":"Hero4","type":"registry:block"},{"categories":["marketing"],"description":"Used to display a large message or call to action at the top of a landing page.","name":"hero5","registryDependencies":["button"],"title":"Hero5","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"Used to display a large message or call to action at the top of a landing page.","name":"hero6","registryDependencies":["button"],"title":"Hero6","type":"registry:block"},{"categories":["marketing"],"description":"Used to display a large message or call to action at the top of a landing page.","name":"hero7","registryDependencies":["button"],"title":"Hero7","type":"registry:block"},{"categories":["marketing"],"dependencies":["lucide-react"],"description":"Used to display a large message or call to action at the top of a landing page.","name":"hero8","registryDependencies":["button"],"title":"Hero8","type":"registry:block"},{"categories":["form"],"description":"Input fields allow users to enter text into a form.","name":"input1","registryDependencies":["input","label"],"title":"Input1","type":"registry:component"},{"categories":["form"],"description":"Input fields allow users to enter text into a form.","name":"input2","registryDependencies":["input","label"],"title":"Input2","type":"registry:component"},{"categories":["form"],"description":"Input fields allow users to enter text into a form.","name":"input3","registryDependencies":["input","label"],"title":"Input3","type":"registry:component"},{"categories":["form"],"description":"Input fields allow users to enter text into a form.","name":"input4","registryDependencies":["button","input"],"title":"Input4","type":"registry:component"},{"categories":["form"],"description":"Input fields allow users to enter text into a form.","name":"input5","registryDependencies":["button","input"],"title":"Input5","type":"registry:component"},{"categories":["form"],"description":"A simple input OTP component.","name":"inputotp1","registryDependencies":["input-otp"],"title":"Inputotp1","type":"registry:component"},{"categories":["form"],"description":"A simple input OTP component.","name":"inputotp2","registryDependencies":["input-otp"],"title":"Inputotp2","type":"registry:component"},{"categories":["form"],"description":"A simple input OTP component.","name":"inputotp3","registryDependencies":["input-otp"],"title":"Inputotp3","type":"registry:component"},{"categories":["application"],"description":"Login page for your application.","name":"login1","registryDependencies":["button","input","label"],"title":"Login1","type":"registry:block"},{"categories":["application"],"description":"Login page for your application.","name":"login2","registryDependencies":["button","input","label"],"title":"Login2","type":"registry:block"},{"categories":["application"],"description":"Login page for your application.","name":"login3","registryDependencies":["button","input","label","separator"],"title":"Login3","type":"registry:block"},{"categories":["application"],"description":"Login page for your application.","name":"login4","registryDependencies":["button"],"title":"Login4","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Login page for your application.","name":"login5","registryDependencies":["button","input","label","separator"],"title":"Login5","type":"registry:block"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","name":"menubar1","registryDependencies":["menubar"],"title":"Menubar1","type":"registry:component"},{"categories":["elements"],"description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","name":"menubar2","registryDependencies":["menubar"],"title":"Menubar2","type":"registry:component"},{"categories":["elements"],"description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","name":"menubar3","registryDependencies":["menubar"],"title":"Menubar3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","name":"menubar4","registryDependencies":["menubar"],"title":"Menubar4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","name":"menubar5","registryDependencies":["menubar"],"title":"Menubar5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","name":"menubar6","registryDependencies":["menubar"],"title":"Menubar6","type":"registry:component"},{"categories":["marketing"],"description":"UI components for adding newsletter subscription and promotional sections to a webpage.","name":"newsletter1","registryDependencies":["button","input","label"],"title":"Newsletter1","type":"registry:block"},{"categories":["marketing"],"description":"UI components for adding newsletter subscription and promotional sections to a webpage.","name":"newsletter2","registryDependencies":["button","card","input","label"],"title":"Newsletter2","type":"registry:block"},{"categories":["marketing"],"description":"UI components for adding newsletter subscription and promotional sections to a webpage.","name":"newsletter3","registryDependencies":["button","card","input"],"title":"Newsletter3","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"UI components for adding newsletter subscription and promotional sections to a webpage.","name":"newsletter4","registryDependencies":["button","card","input","label"],"title":"Newsletter4","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"UI components for adding newsletter subscription and promotional sections to a webpage.","name":"newsletter5","registryDependencies":["button","card","input","label","separator"],"title":"Newsletter5","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A feedback component for non-intrusive communication","name":"notification1","title":"Notification1","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A feedback component for non-intrusive communication","name":"notification2","title":"Notification2","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A feedback component for non-intrusive communication","name":"notification3","title":"Notification3","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A feedback component for non-intrusive communication","name":"notification4","title":"Notification4","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"A feedback component for non-intrusive communication","name":"notification5","registryDependencies":["avatar"],"title":"Notification5","type":"registry:block"},{"categories":["elements"],"description":"Pagination with page navigation, next and previous links.","name":"pagination1","registryDependencies":["pagination"],"title":"Pagination1","type":"registry:component"},{"categories":["elements"],"description":"Pagination with page navigation, next and previous links.","name":"pagination2","registryDependencies":["pagination"],"title":"Pagination2","type":"registry:component"},{"categories":["elements"],"description":"Pagination with page navigation, next and previous links.","name":"pagination3","registryDependencies":["pagination"],"title":"Pagination3","type":"registry:component"},{"categories":["elements"],"description":"Pagination with page navigation, next and previous links.","name":"pagination4","registryDependencies":["pagination"],"title":"Pagination4","type":"registry:component"},{"categories":["elements"],"description":"Pagination with page navigation, next and previous links.","name":"pagination5","registryDependencies":["pagination"],"title":"Pagination5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Pagination with page navigation, next and previous links.","name":"pagination6","registryDependencies":["pagination"],"title":"Pagination6","type":"registry:component"},{"categories":["elements"],"description":"Displays rich content in a portal, triggered by a button.","name":"popover1","registryDependencies":["button","popover"],"title":"Popover1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Displays rich content in a portal, triggered by a button.","name":"popover2","registryDependencies":["button","input","label","popover"],"title":"Popover2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Displays rich content in a portal, triggered by a button.","name":"popover3","registryDependencies":["avatar","button","popover"],"title":"Popover3","type":"registry:component"},{"categories":["elements"],"description":"Displays rich content in a portal, triggered by a button.","name":"popover4","registryDependencies":["button","popover"],"title":"Popover4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Displays rich content in a portal, triggered by a button.","name":"popover5","registryDependencies":["button","input","popover"],"title":"Popover5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Displays rich content in a portal, triggered by a button.","name":"popover6","registryDependencies":["button","popover"],"title":"Popover6","type":"registry:component"},{"categories":["elements"],"description":"A visual indicator of a task's progress.","name":"progress1","registryDependencies":["progress"],"title":"Progress1","type":"registry:component"},{"categories":["elements"],"description":"A visual indicator of a task's progress.","name":"progress2","registryDependencies":["progress"],"title":"Progress2","type":"registry:component"},{"categories":["elements"],"description":"A visual indicator of a task's progress.","name":"progress3","registryDependencies":["progress"],"title":"Progress3","type":"registry:component"},{"categories":["elements"],"description":"A visual indicator of a task's progress.","name":"progress4","registryDependencies":["button","progress"],"title":"Progress4","type":"registry:component"},{"categories":["elements"],"description":"A visual indicator of a task's progress.","name":"progress5","registryDependencies":["button","progress"],"title":"Progress5","type":"registry:component"},{"categories":["form"],"description":"Radio buttons are used to select one option from a list.","name":"radio1","registryDependencies":["label","radio-group"],"title":"Radio1","type":"registry:component"},{"categories":["form"],"description":"Radio buttons are used to select one option from a list.","name":"radio2","registryDependencies":["label","radio-group"],"title":"Radio2","type":"registry:component"},{"categories":["form"],"description":"Radio buttons are used to select one option from a list.","name":"radio3","registryDependencies":["label","radio-group"],"title":"Radio3","type":"registry:component"},{"categories":["form"],"description":"Radio buttons are used to select one option from a list.","name":"radio4","registryDependencies":["label","radio-group"],"title":"Radio4","type":"registry:component"},{"categories":["form"],"description":"Radio buttons are used to select one option from a list.","name":"radio5","registryDependencies":["label","radio-group"],"title":"Radio5","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A rating component for user feedback.","name":"rating1","title":"Rating1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A rating component for user feedback.","name":"rating2","title":"Rating2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A rating component for user feedback.","name":"rating3","title":"Rating3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A rating component for user feedback.","name":"rating4","title":"Rating4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A rating component for user feedback.","name":"rating5","title":"Rating5","type":"registry:component"},{"categories":["application"],"description":"Registration forms for your application.","name":"registration1","registryDependencies":["button","input","label"],"title":"Registration1","type":"registry:block"},{"categories":["application"],"description":"Registration forms for your application.","name":"registration2","registryDependencies":["button","input","label"],"title":"Registration2","type":"registry:block"},{"categories":["application"],"description":"Registration forms for your application.","name":"registration3","registryDependencies":["button","input","label","separator"],"title":"Registration3","type":"registry:block"},{"categories":["application"],"description":"Registration forms for your application.","name":"registration4","registryDependencies":["button"],"title":"Registration4","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Registration forms for your application.","name":"registration5","registryDependencies":["button","input","label","separator"],"title":"Registration5","type":"registry:block"},{"categories":["application"],"description":"Section Headers are used to group related content.","name":"sectionheaders1","title":"Sectionheaders1","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Section Headers are used to group related content.","name":"sectionheaders2","registryDependencies":["button"],"title":"Sectionheaders2","type":"registry:block"},{"categories":["application"],"dependencies":["@mynaui/icons-react"],"description":"Section Headers are used to group related content.","name":"sectionheaders3","registryDependencies":["avatar","button"],"title":"Sectionheaders3","type":"registry:block"},{"categories":["application"],"description":"Section Headers are used to group related content.","name":"sectionheaders4","title":"Sectionheaders4","type":"registry:block"},{"categories":["application"],"description":"Section Headers are used to group related content.","name":"sectionheaders5","title":"Sectionheaders5","type":"registry:block"},{"categories":["form"],"description":"Select fields allow users to select an option from a list.","name":"select1","registryDependencies":["select"],"title":"Select1","type":"registry:component"},{"categories":["form"],"description":"Select fields allow users to select an option from a list.","name":"select2","registryDependencies":["select"],"title":"Select2","type":"registry:component"},{"categories":["form"],"description":"Select fields allow users to select an option from a list.","name":"select3","registryDependencies":["select"],"title":"Select3","type":"registry:component"},{"categories":["elements"],"description":"A panel that slides in from the side of the screen.","name":"sheet1","registryDependencies":["button","input","label","select","sheet"],"title":"Sheet1","type":"registry:component"},{"categories":["elements"],"description":"A panel that slides in from the side of the screen.","name":"sheet2","registryDependencies":["button","sheet"],"title":"Sheet2","type":"registry:component"},{"categories":["elements"],"description":"A panel that slides in from the side of the screen.","name":"sheet3","registryDependencies":["button","input","label","sheet"],"title":"Sheet3","type":"registry:component"},{"categories":["elements"],"description":"A simple skeleton loader for your components.","name":"skeleton1","registryDependencies":["skeleton"],"title":"Skeleton1","type":"registry:component"},{"categories":["elements"],"description":"A simple skeleton loader for your components.","name":"skeleton2","registryDependencies":["card","skeleton"],"title":"Skeleton2","type":"registry:component"},{"categories":["elements"],"description":"A simple skeleton loader for your components.","name":"skeleton3","registryDependencies":["skeleton"],"title":"Skeleton3","type":"registry:component"},{"categories":["form"],"description":"An input where the user selects a value from within a given range.","name":"slider1","registryDependencies":["slider"],"title":"Slider1","type":"registry:component"},{"categories":["form"],"description":"An input where the user selects a value from within a given range.","name":"slider2","registryDependencies":["slider"],"title":"Slider2","type":"registry:component"},{"categories":["form"],"dependencies":["@mynaui/icons-react"],"description":"An input where the user selects a value from within a given range.","name":"slider3","registryDependencies":["slider"],"title":"Slider3","type":"registry:component"},{"categories":["elements"],"description":"Spinners are used to indicate a loading state of a component or page.","name":"spinner1","registryDependencies":["spinner"],"title":"Spinner1","type":"registry:component"},{"categories":["elements"],"description":"Spinners are used to indicate a loading state of a component or page.","name":"spinner2","registryDependencies":["spinner"],"title":"Spinner2","type":"registry:component"},{"categories":["elements"],"description":"Spinners are used to indicate a loading state of a component or page.","name":"spinner3","registryDependencies":["spinner"],"title":"Spinner3","type":"registry:component"},{"categories":["elements"],"description":"Spinners are used to indicate a loading state of a component or page.","name":"spinner4","registryDependencies":["spinner"],"title":"Spinner4","type":"registry:component"},{"categories":["elements"],"description":"Spinners are used to indicate a loading state of a component or page.","name":"spinner5","registryDependencies":["button","spinner"],"title":"Spinner5","type":"registry:component"},{"categories":["marketing"],"description":"Statistics provide a visual representation of numerical data, enabling a comprehensive understanding of trends, patterns, and insights.","name":"statistics1","title":"Statistics1","type":"registry:block"},{"categories":["marketing"],"description":"Statistics provide a visual representation of numerical data, enabling a comprehensive understanding of trends, patterns, and insights.","name":"statistics2","title":"Statistics2","type":"registry:block"},{"categories":["marketing"],"description":"Statistics provide a visual representation of numerical data, enabling a comprehensive understanding of trends, patterns, and insights.","name":"statistics3","title":"Statistics3","type":"registry:block"},{"categories":["marketing"],"description":"Statistics provide a visual representation of numerical data, enabling a comprehensive understanding of trends, patterns, and insights.","name":"statistics4","title":"Statistics4","type":"registry:block"},{"categories":["marketing"],"description":"Statistics provide a visual representation of numerical data, enabling a comprehensive understanding of trends, patterns, and insights.","name":"statistics5","title":"Statistics5","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"Statistics provide a visual representation of numerical data, enabling a comprehensive understanding of trends, patterns, and insights.","name":"statistics6","title":"Statistics6","type":"registry:block"},{"categories":["marketing"],"description":"Statistics provide a visual representation of numerical data, enabling a comprehensive understanding of trends, patterns, and insights.","name":"statistics7","title":"Statistics7","type":"registry:block"},{"categories":["form"],"description":"Switches toggle the state of a single setting on or off.","name":"switch1","registryDependencies":["switch"],"title":"Switch1","type":"registry:component"},{"categories":["form"],"description":"Switches toggle the state of a single setting on or off.","name":"switch2","registryDependencies":["label","switch"],"title":"Switch2","type":"registry:component"},{"categories":["elements"],"description":"A responsive table component.","name":"table1","registryDependencies":["table"],"title":"Table1","type":"registry:component"},{"categories":["elements"],"description":"A responsive table component.","name":"table2","registryDependencies":["button","table"],"title":"Table2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A responsive table component.","name":"table3","registryDependencies":["badge","button","table"],"title":"Table3","type":"registry:component"},{"categories":["elements"],"description":"A responsive table component.","name":"table4","registryDependencies":["card","table"],"title":"Table4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A responsive table component.","name":"table5","registryDependencies":["badge","button","dropdown-menu","table"],"title":"Table5","type":"registry:component"},{"categories":["elements"],"description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs1","registryDependencies":["tabs"],"title":"Tabs1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs2","registryDependencies":["button","card","tabs"],"title":"Tabs2","type":"registry:component"},{"categories":["elements"],"description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs3","registryDependencies":["button","checkbox","tabs"],"title":"Tabs3","type":"registry:component"},{"categories":["marketing"],"description":"Testimonial Logos are used to showcase the logos of companies that use the product.","name":"testimoniallogos1","title":"Testimoniallogos1","type":"registry:block"},{"categories":["marketing"],"dependencies":["@mynaui/icons-react"],"description":"Testimonial Logos are used to showcase the logos of companies that use the product.","name":"testimoniallogos2","registryDependencies":["button"],"title":"Testimoniallogos2","type":"registry:block"},{"categories":["marketing"],"description":"Testimonial Logos are used to showcase the logos of companies that use the product.","name":"testimoniallogos3","title":"Testimoniallogos3","type":"registry:block"},{"categories":["marketing"],"description":"Testimonial Logos are used to showcase the logos of companies that use the product.","name":"testimoniallogos4","title":"Testimoniallogos4","type":"registry:block"},{"categories":["marketing"],"description":"Testimonial Logos are used to showcase the logos of companies that use the product.","name":"testimoniallogos5","title":"Testimoniallogos5","type":"registry:block"},{"categories":["form"],"description":"A text component for multi-line text input.","name":"textarea1","registryDependencies":["label","textarea"],"title":"Textarea1","type":"registry:component"},{"categories":["form"],"description":"A text component for multi-line text input.","name":"textarea2","registryDependencies":["label","textarea"],"title":"Textarea2","type":"registry:component"},{"categories":["form"],"description":"A text component for multi-line text input.","name":"textarea3","registryDependencies":["label","textarea"],"title":"Textarea3","type":"registry:component"},{"categories":["form"],"description":"A text component for multi-line text input.","name":"textarea4","registryDependencies":["button","textarea"],"title":"Textarea4","type":"registry:component"},{"categories":["form"],"description":"A text component for multi-line text input.","name":"textarea5","registryDependencies":["avatar","textarea"],"title":"Textarea5","type":"registry:component"},{"categories":["elements"],"dependencies":["sonner"],"description":"A succinct message that is displayed temporarily.","name":"toast1","registryDependencies":["button"],"title":"Toast1","type":"registry:component"},{"categories":["elements"],"dependencies":["sonner"],"description":"A succinct message that is displayed temporarily.","name":"toast2","registryDependencies":["button"],"title":"Toast2","type":"registry:component"},{"categories":["elements"],"dependencies":["sonner"],"description":"A succinct message that is displayed temporarily.","name":"toast3","registryDependencies":["button"],"title":"Toast3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Toggle components allow users to switch between two states.","name":"toggle1","registryDependencies":["toggle-group"],"title":"Toggle1","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Toggle components allow users to switch between two states.","name":"toggle2","registryDependencies":["toggle"],"title":"Toggle2","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Toggle components allow users to switch between two states.","name":"toggle3","registryDependencies":["toggle-group"],"title":"Toggle3","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Toggle components allow users to switch between two states.","name":"toggle4","registryDependencies":["toggle-group"],"title":"Toggle4","type":"registry:component"},{"categories":["elements"],"dependencies":["@mynaui/icons-react"],"description":"Toggle components allow users to switch between two states.","name":"toggle5","registryDependencies":["toggle-group"],"title":"Toggle5","type":"registry:component"},{"categories":["elements"],"description":"Tooltips display informative text when users hover over, focus on, or tap an element.","name":"tooltip1","registryDependencies":["tooltip"],"title":"Tooltip1","type":"registry:component"},{"categories":["elements"],"description":"Tooltips display informative text when users hover over, focus on, or tap an element.","name":"tooltip2","registryDependencies":["tooltip"],"title":"Tooltip2","type":"registry:component"}]},"movin design":{"favicon":"/favicons/movin-design.svg","items":[{"categories":["buttons"],"description":"A field of 52 compass needles inside the button, every one turning to point at the cursor wherever it is on the page, brighter and longer the closer it gets, with a springy transition between headings. A click spins the whole field once in a staggered sweep.","name":"button-filings","title":"Filings button","type":"registry:component"},{"categories":["buttons"],"description":"The button is a sheet of paper. A click folds the top half down over the bottom like a letter, its underside showing and the crease casting a shadow; it holds folded while the label changes underneath, then unfolds with the new label. Hover lifts the top flap a little to say it c","name":"button-fold","title":"Fold button","type":"registry:component"},{"categories":["buttons"],"description":"Liquid metaballs from one SVG filter: everything inside is blurred and its alpha thresholded back to a hard edge, so shapes that come close melt together. On hover, droplets ooze out of the edges and bob; a click fires a drop that stretches off the side and breaks free.","name":"button-goo","title":"Goo button","type":"registry:component"},{"categories":["buttons"],"description":"Three dot screens on one 7px grid: a faint base, a brighter screen whose dots swell under the cursor through a radial mask, and a ring of bright dots that rolls across the surface from the pointer on enter and click, its radius animated through a registered custom property.","name":"button-halftone","title":"Halftone button","type":"registry:component"},{"categories":["buttons"],"description":"A magnifying glass follows the cursor across the button at 2.5x, rendered from a clone of the content shifted by CSS so the point under the cursor sits in the middle of the lens. The fine print under the label is only readable through it.","name":"button-loupe","title":"Loupe button","type":"registry:component"},{"categories":["buttons"],"description":"The button is a rubber skin drawn as an SVG path. Leave it and the edge you exit through stretches after the cursor until it lets go and wobbles home on a spring; a press squishes every side inwards and the release boings. A small rAF spring integrator, no dependencies.","name":"button-membrane","title":"Membrane button","type":"registry:component"},{"categories":["buttons"],"description":"On hover the label melts into the next word. Both words blur through each other while letter-spacing shifts, and an SVG alpha-threshold filter turns the overlap into liquid letterforms instead of a crossfade. Pure CSS, no script.","name":"button-morph-text","title":"Morph Text button","type":"registry:component"},{"categories":["buttons"],"description":"The label is redrawn from every inked pixel of the word, one canvas particle each, springing to its home. The cursor brushes the particles aside like dust and a click blows the word apart, weakening the spring for a moment so it drifts before pulling back together.","name":"button-particle-text","title":"Particle Text button","type":"registry:component"},{"categories":["buttons"],"description":"A lamp switch: a cord hangs from the button with a bead on the end. Drag the bead down past the trigger point and let go to turn it on; the cord springs back and swings like a pendulum. Clicking the button itself toggles it too and tugs the cord, so keyboards get the same switch.","name":"button-pull-cord","title":"Pull Cord button","type":"registry:component"},{"categories":["buttons"],"description":"A click breaks the button into 24 irregular triangular shards, each a clone of the face clipped with clip-path. They burst away from the click point in 3D, hang in the air for a beat with their own lighting, then fly back and lock together with a small snap.","name":"button-shatter","title":"Shatter button","type":"registry:component"},{"categories":["buttons"],"description":"An airport departures board. Each letter is a split-flap tile; on hover the tiles flip left to right through a few random characters on hinged leaves before landing on the next label, and flip back when the cursor leaves. Interrupting mid-flip retargets cleanly.","name":"button-split-flap","title":"Split-Flap button","type":"registry:component"},{"categories":["buttons"],"description":"A slide-to-confirm track for actions that should not happen by accident. Drag the knob to the end and the track floods light while the arrow redraws as a check; let go early and it springs home. One registered custom property drives the knob, the fill and the hint, so a single tr","name":"button-swipe-confirm","title":"Swipe to Confirm button","type":"registry:component"},{"categories":["buttons"],"description":"A ticket with a perforated stub. Hover tugs at the stub; a click tears it off along the perforation and it tumbles away while the ticket reads Admitted, then a fresh stub slides back into place. The notches are radial-gradient masks, the perforation a repeating gradient.","name":"button-ticket","title":"Ticket button","type":"registry:component"},{"categories":["buttons"],"description":"Liquid rises inside the button on hover with two SVG wave layers rolling across its surface, and sloshes against the walls when the cursor moves fast: horizontal pointer speed tips the water on a spring. The label splits colour at the waterline through mix-blend-mode.","name":"button-tide","title":"Tide button","type":"registry:component"},{"categories":["buttons"],"description":"The surface is a 12x4 grid of tiles. Entering flips them over in a wave that spreads from the exact point the cursor came in, each tile turning about the axis facing away from it; leaving flips them back from where it left. The label turns dark as the wave passes.","name":"button-tile-flip","title":"Tile Flip button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, a white light beam races continuously around the button border. A 2px-padded wrapper div clips a large rotating conic-gradient square — only the border gap is visible, creating the illusion of a beam orbiting the perimeter. The button interior stays dark. No dependencie","name":"button-border-beam","title":"Border Beam button","type":"registry:component"},{"categories":["buttons"],"description":"On click, a single transparent ring (border only, no fill) expands outward from the exact click point and fades — different from ripple which fills. Multiple rings can overlap. Uses React useState to track active rings and removes them after 540ms. No dependencies.","name":"button-burst-ring","title":"Burst Ring button","type":"registry:component"},{"categories":["buttons"],"description":"A fighting-game style button: hover to charge a light gray power bar from left to right over 1.5 seconds via requestAnimationFrame. When the bar reaches 100%, the button fires — turning bright white with a pulsing box-shadow glow and \"FIRED!\" text for 800ms. Mousing away before f","name":"button-charge","title":"Charge button","type":"registry:component"},{"categories":["buttons"],"description":"On click, 22 grayscale rectangular particles are spawned from the click point inside a relatively-positioned wrapper. Each particle flies outward in an evenly distributed radial spread with slight randomness, rotating and fading over 500–900ms via CSS custom properties (--tx, --t","name":"button-confetti","title":"Confetti button","type":"registry:component"},{"categories":["buttons"],"description":"Each click increments a visible counter badge inside the button. The badge pops with a spring-overshoot scale keyframe animation on every increment, re-triggered via the removeAttribute/offsetWidth/setAttribute pattern.","name":"button-count-up","title":"Count Up button","type":"registry:component"},{"categories":["buttons"],"description":"On click, a 3D cube rotates 90 degrees on the X axis to reveal a second face with a confirmation message. Uses CSS transform-style: preserve-3d with two absolutely-positioned faces — a front face (translateZ) and a top face (rotateX + translateZ). Auto-resets after 1.8 seconds.","name":"button-cube-face","title":"Cube Face button","type":"registry:component"},{"categories":["buttons"],"description":"A diamond-shaped button using a 45-degree rotated wrapper with counter-rotated text. On hover, the button scales up, the background gradient brightens, and a pulse box-shadow animation radiates outward. No clip-path — pure CSS rotate transform.","name":"button-diamond","title":"Diamond button","type":"registry:component"},{"categories":["buttons"],"description":"On click, a CSS keyframe animation fires — squishing the button horizontally then snapping back with an overshoot oscillation that simulates spring physics. The animation is re-triggered cleanly on every click by removing and re-adding the data attribute with a forced reflow. No ","name":"button-elastic-press","title":"Elastic Press button","type":"registry:component"},{"categories":["buttons"],"description":"Two cloned text layers are absolutely positioned over the button. On hover, staggered clip-path animations in steps() slice each clone into horizontal bands while offsetting them in opposite directions — one dark, one bright — creating a channel-split digital glitch effect. No de","name":"button-glitch","title":"Glitch button","type":"registry:component"},{"categories":["buttons"],"description":"A silver highlight spins continuously around the button border; on hover it brightens to white and casts a soft blurred halo. CSS @property angle and colour, no dependencies.","name":"button-gradient-border","title":"Gradient Border button","type":"registry:component"},{"categories":["buttons"],"description":"A game-style HP bar embedded in the button body. On hover, the bar drains from 100% to 28% over 800ms with a CSS width transition; the bar dims from bright to light gray to dark gray as HP drops. HP values and a status label update accordingly.","name":"button-health-bar","title":"Health Bar button","type":"registry:component"},{"categories":["buttons"],"description":"A flat-top hexagonal button using clip-path: polygon(). On hover, a circular silver fill expands from the center with a spring overshoot (cubic-bezier(0.34, 1.56, 0.64, 1)), inverting the text color from silver to near-black. The hex clip-path is applied to the button element its","name":"button-hexagon","title":"Hexagon button","type":"registry:component"},{"categories":["buttons"],"description":"Hold the mouse button down to fill a circular SVG progress ring. Progress is driven by requestAnimationFrame over a 1.5-second duration. Releasing early resets to zero. When the ring completes, the button enters a confirmed state with a checkmark and colour change for 1.8 seconds","name":"button-hold-confirm","title":"Hold to Confirm button","type":"registry:component"},{"categories":["buttons"],"description":"On click, a circular ink-blot radial gradient expands from the center of the button and fades out via a CSS keyframe animation. The effect is re-triggered on every click using the removeAttribute/offsetWidth/setAttribute pattern.","name":"button-ink-stamp","title":"Ink Stamp button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, the button squishes and stretches with a decaying scaleX/scaleY oscillation that simulates rubber or jello physics — starting with a large deformation and settling back to rest over 600ms. Re-triggers cleanly on every mouseenter. No dependencies.","name":"button-jello-wobble","title":"Jello Wobble button","type":"registry:component"},{"categories":["buttons"],"description":"On click, the button transitions through three states: idle (padlock icon) → loading (spinning SVG arc, 1.6s) → done (checkmark, bright white). Auto-resets to idle after 2 seconds. Each state has distinct icon, label, and colour scheme.","name":"button-loading-lock","title":"Loading Lock button","type":"registry:component"},{"categories":["buttons"],"dependencies":["framer-motion"],"description":"The button follows the cursor with spring physics, pulling toward the mouse like a magnet and bouncing back on leave.","name":"button-magnetic","title":"Magnetic button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, the button morphs from a pill shape to a circle: the width collapses and border-radius transitions to 50%. The text label fades out and a decorative symbol fades in with a spring-bounce entrance. Both transitions are CSS-only.","name":"button-morph-shape","title":"Morph Shape button","type":"registry:component"},{"categories":["buttons"],"description":"A white neon glow breathes in and out continuously around the button using layered box-shadows — ideal for a primary CTA that demands attention. Pure CSS, no dependencies.","name":"button-neon-pulse","title":"Neon Pulse button","type":"registry:component"},{"categories":["buttons"],"description":"An 8-sided button shaped with a CSS clip-path polygon. On hover, the entire shape rotates 22.5 degrees with a spring overshoot, the background gradient fills in, and the inner text counter-rotates to stay upright.","name":"button-octagon","title":"Octagon button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, 6 dots orbit the button in a continuous circle via CSS keyframes. Each dot shares a single rotate→translateX→counter-rotate keyframe; staggered negative animation-delay offsets each dot to an evenly-spaced starting position. The lead dot is slightly larger.","name":"button-orbit-particles","title":"Orbit Particles button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, the button pops toward the viewer using CSS 3D transforms: translateZ(28px) and scale(1.06) with a spring cubic-bezier. A deep drop shadow grows to reinforce the depth illusion. Requires a perspective wrapper on the parent element.","name":"button-pop-forward","title":"Pop Forward button","type":"registry:component"},{"categories":["buttons"],"description":"A chunky RPG-style button with a thick box-shadow that simulates physical depth. On mousedown it snaps down 5px while the shadow collapses, then springs back on release — replicating the feel of pressing a physical arcade or game controller button. No dependencies.","name":"button-press-3d","title":"Press 3D button","type":"registry:component"},{"categories":["buttons"],"description":"8-bit game-style button with a chunky pixel border (outline + box-shadow), scanline overlay via repeating-linear-gradient, monospace font, and a stepped jitter shake animation on press. The outer wrapper uses a black frame to simulate a cartridge slot border. No dependencies.","name":"button-retro-pixel","title":"Retro Pixel button","type":"registry:component"},{"categories":["buttons"],"description":"A soft white ripple circle expands from the exact click point and fades out — Material Design's satisfying click feedback pattern. Pure CSS animation, no dependencies.","name":"button-ripple","title":"Ripple button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, a large conic-gradient layer (alternating dark and light grays) fades in behind the button text and spins continuously via a rotate(360deg) keyframe animation. A subtle dark overlay keeps the white text readable against the gradient. No dependencies.","name":"button-rotating-gradient","title":"Rotating Gradient button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, characters randomize from a pool of alphanumeric and symbol characters at 40ms intervals. Characters resolve to the real label progressively left-to-right. On mouse leave the original text is restored immediately.","name":"button-scramble","title":"Scramble button","type":"registry:component"},{"categories":["buttons"],"description":"A skewed diagonal glare band slides across the button from left to right on hover. The glare is a semi-transparent white gradient on an absolutely-positioned span. The transition is one-shot on mouseenter (no reverse on mouseleave), giving a clean premium feel. No dependencies.","name":"button-shimmer-sweep","title":"Shimmer Sweep button","type":"registry:component"},{"categories":["buttons"],"description":"On click, 3 bright rings burst from the click point with staggered delays (0ms, 120ms, 240ms), each expanding and fading for a shockwave effect. Rings are spawned as DOM elements with CSS custom properties (--delay, --dur) and removed when done. No dependencies.","name":"button-shockwave","title":"Shockwave button","type":"registry:component"},{"categories":["buttons"],"description":"A parallelogram-shaped button using clip-path. On hover, a gradient fill sweeps in from the left with a skewed transform, while the text colour transitions to white. The clip-path outline remains visible at all times.","name":"button-skewed","title":"Skewed button","type":"registry:component"},{"categories":["buttons"],"description":"A mid-gray fill slides in from the left to fill the button on hover, then retreats on mouse-leave. Pure CSS transitions, no dependencies.","name":"button-slide-fill","title":"Slide Fill button","type":"registry:component"},{"categories":["buttons"],"description":"A soft circle of light fades in under the cursor and follows it across the button, written to CSS custom properties on mousemove so nothing re-renders. The rest of the button stays dark. No dependencies.","name":"button-spotlight","title":"Spotlight button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, each letter of the button label jumps upward with a spring-overshoot cubic-bezier transition, staggered by 38ms per character. All letters return to baseline on mouse leave.","name":"button-stagger-letters","title":"Stagger Letters button","type":"registry:component"},{"categories":["buttons"],"description":"The button label slides upward out of frame on hover while a secondary label slides in from below — a clean way to surface a call-to-action hint. Pure CSS transitions, no dependencies.","name":"button-swap-text","title":"Swap Text button","type":"registry:component"},{"categories":["buttons"],"dependencies":["framer-motion"],"description":"A Framer Motion button that rotates in 3D perspective as the cursor moves across it, using useMotionValue and useSpring to track mouse position into rotateX/rotateY transforms. A blurred white orb follows the cursor inside the button as a sheen highlight, and a depth shadow expan","name":"button-tilt-3d","title":"Tilt 3D button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, the button label erases character-by-character at 45ms intervals then retypes an alternate label at 55ms intervals. On mouse leave the process reverses back to the original text. A blinking cursor is shown throughout.","name":"button-typewriter","title":"Typewriter button","type":"registry:component"},{"categories":["buttons"],"description":"On hover, the primary label slides out to the left while a secondary label simultaneously slides in from the right — both driven by the same translateX transition. Different from swap-text which moves vertically; this is a horizontal wipe with distinct label content. No dependenc","name":"button-wipe-swap","title":"Wipe Swap button","type":"registry:component"},{"categories":["buttons"],"description":"On each click, a \"+100 XP\" label floats upward from the click position and fades out over 860ms via CSS keyframes. A running total increments in the button label. Click position is captured from the mouse event and used to place the floating element.","name":"button-xp-gain","title":"XP Gain button","type":"registry:component"},{"categories":["cards"],"description":"A paper-cut landscape behind a window frame. On hover the card turns in 3D and its four paper layers (sky, far mountains, near hills, frame) pull apart in depth, each casting a shadow on the next; the cursor keeps steering the turn.","name":"card-diorama","title":"Diorama card","type":"registry:component"},{"categories":["cards"],"description":"An envelope with a seal. On hover the flap swings open in 3D and, once past edge-on, drops behind the letter through a delayed z-index; then an invitation card slides up out of the pocket. Leaving reverses it in order. Pure CSS.","name":"card-envelope","title":"Envelope card","type":"registry:component"},{"categories":["cards"],"description":"A collectible trading card. It tilts toward the cursor while a silver holographic foil (light bands plus a sparkle screen, colour-dodged) slides across it and a glare follows the light, like a rare card turned under a lamp.","name":"card-holo","title":"Holo Foil card","type":"registry:component"},{"categories":["cards"],"description":"A liquid blob of ink trails the cursor across the card, a head and a tapering tail of droplets melting together through an SVG goo filter inside an alpha mask, and wherever it flows it reveals an inverted version of the card. A click floods the whole card.","name":"card-ink-reveal","title":"Ink Reveal card","type":"registry:component"},{"categories":["cards"],"description":"A ridged plastic lenticular card holding two pictures. Moving across it tilts the card and switches day to night through interleaved strips that widen with a registered custom property, flickering exactly like printed lenticulars, with a sheen running along the ridges.","name":"card-lenticular","title":"Lenticular card","type":"registry:component"},{"categories":["cards"],"description":"A sticker on a card. Hovering curls its corner; drag the corner and it peels back along a true fold line (the perpendicular bisector of corner and pointer), the sticker clipped on one side and its paper underside mirrored on the other, revealing what is beneath. Pull far enough a","name":"card-peel","title":"Peel card","type":"registry:component"},{"categories":["cards"],"description":"A payment terminal card. On hover its light blinks and a receipt prints out of the slot in steps() jerks like a thermal printer, line items, total and barcode, with a torn zigzag edge from a conic-gradient mask; leaving pulls it back in smoothly. Pure CSS.","name":"card-receipt","title":"Receipt card","type":"registry:component"},{"categories":["cards"],"description":"A scratch card. Drag across the silver foil (a canvas) to erase it with destination-out strokes while flakes fall from the scratch; once about half is gone the rest dissolves and the prize pops. Keyboard users get a Reveal button, and Scratch again resets it.","name":"card-scratch","title":"Scratch-off card","type":"registry:component"},{"categories":["cards"],"description":"A deck of cards you fling. Drag the top card and it tilts with the throw while a Keep or Skip stamp fades in by direction; let go far enough and it flies off and tucks in at the back of the deck as the next card rises. Arrow keys swipe too.","name":"card-swipe-deck","title":"Swipe Deck card","type":"registry:component"},{"categories":["cards"],"description":"A folded brochure showing its cover. On hover the right panel swings open, then the left, each shading as it turns away from the light, laying out three steps side by side; leaving folds it back up in reverse order. Pure CSS.","name":"card-trifold","title":"Tri-fold card","type":"registry:component"},{"categories":["cards"],"description":"Three blurred light blobs of different brightness drift slowly behind the card content; on hover the aurora blooms brighter and wider. Pure CSS keyframes, no dependencies.","name":"card-aurora","title":"Aurora card","type":"registry:component"},{"categories":["cards"],"description":"A conic highlight spins continuously around the card edge; on hover it brightens to white and casts a soft blurred halo. Uses @property for the angle and a transitionable colour.","name":"card-border-glow","title":"Border Glow card","type":"registry:component"},{"categories":["cards"],"description":"A solid mid-gray overlay slides up from the bottom on hover, fully covering the card with secondary content. Pure CSS transitions, no dependencies.","name":"card-color-reveal","title":"Color Reveal card","type":"registry:component"},{"categories":["cards"],"description":"Card rotates 180° on the Y axis on hover to reveal a back face. Uses CSS preserve-3d and backface-visibility for a physical 3D flip.","name":"card-flip","title":"Flip card","type":"registry:component"},{"categories":["cards"],"description":"On hover, two ghost copies of the card clip to random horizontal bands and translate sideways — one inverted, one overexposed — simulating a corrupted signal. Pure CSS keyframes with step() timing for a digital glitch aesthetic.","name":"card-glitch","title":"Glitch card","type":"registry:component"},{"categories":["cards"],"description":"The card header runs a multi-stop grayscale gradient that slowly drifts left-to-right in a continuous loop — an ambient living colour effect. Pure CSS, no dependencies.","name":"card-gradient-drift","title":"Gradient Drift card","type":"registry:component"},{"categories":["cards"],"description":"Card floats upward and casts a deeper shadow on hover. Spring overshoot easing gives it a satisfying pop. Pure CSS transitions, no dependencies.","name":"card-hover-lift","title":"Hover Lift card","type":"registry:component"},{"categories":["cards"],"description":"Card layers move toward the cursor at different strengths — the orb the most, the backdrop at 30%, the text at 15% — creating a parallax depth illusion without any 3D rotation or perspective.","name":"card-magnetic","title":"Magnetic card","type":"registry:component"},{"categories":["cards"],"description":"On hover the card border lights up in silver and a layered box-shadow creates a bright neon halo effect. Pure CSS transitions, no dependencies.","name":"card-neon-glow","title":"Neon Glow card","type":"registry:component"},{"categories":["cards"],"description":"A bright diagonal light streak sweeps across the card on hover using a CSS ::after pseudo-element, and the border stays lit while hovered. Resets instantly on mouse-leave. Pure CSS, no dependencies.","name":"card-shimmer","title":"Shimmer card","type":"registry:component"},{"categories":["cards"],"description":"A soft radial light fades in and follows the cursor across the card, like a torch, while the border lights up. Pure CSS + mouse tracking, no dependencies.","name":"card-spotlight","title":"Spotlight card","type":"registry:component"},{"categories":["cards"],"description":"Three layered cards sit in a tight stack at rest. On hover they fan outward — back card rotates −6° and slides left, middle rotates +5° and slides right, front card lifts upward — using a spring cubic-bezier that physically overshoots before settling.","name":"card-stack","title":"Stack card","type":"registry:component"},{"categories":["cards"],"description":"Card tilts in 3D toward the cursor using CSS perspective and rotateX/Y driven by mouse position. Springs back to flat on leave.","name":"card-tilt","title":"Tilt card","type":"registry:component"},{"categories":["cards"],"description":"Hover erases the card title and description character-by-character then retypes new content — terminal-style with a blinking cursor visible during the erase/type phases. Mouse leave reverses the animation back to the original text.","name":"card-typewriter","title":"Typewriter card","type":"registry:component"},{"categories":["cards"],"description":"Hover sweeps a clip-path from inset(0 0 100% 0) to inset(0 0 0 0) — a bottom-to-top wipe that reveals hidden card content. A placeholder state fades out simultaneously. Sharp cubic-bezier easing gives the reveal a crisp, decisive feel.","name":"card-wipe-reveal","title":"Wipe Reveal card","type":"registry:component"},{"categories":["checkboxes"],"description":"A bookmark icon as the checkbox. Checking pours a ribbon of fill down from its top and the whole ribbon swings on its pin a few times before it hangs still; unchecking drains it back up. Pure CSS.","name":"checkbox-bookmark","title":"Bookmark checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"Checking turns the box into a sheet of paper and folds its top corner down in 3D, the way you dog-ear a page you have read, showing the paper's darker underside. Pure CSS.","name":"checkbox-dog-ear","title":"Dog-ear checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"Press and hold to confirm. While held, the fingerprint's ridges light up one by one from the centre outwards; let go early and they drain away. Held to the end, it checks and a badge pops in. Space still toggles it from the keyboard.","name":"checkbox-fingerprint","title":"Fingerprint checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A mechanical keyboard key. Pressing it travels down as its side wall shrinks; checked, it latches half-way down like Caps Lock and the LED on the cap glows. Pure CSS.","name":"checkbox-keycap","title":"Keycap checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A parent checkbox over a branch of children. Checking the parent cascades down the branch one child after another; checking only some children turns the parent into an animated half-state dash that becomes a tick when the last one is done.","name":"checkbox-select-all","title":"Select All checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A little face as the checkbox. Unchecked it is a dark, straight-faced circle; checked it lights up with a bounce, the flat mouth swaps for a drawn smile and the dot eyes curve into happy arcs.","name":"checkbox-smile","title":"Smile checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A short to-do list that tidies itself. Checking a task slides it down below the open ones while the others glide up into its place, and a progress bar over the list fills and counts; unchecking floats it back up.","name":"checkbox-sort-list","title":"Sorting List checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"Checking plants a seed: the box fills and ticks, then a stem grows up out of its top edge and two leaves unfurl one after the other before the little plant starts to sway. Unchecking pulls the sprout back into the soil.","name":"checkbox-sprout","title":"Sprout checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The box is a patch of fabric and the tick is sewn in: a needle runs along the tick leaving dashed stitches behind it one by one, then slips away. Unchecking pulls the thread out. Pure CSS.","name":"checkbox-stitch","title":"Stitch checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A to-do row. Checking ticks the box with a pen stroke, then a hand-drawn scribble runs through the task text, out and back, as the text greys out; unchecking rubs it out.","name":"checkbox-strike-task","title":"Strike Task checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A checkbox that plays a spring-bounce keyframe animation on the box itself when toggled — compresses then overshoots on check, lightly expands then settles on uncheck. Fill and border color transition simultaneously.","name":"checkbox-bounce","title":"Bounce checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A light gray progress bar fills left-to-right inside the box over 600ms like a battery charging. When full, the bar fades and a check mark springs in. Unchecking drains the bar.","name":"checkbox-charging","title":"Charging checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A checkbox where the SVG checkmark springs into view with a scale overshoot (cubic-bezier spring) on check and collapses instantly on uncheck. No keyframes needed — pure CSS transition on the SVG transform.","name":"checkbox-check-pop","title":"Check Pop checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"No box — a circular ring indicator. On check, an SVG circle stroke draws around the full circumference via strokeDashoffset, then the check mark springs into the center. Completely different shape from square checkboxes.","name":"checkbox-circle","title":"Circle checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"On check, 8 grayscale confetti pieces (alternating rectangles and circles) burst radially outward from the center in all directions, rotating and fading as they travel. Playful and celebratory.","name":"checkbox-confetti","title":"Confetti checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"On toggle, the box visually shatters into three angled polygonal shards that briefly separate outward, then collapse back revealing the new state. A satisfying destructive-reassembly metaphor.","name":"checkbox-crystal-break","title":"Crystal Break checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"Two gray half-panels slide apart like theater curtains on check, revealing the check mark behind them. Unchecking slides the panels back in to conceal it.","name":"checkbox-curtain","title":"Curtain checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A checkbox where the SVG checkmark stroke draws itself on via stroke-dashoffset when checked, combined with a brief scale pop on the box. The path writes itself left-to-right rather than snapping in.","name":"checkbox-draw-check","title":"Draw Check checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"Animated flame gradient rises from the box bottom with a jagged flickering top edge (clip-path polygon keyframes). Light-to-dark gray fill with continuous flicker — clearly distinct from liquid (smooth, no animation while filled).","name":"checkbox-fire-fill","title":"Fire Fill checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A checkbox that performs a full 360° Y-axis coin flip via CSS keyframes when toggled. The fill color and stroke-dashoffset check mark transition during the rotation.","name":"checkbox-flip","title":"Flip checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The box fades to near-translucency while the check mark materializes through it, then the box fades back to solid — creating a \"materializing through\" ghost effect. Eerie and subtle.","name":"checkbox-ghost-through","title":"Ghost Through checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"On toggle, light and dark ghost overlays jitter in opposite X directions and a horizontal scan line sweeps through, creating a digital corruption/glitch effect before resolving to the new state.","name":"checkbox-glitch","title":"Glitch checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The check mark falls from above the box with realistic gravity physics — accelerates in, overshoots slightly, bounces twice, then settles. Unchecking tosses it back upward and fades it out.","name":"checkbox-gravity-drop","title":"Gravity Drop checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"On check, a tiny SVG ECG heartbeat line draws across the box using stroke-dashoffset, then fades while the check mark reveals. Dark background with a soft white trace. Medical/vital signs aesthetic.","name":"checkbox-heartbeat","title":"Heartbeat checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The box fill spreads via border-radius morphing through organic amoeba/blob shapes — animating through asymmetric four-corner border-radius values before settling square again. Feels like ink spreading.","name":"checkbox-ink-blot","title":"Ink Blot checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The check mark draws itself with a glowing white laser effect using stroke-dashoffset animation and a pulsing drop-shadow filter. Visually distinct from draw-check — hot, fiery, continuous glow.","name":"checkbox-laser-draw","title":"Laser Draw checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A silver liquid rises from the bottom of the box using translateY on a fill layer inside overflow:hidden. A faint curved surface ripple rides the top of the liquid. The check springs in after the fill completes.","name":"checkbox-liquid","title":"Liquid checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A short horizontal line morphs into a check mark using SVG path d attribute animation — extending first, then bending into the check V-shape. Unchecking reverses the morph back to a line.","name":"checkbox-morph-line","title":"Morph Line checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A dark box with a near-invisible border that transforms into a white neon sign on check. A brief 400ms flicker keyframe (simulating a neon tube buzzing to life) plays on activation. The check stroke has a drop-shadow glow matching the neon color.","name":"checkbox-neon","title":"Neon checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A glowing white dot orbits the checkbox perimeter for ~700ms on check, then vanishes and the check mark snaps in. Unchecking instantly removes the check. Gives a satisfying \"loading then locking\" sequence.","name":"checkbox-orbit-snap","title":"Orbit Snap checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A checkbox whose interior is a 4×4 grid of micro-squares that fill in one by one in a randomised stagger order on check, and clear in reverse on uncheck. Retro pixel game aesthetic.","name":"checkbox-pixel-fill","title":"Pixel Fill checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The entire box squishes flat (scaleY 0.28) under simulated finger pressure then springs back up with an overshoot, revealing the checked fill. Distinct from raised (3D) — this is a flat squeeze-and-spring.","name":"checkbox-pressure-dip","title":"Pressure Dip checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A checkbox that emits a gray ring radiating outward (scale 1→2.4, opacity 0.65→0) when checked. The ring only fires on check, not uncheck. The check mark draws in via stroke-dashoffset.","name":"checkbox-pulse-ring","title":"Pulse Ring checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A conic gradient sweeps clockwise from the top, filling the box like a radar scan over ~700ms. The check mark appears once the sweep completes. Driven by a requestAnimationFrame loop.","name":"checkbox-radar-sweep","title":"Radar Sweep checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The checked state looks physically raised off the surface. A sphere-like radial gradient (silver → dark gray) combined with six layered box-shadows (rim highlight, outer glow, ground lift shadow, inner top shine, inner bottom depth) creates a convincing 3D embossed button. The bo","name":"checkbox-raised","title":"Raised checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The box interior is a 5×5 dot matrix. On check, white LEDs light up in a staggered sequence that traces a check-mark pattern through the grid. Off state: all dots dim. Retro display aesthetic.","name":"checkbox-retro-led","title":"Retro LED checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A circular gray fill expands from the center outward via clip-path circle animation, like a water-drop ripple filling the box. The check mark fades in after the fill completes.","name":"checkbox-ripple-fill","title":"Ripple Fill checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The checkbox shape morphs from a rounded square (7px radius) to a perfect circle on check via animated border-radius with a spring overshoot. Clean and satisfying shape transformation.","name":"checkbox-round-morph","title":"Round Morph checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"A diagonal clip-path wipe reveals the filled checked state from the bottom-right corner, like scratching a lottery card. Unchecking collapses the fill back.","name":"checkbox-scratch","title":"Scratch checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The box rattles in a rapid X-axis jitter sequence as if locking in, then snaps to the checked silver fill. Unchecking plays a shorter reverse shake. Kinetic, mechanical feel.","name":"checkbox-shake-lock","title":"Shake Lock checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The checked fill opens like a camera iris/shutter using clip-path polygon animation — panels spread outward from a collapsed line to full coverage. Sharp, mechanical feel.","name":"checkbox-shutter","title":"Shutter checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"On check, 8 short white spark-streaks shoot outward in all directions and fade quickly, like an electric discharge. More energy-focused and rapid than confetti — pure white, no color variation.","name":"checkbox-spark-trail","title":"Spark Trail checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"The check mark crashes down from above like a rubber stamp, with a blur-to-focus motion and six ink-splatter dots radiating outward on impact. Dramatic and tactile.","name":"checkbox-stamp","title":"Stamp checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"On hover, the box tilts in 3D perspective (rotateX + rotateY) giving depth and a subtle lift shadow. Clicking snaps it flat and fills with mid-gray. The tilt resets once checked.","name":"checkbox-tilt-hover","title":"Tilt Hover checkbox","type":"registry:component"},{"categories":["checkboxes"],"description":"Both states have visible content: unchecked shows a dim × (reject), checked shows a ✓ on a solid fill (approve). The × rotates away as the ✓ rotates in. The box shifts from faint to solid. A clear reject→approve narrative.","name":"checkbox-x-to-check","title":"X to Check checkbox","type":"registry:component"},{"categories":["inputs"],"description":"The text caret glides instead of jumping. Every move (typing, arrow keys, clicking, Home and End) slides a custom caret to its new place and leaves a short comet streak behind it that fades; it blinks only once it is resting. Selections fall back to the native highlight.","name":"input-caret","title":"Smooth Caret input","type":"registry:component"},{"categories":["inputs"],"description":"A tag field. Press Enter or type a comma and the words you typed turn into a chip right where they were while the cursor glides along; Backspace on an empty field melts the last chip back into editable text. Repeats nudge the existing chip instead of doubling it.","name":"input-chips","title":"Tag Chips input","type":"registry:component"},{"categories":["inputs"],"description":"A one-time code field drawn as six cells. Digits roll up into their cell and a caret blinks in the next one; when the sixth lands, the cells slide together into one pill and a tick pops beside it. One real input underneath, so paste and SMS autofill just work.","name":"input-code-slots","title":"Code Slots input","type":"registry:component"},{"categories":["inputs"],"description":"A chat composer. The box springs taller line by line as you write (up to a limit, then it scrolls) with the send button riding its bottom edge; the button wakes up as soon as there is text, and sending lifts the message out of the box into the thread above as the box springs back","name":"input-composer","title":"Composer input","type":"registry:component"},{"categories":["inputs"],"description":"Every letter you type drops into the field from above with a little tumble and bounce, and letters you delete fall out through the floor. A real input keeps the caret, selection and typing; a mirror line draws the letters over it.","name":"input-drop","title":"Drop Letters input","type":"registry:component"},{"categories":["inputs"],"description":"An email field that finishes the domain for you. Type the @ and the rest of a likely address appears in grey after your caret with a Tab key hint; Tab (or the right arrow, or tapping the hint) washes the ghost text solid and it becomes part of what you typed.","name":"input-ghost","title":"Ghost Complete input","type":"registry:component"},{"categories":["inputs"],"description":"A username field that checks availability as you type. Characters a handle cannot use are refused with a nudge; three dots bounce while it looks (debounced, so only the name you stop on is checked); then a tick draws for a free name, or a cross pops for a taken one and free alter","name":"input-handle","title":"Handle Check input","type":"registry:component"},{"categories":["inputs"],"description":"Search that starts as a magnifying glass. Focusing it stretches the glass's ring sideways into the field itself while the handle tucks away and a small lens settles inside; empty it and click away and it shrinks back into the glass. Pure CSS.","name":"input-lens","title":"Lens Search input","type":"registry:component"},{"categories":["inputs"],"description":"A number stepper whose digits are mechanical wheels: each one rolls to its new figure (the tens wheel slides in and out as it is needed), and you can step with the buttons, the arrow keys, or by dragging the number sideways to scrub. Pushing past a limit bumps against it.","name":"input-odometer","title":"Odometer input","type":"registry:component"},{"categories":["inputs"],"description":"A password field whose show/hide toggle is a living eye. Hidden, the eye is shut; showing the password blinks it open, and while it is open the pupil follows your caret along the text.","name":"input-peek","title":"Peek input","type":"registry:component"},{"categories":["inputs"],"description":"Blurred bands of light drift around the input on focus — a conic gradient whose start angle rotates via an animated @property. When unfocused, the glow fades out.","name":"input-aurora","title":"Aurora input","type":"registry:component"},{"categories":["inputs"],"description":"On focus, four border lines trace around the input clockwise — top, right, bottom, left — each starting after the previous finishes. Pure CSS transforms, no dependencies.","name":"input-border-draw","title":"Border Draw input","type":"registry:component"},{"categories":["inputs"],"description":"Neo-brutalist style: on focus a hard 4px offset black box-shadow slams from an offset position to zero, while the border snaps to high-contrast. Snappy cubic-bezier easing.","name":"input-brutalist","title":"Brutalist input","type":"registry:component"},{"categories":["inputs"],"description":"A character counter and progress bar slide in below the input on first focus or keystroke. The counter and bar color shift from dim → light gray → white as the character limit approaches. Both slide away again when the field is empty and blurred.","name":"input-count","title":"Count input","type":"registry:component"},{"categories":["inputs"],"description":"An SVG circular ring fills via stroke-dashoffset around a character count badge as the user approaches the limit. The ring brightens from mid-gray to white near the maximum.","name":"input-count-ring","title":"Count Ring input","type":"registry:component"},{"categories":["inputs"],"description":"An SVG overlay traces an electric arc around the input border via stroke-dashoffset animation on focus. White neon sparking effect that completes a full perimeter trace.","name":"input-electric","title":"Electric input","type":"registry:component"},{"categories":["inputs"],"description":"On focus, a tinted background layer scales from scaleX(0) to scaleX(1) with transformOrigin left — flooding the input with color from left to right. Border color transitions simultaneously. Pure transform, no opacity flash.","name":"input-fill","title":"Fill input","type":"registry:component"},{"categories":["inputs"],"description":"The label lives inside the field at rest and floats above the text on focus or when a value is present. Pure CSS transitions, no dependencies.","name":"input-float-label","title":"Float Label input","type":"registry:component"},{"categories":["inputs"],"description":"On focus, the input transitions to a frosted glass look: backdrop-filter blur increases and the background shifts to semi-transparent white. Clean glassmorphism aesthetic.","name":"input-frosted","title":"Frosted input","type":"registry:component"},{"categories":["inputs"],"description":"On failed validation the input briefly glitches — a CSS invert/brightness flicker plus translateX jitter keyframe over 500ms — then snaps to a bright border. Unsettling, memorable error feedback.","name":"input-glitch-error","title":"Glitch Error input","type":"registry:component"},{"categories":["inputs"],"description":"On focus the border lights up and a soft halo radiates outward via box-shadow. Pure CSS transitions, no dependencies.","name":"input-glow","title":"Glow input","type":"registry:component"},{"categories":["inputs"],"description":"On focus a conic-gradient border continuously rotates around the input using a @property CSS custom property (--gr-angle) animated from 0deg to 360deg. The ring fades in with opacity and fades out on blur.","name":"input-gradient-ring","title":"Gradient Ring input","type":"registry:component"},{"categories":["inputs"],"description":"A conic-gradient border rotates continuously while the input is focused, achieved by spinning a larger gradient square behind a clipped wrapper to simulate an animated gradient border.","name":"input-gradient-spin","title":"Gradient Spin input","type":"registry:component"},{"categories":["inputs"],"description":"Four L-shaped corner brackets animate inward on focus, locking the input in a targeting-reticle frame. Sci-fi HUD aesthetic.","name":"input-hud-brackets","title":"HUD Brackets input","type":"registry:component"},{"categories":["inputs"],"description":"A leading icon rotates and shifts on focus with a spring overshoot, while the border glows and a box-shadow ring appears. The icon color transitions from muted to accent, giving the field a lively focused state.","name":"input-icon-shift","title":"Icon Shift input","type":"registry:component"},{"categories":["inputs"],"description":"On focus a white laser beam sweeps left-to-right along the bottom border via scaleX keyframe (300ms), leaving a persistent glowing hairline underline.","name":"input-laser","title":"Laser input","type":"registry:component"},{"categories":["inputs"],"description":"An animated liquid wave rises from the bottom of the input via clip-path polygon updated by requestAnimationFrame on focus. The wave oscillates continuously while focused.","name":"input-liquid-fill","title":"Liquid Fill input","type":"registry:component"},{"categories":["inputs"],"dependencies":["framer-motion"],"description":"The label springs from center-left into the top-left corner of the input on focus using Framer Motion layout animation. Springs back on blur if the field is empty.","name":"input-magnetic-label","title":"Magnetic Label input","type":"registry:component"},{"categories":["inputs"],"description":"Border-radius morphs through a personality arc on focus: sharp (2px) → pill (50px) → settled rounded (10px), played with the Web Animations API so typing is never interrupted.","name":"input-morph-shape","title":"Morph Shape input","type":"registry:component"},{"categories":["inputs"],"description":"A neon glow box-shadow breathes in and out on a looping CSS keyframe while the input is focused. Sci-fi terminal aesthetic in glowing grays.","name":"input-neon-pulse","title":"Neon Pulse input","type":"registry:component"},{"categories":["inputs"],"description":"Outer raised dual-shadow transitions to an inset pressed dual-shadow on focus, making the input appear to sink into the soft surface. Smooth 250ms transition.","name":"input-neumorphic","title":"Neumorphic input","type":"registry:component"},{"categories":["inputs"],"description":"Small particles burst outward from the input corners on focus via absolutely positioned spans with staggered CSS animations. A festive, energetic focus confirmation.","name":"input-particle-burst","title":"Particle Burst input","type":"registry:component"},{"categories":["inputs"],"description":"The input background fills left-to-right proportional to the typed character count relative to a target length. A calm, satisfying completion indicator with smooth transitions.","name":"input-progress-fill","title":"Progress Fill input","type":"registry:component"},{"categories":["inputs"],"description":"Each keystroke triggers a brief border-color ripple pulse on the input via a CSS keyframe that spikes to accent then settles back. The input visually feels each character typed.","name":"input-ripple-type","title":"Ripple Type input","type":"registry:component"},{"categories":["inputs"],"description":"A horizontal scan line sweeps top-to-bottom through the focused input continuously on a ~2s CSS keyframe loop. Futuristic active-state ambient indicator.","name":"input-scan-line","title":"Scan Line input","type":"registry:component"},{"categories":["inputs"],"description":"On invalid submission the input rattles horizontally to signal an error — a rapidly damping shake with a bright border. Pure CSS keyframes, no dependencies.","name":"input-shake","title":"Shake input","type":"registry:component"},{"categories":["inputs"],"description":"Two opaque panels cover the input at rest like sliding doors. On focus they translate outward — left panel slides left, right panel slides right — revealing a gradient background underneath. A sharp cubic-bezier gives the reveal a decisive, mechanical feel.","name":"input-split","title":"Split input","type":"registry:component"},{"categories":["inputs"],"description":"A floating label that splits into its words: on focus each word rises above the field and shrinks on its own, staggered left to right, then drops back in reverse when the field is cleared.","name":"input-split-label","title":"Split Label input","type":"registry:component"},{"categories":["inputs"],"description":"A radial gradient spotlight follows the cursor horizontally inside the input as the user mouses over it, creating a torch-light illumination effect within the field.","name":"input-spotlight","title":"Spotlight input","type":"registry:component"},{"categories":["inputs"],"description":"A password strength meter: a segmented bar below the input fills and brightens from dark gray to near-white as the user types, driven by character analysis.","name":"input-strength","title":"Strength input","type":"registry:component"},{"categories":["inputs"],"description":"On focus the label slides upward and a light pill badge background expands behind it via scaleX. The label transforms from a plain hint into a bold field identifier tag.","name":"input-tag-label","title":"Tag Label input","type":"registry:component"},{"categories":["inputs"],"description":"A custom placeholder types itself out character-by-character on mount at 60ms per character. When focused, it instantly clears so the user can type freely.","name":"input-typeout","title":"Typeout input","type":"registry:component"},{"categories":["inputs"],"description":"Minimal borderless input — a bright line draws from left to right under the field on focus. Pure CSS transform, no dependencies.","name":"input-underline","title":"Underline input","type":"registry:component"},{"categories":["inputs"],"description":"A right-side icon morphs between states: invisible on idle, a checkmark springs in on valid email format, an X shakes in on invalid submission attempt.","name":"input-validate","title":"Validate input","type":"registry:component"},{"categories":["inputs"],"description":"On focus the input jiggles with a CSS keyframe combining rotation and translateX zigzag over 400ms then settles. Playful tactile feedback.","name":"input-wobble","title":"Wobble input","type":"registry:component"},{"categories":["loaders"],"description":"A glowing nucleus with three electrons on orbits tilted 60 degrees apart, each racing round its own ellipse at a different speed. The orbits are rotated boxes and each electron rides an elliptical offset-path inside its own. Pure CSS.","name":"loader-atom","title":"Atom loader","type":"registry:component"},{"categories":["loaders"],"description":"A battery charging: its four cells light one at a time with a hard step, then the full battery blinks twice and drains to start again. A bolt is cut into the fill, so it only shows through where the cells are lit. Pure CSS.","name":"loader-battery","title":"Battery loader","type":"registry:component"},{"categories":["loaders"],"description":"A small clock face with twelve ticks: the minute hand sweeps round once a beat while the hour hand creeps along at a twelfth of the speed, so time visibly passes while you wait. Pure CSS.","name":"loader-clock","title":"Clock loader","type":"registry:component"},{"categories":["loaders"],"description":"Five balls hanging from a bar on strings. The end ball swings out and falls back; the knock travels through the still middle three and kicks the far ball out, and back again, with easing that slows at the top of each swing like a real pendulum. Pure CSS.","name":"loader-cradle","title":"Newton's Cradle loader","type":"registry:component"},{"categories":["loaders"],"description":"Seven dominoes topple in a chain, each falling faster as it goes and coming to rest leaning on the next (the last one falls flat), then they stand back up one by one in the same order. Pure CSS.","name":"loader-dominoes","title":"Dominoes loader","type":"registry:component"},{"categories":["loaders"],"description":"A solar eclipse on loop: the moon slides across the sun, slowing as it covers it, and at totality the corona flares out around the black disc before the moon drifts on and the sun returns. Pure CSS.","name":"loader-eclipse","title":"Eclipse loader","type":"registry:component"},{"categories":["loaders"],"description":"Two meshed gears, ten teeth and seven, turning against each other at the right ratio (the small one 10/7 as fast) so the teeth stay engaged all the way round. The tooth outlines are generated from real gear geometry. Pure CSS rotation.","name":"loader-gears","title":"Gears loader","type":"registry:component"},{"categories":["loaders"],"description":"A heart monitor: a bright trace with a fading tail runs across the screen through a spike, led by a glowing dot that rides the same line, and fades out at the edges before coming round again. Pure CSS.","name":"loader-heartbeat","title":"Heartbeat loader","type":"registry:component"},{"categories":["loaders"],"description":"An hourglass: sand drains from the top bulb in a thin stream and piles up in the bottom one, then the glass flips over with a little overshoot and it starts again. The flip lands on the exact frame the loop restarts on, so it never jumps. Pure CSS.","name":"loader-hourglass","title":"Hourglass loader","type":"registry:component"},{"categories":["loaders"],"description":"A bright streak with a fading tail races endlessly round a figure-eight track, crossing itself in the middle. Two dash segments on the same SVG path, offset so the head always leads the tail. Pure CSS.","name":"loader-infinity","title":"Infinity loader","type":"registry:component"},{"categories":["loaders"],"description":"A lava lamp. Blobs of wax drift up from a warm pool at the bottom, stretch, pinch off and melt back into it, merging whenever they touch. The goo is a blur + contrast filter on the layer, so there is no SVG filter or id to collide. Pure CSS.","name":"loader-lava","title":"Lava loader","type":"registry:component"},{"categories":["loaders"],"description":"A radar scope: a beam with a fading wake sweeps round the rings and crosshairs, and each blip flares exactly as the beam's leading edge passes over it, then fades until the next sweep. Each blip's delay is computed from its own angle. Pure CSS.","name":"loader-radar","title":"Radar loader","type":"registry:component"},{"categories":["loaders"],"description":"LOADING · PLEASE WAIT set round a circle like a badge, turning slowly, while a bright highlight chases round the letters and a dot breathes in the middle. Each letter is a span placed by its index. Pure CSS.","name":"loader-ring-text","title":"Ring Text loader","type":"registry:component"},{"categories":["loaders"],"description":"A seven-segment display digit where a lit segment chases a figure-eight round the 8 (top, right, middle, left, bottom, right, middle, left), leaving a glowing trail that fades behind it. The middle bar is visited twice per loop, so it has its own keyframes. Pure CSS.","name":"loader-segment","title":"Segment loader","type":"registry:component"},{"categories":["loaders"],"description":"A five-segment snake slithers over a 4x4 grid of dots, cell by cell, weaving through every square on a closed path with its head brightest and its tail fading. Each segment rides the same offset-path with steps() timing, one cell behind the next. Pure CSS.","name":"loader-snake","title":"Snake loader","type":"registry:component"},{"categories":["loaders"],"description":"Three blocks drop one after another onto a shelf and stack up, each landing with a squash and a little recoil, then the finished stack slides off and the next one starts. Pure CSS.","name":"loader-stack","title":"Stack loader","type":"registry:component"},{"categories":["loaders"],"description":"Forty-eight dots laid out the way seeds pack in a sunflower head (each turned by the golden angle and pushed out by the square root of its index), with a wave of light pulsing out from the centre as the head turns slowly. The layout is CSS maths on one index per dot. Pure CSS.","name":"loader-sunflower","title":"Sunflower loader","type":"registry:component"},{"categories":["loaders"],"description":"A tiny terminal window running an install: a braille spinner cycles through its ten frames beside a status line that rolls up through resolving, fetching, linking and building, then loops. Both are strips moved with steps() or held keyframes. Pure CSS.","name":"loader-terminal","title":"Terminal loader","type":"registry:component"},{"categories":["loaders"],"description":"A block tumbles over and over along a dashed floor: it tips onto its next face about its leading corner and lands, again and again, while the floor slides back under it in step, so it rolls forever without leaving its spot. Pure CSS.","name":"loader-tumble","title":"Tumble loader","type":"registry:component"},{"categories":["loaders"],"description":"Three dots that bounce vertically in sequence — the classic typing-indicator pattern. Pure CSS, no dependencies.","name":"loader-bounce-dots","title":"Bounce Dots loader","type":"registry:component"},{"categories":["loaders"],"description":"A squash-and-stretch ball with a synced shadow — multi-stop keyframes fake physical bounce physics. Pure CSS, no dependencies.","name":"loader-bouncing-ball","title":"Bouncing Ball loader","type":"registry:component"},{"categories":["loaders"],"description":"Five dots — each a step lighter than the last — bouncing vertically in a rolling wave. A tonalul take on the classic typing indicator. Pure CSS, no dependencies.","name":"loader-color-bounce","title":"Color Bounce loader","type":"registry:component"},{"categories":["loaders"],"description":"A conic-gradient ring that spins like a comet tail — gray-to-white arc on a masked circle. Pure CSS, no dependencies.","name":"loader-comet","title":"Comet loader","type":"registry:component"},{"categories":["loaders"],"description":"Eight dots arranged in a clock face, fading in and out in radial sequence — the classic OS-native loading indicator pattern. Pure CSS, no dependencies.","name":"loader-dots-circle","title":"Dots Circle loader","type":"registry:component"},{"categories":["loaders"],"description":"Two concentric rings rotating in opposite directions at different speeds — bright outer ring clockwise, dimmer inner ring counter-clockwise. Pure CSS, no dependencies.","name":"loader-dual-ring","title":"Dual Ring loader","type":"registry:component"},{"categories":["loaders"],"description":"Five bars each running an independent height animation at a different duration — the unsynchronized cadences create an organic music-equalizer feel. Pure CSS, no dependencies.","name":"loader-equalizer","title":"Equalizer loader","type":"registry:component"},{"categories":["loaders"],"description":"A gradient rounded square continuously tumbling on its Y axis using CSS 3D perspective — a satisfying single-element loader. Pure CSS, no dependencies.","name":"loader-flip-square","title":"Flip Square loader","type":"registry:component"},{"categories":["loaders"],"description":"A spinning ring with a light-to-dark conic gradient in one continuous arc. Pure CSS, no dependencies.","name":"loader-gradient-ring","title":"Gradient Ring loader","type":"registry:component"},{"categories":["loaders"],"description":"Two dots oscillating vertically in opposite phase with scaleX depth — a DNA helix cross-section effect. Pure CSS, no dependencies.","name":"loader-helix","title":"Helix loader","type":"registry:component"},{"categories":["loaders"],"description":"A single element that continuously morphs through three shapes — circle, blob, and square — while rotating and shifting color. Pure CSS, no dependencies.","name":"loader-morph","title":"Morph loader","type":"registry:component"},{"categories":["loaders"],"description":"A 3×3 grid of grayscale tiles that pulse in and out with a ripple delay, creating a vibrant mosaic shimmer effect. Pure CSS, no dependencies.","name":"loader-mosaic","title":"Mosaic loader","type":"registry:component"},{"categories":["loaders"],"description":"Three concentric light rings that expand outward from a glowing core dot. Pure CSS, no dependencies.","name":"loader-neon-ripple","title":"Neon Ripple loader","type":"registry:component"},{"categories":["loaders"],"description":"A dot orbits a center point along a faint circular track. Pure CSS rotation, no dependencies.","name":"loader-orbit","title":"Orbit loader","type":"registry:component"},{"categories":["loaders"],"description":"An indeterminate progress bar — a gradient shimmer slides across a pill-shaped track from left to right on loop. Pure CSS, no dependencies.","name":"loader-progress-bar","title":"Progress Bar loader","type":"registry:component"},{"categories":["loaders"],"description":"Three dots that scale and fade in a left-to-right wave. Staggered CSS keyframes, no dependencies.","name":"loader-pulse-dots","title":"Pulse Dots loader","type":"registry:component"},{"categories":["loaders"],"description":"A shimmer content placeholder — avatar, name, and body line shapes with a sweeping highlight. Pure CSS, no dependencies.","name":"loader-skeleton","title":"Skeleton loader","type":"registry:component"},{"categories":["loaders"],"description":"A circular ring with a transparent track and a solid arc that spins continuously. Pure CSS, no dependencies.","name":"loader-spinning-ring","title":"Spinning Ring loader","type":"registry:component"},{"categories":["loaders"],"description":"The word \"Loading\" rendered in uppercase with a bright spotlight sweeping across it via background-clip:text — a text-as-canvas shimmer effect. Pure CSS, no dependencies.","name":"loader-text-shimmer","title":"Text Shimmer loader","type":"registry:component"},{"categories":["loaders"],"description":"Five vertical bars in distinct colors that scale up and down in a rippling wave sequence. Pure CSS, no dependencies.","name":"loader-wave-bars","title":"Wave Bars loader","type":"registry:component"},{"categories":["radios"],"description":"Text alignment buttons above a paragraph of placeholder lines. Choosing left, centre or right slides every line across to its new edge one after another; justify stretches all but the last line to the full width. Pure CSS: each line knows its own width, and one --k (0, 0.5, 1) sa","name":"radio-align","title":"Align radio button","type":"registry:component"},{"categories":["radios"],"description":"A time-of-day picker with a little sky. The sun rides an arc from sunrise to sunset to the option you choose while the sky brightens or dims; at night a shadow slides over it to make a crescent moon and the stars come out. Pure CSS (offset-path for the arc).","name":"radio-daylight","title":"Daylight radio button","type":"registry:component"},{"categories":["radios"],"description":"Shipping options with a little delivery truck on a one-week road above them. Choosing an option drives the truck to the day it would arrive (Tomorrow, 2 days, 5–7 days): its wheels spin and its body bobs while it drives, and it turns round when it has to go back.","name":"radio-delivery","title":"Delivery radio button","type":"registry:component"},{"categories":["radios"],"description":"A rotary knob like the one on a fan or an oven. The settings sit round its top arc with a tick each; choosing one (click, or the arrow keys) turns the ridged knob so its pointer swings to it with a mechanical overshoot. Real radios underneath. Pure CSS.","name":"radio-dial","title":"Dial radio button","type":"registry:component"},{"categories":["radios"],"description":"Pick a number and a 3D die rolls to it: it hops up, tumbles a full extra turn on its way to the chosen face and lands with a squash while its shadow shrinks and grows underneath. Each roll adds another turn (a tiny script), so it never just rotates back.","name":"radio-die","title":"Die radio button","type":"registry:component"},{"categories":["radios"],"description":"An iOS-style picker wheel built on a real radio group. The options sit round a 3D drum that turns to bring the chosen one into the lit band; spin it with the mouse wheel, drag it up and down, click an option, or use the arrow keys. The edges fade away like the curve of a real dru","name":"radio-drum","title":"Drum radio button","type":"registry:component"},{"categories":["radios"],"description":"Pick a card. Four playing cards are fanned out in a hand; hovering one nudges it up, and choosing it lifts it clear of the fan, straightens it and turns it face-lit while the rest stay tucked in. Pure CSS.","name":"radio-fan","title":"Fan radio button","type":"registry:component"},{"categories":["radios"],"description":"Plan cards that flip. Choosing one turns it over in 3D with a springy settle to reveal its lit back (a tick, the plan and \"Selected\"), while the card you had before flips back to its front. Pure CSS.","name":"radio-flip-card","title":"Flip Card radio button","type":"registry:component"},{"categories":["radios"],"description":"Three file folders stacked in a drawer, each with its tab at a different place along the top. Choosing a tab brings that folder to the front with a little lift and tips its front flap open in 3D to show the papers inside; the folder it replaces closes and drops back. Nothing rise","name":"radio-folders","title":"Folders radio button","type":"registry:component"},{"categories":["radios"],"description":"A view switcher (grid, list, feature) whose preview actually rearranges: the four tiles glide and resize into the new layout one after another with a springy settle, so you see what you are choosing. Pure CSS (each layout is a set of positions picked with :has()).","name":"radio-layout","title":"Layout radio button","type":"registry:component"},{"categories":["radios"],"description":"How was it? Five faces from a deep frown to a big grin. The chosen face springs up larger, fills in light with its features turning dark, and its mouth gives a little bounce while its name rises in underneath; the others stay small and dim. Pure CSS.","name":"radio-mood","title":"Mood radio button","type":"registry:component"},{"categories":["radios"],"description":"A tiny cinema seat map. Taken seats are crossed out and skipped by the arrow keys; picking a free seat lifts it with a pop and lights it, and the ticket below rolls its seat code over to the new one, like a departures board.","name":"radio-seat","title":"Seat radio button","type":"registry:component"},{"categories":["radios"],"description":"A shape picker whose preview morphs: circle, square, triangle and star are all 20-point polygons drawn from the top clockwise, so choosing one melts the preview straight into the next with a springy overshoot. Pure CSS (clip-path interpolation).","name":"radio-shape","title":"Shape radio button","type":"registry:component"},{"categories":["radios"],"description":"A size picker that shows the size. Above the S, M, L, XL pills, a T-shirt springs bigger or smaller to match the one you choose, and the chest measurement under it updates. Pure CSS with :has().","name":"radio-sizes","title":"Sizes radio button","type":"registry:component"},{"categories":["radios"],"description":"A five-star rating that is a real radio group. Hovering previews the rating in grey; choosing fills the stars up to it in a quick left-to-right cascade with a springy pop on the one you picked, and a caption says what the score means. Pure CSS with :has().","name":"radio-stars","title":"Stars radio button","type":"registry:component"},{"categories":["radios"],"description":"A bottom navigation bar as a radio group. The chosen tab's pill widens to make room for its label, which slides out from behind the icon while the icon fills in with a little bounce; the previous tab folds back to just its outline icon. Pure CSS (the label width animates through ","name":"radio-tab-bar","title":"Tab Bar radio button","type":"registry:component"},{"categories":["radios"],"description":"A theme picker inside a preview panel. Choosing Light, Dim or Dark floods the panel with the new theme as a circle spreading out from the chip you picked, over the old theme, which stays put underneath until it is covered. Pure CSS: one layer per theme, stacked by z-index.","name":"radio-theme","title":"Theme radio button","type":"registry:component"},{"categories":["radios"],"description":"A tip picker with a jar. Choosing 10, 15, 20 or 25% drops that many coins into the jar one after another, each tumbling in and landing on the pile with a little bounce; picking less sends the extras back up out of the top. The amount updates underneath. Pure CSS.","name":"radio-tip-jar","title":"Tip Jar radio button","type":"registry:component"},{"categories":["radios"],"description":"A record player speed switch: Off, 33, 45 or 78 rpm. The tone arm swings onto the record when it plays, and the record changes speed smoothly without ever jumping: three nested spinners (33, +12, +33 rpm) are paused or played, never restarted, so their speeds simply add up. Pure ","name":"radio-turntable","title":"Turntable radio button","type":"registry:component"},{"categories":["radios"],"dependencies":["framer-motion"],"description":"A liquid blob indicator morphs and slides between options using Framer Motion layoutId. The blob stretches horizontally during travel, then snaps back to a round pill shape, simulating organic liquid motion between selection points.","name":"radio-blob","title":"Blob radio button","type":"registry:component"},{"categories":["radios"],"description":"A radio group with 30px spherical indicators that transform from a flat hollow ring into a 3D gel/bubble using a radial gradient highlight at the top-left and a specular gloss spot. Selected state glows with a soft white aura and inset shine.","name":"radio-bubble","title":"Bubble radio button","type":"registry:component"},{"categories":["radios"],"description":"A radio group where each option is a full card row with a title and subtitle. Selecting a card reveals a light left-edge accent stripe via inset box-shadow, brightens the border and background, brightens the subtitle, and springs a small dot indicator. Ideal for plan/tier selecto","name":"radio-card","title":"Card radio button","type":"registry:component"},{"categories":["radios"],"description":"Soft clay morphing: selecting an option triggers a squish animation on the indicator dot (scaleX 1.3, scaleY 0.7 then spring back to 1,1), with a soft tonal fill and layered soft shadow. Feels like pressing a clay button.","name":"radio-clay","title":"Clay radio button","type":"registry:component"},{"categories":["radios"],"description":"On selection, five star dots appear around the option with SVG connecting lines forming a mini constellation. Each star twinkles with a looping opacity animation. Feels like the option is cosmically chosen.","name":"radio-constellation","title":"Constellation radio button","type":"registry:component"},{"categories":["radios"],"description":"A glowing gray pill indicator slides smoothly between selected options via translateY, acting like a cursor homing in on the active choice. Labels brighten on select; the pill springs with a cubic-bezier overshoot.","name":"radio-cursor","title":"Cursor radio button","type":"registry:component"},{"categories":["radios"],"dependencies":["framer-motion"],"description":"A rubber-band selection pill stretches horizontally as it springs between options via Framer Motion layoutId with high-stiffness spring physics. The distortion gives a tactile elastic band feel to the transition.","name":"radio-elastic","title":"Elastic radio button","type":"registry:component"},{"categories":["radios"],"dependencies":["framer-motion"],"description":"A frosted glass pill slides between options using Framer Motion layoutId. The translucent backdrop-blur pill springs smoothly from one option to the next, giving a glassmorphism selection indicator.","name":"radio-frost","title":"Frost radio button","type":"registry:component"},{"categories":["radios"],"description":"A selection ball falls from above with a gravity arc (ease-in) and multi-bounce settling via CSS keyframes. The ball squishes on landing and leaves a faint impact shadow. Physics-inspired with no library dependencies.","name":"radio-gravity","title":"Gravity radio button","type":"registry:component"},{"categories":["radios"],"description":"Selected option flickers with brightness spikes (CSS filter + translate offsets) then stabilizes into a softly glowing holographic state. Simulates a projector flickering to life, with subtle scan-line stripes overlay.","name":"radio-hologram","title":"Hologram radio button","type":"registry:component"},{"categories":["radios"],"description":"An ink blot spreads from the center of the selected radio dot — scaling from 0 to 1 with a dramatic ease-out cubic-bezier and slight overshoot. The ink bleeds into a rich dark fill with a subtle paper-like texture vibe.","name":"radio-ink-drop","title":"Ink Drop radio button","type":"registry:component"},{"categories":["radios"],"description":"A horizontal radio group styled as neumorphic LED indicator buttons. Unselected state is a dark recessed circle with deep inset shadows. Selected state lights up as a glowing white LED: radial gradient from bright center to deep gray, multi-layer glow box-shadow, and a slow repea","name":"radio-led","title":"LED radio button","type":"registry:component"},{"categories":["radios"],"description":"The selection indicator snaps to the chosen option with a magnetic spring-overshoot cubic-bezier — fast pull-in followed by a damped overshoot, simulating ferromagnetic attraction. Field lines ripple out on snap.","name":"radio-magnetic","title":"Magnetic radio button","type":"registry:component"},{"categories":["radios"],"description":"On selection, the label characters cycle through random glyphs (0–9, symbols) before resolving to the real character — a Matrix-style decode effect. Monospace light gray font on dark background. Each character resolves on a staggered delay.","name":"radio-matrix","title":"Matrix radio button","type":"registry:component"},{"categories":["radios"],"description":"An SVG rectangle border traces around the selected option using stroke-dashoffset animation, drawing a neon white circuit-board outline from the top-left corner around the full perimeter. The glow persists after tracing.","name":"radio-neon-trace","title":"Neon Trace radio button","type":"registry:component"},{"categories":["radios"],"description":"Six node dots arranged in a hexagonal halo around the radio indicator light up in ripple sequence with staggered animation-delay on selection, connected by faint SVG lines. Simulates a neural network firing pattern.","name":"radio-neural","title":"Neural radio button","type":"registry:component"},{"categories":["radios"],"description":"Neo-brutalist hard offset shadow: unselected options sit with a (4px, 4px) black drop-shadow offset; on selection the shadow collapses to (0,0) with a snappy transition, as if the block was pushed flush into the wall.","name":"radio-offset-block","title":"Offset Block radio button","type":"registry:component"},{"categories":["radios"],"description":"Neumorphic soft UI: unselected options have raised outer shadows creating a pillowed surface. Selecting presses it inward with dual inset shadows (dark and light), simulating a physical depression on a soft matte charcoal surface.","name":"radio-pillow","title":"Pillow radio button","type":"registry:component"},{"categories":["radios"],"description":"8-bit retro radio: a 4×4 grid of micro-pixels fills in sequentially with staggered CSS animation-delay on selection, like a low-res screen rendering pixel-by-pixel. Each pixel pops in from scale 0 to 1.","name":"radio-pixel","title":"Pixel radio button","type":"registry:component"},{"categories":["radios"],"description":"On selection, a metallic gradient sweeps left-to-right across the selected label via CSS background-position animation, then settles into a bright chrome finish. Other options show dim monochrome text.","name":"radio-prism","title":"Prism radio button","type":"registry:component"},{"categories":["radios"],"description":"A sci-fi radio group where selecting an option fires two concentric white rings outward in a looping radar-ping animation. The indicator core glows with a radial gradient and a center dot springs in. Monospace labels shift from dim to bright white.","name":"radio-radar","title":"Radar radio button","type":"registry:component"},{"categories":["radios"],"description":"Three concentric ripple rings expand outward from the radio dot center on selection, with staggered 120ms delays. The rings fade as they grow, then collapse, leaving a solid glowing ring. Water-drop tactile feedback.","name":"radio-ripple","title":"Ripple radio button","type":"registry:component"},{"categories":["radios"],"description":"A white horizontal scan line sweeps left-to-right across the selected option on every selection change, then fades out leaving a glowing underline. Sci-fi terminal aesthetic with monospace labels.","name":"radio-scan-line","title":"Scan Line radio button","type":"registry:component"},{"categories":["radios"],"description":"On selection, three concentric arc rings broadcast outward like a radio transmission signal. Each arc scales and fades in sequence (120ms stagger), then a persistent inner glow ring settles. The radio icon vibe made literal.","name":"radio-signal","title":"Signal radio button","type":"registry:component"},{"categories":["radios"],"description":"A radio group where selecting an option springs a gray inner dot in with overshoot, adds a soft glow ring on the outer circle, and brightens the label. Mutual exclusivity via native radio semantics.","name":"radio-spring","title":"Spring radio button","type":"registry:component"},{"categories":["radios"],"description":"Neo-brutalist rubber-stamp interaction: selecting an option scales it down (0.97) with a hard inset shadow, as if physically pressed into the surface. Bold black borders and high-contrast ink-black fills complete the aesthetic.","name":"radio-stamp","title":"Stamp radio button","type":"registry:component"},{"categories":["radios"],"description":"Four L-shaped corner brackets animate inward and lock around the selected option like a targeting reticle. The option glows white inside the locked frame. Unselected options show retracted ghost brackets.","name":"radio-targeting","title":"Targeting radio button","type":"registry:component"},{"categories":["radios"],"description":"On selection, the option label types character-by-character at 50ms intervals with a blinking cursor. Switching options clears the previous and re-types the new one, giving each selection a deliberate, terminal-like personality.","name":"radio-typewriter","title":"Typewriter radio button","type":"registry:component"},{"categories":["radios"],"description":"Gaming-style XP progress bar fills left-to-right on selection with a gradient bar and particle burst effect. Selecting an option \"awards XP\" — the bar charges from 0% to 100% and confetti sparks pop at the fill edge.","name":"radio-xp-bar","title":"XP Bar radio button","type":"registry:component"},{"categories":["toggles"],"description":"Airplane mode where the thumb is the plane. Switching on, it races down the track, noses up to climb and leaves a dashed contrail behind it; switching off, it levels out and taxis back as the contrail fades. Pure CSS on a native switch.","name":"toggle-airplane","title":"Airplane toggle","type":"registry:component"},{"categories":["toggles"],"description":"A camera iris. Six overlapping blades swivel outward together to open a hexagon onto the lens glass, and swivel back to shut it. Pure CSS on a native switch: each blade is one rotated, translated plane.","name":"toggle-aperture","title":"Aperture toggle","type":"registry:component"},{"categories":["toggles"],"description":"A metal hilt as a switch. Switching on shoots a blade of white light out of the emitter with a soft halo that hums (a faint flicker) while it is lit, and the button on the hilt glows; switching off draws the blade back in, faster than it came out. Pure CSS on a native switch.","name":"toggle-beam","title":"Beam toggle","type":"registry:component"},{"categories":["toggles"],"description":"A window with venetian blinds. Switching on tilts the slats open one after another from the top, letting daylight through in stripes that also fall across the sill below; off tilts them shut again. Pure CSS on a native switch.","name":"toggle-blinds","title":"Blinds toggle","type":"registry:component"},{"categories":["toggles"],"description":"A candle as a switch. Switching on, the flame swells up off the wick with a warm glow around it and keeps flickering; switching off snuffs it, and a thin wisp of smoke curls up from the wick and fades.","name":"toggle-candle","title":"Candle toggle","type":"registry:component"},{"categories":["toggles"],"description":"A latching keycap. Pressing it sinks the key into its well with a little overshoot and it stays half down while on, with the LED in its corner lit; pressing again pops it back up. Pure CSS on a native switch.","name":"toggle-caps","title":"Caps Lock toggle","type":"registry:component"},{"categories":["toggles"],"description":"A hanging lamp with a pull chain. Each switch tugs the cord down and lets it spring back with a bounce, and the bulb lights (or goes out) at the bottom of the pull, throwing a soft cone of light.","name":"toggle-cord","title":"Pull Cord toggle","type":"registry:component"},{"categories":["toggles"],"description":"A visibility switch you can read at a glance. Off, the eye is shut with its lashes down; on, the lids part, the eye glances left and right, then settles and blinks now and then while it stays open. Pure CSS on a native switch.","name":"toggle-eye","title":"Eye toggle","type":"registry:component"},{"categories":["toggles"],"description":"A desk fan with its own switch. Switching on, the blades spin up with real momentum (and a motion-blur disc fades in as they get fast); switching off, they coast down and come to rest wherever they happen to stop, rather than snapping back.","name":"toggle-fan","title":"Fan toggle","type":"registry:component"},{"categories":["toggles"],"description":"A tap. Switching on lifts the lever and water pours from the spout, the stream running down into rippling rings on the basin; off drops the lever and the last of the stream falls away from the spout. Pure CSS on a native switch.","name":"toggle-faucet","title":"Faucet toggle","type":"registry:component"},{"categories":["toggles"],"description":"A departures board that reads OFF or ON. Switching clatters each letter through a few flaps on its own beat before it lands, top half falling and bottom half dropping into place; a letter that doesn't change stays put, as on a real board.","name":"toggle-flap","title":"Split Flap toggle","type":"registry:component"},{"categories":["toggles"],"description":"An OPEN sign as a switch. Off, the tubes are dark glass; on, the word stutters to life with a few flickers before burning steady with a glow that lights the board, and the E keeps catching now and then, like a real sign that needs a new transformer. Pure CSS on a native switch.","name":"toggle-neon-sign","title":"Neon Sign toggle","type":"registry:component"},{"categories":["toggles"],"description":"A lock switch: the thumb carries a padlock whose shackle stands open while it is off. Switching on slides it across and drops the shackle shut with a little bounce and a jolt of the body; switching off pops the shackle back up. Pure CSS on a native switch.","name":"toggle-padlock","title":"Padlock toggle","type":"registry:component"},{"categories":["toggles"],"description":"An 8-bit switch. Chunky pixel corners, a square thumb with a highlight pixel, and movement that jumps in five hard steps instead of gliding, with the track filling in a checker pattern a step behind it, like a sprite on an old console. Pure CSS (steps() timing).","name":"toggle-pixel","title":"Pixel toggle","type":"registry:component"},{"categories":["toggles"],"description":"A wall light switch. The rocker paddle tips in 3D from one end to the other with a firm snap, its shading flipping as it turns toward the light, and a small LED on the plate glows when it is on. Pure CSS on a native switch.","name":"toggle-rocker","title":"Rocker toggle","type":"registry:component"},{"categories":["toggles"],"description":"A knurled knob that turns a quarter turn between OFF and ON and snaps into its detent with a little overshoot, while an arc around it fills from one mark to the other. Pure CSS on a native switch.","name":"toggle-rotary","title":"Rotary toggle","type":"registry:component"},{"categories":["toggles"],"description":"The track is a seesaw on a pivot and the thumb is a ball. Switching tips the beam the other way and the ball rolls downhill to the low end, picking up speed and actually rotating as it rolls (the stripe on it turns by the distance over its radius), then settles. Pure CSS on a nat","name":"toggle-seesaw","title":"Seesaw toggle","type":"registry:component"},{"categories":["toggles"],"description":"A gear stick in a gated plate. Switching on drives the knob out of P along its slot, round the corners and down into D, which lights up; off takes it back the same way. Pure CSS: the knob rides an offset-path drawn to match the groove.","name":"toggle-shifter","title":"Shifter toggle","type":"registry:component"},{"categories":["toggles"],"description":"Do not disturb. Off, the thumb holds a bell; switching on slides it across as the bell swings away and a moon turns in to replace it, the track goes night-dark with two stars, and little z's keep drifting up off the moon while it is on. Pure CSS on a native switch.","name":"toggle-sleep","title":"Sleep toggle","type":"registry:component"},{"categories":["toggles"],"description":"A zip as a switch. The pull slides along the track and the teeth interlock behind it as it goes; switching off runs it back and the two rows part again. Pure CSS on a native switch.","name":"toggle-zipper","title":"Zipper toggle","type":"registry:component"},{"categories":["toggles"],"description":"A square checkbox that fills with mid-gray on check. The SVG checkmark springs in with an overshoot scale — a completely different shape from pill-style toggles. No dependencies.","name":"toggle-checkbox","title":"Checkbox toggle","type":"registry:component"},{"categories":["toggles"],"description":"Instead of sliding, the thumb expands from a small circle in the corner to flood-fill the entire pill track in mid-gray. Toggling back shrinks it. No dependencies.","name":"toggle-expand","title":"Expand toggle","type":"registry:component"},{"categories":["toggles"],"description":"The thumb squishes flat at mid-travel then snaps back — like a coin flipping — as it moves between positions. Bright track on active state. No dependencies.","name":"toggle-flip","title":"Flip toggle","type":"registry:component"},{"categories":["toggles"],"description":"Toggle that emits a soft halo glow from the track when active. Box-shadow transitions in on activation, fades out on deactivation.","name":"toggle-glow","title":"Glow toggle","type":"registry:component"},{"categories":["toggles"],"description":"When active, the track background runs a drifting dark-to-light gray gradient on a loop, making the track itself feel alive. The thumb glows on active state. No dependencies.","name":"toggle-gradient-track","title":"Gradient Track toggle","type":"registry:component"},{"categories":["toggles"],"description":"A dark-mode toggle pill with a sun/moon icon swap. The track shifts from a deep charcoal gradient to a light gray gradient. The knob slides with spring and crossfades between a moon (off) and a sun with rays (on) — each icon counter-rotates 90° as it enters/exits.","name":"toggle-icon","title":"Icon toggle","type":"registry:component"},{"categories":["toggles"],"description":"A pill toggle where the knob stretches to fill the entire track mid-transit like a blob of mercury, then snaps back to a circle at the other end. Keyframe animates left + width + border-radius simultaneously for the liquid effect.","name":"toggle-liquid","title":"Liquid toggle","type":"registry:component"},{"categories":["toggles"],"description":"A dark neumorphic toggle with a recessed track and physically-raised knob created entirely from layered box-shadows. Off: dark extruded knob on dark track. On: light knob with glow slides right, track gains a soft inner glow.","name":"toggle-neumorphic","title":"Neumorphic toggle","type":"registry:component"},{"categories":["toggles"],"description":"A standalone 56px circular power button with no track. Off: dark neumorphic inset. On: radial white gradient with a multi-layer glow. Every click spins the power icon 360° and fires an outward ripple ring.","name":"toggle-power","title":"Power toggle","type":"registry:component"},{"categories":["toggles"],"description":"An iOS-style segmented control with two labelled options. A frosted-glass pill slides underneath the active segment — fundamentally different from a circular-thumb toggle. No dependencies.","name":"toggle-segmented","title":"Segmented toggle","type":"registry:component"},{"categories":["toggles"],"description":"Classic on/off toggle — the thumb slides with a spring overshoot and the track fades between colors. Pure CSS transitions, no dependencies.","name":"toggle-slide","title":"Slide toggle","type":"registry:component"},{"categories":["toggles"],"dependencies":["framer-motion"],"description":"Framer Motion spring physics drives both the thumb position and the track color — the thumb overshoots and bounces back with genuine physical weight.","name":"toggle-spring","title":"Spring toggle","type":"registry:component"},{"categories":["toggles"],"description":"The thumb stretches horizontally as it slides, peaking at 1.5× width mid-travel before snapping back to a circle at the destination.","name":"toggle-squish","title":"Squish toggle","type":"registry:component"}]},"pastaui":{"favicon":"/favicons/pastaui.svg","items":[{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A chronological stream for reasoning, searches, terminal work, and tool execution.","name":"agent-activity","title":"Agent Activity","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A compact task summary with the current activity and an optional task tray.","name":"agent-status","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Agent Status","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A human-in-the-loop decision surface for questions, review steps, and consequential actions.","name":"approval-card","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Approval Card","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"File and image attachments with progress, failure recovery, metadata, and removal actions.","name":"attachments","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Attachments","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A controlled playback surface for speech, generated audio, and recorded tool output.","name":"audio-player","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json","slider"],"title":"Audio Player","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"Work still running elsewhere and completed results waiting to be collected.","name":"background-inbox","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Background Inbox","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"Ongoing and completed agent jobs collected in one actionable inbox.","name":"background-runs","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Background Runs","type":"registry:component"},{"dependencies":["@base-ui/react@^1.8.0","cn@^0.3.0"],"description":"A dropdown with vertical category tabs on the left and their items on the right, with a sliding tab indicator, animated height, and a morphing chevron.","name":"category-dropdown","title":"Category Dropdown","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A compact source summary that expands into grounded references with useful context.","name":"citations","registryDependencies":["collapsible","https://pastaui.com/r/pastaui-styles.json"],"title":"Citations","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","prism-react-renderer@^2.4.1"],"description":"A muted code surface with line numbers, focused rows, filename metadata, and copy feedback.","name":"code-block","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Code Block","type":"registry:component"},{"dependencies":["@base-ui/react@^1.8.0","@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A Tailwind palette picker with search, hex and opacity inputs, and optional linear, radial, and conic gradients with draggable stops.","name":"color-picker","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Color Picker","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"An expandable changed-file summary with folder groups, line counts, and a diff action.","name":"commit","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Commit","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"Clear connected, reconnecting, resumed, and offline states for resumable agent streams.","name":"connection-state","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Connection State","type":"registry:component"},{"dependencies":["cn@^0.3.0"],"description":"Where an agent context window went, with token attribution and remaining capacity.","name":"context-breakdown","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Context Breakdown","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"Run cost split by model or task and compared against an optional session budget.","name":"cost-meter","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Cost Meter","type":"registry:component"},{"dependencies":["@base-ui/react@^1.8.0","@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A virtualized, sortable table with resizable columns, a sticky header, and left or right pinned columns for scanning dozens of fields at once.","name":"data-table","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Data Table","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A source card that preserves document identity, location, metadata, and the cited excerpt.","name":"document-reference","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Document Reference","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A user message with copy and edit actions, inline editing with keyboard shortcuts, and switching between edited versions.","name":"edit-message","registryDependencies":["button","textarea"],"title":"Edit Message","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A minimal email draft with inline fields, a spacious message, and copy, expand, and send actions.","name":"email-composer","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Email Composer","type":"registry:component"},{"dependencies":["@base-ui/react@^1.8.0","@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A secret-aware configuration surface with masked values and explicit reveal or copy actions.","name":"environment-variables","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Environment Variables","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"Response feedback with copy, thumbs up and thumbs down actions that expands into a reason picker and an optional note.","name":"feedback-dialog","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json","textarea"],"title":"Feedback Dialog","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A compact code-change surface with old and new line numbers plus live change counts.","name":"file-diff","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"File Diff","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A keyboard-navigable file tree with collapsible folders, git change badges, and change counts rolled up to folders.","name":"file-tree","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"File Tree","type":"registry:component"},{"dependencies":["cn@^0.3.0","motion@^13.4.0"],"description":"Follow-up prompts that stagger in after an answer, with number key shortcuts and a selected state.","name":"follow-up","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Follow Up","type":"registry:component"},{"dependencies":["cn@^0.3.0"],"description":"A keyboard-driven next step picker with numbered options and a free text custom question.","name":"follow-up-suggestions","registryDependencies":["button","card","https://pastaui.com/r/pastaui-styles.json","kbd","toggle-group"],"title":"Follow-up Suggestions","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A streaming image surface with live progress, a playable Snake diversion, and an in-place completed result.","name":"image-generation-loader","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Image Generation Loader","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A numbered reference inside prose with an inspectable source preview.","name":"inline-citation","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Inline Citation","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A weighted multi-stage progress surface for work measured in minutes rather than seconds.","name":"job-progress","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Job Progress","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A horizontal link preview with an image, seller details, and optional product pricing and ratings.","name":"link-preview","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Link Preview","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"Visible, removable facts an agent retains about the user or ongoing work.","name":"memory","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Memory","type":"registry:component"},{"dependencies":["cn@^0.3.0","motion@^13.4.0"],"description":"A focused conversational surface with distinct user, assistant, and system treatments.","name":"message-bubble","title":"Message Bubble","type":"registry:component"},{"dependencies":["@base-ui/react@^1.8.0","@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"Pending user turns that remain visible, removable, and immediately sendable while an agent is busy.","name":"message-queue","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Message Queue","type":"registry:component"},{"dependencies":["cn@^0.3.0"],"description":"A compact conversation minimap that navigates user turns while keeping the full thread visible.","name":"message-scroller","registryDependencies":["https://pastaui.com/r/message-bubble.json","tooltip"],"title":"Message Scroller","type":"registry:component"},{"dependencies":["@base-ui/react@^1.8.0","@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A compact model menu with descriptions, plan badges, effort controls, and additional models.","name":"model-picker","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Model Picker","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A capability-level consent surface that explains reach and duration before access is granted.","name":"permission-grant","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Permission Grant","type":"registry:component"},{"dependencies":["cn@^0.3.0"],"description":"A proposed plan with clear steps and controls to edit, cancel, or start the work.","name":"plan-approval-card","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Plan Approval Card","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"An auto-growing agent composer with attachment, model, submit, and stop controls.","name":"prompt-input","registryDependencies":["button","https://pastaui.com/r/model-picker.json","https://pastaui.com/r/pastaui-styles.json","popover","textarea"],"title":"Prompt Input","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"Usage remaining, reset timing, and an upgrade path without hiding the limit.","name":"quota-banner","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Quota Banner","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A compact dropdown for choosing how much reasoning power a response should use.","name":"reasoning-effort","registryDependencies":["https://pastaui.com/r/pastaui-styles.json","popover","slider"],"title":"Reasoning Effort","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A timed reasoning stream that follows the latest thought, then folds into an inspectable duration summary.","name":"reasoning-text","title":"Reasoning Text","type":"registry:component"},{"dependencies":["cn@^0.3.0","motion@^13.4.0"],"description":"A long-form report reader with a contents rail, reading progress, and sections that stream in as they are written.","name":"research-report","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Research Report","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"Ranked source passages with a searching state, highlighted query terms, relevance bars, and expandable text.","name":"retrieval-chunks","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Retrieval Chunks","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A recurring agent job with human-readable timing, next run, and pause controls.","name":"schedule-card","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Schedule Card","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"Ranked search results with site icons, titles, source URLs, and plain text category tabs.","name":"search-results-tabs","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Search Results Tabs","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"One delegated task with state, timing, assigned agent, and returned result.","name":"task-card","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Task Card","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A quiet live status that keeps the agent current action readable while work continues.","name":"thinking-shimmer","title":"Thinking Shimmer","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A live agent plan with completion counts, checkable tasks, and details you can expand.","name":"todo-list","registryDependencies":["collapsible","https://pastaui.com/r/pastaui-styles.json"],"title":"Todo List","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A permission gate that shows scope and command detail before an agent tool runs.","name":"tool-approval","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Tool Approval","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0"],"description":"A recoverable connection failure with a clear explanation and compact recovery actions.","name":"tool-error","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Tool Error","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0","prism-react-renderer@^2.4.1"],"description":"Consecutive tool calls in one readable group with collapsible outputs for each call.","name":"tool-group","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Tool Group","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"An execution disclosure for running, successful, or failed tools with optional raw output.","name":"tool-result","registryDependencies":["collapsible","https://pastaui.com/r/pastaui-styles.json"],"title":"Tool Result","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A live timeline of agent tool calls with timings and expandable input and output for each call.","name":"tool-timeline","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Tool Timeline","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A compact video player with keyboard shortcuts, chapter markers, seek previews, and volume control.","name":"video-player","registryDependencies":["https://pastaui.com/r/pastaui-styles.json"],"title":"Video Player","type":"registry:component"},{"dependencies":["@solar-icons/react@^2.2.0","cn@^0.3.0","motion@^13.4.0"],"description":"A tactile recording control with a recessed waveform, red playhead, and pause control.","name":"voice-input","registryDependencies":["button","https://pastaui.com/r/pastaui-styles.json"],"title":"Voice Input","type":"registry:component"}]},"reactframe":{"favicon":"/favicons/reactframe.svg","items":[{"dependencies":["motion","clsx","tailwind-merge"],"description":"A countdown timer that counts down to a duration or an absolute end date, with flip-cell digit transitions, a compact text mode, and an optional loop.","name":"countdown-timer","title":"Countdown Timer","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible switch with a springy squish animation on the thumb, an optional label + helper text, and a focus ring.","name":"toggle-pro","title":"Toggle Pro","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A status badge with 8 tone presets, light/dark variants, 3 sizes, 6 icon styles (check, cross, minus, dot, spinner, custom), and an optional dismiss button.","name":"badges-kit","title":"Badges Kit","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An animated star rating input with half-star precision, keyboard support, a dynamic low/mid/high color range, glow effect, and an optional progress bar.","name":"rating-stars","title":"Rating Stars","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A single image split into a stacked deck of shape-clipped layers (rectangle, circle, hexagon, star, blob and more) that fans out on hover, with optional 3D cursor tilt, parallax, grayscale grading, and ambient idle rotation.","name":"image-deck-3d","title":"Image Deck 3D","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A 3D tilt card that reacts to the cursor with animated conic-gradient reflections, diamond, holographic or aurora reflex styles.","name":"glare-card","title":"Glare Card","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A seamless scrolling text marquee with solid/gradient/outline text styles, a separator, double-row mode, edge fade, and pause-on-hover.","name":"infinite-marquee","title":"Infinite Marquee","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A Discord-style chat bubble widget with a typing simulation, quick replies, a notification popup, member/online counts, and a launch-invite send flow.","name":"discord-chat-widget","title":"Discord Chat Widget","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A Telegram-style chat bubble widget with a typing simulation, quick replies, a notification popup, availability status, and a launch-in-Telegram send flow.","name":"telegram-widget","title":"Telegram Widget","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A Facebook Messenger-style chat bubble widget with a typing simulation, quick replies, a notification popup, availability status, and a launch-in-Messenger send flow.","name":"messenger-widget","title":"Messenger Widget","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"An X (Twitter)-style DM chat bubble widget with a typing simulation, quick replies, a follows-you badge, availability status, and a notification popup.","name":"x-twitter-widget","title":"X (Twitter) Widget","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A responsive site footer with a logo, description, social links, multi-column link groups, and a copyright line.","name":"footer-premium","title":"Footer Premium","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A minimal site footer with up to 4 link columns, a hover-underline link style, paper/glass/custom theming, and a copyright bar.","name":"footer-section","title":"Footer Section","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A theme-aware before/after image comparison slider with horizontal or vertical drag direction, keyboard support, and before/after labels.","name":"compare-slider","title":"Compare Slider","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A card with an animated rotating conic-gradient glow border, customizable colors, text position, and an optional background image.","name":"glow-card","title":"Glow Card","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A product-style image viewer, a large main frame with prev/next arrows and an image counter, backed by a click-to-jump thumbnail strip and a reset-to-first button.","name":"image-showcase","title":"Image Showcase","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A hover-reveal product card with a blurred gradient overlay, staggered title/price/description reveal, a badge, and 5 color themes.","name":"eternal-glow-card","title":"Eternal Glow Card","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A pill navbar that expands into a full panel of large nav links, a tagline, and social links, with a CTA button, badges, active-page highlight, and light/dark theming.","name":"glass-navigation","title":"Glass Navigation","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A responsive site header, centered nav links on desktop, a tablet CTA-only view, and a mobile hamburger dropdown panel, with active-page highlighting and optional sticky positioning.","name":"header-simple","title":"Navbar 01","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A full-bleed photo testimonial slider with crossfade, slide or iris transitions, a thumbnail strip, progress lines, star ratings, and autoplay.","name":"testimonial-spotlight","title":"Testimonial Spotlight","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Avatar-and-pill testimonial marquee rows with dual-direction scrolling, a depth effect, cursor spotlight glow, and scroll-in reveal.","name":"testimonial-pills","title":"Testimonial Pills","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A profile card that flips from a photo front to a bio back on click or hover, with flip Y, flip X, spring, or fade transitions.","name":"profile-flip-card","title":"Profile Flip Card","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A realistic iPhone frame with 3D cursor tilt, a screen glare that tracks the tilt, ambient glow, and a story-style video/image player with swipe navigation and a progress bar.","name":"phone-mockup","title":"Phone Mockup","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A realistic browser chrome frame in macOS, Windows, or mobile Safari style, with tabs, a URL bar, and a content area for an image, video, or arbitrary React children.","name":"browser-mockup","title":"Browser Mockup","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A realistic Instagram post, avatar ring, swipeable multi-photo carousel, double-tap-to-like heart burst, like/comment/repost/share/save actions, and light/dark theme.","name":"instagram-post-mockup","title":"Instagram Post Mockup","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A realistic X (Twitter) post with a verified badge, media image, and interactive like/retweet/bookmark actions with live counts, in light or dark theme.","name":"x-post-mockup","title":"X Post Mockup","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A full-bleed 9:16 TikTok feed mockup with a Following/For You tab bar, a side action rail (like/comment/save/share), caption overlay, sound pill, and bottom navigation.","name":"tiktok-post-mockup","title":"TikTok Post Mockup","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A realistic LinkedIn post with a headline, media image, a reaction summary, and interactive like/repost actions with live counts, in light or dark theme.","name":"linkedin-post-mockup","title":"LinkedIn Post Mockup","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A 3D image gallery arranged around an auto-rotating cylinder, with configurable rows/columns, tilt angle, rotation speed, and edge fade opacity.","name":"cylinder-gallery","title":"Cylinder Gallery","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A gallery of scattered, gently drifting image cards with random rotation, cursor repel/attract mode, pause-on-hover, and a click-to-open lightbox.","name":"gallery-flow","title":"Gallery Flow","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A 3D book-flow carousel where cards tilt around the active slide, with paper/glass themes and 3 title alignment styles.","name":"tilted-carousel","title":"Tilted Carousel","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Square cards fan out diagonally into a stacked deck, each inactive card rotates and offsets away from the active one, with paper/glass themes.","name":"diagonal-carousel","title":"Diagonal Carousel","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"Large display text that tilts in 3D toward the cursor, with a layered shadow extrusion for real depth, a specular shine highlight, and idle float/breathe animations.","name":"tilt-text","title":"Tilt Text","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A circular progress indicator with ring, gauge, and dashes arc styles, scroll-triggered count-up animation, color thresholds, a comparison target marker, and a completion pulse.","name":"progress-circle-bars","title":"Progress Circle Bars","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A card of linear progress rows, plain ratio bars, file-upload rows with icons/subtitles/shimmer, milestone ticks, and an inline variant, with scroll-triggered fill animation.","name":"linear-progress-bars","title":"Linear Progress Bars","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"Cycling phrases that decrypt from scrambled characters into readable text, left-to-right, right-to-left, or random reveal order, with a scramble-out transition and blinking cursor.","name":"text-scramble-pro","title":"Text Scramble Pro","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A canvas background with animated film-grain noise, soft color blob gradients, 7 built-in themes (or fully custom colors), drifting blob animation, and a vignette.","name":"noise-background","title":"Noise Background","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A before/after image reveal, a luminance-mapped halftone dot rendering on one side, the real photo on the other, dragged apart by a glowing lightsaber-style divider handle.","name":"dot-image-slider","title":"Dot Image Slider","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A loading spinner kit with 4 variants, rotating lines, ring, dual counter-rotating ring, and bouncing dots, sharing a common color/size/speed API.","name":"animated-loader","title":"Animated Loader","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible checkbox with an animated draw-in checkmark, focus ring, and optional label, helper text, required marker, and info tooltip.","name":"animated-checkbox","title":"Animated Checkbox","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible, animated radio group with a springy dot, a ripple on select, focus ring, optional descriptions and a selectable card variant.","name":"radio-button","title":"Radio Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible, animated custom select with a springy chevron, keyboard navigation, type-ahead, option descriptions, disabled options and a focus ring.","name":"select","title":"Select","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible single or range slider with a draggable thumb, a value tooltip, optional step marks, keyboard control and a focus ring.","name":"slider","title":"Slider","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible animated search field with a live suggestions menu, keyboard navigation, a clear button, a loading spinner and a Cmd/Ctrl+K shortcut.","name":"search-bar","title":"Search Bar","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A compact label tag with soft, solid and outline variants, 6 colors, 3 sizes, an optional pulsing dot, icon, count, selectable toggle state and an animated remove button.","name":"tag","title":"Tag","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible tooltip with 4 placements, auto-flip near the screen edge, a hover delay, keyboard-focus support, an arrow and an optional shortcut badge.","name":"tooltip","title":"Tooltip","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A loading placeholder with rect, text, circle and card presets, a shimmer or pulse animation, reduced-motion support and a built-in swap to real content when loading ends.","name":"skeleton","title":"Skeleton","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible tab set with underline, pill and segmented variants, a sliding animated indicator, icons, counts, arrow-key navigation and animated content panels.","name":"tabs","title":"Tabs","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible breadcrumb trail with 4 separator styles, an optional home icon, animated collapse of long paths behind an expandable ellipsis, and hover tint.","name":"breadcrumb","title":"Breadcrumb","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible pagination control with smart ellipsis ranges, a sliding animated active page, solid, soft and compact variants, previous/next buttons and optional labels.","name":"pagination","title":"Pagination","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible step indicator with horizontal and vertical layouts, numbered and minimal variants, animated progress connectors, draw-in checkmarks, an error state and optional clickable steps.","name":"stepper","title":"Stepper","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible modal dialog with a blurred backdrop, focus trap, Escape and backdrop close, scroll lock, focus restore, 3 sizes and scale, slide-up and fade animations.","name":"modal","title":"Modal","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible popover for interactive content with click or hover triggers, 4 placements and 3 alignments, auto-flip, outside-click and Escape close, an arrow and a spring open animation.","name":"popover","title":"Popover","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible slide-in drawer from any of 4 sides with a backdrop, focus trap, Escape and backdrop close, scroll lock, focus restore and drag-to-dismiss.","name":"drawer","title":"Drawer","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A user avatar with image, initials or icon fallback, 5 sizes, circle, rounded and square shapes, a presence status dot with pulse, an accent ring and an optional click state.","name":"avatar","title":"Avatar","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A stacked group of avatars with photo or initials, an overflow +N bubble, hover lift with name tooltips, a spread-on-hover animation, 5 sizes and adjustable overlap.","name":"avatar-group","title":"Avatar Group","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A horizontal or vertical divider with solid, dashed, dotted and gradient styles, an optional label with start, center or end position, an accent color and a draw-in animation on scroll.","name":"divider","title":"Divider","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible accordion with single or multiple open panels, default, card and filled variants, chevron or plus indicators, smooth height animation and full keyboard navigation.","name":"accordion","title":"Accordion","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A flexible content card with media, badge, title, description, action and footer slots, default, elevated, outline and filled variants, vertical or horizontal layout, and interactive hover lift with an optional cursor spotlight.","name":"card","title":"Card","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A keyboard key cap for showing shortcuts, with raised, flat and outline styles, 3 sizes, automatic Mac or Windows symbols, key combinations and a live press animation.","name":"kbd","title":"Kbd","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A friendly empty, no-results or error placeholder with 5 icon presets, a floating icon tile, title, description and actions, in plain, card and dashed styles with a staggered entrance.","name":"empty-state","title":"Empty State","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A multi-value input that turns text into removable tags on Enter, comma or paste, with suggestions, duplicate and max limits, custom validation and an animated add and remove.","name":"tag-input","title":"Tag Input","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A searchable select where you type to filter options, with match highlighting, option descriptions, disabled options, a clear button, an empty state and full keyboard navigation.","name":"combobox","title":"Combobox","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A searchable multi-select that shows the chosen options as removable chips, with checkbox rows, select all, a selection limit, a +N overflow chip, an empty state and full keyboard navigation.","name":"multi-select","title":"Multi Select","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A date picker with a popover calendar: single date or range selection, month navigation, min/max and disabled dates, Today and Clear shortcuts, localized labels and full keyboard support.","name":"date-picker","title":"Date Picker","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A time picker with a popover of scrollable hour, minute and AM/PM columns: 12 or 24-hour clock, minute steps, min/max times, a Now shortcut and full keyboard support.","name":"time-picker","title":"Time Picker","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A one-time-code input with individual animated cells, paste and autofill support, numeric or alphanumeric mode, masking, grouped cells, error shake and success states.","name":"input-otp","title":"Input OTP","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A numeric field with minus/plus steppers, press-and-hold auto repeat, min/max clamping, decimal precision, prefix and suffix, thousand separators and full keyboard support.","name":"number-input","title":"Number Input","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A password field with an animated show/hide eye toggle, a four-segment strength meter, a live requirements checklist and a Caps Lock warning.","name":"password-input","title":"Password Input","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A phone number input with a searchable country menu: flags and calling codes, as-you-type formatting per country, paste detection for +codes, an E.164 value and a length check.","name":"phone-input","title":"Phone Input","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A grouped card number, expiry and CVC field: brand detection with an animated mark, 4-4-4-4 or Amex 4-6-5 spacing, Luhn and expiry checks, and focus that moves on as each part is complete.","name":"credit-card-input","title":"Credit Card Input","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A money input with a currency picker: live thousands separators for any locale, the right number of decimals per currency, an animated symbol, arrow-key steps and min/max, returning a plain number.","name":"currency-input","title":"Currency Input","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A compact radio-style switch between a few options with a sliding animated thumb, solid or soft styles, icons, icon-only mode, vertical orientation and arrow-key navigation.","name":"segmented-control","title":"Segmented Control","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A color picker with a draggable saturation/brightness area, hue and opacity sliders, hex input, preset swatches and an optional screen eyedropper, all keyboard accessible.","name":"color-picker","title":"Color Picker","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A drag-and-drop file dropzone with click-to-browse, type/size/count validation, image previews, animated progress bars, retry and remove actions.","name":"file-upload","title":"File Upload","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A signature field that draws smooth, pressure-aware ink, with undo, clear, a typed-signature option for people who can't draw, and PNG and SVG export in a paper-ready ink colour.","name":"signature-pad","title":"Signature Pad","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An image cropper with a draggable, resizable crop box, aspect presets or a circle mask for avatars, keyboard nudging, drag-and-drop upload and the cropped image returned as a data URL.","name":"image-cropper","title":"Image Cropper","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An inline message block with info, success, warning, danger and neutral variants, three appearances, self-drawing icons, an optional action link and an animated dismiss.","name":"callout","title":"Callout","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A meter for a value within a known range: bar, semicircle gauge or segmented variants with threshold zones, animated counting numbers and proper meter semantics.","name":"meter","title":"Meter","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A Cmd/Ctrl+K command palette with fuzzy search and match highlighting, grouped results, keyboard navigation, shortcuts and a portal overlay.","name":"command-palette","title":"Command Palette","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A desktop-style app menubar with File/Edit/View-style dropdown menus, checkbox and radio items, submenus and full arrow-key navigation between and within menus.","name":"menubar","title":"Menubar","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A collapsible app sidebar with grouped nav sections, a sliding active-item indicator, badges, an icon-only rail mode with hover tooltips, a user footer and full keyboard navigation.","name":"sidebar","title":"Sidebar","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A macOS-style app dock with cursor-proximity magnification, running-app indicator dots, hover tooltips, separators and full keyboard navigation.","name":"dock","title":"Dock","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A focused alert dialog for confirming an action, with default/warning/danger variants, an async-aware confirm button with a spinner and inline error, and a safety-first default focus.","name":"confirm-dialog","title":"Confirm Dialog","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A hover-triggered rich preview card with open/close delays, a hover bridge so moving into the card keeps it open, placement with collision flip, an optional arrow and keyboard support.","name":"hover-card","title":"Hover Card","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A right-click context menu with checkbox and radio items, nested submenus, viewport edge clamping and full keyboard navigation.","name":"context-menu","title":"Context Menu","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A vertical timeline with status markers (done, active, pending, error), a connecting line, an alternating layout option, collapsible per-item detail and a scroll-triggered staggered reveal.","name":"timeline","title":"Timeline","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A hierarchical tree with expand/collapse, tri-state checkboxes for multi-select, single-row selection, guide lines and full keyboard navigation.","name":"tree-view","title":"Tree View","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A dashboard metric card with an animated count-up value, an auto-derived good/bad trend badge, an optional icon and a drawn-in sparkline.","name":"stat-card","title":"Stat Card","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A syntax-highlighted code block with line numbers, per-line highlighting, a filename/language header, a copy button and a collapsible fade-out for long snippets.","name":"code-block","title":"Code Block","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A semantic term/value list for specs, order summaries or profile details, with stacked, inline and grid layouts, optional icons and a hover-reveal copy button per row.","name":"description-list","title":"Description List","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Resizable panels divided by draggable handles, with min/max size constraints, keyboard resizing, double-click reset, and horizontal or vertical layout.","name":"splitter","title":"Splitter","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A floating scroll-to-top button that fades in past a threshold, with an optional progress ring showing how far down the page you are.","name":"back-to-top","title":"Back to Top","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A standalone copy-to-clipboard button with ghost/outline/solid variants, icon-only or labeled modes, a floating tooltip, and animated copied/error states.","name":"copy-button","title":"Copy Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A macOS-style terminal window that types out a scripted sequence of commands, outputs and comments, with a blinking cursor, auto-scroll and optional looping or manual replay.","name":"terminal","title":"Terminal","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Click-to-edit text that turns into an auto-sizing input with save/cancel controls, validation, async save support and a shake on error.","name":"inline-edit","title":"Inline Edit","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A container that locks its content to a fixed width/height ratio (a preset like video or square, or a custom number), auto-fitting a single image or video child.","name":"aspect-ratio","title":"Aspect Ratio","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A scrollable container with a thin, draggable, auto-hiding custom scrollbar (vertical, horizontal or both) and edge fade masks, replacing the native browser scrollbar.","name":"scroll-area","title":"Scroll Area","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible toolbar of icon buttons, toggles, radio-style toggle groups and separators with roving-focus arrow-key navigation, a sliding hover highlight and animated tooltips.","name":"toolbar","title":"Toolbar","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A surface container with an optional header (icon, title, description, actions), body and footer, with outline, filled and elevated variants and an animated collapse.","name":"panel","title":"Panel","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A three-step eCommerce flow in one block: a cart with quantity steppers and promo code, a checkout form with an order summary, and an animated order-confirmed screen.","name":"your-cart-page","title":"Your Cart Page","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A metrics section with a concentric ring chart, a trend caption and count-up stats that enter with a blur, slide, fade or scale animation.","name":"stat-feature","title":"Stat Feature","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An eCommerce product listing block with a filter sidebar (live search, Free/Premium tiers, categories) and a responsive photo grid with New and Sale badges.","name":"product-list","title":"Product List","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An eCommerce product page block with a switchable image gallery, color and size pickers, quantity stepper, animated add-to-cart button and Description / Specs / Reviews tabs.","name":"product-detail","title":"Product Detail","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible button with primary, secondary, outline, and ghost variants, a spinning loading state, optional icon, and a focus ring, every color, size, and timing exposed as a prop.","name":"button","title":"Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible text input with outline, filled, and underline variants, label/helper/error text, a password show/hide toggle, and a focus ring, every color, size, and timing exposed as a prop.","name":"input","title":"Input","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An accessible textarea with outline, filled, and underline variants, label/helper/error text, optional auto-resize and a character counter, and a focus ring, every color, size, and timing exposed as a prop.","name":"textarea","title":"Textarea","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A form field wrapper with label, description, required or optional marker, info tooltip, character counter and animated helper, error and success messages, with sync or async validation and aria wiring for any control.","name":"form-field","title":"Form Field","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A rich text editor with a formatting toolbar, headings, lists, quotes, inline code and links, Markdown-style shortcuts, clean pasting from Docs and Word, and a word count, with no editor library.","name":"rich-text-editor","title":"Rich Text Editor","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A corner-anchored promo popup shaped like a torn event ticket, with 5 themes, a zigzag badge stub, immediate/delay/scroll triggers, auto-hide, and dismiss-memory.","name":"sales-ticket-popup","title":"Sales Ticket Popup","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A 2x2 grid of image cards that expand to fill the frame on click, revealing title/description/CTA, with keyboard arrow navigation between cards and swipe-to-close on touch.","name":"expand-card-grid","title":"Expand Card Grid","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A drag-and-drop task board with a hand-rolled pointer-based drag engine, velocity tilt, edge autoscroll, ghost drop-position indicator, priority badges, avatar stacks, and light/dark theming.","name":"kanban-board","title":"Kanban Board","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"An admin data table with sortable/filterable columns, global search, status tabs, row selection, badge/avatar/actions cell types, pagination, and light/dark/custom theming.","name":"data-table","title":"Data Table","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A multi-series line/area chart, smooth Catmull-Rom curves, a highlighted zone band, a reference line, endpoint value badges, and a hover crosshair with per-series tooltips.","name":"line-chart","title":"Line Chart","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A stacked bar chart, up to 5 series per bar, a reference line, a peak-value annotation, and a hover tooltip breaking down each bar's segments with a running total.","name":"bar-chart","title":"Bar Chart","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A physically-simulated cloth intro reveal, drag to tear open a torn-paper layer covering an image, with breakable constraints, particle debris, frayed jagged/rounded edges, and optional surface text or logo. Includes Auto Tear and Reset controls.","name":"tearable-reveal","title":"Tearable Reveal","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A realistic Studio Display-style monitor mockup with an internal video/image carousel, swipe or auto-advance, slide/fade transitions, 3D cursor tilt, ambient glow, and a progress bar.","name":"desktop-mockup-carousel","title":"Desktop Mockup Carousel","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A min/max envelope chart with a nested core-range band, an actual-to-forecast line split, annotated risk zones, a reference line, and a live endpoint badge.","name":"range-area-chart","title":"Range Area Chart","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A multi-series radar/spider chart with ring gridlines, per-series solid or dashed strokes, optional point markers, and a hover tooltip comparing every series at the highlighted axis.","name":"radar-chart","title":"Radar Chart","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A donut-style pie chart with a live center total, click-to-toggle legend, percentage callouts around the ring, and a hover tooltip with ARR, account count, and average contract size.","name":"pie-chart","title":"Pie Chart","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"An infinite scrolling row of client/partner logos with edge fade masks, grayscale-to-color hover reveal, pause-on-hover, and a constant speed regardless of logo count.","name":"logo-marquee","title":"Logo Marquee","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"Text distorted through an animated SVG noise filter, 5 presets (liquid, melt, blob, ghost, crystal), cursor-proximity intensity, and a click burst ripple.","name":"liquid-text","title":"Liquid Text","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"Staggered word or character reveal text, driven by scroll progress, viewport entry, or a manual trigger, 4 animation presets, 3 stagger patterns, and word highlighting.","name":"word-reveal","title":"Word Reveal","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A polished toast/alert notification, 5 tones, stacked or inline layout, icons, primary/secondary actions, dismiss and auto-dismiss, light/dark theme, plus a showcase mode rendering every variant side by side.","name":"alert-toast","title":"Alert Toast","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A responsive product/portfolio grid section, heading, per-card image with hover zoom and reveal overlay, category/price meta row, optional badge, and a centered CTA button below the grid.","name":"product-grid-section","title":"Product Grid Section","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A dotted status light with two layouts, Mesh grid and Halo rings, across three animated states (Waiting, Listening, Thinking), in four dot shapes with adjustable colors.","name":"ai-asistant","title":"AI Asistant","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A voice-assistant pill with a canvas audio-reactive visualizer, idle/listening/speaking states, a glowing edge ring, live word-by-word transcript, optional real microphone input, and custom/silver themes.","name":"ai-voice-01","title":"AI Voice 01","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A portrait voice-assistant card with a canvas audio-reactive curve visualizer, a mic button that grows on tap, idle/listening/speaking states, and live word-by-word transcript.","name":"ai-voice-05","title":"AI Voice 05","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"An AI image-generation loader, canvas-drawn rolling topographic lines grow in and a top-to-bottom sweep reveals the finished picture, with cycling status messages and a regenerate button.","name":"ai-image-loader-03","title":"AI Image Loader 03","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A Dynamic Island-style AI status pill that morphs between idle, listening, thinking, working (with an unfolding step list) and done states, with a canvas-drawn particle orb and rippling energy curves.","name":"ai-dynamic-island-01","title":"AI Dynamic Island 01","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"An agent-style AI answer card, a researching/reading/writing step tracker with a progress rail, markdown-style bold and bullet text, clickable inline citations, source cards, follow-up questions, and custom/sunset themes.","name":"ai-answer-03","title":"AI Answer 03","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"An AI text editor that rewrites a selected passage, streams a word-level diff review with accept/reject actions, and morphs a dock through writing, review, and applied states.","name":"ai-edit-review","title":"AI Edit Review","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A single video card with a pulsing glow-blob frame that morphs into a fullscreen lightbox on click, supports direct URL, YouTube, Vimeo, or uploaded files, a cursor-following watch label, hover preview loop, and a Web Audio sound-reactive glow.","name":"video-glow-lightbox","title":"Video Glow Lightbox","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A canvas-rendered, drag-to-scroll carousel with a curved wave layout and ambient wind/drift/magnetic card sway, click-to-open lightbox modal, autoplay, and image/video support.","name":"glide-carousel","title":"Glide Carousel","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A compact trust bar, a star rating with a helped-N-teams label above an infinite, edge-masked logo marquee.","name":"testimonial-logos","title":"Testimonial Logos","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A gamified discount popup, roll two animated 3D dice for a reward tier (with a doubles bonus), copy the code, and track rolls left across a session. Inline or corner-widget popup with manual, delay or scroll triggers.","name":"dice-discount-popup","title":"Dice Discount Popup","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A gamified scratch-to-win popup, drag to scratch a gold-foil canvas off a 3x3 icon grid, match three to win a reward tier with a confetti burst, copy the code, and track attempts left. Inline or corner-widget popup with manual, delay or scroll triggers.","name":"scratch-card-popup","title":"Scratch Card Popup","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A premium opening-hours card, live open/closed status with a pulsing dot, a day-by-day schedule, and a Get Directions link built from an address or custom URL.","name":"business-hours","title":"Business Hours","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A perfectly aligned image grid with a centered glassmorphism overlay card, heading, subtitle and CTA button, with a staggered blur/slide/fade/scale entrance triggered on scroll into view.","name":"motion-gallery-grid","title":"Motion Gallery Grid","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A QR-code card, title, description, code image, hint text and an open-link button, inline or as a corner-widget popup with a focus-trapped modal dialog.","name":"qr-code-widget","title":"QR Code Widget","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A guest-review carousel with the Airbnb Bélo mark, aggregate rating header and CTA, above a draggable autoplaying grid of review cards.","name":"airbnb-reviews","title":"Airbnb Reviews","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A seller-feedback carousel with the eBay wordmark, aggregate rating header and CTA, above a draggable autoplaying grid of review cards.","name":"ebay-reviews","title":"eBay Reviews","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A shop-review carousel with the Etsy wordmark, aggregate rating header and CTA, above a draggable autoplaying grid of review cards.","name":"etsy-reviews","title":"Etsy Reviews","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A real 3D CSS coin, click or tap to flip with a physical spin animation, a yes/no question field, flip history dots, and a heads/tails ratio readout.","name":"coin-flip-game","title":"Coin Flip Game","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A playable Tic Tac Toe board with a built-in AI opponent, animated piece placement, a drawn winning-line reveal, score tracking, and a confetti burst on a win.","name":"tic-tac-toe-game","title":"Tic Tac Toe Game","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A fully playable 2048, arrow-key and swipe controls, spring-animated tile merges, score and best-score tracking, and win/game-over overlays.","name":"2048-game","title":"2048 Game","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A canvas-rendered Snake game with three difficulty speeds, keyboard and swipe controls, a directional-eyes snake head, high-score tracking, and ready/game-over overlays.","name":"snake-game","title":"Snake Game","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A classic Minesweeper with three board sizes, flood-fill reveal, right-click flagging, a live mine counter and timer, and a confetti burst on a win.","name":"minesweeper-game","title":"Minesweeper Game","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A flip-card memory matching game with animal emoji, three difficulty levels, a 3D flip animation, move/score tracking, and a win overlay.","name":"memory-match-game","title":"Memory Match Game","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A canvas Pong against a bot opponent, three difficulty levels, multi-round progression with a color shift and speed increase each round, keyboard and touch-drag paddle control.","name":"pong-game","title":"Pong Game","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A canvas endless-runner in the style of the offline dino game, pixel-drawn running dino, procedurally spawned cactus obstacles, three difficulty speeds, tap/space/arrow-up to jump, and a high-score tracker.","name":"dino-runner-game","title":"Dino Runner Game","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A canvas Space Invaders, a descending grid of pixel-drawn invaders that shoot back, three difficulty levels, keyboard controls on desktop and on-screen move/fire buttons on mobile, with a win/lose end screen.","name":"space-invaders-game","title":"Space Invaders Game","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A floating-action-button popup that opens a glowing 4-level platformer, jump between walls, dodge moving lava, and collect coins to finish each level, keyboard and on-screen touch controls included.","name":"glow-jump-widget","title":"Glow Jump Widget","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A gamified discount-capture widget where visitors spin a weighted SVG prize wheel for a reward, with five glass themes, a themed reveal modal and code copy, rendered inline or as a corner-launched popup with manual/delay/scroll triggers.","name":"spin-to-win-wheel","title":"Spin to Win Wheel","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A floating-action-button popup that opens a color-matching memory game, 3 difficulty levels, a live timer/move counter, best-score tracking, subtle Web Audio sound effects, and a confetti win screen.","name":"memory-cards-widget","title":"Memory Cards Widget","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A liquid-glass bubble that follows the pointer across the whole page, rendered with a raymarched WebGL2 metaball trail with fresnel shading and iridescent glints, plus an optional light/dark theme toggle.","name":"bubble-cursor","title":"Bubble Cursor","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A portrait-format testimonial card with a crossfading top image strip, counter, thumbnail selector, and an animated quote with name/role, plus prev/next navigation and optional autoplay.","name":"review-card-portrait","title":"Review Card Portrait","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A fullscreen hero gallery where inactive slides collapse into a stacked deck of thumbnails; clicking one crossfades it to full size with Ken Burns zoom, cursor parallax, and a title/description rail with CTA and prev/next controls.","name":"cinematic-stacked-gallery","title":"Cinematic Stacked Gallery","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A gamified discount-capture widget where visitors roll two 3D dice for a reward tier, with a themed reveal modal and code copy, rendered inline or as a corner-launched popup with manual/delay/scroll triggers.","name":"dice-roll-discount-popup","title":"Dice Roll Discount Popup","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A centered \"page not found\" section: a big glitching error code, heading, description and one or two pill buttons. Follows the host site's theme by default (or a fixed dark / light palette with an optional theme toggle) and scales with its own width.","name":"error-404-page-section","title":"404 Page Section","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A stacked toast notification system: toasts pile up in a layered stack that fans out on hover, with six tones including a loading state that turns into a result, auto-dismiss that pauses on hover, swipe to dismiss and an action button.","name":"toast-stack","title":"Toast Stack","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A bell button with an unread badge that opens a notification panel: All and Unread tabs, Today and Earlier groups, unread dots, mark as read on click, mark all as read, per-item remove and full keyboard support.","name":"notification-center","title":"Notification Center","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A presence and status indicator: online, away, busy, offline and live dots with an optional label, a pulsing ring for live states, and a pinned mode that sits on an avatar's corner behind a cut-out ring.","name":"status-dot","title":"Status Dot","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A field-level validation message with error, warning, success and info states: it slides open under the field, crossfades when the text changes, shakes once when an error appears, and lives in a live region so screen readers announce it.","name":"inline-validation-message","title":"Inline Validation Message","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A button-triggered menu with icons, keyboard shortcuts, checkbox and radio items, labelled sections, nested submenus and a highlight that slides from row to row, with full keyboard support including typeahead.","name":"dropdown-menu","title":"Dropdown Menu","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A pill navigation bar whose menus open one shared panel: it morphs to each menu's size, slides the content in from the side you moved to, and holds columns of icon links plus a featured card, with hover intent and keyboard support.","name":"mega-menu","title":"Mega Menu","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A bottom navigation bar for phones: a pill slides behind the active tab and its icon bounces, with badge counts, an optional raised centre action, docked or floating styles, blurred glass and safe-area padding.","name":"mobile-tab-bar","title":"Mobile Tab Bar","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An 'On this page' table of contents for articles and docs: it tracks the section in view, slides a marker along its rail (filling it like reading progress), indents subsections, and smooth-scrolls to a heading on click. Collects headings automatically.","name":"table-of-contents","title":"Table of Contents","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A sticky horizontal bar of section links (Overview, Features, Specs, Reviews) that follows the section in view with a sliding pill or underline, keeps the current link scrolled into view on phones, and fills a progress line as you read.","name":"scrollspy-anchor-links","title":"Scrollspy Anchor Links","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A language picker: a globe button whose name rolls to the new language, opening a searchable list of native names with codes and a check on the current one, or a segmented row of codes for two to four languages.","name":"language-switcher","title":"Language Switcher","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A group of checkboxes with a Select all row that shows a dash when only some are picked, checks that draw themselves, list or card layouts, a maximum that disables the rest, a live count and an error state.","name":"checkbox-group","title":"Checkbox Group","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A mobile bottom sheet that slides up over a dimmed backdrop, rests at snap points you drag between from its handle, closes on a downward flick, and keeps its own content scrollable.","name":"bottom-sheet","title":"Bottom Sheet","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An image lightbox for any grid of photos: the thumbnail morphs into the full view, then arrows, keys and swipes step through, double-click zooms and pans, a swipe down closes, and a thumbnail strip tracks where you are.","name":"lightbox","title":"Lightbox","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A cookie consent banner as a corner card or a bottom bar: accept all, reject all with equal weight, or open per-category switches (necessary locked on), and the choice is remembered, with a small button to change it later.","name":"cookie-consent-banner","title":"Cookie Consent Banner","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A guided product tour: a spotlight glides from element to element over a dimmed page while a card beside it explains each one, with progress dots, Back, Next and Skip, arrow keys, and automatic placement on the side that has room.","name":"product-tour","title":"Product Tour","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An inline month calendar for picking one day, a range or several days, with event dots under their days, an agenda for the selected day, months that slide in from the side they come from, a month picker, week numbers and full keyboard control.","name":"calendar","title":"Calendar","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A plain, dependable carousel: drag or swipe between slides, arrows and dots, one to four slides in view, looping, and optional autoplay whose progress fills the active dot and pauses whenever someone hovers, focuses or drags.","name":"basic-carousel","title":"Basic Carousel","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A KPI card with a sparkline: the number counts to its new value, a change badge says how far it moved, range tabs swap the series with a redraw, and scrubbing the chart turns the headline into that point's value.","name":"sparkline-stat","title":"Sparkline Stat","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An onboarding checklist: a progress bar and count up top, round checks that draw in and strike the step through, the next step opening by itself with its own action button, a fold-away header and an all-done state.","name":"checklist","title":"Checklist","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A list with an icon on every line for features, benefits and what's included: checks that draw themselves in as the rows fade up, dimmed and struck-through lines for what isn't included, optional descriptions, and one or two columns.","name":"icon-list","title":"Icon List","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A feature box with an icon, title and text for features and services grids: in the card style a light follows the pointer along the border, the icon tile lifts and tilts on hover, and a linked box nudges its arrow forward.","name":"icon-box","title":"Icon Box","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A collection view that switches between a card grid and a list, with every item gliding to its new place; a sort menu reorders them with the same motion, and a pager steps through pages.","name":"data-view","title":"Data View","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A list people can put in their own order: drag a row by its handle and the others slide out of the way, or use the keyboard (Space to lift, arrows to move, Space to drop, Escape to undo), with live position numbers and optional remove buttons.","name":"sortable-list","title":"Sortable List","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An org chart of people cards joined by rounded connector lines: teams open and close from a count chip under each manager, and picking someone lights up their reporting line all the way to the top.","name":"organization-chart","title":"Organization Chart","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Two lists side by side for moving items from one set to another, such as available and granted permissions: tick items and send them across with the arrows (or double-click one), move everything at once, search each side, and watch rows glide between the lists.","name":"transfer-list","title":"Transfer List","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A table whose rows nest, like files in folders: open and close branches with a chevron, parents add up their children (folder sizes), sort any column with folders kept on top, and tick rows with checkboxes that select whole branches.","name":"tree-table","title":"Tree Table","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Chat message bubbles for both sides of a conversation: runs from the same person group together with tight inner corners and one avatar, outgoing messages show sending, delivered and read ticks, reactions pop in under a bubble, and a typing bubble bounces while someone writes.","name":"chat-bubble","title":"Chat Bubble","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A framed group of rows for settings menus and navigation lists: icons, descriptions, count badges, a danger row for destructive actions, and in selectable mode an active highlight that slides from row to row with arrow-key navigation.","name":"list-group","title":"List Group","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A clean, semantic table for showing data as it is: plain, striped or bordered, comfortable or compact, a caption and a totals row, custom cells such as status pills, a sticky header that casts a shadow once you scroll, and rows that fade in on load.","name":"basic-table","title":"Basic Table","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A quote with its author: a rule on the left, a large quotation mark, a framed card or a big centred pull quote, revealed as it scrolls into view with a highlighter sweeping across the phrase that matters.","name":"blockquote","title":"Blockquote","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A masonry layout for tiles of different heights: each tile drops into the shortest column while keeping left-to-right order, the column count follows the container's width, and tiles spring to their new places when it changes.","name":"masonry-grid","title":"Masonry Grid","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A bento layout of feature cells that span columns and rows, fall back to two and then one column as the container narrows, fade in one after another, and light up under the pointer, with a demo set of small live visuals.","name":"bento-grid","title":"Bento Grid","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A site header that stays out of the way: it slides up while you scroll down and comes back the moment you scroll up, turns compact and frosted after the first few pixels, shows reading progress along its edge, and folds its links into a menu on narrow screens.","name":"sticky-header","title":"Sticky Header","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A page-section wrapper that keeps widths, padding and headings consistent: an optional eyebrow, title and description, grid, dot or glow backgrounds that fade out at the edges, framed side rails with corner marks, and a gentle reveal as it scrolls in.","name":"section-container","title":"Section Container","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"SVG dividers that shape the edge between two sections: waves that drift in a seamless loop, a curve, a tilt, a peak, a zigzag or steps, layered in up to three tones, at the top or bottom of a section and mirrored if you like.","name":"shape-divider","title":"Shape Divider","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A grouped form section on the native fieldset: the legend sits in a notch in the border, the group folds away to a one-line summary, a tick appears once it's complete, an error outlines it in coral, and disabling it disables every control inside.","name":"fieldset","title":"Fieldset","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A light / dark switch that morphs a sun into a moon, or a Light · System · Dark control with a sliding pill; it remembers the choice, follows the OS in System mode, writes the theme to <html>, and can grow the new theme out of the button in a circle.","name":"theme-toggle","title":"Theme Toggle","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Share buttons for X, LinkedIn, Facebook, Reddit, WhatsApp and email with a copy-link button that turns into a tick: round icons with hover labels, labelled pills, or a single Share button that fans out into the row, plus the device's own share sheet where it exists.","name":"share-buttons","title":"Share Buttons","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Links to your profiles in three styles: round icons that fill from the bottom and tilt on hover, a list with handles, follower counts and an out arrow, or a dock whose icons grow as the pointer comes near.","name":"social-links","title":"Social Links","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Reading progress in three forms: a thin spring-smoothed bar, a corner ring with the percentage that becomes a back-to-top button at the end, or a track split into your page's sections that labels the current one and jumps to any other.","name":"scroll-progress-bar","title":"Scroll Progress Bar","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A pay button that shows every step of a payment: the amount, a spinner while it processes, a drawn tick when it's paid, a shake and a clear message when a card is declined, and an optional press-and-hold mode that fills up before it charges.","name":"payment-button","title":"Payment Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A floating action button that opens into a short menu of actions: the plus turns into a close cross while actions spring out one after another in a line or a quarter-circle fan, each with a label, with an optional dimmed backdrop and full keyboard control.","name":"speed-dial","title":"Speed Dial","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A wrapper that brings content in as it scrolls into view: fade from any side, zoom, blur, flip or a clip-path wipe, one block at once or each child in turn, once or every time, watching the window or any scroll box.","name":"animate-on-scroll","title":"Animate on Scroll","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Keeps keyboard focus inside a dialog, drawer or menu while it's open: Tab and Shift+Tab loop through its controls, focus starts where you choose and returns to where it was, Escape calls you back, and an optional ring glides to whatever has focus.","name":"focus-trap","title":"Focus Trap","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A toggle button that swaps between two icons with a rotate, 3D flip, pop or slide: ready-made pairs for play/pause, mute, like, save, show/hide, menu/close, light/dark and copy/copied, or any two icons of your own.","name":"icon-swap-toggle","title":"Icon Swap Toggle","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A wrapper that makes any surface ripple where it's pressed: the wave grows while the pointer is held and fades when it lets go, several can overlap, icon buttons can ripple from the centre, and Enter or Space ripples for keyboard users.","name":"ripple-click-effect","title":"Ripple Click Effect","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A monthly / yearly billing switch whose price rolls to the new amount digit by digit like an odometer, with a saving badge that pops when yearly is picked and a line that spells out what's billed and saved.","name":"toggle-price-counter","title":"Toggle Price Counter","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Text links with underlines that move: a line that slides in from the left and out to the right, opens from the centre, draws as a wave, fills behind the text, sweeps like a highlighter, or pushes an arrow, with a faint resting line so they still read as links.","name":"animated-underline-link","title":"Animated Underline Link","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Masks an image into a shape (circle, squircle, arch, hexagon, flower, blob or diamond) that grows out from the centre as it scrolls into view and morphs smoothly into another shape on hover while the photo slowly zooms.","name":"image-shape-mask","title":"Image Shape Mask","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Readable styles for rich text from Markdown or a CMS, without a plugin: balanced headings with hover # links, comfortable line length and rhythm, lists, quotes, inline code, code blocks with a Copy button, tables, marks and keys, scoped so they never leak into the rest of the pag","name":"typography-prose","title":"Typography Prose","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Product option pickers for colour and size: round colour swatches with a ring that glides to the pick, size chips with a sliding fill, the chosen value named in the label, sold-out options struck through, and a low-stock warning when only a few are left.","name":"variant-swatches","title":"Variant Swatches","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A switch that swaps the content below it: a pill or underline thumb slides to the chosen option, the new panel slides in from that side (or fades or blurs in), and the box eases to the new height instead of jumping.","name":"content-switch","title":"Content Switch","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A text field whose label sits inside it and floats up on focus or once filled, in outlined (label in a notch in the border), filled or underline styles, with an optional icon, clear button, validity tick, character count, helper text and a shake on error.","name":"floating-label-input","title":"Floating Label Input","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Joins an input with text addons, icons, a select or a button into one field with one border and one focus ring: https:// and .com around a subdomain with a live availability tick, a price with a currency picker, a search with a shortcut, an invite with a send button.","name":"input-group","title":"Input Group","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A formatted text field for phone numbers, dates, times, card numbers, ZIP codes or any pattern you define: separators fill themselves in, the rest of the template waits in faint ghost text, a thin bar tracks how much is filled, and a tick appears when it's complete.","name":"masked-input","title":"Masked Input","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A rotary dial for picking a value in a range, like a mixer control: drag up or down, scroll or use the keyboard, with a 270° progress ring and a sliding thumb, or a physical-looking knob with an indicator and ticks that light up as it turns.","name":"knob","title":"Knob","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"An always-open list for picking one or several options: a search box that filters as you type, sticky group headings, avatars and descriptions, a highlight that follows the pointer or keyboard, checks that draw in, and type-ahead to jump by name.","name":"listbox","title":"Listbox","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A button that stays pressed: the fill grows out from the middle, icons spin into their 'on' version, labels roll from Follow to Following and counts tick up by one. Outline, soft and ghost styles, icon-only or with text.","name":"toggle-button","title":"Toggle Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Buttons joined into one control: plain action groups like Previous / Today / Next, a single-choice group whose fill slides between options, multi-toggle groups, and a split button whose chevron opens a menu of alternative actions.","name":"button-group","title":"Button Group","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A two-handle range filter with a histogram behind it: bars inside the range light up, the result count rolls as you drag, the filled part drags both ends together, and Min / Max fields stay in sync for exact numbers.","name":"dual-range-slider","title":"Dual Range Slider","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A set of fields people can repeat: add a row, remove one, drag rows into order. Rows grow in and slide out, focus lands in the new row, Enter in the last row adds another, and min / max limits keep the list in bounds.","name":"repeatable-field-group","title":"Repeatable Field Group","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A row of pill filters with counts: a check draws in and the chip grows to fit it, neighbours slide over instead of jumping, and a Clear chip appears once anything is on. The demo filters a list of open roles that reflows as you pick.","name":"filter-chips","title":"Filter Chips","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A compact icon-only button for toolbars and table rows: solid, soft, outline or ghost, square or round, four sizes, a tooltip that names the action, a count badge, a loading spinner and a danger tone for destructive actions.","name":"icon-action-button","title":"Icon Action Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A premium call-to-action button with a glossy face: a lit gradient, a glass highlight on the top half, a band of light that sweeps across on hover, an arrow that nudges forward, and a press that sinks. Ink, paper and four colour palettes, or your own two stops.","name":"glossy-gradient-button","title":"Glossy Gradient Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A text button that looks like a link, for secondary actions: Forgot password?, View all, Undo, Remove, Read the docs. Neutral, muted, accent or danger, an underline that's always on, on hover or off, an arrow that nudges, and a ↗ for external links. Renders a link when you pass h","name":"inline-link-button","title":"Inline Link Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A five-face satisfaction rating for quick feedback: hand-drawn faces from a frown to a wide smile that wobble on hover, fill with their own colour and pop when picked, a label that rolls in underneath, and full keyboard support as a radio group.","name":"emoji-rating-scale","title":"Emoji Rating Scale","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A vertical tab menu for settings pages: tabs with icons, second-line descriptions and count badges, grouped under headings, an active highlight with a rail that slides between them, and a panel that fades to the chosen tab. Stacks on phones.","name":"side-tab-menu","title":"Side Tab Menu","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Dots that show where you are in a carousel or onboarding flow: the active dot stretches into a pill, a progress style fills the pill and moves on by itself like stories, and a window style shows five dots out of many and shrinks the edge ones. Clickable and keyboard friendly.","name":"dot-pager-indicator","title":"Dot Pager Indicator","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A live status tracker for multi-step processes like deploys, imports and order tracking: each step is done, running, waiting or failed, the connector fills as steps finish, the running step spins and shows its log lines, and screen readers hear every change.","name":"vertical-progress-steps","title":"Vertical Progress Steps","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A sign-in, sign-up and forgot-password card in one: social sign-in buttons, email and password fields with inline validation, a show-password toggle, a password strength meter, a loading state driven by your onSubmit promise and a check-your-email screen.","name":"auth-card","title":"Auth Card","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Pricing plans side by side with a monthly / yearly switch, prices that roll when the period changes, a highlighted plan with a badge, included and excluded features, and a custom-price plan for enterprise.","name":"pricing-table","title":"Pricing Table","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A frequently asked questions section: heading and contact card on the left, an animated accordion on the right, optional category tabs and search, and FAQPage structured data for search engines.","name":"faq-section","title":"FAQ Section","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A contact section with a heading and your email, phone and address on the left, and a validated message form on the right: topic chips, a loading state driven by your onSubmit promise, inline errors and a thank-you screen.","name":"contact-section","title":"Contact Section","type":"registry:component"}]},"shadcn chatbot kit":{"favicon":"/favicons/shadcn-chatbot-kit.ico","items":[{"name":"chat","registryDependencies":["button","https://shadcn-chatbot-kit.vercel.app/r/use-auto-scroll.json","https://shadcn-chatbot-kit.vercel.app/r/chat-message.json","https://shadcn-chatbot-kit.vercel.app/r/message-input.json","https://shadcn-chatbot-kit.vercel.app/r/message-list.json","https://shadcn-chatbot-kit.vercel.app/r/prompt-suggestions.json"],"type":"registry:ui"},{"dependencies":["framer-motion@11"],"name":"chat-message","registryDependencies":["button","collapsible","https://shadcn-chatbot-kit.vercel.app/r/copy-button.json","https://shadcn-chatbot-kit.vercel.app/r/markdown-renderer.json"],"type":"registry:ui"},{"name":"copy-button","registryDependencies":["button","https://shadcn-chatbot-kit.vercel.app/r/use-copy-to-clipboard.json"],"type":"registry:ui"},{"dependencies":["react-markdown@10","remark-gfm@4","shiki@1"],"name":"markdown-renderer","registryDependencies":["https://shadcn-chatbot-kit.vercel.app/r/copy-button.json"],"type":"registry:ui"},{"dependencies":["framer-motion@11","remeda@2"],"name":"message-input","registryDependencies":["button","https://shadcn-chatbot-kit.vercel.app/r/use-autosize-textarea.json","https://shadcn-chatbot-kit.vercel.app/r/file-preview.json","https://shadcn-chatbot-kit.vercel.app/r/audio-visualizer.json","https://shadcn-chatbot-kit.vercel.app/r/interrupt-prompt.json","https://shadcn-chatbot-kit.vercel.app/r/use-audio-recording.json"],"type":"registry:ui"},{"name":"message-list","registryDependencies":["https://shadcn-chatbot-kit.vercel.app/r/chat-message.json","https://shadcn-chatbot-kit.vercel.app/r/typing-indicator.json"],"type":"registry:ui"},{"name":"typing-indicator","type":"registry:ui"},{"name":"prompt-suggestions","type":"registry:ui"},{"dependencies":["framer-motion@11"],"name":"file-preview","type":"registry:ui"},{"name":"audio-visualizer","type":"registry:ui"},{"dependencies":["framer-motion@11"],"name":"interrupt-prompt","type":"registry:ui"}]},"plate":{"favicon":"/favicons/plate.png","items":[{"dependencies":["@platejs/ai","@platejs/selection","ai@7","cmdk","@faker-js/faker"],"description":"A menu for AI-powered content generation and insertion.","name":"ai-menu","registryDependencies":["command","popover","https://platejs.org/r/use-chat.json","https://platejs.org/r/editor-base-kit.json","https://platejs.org/r/ai-node.json"],"title":"AI Menu","type":"registry:ui"},{"dependencies":["@platejs/ai"],"description":"A toolbar button for accessing AI features.","name":"ai-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"AI Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/basic-styles"],"description":"A dropdown menu for text alignment controls.","name":"align-toolbar-button","registryDependencies":["dropdown-menu","https://platejs.org/r/toolbar.json"],"title":"Align Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/ai","@platejs/selection"],"description":"A context menu for block-level operations.","name":"block-context-menu","registryDependencies":["calendar","context-menu","https://platejs.org/r/use-is-touch-device.json"],"title":"Block Context Menu","type":"registry:ui"},{"dependencies":["@platejs/selection"],"description":"A visual overlay for selected blocks.","name":"block-selection","title":"Block Selection","type":"registry:ui"},{"dependencies":["@platejs/docx-io","use-file-picker@2.1.2"],"description":"A toolbar button to import editor content from a file.","name":"import-toolbar-button","registryDependencies":["dropdown-menu","https://platejs.org/r/toolbar.json"],"title":"Import Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/docx-io","@platejs/markdown","html2canvas-pro","pdf-lib","lucide-react"],"description":"A toolbar button for exporting editor content in various formats (HTML, PDF, Image, Markdown).","name":"export-toolbar-button","registryDependencies":["https://platejs.org/r/docx-export-kit.json","dropdown-menu","https://platejs.org/r/toolbar.json","https://platejs.org/r/editor-base-kit.json"],"title":"Export Toolbar Button","type":"registry:ui"},{"dependencies":["@udecode/cn","@platejs/caption"],"description":"A text field for adding captions to media elements.","name":"caption","registryDependencies":["button"],"title":"Caption","type":"registry:ui"},{"dependencies":["@udecode/cn","@platejs/basic-styles","lodash"],"description":"A color picker toolbar button with text and background color controls.","name":"font-color-toolbar-button","registryDependencies":["dropdown-menu","separator","button","tooltip","https://platejs.org/r/toolbar.json"],"title":"Font Color Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/comment"],"description":"A toolbar button for adding inline comments.","name":"comment-toolbar-button","registryDependencies":["https://platejs.org/r/comment-kit.json"],"title":"Comment Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/suggestion"],"name":"block-suggestion","title":"Block Suggestion","type":"registry:ui"},{"dependencies":["@platejs/comment","@platejs/floating","@platejs/suggestion","date-fns"],"description":"A popover interface for managing discussions: comments, replies, suggestions.","name":"block-discussion","registryDependencies":["button","popover","avatar","dropdown-menu","https://platejs.org/r/editor.json","https://platejs.org/r/ai-node.json","https://platejs.org/r/date-node.json","https://platejs.org/r/emoji-node.json","https://platejs.org/r/link-node.json","https://platejs.org/r/mention-node.json","https://platejs.org/r/highlight-style.json","https://platejs.org/r/suggestion-kit.json","https://platejs.org/r/discussion-kit.json","https://platejs.org/r/basic-marks-kit.json"],"title":"Block Discussion","type":"registry:ui"},{"dependencies":["@platejs/selection"],"description":"A visual overlay for cursors and selections.","name":"cursor-overlay","title":"Cursor Overlay","type":"registry:ui"},{"dependencies":["@platejs/dnd","@platejs/selection"],"description":"A block wrapper with a drag handle for moving editor blocks.","name":"block-draggable","registryDependencies":["tooltip","https://platejs.org/r/use-mounted.json"],"title":"Block Draggable","type":"registry:ui"},{"description":"A container for the editor content and styling.","name":"editor","title":"Editor","type":"registry:ui"},{"dependencies":["fzf@0.5.2","@platejs/tag","@udecode/cmdk"],"description":"An editor to select tags.","name":"select-editor","registryDependencies":["https://platejs.org/r/editor.json","command","popover","https://platejs.org/r/tag-node.json"],"title":"Select Editor","type":"registry:ui"},{"dependencies":["@platejs/emoji","@emoji-mart/data@1.2.1","@radix-ui/react-popover"],"description":"An emoji picker toolbar button.","name":"emoji-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"Emoji Toolbar Button","type":"registry:ui"},{"description":"A set of commonly used formatting buttons.","name":"fixed-toolbar-buttons","registryDependencies":["https://platejs.org/r/toolbar.json","https://platejs.org/r/ai-toolbar-button.json","https://platejs.org/r/align-toolbar-button.json","https://platejs.org/r/comment-toolbar-button.json","https://platejs.org/r/emoji-toolbar-button.json","https://platejs.org/r/font-color-toolbar-button.json","https://platejs.org/r/font-size-toolbar-button.json","https://platejs.org/r/history-toolbar-button.json","https://platejs.org/r/list-toolbar-button.json","https://platejs.org/r/indent-toolbar-button.json","https://platejs.org/r/import-toolbar-button.json","https://platejs.org/r/insert-toolbar-button.json","https://platejs.org/r/line-height-toolbar-button.json","https://platejs.org/r/link-toolbar-button.json","https://platejs.org/r/mark-toolbar-button.json","https://platejs.org/r/media-toolbar-button.json","https://platejs.org/r/mode-toolbar-button.json","https://platejs.org/r/more-toolbar-button.json","https://platejs.org/r/table-toolbar-button.json","https://platejs.org/r/toggle-toolbar-button.json","https://platejs.org/r/turn-into-toolbar-button.json","https://platejs.org/r/export-toolbar-button.json"],"title":"Fixed Toolbar Buttons","type":"registry:ui"},{"name":"fixed-toolbar-classic-buttons","registryDependencies":["https://platejs.org/r/toolbar.json","https://platejs.org/r/ai-toolbar-button.json","https://platejs.org/r/align-toolbar-button.json","https://platejs.org/r/font-color-toolbar-button.json","https://platejs.org/r/comment-toolbar-button.json","https://platejs.org/r/emoji-toolbar-button.json","https://platejs.org/r/insert-toolbar-classic-button.json","https://platejs.org/r/line-height-toolbar-button.json","https://platejs.org/r/list-classic-toolbar-button.json","https://platejs.org/r/link-toolbar-button.json","https://platejs.org/r/mark-toolbar-button.json","https://platejs.org/r/media-toolbar-button.json","https://platejs.org/r/mode-toolbar-button.json","https://platejs.org/r/more-toolbar-button.json","https://platejs.org/r/table-toolbar-button.json","https://platejs.org/r/toggle-toolbar-button.json","https://platejs.org/r/turn-into-toolbar-classic-button.json"],"title":"Fixed Toolbar List Buttons","type":"registry:ui"},{"description":"A fixed toolbar that stays at the top of the editor.","name":"fixed-toolbar","registryDependencies":["https://platejs.org/r/toolbar.json","https://platejs.org/r/tailwind-scrollbar-hide.json"],"title":"Fixed Toolbar","type":"registry:ui"},{"description":"A set of formatting buttons for the floating toolbar.","name":"floating-toolbar-buttons","registryDependencies":["https://platejs.org/r/toolbar.json","https://platejs.org/r/ai-toolbar-button.json","https://platejs.org/r/comment-toolbar-button.json","https://platejs.org/r/equation-toolbar-button.json","https://platejs.org/r/link-toolbar-button.json","https://platejs.org/r/mark-toolbar-button.json","https://platejs.org/r/more-toolbar-button.json","https://platejs.org/r/suggestion-toolbar-button.json","https://platejs.org/r/turn-into-toolbar-button.json"],"title":"Floating Toolbar Buttons","type":"registry:ui"},{"description":"A set of commonly used formatting buttons for the floating toolbar with classic list support.","name":"floating-toolbar-classic-buttons","registryDependencies":["https://platejs.org/r/toolbar.json","https://platejs.org/r/ai-toolbar-button.json","https://platejs.org/r/comment-toolbar-button.json","https://platejs.org/r/equation-toolbar-button.json","https://platejs.org/r/link-toolbar-button.json","https://platejs.org/r/mark-toolbar-button.json","https://platejs.org/r/more-toolbar-button.json","https://platejs.org/r/suggestion-toolbar-button.json","https://platejs.org/r/turn-into-toolbar-classic-button.json"],"title":"Floating Toolbar Classic Buttons","type":"registry:ui"},{"dependencies":["@udecode/cn","@platejs/floating"],"description":"A contextual toolbar that appears over selected text.","name":"floating-toolbar","registryDependencies":["https://platejs.org/r/toolbar.json","https://platejs.org/r/tailwind-scrollbar-hide.json"],"title":"Floating Toolbar","type":"registry:ui"},{"dependencies":["@platejs/ai"],"description":"A text suggestion system that displays AI-generated content after the cursor.","name":"ghost-text","title":"Ghost Text","type":"registry:ui"},{"description":"Toolbar buttons for undo and redo operations.","name":"history-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"History Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/list"],"description":"A toolbar control for adjusting list indentation.","name":"list-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"List Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/indent"],"description":"Toolbar controls for block indentation.","name":"indent-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"Indent Toolbar Buttons","type":"registry:ui"},{"dependencies":["@platejs/combobox","@ariakit/react"],"description":"A combobox for inline suggestions.","name":"inline-combobox","title":"Inline Combobox","type":"registry:ui"},{"description":"A menu for inserting different types of blocks.","name":"insert-toolbar-button","registryDependencies":["dropdown-menu","https://platejs.org/r/toolbar.json","https://platejs.org/r/transforms.json"],"title":"Insert Toolbar Button","type":"registry:ui"},{"description":"A menu for inserting different types of blocks with classic list support.","name":"insert-toolbar-classic-button","registryDependencies":["dropdown-menu","https://platejs.org/r/toolbar.json","https://platejs.org/r/transforms-classic.json"],"title":"Insert Toolbar Classic Button","type":"registry:ui"},{"dependencies":["@platejs/basic-styles"],"description":"A menu for controlling text line spacing.","name":"line-height-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json","dropdown-menu"],"title":"Line Height Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/link","@platejs/floating"],"description":"A floating interface for link editing.","name":"link-toolbar","registryDependencies":["button","input","popover","separator"],"title":"Link Floating Toolbar","type":"registry:ui"},{"dependencies":["@platejs/link"],"description":"A toolbar control for link management.","name":"link-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"Link Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/list-classic"],"description":"Toolbar controls for list creation and management.","name":"list-classic-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"List Toolbar Buttons","type":"registry:ui"},{"dependencies":["@platejs/basic-nodes"],"description":"A toolbar control for basic text formatting.","name":"mark-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"Mark Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/media"],"description":"A toolbar interface for media settings.","name":"media-toolbar","registryDependencies":["button","input","popover","separator"],"title":"Media Toolbar","type":"registry:ui"},{"dependencies":["@platejs/media","use-file-picker@2.1.2","sonner"],"description":"Toolbar button for inserting and managing media.","name":"media-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json","input","dropdown-menu","alert-dialog"],"title":"Media Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/media","sonner"],"description":"Show toast notifications for media uploads.","name":"media-upload-toast","title":"Media Upload Toast","type":"registry:ui"},{"description":"A menu for switching between editor modes.","name":"mode-toolbar-button","registryDependencies":["dropdown-menu","https://platejs.org/r/toolbar.json"],"title":"Mode Toolbar Button","type":"registry:ui"},{"description":"A menu for additional text formatting options.","name":"more-toolbar-button","registryDependencies":["dropdown-menu","https://platejs.org/r/toolbar.json"],"title":"More Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/resizable"],"description":"A resizable wrapper with resize handles.","name":"resize-handle","title":"Resize Handle","type":"registry:ui"},{"dependencies":["@platejs/table"],"description":"A menu for table manipulation and formatting.","name":"table-toolbar-button","registryDependencies":["dropdown-menu","https://platejs.org/r/toolbar.json"],"title":"Table Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/toggle"],"description":"A toolbar button for expanding and collapsing blocks.","name":"toggle-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"Toggle Toolbar Button","type":"registry:ui"},{"description":"A menu for converting between different block types.","name":"turn-into-toolbar-button","registryDependencies":["dropdown-menu","https://platejs.org/r/toolbar.json","https://platejs.org/r/transforms.json"],"title":"Turn Into Toolbar Button","type":"registry:ui"},{"description":"A dropdown to convert block types with classic list support.","name":"turn-into-toolbar-classic-button","registryDependencies":["dropdown-menu","https://platejs.org/r/toolbar.json","https://platejs.org/r/transforms-classic.json"],"title":"Turn Into Toolbar Classic Button","type":"registry:ui"},{"dependencies":["@slate-yjs/react"],"description":"A cursor overlay to display multiplayer cursors in the yjs plugin.","name":"remote-cursor-overlay","title":"Remote Cursor Overlay","type":"registry:ui"},{"dependencies":["@radix-ui/react-toolbar"],"description":"A customizable toolbar component with various button styles and group","name":"toolbar","registryDependencies":["tooltip","separator","dropdown-menu"],"title":"Toolbar","type":"registry:ui"},{"dependencies":["@platejs/suggestion"],"description":"A toolbar button for toggling suggestion mode in the editor.","name":"suggestion-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"Suggestion Toolbar Button","type":"registry:ui"},{"description":"A text highlighter for AI-generated content.","name":"ai-node","title":"AI Leaf","type":"registry:ui"},{"dependencies":["@platejs/list"],"description":"List components.","name":"block-list","registryDependencies":["checkbox"],"title":"List","type":"registry:ui"},{"description":"A quote component for block quotes.","name":"blockquote-node","title":"Blockquote Element","type":"registry:ui"},{"dependencies":["@platejs/callout"],"description":"A callout component for highlighting important information with customizable icons and styles.","name":"callout-node","registryDependencies":["https://platejs.org/r/emoji-toolbar-button.json"],"type":"registry:ui"},{"dependencies":["@platejs/code-block","lowlight"],"description":"A code block with syntax highlighting and language selection.","name":"code-block-node","registryDependencies":["command","popover","button"],"title":"Code Block Nodes","type":"registry:ui"},{"dependencies":["@platejs/code-drawing"],"description":"Create diagrams from code using PlantUML, Graphviz, Flowchart, or Mermaid.","name":"code-drawing-node","registryDependencies":["popover","button","select","https://platejs.org/r/use-mobile.json"],"title":"Code Drawing Node","type":"registry:ui"},{"description":"An inline component for code snippets.","name":"code-node","title":"Code Leaf","type":"registry:ui"},{"dependencies":["@udecode/cn","@platejs/layout"],"description":"Resizable column components for layout.","name":"column-node","registryDependencies":["https://platejs.org/r/resize-handle.json"],"title":"Column Nodes","type":"registry:ui"},{"dependencies":["@platejs/comment"],"description":"A text component for displaying comments with visual indicators.","name":"comment-node","registryDependencies":["https://platejs.org/r/highlight-style.json"],"title":"Comment Leaf","type":"registry:ui"},{"dependencies":["@platejs/suggestion"],"description":"A text component for suggestion.","name":"suggestion-node","registryDependencies":["https://platejs.org/r/suggestion.json","https://platejs.org/r/suggestion-kit.json"],"title":"Suggestion Leaf","type":"registry:ui"},{"dependencies":["@platejs/date"],"description":"A date field component with calendar picker.","name":"date-node","registryDependencies":["calendar","https://platejs.org/r/suggestion.json"],"title":"Date Element","type":"registry:ui"},{"dependencies":["@platejs/math","react-textarea-autosize"],"description":"Displays a LaTeX equation element with an editable popover for inputting and rendering mathematical expressions.","name":"equation-node","registryDependencies":["popover","https://platejs.org/r/suggestion.json"],"title":"Equation Element","type":"registry:ui"},{"dependencies":["@platejs/math"],"description":"A toolbar button for inserting and editing equations.","name":"equation-toolbar-button","registryDependencies":["https://platejs.org/r/toolbar.json"],"title":"Equation Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/emoji","@emoji-mart/data@1.2.1"],"description":"An input component for emoji search and insertion.","name":"emoji-node","registryDependencies":["https://platejs.org/r/inline-combobox.json","https://platejs.org/r/use-debounce.json"],"title":"Emoji Input Element","type":"registry:ui"},{"dependencies":["@platejs/excalidraw"],"description":"A drawing component powered by Excalidraw.","name":"excalidraw-node","title":"Excalidraw Element","type":"registry:ui"},{"dependencies":["@platejs/basic-styles"],"description":"A toolbar control for adjusting font size.","name":"font-size-toolbar-button","registryDependencies":["popover","https://platejs.org/r/toolbar.json"],"title":"Font Size Toolbar Button","type":"registry:ui"},{"dependencies":["@platejs/footnote"],"description":"Inline footnote references, definitions, and input UI.","name":"footnote-node","registryDependencies":["button","command","hover-card","popover","https://platejs.org/r/inline-combobox.json"],"title":"Footnote Elements","type":"registry:ui"},{"description":"A heading with multiple level support.","name":"heading-node","registryDependencies":["https://platejs.org/r/highlight-style.json"],"title":"Heading Element","type":"registry:ui"},{"description":"A text highlighter with customizable colors.","name":"highlight-node","registryDependencies":["https://platejs.org/r/highlight-style.json"],"title":"Highlight Leaf","type":"registry:ui"},{"description":"A horizontal rule component with focus states.","name":"hr-node","title":"Horizontal Rule Element","type":"registry:ui"},{"dependencies":["@platejs/media","@platejs/resizable"],"description":"Image element with lazy loading, resizing capabilities, and optional caption.","name":"media-image-node","registryDependencies":["https://platejs.org/r/media-toolbar.json","https://platejs.org/r/caption.json","https://platejs.org/r/resize-handle.json"],"title":"Image Element","type":"registry:ui"},{"dependencies":["@platejs/media"],"description":"A modal component for previewing and manipulating images.","name":"media-preview-dialog","title":"Media Preview Dialog","type":"registry:ui"},{"description":"A component for styling keyboard shortcuts.","name":"kbd-node","title":"Keyboard Input Leaf","type":"registry:ui"},{"dependencies":["@platejs/link"],"description":"A component for rendering hyperlinks with hover states.","name":"link-node","registryDependencies":["https://platejs.org/r/suggestion.json"],"title":"Link Element","type":"registry:ui"},{"dependencies":["@platejs/list-classic"],"description":"List (classic) nodes for ordered and unordered items.","name":"list-classic-node","registryDependencies":["checkbox"],"title":"List Nodes","type":"registry:ui"},{"dependencies":["@platejs/media","@platejs/resizable"],"description":"An audio player component with caption support.","name":"media-audio-node","registryDependencies":["https://platejs.org/r/caption.json"],"title":"Media Audio Element","type":"registry:ui"},{"dependencies":["@platejs/media","@platejs/resizable","react-tweet","react-lite-youtube-embed"],"description":"A component for embedded media content with resizing and caption support.","name":"media-embed-node","registryDependencies":["https://platejs.org/r/media-toolbar.json","https://platejs.org/r/caption.json","https://platejs.org/r/resize-handle.json"],"title":"Media Embed Element","type":"registry:ui"},{"dependencies":["@platejs/media","@platejs/resizable"],"description":"A file attachment component with download capability and caption.","name":"media-file-node","registryDependencies":["https://platejs.org/r/caption.json"],"title":"Media File Element","type":"registry:ui"},{"dependencies":["@platejs/media","use-file-picker@2.1.2"],"description":"A placeholder for media upload progress indication.","name":"media-placeholder-node","registryDependencies":["https://platejs.org/r/uploadthing.json"],"title":"Media Placeholder Element","type":"registry:ui"},{"dependencies":["@platejs/media","@platejs/resizable","react-player@3.3.1","react-lite-youtube-embed"],"description":"A video player component with YouTube and file upload support.","name":"media-video-node","registryDependencies":["https://platejs.org/r/media-toolbar.json","https://platejs.org/r/caption.json","https://platejs.org/r/resize-handle.json"],"title":"Media Video Element","type":"registry:ui"},{"dependencies":["@platejs/mention"],"description":"A mention element with customizable prefix and label, powered by a combobox.","name":"mention-node","registryDependencies":["https://platejs.org/r/suggestion.json","https://platejs.org/r/use-mounted.json","https://platejs.org/r/inline-combobox.json"],"title":"Mention Nodes","type":"registry:ui"},{"description":"A paragraph block with background color support.","name":"paragraph-node","title":"Paragraph Element","type":"registry:ui"},{"description":"A component that highlights search results in text.","name":"search-highlight-node","title":"Search Highlight Leaf","type":"registry:ui"},{"dependencies":["@platejs/ai"],"description":"A command input component for inserting various elements.","name":"slash-node","registryDependencies":["https://platejs.org/r/inline-combobox.json","https://platejs.org/r/transforms.json"],"title":"Slash Input Element","type":"registry:ui"},{"dependencies":["@platejs/table","@radix-ui/react-popover"],"description":"A table component with floating toolbar and border customization.","name":"table-node","registryDependencies":["dropdown-menu","popover","https://platejs.org/r/resize-handle.json","https://platejs.org/r/block-selection.json","https://platejs.org/r/toolbar.json","https://platejs.org/r/tailwind-scrollbar-hide.json","https://platejs.org/r/font-color-toolbar-button.json"],"title":"Table Element","type":"registry:ui"},{"description":"A tag element component with selection states and styling.","name":"tag-node","title":"Tag Element","type":"registry:ui"},{"dependencies":["@platejs/toc"],"description":"A table of contents component with links to document headings.","name":"toc-node","title":"TOC Element","type":"registry:ui"},{"dependencies":["@platejs/toggle"],"description":"A collapsible component for toggling content visibility.","name":"toggle-node","registryDependencies":["button"],"title":"Toggle Element","type":"registry:ui"},{"dependencies":["@platejs/basic-styles"],"name":"align-base-kit","type":"registry:component"},{"name":"basic-blocks-base-kit","registryDependencies":["https://platejs.org/r/blockquote-node.json","https://platejs.org/r/heading-node.json","https://platejs.org/r/hr-node.json","https://platejs.org/r/paragraph-node.json"],"type":"registry:component"},{"dependencies":["@platejs/basic-nodes"],"name":"basic-marks-base-kit","registryDependencies":["https://platejs.org/r/code-node.json","https://platejs.org/r/highlight-node.json","https://platejs.org/r/kbd-node.json"],"type":"registry:component"},{"dependencies":["@platejs/callout"],"name":"callout-base-kit","registryDependencies":["https://platejs.org/r/callout-node.json"],"type":"registry:component"},{"dependencies":["@platejs/code-block","lowlight"],"name":"code-block-base-kit","registryDependencies":["https://platejs.org/r/code-block-node.json"],"type":"registry:component"},{"dependencies":["@platejs/code-drawing"],"name":"code-drawing-base-kit","registryDependencies":["https://platejs.org/r/code-drawing-node.json"],"type":"registry:component"},{"dependencies":["@platejs/layout"],"name":"column-base-kit","registryDependencies":["https://platejs.org/r/column-node.json"],"type":"registry:component"},{"dependencies":["@platejs/comment"],"name":"comment-base-kit","registryDependencies":["https://platejs.org/r/comment-node.json"],"type":"registry:component"},{"dependencies":["@platejs/date"],"name":"date-base-kit","registryDependencies":["https://platejs.org/r/date-node.json"],"type":"registry:component"},{"dependencies":["@platejs/footnote"],"name":"footnote-base-kit","registryDependencies":["https://platejs.org/r/footnote-node.json"],"type":"registry:component"},{"dependencies":["@platejs/excalidraw","@excalidraw/excalidraw"],"name":"excalidraw-kit","registryDependencies":["https://platejs.org/r/excalidraw-node.json"],"type":"registry:component"},{"dependencies":["@platejs/basic-styles"],"name":"font-base-kit","type":"registry:component"},{"dependencies":["@platejs/indent"],"name":"indent-base-kit","type":"registry:component"},{"dependencies":["@platejs/basic-styles"],"name":"line-height-base-kit","type":"registry:component"},{"dependencies":["@platejs/link"],"name":"link-base-kit","registryDependencies":["https://platejs.org/r/link-node.json"],"type":"registry:component"},{"dependencies":["@platejs/list"],"name":"list-base-kit","registryDependencies":["https://platejs.org/r/block-list.json","https://platejs.org/r/indent-base-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/math"],"name":"math-base-kit","registryDependencies":["https://platejs.org/r/equation-node.json"],"type":"registry:component"},{"dependencies":["@platejs/media"],"name":"media-base-kit","registryDependencies":["https://platejs.org/r/media-audio-node.json","https://platejs.org/r/media-file-node.json","https://platejs.org/r/media-image-node.json","https://platejs.org/r/media-video-node.json"],"type":"registry:component"},{"dependencies":["@platejs/mention"],"name":"mention-base-kit","registryDependencies":["https://platejs.org/r/mention-node.json"],"type":"registry:component"},{"dependencies":["@platejs/suggestion"],"name":"suggestion-base-kit","registryDependencies":["https://platejs.org/r/suggestion-node.json"],"type":"registry:component"},{"dependencies":["@platejs/table"],"name":"table-base-kit","registryDependencies":["https://platejs.org/r/table-node.json"],"type":"registry:component"},{"dependencies":["@platejs/toc"],"name":"toc-base-kit","registryDependencies":["https://platejs.org/r/toc-node.json"],"type":"registry:component"},{"dependencies":["@platejs/toggle"],"name":"toggle-base-kit","registryDependencies":["https://platejs.org/r/toggle-node.json"],"type":"registry:component"},{"name":"editor-base-kit","registryDependencies":["https://platejs.org/r/editor.json","https://platejs.org/r/align-base-kit.json","https://platejs.org/r/basic-blocks-base-kit.json","https://platejs.org/r/basic-marks-base-kit.json","https://platejs.org/r/callout-base-kit.json","https://platejs.org/r/code-block-base-kit.json","https://platejs.org/r/code-drawing-base-kit.json","https://platejs.org/r/column-base-kit.json","https://platejs.org/r/comment-base-kit.json","https://platejs.org/r/date-base-kit.json","https://platejs.org/r/footnote-base-kit.json","https://platejs.org/r/font-base-kit.json","https://platejs.org/r/line-height-base-kit.json","https://platejs.org/r/link-base-kit.json","https://platejs.org/r/list-base-kit.json","https://platejs.org/r/math-base-kit.json","https://platejs.org/r/media-base-kit.json","https://platejs.org/r/mention-base-kit.json","https://platejs.org/r/suggestion-base-kit.json","https://platejs.org/r/table-base-kit.json","https://platejs.org/r/toc-base-kit.json","https://platejs.org/r/toggle-base-kit.json","https://platejs.org/r/markdown-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/ai"],"name":"ai-kit","registryDependencies":["https://platejs.org/r/markdown-kit.json","https://platejs.org/r/cursor-overlay-kit.json","https://platejs.org/r/ai-menu.json","https://platejs.org/r/ai-node.json","https://platejs.org/r/ai-toolbar-button.json","https://platejs.org/r/ai-api.json"],"type":"registry:component"},{"dependencies":["@platejs/basic-styles"],"name":"align-kit","registryDependencies":["https://platejs.org/r/align-base-kit.json","https://platejs.org/r/align-toolbar-button.json"],"type":"registry:component"},{"dependencies":["@platejs/code-block","@platejs/list-classic"],"name":"autoformat-classic-kit","registryDependencies":["https://platejs.org/r/list-classic-node.json","https://platejs.org/r/list-classic-toolbar-button.json"],"type":"registry:component"},{"dependencies":["@platejs/code-block","@platejs/list"],"name":"autoformat-kit","type":"registry:component"},{"name":"basic-blocks-kit","registryDependencies":["https://platejs.org/r/basic-blocks-base-kit.json","https://platejs.org/r/blockquote-node.json","https://platejs.org/r/heading-node.json","https://platejs.org/r/hr-node.json","https://platejs.org/r/paragraph-node.json"],"type":"registry:component"},{"dependencies":["@platejs/basic-nodes"],"name":"basic-marks-kit","registryDependencies":["https://platejs.org/r/basic-marks-base-kit.json","https://platejs.org/r/code-node.json","https://platejs.org/r/highlight-node.json","https://platejs.org/r/kbd-node.json","https://platejs.org/r/mark-toolbar-button.json"],"type":"registry:component"},{"name":"basic-nodes-kit","registryDependencies":["https://platejs.org/r/basic-blocks-kit.json","https://platejs.org/r/basic-marks-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/selection"],"name":"block-menu-kit","registryDependencies":["https://platejs.org/r/block-context-menu.json","https://platejs.org/r/block-selection-kit.json"],"type":"registry:component"},{"name":"block-placeholder-kit","type":"registry:component"},{"dependencies":["@platejs/selection"],"name":"block-selection-kit","registryDependencies":["https://platejs.org/r/block-selection.json"],"type":"registry:component"},{"dependencies":["@platejs/callout"],"name":"callout-kit","registryDependencies":["https://platejs.org/r/callout-base-kit.json","https://platejs.org/r/callout-node.json"],"type":"registry:component"},{"dependencies":["@platejs/code-block","lowlight"],"name":"code-block-kit","registryDependencies":["https://platejs.org/r/code-block-base-kit.json","https://platejs.org/r/code-block-node.json"],"type":"registry:component"},{"dependencies":["@platejs/code-drawing"],"name":"code-drawing-kit","registryDependencies":["https://platejs.org/r/code-drawing-base-kit.json","https://platejs.org/r/code-drawing-node.json"],"type":"registry:component"},{"dependencies":["@platejs/layout"],"name":"column-kit","registryDependencies":["https://platejs.org/r/column-base-kit.json","https://platejs.org/r/column-node.json"],"type":"registry:component"},{"dependencies":["@platejs/comment"],"name":"comment-kit","registryDependencies":["https://platejs.org/r/comment-base-kit.json","https://platejs.org/r/comment-node.json","https://platejs.org/r/comment-toolbar-button.json","https://platejs.org/r/discussion-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/ai","@platejs/markdown","@faker-js/faker"],"name":"copilot-kit","registryDependencies":["https://platejs.org/r/ghost-text.json","https://platejs.org/r/markdown-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/selection"],"name":"cursor-overlay-kit","registryDependencies":["https://platejs.org/r/cursor-overlay.json"],"type":"registry:component"},{"dependencies":["@platejs/date"],"name":"date-kit","registryDependencies":["https://platejs.org/r/date-base-kit.json","https://platejs.org/r/date-node.json"],"type":"registry:component"},{"name":"discussion-kit","registryDependencies":["https://platejs.org/r/block-discussion.json"],"type":"registry:component"},{"dependencies":["@platejs/dnd","@platejs/media","react-dnd","react-dnd-html5-backend"],"name":"dnd-kit","registryDependencies":["https://platejs.org/r/block-draggable.json"],"type":"registry:component"},{"dependencies":["@platejs/docx","@platejs/juice"],"name":"docx-kit","type":"registry:component"},{"dependencies":["@platejs/docx-io"],"name":"docx-export-kit","registryDependencies":["https://platejs.org/r/callout-node.json","https://platejs.org/r/code-block-node.json","https://platejs.org/r/column-node.json","https://platejs.org/r/equation-node.json","https://platejs.org/r/toc-node.json"],"type":"registry:component"},{"name":"editor-kit","registryDependencies":["https://platejs.org/r/editor-base-kit.json","https://platejs.org/r/ai-kit.json","https://platejs.org/r/align-kit.json","https://platejs.org/r/autoformat-kit.json","https://platejs.org/r/basic-nodes-kit.json","https://platejs.org/r/block-menu-kit.json","https://platejs.org/r/block-placeholder-kit.json","https://platejs.org/r/callout-kit.json","https://platejs.org/r/code-block-kit.json","https://platejs.org/r/code-drawing-kit.json","https://platejs.org/r/column-kit.json","https://platejs.org/r/comment-kit.json","https://platejs.org/r/cursor-overlay-kit.json","https://platejs.org/r/date-kit.json","https://platejs.org/r/discussion-kit.json","https://platejs.org/r/dnd-kit.json","https://platejs.org/r/docx-kit.json","https://platejs.org/r/emoji-kit.json","https://platejs.org/r/excalidraw-kit.json","https://platejs.org/r/exit-break-kit.json","https://platejs.org/r/fixed-toolbar-kit.json","https://platejs.org/r/floating-toolbar-kit.json","https://platejs.org/r/footnote-kit.json","https://platejs.org/r/font-kit.json","https://platejs.org/r/line-height-kit.json","https://platejs.org/r/link-kit.json","https://platejs.org/r/list-kit.json","https://platejs.org/r/markdown-kit.json","https://platejs.org/r/math-kit.json","https://platejs.org/r/media-kit.json","https://platejs.org/r/mention-kit.json","https://platejs.org/r/slash-kit.json","https://platejs.org/r/suggestion-kit.json","https://platejs.org/r/table-kit.json","https://platejs.org/r/toc-kit.json","https://platejs.org/r/toggle-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/emoji","@emoji-mart/data@1.2.1"],"name":"emoji-kit","registryDependencies":["https://platejs.org/r/emoji-node.json","https://platejs.org/r/emoji-toolbar-button.json"],"type":"registry:component"},{"name":"exit-break-kit","type":"registry:component"},{"name":"fixed-toolbar-classic-kit","registryDependencies":["https://platejs.org/r/fixed-toolbar.json","https://platejs.org/r/fixed-toolbar-classic-buttons.json"],"type":"registry:component"},{"name":"fixed-toolbar-kit","registryDependencies":["https://platejs.org/r/fixed-toolbar.json","https://platejs.org/r/fixed-toolbar-buttons.json"],"type":"registry:component"},{"name":"floating-toolbar-kit","registryDependencies":["https://platejs.org/r/floating-toolbar.json","https://platejs.org/r/floating-toolbar-buttons.json"],"type":"registry:component"},{"name":"floating-toolbar-classic-kit","registryDependencies":["https://platejs.org/r/floating-toolbar.json","https://platejs.org/r/floating-toolbar-classic-buttons.json"],"type":"registry:component"},{"dependencies":["@platejs/footnote"],"name":"footnote-kit","registryDependencies":["https://platejs.org/r/footnote-node.json"],"type":"registry:component"},{"dependencies":["@platejs/basic-styles"],"name":"font-kit","registryDependencies":["https://platejs.org/r/font-base-kit.json","https://platejs.org/r/font-size-toolbar-button.json","https://platejs.org/r/font-color-toolbar-button.json"],"type":"registry:component"},{"dependencies":["@platejs/indent"],"name":"indent-kit","registryDependencies":["https://platejs.org/r/indent-toolbar-button.json"],"type":"registry:component"},{"dependencies":["@platejs/basic-styles"],"name":"line-height-kit","registryDependencies":["https://platejs.org/r/line-height-base-kit.json","https://platejs.org/r/line-height-toolbar-button.json"],"type":"registry:component"},{"dependencies":["@platejs/link"],"name":"link-kit","registryDependencies":["https://platejs.org/r/link-base-kit.json","https://platejs.org/r/link-node.json","https://platejs.org/r/link-toolbar.json","https://platejs.org/r/link-toolbar-button.json"],"type":"registry:component"},{"dependencies":["@platejs/list-classic"],"name":"list-classic-kit","registryDependencies":["https://platejs.org/r/list-classic-node.json","https://platejs.org/r/list-classic-toolbar-button.json","https://platejs.org/r/autoformat-classic-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/list"],"name":"list-kit","registryDependencies":["https://platejs.org/r/list-base-kit.json","https://platejs.org/r/block-list.json","https://platejs.org/r/list-toolbar-button.json","https://platejs.org/r/indent-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/footnote","@platejs/markdown","remark-emoji","remark-gfm","remark-math"],"name":"markdown-kit","type":"registry:component"},{"dependencies":["@platejs/math"],"name":"math-kit","registryDependencies":["https://platejs.org/r/math-base-kit.json","https://platejs.org/r/equation-toolbar-button.json","https://platejs.org/r/equation-node.json"],"type":"registry:component"},{"dependencies":["@platejs/caption","@platejs/media"],"description":"Media kit without API (see media-uploadthing-api for reference)","name":"media-kit","registryDependencies":["https://platejs.org/r/media-base-kit.json","https://platejs.org/r/media-audio-node.json","https://platejs.org/r/media-embed-node.json","https://platejs.org/r/media-file-node.json","https://platejs.org/r/media-image-node.json","https://platejs.org/r/media-placeholder-node.json","https://platejs.org/r/media-preview-dialog.json","https://platejs.org/r/media-toolbar.json","https://platejs.org/r/media-upload-toast.json","https://platejs.org/r/media-video-node.json","https://platejs.org/r/media-toolbar-button.json"],"type":"registry:component"},{"description":"media-kit + media-uploadthing-api","name":"media-uploadthing-kit","registryDependencies":["https://platejs.org/r/media-kit.json","https://platejs.org/r/media-uploadthing-api.json"],"type":"registry:component"},{"dependencies":["@platejs/mention"],"name":"mention-kit","registryDependencies":["https://platejs.org/r/mention-base-kit.json","https://platejs.org/r/mention-node.json"],"type":"registry:component"},{"dependencies":["@platejs/slash-command"],"name":"slash-kit","registryDependencies":["https://platejs.org/r/slash-node.json"],"type":"registry:component"},{"dependencies":["@platejs/suggestion"],"name":"suggestion-kit","registryDependencies":["https://platejs.org/r/suggestion-base-kit.json","https://platejs.org/r/suggestion-node.json","https://platejs.org/r/suggestion-toolbar-button.json","https://platejs.org/r/discussion-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/tabbable"],"name":"tabbable-kit","type":"registry:component"},{"dependencies":["@platejs/table"],"name":"table-kit","registryDependencies":["https://platejs.org/r/table-base-kit.json","https://platejs.org/r/table-node.json","https://platejs.org/r/table-toolbar-button.json"],"type":"registry:component"},{"dependencies":["@platejs/toc"],"name":"toc-kit","registryDependencies":["https://platejs.org/r/toc-base-kit.json","https://platejs.org/r/toc-node.json"],"type":"registry:component"},{"dependencies":["@platejs/toggle"],"name":"toggle-kit","registryDependencies":["https://platejs.org/r/toggle-base-kit.json","https://platejs.org/r/indent-kit.json","https://platejs.org/r/toggle-node.json","https://platejs.org/r/toggle-toolbar-button.json"],"type":"registry:component"},{"dependencies":["@platejs/ai"],"name":"settings-dialog","registryDependencies":["https://platejs.org/r/ai-kit.json","button","command","dialog","input","popover"],"type":"registry:component"},{"dependencies":["@ai-sdk/react@4","@faker-js/faker"],"name":"use-chat","registryDependencies":["https://platejs.org/r/ai-kit.json"],"type":"registry:component"},{"dependencies":["@platejs/callout","@platejs/code-block","@platejs/date","@platejs/toc","@platejs/layout","@platejs/link","@platejs/math","@platejs/media","@platejs/table"],"name":"transforms","type":"registry:component"},{"dependencies":["@platejs/callout","@platejs/code-block","@platejs/date","@platejs/layout","@platejs/link","@platejs/list-classic","@platejs/math","@platejs/media","@platejs/table"],"name":"transforms-classic","type":"registry:component"},{"dependencies":["@platejs/comment","@platejs/excalidraw","@platejs/link","@platejs/media","@platejs/mention","@platejs/table","@platejs/toggle"],"name":"plate-types","type":"registry:component"},{"categories":["Editors"],"dependencies":["sonner"],"description":"An AI editor","name":"editor-ai","registryDependencies":["https://platejs.org/r/plate-ui.json","https://platejs.org/r/copilot-kit.json","https://platejs.org/r/media-uploadthing-api.json","https://platejs.org/r/plate-types.json","https://platejs.org/r/settings-dialog.json","https://platejs.org/r/editor-base-kit.json","https://platejs.org/r/ai-kit.json","https://platejs.org/r/align-kit.json","https://platejs.org/r/autoformat-kit.json","https://platejs.org/r/basic-nodes-kit.json","https://platejs.org/r/block-menu-kit.json","https://platejs.org/r/block-placeholder-kit.json","https://platejs.org/r/callout-kit.json","https://platejs.org/r/code-block-kit.json","https://platejs.org/r/column-kit.json","https://platejs.org/r/comment-kit.json","https://platejs.org/r/cursor-overlay-kit.json","https://platejs.org/r/date-kit.json","https://platejs.org/r/discussion-kit.json","https://platejs.org/r/dnd-kit.json","https://platejs.org/r/docx-kit.json","https://platejs.org/r/emoji-kit.json","https://platejs.org/r/exit-break-kit.json","https://platejs.org/r/fixed-toolbar-kit.json","https://platejs.org/r/floating-toolbar-kit.json","https://platejs.org/r/font-kit.json","https://platejs.org/r/line-height-kit.json","https://platejs.org/r/link-kit.json","https://platejs.org/r/list-kit.json","https://platejs.org/r/markdown-kit.json","https://platejs.org/r/math-kit.json","https://platejs.org/r/media-kit.json","https://platejs.org/r/mention-kit.json","https://platejs.org/r/slash-kit.json","https://platejs.org/r/suggestion-kit.json","https://platejs.org/r/table-kit.json","https://platejs.org/r/toc-kit.json","https://platejs.org/r/toggle-kit.json"],"type":"registry:block"},{"categories":["Editors"],"description":"A multi-select editor","name":"editor-select","registryDependencies":["https://platejs.org/r/plate-ui.json","https://platejs.org/r/select-editor-demo.json"],"type":"registry:block"},{"categories":["Editors"],"dependencies":["@platejs/basic-nodes","@platejs/basic-nodes"],"description":"A basic editor","name":"editor-basic","registryDependencies":["https://platejs.org/r/plate-ui.json","https://platejs.org/r/editor.json","https://platejs.org/r/basic-nodes-kit.json","https://platejs.org/r/basic-marks-kit.json"],"type":"registry:block"},{"categories":["Serializers"],"dependencies":["next-themes"],"name":"slate-to-html","registryDependencies":["https://platejs.org/r/plate-ui.json","https://platejs.org/r/editor-base-kit.json","button"],"type":"registry:block"},{"dependencies":["uploadthing@7.7.4","@uploadthing/react@7.3.3","sonner","zod"],"name":"uploadthing","type":"registry:hook"},{"dependencies":["ai@7"],"name":"markdown-joiner-transform","type":"registry:hook"},{"name":"use-debounce","type":"registry:hook"},{"name":"use-mobile","type":"registry:hook"},{"name":"use-mounted","type":"registry:hook"},{"name":"use-is-touch-device","type":"registry:hook"}]},"paceui":{"favicon":"/favicons/paceui.ico","items":[{"description":"An interactive chart visualizing system logs over time with data tooltips and active hover states.","name":"dashboard-chart-1","title":"Chart 1","type":"registry:block"},{"description":"A visual representation of web traffic volume and request spikes across different time periods.","name":"dashboard-chart-2","title":"Chart 2","type":"registry:block"},{"description":"A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips.","name":"dashboard-chart-3","title":"Chart 3","type":"registry:block"},{"description":"A circular chart illustrating revenue distribution across different marketing acquisition and sales channels.","name":"dashboard-chart-4","title":"Chart 4","type":"registry:block"},{"description":"A stacked bar chart visualizing monthly profit and loss amounts with interactive tooltips and custom striped indicators.","name":"dashboard-chart-5","title":"Chart 5","type":"registry:block"},{"description":"A card showing transactions over time with a badge metric, stacked bar chart, and detailed transaction summary status grid.","name":"dashboard-chart-6","title":"Chart 6","type":"registry:block"},{"dependencies":["motion"],"description":"A real-time activity stream displaying recent system events and errors in a chronological layout.","name":"dashboard-widget-1","title":"Widget 1","type":"registry:block"},{"description":"An interactive seat selector for cinema and aircraft cabin booking, featuring hover details, status indicators, and total price calculation.","name":"dashboard-widget-2","title":"Widget 2","type":"registry:block"},{"description":"A minimal statistic card displaying total log counts with a clean, numerical layout.","name":"dashboard-stat-1","title":"Stat 1","type":"registry:block"},{"description":"A detailed dashboard card highlighting total revenue with trend indicators and percentage growth.","name":"dashboard-stat-2","title":"Stat 2","type":"registry:block"},{"description":"A stat card displaying a metric with icon, trend indicator, and monthly goal progress.","name":"dashboard-stat-3","title":"Stat 3","type":"registry:block"},{"description":"A statistic card featuring a primary metric value, trend indicator, and a responsive area sparkline chart.","name":"dashboard-stat-4","title":"Stat 4","type":"registry:block"},{"description":"A clean data table listing system events with timestamp, severity, and message columns.","name":"dashboard-table-1","title":"Table 1","type":"registry:block"},{"description":"Structured table layout for managing team members, showing profile details, roles, departments, account status, and recent activity.","name":"dashboard-table-3","title":"Table 3","type":"registry:block"},{"description":"A weekly audience growth statistics widget showcasing active readers and email leads, complete with a highlighted weekly bar chart.","name":"app-analytics-1","title":"Analytics 1","type":"registry:block"},{"description":"A statistics card displaying user retention and goal completion progress bars with status badges and options dropdown menu.","name":"app-analytics-2","title":"Analytics 2","type":"registry:block"},{"description":"A comparison widget displaying revenue distribution between paid acquisition and organic search channels with a dual progress bar.","name":"app-analytics-3","title":"Analytics 3","type":"registry:block"},{"description":"A campaign goals progress tracking widget displaying marketing completion percentages with inline metrics.","name":"app-analytics-4","title":"Analytics 4","type":"registry:block"},{"description":"A weekly habit and streak tracking widget displaying current and longest streaks with a status grid.","name":"app-health-1","title":"Health 1","type":"registry:block"},{"description":"A course syllabus tracker widget showing current module completion status and collapsible chapter item cards.","name":"app-education-1","title":"Education 1","type":"registry:block"},{"description":"A project task card displaying priority status, task details, assignee, and calendar due date.","name":"app-project-3","title":"Project 3","type":"registry:block"},{"description":"A visual commodities portfolio tracker showcasing gold, silver, and crude oil allocations with an integrated segmented bar chart and detailed item metrics.","name":"app-finance-1","title":"Finance 1","type":"registry:block"},{"description":"An interactive client testimonials block featuring tabbed categorization (e.g., startups vs enterprise), custom metrics display, and trust rating social proof in the footer.","name":"marketing-testimonials-1","title":"Testimonials 1","type":"registry:block"},{"description":"A premium marketing hero block for educational courses featuring interactive progress track selectors, graduate avatar groups, and statistics summary cards.","name":"marketing-hero-1","title":"Hero 1","type":"registry:block"},{"description":"A premium developer features grid highlighting edge deployments, serverless DB pooling, and real-time Recharts monitoring.","name":"marketing-features-1","title":"Features 1","type":"registry:block"},{"description":"A clean marketing features grid outlining sprint management, milestones, and project blueprints.","name":"marketing-features-4","title":"Features 4","type":"registry:block"},{"description":"Classic logo left, centered main navigation, search and notifications right with user avatar menu.","name":"marketing-topbar-1","title":"Topbar 1","type":"registry:block"},{"description":"Search-focused header with expandable keyboard shortcut search bar, quick links, and utility icons.","name":"marketing-topbar-2","title":"Topbar 2","type":"registry:block"},{"description":"Dual call-to-action layout featuring compact search bar, utility controls, and primary action button.","name":"marketing-topbar-3","title":"Topbar 3","type":"registry:block"},{"description":"Two-row layout with top primary navigation and bottom secondary filter tab strip with quick search.","name":"marketing-topbar-4","title":"Topbar 4","type":"registry:block"},{"description":"Global command search topbar with interactive badge notifications and active user status badge.","name":"marketing-topbar-5","title":"Topbar 5","type":"registry:block"},{"description":"Minimal centered layout with brand mark, call-to-action button, horizontal nav links, and social icons.","name":"marketing-footer-1","title":"Footer 1","type":"registry:block"},{"description":"Clean split row layout featuring brand logo, inline navigation, social media icons, and legal footer strip.","name":"marketing-footer-2","title":"Footer 2","type":"registry:block"},{"description":"Dual-column layout pairing brand information and social icons with a newsletter subscription box.","name":"marketing-footer-3","title":"Footer 3","type":"registry:block"},{"description":"Multi-column layout featuring brand description, social links, categorized sitemap columns, and bottom copyright bar.","name":"marketing-footer-4","title":"Footer 4","type":"registry:block"},{"description":"Ultra minimal floating bar layout with concise policy text and primary accept button.","name":"marketing-cookie-consent-1","title":"Cookie Consent 1","type":"registry:block"},{"description":"Centered modal card with icon header, privacy copy, and stacked/inline decision buttons.","name":"marketing-cookie-consent-2","title":"Cookie Consent 2","type":"registry:block"},{"description":"Left-aligned toast banner featuring icon avatar, description text, and customization buttons.","name":"marketing-cookie-consent-3","title":"Cookie Consent 3","type":"registry:block"},{"description":"A popover-based notification dialog showing recent notifications, unread badge indicator, and quick actions.","name":"layout-notification-1","title":"Notification Dialog 1","type":"registry:block"},{"description":"A dropdown menu for user profile options showing user details, account settings, billing, notifications, and sign out.","name":"layout-profile-1","title":"Profile Dropdown Menu 1","type":"registry:block"},{"description":"A dropdown menu for selecting language/country with country flag indicator.","name":"layout-widget-2","title":"Language Selector Widget 2","type":"registry:block"},{"description":"An attention-grabbing card encouraging users to unlock premium analytics features and historical data access.","name":"layout-promo-1","title":"Promo 1","type":"registry:block"},{"dependencies":["@tanstack/react-form"],"description":"A form input component with validation and error handling.","name":"form-input","title":"Form Input","type":"registry:component"},{"description":"A password input field with visibility toggle and validation.","name":"form-password","title":"Form Password","type":"registry:component"},{"dependencies":["@tanstack/react-form"],"description":"A select input field with options and validation.","name":"form-select","title":"Form Select","type":"registry:component"},{"dependencies":["@tanstack/react-form"],"description":"A switch input field with on/off state and validation.","name":"form-switch","title":"Form Switch","type":"registry:component"},{"dependencies":["@tanstack/react-form"],"description":"A textarea input field with validation and error handling.","name":"form-textarea","title":"Form Textarea","type":"registry:component"},{"dependencies":["@tanstack/react-form"],"description":"A checkbox input field with validation and error handling.","name":"form-checkbox","title":"Form Checkbox","type":"registry:component"},{"dependencies":["@tanstack/react-form"],"description":"A component for displaying form validation errors.","name":"form-error","title":"Form Error","type":"registry:component"},{"dependencies":["react-filepond","filepond-plugin-image-preview"],"description":"file pond","name":"plugin-filepond","title":"File Pond","type":"registry:component"},{"dependencies":["lucide-react"],"description":"React context managing block variant navigation, theme toggling, and clipboard actions.","name":"mcp-block-viewer","title":"Block Viewer","type":"registry:component"},{"dependencies":["motion"],"description":"Get smart, real-time AI recommendations to refine and improve your work","name":"motion-ai-suggestions","title":"AI Suggestions","type":"registry:ui"},{"dependencies":["motion"],"description":"AI-focused model selector with preview, tooltips, and capability indicators built-in","name":"motion-ai-model-selector","title":"Model Selector","type":"registry:ui"},{"dependencies":["motion"],"description":"Compact selector for toggling abilities with icons and custom styles","name":"motion-ai-model-ability-selector","title":"Model Ability Selector","type":"registry:ui"},{"dependencies":["motion"],"description":"An auto-scrolling text display that smoothly keeps the latest response always visible","name":"motion-ai-response-writer","title":"Response Writer","type":"registry:ui"},{"dependencies":["motion"],"description":"Compact selector for toggling abilities with icons and custom styles","name":"motion-ai-token-counter","title":"Token Counter","type":"registry:ui"},{"dependencies":["motion","split-type"],"description":"A smooth text reveals animation where each heading reveals related content on interaction.","name":"motion-reveal-text","title":"Reveal Text","type":"registry:component"},{"dependencies":["motion"],"description":"A hover-triggered text effect that scrambles and restores characters with smooth motion","name":"motion-scramble-text","title":"Scramble Text","type":"registry:ui"},{"dependencies":["motion"],"description":"Characters bounce and squash into place with playful, dynamic energy.","name":"motion-squash-text","title":"Squash Text","type":"registry:ui"},{"dependencies":["motion"],"description":"A playful animation where characters bounce in sequence across the text.","name":"motion-bouncing-text","title":"Bouncing Text","type":"registry:ui"},{"dependencies":["motion"],"description":"A smooth text effect that draws characters as strokes and fills them in-perfect for headers and highlights.","name":"motion-draw-line-text","title":"Draw Line Text","type":"registry:ui"},{"dependencies":["motion"],"description":"Creates a wave-like bounce effect on text as the mouse moves across","name":"motion-mouse-wave-text","title":"Mouse Wave Text","type":"registry:ui"},{"dependencies":["motion"],"description":"A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.","name":"motion-text-fall-button","title":"Text Fall Button","type":"registry:ui"},{"dependencies":["motion"],"description":"A button that shrinks on press and springs back with bounce.","name":"motion-spring-button","title":"Spring Button","type":"registry:ui"},{"dependencies":["motion"],"description":"A button that fills with color on hover.","name":"motion-fillable-button","title":"Fillable Button","type":"registry:ui"},{"dependencies":["motion"],"description":"A smooth, physics-driven infinite scroller featuring drag momentum and scroll acceleration.","name":"motion-infinite-scroller","title":"Infinite Scroller","type":"registry:ui"},{"dependencies":["motion"],"description":"Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect.","name":"motion-gradient-shadow","title":"Gradient Shadow","type":"registry:ui"},{"dependencies":["motion"],"description":"An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect.","name":"motion-layered-stack","title":"Layered Stack","type":"registry:ui"},{"dependencies":["motion"],"description":"Hover to peek profile with smooth reveal, right from the image.","name":"motion-profile-peek","title":"Profile Peek","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated container that reveals or hides items using GSAP Flip transitions and keys.","name":"motion-flip-reveal","title":"Flip Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"Animate content into view on scroll with effects like fade, slide, zoom, and blur.","name":"motion-reveal-on-scroll","title":"Reveal On Scroll","type":"registry:ui"},{"dependencies":["motion"],"description":"A flexible swap component that animates content changes with smooth customizable transition effects.","name":"motion-swap","title":"Swap","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"A vertically stacked set of interactive headings that each reveal a section of content with motion animations.","name":"motion-accordion","title":"Accordion","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"Displays a menu to the user-triggered by a button-with spring entrance transitions, submenus, checkboxes, and radio items.","name":"motion-dropdown-menu","title":"Dropdown Menu","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","class-variance-authority","lucide-react"],"description":"A set of layered sections of content-known as tab panels-that are displayed one at a time with layout-aware spring indicator animations.","name":"motion-tabs","title":"Tabs","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"A control that allows the user to toggle between checked and not checked with jelly squash-and-stretch active physics and bouncy spring animations.","name":"motion-switch","title":"Switch","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it, with shared provider morphing and blur-replace animations.","name":"motion-tooltip","title":"Tooltip","type":"registry:ui"},{"dependencies":["motion","react-day-picker","lucide-react","date-fns","@base-ui/react"],"description":"A date picker component that allows users to select dates and ranges with interactive spring selection animations.","name":"motion-calendar","title":"Calendar","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"A control that allows the user to toggle between checked and not checked with tactile spring press physics and animated checkmark transitions.","name":"motion-checkbox","title":"Checkbox","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"An interactive component which expands/collapses a panel with smooth spring height morphing and mask-gradient transitions.","name":"motion-collapsible","title":"Collapsible","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"An interactive searchable input with a filtered list of selectable items, animated floating highlight, and multi-select chip transitions.","name":"motion-combobox","title":"Combobox","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"Displays a menu located at the pointer position, triggered by a right-click or long-press, with spring entrance transitions, submenus, checkboxes, and radio items.","name":"motion-context-menu","title":"Context Menu","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"A desktop-style horizontal menu bar with shared gliding trigger indicators, floating popup transition, and animated items.","name":"motion-menubar","title":"Menubar","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","class-variance-authority","lucide-react"],"description":"A collection of links and navigation elements with shared gliding indicator, spring popup scale entrance, and viewport dimension morphing.","name":"motion-navigation-menu","title":"Navigation Menu","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar with spring motion animations.","name":"motion-progress","title":"Progress","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"A set of checkable buttons-known as radio buttons-where no more than one button can be checked at a time, featuring tactile press physics and spring indicator pop transitions.","name":"motion-radio-group","title":"Radio Group","type":"registry:ui"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"Displays a list of options for the user to pick from-triggered by a button-with spring popup reveals, shared gliding active item highlight, and animated checkmarks.","name":"motion-select","title":"Select","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","lucide-react"],"description":"A composable, themeable, and customizable sidebar component with collapsible states, variants, and responsive sheet behavior.","name":"motion-sidebar","title":"Sidebar","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"An input where the user selects a value from within a given range with spring thumb scaling physics.","name":"motion-slider","title":"Slider","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"For sighted users to preview content available behind a link with spring entrance transitions.","name":"motion-hover-card","title":"Hover Card","type":"registry:ui"},{"dependencies":["motion","class-variance-authority"],"description":"Displays a callout for user attention with spring motion entrance and exit transitions.","name":"motion-alert","title":"Alert","type":"registry:ui"},{"dependencies":["motion","class-variance-authority"],"description":"Displays an empty state placeholder when no data, results, or items are present with spring entrance animations.","name":"motion-empty","title":"Empty","type":"registry:ui"},{"dependencies":["motion","input-otp","lucide-react"],"description":"Accessible one-time password component with spring animations for character entry and active slot focus.","name":"motion-input-otp","title":"Input OTP","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"Pagination with page navigation, next and previous links, and motion shared active glide.","name":"motion-pagination","title":"Pagination","type":"registry:ui"},{"dependencies":["motion","@base-ui/react"],"description":"Augments native scroll functionality for custom, cross-browser styling with smooth scrolling, tactile spring thumb interactions, and transition physics.","name":"motion-scroll-area","title":"Scroll Area","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Get smart, real-time AI recommendations to refine and improve your work","name":"gsap-ai-suggestions","title":"AI Suggestions","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"AI-focused model selector with preview, tooltips, and capability indicators built-in","name":"gsap-ai-model-selector","title":"Model Selector","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Compact selector for toggling abilities with icons and custom styles","name":"gsap-ai-model-ability-selector","title":"Model Ability Selector","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"An auto-scrolling text display that smoothly keeps the latest response always visible","name":"gsap-ai-response-writer","title":"Response Writer","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Compact selector for toggling abilities with icons and custom styles","name":"gsap-ai-token-counter","title":"Token Counter","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A smooth text reveals animation where each heading reveals related content on interaction.","name":"gsap-reveal-text","title":"Reveal Text","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A hover-triggered text effect that scrambles and restores characters with smooth motion","name":"gsap-scramble-text","title":"Scramble Text","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Characters bounce and squash into place with playful, dynamic energy.","name":"gsap-squash-text","title":"Squash Text","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A playful animation where characters bounce in sequence across the text.","name":"gsap-bouncing-text","title":"Bouncing Text","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A smooth text effect that draws characters as strokes and fills them in-perfect for headers and highlights.","name":"gsap-draw-line-text","title":"Draw Line Text","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Creates a wave-like bounce effect on text as the mouse moves across","name":"gsap-mouse-wave-text","title":"Mouse Wave Text","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.","name":"gsap-text-fall-button","title":"Text Fall Button","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A button that shrinks on press and springs back with bounce.","name":"gsap-spring-button","title":"Spring Button","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A button that fills with color on hover.","name":"gsap-fillable-button","title":"Fillable Button","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A flexible swap component that animates content changes with smooth customizable transition effects.","name":"gsap-swap","title":"Swap","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A smooth stacked card component that expands on hover and collapses with animation.","name":"gsap-animated-stack","title":"Animated Stack","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect.","name":"gsap-layered-stack","title":"Layered Stack","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect.","name":"gsap-gradient-shadow","title":"Gradient Shadow","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Display live GitHub star count for any public repository","name":"gsap-github-star-counter","title":"GitHub Star Counter","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A smooth rolling number component powered by GSAP.","name":"gsap-rolling-number","title":"Rolling Number","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Hover to peek profile with smooth reveal, right from the image.","name":"gsap-profile-peek","title":"Profile Peek","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Animated container that reveals or hides items using GSAP Flip transitions and keys.","name":"gsap-flip-reveal","title":"Flip Reveal","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Animate content into view on scroll with effects like fade, slide, zoom, and blur.","name":"gsap-reveal-on-scroll","title":"Reveal On Scroll","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Stagger elements into view with scroll-triggered fade, slide, zoom, or blur effects.","name":"gsap-stagger-on-scroll","title":"Stagger on Scroll","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A smooth, fluid cursor that follows your mouse with gentle stretch and bounce effects.","name":"gsap-liquid-cursor","title":"Liquid Cursor","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A smooth glass effect with subtle blur, ideal for UI highlights and overlays.","name":"gsap-liquid-glass","title":"Liquid Glass","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Interactive 3D tilt card that responds to cursor, adds depth and motion","name":"gsap-tilt-card","title":"Tilt Card","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Distort text with interactive hover motion.","name":"gsap-distort-text","title":"Distort Text","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Overlay effect with GSAP animation.","name":"gsap-overlay-effect","title":"Overlay Effect","type":"registry:ui"},{"dependencies":["cn"],"description":"Frame-by-frame 9x9 LED dot matrix loader animation component.","name":"dot-display-dot-loader","title":"Dot Loader","type":"registry:ui"},{"dependencies":["gsap","@gsap/react","cn"],"description":"Animated step flow combining text status transitions with dot matrix animations.","name":"dot-display-dot-flow","title":"Dot Flow","type":"registry:ui"},{"dependencies":["motion"],"description":"This premium admin dashboard template delivers responsive layouts, diverse charts, and advanced tables for your web applications.","name":"free-dashboard-template","page":"https://paceui.com/templates/free-dashboard-template","title":"Free Admin Dashboard","type":"registry:block"},{"description":"Landing template","name":"personal-portfolio-template","page":"https://paceui.com/templates/personal-portfolio-template","title":"Personal Portfolio","type":"registry:block"},{"description":"A gradient area chart demonstrating desktop and mobile visitors over 6 months built with TanStack Charts.","name":"tanstack-charts-area-gradient","title":"Area Gradient","type":"registry:block"},{"description":"An expanded stacked area chart illustrating traffic distribution ratios normalized to 100% built with TanStack Charts.","name":"tanstack-charts-area-stack-expanded","title":"Area Stack Expanded","type":"registry:block"},{"description":"A stacked area chart displaying combined desktop and mobile website traffic built with TanStack Charts.","name":"tanstack-charts-area-stacked","title":"Area Stacked","type":"registry:block"},{"description":"A step area chart illustrating active microservice replica transitions built with TanStack Charts.","name":"tanstack-charts-area-step","title":"Area Step","type":"registry:block"},{"description":"A linear area chart tracking cloud infrastructure compute consumption built with TanStack Charts.","name":"tanstack-charts-area-linear","title":"Area Linear","type":"registry:block"},{"description":"An interactive network bandwidth and throughput area chart with time range select built with TanStack Charts.","name":"tanstack-charts-area-interactive","title":"Area Interactive","type":"registry:block"},{"description":"An area chart displaying stacked desktop and mobile visitors with custom axes built with TanStack Charts.","name":"tanstack-charts-area-axes","title":"Area Chart Axes","type":"registry:block"},{"description":"A default single area chart displaying website visitor trends built with TanStack Charts.","name":"tanstack-charts-area-default","title":"Area Chart Default","type":"registry:block"},{"description":"A stacked gradient area chart demonstrating desktop and mobile visitors over 6 months built with TanStack Charts.","name":"tanstack-charts-area-chart-gradient","title":"Area Chart Gradient Multiple","type":"registry:block"},{"description":"An area chart displaying stacked desktop and mobile visitors with custom legend icons built with TanStack Charts.","name":"tanstack-charts-area-icons","title":"Area Chart Icons","type":"registry:block"},{"description":"An area chart displaying stacked desktop and mobile visitors with a bottom legend built with TanStack Charts.","name":"tanstack-charts-area-legend","title":"Area Chart Legend","type":"registry:block"},{"description":"Band area chart depicting high-low temperature range envelope.","name":"tanstack-charts-temperature-range-band","title":"Temperature Range Band","type":"registry:block"},{"description":"Stacked area chart displaying aggregated time series volume.","name":"tanstack-charts-stacked-time-area","title":"Stacked Time Area","type":"registry:block"},{"description":"100% normalized stacked area chart visualizing sector percentage share.","name":"tanstack-charts-normalized-stacked-area","title":"Normalized Stacked Area","type":"registry:block"},{"description":"Organic center-aligned streamgraph displaying continuous sector volume flows.","name":"tanstack-charts-streamgraph","title":"Streamgraph Chart","type":"registry:block"},{"description":"Bollinger volatility bands around rolling moving average line.","name":"tanstack-charts-bollinger-band","title":"Bollinger Band","type":"registry:block"},{"description":"Dual-color difference area chart tracking asset premium vs discount to moving average.","name":"tanstack-charts-difference-chart","title":"Difference Chart","type":"registry:block"},{"description":"Topographic vector field isoline contours indicating spatial wind speed gradients.","name":"tanstack-charts-contour-topography","title":"Contour Topography","type":"registry:block"},{"description":"Kernel density estimation contours displaying 2D spatial clustering concentration.","name":"tanstack-charts-density-contours","title":"Density Contours","type":"registry:block"},{"description":"10th-90th percentile band area chart tracking median and outer bounds.","name":"tanstack-charts-quantile-ribbon","title":"Quantile Ribbon","type":"registry:block"},{"description":"Overlapping ridgeline density plot comparing continuous distribution mountain curves.","name":"tanstack-charts-ridgeline-density","title":"Ridgeline Density","type":"registry:block"},{"description":"Symmetric KDE violin profiles overlaid with boxplot quartiles.","name":"tanstack-charts-violin-distributions","title":"Violin Distributions","type":"registry:block"},{"description":"Squarified hierarchical treemap tiling nested package data blocks.","name":"tanstack-charts-treemap","title":"Treemap Chart","type":"registry:block"},{"description":"Smooth monotone curved area chart with responsive time range filter tabs.","name":"tanstack-charts-themed-interactive-area","title":"Themed Monotone Interactive Area","type":"registry:block"},{"description":"Spatial geographic boundary paths mapping data values to map regions.","name":"tanstack-charts-geojson-map","title":"GeoJSON Map","type":"registry:block"},{"description":"Spatial hexbin clustering mapping point density concentration.","name":"tanstack-charts-hexbin-density","title":"Hexbin Density","type":"registry:block"},{"description":"A line chart with custom dual-ring dots tracking software deployment release frequency built with TanStack Charts.","name":"tanstack-charts-line-custom-dots","title":"Line Custom Dots","type":"registry:block"},{"description":"A line chart with discrete data dots showing e-commerce conversion rate trends built with TanStack Charts.","name":"tanstack-charts-line-dots","title":"Line Dots","type":"registry:block"},{"description":"A multiple line chart tracking automated resolutions vs critical incident volume built with TanStack Charts.","name":"tanstack-charts-line-multiple","title":"Line Multiple","type":"registry:block"},{"description":"A step line chart displaying infrastructure capacity and active server counts built with TanStack Charts.","name":"tanstack-charts-line-step","title":"Line Step","type":"registry:block"},{"description":"A linear 16-week revenue performance line chart built with TanStack Charts.","name":"tanstack-charts-line-linear","title":"Line Linear","type":"registry:block"},{"description":"An interactive visitor traffic line chart with desktop and mobile tab filtering built with TanStack Charts.","name":"tanstack-charts-line-interactive","title":"Line Interactive","type":"registry:block"},{"description":"A default curved line chart displaying visitor trends built with TanStack Charts.","name":"tanstack-charts-line-default","title":"Line Chart Default","type":"registry:block"},{"description":"A line chart featuring colorful dots per browser data point built with TanStack Charts.","name":"tanstack-charts-line-dots-colors","title":"Line Chart Dots Colors","type":"registry:block"},{"description":"A line chart featuring custom stem dots built with TanStack Charts.","name":"tanstack-charts-line-dots-custom","title":"Line Chart Custom Dots","type":"registry:block"},{"description":"A line chart displaying data point dots built with TanStack Charts.","name":"tanstack-charts-line-dots","title":"Line Chart Dots","type":"registry:block"},{"description":"A line chart with custom browser data labels built with TanStack Charts.","name":"tanstack-charts-line-label-custom","title":"Line Chart Custom Label","type":"registry:block"},{"description":"A line chart displaying data labels directly above data points built with TanStack Charts.","name":"tanstack-charts-line-label","title":"Line Chart Label","type":"registry:block"},{"description":"Line chart handling missing or null data gaps with defined line breaks.","name":"tanstack-charts-line-gaps","title":"Line Gaps","type":"registry:block"},{"description":"Multi-series line chart with inline end-of-line labels.","name":"tanstack-charts-multi-line-end-labels","title":"Multi Line End Labels","type":"registry:block"},{"description":"Lollipop chart featuring discrete category stems with endpoint dot markers.","name":"tanstack-charts-lollipop","title":"Lollipop Chart","type":"registry:block"},{"description":"Dumbbell chart comparing dual-period point shifts across discrete categories.","name":"tanstack-charts-dumbbell","title":"Dumbbell Plot","type":"registry:block"},{"description":"Line chart with smoothed 7-day rolling window moving averages.","name":"tanstack-charts-moving-average-line","title":"Moving Average Line","type":"registry:block"},{"description":"Parallel coordinates chart visualizing multi-attribute metric tradeoffs.","name":"tanstack-charts-parallel-coordinates","title":"Parallel Coordinates","type":"registry:block"},{"description":"Slopegraph comparing multi-period scalar trajectory shifts across categories.","name":"tanstack-charts-slopegraph","title":"Slopegraph Chart","type":"registry:block"},{"description":"Scatterplot with fitted linear regression trend line.","name":"tanstack-charts-linear-regression","title":"Linear Regression","type":"registry:block"},{"description":"2D vector change arrows depicting bivariate shift direction.","name":"tanstack-charts-change-arrows","title":"Change Arrows","type":"registry:block"},{"description":"2D Delaunay spatial triangulation mesh network.","name":"tanstack-charts-delaunay-network","title":"Delaunay Network","type":"registry:block"},{"description":"Step-after empirical cumulative probability distribution curve.","name":"tanstack-charts-empirical-cdf","title":"Empirical Cumulative Distribution","type":"registry:block"},{"description":"1D collision-avoidance dodge layout packing discrete data points along category lanes.","name":"tanstack-charts-beeswarm-dodge","title":"Beeswarm Dodge","type":"registry:block"},{"description":"Log-scale X axis scatterplot showing multi-order magnitude distributions.","name":"tanstack-charts-log-scale-scatter","title":"Log Scale Scatter","type":"registry:block"},{"description":"Curve-bump ranking lines tracking position changes over time.","name":"tanstack-charts-bump-ranking","title":"Bump Ranking","type":"registry:block"},{"description":"Normalized multi-line comparison relative to an index baseline.","name":"tanstack-charts-indexed-multi-line","title":"Indexed Multi Line","type":"registry:block"},{"description":"2D path trajectory tracking driving distance vs gas price over time.","name":"tanstack-charts-connected-scatter","title":"Connected Scatter","type":"registry:block"},{"description":"Bivariate scatterplot paired with marginal X/Y frequency density distributions.","name":"tanstack-charts-scatter-marginal-histograms","title":"Scatter Marginal Histograms","type":"registry:block"},{"description":"Line chart automatically pinpointing and labeling high/low extrema points.","name":"tanstack-charts-select-extrema","title":"Select Extrema","type":"registry:block"},{"description":"Scatter plot comparing current value to a lagged time step observation.","name":"tanstack-charts-lag-autocorrelation","title":"Lag Autocorrelation","type":"registry:block"},{"description":"Layered combination composed of Area, Bar, and Line marks in a single view.","name":"tanstack-charts-composed-chart","title":"Composed Chart","type":"registry:block"},{"description":"High-density multivariate bubble scatterplot encoding weight, economy, and power.","name":"tanstack-charts-many-point-scatter","title":"Many Point Scatter","type":"registry:block"},{"description":"Snapped vertical axis pointer with grouped tooltip details.","name":"tanstack-charts-echarts-axis-pointer","title":"ECharts Axis Pointer","type":"registry:block"},{"description":"Interactive toggleable series legend to show or hide individual series dynamically.","name":"tanstack-charts-recharts-interactive-legend","title":"Recharts Interactive Legend","type":"registry:block"},{"description":"Bidirectional state synchronization connecting scatter plot points and interactive table rows.","name":"tanstack-charts-chart-table-selection","title":"Chart Table Selection","type":"registry:block"},{"description":"Dual overview and detail window with interactive brush area selector.","name":"tanstack-charts-focus-context-window","title":"Focus Context Window","type":"registry:block"},{"description":"Rich interactive popover tooltip rendering a nested sub-chart upon hover.","name":"tanstack-charts-pinned-nested-chart-tooltip","title":"Pinned Nested Chart Tooltip","type":"registry:block"},{"description":"Real-time streaming time series with sliding window data buffer retention.","name":"tanstack-charts-streaming-window-preservation","title":"Live Streaming Window Preservation","type":"registry:block"},{"description":"Multi-panel vertically synchronized chart grid with linked inspection cursor.","name":"tanstack-charts-echarts-synchronized-cursors","title":"Synchronized Dual-Grid X-Axis Crosshair","type":"registry:block"},{"description":"Arbitrary XY continuous crosshairs with dynamic coordinate popup tooltip.","name":"tanstack-charts-echarts-free-cursor","title":"Free 2D Continuous Crosshair Cursor","type":"registry:block"},{"description":"Drag handles horizontally to select date domain window bounds.","name":"tanstack-charts-brush-range-selection","title":"Dual-Handle Interactive Brush Range","type":"registry:block"},{"dependencies":["@tanstack/charts","@tanstack/react-charts","d3-scale","d3-selection","d3-transition","lucide-react"],"description":"Scroll wheel to zoom domain and drag to pan time window.","name":"tanstack-charts-zoomable-time-window","title":"Wheel & Drag Pannable Zoom Time Window","type":"registry:block"},{"description":"Interactive timeline play/pause scrubber with keyframe animation.","name":"tanstack-charts-timeline-playback-scrubber","title":"Animated Timeline Playback Scrubber","type":"registry:block"},{"description":"Bidirectional drag handle and date picker event range adjuster.","name":"tanstack-charts-editable-event-range","title":"Direct Editable Milestone Event Range","type":"registry:block"},{"description":"Continuous 360-degree cyclical temperature polar chart.","name":"tanstack-charts-polar-line","title":"Seasonal Annual Polar Line Cycle","type":"registry:block"},{"description":"2D polar coordinate distribution plotting wind speed and angle heading.","name":"tanstack-charts-polar-scatter","title":"Surface Wind Directional Polar Scatter","type":"registry:block"},{"description":"Compact micro sparkline KPI cards with trend indicators.","name":"tanstack-charts-premium-kpi-sparklines","title":"Premium KPI Sparklines","type":"registry:block"},{"description":"Force-directed graph layout visualizing nodes and physics spring link connections.","name":"tanstack-charts-force-directed-network","title":"Force Directed Network","type":"registry:block"},{"description":"Directional vector arrows mapping circulation and flow field magnitude.","name":"tanstack-charts-vector-field","title":"Vector Field","type":"registry:block"},{"description":"Framed 2D scatter plot visualizing metric distributions.","name":"tanstack-charts-framed-scatter","title":"Framed Scatter","type":"registry:block"},{"description":"A grouped bar chart comparing desktop and mobile visitors over 6 months built with TanStack Charts.","name":"tanstack-charts-bar-multiple","title":"Bar Chart Multiple","type":"registry:block"},{"description":"A bar chart showcasing browser market share with active element styling built with TanStack Charts.","name":"tanstack-charts-bar-active","title":"Bar Chart Active","type":"registry:block"},{"description":"A default vertical bar chart displaying visitor metrics built with TanStack Charts.","name":"tanstack-charts-bar-default","title":"Bar Chart Default","type":"registry:block"},{"description":"A horizontal bar chart displaying visitor statistics built with TanStack Charts.","name":"tanstack-charts-bar-horizontal","title":"Bar Chart Horizontal","type":"registry:block"},{"description":"An interactive bar chart with tabbed metric selection built with TanStack Charts.","name":"tanstack-charts-bar-interactive","title":"Bar Chart Interactive","type":"registry:block"},{"description":"A horizontal bar chart with custom month and visitor labels built with TanStack Charts.","name":"tanstack-charts-bar-label-custom","title":"Bar Chart Custom Label","type":"registry:block"},{"description":"A bar chart with labels displayed above bars built with TanStack Charts.","name":"tanstack-charts-bar-label","title":"Bar Chart Label","type":"registry:block"},{"description":"A multi-colored horizontal bar chart tracking browser visitors built with TanStack Charts.","name":"tanstack-charts-bar-mixed","title":"Bar Chart Mixed","type":"registry:block"},{"description":"A bar chart displaying positive and negative data values built with TanStack Charts.","name":"tanstack-charts-bar-negative","title":"Bar Chart Negative","type":"registry:block"},{"description":"A stacked bar chart comparing desktop and mobile visitors with legend built with TanStack Charts.","name":"tanstack-charts-bar-stacked","title":"Bar Chart Stacked","type":"registry:block"},{"description":"Gantt-style timeline chart mapping continuous interval event ranges.","name":"tanstack-charts-interval-timeline","title":"Interval Timeline","type":"registry:block"},{"description":"Sample point estimates with confidence deviation error range bars.","name":"tanstack-charts-error-bars","title":"Error Bars","type":"registry:block"},{"description":"Grouped quartile boxplots highlighting median and outlier spreads.","name":"tanstack-charts-boxplot","title":"Boxplot Chart","type":"registry:block"},{"description":"Binned cumulative frequency histogram of population metrics.","name":"tanstack-charts-cumulative-histogram","title":"Cumulative Histogram","type":"registry:block"},{"description":"Two-dimensional quantitative binned density heatmap grid.","name":"tanstack-charts-quantitative-binned-heatmap","title":"Quantitative Binned Heatmap","type":"registry:block"},{"description":"12-week matrix cell calendar heatmap displaying daily observations.","name":"tanstack-charts-calendar-heatmap","title":"Calendar Heatmap","type":"registry:block"},{"description":"Diverging Likert scale bars anchored around neutral survey sentiment.","name":"tanstack-charts-diverging-likert","title":"Diverging Likert","type":"registry:block"},{"description":"Financial Open-High-Low-Close price action candlestick chart.","name":"tanstack-charts-candlestick","title":"Candlestick Chart","type":"registry:block"},{"description":"Sequential revenue bridge waterfall chart tracking period variance drivers.","name":"tanstack-charts-waterfall","title":"Waterfall Chart","type":"registry:block"},{"description":"Tree layout algorithm mapping hierarchical package dependencies.","name":"tanstack-charts-hierarchy-tree","title":"Hierarchy Tree","type":"registry:block"},{"description":"Small multiples faceting histogram distributions across species and sex categories.","name":"tanstack-charts-faceted-distributions","title":"Faceted Distributions","type":"registry:block"},{"description":"Grouped dataset aggregation calculating mean values per category.","name":"tanstack-charts-grouped-reducer-bars","title":"Grouped Reducer Bars","type":"registry:block"},{"description":"Variable-width mosaic chart where column widths reflect segment proportion.","name":"tanstack-charts-marimekko-mosaic","title":"Marimekko Mosaic","type":"registry:block"},{"description":"Bilateral horizontal bar chart displaying demographic population breakdowns.","name":"tanstack-charts-population-pyramid","title":"Population Pyramid","type":"registry:block"},{"description":"Hybrid bar chart combining stacked bars alongside single comparison bars.","name":"tanstack-charts-recharts-mixed-bars","title":"Recharts Mixed Bars","type":"registry:block"},{"description":"Multi-team resource scheduling lanes displaying overlapping task intervals.","name":"tanstack-charts-scrollable-resource-lanes","title":"Horizontal Gantt Resource Timeline","type":"registry:block"},{"description":"Hover crosshairs highlight full column band with breakdown tooltip.","name":"tanstack-charts-stacked-bar-band-cursor","title":"Stacked Bar Chart with Dynamic Focus Band","type":"registry:block"},{"description":"Interactive tabbed bar dashboard switching desktop and mobile traffic.","name":"tanstack-charts-active-bar-dashboard","title":"Active Bar Visitor Dashboard","type":"registry:block"},{"description":"Step-down conversion stages tracking user dropoff through sales pipeline.","name":"tanstack-charts-sales-funnel","title":"Sales Lead Conversion Step Funnel","type":"registry:block"},{"description":"Square cell unit grid visualizing proportion and volume.","name":"tanstack-charts-waffle-unit-chart","title":"Waffle Unit Chart","type":"registry:block"},{"description":"A 12-week daily rainfall intensity matrix using cell marks in TanStack Charts.","name":"tanstack-charts-heatmap-calendar","title":"Calendar Heatmap Chart","type":"registry:block"},{"description":"A 2D binned density histogram mapping bill length vs depth built with TanStack Charts.","name":"tanstack-charts-heatmap-quantitative-binned","title":"Quantitative Binned Heatmap Chart","type":"registry:block"},{"description":"GitHub-style 52-week activity contribution grid for API token volume built with TanStack Charts.","name":"tanstack-charts-heatmap-token-usage","title":"52-Week Token Activity Calendar Heatmap","type":"registry:block"},{"description":"A donut pie chart with centered total visitor text overlay built with TanStack Charts.","name":"tanstack-charts-pie-donut-text","title":"Pie Chart Donut with Text","type":"registry:block"},{"description":"A donut pie chart with an active pop-out slice built with TanStack Charts.","name":"tanstack-charts-pie-donut-active","title":"Pie Chart Donut Active","type":"registry:block"},{"description":"A clean donut pie chart displaying visitor distribution built with TanStack Charts.","name":"tanstack-charts-pie-donut","title":"Pie Chart Donut","type":"registry:block"},{"description":"An interactive donut pie chart with month selection built with TanStack Charts.","name":"tanstack-charts-pie-interactive","title":"Pie Chart Interactive","type":"registry:block"},{"description":"A pie chart displaying custom value labels outside the slices built with TanStack Charts.","name":"tanstack-charts-pie-label-custom","title":"Pie Chart Custom Label","type":"registry:block"},{"description":"A pie chart displaying category labels inside the slices built with TanStack Charts.","name":"tanstack-charts-pie-label-list","title":"Pie Chart Label List","type":"registry:block"},{"description":"A pie chart with leader lines pointing to slice value labels built with TanStack Charts.","name":"tanstack-charts-pie-label","title":"Pie Chart Label","type":"registry:block"},{"description":"A pie chart featuring a custom legend built with TanStack Charts.","name":"tanstack-charts-pie-legend","title":"Pie Chart Legend","type":"registry:block"},{"description":"A seamless pie chart without slice stroke borders built with TanStack Charts.","name":"tanstack-charts-pie-separator-none","title":"Pie Chart Separator None","type":"registry:block"},{"description":"A simple pie chart displaying browser market share built with TanStack Charts.","name":"tanstack-charts-pie-simple","title":"Pie Chart Simple","type":"registry:block"},{"description":"A concentric multi-ring stacked pie chart built with TanStack Charts.","name":"tanstack-charts-pie-stacked","title":"Pie Chart Stacked","type":"registry:block"},{"description":"Multivariate polar radar spider chart evaluating multi-axis performance dimensions.","name":"tanstack-charts-radar-chart","title":"Radar Chart","type":"registry:block"},{"description":"Solid sector pie proportions chart displaying category share breakdown.","name":"tanstack-charts-pie-chart","title":"Pie Chart","type":"registry:block"},{"description":"Ring cutout donut distribution chart showing category proportions.","name":"tanstack-charts-donut-chart","title":"Donut Chart","type":"registry:block"},{"description":"Radial gauge metric dial indicating completion percentage.","name":"tanstack-charts-gauge-chart","title":"Gauge Chart","type":"registry:block"},{"description":"Categorical breakdown pie chart with pointer callout labels.","name":"tanstack-charts-labeled-pie","title":"Pie Chart with Radial Callout Leader Lines","type":"registry:block"},{"description":"Hollow inner radius donut chart displaying center KPI metric.","name":"tanstack-charts-center-donut","title":"Donut Chart with Central KPI Radial Stat","type":"registry:block"},{"description":"Segmented donut ring visualization with smooth rounded arc endpoints.","name":"tanstack-charts-rounded-donut","title":"Donut Chart with Rounded Arc Corner Caps","type":"registry:block"},{"description":"Concentric multi-level donut rings representing hierarchical category breakdown.","name":"tanstack-charts-nested-donut","title":"Nested Multi-Ring Sunburst Donut Chart","type":"registry:block"},{"description":"Variable-radius polar sector chart displaying cyclical seasonal metrics.","name":"tanstack-charts-rose","title":"Polar Coxcomb Nightingale Rose Chart","type":"registry:block"},{"description":"Arc dial gauge featuring colored risk zones and animated needle pointer.","name":"tanstack-charts-needle-gauge","title":"Semicircular Metric Needle Dial Gauge","type":"registry:block"},{"description":"Multi-entity polygon radar overlay evaluating performance dimensions.","name":"tanstack-charts-comparative-radar","title":"Comparative Polygon Spider Radar Overlay","type":"registry:block"},{"description":"Concentric stacked rings with rounded pill caps tracking progress.","name":"tanstack-charts-radial-bars","title":"Concentric Circular Radial Metric Bars","type":"registry:block"},{"description":"Concentric multi-ring sunburst displaying nested file system hierarchy.","name":"tanstack-charts-sunburst","title":"Hierarchical Partition Sunburst Radial Tree","type":"registry:block"},{"description":"Clickable/hoverable donut sectors with detailed metric breakdown.","name":"tanstack-charts-active-donut-metric","title":"Interactive Active Donut Wedge Metric","type":"registry:block"},{"description":"A radar chart displaying desktop and mobile visitors over 6 months built with TanStack Charts.","name":"tanstack-charts-radar-multiple","title":"Radar Chart Multiple","type":"registry:block"},{"description":"A standard single-series radar chart built with TanStack Charts.","name":"tanstack-charts-radar-default","title":"Radar Chart Default","type":"registry:block"},{"description":"A radar chart with data point dot markers built with TanStack Charts.","name":"tanstack-charts-radar-dots","title":"Radar Chart Dots","type":"registry:block"},{"description":"A radar chart with circular filled grid backgrounds built with TanStack Charts.","name":"tanstack-charts-radar-grid-circle-fill","title":"Radar Chart Grid Circle Filled","type":"registry:block"},{"description":"A radar chart with circular grid rings without radial axis lines built with TanStack Charts.","name":"tanstack-charts-radar-grid-circle-no-lines","title":"Radar Chart Grid Circle No Lines","type":"registry:block"},{"description":"A radar chart with circular grid lines built with TanStack Charts.","name":"tanstack-charts-radar-grid-circle","title":"Radar Chart Grid Circle","type":"registry:block"},{"description":"A radar chart with custom single outer grid line built with TanStack Charts.","name":"tanstack-charts-radar-grid-custom","title":"Radar Chart Grid Custom","type":"registry:block"},{"description":"A radar chart with polygonal filled grid background built with TanStack Charts.","name":"tanstack-charts-radar-grid-fill","title":"Radar Chart Grid Filled","type":"registry:block"},{"description":"A clean radar chart without grid background lines built with TanStack Charts.","name":"tanstack-charts-radar-grid-none","title":"Radar Chart Grid None","type":"registry:block"},{"description":"A radar chart featuring icons in the legend built with TanStack Charts.","name":"tanstack-charts-radar-icons","title":"Radar Chart Icons","type":"registry:block"},{"description":"A radar chart with custom formatted value labels on outer vertices built with TanStack Charts.","name":"tanstack-charts-radar-label-custom","title":"Radar Chart Custom Label","type":"registry:block"},{"description":"A multi-series radar chart with custom legend built with TanStack Charts.","name":"tanstack-charts-radar-legend","title":"Radar Chart Legend","type":"registry:block"},{"description":"A radar chart rendering stroke outlines without area fills built with TanStack Charts.","name":"tanstack-charts-radar-lines-only","title":"Radar Chart Lines Only","type":"registry:block"},{"description":"A radar chart displaying radial axis labels built with TanStack Charts.","name":"tanstack-charts-radar-radius","title":"Radar Chart Radius Axis","type":"registry:block"},{"description":"A radial gauge chart displaying visitor metrics with centered text built with TanStack Charts.","name":"tanstack-charts-radial-text","title":"Radial Chart Text","type":"registry:block"},{"description":"A radial bar chart with polar grid lines built with TanStack Charts.","name":"tanstack-charts-radial-grid","title":"Radial Chart Grid","type":"registry:block"},{"description":"A radial bar chart with text labels on each ring built with TanStack Charts.","name":"tanstack-charts-radial-label","title":"Radial Chart Label","type":"registry:block"},{"description":"A single metric gauge chart with custom shape and centered total text built with TanStack Charts.","name":"tanstack-charts-radial-shape","title":"Radial Chart Shape","type":"registry:block"},{"description":"A clean radial bar chart with background rings built with TanStack Charts.","name":"tanstack-charts-radial-simple","title":"Radial Chart Simple","type":"registry:block"},{"description":"A semi-circle stacked radial bar chart with centered total text built with TanStack Charts.","name":"tanstack-charts-radial-stacked","title":"Radial Chart Stacked","type":"registry:block"},{"description":"A stacked bar chart with default tooltip styling built with TanStack Charts.","name":"tanstack-charts-tooltip-default","title":"Tooltip Default","type":"registry:block"},{"description":"A chart tooltip demonstrating custom formatted values built with TanStack Charts.","name":"tanstack-charts-tooltip-formatter","title":"Tooltip Formatter","type":"registry:block"},{"description":"A chart tooltip displaying custom series icons built with TanStack Charts.","name":"tanstack-charts-tooltip-icons","title":"Tooltip Icons","type":"registry:block"},{"description":"A chart tooltip with vertical line indicator bars built with TanStack Charts.","name":"tanstack-charts-tooltip-indicator-line","title":"Tooltip Line Indicator","type":"registry:block"},{"description":"A clean chart tooltip without color indicator shapes built with TanStack Charts.","name":"tanstack-charts-tooltip-indicator-none","title":"Tooltip No Indicator","type":"registry:block"},{"description":"A chart tooltip displaying custom text header label built with TanStack Charts.","name":"tanstack-charts-tooltip-label-custom","title":"Tooltip Custom Label","type":"registry:block"},{"description":"A chart tooltip displaying custom formatted date label built with TanStack Charts.","name":"tanstack-charts-tooltip-label-formatter","title":"Tooltip Label Formatter","type":"registry:block"},{"description":"A compact chart tooltip with header label omitted built with TanStack Charts.","name":"tanstack-charts-tooltip-label-none","title":"Tooltip No Label","type":"registry:block"},{"description":"Interactive pointer tooltip dynamically tracking spatial mouse cursor position.","name":"tanstack-charts-pointer-tooltip","title":"Pointer Tooltip","type":"registry:block"},{"description":"Multi-series grouped tooltip combining all series data points for a single X-index focus.","name":"tanstack-charts-grouped-tooltip","title":"Grouped Tooltip","type":"registry:block"},{"description":"Spatial Delaunay Voronoi tessellation providing nearest-point hover targeting.","name":"tanstack-charts-voronoi-nearest-tooltip","title":"Voronoi Nearest Tooltip","type":"registry:block"},{"description":"Detects browser local AI support and guides users through enabling Chrome Built-in AI","name":"native-ai-browser-support","title":"Browser Support","type":"registry:ui"},{"description":"Custom React hook for checking client browser local AI capabilities and hardware acceleration","name":"use-browser-support","page":"https://paceui.com/components/native-ai/use-browser-support","title":"useBrowserSupport Hook","type":"registry:hook"},{"dependencies":["react-markdown","remark-gfm"],"description":"Styled markdown renderer optimized for displaying AI-generated responses","name":"native-ai-response-renderer","title":"Response Renderer","type":"registry:ui"},{"dependencies":["react-markdown","remark-gfm","prompt-api-polyfill"],"description":"A ready-to-use chat interface powered by Chrome's native Gemini Nano with streaming responses","name":"native-ai-quick-chat","title":"Quick Chat","type":"registry:ui"},{"dependencies":["react-markdown","remark-gfm","prompt-api-polyfill"],"description":"Advanced AI chat with follow-up suggestions, structured answer parsing, and context-aware prompting","name":"native-ai-follow-ups","title":"FollowUps Chat","type":"registry:ui"},{"dependencies":["react-markdown","remark-gfm","prompt-api-polyfill"],"description":"A specialized context-aware AI assistant built with FollowUps to provide Resend pricing support and extract subscription plan choices.","name":"native-ai-resend-pricing","title":"Resend Pricing","type":"registry:ui"},{"dependencies":["prompt-api-polyfill"],"description":"Custom React hook for handling device-local AI text completion, streaming, and parallel structured query prompting","name":"use-native-ai","page":"https://paceui.com/components/native-ai/use-native-ai","title":"useNativeAI Hook","type":"registry:hook"},{"description":"Renders the header with the assistant name/icon, model load status, and token usage counter","name":"native-ai-chat-header","title":"Chat Header","type":"registry:ui"},{"dependencies":["react-markdown","remark-gfm"],"description":"Handles message rendering and scrolling, displaying user and assistant messages, plus a typing indicator","name":"native-ai-chat-messages","title":"Chat Messages","type":"registry:ui"},{"description":"Displays a horizontal list of clickable follow-up queries or suggested actions","name":"native-ai-chat-suggestions","title":"Chat Suggestions","type":"registry:ui"},{"description":"Renders the message input area, supporting key event handling (Enter to submit) and loading status","name":"native-ai-chat-input","title":"Chat Input","type":"registry:ui"},{"description":"A dynamic bento image showcase that progressively subdivides into multi-pane cells with smooth rolling slide transitions and ease settling.","name":"craft-test","title":"Test","type":"registry:block"},{"description":"A dynamic bento image showcase that progressively subdivides into multi-pane cells with smooth rolling slide transitions and ease settling.","name":"craft-test-2","title":"Test 2","type":"registry:block"}]},"shadcn hooks":{"favicon":"/favicons/shadcn-hooks.svg","items":[{"description":"A hook to log the props that changed in a component","name":"use-why-did-you-update","type":"registry:hook"},{"description":"A hook to run an effect only when the component updates","name":"use-update-effect","registryDependencies":["@shadcnhooks/use-unmount"],"type":"registry:hook"},{"description":"A hook to force a component to re-render","name":"use-update","type":"registry:hook"},{"description":"A hook to run a function when the component unmounts","name":"use-unmount","registryDependencies":["@shadcnhooks/use-latest"],"type":"registry:hook"},{"description":"A hook to toggle a value","name":"use-toggle","type":"registry:hook"},{"description":"A hook to reactively manage document.title","name":"use-title","registryDependencies":["@shadcnhooks/use-isomorphic-layout-effect"],"type":"registry:hook"},{"description":"A hook that creates a timeout.","name":"use-timeout","registryDependencies":["@shadcnhooks/use-memoized-fn"],"type":"registry:hook"},{"dependencies":["es-toolkit"],"description":"A hook to throttle a function","name":"use-throttle-fn","registryDependencies":["@shadcnhooks/use-latest","@shadcnhooks/use-unmount"],"type":"registry:hook"},{"description":"A hook to throttle an effect","name":"use-throttle-effect","registryDependencies":["@shadcnhooks/use-throttle-fn","@shadcnhooks/use-update-effect"],"type":"registry:hook"},{"description":"A hook to throttle a value","name":"use-throttle","registryDependencies":["@shadcnhooks/use-throttle-fn"],"type":"registry:hook"},{"description":"A hook to get the text selection and its bounding rect from an element","name":"use-text-selection","registryDependencies":["@shadcnhooks/create-effect-with-target","@shadcnhooks/use-effect-with-target"],"type":"registry:hook"},{"dependencies":["swr"],"description":"A hook to get the latest value of a variable","name":"use-swr","type":"registry:hook"},{"dependencies":["use-stick-to-bottom"],"description":"A lightweight React Hook intended mainly for AI chat applications, for smoothly sticking to bottom of messages","name":"use-stick-to-bottom","type":"registry:hook"},{"description":"A hook to lock the scroll of the body","name":"use-scroll-lock","registryDependencies":["@shadcnhooks/use-isomorphic-layout-effect","@shadcnhooks/is-browser"],"type":"registry:hook"},{"dependencies":["es-toolkit"],"description":"A hook to reset a state","name":"use-reset-state","registryDependencies":["@shadcnhooks/use-creation","@shadcnhooks/use-memoized-fn"],"type":"registry:hook"},{"dependencies":["@tanstack/react-query"],"description":"useQuery is a hook that allows you to fetch data from an API and cache the results.","name":"use-query","type":"registry:hook"},{"description":"A hook to get the previous value of a variable","name":"use-previous","type":"registry:hook"},{"description":"A hook to detect the current operating system","name":"use-os","type":"registry:hook"},{"description":"A hook to get the network state","name":"use-network","registryDependencies":["@shadcnhooks/use-network"],"type":"registry:hook"},{"description":"A hook to track mouse position with optional touch support","name":"use-mouse","registryDependencies":["@shadcnhooks/use-event-listener"],"type":"registry:hook"},{"description":"A hook to run a function when the component mounts","name":"use-mount","type":"registry:hook"},{"description":"A hook to declare a memoized function","name":"use-memoized-fn","type":"registry:hook"},{"dependencies":["use-mcp"],"description":"A hook to get the latest value of a variable","name":"use-mcp","type":"registry:hook"},{"description":"A hook to lock a function until the previous promise is resolved","name":"use-lock-fn","type":"registry:hook"},{"description":"A hook to get the latest value of a variable","name":"use-latest","registryDependencies":["@shadcnhooks/use-isomorphic-layout-effect"],"type":"registry:hook"},{"description":"A hook to use layout effect on the client side","name":"use-isomorphic-layout-effect","registryDependencies":["@shadcnhooks/is-browser"],"type":"registry:hook"},{"description":"A hook to check if the user is online","name":"use-is-online","type":"registry:hook"},{"description":"A hook to check if the media query matches","name":"use-is-match-media","registryDependencies":["@shadcnhooks/use-isomorphic-layout-effect"],"type":"registry:hook"},{"description":"A hook to check if the component is hydrated","name":"use-is-hydrated","type":"registry:hook"},{"description":"A hook that creates an interval.","name":"use-interval","registryDependencies":["@shadcnhooks/use-memoized-fn"],"type":"registry:hook"},{"description":"A hook to check if an element is in the viewport","name":"use-in-viewport","registryDependencies":["@shadcnhooks/use-effect-with-target","@shadcnhooks/create-effect-with-target","@shadcnhooks/use-in-viewport"],"type":"registry:hook"},{"description":"A hook to check if the mouse is hovering over an element","name":"use-hover","registryDependencies":["@shadcnhooks/create-effect-with-target","@shadcnhooks/use-event-listener","@shadcnhooks/use-boolean"],"type":"registry:hook"},{"description":"A hook to get current hash","name":"use-hash","type":"registry:hook"},{"dependencies":["es-toolkit"],"description":"A hook to manage fullscreen state","name":"use-fullscreen","registryDependencies":["@shadcnhooks/use-isomorphic-layout-effect","@shadcnhooks/use-event-listener","@shadcnhooks/use-unmount","@shadcnhooks/use-latest","@shadcnhooks/use-memoized-fn","@shadcnhooks/create-effect-with-target","@shadcnhooks/is-browser"],"type":"registry:hook"},{"description":"A hook to calculate the FPS","name":"use-fps","registryDependencies":["@shadcnhooks/use-fps"],"type":"registry:hook"},{"description":"A hook to attach event listeners to DOM elements, the window, or media query lists.","name":"use-event-listener","registryDependencies":["@shadcnhooks/use-latest","@shadcnhooks/use-effect-with-target","@shadcnhooks/create-effect-with-target"],"type":"registry:hook"},{"description":"A hook to track an element's width and height","name":"use-element-size","registryDependencies":["@shadcnhooks/use-effect-with-target","@shadcnhooks/create-effect-with-target"],"type":"registry:hook"},{"description":"A hook to create an effect with a target element that re-runs when the target or dependencies change","name":"use-effect-with-target","registryDependencies":["@shadcnhooks/create-effect-with-target"],"type":"registry:hook"},{"description":"A hook to declare an effect event","name":"use-effect-event","type":"registry:hook"},{"description":"A hook to track the document visibility state","name":"use-document-visibility","type":"registry:hook"},{"dependencies":["dequal"],"description":"A hook to use a deep compare layout effect","name":"use-deep-compare-layout-effect","type":"registry:hook"},{"dependencies":["dequal"],"description":"A hook to use a deep compare effect","name":"use-deep-compare-effect","registryDependencies":["@shadcnhooks/use-isomorphic-layout-effect"],"type":"registry:hook"},{"dependencies":["es-toolkit"],"description":"A hook to debounce a function","name":"use-debounce-fn","registryDependencies":["@shadcnhooks/use-latest","@shadcnhooks/use-unmount"],"type":"registry:hook"},{"description":"A hook to debounce an effect","name":"use-debounce-effect","registryDependencies":["@shadcnhooks/use-debounce-fn","@shadcnhooks/use-update-effect"],"type":"registry:hook"},{"description":"A hook to debounce a value","name":"use-debounce","registryDependencies":["@shadcnhooks/use-debounce-fn"],"type":"registry:hook"},{"description":"A hook like useEffect but with a custom compare function","name":"use-custom-compare-effect","type":"registry:hook"},{"dependencies":["es-toolkit"],"description":"A hook to create a value only once","name":"use-creation","type":"registry:hook"},{"description":"A hook that creates a counter.","name":"use-counter","type":"registry:hook"},{"dependencies":["es-toolkit"],"description":"A hook to manage a controllable value","name":"use-controllable-value","registryDependencies":["@shadcnhooks/use-memoized-fn","@shadcnhooks/use-update"],"type":"registry:hook"},{"description":"A hook to copy text to clipboard","name":"use-clipboard","registryDependencies":["@shadcnhooks/use-unmount","@shadcnhooks/use-event-listener","@shadcnhooks/use-memoized-fn","@shadcnhooks/is-browser"],"type":"registry:hook"},{"description":"A hook to click away from an element","name":"use-click-away","registryDependencies":["@shadcnhooks/use-latest","@shadcnhooks/use-effect-with-target","@shadcnhooks/create-effect-with-target"],"type":"registry:hook"},{"description":"A hook to click anywhere","name":"use-click-any-where","registryDependencies":["@shadcnhooks/use-event-listener"],"type":"registry:hook"},{"description":"A hook to toggle a boolean value","name":"use-boolean","registryDependencies":["@shadcnhooks/use-toggle"],"type":"registry:hook"},{"description":"A hook to monitor battery information","name":"use-battery","type":"registry:hook"},{"description":"A hook to track the currently focused element in the document","name":"use-active-element","type":"registry:hook"}]},"shadcnblocks":{"favicon":"/favicons/shadcnblocks.png","items":[{"description":"A short about hero with a large headline, one culture photo, and two titled story columns.","name":"about1","title":"About 1 - Intro With Story Columns","type":"registry:block"},{"description":"A two-column about section with sticky sidebar containing avatar and contact link, and main content with bio, philosophy, workspace image, and team list.","name":"about10","title":"About 10 - Sticky Sidebar Company Profile","type":"registry:block"},{"description":"A portfolio-style about section with team photos, process description, logo marquee, awards list, quote overlay image, and motivation sections.","name":"about11","title":"About 11 - Creative Agency Portfolio","type":"registry:block"},{"description":"A structured agency about section with labeled sections, process cards with numbered badges, milestone stats, awards list, and testimonial with case study link.","name":"about12","title":"About 12 - Agency Profile with Process Cards","type":"registry:block"},{"description":"A six-column about section with large story headline, team intro text, avatar profile card, philosophy paragraph, and full-width image.","name":"about13","title":"About 13 - Story with Avatar Profile","type":"registry:block"},{"description":"A six-column about section with headline, full-width hero image, labeled intro text, avatar profile, and philosophy statement.","name":"about14","title":"About 14 - About with Hero Image","type":"registry:block"},{"description":"A dark two-column about section with a rotated polaroid-style photo card, headline, body text, and a handwritten signature.","name":"about15","title":"About 15 - Tilted Photo Profile Card","type":"registry:block"},{"description":"A six-column about section with sticky Why Us label, quote-style headline, supporting text, full-width image, and three-row stats list.","name":"about16","title":"About 16 - Why Us Stats Section","type":"registry:block"},{"description":"A seven-column profile section with role and timezone info, bio text, interactive tab navigation, and tab-controlled image display.","name":"about17","title":"About 17 - Interactive Tab Profile","type":"registry:block"},{"description":"A seven-column about section with mission and drive content blocks, each with label, headline, and supporting text, separated by a two-image row.","name":"about18","title":"About 18 - Mission and Drive Sections","type":"registry:block"},{"description":"A seven-column about section with large bordered image on the left and headline, text, quote attribution with avatar on the right.","name":"about19","title":"About 19 - Image Left Quote Right","type":"registry:block"},{"description":"A comprehensive about block with centered intro, asymmetric image grid, stats section, logo strip, and benefit cards with testimonial.","name":"about2","title":"About 2 - Stats Grid with Logos and Testimonial","type":"registry:block"},{"description":"A dark seven-column profile section with role info, two headline paragraphs, a handwritten signature image, and cropped portrait image.","name":"about20","title":"About 20 - Founder Profile with Signature","type":"registry:block"},{"description":"A multi-section about block with hero image overlay, story section with milestone image and bullet points, and training cards on muted background.","name":"about21","title":"About 21 - Hero Story and Training Cards","type":"registry:block"},{"description":"A two-column about section with Framer Motion animations, vertical image on the left, and title with paragraphs and horizontal image on the right.","name":"about22","title":"About 22 - Animated Story with Images","type":"registry:block"},{"description":"A company about section with a top-aligned label, split intro, full-width photo, two story columns, and a bordered stats grid.","name":"about23","title":"About 23 - Split intro with story columns and stats","type":"registry:block"},{"description":"A two-column profile section with avatar, roles, bio, location on the left, and client list with project counts and awards list with years on the right.","name":"about24","title":"About 24 - Personal Profile with Clients and Awards","type":"registry:block"},{"description":"A comprehensive studio about section with Framer Motion animations, large title, partner avatars, hero image, stats row, and philosophy footer with CTA button.","name":"about25","title":"About 25 - Animated Story with Stats and Avatars","type":"registry:block"},{"description":"A studio about section with monospace label, large two-part headline, stats list, three paragraphs, services checklist, stat cards, and full-width image with overlay text.","name":"about26","title":"About 26 - Studio Profile with Services","type":"registry:block"},{"description":"A comprehensive enterprise about section with hero, value proposition stats, team grid with decorative borders, and a company logo grid.","name":"about27","title":"About 27 - Enterprise About with Team Grid","type":"registry:block"},{"description":"A two-column about section with alternating image and text blocks, featuring staggered image pairs and multi-paragraph text with optional CTA.","name":"about28","title":"About 28 - Two-Column About with Staggered Images","type":"registry:block"},{"description":"A stacked about section with a large headline, image and mission overlay, then a three-column text grid of values.","name":"about29","title":"About 29 - Mission panel with text columns","type":"registry:block"},{"description":"A two-column about section with main image, breakout card, logo strip, and achievements stats grid on muted background.","name":"about3","title":"About 3 - Company Profile with Achievements","type":"registry:block"},{"description":"A short about section with a centered headline, supporting paragraph, and an asymmetric three-photo row.","name":"about30","title":"About 30 - Centered intro with photo row","type":"registry:block"},{"description":"A six-column about section with large story headline, team intro text, avatar profile card, philosophy paragraph, and full-width image.","name":"about31","title":"About 31 - Story with Avatar Profile","type":"registry:block"},{"description":"A six-column about section with headline, full-width hero image, labeled intro text, avatar profile, and philosophy statement.","name":"about32","title":"About 32 - About with Hero Image","type":"registry:block"},{"description":"A seven-column about section with mission and drive content blocks, each with label, headline, and supporting text, separated by a two-image row.","name":"about33","title":"About 33 - Mission and Drive Sections","type":"registry:block"},{"description":"A seven-column studio about section with a bordered workshop photo, The Studio heading, supporting copy, a trust byline, and a View our work button.","name":"about34","title":"About 34 - Studio split with work CTA","type":"registry:block"},{"description":"A seven-column profile section with avatar, role, timezone, bio text, interactive tab navigation, and tab-controlled image display.","name":"about35","title":"About 35 - Interactive Tab Profile","type":"registry:block"},{"description":"A mid-page about section with a start-aligned headline, a three-photo mosaic, and two titled text columns.","name":"about36","title":"About 36 - Photo Mosaic With Story Columns","type":"registry:block"},{"description":"An about hero with a two-column headline and paragraph, a pair of culture photos, and an outline call to action.","name":"about37","title":"About 37 - Editorial Intro With Photo Pair","type":"registry:block"},{"description":"A split about hero with a headline and supporting copy beside two stacked culture photos, two titled story columns, and an outline call to action.","name":"about38","title":"About 38 - Split Intro With Story Columns","type":"registry:block"},{"description":"A two-column freelancer about section with a sticky avatar sidebar, bio and approach copy, a workspace photo, and a numbered client list.","name":"about39","title":"About 39 - Sticky Sidebar Client List","type":"registry:block"},{"description":"A centered about section with six-image grid, two-column vision and creators text blocks, and muted CTA banner.","name":"about4","title":"About 4 - Vision and Creators with Image Grid","type":"registry:block"},{"description":"A two-column studio about section with a sticky brand sidebar, The Studio heading, approach copy, a workspace photo, and a numbered awards list.","name":"about40","title":"About 40 - Sticky studio with awards","type":"registry:block"},{"description":"An about section on a twelve-column grid, with a large headline, four square photos, and three numbered stories of one paragraph each.","name":"about41","title":"About 41 - Ruled about with numbered stories","type":"registry:block"},{"description":"An about section with a tall photo slider beside a square, the headline under that square, then logos and a journey.","name":"about42","title":"About 42 - L-shaped about with a photo slider","type":"registry:block"},{"description":"A poster-scale about headline above three portrait columns, then logos, stats, and a journey on the same grid.","name":"about43","title":"About 43 - Poster about with three portraits","type":"registry:block"},{"description":"A developer-focused about section with two-column intro, large image, tech logos, origin story, and milestone cards.","name":"about5","title":"About 5 - Developer Platform Story","type":"registry:block"},{"description":"A two-column about section with story text and staggered photo grids showing team and workplace imagery.","name":"about6","title":"About 6 - Story and Workplace Photo Grid","type":"registry:block"},{"description":"A narrative about section with offset image layout, product philosophy text, team photos, and careers CTA button.","name":"about7","title":"About 7 - Product Story with Offset Images","type":"registry:block"},{"description":"A fintech-style about section with plus-sign pattern background, stats row, mission narrative, image carousel, and founding team.","name":"about8","title":"About 8 - Fintech About with Stats Carousel","type":"registry:block"},{"description":"A personal profile section with large team photo, role and location info with flag icon, bio text, and secondary workspace image.","name":"about9","title":"About 9 - Developer Profile with Photos","type":"registry:block"},{"description":"A two-column invitation acceptance screen with Google sign-in, email input form, welcome message, and footer links.","name":"accept-invite1","title":"Accept Invite 1 - Two-Column Invite with Email Form","type":"registry:block"},{"description":"A compact centered invitation card with organization logo, personalized message, and accept or decline buttons with an expiration notice.","name":"accept-invite2","title":"Accept Invite 2 - Centered invite card with logo","type":"registry:block"},{"description":"A fullscreen split invite screen with workspace branding, stacked member avatars, a verified badge, inviter details, and accept or decline actions.","name":"accept-invite3","title":"Accept Invite 3 - Split accept invite with verified badge","type":"registry:block"},{"description":"A centered invite confirmation card with inviter note, workspace access list, and a join action.","name":"accept-invite4","title":"Accept Invite 4 - Accept invite with workspace access","type":"registry:block"},{"description":"A centered workspace invite with the workspace address, member count, starting channels, and the email you will join as.","name":"accept-invite5","title":"Accept Invite 5 - Workspace Join","type":"registry:block"},{"description":"An account invite that names the granted role and locks the address the invitation was sent to.","name":"accept-invite6","title":"Accept Invite 6 - Locked Email Invite","type":"registry:block"},{"description":"A wide project invite that places the site, project, role, and join action on one row.","name":"accept-invite7","title":"Accept Invite 7 - Project Join Bar","type":"registry:block"},{"description":"A full application shell with collapsible sidebar, grouped navigation with submenus, user dropdown in footer, header with breadcrumbs, and placeholder content area.","name":"application-shell1","title":"Application Shell 1 - Sidebar Shell with Breadcrumbs","type":"registry:block"},{"description":"A YouTube-style video platform shell with category sidebar, collapsible subscription sections, search bar in header, and user dropdown with account options.","name":"application-shell11","title":"Application Shell 11 - Video Platform Shell","type":"registry:block"},{"description":"Two-tier sidebar with a collapsible menu panel and animated transitions.","name":"application-shell12","title":"Application Shell 12 - Two-tier sidebar shell with organization switcher","type":"registry:block"},{"description":"Top navigation bar with dropdown menus, search field, organization switcher, and mobile bottom navigation.","name":"application-shell13","title":"Application Shell 13 - Top navigation shell with dropdown menus and mobile sheet","type":"registry:block"},{"description":"Cryptocurrency exchange interface with wallet menu, token favorites, notifications, and rounded navigation tabs.","name":"application-shell14","title":"Application Shell 14 - Crypto exchange shell with wallet and token menus","type":"registry:block"},{"description":"An application shell with a floating sidebar, a brand header, and section titles that stay open above their nested links.","name":"application-shell15","title":"Application Shell 15 - Floating sidebar with nested sections","type":"registry:block"},{"description":"An application shell whose sidebar sections open their child links in a dropdown menu instead of an inline list.","name":"application-shell16","title":"Application Shell 16 - Sidebar with dropdown submenus","type":"registry:block"},{"description":"An inset application shell with collapsible primary navigation, a project list, and a secondary link group pinned above the user menu.","name":"application-shell17","title":"Application Shell 17 - Inset sidebar with secondary navigation","type":"registry:block"},{"description":"An application shell with the navigation sidebar on the right, a page outline of sections and nested links, and the trigger in the header's trailing edge.","name":"application-shell18","title":"Application Shell 18 - Sidebar on the right","type":"registry:block"},{"description":"An application shell with a left navigation sidebar and a right sidebar that holds a calendar, calendar lists, and the user menu.","name":"application-shell19","title":"Application Shell 19 - Left and right sidebars","type":"registry:block"},{"description":"An application shell with inset collapsible sidebar that collapses to icon-only mode, grouped navigation with submenus, user dropdown footer, and content area.","name":"application-shell2","title":"Application Shell 2 - Inset Sidebar with Icon Collapse","type":"registry:block"},{"description":"An application shell whose sidebar contains a month calendar, collapsible calendar lists, and a new-calendar action beside a day grid.","name":"application-shell20","title":"Application Shell 20 - Sidebar with a calendar","type":"registry:block"},{"description":"An application shell for AI chat apps with conversation history grouped by date, a model picker in the header, and a message composer pinned to the bottom.","name":"application-shell21","title":"Application Shell 21 - AI chat shell with conversation history","type":"registry:block"},{"description":"A three-pane mail shell with a folder sidebar, a message list and a reading pane separated by a draggable handle.","name":"application-shell22","title":"Application Shell 22 - Mail shell with three resizable panes","type":"registry:block"},{"description":"A dense issue tracker shell with a workspace menu, inbox and my issues links, favorites, and collapsible teams with nested issue views.","name":"application-shell23","title":"Application Shell 23 - Issue tracker shell with team navigation","type":"registry:block"},{"description":"A knowledge base shell with a nested page tree, favorites, private and shared sections, and a page header with breadcrumbs, collaborators and share actions.","name":"application-shell24","title":"Application Shell 24 - Wiki shell with a nested page tree","type":"registry:block"},{"description":"An application shell with a narrow icon rail whose sections open a flyout panel of links on hover or click, with an option to pin the panel open.","name":"application-shell25","title":"Application Shell 25 - Icon rail with flyout panels","type":"registry:block"},{"description":"A store admin shell with a full-width top bar, a store switcher, an orders badge, collapsible product sections, sales channels and a setup guide card.","name":"application-shell26","title":"Application Shell 26 - E-commerce admin shell with a full-width top bar","type":"registry:block"},{"description":"A minimal music streaming shell with a playlist sidebar, grey skeleton shelves and a persistent player bar with playback controls, seek and volume sliders.","name":"application-shell27","title":"Application Shell 27 - Music player shell with a persistent player bar","type":"registry:block"},{"description":"A design tool style shell with a layers panel, a canvas, a bottom panel and an inspector, all resizable and collapsible from toolbar toggles.","name":"application-shell28","title":"Application Shell 28 - Resizable panels workspace shell","type":"registry:block"},{"description":"An application shell with a dismissible trial banner across the top, a standard sidebar, and a thin status bar along the bottom.","name":"application-shell29","title":"Application Shell 29 - Shell with a dismissible banner and status bar","type":"registry:block"},{"description":"An application shell with horizontal top navigation bar featuring dropdown menus, search input, user dropdown, and mobile sheet menu for responsive navigation.","name":"application-shell3","title":"Application Shell 3 - Top Navigation Bar Shell","type":"registry:block"},{"description":"A responsive shell that shows an icon-collapsible sidebar on desktop and a bottom tab bar with a raised create button on mobile.","name":"application-shell30","title":"Application Shell 30 - Sidebar on desktop, tab bar on mobile","type":"registry:block"},{"description":"An application shell where records open as browser-style tabs that can be closed, pinned, reordered by dragging and listed from an overflow menu.","name":"application-shell31","title":"Application Shell 31 - Workspace shell with browser-style tabs","type":"registry:block"},{"description":"An analytics shell with a top bar, project switcher, scrolling sub-navigation tabs and a sticky filter bar for date range, environment and comparison.","name":"application-shell32","title":"Application Shell 32 - Analytics shell with a sticky filter bar","type":"registry:block"},{"description":"A code hosting shell with a repository breadcrumb, search, create menu and a second header row of repository tabs with counts.","name":"application-shell33","title":"Application Shell 33 - Code repository shell with a two-row header","type":"registry:block"},{"description":"A document editor shell with a title bar, a File, Edit, View menu bar and a formatting toolbar above a page canvas.","name":"application-shell34","title":"Application Shell 34 - Document editor shell with a menu bar and toolbar","type":"registry:block"},{"description":"An ERP shell with a primary-coloured top bar of module mega menus, a page header with breadcrumb and actions, and status tabs.","name":"application-shell35","title":"Application Shell 35 - ERP shell with mega menu navigation","type":"registry:block"},{"description":"A canvas shell for whiteboard and design tools with floating file, tool and share bars over a dotted canvas.","name":"application-shell36","title":"Application Shell 36 - Whiteboard shell with floating toolbars","type":"registry:block"},{"description":"A file manager shell with a large search bar, an app launcher grid, a toolbar with breadcrumb and view toggles, and filter chips.","name":"application-shell37","title":"Application Shell 37 - File manager shell with an app launcher","type":"registry:block"},{"description":"A code review shell with a repository top bar, a sticky pull request header with branch details and tabs, a changed-files tree and diff view switching.","name":"application-shell38","title":"Application Shell 38 - Pull request review shell with a sticky header","type":"registry:block"},{"description":"A CI run shell with a repository top bar, a run header with branch, commit and actions, a job list grouped by stage, a pipeline graph and a log viewer.","name":"application-shell39","title":"Application Shell 39 - CI pipeline shell with job list and log viewer","type":"registry:block"},{"description":"An application shell with horizontal top navigation using tab-style links, search input, user dropdown, and mobile sheet menu for responsive navigation.","name":"application-shell4","title":"Application Shell 4 - Top Navigation with Tabs","type":"registry:block"},{"description":"A spreadsheet shell with a title bar, menu bar, formatting toolbar, formula bar, selectable grid and sheet tabs.","name":"application-shell40","title":"Application Shell 40 - Spreadsheet shell with a formula bar and sheet tabs","type":"registry:block"},{"description":"A presentation editor shell with a title bar, menu bar, slideshow split button, tool bar, slide thumbnails, a slide canvas and speaker notes.","name":"application-shell41","title":"Application Shell 41 - Slide deck editor shell with thumbnails and notes","type":"registry:block"},{"description":"A cloud console shell with a full-width services mega menu by category, a favourites bar you pin services to, global search, region and account menus.","name":"application-shell42","title":"Application Shell 42 - Cloud console shell with a full-width services mega menu","type":"registry:block"},{"description":"A multi-app suite shell with an apps mega menu grouped by department, pinned app shortcuts and an app header with views, date navigation and a primary action.","name":"application-shell43","title":"Application Shell 43 - Business suite shell with an all-apps menu","type":"registry:block"},{"description":"A full-screen map shell with a floating search bar, category chips, a collapsible results panel, layer menu, location and zoom controls, and a mobile bottom sheet.","name":"application-shell44","title":"Application Shell 44 - Map shell with a floating search and results panel","type":"registry:block"},{"description":"A design tool shell with floating layers and properties panels, a floating tool bar and a canvas of frames with a selection outline.","name":"application-shell45","title":"Application Shell 45 - Design tool shell with floating panels","type":"registry:block"},{"description":"A photo library shell with a large search bar, app launcher, section switcher, filter chips, a select mode with a contextual action bar and a year timeline.","name":"application-shell46","title":"Application Shell 46 - Photo library shell with selection mode and timeline","type":"registry:block"},{"description":"A cloud storage shell with search, a storage meter, a folder path with actions, sort and view controls, a sticky table header and a live upload tray.","name":"application-shell47","title":"Application Shell 47 - Cloud storage shell with an upload tray","type":"registry:block"},{"description":"A desktop code editor shell with an activity bar, file explorer, closable editor tabs, a command palette, a terminal panel and a status bar.","name":"application-shell48","title":"Application Shell 48 - Desktop IDE shell with a command palette and bottom panel","type":"registry:block"},{"description":"A browser playground shell with a file list, an editor and console, and a resizable live preview with device sizes and a run toggle.","name":"application-shell49","title":"Application Shell 49 - Browser playground IDE shell with a live preview","type":"registry:block"},{"description":"An application shell with floating sidebar variant, grouped navigation with collapsible submenus, user dropdown footer, and toggle button in sidebar header.","name":"application-shell5","title":"Application Shell 5 - Floating Sidebar Shell","type":"registry:block"},{"description":"An application shell with module switcher in sidebar, animated navigation transitions, badge counts on menu items, and drawer for mobile with motion effects.","name":"application-shell6","title":"Application Shell 6 - Module Switcher Sidebar Shell","type":"registry:block"},{"description":"A messaging-style application shell with channel sidebar, pinned items, user presence indicators, header with breadcrumbs and actions, and drawer for mobile.","name":"application-shell7","title":"Application Shell 7 - Messaging App Shell","type":"registry:block"},{"description":"A code editor-style application shell with activity bar, file explorer sidebar with collapsible folders, and panel toggle for secondary content area.","name":"application-shell9","title":"Application Shell 9 - IDE-Style File Explorer Shell","type":"registry:block"},{"description":"A section with a large heading and a full-width table of award name, description, and year, with each name linked externally.","name":"awards1","title":"Awards 1 - Awards table with linked rows","type":"registry:block"},{"description":"Four award cards with a centered issuer logo and placing pill, with the second card's project image shown at rest and the image following the hovered card.","name":"awards10","title":"Awards 10 - Award Logo Cards With Active Project","type":"registry:block"},{"description":"A Swiss awards index with numbered rows for title, discipline, and year inside a ruled grid.","name":"awards11","title":"Awards 11 - Swiss Awards Index","type":"registry:block"},{"description":"An editorial honors list that leads with one oversized award title, then smaller titles with a note and year.","name":"awards12","title":"Awards 12 - Editorial Honors Stack","type":"registry:block"},{"description":"A bento with a heading, one large photographed award, and four text tiles for the remaining citations.","name":"awards13","title":"Awards 13 - Featured Award Bento","type":"registry:block"},{"description":"A narrow freelancer section with a name, a short introduction, and a simple list of honors and years.","name":"awards14","title":"Awards 14 - Freelancer Honors List","type":"registry:block"},{"description":"A split freelancer section with a portrait beside a short biography and a bordered list of awards.","name":"awards15","title":"Awards 15 - Freelancer Portrait And List","type":"registry:block"},{"description":"One team photograph beside four minimal award tiles, each a film festival logo with a placing pill and a single caption line.","name":"awards16","title":"Awards 16 - Team Photo With Award Marks","type":"registry:block"},{"description":"A minimal ruled list of awards, one row each with a festival logo, the discipline, the placing, and the year.","name":"awards17","title":"Awards 17 - Logo Rows Awards List","type":"registry:block"},{"description":"A corporate grid of issuer logos, each paired with the award title and year.","name":"awards18","title":"Awards 18 - Issuer Logo Grid","type":"registry:block"},{"description":"An interactive awards timeline with a year ruler with stacked laurels per year, and a selected year's awards shown below with laurel placings.","name":"awards19","title":"Awards 19 - Laurel Ruler Awards Timeline","type":"registry:block"},{"description":"A two-column layout with a small uppercase label and sticky positioning beside a list of award titles and years separated by hairline borders.","name":"awards2","title":"Awards 2 - Sticky label with awards list","type":"registry:block"},{"description":"A portfolio feature with a large award title and photograph, plus a four-cell index of further citations.","name":"awards20","title":"Awards 20 - Featured Portfolio Award","type":"registry:block"},{"description":"An interactive awards chart with one lane per festival and one column per year, with a laurel at each placing and the selected award shown below.","name":"awards21","title":"Awards 21 - Festival Swimlane Laurels","type":"registry:block"},{"description":"An awards history where each year is a row with one laurel per placing like a bar, and opening a row lists that year's awards.","name":"awards22","title":"Awards 22 - Laurel Shelf Year Accordion","type":"registry:block"},{"description":"Every award as a field of laurels with a placing filter, and a side panel showing the hovered or selected award.","name":"awards23","title":"Awards 23 - Laurel Field With Filter","type":"registry:block"},{"description":"A titled section with intro text and stacked rows showing a color marker, award title, categories, year, and a sliding accent background on hover.","name":"awards3","title":"Awards 3 - Awards list with hover accent rows","type":"registry:block"},{"description":"A large display Awards heading paired with a parenthetical date subtitle above a table of logo chips, names, nominations, and years.","name":"awards4","title":"Awards 4 - Awards table with logos and date subtitle","type":"registry:block"},{"description":"A serif-styled grid with a sticky sidebar label and large award titles where pointer movement drives a scaled preview image for the active row.","name":"awards5","title":"Awards 5 - Awards list with pointer-following preview","type":"registry:block"},{"description":"A display-size milestones heading over a labeled grid of milestone title, type, and year with horizontal separators between entries.","name":"awards6","title":"Awards 6 - Milestones grid with separator rows","type":"registry:block"},{"description":"Two columns: intro and an accolade stack with separators on the left, and a product image band plus headline, copy, and three large stats on the right.","name":"awards7","title":"Awards 7 - Split accolades list and product spotlight","type":"registry:block"},{"description":"A portfolio awards section with a large heading and two full-bleed lines of award names and years that scroll in opposite directions.","name":"awards8","title":"Awards 8 - Running Awards Marquee","type":"registry:block"},{"description":"A portfolio awards section where hovering a large title lights that line and swaps a display year, project name, and note beside it.","name":"awards9","title":"Awards 9 - Active Award Lines","type":"registry:block"},{"description":"This component generates a full-screen background pattern with a radial gradient effect, applying customizable styles through optional class names. It features a placeholder pattern element and a visually striking top primary radial gradient.","name":"background-pattern1","title":"Background Pattern 1 - Full-screen radial gradient background pattern","type":"registry:block"},{"description":"This component creates a visually appealing background with a grid pattern using CSS gradients, which is centered and takes up the full width and height of the viewport. It allows for customization through additional class names and serves as a decorative backdrop that can be use","name":"background-pattern10","title":"Background Pattern 10 - Full-viewport CSS grid background pattern","type":"registry:block"},{"description":"A full-height section with two large bottom-corner radial gradients, heavy blur, desaturated SVG noise on top, and centered pattern placeholder.","name":"background-pattern100","title":"Background Pattern 100 - Bottom Blurred Gradient With Noise","type":"registry:block"},{"description":"This component generates a visually appealing background effect with a radial glow and noise overlay, enhancing the visual depth of the surrounding content. It includes customizable styling through class names, making it versatile for various design needs.","name":"background-pattern101","title":"Background Pattern 101 - Radial glow background with noise overlay","type":"registry:block"},{"description":"The BackgroundPattern102 component creates an interactive visual block with a layered radial gradient background and a noise effect, making it an ideal choice for enhancing the aesthetics of any interface. It is designed to occupy a full viewport height and width, ensuring a dist","name":"background-pattern102","title":"Background Pattern 102 - Layered radial gradient background with noise","type":"registry:block"},{"description":"The BackgroundPattern103 component creates a visually appealing, multi-layered grid pattern as a background, ideal for enhancing the presentation of other content. It offers customizable styles through className props and integrates a predefined PatternPlaceholder for consistent ","name":"background-pattern103","title":"Background Pattern 103 - Section background with layered grid pattern","type":"registry:block"},{"description":"This component generates a multi-layer grid background pattern with a radial gradient mask effect that allows for dynamic styling through customizable class names. It serves as a visually appealing backdrop for content, suitable for enhancing the aesthetic of various user interfa","name":"background-pattern104","title":"Background Pattern 104 - Grid section background with radial mask","type":"registry:block"},{"description":"This component renders a full-screen background pattern with a multi-layered, grid-like design that uses gradients and masking to create a fading effect. It allows for customization through optional class names and includes a placeholder for additional content.","name":"background-pattern105","title":"Background Pattern 105 - Full-screen grid background with side fade","type":"registry:block"},{"description":"This component provides a visually appealing background with a multi-layer grid pattern and a fade effect, ideal for enhancing the aesthetics of any interface. It supports customization through an optional className prop, allowing developers to tailor its appearance to fit variou","name":"background-pattern106","title":"Background Pattern 106 - Grid section background with top fade","type":"registry:block"},{"description":"This component, BackgroundPattern107, provides a visually engaging background with multiple layered grid patterns and gradient effects, ideal for adding depth to a display area. It also allows for custom styling through className props and includes a placeholder for additional co","name":"background-pattern107","title":"Background Pattern 107 - Layered grid section with ellipse mask","type":"registry:block"},{"description":"This component, BackgroundPattern108, renders a full-screen block with a multi-layer grid pattern background, utilizing gradients and variable colors for dynamic visual effects. It includes a placeholder for additional pattern elements, allowing further customization and integrat","name":"background-pattern108","title":"Background Pattern 108 - Multi-layer grid section with corner fade","type":"registry:block"},{"description":"This component creates a visually dynamic background using a multi-layer grid pattern with gradients and opacity settings for enhanced aesthetic appeal. It includes a placeholder element for additional customization or content layering, making it ideal for creating engaging visua","name":"background-pattern109","title":"Background Pattern 109 - Grid section background with corner mask","type":"registry:block"},{"description":"This component renders a full-screen section with a diagonal cross grid background pattern, making it suitable for visually distinct layouts. It accepts a `className` prop for additional styling customization and includes a placeholder for further content integration.","name":"background-pattern11","title":"Background Pattern 11 - Full-screen diagonal cross grid section","type":"registry:block"},{"description":"This component renders a full-screen background with a dynamic, multi-layer grid pattern overlay, designed to center and fade towards the edges using CSS gradients. It offers customization through a `className` prop for styling flexibility and includes a placeholder element for a","name":"background-pattern110","title":"Background Pattern 110 - Grid section with center elliptical fade","type":"registry:block"},{"description":"A full-height centered section whose primary dot grid is masked so the pattern reads strongest toward the upper right and fades leftward, with PatternPlaceholder as sample content.","name":"background-pattern111","title":"Background Pattern 111 - Left Fade Dot Grid Background","type":"registry:block"},{"description":"A full-height centered section whose primary dot grid is masked so the pattern is strongest toward the upper left and softens toward the right, including PatternPlaceholder as sample content.","name":"background-pattern112","title":"Background Pattern 112 - Right Fade Dot Grid Background","type":"registry:block"},{"description":"A full-height centered section with a primary dot grid masked from the bottom-right corner so the pattern fades toward the opposite side, plus PatternPlaceholder for demo content.","name":"background-pattern113","title":"Background Pattern 113 - Bottom Corner Dot Grid Background","type":"registry:block"},{"description":"This component creates a visually engaging background pattern featuring a radial gradient with a fade dot effect, ideal for use as a backdrop for content. It is highly customizable with the ability to add additional styles through the `className` prop, ensuring seamless integrati","name":"background-pattern114","title":"Background Pattern 114 - Radial dotted fade section background","type":"registry:block"},{"description":"A full-height centered section with a primary dot grid vignetted from the middle so the edges fall away, centered PatternPlaceholder, and optional section className.","name":"background-pattern115","title":"Background Pattern 115 - Center Vignette Dot Grid Background","type":"registry:block"},{"description":"A full-height centered section with a wide elliptical mask so the primary dot grid is strongest under the top edge and fades downward with a soft multi-stop falloff, plus PatternPlaceholder.","name":"background-pattern116","title":"Background Pattern 116 - Top Band Dot Grid Background","type":"registry:block"},{"description":"A full-height centered section with a primary-tinted dot grid that fades upward from the bottom, using PatternPlaceholder as sample foreground content.","name":"background-pattern117","title":"Background Pattern 117 - Bottom Band Dot Grid Background","type":"registry:block"},{"description":"The BackgroundPattern118 component serves as a decorative backdrop featuring a wave line SVG pattern, designed to be seamlessly integrated into any layout structure. This component utilizes an optional className prop for additional customization and overlays a customizable placeh","name":"background-pattern118","title":"Background Pattern 118 - Wave line background pattern with placeholder","type":"registry:block"},{"description":"This component serves as a customizable background pattern block that features a wave line pattern with a right fade effect, designed to fill the full screen and provide a visually engaging backdrop. It includes options for additional styling via a `className` prop and integrates","name":"background-pattern119","title":"Background Pattern 119 - Wave line background pattern with right fade","type":"registry:block"},{"description":"This component displays a visually engaging diagonal cross grid background pattern with fade effects, suitable for enhancing the visual appeal of any block. It allows customization through class names and integrates seamlessly with placeholder elements.","name":"background-pattern12","title":"Background Pattern 12 - Diagonal cross grid background pattern with fades","type":"registry:block"},{"description":"This component, named `BackgroundPattern120`, serves as a visually appealing block that provides a customizable background pattern for a section. It includes an SVG wave line pattern with a left fade effect and allows for additional styling through an optional `className` prop.","name":"background-pattern120","title":"Background Pattern 120 - Wave line background pattern with left fade","type":"registry:block"},{"description":"The BackgroundPattern121 component renders a full-screen section with a dynamic wave line SVG pattern as the background, creating an engaging visual design. This component is customizable via optional class names and includes a placeholder for additional content integration.","name":"background-pattern121","title":"Background Pattern 121 - Wave line background pattern with center fade","type":"registry:block"},{"description":"The BackgroundPattern122 component creates a visually appealing background pattern with a masked grid design, suitable for enhancing the aesthetic of a full-screen layout. This block allows customization through class names, making it adaptable to various design needs.","name":"background-pattern122","title":"Background Pattern 122 - Masked grid background pattern for full-screen sections","type":"registry:block"},{"description":"This component provides a visually engaging background pattern with a grid overlay that uses CSS gradients and masking for dynamic styling. It allows customization through the `className` prop, making it adaptable for various design needs.","name":"background-pattern123","title":"Background Pattern 123 - Gradient grid background pattern with masking","type":"registry:block"},{"description":"This component displays a visually appealing background pattern consisting of intersecting diagonal lines with customizable coloring and masking options, suitable for use in large sections. It allows for the inclusion of additional content through the `PatternTemplate` component,","name":"background-pattern124","title":"Background Pattern 124 - Intersecting diagonal line background pattern with template slot","type":"registry:block"},{"description":"This component, BackgroundPattern125, creates a visually engaging background with a diagonal cross grid pattern that can be customized through additional styling classes. Ideal for various applications, it provides a dynamic and textured backdrop element by using CSS gradients an","name":"background-pattern125","title":"Background Pattern 125 - Diagonal cross grid background pattern with right-side mask","type":"registry:block"},{"description":"This component creates a visually engaging background pattern with a masked dashed grid effect, suitable for enhancing the aesthetic of a user interface. It allows customization through a className prop and integrates a pattern template within, making it versatile for various des","name":"background-pattern126","title":"Background Pattern 126 - Dashed grid background pattern with masking","type":"registry:block"},{"description":"This component creates a full-screen background with a right-masked, dashed grid pattern overlay suitable for visually distinctive design contexts. It allows customization through class names and integrates a pattern template for additional styling flexibility.","name":"background-pattern127","title":"Background Pattern 127 - Dashed grid backdrop with masked edge","type":"registry:block"},{"description":"This component, BackgroundPattern128, provides a stylized background with a masked circuit board design using a series of layered CSS gradients and mask images. It is intended for use in creating visually striking full-screen sections, allowing for additional styling through cust","name":"background-pattern128","title":"Background Pattern 128 - Circuit-style layered gradient background","type":"registry:block"},{"description":"This component renders a background pattern with a masked circuit board design, offering customizable class names for additional styling flexibility. It also integrates a pattern template within its flexible and centered layout, allowing users to add layered design elements easil","name":"background-pattern129","title":"Background Pattern 129 - Circuit pattern backdrop for centered layouts","type":"registry:block"},{"description":"This component renders a visually engaging background pattern featuring a left fade diagonal cross grid, suitable for enhancing the aesthetic appeal of any interface. It provides flexibility by allowing custom styles through a class name prop, making it easily adaptable to differ","name":"background-pattern13","title":"Background Pattern 13 - Diagonal crosshatch with side fade","type":"registry:block"},{"description":"This component renders a full-screen background pattern featuring a masked white grid with dots, customizable through CSS variables. It's ideal for creating visually appealing backdrops in applications, allowing for easy integration and styling.","name":"background-pattern130","title":"Background Pattern 130 - Dot grid background with directional mask","type":"registry:block"},{"description":"This component creates a visually engaging background pattern, featuring a masked white grid with dots that covers the entire screen. It is customizable through class names, allowing users to adjust its appearance and seamlessly integrate it into various designs.","name":"background-pattern131","title":"Background Pattern 131 - Layered dot grid and radial pattern background","type":"registry:block"},{"description":"This component is designed to display a visually appealing background pattern with a radial gradient and masked noise texture effect. It serves as a flexible block for incorporating engaging visuals into layouts, enhancing the aesthetic appeal of any project.","name":"background-pattern132","title":"Background Pattern 132 - Radial gradient with noise texture","type":"registry:block"},{"description":"This component generates a visually appealing background pattern using a radial gradient and a masked noise texture. It is designed to fill the entire screen, centering its content while allowing customization through additional class names.","name":"background-pattern133","title":"Background Pattern 133 - Asymmetric noise texture on radial backdrop","type":"registry:block"},{"description":"This component renders a visually striking background pattern using radial gradients and masking techniques, ideal for enhancing visual appeal in user interfaces. It accepts a className prop for additional styling flexibility and integrates a reusable pattern template for consist","name":"background-pattern134","title":"Background Pattern 134 - Particle field background with radial masks","type":"registry:block"},{"description":"This component serves as a customizable, visually appealing background block with a layered particle field effect, suitable for enhancing user interface aesthetics. It supports dynamic styling through customizable class names and integrates seamlessly with other design patterns.","name":"background-pattern135","title":"Background Pattern 135 - Particle field with edge fade","type":"registry:block"},{"description":"This component, BackgroundPattern136, creates a visually appealing background pattern featuring a masked sparse starfield effect using radial gradients and CSS masking techniques. It is designed to fill the entire screen area and can be customized using additional class names for","name":"background-pattern136","title":"Background Pattern 136 - Sparse starfield with left-side mask","type":"registry:block"},{"description":"This component, BackgroundPattern137, is designed to display a visually engaging background pattern with a sparse starfield effect, enhanced by gradient masking. It provides customization through the optional `className` prop, allowing for flexible styling and integration into va","name":"background-pattern137","title":"Background Pattern 137 - Sparse starfield with right-side mask","type":"registry:block"},{"description":"This component creates a visually dynamic background with a masked striped pattern using CSS gradients, ideal for use in design elements needing an eye-catching backdrop. It integrates seamlessly with other components to enhance the visual appeal of the user interface.","name":"background-pattern138","title":"Background Pattern 138 - Striped linear gradient with left fade mask","type":"registry:block"},{"description":"This component, named BackgroundPattern139, renders a full-screen section with a right-side, masked striped background pattern, enhanced by a repeating linear gradient effect. It leverages a PatternTemplate and accepts an optional custom className prop for additional styling flex","name":"background-pattern139","title":"Background Pattern 139 - Striped pattern anchored on the right","type":"registry:block"},{"description":"This component serves as a full-screen background pattern block, featuring a diagonally oriented cross grid with a top fade effect. It allows customization through optional styling via class names and includes a placeholder pattern element.","name":"background-pattern14","title":"Background Pattern 14 - Diagonal cross grid with top fade","type":"registry:block"},{"description":"This component creates a visually engaging background with a dense striped pattern, using a repeating linear gradient and masking techniques. It serves as a customizable block to enhance the aesthetic appeal of a user interface while integrating seamlessly with other components.","name":"background-pattern140","title":"Background Pattern 140 - Dense diagonal stripes with gradient fade","type":"registry:block"},{"description":"This component creates a visually engaging background with a right-masked dense striped pattern, ideal for enhancing the visual appeal of any UI by adding texture and depth. It allows for the integration of additional elements via composition, offering customization through class","name":"background-pattern141","title":"Background Pattern 141 - Dense diagonal stripes with right-side mask","type":"registry:block"},{"description":"This component renders a full-screen container with a grid-based background pattern, featuring layers of varying transparency and directionality for a unique visual effect. It allows for customization through the `className` prop, making it versatile for different styling needs.","name":"background-pattern142","title":"Background Pattern 142 - Layered grid gradients with left fade","type":"registry:block"},{"description":"This component creates a visually appealing background pattern using multiple layers of repeating linear gradients and customizable masking effects. It can be integrated into layouts to enhance visual aesthetics with a structured grid pattern, using customizable class names for s","name":"background-pattern143","title":"Background Pattern 143 - Multi-layer grid with right-side mask","type":"registry:block"},{"description":"The BackgroundPattern144 component is designed to create a visually dynamic and customizable backdrop using masked wave line SVG patterns. It integrates with a PatternTemplate component to enhance user interfaces with engaging patterns, suitable for full-screen displays and versa","name":"background-pattern144","title":"Background Pattern 144 - SVG wave lines with gradient mask","type":"registry:block"},{"description":"This component, BackgroundPattern145, generates a visually appealing background with a wave line pattern that overlays dynamically within a section. It is designed to integrate seamlessly with existing styles due to its customizable class name property and serves as a flexible de","name":"background-pattern145","title":"Background Pattern 145 - Wave line section background pattern","type":"registry:block"},{"description":"This component creates a visually engaging background pattern with diagonal cross grids and a bottom fade effect, enhancing the aesthetic of any interface. It accepts a customizable className prop to adjust styling and integrates a placeholder element for additional content layer","name":"background-pattern15","title":"Background Pattern 15 - Bottom-centered diagonal cross-grid background pattern","type":"registry:block"},{"description":"This component creates a visually appealing background pattern using diagonal cross grids and fade effects, ideal for enhancing the aesthetics of any user interface. It allows for custom styling through a `className` prop and incorporates a placeholder for additional pattern cust","name":"background-pattern16","title":"Background Pattern 16 - Lower-left diagonal cross-grid background pattern","type":"registry:block"},{"description":"This component creates a visually appealing background pattern using a diagonal cross grid with a radial fade effect, set to fill a full-screen height layout. It supports additional customization through optional class names and integrates a placeholder for further content displa","name":"background-pattern17","title":"Background Pattern 17 - Lower-right diagonal cross-grid background pattern","type":"registry:block"},{"description":"This component creates a visually engaging background pattern using diagonal cross grids and a center fade effect, perfect for dynamic and modern UX designs. It supports customizable styles with a `className` prop and integrates a pattern placeholder for further customization.","name":"background-pattern18","title":"Background Pattern 18 - Center-focused diagonal cross-grid background pattern","type":"registry:block"},{"description":"This component creates a full-screen container featuring a dashed grid background pattern, ideal for visually structuring content in an engaging way. It accepts customizable class names to allow for flexible styling and integration into various design themes.","name":"background-pattern19","title":"Background Pattern 19 - Dashed orthogonal grid section background pattern","type":"registry:block"},{"description":"This component serves as a customizable background pattern block, featuring a radial gradient design with placeholder support. It allows users to apply additional styling through an optional className prop for seamless integration with existing styles.","name":"background-pattern2","title":"Background Pattern 2 - Bottom radial gradient section background pattern","type":"registry:block"},{"description":"This component creates a full-screen background pattern featuring a right-fade dashed grid effect, offering a distinctive and visually engaging backdrop for various applications. It integrates a customizable placeholder element to enhance functionality, making it ideal for layout","name":"background-pattern20","title":"Background Pattern 20 - Dashed grid background pattern, upper-left emphasis","type":"registry:block"},{"description":"This component renders a full-screen block with a dashed grid background pattern, featuring a gradient and masking effects for added visual depth. It is ideal for uses requiring an engaging graphical backdrop, and customization via the className prop allows for further stylistic ","name":"background-pattern21","title":"Background Pattern 21 - Dashed grid background pattern, upper-right emphasis","type":"registry:block"},{"description":"This component creates a visually dynamic background pattern, featuring a dashed grid overlay with a top fade effect and a radial gradient. It serves as a versatile design block for enhancing the visual appeal of a user interface layout.","name":"background-pattern22","title":"Background Pattern 22 - Dashed grid background pattern, top edge emphasis","type":"registry:block"},{"description":"The BackgroundPattern23 component creates a visually engaging block with a customizable background pattern featuring a dashed grid and radial gradient effects. It is ideal for use as a full-screen decorative background in various design projects.","name":"background-pattern23","title":"Background Pattern 23 - Dashed grid with radial gradient mask","type":"registry:block"},{"description":"This component creates a visually engaging background with a faded dashed grid pattern and supports custom styling through class names. It is ideal for adding a decorative effect to applications, enhancing the visual appeal with its dynamic background design.","name":"background-pattern24","title":"Background Pattern 24 - Dashed grid with corner fade","type":"registry:block"},{"description":"This component generates a visually appealing background pattern with a bottom-left fade dashed grid effect, suitable for enhancing the design of user interfaces. It allows customization through the `className` prop and utilizes a placeholder for additional content placement.","name":"background-pattern25","title":"Background Pattern 25 - Dashed grid faded from bottom left","type":"registry:block"},{"description":"This component creates a visually appealing background pattern using intersecting linear and radial gradients, ideal for adding texture and depth to any layout. It also allows the integration of additional features or content by utilizing a placeholder element.","name":"background-pattern26","title":"Background Pattern 26 - Dashed grid faded toward center","type":"registry:block"},{"description":"This component serves as a flexible background block that fills the entire viewport with a gradient and a placeholder pattern. It allows for customization through an optional className prop, enabling users to incorporate unique styling or additional functionality.","name":"background-pattern27","title":"Background Pattern 27 - Radial glow from top center","type":"registry:block"},{"description":"This component, called BackgroundPattern28, is designed to display a customizable full-screen background pattern with a radial gradient effect that centers at a spotlight. It also includes a placeholder for additional pattern components, which can be styled with additional class ","name":"background-pattern28","title":"Background Pattern 28 - Center spotlight radial background","type":"registry:block"},{"description":"This component renders a full-screen background pattern with a top radial glow effect, designed to enhance the visual appeal of any interface. It allows customization through additional class names and includes a placeholder for pattern elements.","name":"background-pattern29","title":"Background Pattern 29 - Top radial glow background","type":"registry:block"},{"description":"This component creates a full-screen flex container with a customizable linear grid background pattern suitable for visually enhancing layouts. It integrates a placeholder for overlay patterns, allowing developers to easily adapt or extend its visual design features.","name":"background-pattern3","title":"Background Pattern 3 - Full-screen linear grid background","type":"registry:block"},{"description":"This component renders a full-screen background pattern with radial gradients, designed to enhance visual appeal. It provides a placeholder for additional pattern content, allowing for customizable styling through optional class names.","name":"background-pattern30","title":"Background Pattern 30 - Dual radial gradient background","type":"registry:block"},{"description":"This component renders a full-screen background featuring a circuit board pattern using CSS gradients, ideal for creating a visually engaging backdrop. It includes the ability to integrate additional styles through a customizable className property and incorporates a pattern plac","name":"background-pattern31","title":"Background Pattern 31 - Circuit board grid background","type":"registry:block"},{"description":"This component displays a visually appealing background pattern with a right-side fade resembling a circuit board, suitable for enhancing the aesthetics of a user interface. It also supports customizable styles through additional class names and includes a placeholder for additio","name":"background-pattern32","title":"Background Pattern 32 - Circuit board grid with top-left corner fade","type":"registry:block"},{"description":"This component is designed to create a visually engaging background with a circuit board pattern, featuring a left fade effect. It allows for customizable class names to adapt its styling according to specific needs.","name":"background-pattern33","title":"Background Pattern 33 - Circuit board grid with top-right corner fade","type":"registry:block"},{"description":"This component, named BackgroundPattern34, creates a visually appealing background pattern with a top fade circuit board effect suitable for full-screen displays. It utilizes linear gradients and radial masks to achieve its stylish look, and it accepts an optional className prop ","name":"background-pattern34","title":"Background Pattern 34 - Circuit board grid faded from top","type":"registry:block"},{"description":"This component is designed to display a full-screen background with a circuit board pattern, creating a visually engaging backdrop for other content. It includes customizable class names to allow for tailored styling and integration within different projects.","name":"background-pattern35","title":"Background Pattern 35 - Circuit board grid faded from bottom","type":"registry:block"},{"description":"A component that creates a visually interesting background pattern using a combination of linear gradients and radial masks, designed to mimic a circuit board appearance. Ideal for adding dynamic visual flair to a full-page layout while allowing custom styling through class name ","name":"background-pattern36","title":"Background Pattern 36 - Circuit board grid with bottom-left corner fade","type":"registry:block"},{"description":"This component is designed to showcase a full-screen background with a visually engaging circuit board pattern, featuring gradient lines and an elliptical mask effect. It can be used as a backdrop for various user interface elements, enhancing the visual appeal of the application","name":"background-pattern37","title":"Background Pattern 37 - Circuit board grid with bottom-right corner fade","type":"registry:block"},{"description":"This component creates a visually engaging background pattern with a center-fade circuit board design, ideal for adding dynamic aesthetics to full-screen sections. It allows customization through a `className` prop, enabling users to style the pattern to fit various themes and la","name":"background-pattern38","title":"Background Pattern 38 - Circuit board grid faded toward edges","type":"registry:block"},{"description":"The BackgroundPattern39 component creates a visually appealing section with a dynamic white grid and dots background, perfect for enhancing the aesthetics of a user interface. It allows for customization through additional class names and integrates seamlessly with other componen","name":"background-pattern39","title":"Background Pattern 39 - Grid and dot section background","type":"registry:block"},{"description":"This component creates a full-screen background with a diagonal fade grid pattern using CSS gradients and masking techniques. It allows for additional styling through an optional className prop and includes a placeholder for pattern customization.","name":"background-pattern4","title":"Background Pattern 4 - Full-screen grid background with corner fade","type":"registry:block"},{"description":"This component serves as a versatile background pattern featuring a combination of linear and radial gradients, creating a grid with dots effect. It is designed to seamlessly integrate into your project with customizable styles through additional class names.","name":"background-pattern40","title":"Background Pattern 40 - Grid and dot background with top-left corner fade","type":"registry:block"},{"description":"This component creates a visually engaging background with a customizable gradient grid and dot pattern, suitable for full-screen applications or sections. It provides an overlay effect with an optional pattern placeholder for additional design elements.","name":"background-pattern41","title":"Background Pattern 41 - Grid and dot section background with top-right radial fade","type":"registry:block"},{"description":"This component, BackgroundPattern42, serves as a versatile visual block that incorporates a stylized grid and radial gradient background pattern designed for full-screen coverage. It features customizable class names for easy styling and integrates a placeholder for additional pa","name":"background-pattern42","title":"Background Pattern 42 - Grid and dot section background with top radial fade","type":"registry:block"},{"description":"This component renders a full-screen background pattern featuring a grid with dots, enhanced by a gradual fade effect from the bottom. It is ideal for adding visually appealing and customizable backgrounds to various layouts by adjusting the className prop.","name":"background-pattern43","title":"Background Pattern 43 - Grid and dot section background with bottom radial fade","type":"registry:block"},{"description":"This component creates a visually appealing background pattern consisting of intersecting linear gradients and a radial gradient with a fade effect. Ideal for enhancing the aesthetic of any interface, it is customizable with additional class names for flexibility.","name":"background-pattern44","title":"Background Pattern 44 - Grid and dot section background with bottom-left radial fade","type":"registry:block"},{"description":"The BackgroundPattern45 component creates a visually appealing background pattern with linear and radial gradients, featuring a white grid with dots that fades at the bottom left. Use it to enhance sections by adding depth and texture, while allowing for customizable styling thro","name":"background-pattern45","title":"Background Pattern 45 - Grid and dot section background with bottom-right radial fade","type":"registry:block"},{"description":"This component creates a visually engaging background pattern with a grid and dot design, utilizing radial and linear gradients for added depth and texture. It allows for optional customization through className props, making it versatile for various design needs.","name":"background-pattern46","title":"Background Pattern 46 - Grid and dot section background with center radial fade","type":"registry:block"},{"description":"This component renders a full-screen background with a radial gradient pattern and integrates a placeholder for additional customization. It allows users to apply custom styling through the className prop, making it versatile for various aesthetic needs.","name":"background-pattern47","title":"Background Pattern 47 - Dotted noise texture section background","type":"registry:block"},{"description":"The BackgroundPattern48 component provides a visually engaging background pattern with a radial gradient and noise texture effect, making it ideal for design layouts requiring subtle decorative elements. It accepts an optional `className` prop to allow custom styling and integrat","name":"background-pattern48","title":"Background Pattern 48 - Dotted noise texture with top-left radial fade","type":"registry:block"},{"description":"This component provides a visually engaging background pattern with a left fade noise texture designed to enhance user interface layouts. It features flexible styling options through the `className` prop, which allows for easy customization and integration into diverse design sys","name":"background-pattern49","title":"Background Pattern 49 - Dotted noise texture with top-right radial fade","type":"registry:block"},{"description":"This component creates a full-screen background pattern with a diagonal fade grid effect, ideal for enhancing the visual appeal of a user interface. It utilizes a linear gradient and radial mask to achieve the design, allowing for customization through the `className` prop.","name":"background-pattern5","title":"Background Pattern 5 - Large-cell grid section background with top-right radial fade","type":"registry:block"},{"description":"This component creates a full-width, minimalistic background pattern with a radial gradient effect, ideal for adding subtle visual interest to a user interface. It includes a placeholder for additional pattern customization and supports customizable class names for flexible styli","name":"background-pattern50","title":"Background Pattern 50 - Radial dot grid section with top fade","type":"registry:block"},{"description":"This component creates a visually appealing background with a radial pattern and a bottom fade noise texture, ideal for enhancing the aesthetic of a user interface. It allows customization through a className prop, enabling users to easily integrate it into different layouts or t","name":"background-pattern51","title":"Background Pattern 51 - Radial dot grid section with bottom fade","type":"registry:block"},{"description":"This component serves as a versatile background pattern block, ideal for adding a textured or patterned backdrop to any layout. Key features include a radial gradient and noise texture effect, with customizable class names for further style adjustments.","name":"background-pattern52","title":"Background Pattern 52 - Radial dot grid section with bottom-left fade","type":"registry:block"},{"description":"This component generates a visually appealing background pattern with a radial gradient and fade noise texture, which can be customized using CSS class names. It is designed to cover the full viewport height and width, centering inner content, and includes a slot for additional p","name":"background-pattern53","title":"Background Pattern 53 - Radial dot grid section with bottom-right fade","type":"registry:block"},{"description":"This component renders a full-screen section with a center-faded noise texture background pattern, achieved using CSS radial gradients and mask images. It supports custom styling through optional class names and includes a placeholder pattern element for further customization.","name":"background-pattern54","title":"Background Pattern 54 - Radial dot grid section with center fade","type":"registry:block"},{"description":"This component creates a visually engaging background pattern featuring multiple radial gradients with customizable colors, designed to serve as a dynamic backdrop. It incorporates a pattern placeholder, making it ideal for adding visual appeal and depth to UI components.","name":"background-pattern55","title":"Background Pattern 55 - Layered multi-radial section from chart palette","type":"registry:block"},{"description":"This component renders a full-screen background pattern featuring a cosmic nebula effect, utilizing multiple radial gradients to create a layered visual design. It also allows additional styling through a customizable className prop and includes a placeholder for additional conte","name":"background-pattern56","title":"Background Pattern 56 - Dense chart radial nebula section","type":"registry:block"},{"description":"This component renders a full-screen section with a dynamic \"nebula\" background pattern created using multiple radial gradients and customizable colors. It is ideal for creating visually striking backgrounds and can integrate additional content through placeholder components.","name":"background-pattern57","title":"Background Pattern 57 - Dense theme-accent radial nebula section","type":"registry:block"},{"description":"This component provides a visually engaging background using multiple radial gradients, creating an overlay of elliptical patterns. It also integrates a placeholder for additional design components or patterns.","name":"background-pattern58","title":"Background Pattern 58 - Asymmetric chart radial mist section","type":"registry:block"},{"description":"This component, \"BackgroundPattern59,\" is designed to create a visually appealing background using multiple layered radial gradients. It is customizable through an optional className prop and includes a placeholder for incorporating additional patterns or content.","name":"background-pattern59","title":"Background Pattern 59 - Layered aurora radials from chart palette","type":"registry:block"},{"description":"This component renders a full-screen background pattern with a top fade grid effect, providing a visually appealing design element. It allows for custom styling through an optional className prop, offering flexibility in integration with other components.","name":"background-pattern6","title":"Background Pattern 6 - Square-tiled grid background with top fade","type":"registry:block"},{"description":"This component creates a visually appealing background with multiple radial and linear gradients, providing an \"Aurora Dream\" effect. It includes a customizable class name for additional styling and incorporates a placeholder for pattern insertion.","name":"background-pattern60","title":"Background Pattern 60 - Layered radial gradients with vertical color wash","type":"registry:block"},{"description":"This component, BackgroundPattern61, creates a visually engaging background with multiple radial gradients resembling a Northern Aurora effect, enhancing the aesthetic appeal of the page it is applied to. It allows customization through an optional `className` prop, making it ver","name":"background-pattern61","title":"Background Pattern 61 - Multi-layer radial gradient field background","type":"registry:block"},{"description":"This component renders a visually striking background pattern with layered radial gradients, creating a bottom glow effect across the full screen. It is ideal for applications that require an engaging full-screen background, and it includes a placeholder for additional patterns o","name":"background-pattern62","title":"Background Pattern 62 - Bottom-anchored stacked radial glow background","type":"registry:block"},{"description":"This component is a flexible block designed to display a dreamy sky glow background using radial gradients. It allows for optional custom styling through class names and includes a pattern placeholder element within.","name":"background-pattern63","title":"Background Pattern 63 - Dual offset radial spot background","type":"registry:block"},{"description":"This component, BackgroundPattern64, serves as a customizable background block that centers content with an eye-catching radial gradient effect. It allows for the addition of styles through a className prop and includes a placeholder for pattern integration.","name":"background-pattern64","title":"Background Pattern 64 - Top-right radial corner glow background","type":"registry:block"},{"description":"This component, BackgroundPattern65, creates a full-screen background with a gradient design, offering a visually appealing pattern that can be customized with additional styles. It is ideal for creating immersive and dynamic layouts by seamlessly blending into various design the","name":"background-pattern65","title":"Background Pattern 65 - Top-left radial corner glow background","type":"registry:block"},{"description":"This component provides a visually engaging background pattern using scattered orbs with customizable colors, ideal for enhancing the aesthetic appeal of any interface. It includes a placeholder for additional pattern details, offering flexibility for further customization and in","name":"background-pattern66","title":"Background Pattern 66 - Scattered small radial gradient background","type":"registry:block"},{"description":"This component serves as a customizable background pattern block with a cluster glow effect, allowing users to set dynamic color gradients. It includes a placeholder for additional pattern integration, making it suitable for visually appealing design elements.","name":"background-pattern67","title":"Background Pattern 67 - Bottom-clustered radial glow background","type":"registry:block"},{"description":"This component creates a visually engaging background block with a corner accent trio pattern using radial gradients and custom theme colors. It serves as a decorative element to enhance the visual appeal of an application's interface.","name":"background-pattern68","title":"Background Pattern 68 - Triple radial corner accent background","type":"registry:block"},{"description":"This component creates a visually striking full-screen background with a trio of diagonal radial gradient patterns, designed to enhance the aesthetic of your application. It provides a customizable class name prop for easy styling adaptations and integrates seamlessly with a Patt","name":"background-pattern69","title":"Background Pattern 69 - Full-screen layered diagonal radial gradients","type":"registry:block"},{"description":"This component creates a visually dynamic background with a grid pattern and a radial fade effect, allowing users to apply customizable styles through the `className` prop. It is ideal for enhancing the aesthetic appeal of an interface where a patterned backdrop is desired.","name":"background-pattern7","title":"Background Pattern 7 - Grid backdrop with radial center fade","type":"registry:block"},{"description":"This component generates a visually engaging background pattern with a diagonal corner glow effect using radial gradients. It includes a placeholder for incorporating additional pattern designs, allowing users to customize the appearance further.","name":"background-pattern70","title":"Background Pattern 70 - Full-screen backdrop with diagonal corner glow","type":"registry:block"},{"description":"This component creates a visually engaging background with cosmic lines and a radial glow, designed to enhance the aesthetic appeal of a page or element. It is customizable through CSS class names and integrates a pattern placeholder for further content or design placement.","name":"background-pattern71","title":"Background Pattern 71 - Radial glow with crossing accent lines","type":"registry:block"},{"description":"This React component, `BackgroundPattern72`, renders a full-screen section with a layered, multi-gradient fade background, suitable for enhancing visual aesthetics. It includes a placeholder for additional patterns, offering a customizable layout element for various design needs.","name":"background-pattern72","title":"Background Pattern 72 - Three-direction layered gradient backdrop","type":"registry:block"},{"description":"This component creates a visually dynamic background with diagonal ribbon accents and a particle field effect, suitable for enhancing the visual appeal of any layout or user interface. It supports customization through class names and incorporates a vignette overlay for added dep","name":"background-pattern73","title":"Background Pattern 73 - Skewed ribbon accents with particle field","type":"registry:block"},{"description":"This component is designed to create a visually engaging background with ascending ribbon accents and a star field particle effect. It incorporates elements like gradient overlays and layered patterns to enhance visual interest and can be integrated with other components seamless","name":"background-pattern74","title":"Background Pattern 74 - Parallel ascending ribbons with star field","type":"registry:block"},{"description":"This component displays a full-screen background pattern with dynamic visual elements, including vertically oriented particle fields and ribbon accents, overlaid with a vignette effect. It is ideal for creating visually striking backgrounds that seamlessly integrate with existing","name":"background-pattern75","title":"Background Pattern 75 - Symmetric skewed ribbons with particle field","type":"registry:block"},{"description":"This component, BackgroundPattern76, provides a visually immersive background effect using gradients and particle fields to create a dynamic, glowing star field display. It includes customizable class properties, allowing easy adaptation and integration into various projects requ","name":"background-pattern76","title":"Background Pattern 76 - Bottom-up glow with star particle field","type":"registry:block"},{"description":"This component creates a visually dynamic background with an ascending vertical gradient and a starfield effect, suitable for enhancing visual interest in various projects. It incorporates multiple layers, including particle fields and a vignette overlay, to achieve a full-screen","name":"background-pattern77","title":"Background Pattern 77 - Vertical gradient glow with starfield layer","type":"registry:block"},{"description":"This component generates a visually dynamic background pattern featuring a sparse starfield with vignette effects, ideal for enhancing the visual appeal of user interfaces. It allows additional styling through customizable class names and includes a placeholder pattern element to","name":"background-pattern78","title":"Background Pattern 78 - Sparse starfield section background with vignette","type":"registry:block"},{"description":"This component is designed to render a visually striking background pattern, featuring a sparse starfield with a fade effect and a vignette overlay, suitable for filling a minimum screen height. It includes customizable styling options through className prop integration and incor","name":"background-pattern79","title":"Background Pattern 79 - Starfield background with right-side fade and vignette","type":"registry:block"},{"description":"This component, named BackgroundPattern8, is designed to create a visually appealing full-screen background with a fade grid pattern effect. It includes a customizable className prop for flexible styling and incorporates a radial gradient mask to enhance the design.","name":"background-pattern8","title":"Background Pattern 8 - Full-viewport grid background with bottom-left fade","type":"registry:block"},{"description":"This component creates a visually dynamic background pattern featuring a sparse starfield with a fade effect and vignette overlay. It is designed to seamlessly integrate with different classes, allowing for flexible styling and customization.","name":"background-pattern80","title":"Background Pattern 80 - Starfield background with left-side fade and vignette","type":"registry:block"},{"description":"This component, called BackgroundPattern81, creates a visually appealing backdrop with a sparse starfield effect and a vignette overlay. It can be customized with different styles via the className prop and is suitable for enhancing the background appearance of any container with","name":"background-pattern81","title":"Background Pattern 81 - Starfield background with top fade and vignette","type":"registry:block"},{"description":"This component renders a full-screen background pattern featuring a bottom fade sparse starfield with a vignette effect. It allows for custom styling through a class name and includes a placeholder for additional patterns.","name":"background-pattern82","title":"Background Pattern 82 - Starfield background with bottom fade and vignette","type":"registry:block"},{"description":"This component creates a visually engaging background pattern with a sparse starfield and vignette effects designed to enhance any content placed over it. It allows customization through class names and serves as a decorative container, perfect for adding atmospheric depth to use","name":"background-pattern83","title":"Background Pattern 83 - Starfield background with bottom-left fade and vignette","type":"registry:block"},{"description":"This component creates a visually appealing background with a radial gradient starfield effect and a vignette overlay. Ideal for use as a dynamic background, it offers an engaging backdrop for content, while also allowing custom styling through class names.","name":"background-pattern84","title":"Background Pattern 84 - Starfield background with bottom-right fade and vignette","type":"registry:block"},{"description":"This component renders a full-screen background with a sparse starfield pattern and a vignette effect, designed for visual enhancement and atmospheric depth. It uses customizable class names to blend seamlessly into various layouts, making it versatile for a range of design needs","name":"background-pattern85","title":"Background Pattern 85 - Starfield background with center fade and vignette","type":"registry:block"},{"description":"This component creates a visually engaging background with a 3D perspective grid effect, giving a 'road on z-axis' illusion, ideal for enhancing the aesthetic of a UI layout. It is customizable with additional class names and includes a placeholder for inserting other patterns or","name":"background-pattern86","title":"Background Pattern 86 - Perspective grid background with bottom edge fade","type":"registry:block"},{"description":"This component, BackgroundPattern87, creates a visually striking background effect using a 3D perspective diagonal cross grid with a road-like appearance on the z-axis. It includes customizable classes and integrates a placeholder pattern for additional visual elements.","name":"background-pattern87","title":"Background Pattern 87 - Diagonal cross grid background with perspective depth","type":"registry:block"},{"description":"This component creates a visually appealing background with a striped pattern using a repeating linear gradient, which can be customized with additional styles through a passed class name. It is designed to serve as a decorative element that fills the entire screen, ensuring the ","name":"background-pattern88","title":"Background Pattern 88 - Striped linear gradient background pattern","type":"registry:block"},{"description":"This component generates a visually appealing background with a dense striped pattern using a repeating linear gradient. It is designed to occupy the full screen and can be customized with additional styles through its className prop.","name":"background-pattern89","title":"Background Pattern 89 - Dense striped linear gradient background pattern","type":"registry:block"},{"description":"This component, BackgroundPattern9, creates a visually appealing background with a grid pattern and a radial fade effect in the bottom right corner, which serves as a decorative element. It allows for customizable styling through an optional className prop, ensuring integration w","name":"background-pattern9","title":"Background Pattern 9 - Grid background pattern with bottom-right radial fade","type":"registry:block"},{"description":"This component creates a visually striking background featuring concentric ripple circles using radial gradients, adaptable for both mobile and desktop devices. It's ideal for enhancing user interfaces with an aesthetic and dynamic design element, compatible with additional style","name":"background-pattern90","title":"Background Pattern 90 - Centered concentric ripple circles background pattern","type":"registry:block"},{"description":"This component, named BackgroundPattern91, fills the full screen and displays a visually engaging concentric ripple circle design in the background, utilizing customizable radial gradients. It adapts its presentation for different screen sizes with specific layouts tailored for m","name":"background-pattern91","title":"Background Pattern 91 - Top-centered concentric ripple circles background pattern","type":"registry:block"},{"description":"This component is designed to create a background with concentric ripple circles that are visually centered at the bottom and partially visible in the top half. It supports customizable styling through an optional className prop and includes a placeholder for additional pattern c","name":"background-pattern92","title":"Background Pattern 92 - Bottom-centered concentric ripple circles background pattern","type":"registry:block"},{"description":"This component, named BackgroundPattern93, creates a visually appealing background with concentric ripple circles, optimized for both mobile and desktop devices. It allows for customization through an optional `className` property and incorporates a placeholder for additional pat","name":"background-pattern93","title":"Background Pattern 93 - Left-edge concentric ripple circles background pattern","type":"registry:block"},{"description":"This component creates a visually striking background using concentric ripple circles that are right-centered, with variations for mobile and desktop views. It offers customizable styling through optional class names and includes a placeholder for pattern content.","name":"background-pattern94","title":"Background Pattern 94 - Right-edge concentric ripple circles background pattern","type":"registry:block"},{"description":"A full-height section with four chart-tinted radial glows on the page background plus a high-frequency conic noise overlay in blend mode, centered pattern placeholder slot.","name":"background-pattern95","title":"Background Pattern 95 - Multi-Corner Radial Glow Background","type":"registry:block"},{"description":"A min-height screen section with stacked corner radial gradients from chart colors and a full-bleed SVG fractal noise layer at reduced opacity in overlay blend.","name":"background-pattern96","title":"Background Pattern 96 - Corner Gradient Stack With SVG Noise","type":"registry:block"},{"description":"A full-height canvas with several large blurred radial gradients forming a mesh of chart colors, plus SVG fractal noise in overlay for grain, centered placeholder for content.","name":"background-pattern97","title":"Background Pattern 97 - Blurred Mesh Glow Background","type":"registry:block"},{"description":"A viewport-tall section with three stacked bottom-anchored radial glows in chart colors, heavy blur, SVG noise overlay, and centered pattern placeholder.","name":"background-pattern98","title":"Background Pattern 98 - Bottom Glow Gradient Background","type":"registry:block"},{"description":"A min-height screen backdrop with two large blurred radial gradients from opposite corners using chart colors, SVG noise overlay, and centered pattern placeholder.","name":"background-pattern99","title":"Background Pattern 99 - Duo Corner Gradient Background","type":"registry:block"},{"description":"A thin top bar with centered title, muted supporting text, an inline external link, and a ghost icon button that hides the banner.","name":"banner1","title":"Banner 1 - Full-width dismissible announcement bar","type":"registry:block"},{"description":"A muted full-width bar with bold release title, supporting copy, and a ghost icon button that dismisses the banner.","name":"banner10","title":"Banner 10 - Dismissible muted release announcement","type":"registry:block"},{"description":"A primary full-width banner with soft radial highlight, promotional copy, and a rounded secondary call-to-action button.","name":"banner11","title":"Banner 11 - Primary bar with soft radial and CTA","type":"registry:block"},{"description":"A bordered announcement bar with a live ticking countdown pill, muted offer copy, and an outline claim button with arrow.","name":"banner13","title":"Banner 13 - Countdown offer bar with outline CTA","type":"registry:block"},{"description":"A bordered status card with operational indicator, dashboard link, and a ghost dismiss action that hides the banner.","name":"banner14","title":"Banner 14 - Floating status card with dismiss","type":"registry:block"},{"description":"A slim bordered strip with sparkle icon, new badge, muted description, and an inline explore link with hover arrow motion.","name":"banner15","title":"Banner 15 - New badge announcement link bar","type":"registry:block"},{"description":"An inverted full-width upgrade bar with mono eyebrow, product pitch, soft primary glow, and a secondary unlock button.","name":"banner16","title":"Banner 16 - Inverted dark pro upgrade bar","type":"registry:block"},{"description":"A card-surface banner with a short prompt, rounded email field, and subscribe button that swaps to a confirmation message.","name":"banner17","title":"Banner 17 - Email subscribe announcement bar","type":"registry:block"},{"description":"A full-width promo strip with a tag icon, discount message, dashed mono code chip that copies on click, and a redeem button.","name":"banner18","title":"Banner 18 - Promo code copy banner","type":"registry:block"},{"description":"A card-surface banner with a sparkle icon, New badge, announcement line, overlapping avatars, and a see-what's-new link.","name":"banner19","title":"Banner 19 - New badge banner with avatars","type":"registry:block"},{"description":"A muted banner inside the site container with inline title, description, link, and ghost close icon that removes the bar when clicked.","name":"banner2","title":"Banner 2 - Container announcement bar with dismiss","type":"registry:block"},{"description":"A muted full-width upgrade strip with a short title, supporting line, and a compact upgrade button aligned to the end.","name":"banner20","title":"Banner 20 - Muted upgrade banner","type":"registry:block"},{"description":"A bordered horizontal marquee of short feature phrases separated by thin vertical dividers that loop continuously.","name":"banner21","title":"Banner 21 - Scrolling marquee banner","type":"registry:block"},{"description":"A slim brand bar with logo mark, product name, tagline, browse link, and a primary get-access link with arrow.","name":"banner22","title":"Banner 22 - Brand bar with navigation links","type":"registry:block"},{"description":"A dismissible maintenance warning strip with a chart-toned alert icon, schedule details, and a close control.","name":"banner23","title":"Banner 23 - Maintenance warning banner","type":"registry:block"},{"description":"A card-surface progress banner with a package icon, remaining-count message, fraction readout, and primary progress bar.","name":"banner24","title":"Banner 24 - Progress unlock banner","type":"registry:block"},{"description":"A centered floating pill with a status dot, release message, and changelog link that nudges the arrow on hover.","name":"banner25","title":"Banner 25 - Centered pill changelog banner","type":"registry:block"},{"description":"A full-width webinar bar with a calendar date pill, title and session meta, plus an outline reserve button.","name":"banner26","title":"Banner 26 - Webinar announcement banner","type":"registry:block"},{"description":"A full-width mobile promo bar with device icon, title and supporting line, plus App Store and Google Play links.","name":"banner27","title":"Banner 27 - Mobile app download banner","type":"registry:block"},{"description":"A solid primary strip with title and description beside a secondary shop-button link and icon, plus dismiss controls that move between mobile and desktop.","name":"banner3","title":"Banner 3 - Primary promo banner with shop button","type":"registry:block"},{"description":"Full-width primary banner with title, supporting line, and dismiss icon; stacks on small screens and aligns on one row on wider viewports.","name":"banner4","title":"Banner 4 - Primary bar banner with dismiss","type":"registry:block"},{"description":"Absolutely positioned rounded banner with title, muted description, outline link button, and dismiss control that reflows from column to row on wider viewports.","name":"banner5","title":"Banner 5 - Floating card banner with link","type":"registry:block"},{"description":"Rounded floating banner with overlapping avatars, bold social-proof line, and a circular dismiss button beside the copy.","name":"banner6","title":"Banner 6 - Pill banner with overlapping avatars","type":"registry:block"},{"description":"Dismissible full-width strip with message, vertical divider, learn-more link with arrow on desktop, and ghost close control.","name":"banner7","title":"Banner 7 - Full-width banner with separator link","type":"registry:block"},{"description":"A full-width primary strip with centered announcement copy and an underlined inline link that opens the catalog.","name":"banner9","title":"Banner 9 - Primary announcement bar with catalog link","type":"registry:block"},{"description":"Two-by-two feature bento with avatar goal card, animated timing bar chart, overlapping dashboard imagery, and a collaboration widget panel.","name":"bento10","title":"Bento 10 - Analytics bento with wave chart and layered cards","type":"registry:block"},{"description":"Five-tile bento on a six-column grid combining cover photography, animated bar charts, and compact UI widget illustrations with varied aspect ratios.","name":"bento11","title":"Bento 11 - Asymmetric six-column health tech bento","type":"registry:block"},{"description":"Two-by-two bento placing headings above each tile visual, with grid-background icon flows, document UI mocks, and branded illustration panels.","name":"bento12","title":"Bento 12 - Inverted caption bento with icon flow diagram","type":"registry:block"},{"description":"Asymmetric eight-column bento with caption-below layout, mixing a document menu sidebar, wide dashboard panels, and compact icon illustrations on grid backgrounds.","name":"bento13","title":"Bento 13 - Borderless eight-column mosaic with menu UI","type":"registry:block"},{"description":"Four-tile dark bento for voice generation features with animated sound-wave fills, language selection UI, voice tuning controls, and instant generation preview.","name":"bento14","title":"Bento 14 - Dark voice AI bento with waveform animation","type":"registry:block"},{"description":"Three-tile dark bento with emotion-based voice delivery UI, script-to-speech automation panel, and a full-width multi-format audio export preview.","name":"bento15","title":"Bento 15 - Dark voice studio bento with emotion controls","type":"registry:block"},{"description":"Four-tile dark bento mixing two cover-image panels with script-enhancer and team-workspace UI mocks in an eight-column checkerboard grid.","name":"bento16","title":"Bento 16 - Dark voice platform bento with team workspace","type":"registry:block"},{"description":"Four-tile dark bento with a voice-preview image, brand-profile UI with count-up stats, multilingual model rows, and emotion tone picker controls.","name":"bento17","title":"Bento 17 - Dark bento with voice preview comparison","type":"registry:block"},{"description":"Two-column bento with caption-below tiles mixing scroll-reveal photography and one animated predictive-analytics UI panel in a wide panoramic row.","name":"bento18","title":"Bento 18 - Light four-tile bento with mixed aspect ratios","type":"registry:block"},{"description":"Six-card masonry bento in three staggered columns with integration logo pills, animated charts, and compact AI feature UI illustrations in bordered cards.","name":"bento19","title":"Bento 19 - Three-column masonry bento with integration pills","type":"registry:block"},{"description":"Asymmetric two-column bento with count-up income stats, bar chart SVG, network beam diagram, and staggered project cards.","name":"bento2","title":"Bento 2 - Team collaboration bento with animated stats","type":"registry:block"},{"description":"Three-tile bento leading with a split text-and-image hero card for recommendation intelligence, plus a wide data-analysis image and a budget-widget performance panel.","name":"bento20","title":"Bento 20 - Hero split bento with recommendation engine feature","type":"registry:block"},{"description":"Neutral five-tile bento with animated waveform panel, AI model marquee, three webp visuals, and caption rows about health monitoring and compliance.","name":"bento21","title":"Bento 21 - Light health bento with animated tiles","type":"registry:block"},{"description":"Black five-tile bento with dashed borders, two cover-image headers, and three animated dashboard cells for predictive analytics, task management, and recommendations.","name":"bento22","title":"Bento 22 - Dark analytics bento with photo tiles","type":"registry:block"},{"description":"Black four-tile two-by-two bento where two cards place copy above the visual and two place it below, pairing webp panels with AI workflow captions.","name":"bento23","title":"Bento 23 - Dark alternating bento with flipped captions","type":"registry:block"},{"description":"Black four-tile bento in offset left and right stacks with alternating wide and tall aspect panels for sync, trends, decisions, and data visualization.","name":"bento24","title":"Bento 24 - Dark staggered two-column bento","type":"registry:block"},{"description":"Black four-tile bento on an eight-five column rhythm with wide automation and dashboard headers above webp panels plus narrower benchmarking cells.","name":"bento25","title":"Bento 25 - Dark wide-narrow bento mosaic","type":"registry:block"},{"description":"White two-by-two bento with animated UI previews above icon-labeled headlines on modular layouts, drag-and-drop styling, responsive auto-fit, and adaptive sizing.","name":"bento26","title":"Bento 26 - Light feature bento with icon captions","type":"registry:block"},{"description":"White four-tile bento alternating headline placement with animated previews for theme switching, grid alignment, micro-interactions, and CTA emphasis blocks.","name":"bento27","title":"Bento 27 - Light feature bento with mixed caption order","type":"registry:block"},{"description":"White two-by-two bento pairing animated UI previews with icon headlines on optimized assets, real-time editing, multi-content attachments, and brand typography.","name":"bento28","title":"Bento 28 - Light performance bento with icon rows","type":"registry:block"},{"description":"White four-tile bento on a nine-seven column split with wide and narrow animated previews plus icon captions for modular grids, drag control, and responsive scaling.","name":"bento29","title":"Bento 29 - Light asymmetric feature bento grid","type":"registry:block"},{"description":"Two-column bento with count-up gauge, chart imagery, QR scanner animation, and hub network beams behind split headlines.","name":"bento3","title":"Bento 3 - Four-tile value proposition bento","type":"registry:block"},{"description":"Muted healthcare bento stacking satisfaction percentage counters, framed UI panels, video consultation and health monitoring cards with HIPAA-focused copy.","name":"bento30","title":"Bento 30 - Healthcare bento with stat counters","type":"registry:block"},{"description":"Healora-themed bento mixing report generation and appointment scheduling cards, an indigo patient-stories panel with heart-rate animation, and timeline widgets.","name":"bento31","title":"Bento 31 - Healthcare bento with report tiles","type":"registry:block"},{"description":"Four-tile visual-only bento with gradient app-download CTA, automated savings mockup, and two square product panels on mixed pastel tile backgrounds.","name":"bento32","title":"Bento 32 - Captionless product bento mosaic","type":"registry:block"},{"description":"Dense nine-cell bento on slate gray with upgrade discount pricing, animated barcode, mixed UI widgets, and a tall sidebar column of stacked panels.","name":"bento33","title":"Bento 33 - Complex pricing and promo bento","type":"registry:block"},{"description":"Seven-tile legal-tech bento with background-check and forensics headers, AI legal assistance cards, cybercrime detection visuals, and stacked evidence panels.","name":"bento34","title":"Bento 34 - Investigation services bento collage","type":"registry:block"},{"description":"Three-column dark bento for wireless audio with orange hero panels, lime waveform tiles, product photography, and a stacked color-swatch reference card.","name":"bento35","title":"Bento 35 - Dark headphone product bento","type":"registry:block"},{"description":"Multi-row dark bento with amber hero typography over product photography, plus a mosaic of smaller branded panels in mixed aspect ratios.","name":"bento36","title":"Bento 36 - Dark editorial product bento","type":"registry:block"},{"description":"Asymmetric dark bento with a tall left image column carrying outlined marquee text and a right stack of product photography and UI accent panels.","name":"bento37","title":"Bento 37 - Dark split showcase bento","type":"registry:block"},{"description":"Two-column dark bento with tall portrait tile, stacked FASHIONS typography, color bands, and scroll-animated fashion imagery.","name":"bento38","title":"Bento 38 - Editorial fashion bento collage","type":"registry:block"},{"description":"Multi-row gray-background bento mixing QR imagery, revenue bar chart, candlestick animation, gradient ring stat, and discount barcode card.","name":"bento39","title":"Bento 39 - Analytics dashboard bento with charts","type":"registry:block"},{"description":"Black-background two-by-two bento mixing beam network SVG, static imagery, and an orange playhead scrubbing a bar chart.","name":"bento4","title":"Bento 4 - Dark analytics bento with playhead chart","type":"registry:block"},{"description":"Two-row black bento with voice feature cards, animated language keyboard, customization mockups, and fingerprint authentication panel.","name":"bento40","title":"Bento 40 - AI voice bento with keyboard and auth","type":"registry:block"},{"description":"Asymmetric black bento with productivity headline, product screenshot, automation workflow UI, social analytics chart, and right-column CTA panel.","name":"bento41","title":"Bento 41 - Developer productivity bento with sidebar CTA","type":"registry:block"},{"description":"Four equal dark cards in a two-by-two grid, each pairing a feature headline with an animated product UI mockup for assignment, prioritization, progress, and cleanup.","name":"bento42","title":"Bento 42 - Task management feature bento grid","type":"registry:block"},{"description":"Asymmetric black bento with integration flow diagram, privacy messaging, counting performance stat, and floating globe illustration.","name":"bento43","title":"Bento 43 - AI platform bento with integration hub","type":"registry:block"},{"description":"Three-row black bento with animated world map, collaboration card, integration icon row, and wide mobile mockup with CTA.","name":"bento44","title":"Bento 44 - Mobile collaboration bento with world map","type":"registry:block"},{"description":"Asymmetric black bento mixing design-process timeline, API documentation visuals, stat counters, and a buy-sell trading panel with CTA.","name":"bento45","title":"Bento 45 - SaaS fintech bento with trading widget","type":"registry:block"},{"description":"Two-column black bento with AI chat mockup, scrolling integration marquee, reporting screenshot, and animated data connection paths.","name":"bento46","title":"Bento 46 - AI chat and data pipeline bento","type":"registry:block"},{"description":"Multi-span dark bento where each card pairs a headline with dashboard mockups, share UI, integration diagrams, and collaboration visuals.","name":"bento47","title":"Bento 47 - Labeled AI feature bento grid","type":"registry:block"},{"description":"White-background two-by-two bento with layered dashboard images, voice assistant mockup, and animated certificate cards.","name":"bento48","title":"Bento 48 - Light feature bento with UI screenshots","type":"registry:block"},{"description":"Wide hero card with recommendation engine and radial chart above a two-column row of bar dashboard and share timer widgets.","name":"bento49","title":"Bento 49 - AI analytics bento with radial chart","type":"registry:block"},{"description":"Five-tile healthcare bento with animated health bars, scheduling imagery, interactive weight curve, wellness photo, and diagnostics visual.","name":"bento5","title":"Bento 5 - Healthcare feature bento grid","type":"registry:block"},{"description":"Eight-column white bento mixing product screenshots, AI onboarding flow panels, and a gradient payment notification card.","name":"bento50","title":"Bento 50 - Asymmetric light marketing bento","type":"registry:block"},{"description":"Three-column light bento with revenue chart, AI learning graph, skeleton editor, screenshot, document stack, and anomaly heatmap tiles.","name":"bento51","title":"Bento 51 - Six-card analytics feature bento","type":"registry:block"},{"description":"Tight two-row dark bento with voice waveform, performance chart, sales bars, auto-cycling progress tracker, and Kanban card stack.","name":"bento52","title":"Bento 52 - Compact dark feature bento","type":"registry:block"},{"description":"Dark bento with scrolling service pill marquees, team invitation network, Solidity code block, crypto token ring, and tag cloud.","name":"bento53","title":"Bento 53 - Web3 developer bento with marquees","type":"registry:block"},{"description":"Four-column dark bento with newsletter counter, Gantt timeline, avatar collaboration rings, accounting panels, and animated world map.","name":"bento54","title":"Bento 54 - Enterprise finance bento with timeline","type":"registry:block"},{"description":"Responsive product bento grid using direction-aware hover overlays to reveal item names and prices over rounded image cards.","name":"bento55","title":"Bento 55 - Image bento with direction-aware hover","type":"registry:block"},{"description":"Black-background six-column bento with four dashed-border tiles mixing animated SVG diagrams and scroll-reveal product imagery.","name":"bento6","title":"Bento 6 - Dark enterprise bento with animated SVG tiles","type":"registry:block"},{"description":"Neutral three-row bento pairing two feature cards with UI mini-mocks and a full-width model-selector panel with integration logos.","name":"bento7","title":"Bento 7 - Light bento with AI chat and model picker","type":"registry:block"},{"description":"Four-card bento alternating animated document-flow and budget widgets with two photographic image tiles and scroll-triggered scale animations.","name":"bento8","title":"Bento 8 - Two-by-two bento with workflow and budget UI","type":"registry:block"},{"description":"Five-tile black bento for chatbot features with animated message bubbles, encryption UI, voice imagery, and context-aware suggestion chips.","name":"bento9","title":"Bento 9 - Dark chatbot bento with conversation tiles","type":"registry:block"},{"description":"Blog post cards with a cover image, title, excerpt, and outline category badge, in a three-column grid with a category Select dropdown above.","name":"blog1","title":"Blog 1 - Blog post grid with category dropdown","type":"registry:block"},{"description":"Single-column blog post list where each ruled row has a title, excerpt, and author avatar byline with date, under a heading and intro.","name":"blog10","title":"Blog 10 - Blog post list with author avatars","type":"registry:block"},{"description":"Editorial blog topic index with numbered full-width rows pairing an oversized topic name and superscript article count with its three latest posts, a header stat row, and a weighted alphabetical tag cloud.","name":"blog100","title":"Blog 100 - Editorial blog topic index with weighted tag cloud","type":"registry:block"},{"description":"Editorial blog list of large linked titles where hovering a row reveals a floating cover image that follows the cursor and dims the other titles.","name":"blog101","title":"Blog 101 - Blog title list with hover image preview","type":"registry:block"},{"description":"Blog homepage layout with a feed of five thumbnail rows beside a sticky sidebar holding an about note, numbered most-read list, topic pills, and a newsletter signup form.","name":"blog102","title":"Blog 102 - Blog magazine layout with sidebar","type":"registry:block"},{"description":"Three-column grid mixing video, podcast, and article posts, with play overlays, duration and episode chips on the covers, a format label with icon, and working format filter buttons.","name":"blog103","title":"Blog 103 - Blog media grid for video and podcasts","type":"registry:block"},{"description":"Blog archive grouped by year, with an oversized year and post count pinned beside each year's dated list of post titles and topics.","name":"blog104","title":"Blog 104 - Blog Archive by Year","type":"registry:block"},{"description":"Blog category grid with a large featured category and four smaller ones, each with a cover photo, article count chip, and linked name.","name":"blog105","title":"Blog 105 - Blog Category Photo Grid","type":"registry:block"},{"description":"Alphabetical blog tag index with a letter jump bar and tags grouped under large letter headings, each with a dotted leader to its article count.","name":"blog106","title":"Blog 106 - Blog Tag Index A to Z","type":"registry:block"},{"description":"Blog topic list sorted by article count, with a horizontal bar showing each topic's share, a last updated date, and a total article count beside the heading.","name":"blog107","title":"Blog 107 - Blog Topics With Volume Bars","type":"registry:block"},{"description":"Blog series grouped into dated seasons, each a four-column grid of square episode cards with read time, publish date, and read, up next, or coming soon status.","name":"blog108","title":"Blog 108 - Blog Series by Season","type":"registry:block"},{"description":"Blog series with a segmented progress strip, where each part is a square image card topped by its own progress segment, with a parts-read count and continue button.","name":"blog109","title":"Blog 109 - Blog Series Progress Strip","type":"registry:block"},{"description":"Tall blog post cards with date and title over a darkened cover photo that fades in on hover, in a two-column grid beside a sticky intro with category links.","name":"blog11","title":"Blog 11 - Blog post cards with hover image reveal","type":"registry:block"},{"description":"Blog series that features the next unread part with a large square image, summary, and read button beside a numbered contents list with square thumbnails and read checks.","name":"blog110","title":"Blog 110 - Blog Series Up Next Feature","type":"registry:block"},{"description":"Blog series laid out as a book's table of contents with roman numeral chapters, square thumbnails, one-line summaries, dotted leaders, and monthly publish dates.","name":"blog111","title":"Blog 111 - Blog Series Table of Contents","type":"registry:block"},{"description":"Library of blog series as square cover cards with ongoing or complete badges, part counts, segmented reading progress, and a link to the next part to read.","name":"blog112","title":"Blog 112 - Blog Series Library","type":"registry:block"},{"description":"Blog archive grouped by year and month, with a sticky year label beside open month panels listing each post with a square thumbnail, date, category, and read time.","name":"blog113","title":"Blog 113 - Blog Archive by Month","type":"registry:block"},{"description":"Blog archive with a pinned year navigation and posts grouped by year, each showing a square thumbnail, date, topic, title, and two-line excerpt.","name":"blog114","title":"Blog 114 - Blog Archive With Year Navigation","type":"registry:block"},{"description":"Single-year blog archive with a twelve-month bar chart of post counts that links to each month, followed by posts grouped by month in two columns.","name":"blog115","title":"Blog 115 - Blog Year Archive With Monthly Chart","type":"registry:block"},{"description":"Author archive with a sticky sidebar holding the portrait, bio, RSS and social buttons, and stats, beside a divided list of the author's posts with thumbnails.","name":"blog116","title":"Blog 116 - Author Profile Sidebar With Post List","type":"registry:block"},{"description":"Centered author header with portrait, bio, inline stats, and follow buttons, above topic filter buttons that narrow a two-column grid of the author's posts.","name":"blog117","title":"Blog 117 - Centered Author Profile With Topic Filter","type":"registry:block"},{"description":"Author page with a wide cover photo, an overlapping round portrait, name, bio, topics, follow buttons, and stats, above a four-column grid of the author's posts.","name":"blog118","title":"Blog 118 - Author Profile With Cover Banner","type":"registry:block"},{"description":"Compact author header with portrait, bio, and follow buttons, above a text-only archive of the author's posts grouped by year with titles, categories, read times, and dates.","name":"blog119","title":"Blog 119 - Author Archive Grouped By Year","type":"registry:block"},{"description":"Bordered blog post cards with an inset cover, title, excerpt, and a footer with author avatar and read-time badge, in a three-column grid with a view-all button.","name":"blog12","title":"Blog 12 - Blog post cards with author and read time","type":"registry:block"},{"description":"Two rows of three blog post cards with full-width covers, linked titles, author and date, two-line summaries, and read more links under a centered heading.","name":"blog120","title":"Blog 120 - Six blog post cards with read more links","type":"registry:block"},{"description":"Blog post cards with a cover carrying a frosted category badge, title, calendar-icon date, and read-more link, in a three-column grid under a centered heading.","name":"blog13","title":"Blog 13 - Blog post grid with category badges on images","type":"registry:block"},{"description":"A featured blog post with cover, category badge, title, and excerpt in a split layout, followed by three blog post cards with image, badge, title, and short excerpt.","name":"blog14","title":"Blog 14 - Featured blog post with three post cards","type":"registry:block"},{"description":"Outlined blog post cards with a large title, excerpt, author avatar, and read time, in a two-column grid under a split header with an outline button.","name":"blog15","title":"Blog 15 - Blog post cards in two columns without images","type":"registry:block"},{"description":"Full-width blog post rows, each with a thumbnail, date, title, linked tag pills, and an arrow button, divided by edge-to-edge rules.","name":"blog16","title":"Blog 16 - Blog post rows with thumbnails and tag pills","type":"registry:block"},{"description":"Blog post rows with a thumbnail, category, title, excerpt, and author byline, beside a column of category buttons that filter the posts in place.","name":"blog17","title":"Blog 17 - Blog post list with category filter","type":"registry:block"},{"description":"Compact blog post links showing only a title and date, laid out in a four-column grid of eight posts under a heading.","name":"blog18","title":"Blog 18 - Blog post title grid with dates","type":"registry:block"},{"description":"Four text-only blog posts in a row, each with a title, excerpt, and date aligned along the bottom, under a heading with an outline browse button.","name":"blog19","title":"Blog 19 - Blog post grid with four excerpts","type":"registry:block"},{"description":"Blog post list where each row pairs a publish date with a linked post title, set in two ruled columns under a heading and browse button.","name":"blog2","title":"Blog 2 - Blog post list with dates in two columns","type":"registry:block"},{"description":"A featured blog post with a square thumbnail, large title, excerpt, and author byline beside a ruled list of four more posts showing title and date.","name":"blog20","title":"Blog 20 - Featured blog post with post list","type":"registry:block"},{"description":"Blog post carousel of bordered cards with a cover image, corner category badge, title, and excerpt, running full width with arrow buttons and a view-all button below.","name":"blog21","title":"Blog 21 - Blog post carousel with view all button","type":"registry:block"},{"description":"A featured blog post with cover image, title, and author avatar byline beside a divided list of posts with square thumbnails and linked summaries.","name":"blog22","title":"Blog 22 - Featured blog post with thumbnail list","type":"registry:block"},{"description":"Stacked blog posts in a narrow centered column, each with a cover, category and byline, large title, excerpt, and read link.","name":"blog23","title":"Blog 23 - Centered blog post list","type":"registry:block"},{"description":"Blog post rows with a thumbnail beside a category badge, author, date, title, excerpt, and read-more link, closed by a centered view-all button.","name":"blog24","title":"Blog 24 - Blog post list with thumbnails","type":"registry:block"},{"description":"Text-only blog posts with a title, excerpt, and read time in a three-column grid, under a heading and a row of category pills.","name":"blog25","title":"Blog 25 - Blog post grid with category pills","type":"registry:block"},{"description":"A featured blog post with cover, title, excerpt, and byline beside a ruled list of latest post titles with author and date, under an oversized masthead heading.","name":"blog26","title":"Blog 26 - Featured blog post with masthead and latest posts","type":"registry:block"},{"description":"Bordered blog post cards with a cover image, title, excerpt, and read button in a three-column grid, with category radio filters and a load-more button.","name":"blog27","title":"Blog 27 - Blog post grid with filters and load more","type":"registry:block"},{"description":"A large featured blog post with cover and excerpt spanning a two-by-two cell, beside four smaller blog post cards with image, author, date, and title.","name":"blog28","title":"Blog 28 - Blog post bento grid with featured post","type":"registry:block"},{"description":"Blog post list where each row has a small thumbnail, title, short excerpt, tag badges, date, and arrow, divided by hairline rules.","name":"blog29","title":"Blog 29 - Blog post list with tag badges","type":"registry:block"},{"description":"Blog post cards with a cover image, category badge, title, excerpt, and author name over the date, in a three-column grid.","name":"blog3","title":"Blog 3 - Blog post grid with category badges and author","type":"registry:block"},{"description":"Blog post rows with a large rounded square image beside the title and date on one side and the excerpt and read link on the other.","name":"blog30","title":"Blog 30 - Blog post rows with square images","type":"registry:block"},{"description":"Blog post grid led by a full-image overlay card with title and date, beside tall post cards with thumbnail, date, title, and excerpt, under an animated masthead.","name":"blog31","title":"Blog 31 - Featured blog post grid with overlay card","type":"registry:block"},{"description":"Blog post cards with a cover, outline category badge beside the date, title, and excerpt, in a two-column grid of four posts.","name":"blog32","title":"Blog 32 - Blog post grid in two columns with badges","type":"registry:block"},{"description":"Blog post cards with an image, category badge, title, excerpt, date, and read time, in a four-column grid of eight posts under a centered heading.","name":"blog33","title":"Blog 33 - Blog post grid in four columns with categories","type":"registry:block"},{"description":"Four bordered blog post cards with an inset image, category badge, title, excerpt, and a footer with author avatar and read link, in a single row.","name":"blog34","title":"Blog 34 - Blog post cards with author footer","type":"registry:block"},{"description":"Blog post rows that alternate the cover image left and right, each with category, byline, large title, excerpt, and read link, under a centered heading.","name":"blog35","title":"Blog 35 - Blog post rows with alternating images","type":"registry:block"},{"description":"Text-first blog post rows with category badge, author, date, title, excerpt, and continue-reading link, with a small square thumbnail on the right.","name":"blog36","title":"Blog 36 - Blog post list with small thumbnails","type":"registry:block"},{"description":"Blog post rows with thumbnails, category badges, bylines, titles, and read-more links, beside a sticky sidebar with the heading and category filter buttons.","name":"blog37","title":"Blog 37 - Blog post list with category sidebar","type":"registry:block"},{"description":"A bordered featured blog post card with image, badge, title, and byline, followed by three bordered blog post cards with image, badge, excerpt, and author.","name":"blog38","title":"Blog 38 - Featured blog post card with post cards","type":"registry:block"},{"description":"A wide featured blog post with cover, category badge, title, excerpt, and byline beside a sidebar list of four posts with square thumbnails, titles, and dates.","name":"blog39","title":"Blog 39 - Featured blog post with sidebar list","type":"registry:block"},{"description":"Three blog post cards with a cover image, category badge, title, excerpt, and author avatar byline with date, under a heading with a mobile view-all button.","name":"blog4","title":"Blog 4 - Blog post grid with author avatars","type":"registry:block"},{"description":"A single featured blog post card split between a cover image and a text panel with category badge, title, excerpt, author, date, and read link.","name":"blog40","title":"Blog 40 - Featured blog post card","type":"registry:block"},{"description":"Blog post carousel showing three bordered cards at a time, each with an image, category badge, title, excerpt, and date chip, with arrow controls in the header.","name":"blog41","title":"Blog 41 - Blog post carousel with three cards","type":"registry:block"},{"description":"Blog post carousel of large centered cards with images, category badges, titles, and excerpts, with neighboring slides peeking in and dot pagination below.","name":"blog42","title":"Blog 42 - Centered blog post carousel with dots","type":"registry:block"},{"description":"Blog post carousel showing one bordered post card at a time, with image, category, title, and excerpt, beside a sticky intro with a button and arrow controls.","name":"blog43","title":"Blog 43 - Blog post carousel with sticky intro","type":"registry:block"},{"description":"Text-only blog post list where each row stacks the date and category, a linked title, and an excerpt, divided by hairline rules.","name":"blog44","title":"Blog 44 - Blog post list with excerpts","type":"registry:block"},{"description":"Compact blog post list where each row shows a small thumbnail, a linked title, and a date aligned to the right edge.","name":"blog45","title":"Blog 45 - Blog post list with thumbnails and dates","type":"registry:block"},{"description":"Bordered blog post cards with cover, category, date, title, and excerpt in a two-column grid, below a newsletter header with an email input and subscribe button.","name":"blog46","title":"Blog 46 - Blog post cards with newsletter signup","type":"registry:block"},{"description":"Bordered blog post cards with a cover, title, excerpt, and date and read time pinned to the bottom, in a three-column grid with a view-all link.","name":"blog47","title":"Blog 47 - Blog post cards with view all link","type":"registry:block"},{"description":"Blog post list where each row has a thumbnail, uppercase category above the title, and read time, date, and an arrow on the right.","name":"blog48","title":"Blog 48 - Blog post list with categories and read time","type":"registry:block"},{"description":"A wide featured blog post card with cover, category, excerpt, and read link beside two stacked blog post cards with cover, title, date, and read time.","name":"blog49","title":"Blog 49 - Featured blog post with stacked side cards","type":"registry:block"},{"description":"Up to nine blog post cards with a cover image, category badge, title, excerpt, and author avatar byline, in a three-column grid with a mobile view-all button.","name":"blog5","title":"Blog 5 - Large blog post grid with author avatars","type":"registry:block"},{"description":"Seven blog post cards in a three-column bento, mixing wide photo cards, tall side cards with covers, and compact text cards, each with a category badge, date, and arrow.","name":"blog50","title":"Blog 50 - Blog post bento grid","type":"registry:block"},{"description":"Bordered blog post cards with category, title, excerpt, date, and read time in a three-column grid, with category filter buttons, an empty state, and a view-all link.","name":"blog51","title":"Blog 51 - Blog post grid with filter buttons","type":"registry:block"},{"description":"A featured blog post card with an ultra-wide cover, category, author avatar, read time, and read link, above a four-column grid of post cards with date and read time.","name":"blog52","title":"Blog 52 - Featured blog post with four-column grid","type":"registry:block"},{"description":"A panoramic featured blog post card with excerpt and read link above three smaller blog post cards with photos, on a muted background with a view-all link.","name":"blog53","title":"Blog 53 - Wide featured blog post with post cards","type":"registry:block"},{"description":"Padded blog post cards with an inset cover, category, title, excerpt, and a footer with author avatar, date, and read time, in a two-column grid.","name":"blog54","title":"Blog 54 - Two-column blog post cards with avatars","type":"registry:block"},{"description":"Blog post rows that alternate the cover left and right, each with uppercase category, large title, excerpt, date, read time, and read link, divided by rules.","name":"blog55","title":"Blog 55 - Alternating blog post rows with read time","type":"registry:block"},{"description":"Short blog post list where each row has the category in a fixed left column, the linked title, and the date on the right, with an all-posts link.","name":"blog56","title":"Blog 56 - Blog post list with category column","type":"registry:block"},{"description":"Blog post archive grouped by year, with a year and post count above each divided list of thumbnails, titles, categories, dates, and arrows.","name":"blog57","title":"Blog 57 - Blog post archive grouped by year","type":"registry:block"},{"description":"Large blog post titles with an author, date, and read time byline, in a two-column grid of six posts under a breadcrumb and heading.","name":"blog58","title":"Blog 58 - Blog post titles with bylines in two columns","type":"registry:block"},{"description":"Blog post list of full-width ruled rows, each pairing a linked post title with a right-aligned publish date.","name":"blog59","title":"Blog 59 - Blog post list with titles and dates","type":"registry:block"},{"description":"Blog post cards with a cover image, an author and date line above the title, and a short excerpt, in a three-column grid of up to nine posts.","name":"blog6","title":"Blog 6 - Blog post grid with author and date first","type":"registry:block"},{"description":"Bordered blog post cards with a frosted category pill on the cover, title, excerpt, hover arrow, and a footer with author, read time, and date, in a three-column grid.","name":"blog60","title":"Blog 60 - Blog post cards with category pill and arrow","type":"registry:block"},{"description":"Outlined blog post cards with only a title and the author avatar and name pinned to the bottom, in a three-column grid.","name":"blog61","title":"Blog 61 - Blog post title cards with author","type":"registry:block"},{"description":"A single featured blog post split between a cover with category badge and a text column with linked title, excerpt, author byline, and read button.","name":"blog62","title":"Blog 62 - Featured blog post with split layout","type":"registry:block"},{"description":"Bordered blog post cards with a title, corner arrow, excerpt, and a ruled footer with author avatar and read time, in a three-column grid.","name":"blog63","title":"Blog 63 - Text-only blog post cards with author footer","type":"registry:block"},{"description":"Blog posts in two columns, each marked by a vertical rule on the left with a large title, excerpt, and date, under a centered heading.","name":"blog64","title":"Blog 64 - Blog post excerpts with left border","type":"registry:block"},{"description":"Blog post list of ruled rows laid out as three columns: publish date, linked post title, and author name on the right, with an outline button above.","name":"blog65","title":"Blog 65 - Blog post archive list with authors","type":"registry:block"},{"description":"Text-only blog post cards with a title, excerpt, and read cue, each card one link that gains a muted fill on hover, in a three-column grid.","name":"blog66","title":"Blog 66 - Text-only blog post cards with read link","type":"registry:block"},{"description":"A wide horizontal featured blog post with side cover, excerpt, author, and read link above four text-only blog post cards with author avatars and arrow links.","name":"blog67","title":"Blog 67 - Featured blog post with text post cards","type":"registry:block"},{"description":"Three blog post cards with a cover photo, category, title, excerpt, date, and read time, in a single row under a heading.","name":"blog68","title":"Blog 68 - Blog post cards in a row of three","type":"registry:block"},{"description":"Nine blog post cards with a cover photo, category, title, excerpt, and date, in a three-by-three grid under a heading.","name":"blog69","title":"Blog 69 - Blog post grid with nine posts","type":"registry:block"},{"description":"Blog post cards with an edge-to-edge cover, author and date, title, excerpt, and an arrow read-more link, in a three-column grid under a centered heading.","name":"blog7","title":"Blog 7 - Blog post cards with read more links","type":"registry:block"},{"description":"Three bordered blog post cards with an edge-to-edge cover, category, title, excerpt, and author avatar byline with date.","name":"blog70","title":"Blog 70 - Bordered blog post cards with author avatars","type":"registry:block"},{"description":"Six bordered blog post cards with an edge-to-edge cover, category, title, excerpt, author avatar byline, and read time, in a three-column grid.","name":"blog71","title":"Blog 71 - Bordered blog post grid with read time","type":"registry:block"},{"description":"Long blog post index of up to twelve rows, each with the date in a fixed left column, the linked title, and the category on the right.","name":"blog72","title":"Blog 72 - Blog post index with dates and categories","type":"registry:block"},{"description":"Numbered blog post list of up to twelve posts in two columns, each row showing a two-digit number, linked title, and date.","name":"blog73","title":"Blog 73 - Numbered blog post list in two columns","type":"registry:block"},{"description":"Nine blog post cards with a category pill on the cover photo, title, date, and arrow read link, in a three-by-three grid under a centered heading.","name":"blog74","title":"Blog 74 - Blog post grid with category pills and read links","type":"registry:block"},{"description":"Blog post rows with the title, excerpt, and meta in a narrow column on the left and a large square image on the right.","name":"blog75","title":"Blog 75 - Blog post rows with large images","type":"registry:block"},{"description":"Six blog post cards with a category pill on the cover photo, title, date, and arrow read link, in a three-column grid under a centered heading.","name":"blog76","title":"Blog 76 - Blog post cards with category pills","type":"registry:block"},{"description":"Nine compact bordered blog post cards with an edge-to-edge cover, category, title, excerpt, and author avatar byline, in a three-column grid.","name":"blog77","title":"Blog 77 - Compact bordered blog post cards","type":"registry:block"},{"description":"A single featured blog post card with a cover, title, excerpt, and read button, beside a breadcrumb, large heading, and description on a dotted muted band.","name":"blog78","title":"Blog 78 - Featured blog post on dotted background","type":"registry:block"},{"description":"Two blog post cards side by side with a cover, category, title, excerpt, date, and read time, under a heading and description.","name":"blog79","title":"Blog 79 - Two blog post cards with read time","type":"registry:block"},{"description":"Two wide blog post rows, each with uppercase tags, a large title, excerpt, author, date, and read-more link beside an image, under a centered heading.","name":"blog8","title":"Blog 8 - Blog post rows with tags and large images","type":"registry:block"},{"description":"Six blog post cards with a cover, category, title, excerpt, and date, in a two-column grid.","name":"blog80","title":"Blog 80 - Blog post grid in two columns","type":"registry:block"},{"description":"Two bordered blog post cards side by side, each with a cover, category, title, excerpt, and author avatar with date.","name":"blog81","title":"Blog 81 - Two bordered blog post cards with authors","type":"registry:block"},{"description":"Six bordered blog post cards with a cover, category, title, excerpt, author avatar byline, and read time, in a two-column grid.","name":"blog82","title":"Blog 82 - Bordered blog post grid with authors in two columns","type":"registry:block"},{"description":"Two blog post cards with a category chip on the cover, a large title, and a footer with the date and an arrow read link.","name":"blog83","title":"Blog 83 - Two blog post cards with image category chips","type":"registry:block"},{"description":"Four blog post cards with a category chip on the cover, a large title, and a footer with the date and an arrow read link, in a two-column grid.","name":"blog84","title":"Blog 84 - Blog post grid with image category chips","type":"registry:block"},{"description":"Six compact blog post cards with a category chip on the cover, a smaller title, and a footer with the date and an arrow read link, in two columns.","name":"blog85","title":"Blog 85 - Compact blog post cards with category chips","type":"registry:block"},{"description":"Four blog post cards with an image, uppercase category, title, excerpt, date, and read time, in a single row under a heading.","name":"blog86","title":"Blog 86 - Blog post cards in a row of four","type":"registry:block"},{"description":"Twelve blog post cards with a cover, uppercase category, title, excerpt, and date, in a four-column grid.","name":"blog87","title":"Blog 87 - Blog post grid with twelve posts","type":"registry:block"},{"description":"Eight bordered blog post cards with a cover, category, title, excerpt, and a byline with author avatar, date, and read time, in four columns.","name":"blog88","title":"Blog 88 - Bordered blog post grid in four columns","type":"registry:block"},{"description":"Twelve bordered blog post cards with a cover, category, title, excerpt, and author avatar byline with date, in a four-column grid.","name":"blog89","title":"Blog 89 - Large bordered blog post grid with authors","type":"registry:block"},{"description":"Text-only blog post cards with a title, excerpt, and date on a soft filled background, each card one link that deepens on hover, in a three-column grid.","name":"blog9","title":"Blog 9 - Text-only blog post cards with filled background","type":"registry:block"},{"description":"Four blog post cards with a category pill on the image, a title, and a footer with the date and read link, in a single row.","name":"blog90","title":"Blog 90 - Blog post row with category pills on images","type":"registry:block"},{"description":"Eight blog post cards with a category pill on the image, a title, and a footer with the date and arrow read link, in a four-column grid.","name":"blog91","title":"Blog 91 - Blog post grid with category pills on images","type":"registry:block"},{"description":"Twelve blog post cards with a category pill on the image, a title, and the date beside an arrow read link, in a four-column grid.","name":"blog92","title":"Blog 92 - Blog post index with category pills on images","type":"registry:block"},{"description":"Text-only blog post rows with a category badge, author, date, linked title, excerpt, and read-more link, divided by rules in a narrow reading column.","name":"blog93","title":"Blog 93 - Text-only blog post rows with read more","type":"registry:block"},{"description":"Blog post rows with a small square thumbnail on the left, then a category badge, author, date, linked title, excerpt, and continue-reading link.","name":"blog94","title":"Blog 94 - Blog post list with left thumbnails","type":"registry:block"},{"description":"Blog search section with a large search field, live result count, highlighted matches in titles and excerpts, a slash keyboard shortcut, and an empty state with suggested topics.","name":"blog95","title":"Blog 95 - Blog search with instant results","type":"registry:block"},{"description":"Three-column blog post grid showing six cards per page with numbered pagination, previous and next controls, ellipsis for long archives, and a live showing-range label.","name":"blog96","title":"Blog 96 - Paginated blog post grid","type":"registry:block"},{"description":"Blog list section with underline tabs for latest, popular, and editor's picks, where the popular tab ranks posts with read counts and picks carry a short editor note.","name":"blog97","title":"Blog 97 - Tabbed blog feed with popular posts","type":"registry:block"},{"description":"Author archive section with a large avatar, name, role, location, bio, RSS and social buttons, a stats column, and five of the author's blog post cards.","name":"blog98","title":"Blog 98 - Blog author profile with posts","type":"registry:block"},{"description":"Multi-part blog series with a sticky intro, author byline, total reading time, progress bar, and continue button beside a divided list of chapters with square images, marked read, up next, or coming soon.","name":"blog99","title":"Blog 99 - Blog series with reading progress","type":"registry:block"},{"description":"A single-post layout with centered title, subtitle, author row with avatar and site link, hero media, and prose body including headings, alert, table, and figures.","name":"blogpost1","title":"Blogpost 1 - Centered article with alert and table","type":"registry:block"},{"description":"A capped-width reading column with a fixed top progress indicator tied to scroll position, category label, and compact prose sections.","name":"blogpost10","title":"Blogpost 10 - Narrow article with reading progress bar","type":"registry:block"},{"description":"A two-column blog hero pairing a full-height image panel with title, author row, separator, and a bordered pull-quote figure without motion effects.","name":"blogpost11","title":"Blogpost 11 - Split hero with quote pull block","type":"registry:block"},{"description":"A centered title band above a capped prose column where the first paragraph opens with a large decorative initial letter and short section headings.","name":"blogpost12","title":"Blogpost 12 - Centered minimal article with drop cap","type":"registry:block"},{"description":"A wide article column beside a sticky aside listing categorized related reading links with hover states and external arrow icons.","name":"blogpost13","title":"Blogpost 13 - Two-column article with sticky related links","type":"registry:block"},{"description":"End-of-article section with filed-under tags, previous and next article links, a working comment form, and threaded comments with likes and replies.","name":"blogpost14","title":"Blogpost 14 - Article footer with tags and comments","type":"registry:block"},{"description":"A row of three related article cards with cover images, categories, linked titles, and dates, under a heading with a view all button.","name":"blogpost15","title":"Blogpost 15 - Related posts row","type":"registry:block"},{"description":"A comment thread with upvote and downvote arrows beside each comment, Top and Newest sort tabs, an author badge, collapsible replies, and a bordered composer.","name":"blogpost16","title":"Blogpost 16 - Comments with voting and sort tabs","type":"registry:block"},{"description":"A two-column discussion section with a sticky intro, participant avatars, and comment form on one side and a divided comment thread on the other.","name":"blogpost17","title":"Blogpost 17 - Two-column comments with sticky composer","type":"registry:block"},{"description":"Comments shown as bordered cards with header bars, an author badge, toggleable emoji reaction chips, nested reply cards, and a composer with a footer bar.","name":"blogpost18","title":"Blogpost 18 - Comment cards with emoji reactions","type":"registry:block"},{"description":"A muted comments panel that previews the two most liked comments with reply counts, expands to the full threaded discussion, and ends in a one-line composer.","name":"blogpost19","title":"Blogpost 19 - Collapsed comments preview","type":"registry:block"},{"description":"A two-column blog article with a sticky narrow column for back navigation, display title, and avatar byline beside a main column with hero image and full prose.","name":"blogpost2","title":"Blogpost 2 - Article with sticky sidebar","type":"registry:block"},{"description":"A numbered comment thread with permalinks and an author badge, followed by a guest reply form with name, email, comment, and a notify-me checkbox.","name":"blogpost20","title":"Blogpost 20 - Numbered comments with guest reply form","type":"registry:block"},{"description":"A blog article with a wide feature image, a title card overlapping its lower edge with category, date, byline, and summary, a large standfirst, and a centered prose body.","name":"blogpost21","title":"Blogpost 21 - Article with overlapping title card","type":"registry:block"},{"description":"A blog article with an oversized left-aligned headline and a sticky meta column holding the author bio, publish date, reading time, and share links beside the prose.","name":"blogpost22","title":"Blogpost 22 - Editorial article with meta column","type":"registry:block"},{"description":"A blog article with a split header of title and landscape image, a full-width collapsible summary panel with numbered takeaways and an in-this-article list, and a prose body at the same width.","name":"blogpost23","title":"Blogpost 23 - Split article with key takeaways","type":"registry:block"},{"description":"A centered blog article with a sticky audio player bar offering play and pause, a scrub slider, fifteen second skips, and a playback speed toggle above the prose.","name":"blogpost24","title":"Blogpost 24 - Article with listen player","type":"registry:block"},{"description":"A blog article with a sticky reader toolbar that changes text size and widens or narrows the prose column, with the bar matching the column width.","name":"blogpost25","title":"Blogpost 25 - Article with reading settings","type":"registry:block"},{"description":"A blog article with a floating pill showing a reading progress ring and the current section, opening a numbered contents list that works at every screen size.","name":"blogpost26","title":"Blogpost 26 - Article with floating contents pill","type":"registry:block"},{"description":"A blog article inside a multi-part series, with a banner showing part progress, previous and next buttons, a parts menu with release dates, and a portrait image.","name":"blogpost27","title":"Blogpost 27 - Series article with part navigation","type":"registry:block"},{"description":"A blog article with a newsletter bar that slides up after part of the post is read, with an email field, subscribe confirmation, and a dismiss button.","name":"blogpost28","title":"Blogpost 28 - Article with scroll subscribe bar","type":"registry:block"},{"description":"A text-led blog article with a standfirst where selecting any passage opens a floating toolbar to copy the quote or share it.","name":"blogpost29","title":"Blogpost 29 - Article with highlight to share","type":"registry:block"},{"description":"A long-form article block with a centered masthead, main column with prose sections, alerts and tables, sticky in-page navigation, and a bordered call-to-action aside on large screens.","name":"blogpost3","title":"Blogpost 3 - Article layout with sticky nav and promo column","type":"registry:block"},{"description":"A blog article with a contributor avatar stack, a sticky credits card with hover bios and publish and update dates, and an expandable change history.","name":"blogpost30","title":"Blogpost 30 - Article with contributors and updates","type":"registry:block"},{"description":"A related posts section pairing one large featured article card with summary and author beside a divided list of three posts with square thumbnails.","name":"blogpost31","title":"Blogpost 31 - Featured related post with list","type":"registry:block"},{"description":"A related posts carousel with a heading, description, and previous and next buttons, showing post cards with covers, categories, summaries, and dates.","name":"blogpost32","title":"Blogpost 32 - Related posts carousel","type":"registry:block"},{"description":"A compact related posts row of five small square thumbnails, each with a short title and read time, under a small heading with a view all link.","name":"blogpost33","title":"Blogpost 33 - Square thumbnail related posts row","type":"registry:block"},{"description":"A large up next card with a cover image, label, title, summary, author, and read button, followed by two smaller bordered links to other articles.","name":"blogpost34","title":"Blogpost 34 - Up next article card","type":"registry:block"},{"description":"A muted panel of four compact related post cards in two columns, each with a square thumbnail, category, title, author avatar, and read time.","name":"blogpost35","title":"Blogpost 35 - Compact related posts panel","type":"registry:block"},{"description":"A draggable carousel of small square post thumbnails with short titles, small arrow buttons beside the heading, and a thin scroll progress bar.","name":"blogpost36","title":"Blogpost 36 - Square thumbnail related posts carousel","type":"registry:block"},{"description":"A one-at-a-time related posts carousel where each slide is a large split card with image, category, title, summary, and read button, plus a counter, dots, and arrows.","name":"blogpost37","title":"Blogpost 37 - Single post related carousel","type":"registry:block"},{"description":"A centered heading above a carousel of three bordered post cards with covers, category badges, summaries, and author rows, with round arrow buttons on each side.","name":"blogpost38","title":"Blogpost 38 - Three card related posts carousel","type":"registry:block"},{"description":"A row of three related article cards with cover images, categories, linked titles, and dates, held to the article's reading width under a heading with a view all button.","name":"blogpost39","title":"Blogpost 39 - Related posts row in the reading column","type":"registry:block"},{"description":"A blog article with breadcrumbs, intro blurb, sectioned prose with alerts and tables, sticky section list, circular social share buttons, and a back-to-top control.","name":"blogpost4","title":"Blogpost 4 - Article with breadcrumbs, share rail, and back to top","type":"registry:block"},{"description":"A blog post layout with breadcrumbs, oversized headline, hero image, sectioned body with alerts and tables, and a narrow rail for on-page links and share buttons.","name":"blogpost5","title":"Blogpost 5 - Article with bold headline and offset section rail","type":"registry:block"},{"description":"A blog article with dotted hero background, centered title and share row, sticky chapter list, long-form prose with images, and repeated author card.","name":"blogpost6","title":"Blogpost 6 - Article with chapter list and patterned hero","type":"registry:block"},{"description":"This component displays a blog post layout with animated transitions for various elements such as the title, author information, and descriptions. It features an image, a publication date, content descriptions, and an author's avatar with details, making it suitable for showcasin","name":"blogpost7","title":"Blogpost 7 - Blog post layout with animated header","type":"registry:block"},{"description":"A centered article header with hero image, prose body, and a sticky right sidebar listing numbered section links with scroll-aware active states.","name":"blogpost8","title":"Blogpost 8 - Article with sidebar table of contents","type":"registry:block"},{"description":"A single-column article with read time and date, hero image, prose sections, a labeled share button row, and a bordered author biography card at the bottom.","name":"blogpost9","title":"Blogpost 9 - Article with author bio and share row","type":"registry:block"},{"description":"This component is designed to facilitate user engagement by providing a form for booking a demo, along with showcasing key benefits and a carousel of company logos. It features input fields for user information and preferences, a select dropdown for source discovery, and incorpor","name":"book-a-demo1","title":"Book A Demo 1 - Demo booking form with benefits and logos","type":"registry:block"},{"description":"This component is a demonstration booking block that includes a contact form, a section for animated testimonials, and a footer highlighting trusted partners or clients. The contact form allows users to enter personal details and company information, while the testimonials sectio","name":"book-a-demo2","title":"Book A Demo 2 - Demo booking with animated testimonials","type":"registry:block"},{"description":"The component combines a demo booking form with testimonial display functionality, aimed at facilitating user interaction through form inputs such as name, email, location, and more. It features customizable properties for headings, descriptions, and testimonials, making it suita","name":"book-a-demo3","title":"Book A Demo 3 - Demo booking form with testimonial cards","type":"registry:block"},{"description":"A full height calendar that switches between month and week, where clicking any day opens a side sheet to add an event and events can be dragged to another day.","name":"calendar1","title":"Calendar 1 - Month and Week Calendar","type":"registry:block"},{"description":"A month calendar with a sidebar holding a mini month and checkboxes for each calendar, so events can be shown or hidden by calendar.","name":"calendar10","title":"Calendar 10 - Month Calendar With Calendar List","type":"registry:block"},{"description":"A bordered week view with a business hours grid where you click or drag down a day to add an event, and click an event to edit or delete it.","name":"calendar11","title":"Calendar 11 - Simple Week Calendar","type":"registry:block"},{"description":"A full height day schedule with a mini month and day totals on the left, an hour grid in the middle, and a details panel for the selected event on the right.","name":"calendar12","title":"Calendar 12 - Day View Calendar","type":"registry:block"},{"description":"A Monday to Friday schedule with an all day lane for multi day events, shaded out of hours, and a toggle to show the full week.","name":"calendar13","title":"Calendar 13 - Work Week Calendar","type":"registry:block"},{"description":"A single day agenda card that lists events in order, shows free gaps between them as dashed slots you can click to fill, and marks the current time.","name":"calendar14","title":"Calendar 14 - Day Agenda Calendar","type":"registry:block"},{"description":"A day, three day, and week schedule with an inline quick add card, resizable events, and arrows that step by the number of days shown.","name":"calendar15","title":"Calendar 15 - Multi Day Calendar","type":"registry:block"},{"description":"A week planner with a column of event cards for each day, inline add forms, and drag and drop to move events between days.","name":"calendar16","title":"Calendar 16 - Week Planner Calendar","type":"registry:block"},{"description":"A week schedule turned on its side, with days as rows, hours across the top, and click or drag along a row to add an event.","name":"calendar17","title":"Calendar 17 - Horizontal Week Calendar","type":"registry:block"},{"description":"A full scheduler with day and week views, a mini month, calendar filters, and drag to create, move, and resize events.","name":"calendar18","title":"Calendar 18 - Day and Week Scheduler","type":"registry:block"},{"description":"A week calendar with a command bar that turns typed phrases like \"lunch fri 1pm 45m\" into a live draft event before you add it.","name":"calendar19","title":"Calendar 19 - Natural Language Week Calendar","type":"registry:block"},{"description":"A seven day hour timeline with a working range menu, where clicking any open slot adds an event at that time and events can be dragged to a new day and time.","name":"calendar2","title":"Calendar 2 - Week Timeline Calendar","type":"registry:block"},{"description":"A day planner where backlog tasks are dragged onto an hour timeline beside existing meetings, with a workload bar that warns when the workday is overbooked.","name":"calendar20","title":"Calendar 20 - Time Blocking Day Planner","type":"registry:block"},{"description":"A day schedule with one column per staff member, live check-in statuses, a waiting room queue, and appointments that can be dragged to another practitioner or time.","name":"calendar21","title":"Calendar 21 - Front Desk Day Schedule","type":"registry:block"},{"description":"A month calendar for releases where multi-day workstreams stack as spanning bars, milestones show as markers, and freeze windows are shaded across the dates they block.","name":"calendar22","title":"Calendar 22 - Release Calendar With Freeze Windows","type":"registry:block"},{"description":"A rental availability calendar with one row per listing, stays drawn from check-in to check-out, nightly rates in open cells, and drag to block, hold, or resize stays.","name":"calendar23","title":"Calendar 23 - Multi Listing Availability Calendar","type":"registry:block"},{"description":"A weekly class timetable with category and time of day filters, instructor avatars, live spots left, and book or waitlist buttons on every class.","name":"calendar24","title":"Calendar 24 - Weekly Class Timetable","type":"registry:block"},{"description":"An agenda view with a two week day strip, a list of the chosen day's events with a now marker, and a detail panel with a countdown, RSVP choices, and guest responses.","name":"calendar25","title":"Calendar 25 - Agenda With Day Strip","type":"registry:block"},{"description":"A team week board showing each person's working location and busy time per day, with checkboxes that reveal shared free slots and turn one into a meeting invite.","name":"calendar26","title":"Calendar 26 - Team Week With Free Time Finder","type":"registry:block"},{"description":"A compact month calendar with event dots, a list of the selected day's events, and a dialog to add, edit, or delete events.","name":"calendar3","title":"Calendar 3 - Simple Month Calendar","type":"registry:block"},{"description":"A full height month calendar where clicking any day opens a dialog to add an event, with event chips, a +N more count, and a day list below the grid.","name":"calendar4","title":"Calendar 4 - Month Calendar With Events","type":"registry:block"},{"description":"A card pairing the shadcn calendar, with dots on days that have events, beside a list of the chosen day's events with times and locations.","name":"calendar5","title":"Calendar 5 - Calendar Card With Day Events","type":"registry:block"},{"description":"A full year view of twelve mini months where events, holidays, and time off are tinted, with year navigation, a legend, and details for the selected day.","name":"calendar6","title":"Calendar 6 - Year Calendar Overview","type":"registry:block"},{"description":"A phone style calendar card that shows one week and expands into the full month, with a timeline of the selected day's events underneath.","name":"calendar7","title":"Calendar 7 - Expandable Week Strip Calendar","type":"registry:block"},{"description":"A month calendar where clicking a day or an event opens a dialog to add, edit, or delete it with a title, date, times, and color.","name":"calendar8","title":"Calendar 8 - Month Calendar With Event Dialog","type":"registry:block"},{"description":"A three month availability calendar where each date shows open, limited, booked, or closed, with a summary of open sessions for the chosen date.","name":"calendar9","title":"Calendar 9 - Availability Date Picker","type":"registry:block"},{"description":"A careers intro with an outline hiring badge, a large heading, a short company paragraph, a link to open roles, and three reason columns.","name":"careers-intro1","title":"Careers Intro 1 - Company intro with three reasons","type":"registry:block"},{"description":"A careers intro with the hiring pitch in one column and three stacked reasons in the other.","name":"careers-intro2","title":"Careers Intro 2 - Company intro beside reasons","type":"registry:block"},{"description":"A centered careers intro with a heading, one paragraph, a link, and a wide workplace photograph with three reasons beneath it.","name":"careers-intro3","title":"Careers Intro 3 - Centered company intro over a photograph","type":"registry:block"},{"description":"A careers intro with the hiring pitch beside a sliding set of workplace photographs and three icon reasons underneath.","name":"careers-intro4","title":"Careers Intro 4 - Company intro beside a photo slider","type":"registry:block"},{"description":"A careers section with a page heading, supporting copy, and repeating department blocks where each role is a row with title, location, and arrow link animation.","name":"careers1","title":"Careers 1 - Careers list grouped by department","type":"registry:block"},{"description":"Two-column careers section with a sticky benefits intro beside a muted box of divided role rows, department badges, locations, and view-role actions.","name":"careers10","title":"Careers 10 - Sticky culture column with job rows","type":"registry:block"},{"description":"Careers section that leads with one large featured role card, then a two-column grid of compact supporting listings.","name":"careers11","title":"Careers 11 - Featured opening with supporting roles","type":"registry:block"},{"description":"Careers listings with department tabs that filter a three-column card grid without collapsing the section height.","name":"careers12","title":"Careers 12 - Department tabs over a job card grid","type":"registry:block"},{"description":"A careers section with one featured role beside a tall workplace photograph, then a two-column grid of shorter listings.","name":"careers13","title":"Careers 13 - Split Featured Opening","type":"registry:block"},{"description":"A careers section with a featured role over a full photograph, then listings that each show a photograph from their team.","name":"careers14","title":"Careers 14 - Banner Opening With Category Photos","type":"registry:block"},{"description":"A careers section with a featured role beside an office photograph, then a list where each opening shows a photograph of its city.","name":"careers15","title":"Careers 15 - Listings With Location Photos","type":"registry:block"},{"description":"A careers section with a featured role under a wide photograph, then team groups that each sit on a background photograph from that room.","name":"careers16","title":"Careers 16 - Openings Grouped By Category","type":"registry:block"},{"description":"A careers band with outline badge, title, fallback hiring note, and rows of jobs showing type, city, remote label, and an apply button on a dashed grid background.","name":"careers2","title":"Careers 2 - Job openings grid with dashed frame","type":"registry:block"},{"description":"A careers block that prints category badges, then stacked job links with titles, one-line descriptions, map-prefixed locations, and trailing arrows.","name":"careers3","title":"Careers 3 - Categorized job openings with badges","type":"registry:block"},{"description":"A minimal careers section with configurable heading and grouped job rows showing title, location, and arrow link per opening.","name":"careers4","title":"Careers 4 - Simple careers heading with category sections","type":"registry:block"},{"description":"A careers section with a centered title, one supporting sentence, and a container-width list of roles showing title link, description, location, and salary.","name":"careers5","title":"Careers 5 - Centered careers title with full-width job stack","type":"registry:block"},{"description":"A careers block with centered hero copy, quick stats row, and detailed job cards listing department, location, schedule, compensation, experience, and apply actions.","name":"careers6","title":"Careers 6 - Careers page with stats header and job cards","type":"registry:block"},{"description":"Careers section with an intro, category subheads, and rows for role title, location, and an outline button linking to each listing.","name":"careers7","title":"Careers 7 - Grouped careers listings with row actions","type":"registry:block"},{"description":"Department select filters a list of categories; each block shows a large category title and a responsive grid of cards with role name, location, and link target.","name":"careers8","title":"Careers 8 - Filterable open positions by department","type":"registry:block"},{"description":"Gradient-backed section with centered intro, separator-divided rows of department badge, role, location, trailing arrow, and footer copy linking to unsolicited applications.","name":"careers9","title":"Careers 9 - Careers openings grid with general application link","type":"registry:block"},{"description":"This component showcases a set of visually engaging case study cards, each with interactive hover effects, designed to highlight how various solutions can enhance business growth and performance. Users can explore different case studies through dynamic imagery, logos, and descrip","name":"case-studies1","title":"Case Studies 1 - Case study grid with hover image cards","type":"registry:block"},{"description":"Two landscape case study cards visible at once with soft edge fade masks hinting at more content, advancing one card at a time.","name":"case-studies10","title":"Case Studies 10 - Masked two-up landscape case study carousel","type":"registry:block"},{"description":"Static three-column grid of case study cards with portrait imagery, company logos, and titles beneath a centered section heading.","name":"case-studies11","title":"Case Studies 11 - Three-column case study grid with centered heading","type":"registry:block"},{"description":"A static 2×2 grid of landscape case study cards with logos, titles, descriptions, and read-more links over full-bleed imagery.","name":"case-studies12","title":"Case Studies 12 - Two-by-two case study grid with landscape cards","type":"registry:block"},{"description":"Four case-study cards with cover images, large outcome metrics, and short client stories.","name":"case-studies13","title":"Case Studies 13 - Case study metric cards","type":"registry:block"},{"description":"A case studies list with one featured story and photograph, plus four supporting stories with logos, tags, titles, and read links, and no dividing borders.","name":"case-studies14","title":"Case Studies 14 - Featured Story And Four Studies","type":"registry:block"},{"description":"A three-column grid of six case-study cards, each with a cover photo, outcome metric, category badge, and short client story.","name":"case-studies15","title":"Case Studies 15 - Six Metric Case Study Cards","type":"registry:block"},{"description":"Three left-aligned customer quotes with portraits, company logos, and one outcome metric in a muted box.","name":"case-studies18","title":"Case Studies 18 - Three Quote Studies With Metrics","type":"registry:block"},{"description":"A grid of customer story cards with logos over the cover where opening one morphs the card into a centered case study with a summary, headline result, and link.","name":"case-studies19","title":"Case Studies 19 - Shared Element Case Study Cards","type":"registry:block"},{"description":"This component displays case studies highlighting user testimonials and key performance metrics such as satisfaction rates and ROI improvement. It features visual and text elements including user quotes, images, and company logos to illustrate the impact and effectiveness of a pr","name":"case-studies2","title":"Case Studies 2 - Case studies with quotes and metrics","type":"registry:block"},{"description":"This component displays a curated selection of case studies, featuring a prominent highlighted case study alongside additional entries. It supports customizable data input for logos, companies, tags, titles, and links, allowing users to explore detailed case study content with en","name":"case-studies3","title":"Case Studies 3 - Featured case study with supporting grid","type":"registry:block"},{"description":"This component displays a case study block highlighting significant improvements and achievements, featuring key statistics, an author profile, and a summary. It includes a call-to-action button that guides users to read the full story, making it useful for showcasing success sto","name":"case-studies4","title":"Case Studies 4 - Case study spotlight with stats and CTA","type":"registry:block"},{"description":"This component is a carousel block that showcases a series of testimonials with accompanying logos and images. It allows users to navigate through different slides, displaying dynamic content and animations for an engaging user experience.","name":"case-studies5","title":"Case Studies 5 - Case study carousel with testimonials","type":"registry:block"},{"description":"A horizontal carousel of case study cards with edge fade masks, company logos, titles over full-bleed imagery, and dot pagination.","name":"case-studies6","title":"Case Studies 6 - Masked case study carousel with logo cards","type":"registry:block"},{"description":"Case study carousel showing three portrait cards at once on medium screens, advancing one card per step with dot pagination and no edge masks.","name":"case-studies8","title":"Case Studies 8 - Three-up case study carousel stepping one at a time","type":"registry:block"},{"description":"Case study carousel showing two landscape cards side by side, advancing one card at a time with logos, titles, descriptions, and read-more links.","name":"case-studies9","title":"Case Studies 9 - Two-up landscape case study carousel","type":"registry:block"},{"description":"This component displays a detailed case study highlighting improvements in system reliability through AI monitoring, featuring key metrics, narrative sections, and visual elements. It also includes breadcrumbs for navigation, alerts for important notes, and buttons for user inter","name":"case-study1","title":"Case Study 1 - Long-form case study with metrics and sidebar","type":"registry:block"},{"description":"This component presents a detailed case study layout, including sections for introduction, problem statement, approach, and outcomes, with navigable headings to guide users through different sections of content. It includes features such as breadcrumbs for navigation, avatar inte","name":"case-study3","title":"Case Study 3 - Case study with section navigation and avatars","type":"registry:block"},{"description":"The component \"CaseStudy8\" is designed to present a detailed narrative with accompanying visuals, including an image and structured text sections for titles, paragraphs, and lists. It also incorporates an informational sidebar that displays company-related details such as logo, s","name":"case-study8","title":"Case Study 8 - Case study article with company sidebar","type":"registry:block"},{"description":"Stacked release entries pair a narrow sticky column of version badge and date with titles, descriptions, optional bullet lists, images, and external learn-more links.","name":"changelog1","title":"Changelog 1 - Changelog with sticky version and date rail","type":"registry:block"},{"description":"Centered page title with NEW badge, supporting blurb, inline email field and submit control, plus a dashed vertical timeline of posts with images, headlines, and linked prose.","name":"changelog2","title":"Changelog 2 - Changelog hero with email capture and timeline","type":"registry:block"},{"description":"Each update pairs a sticky date with colored category labels, prose heading and body with inline links, a bordered image, and horizontal separators between articles.","name":"changelog3","title":"Changelog 3 - Two-column changelog posts with category dots","type":"registry:block"},{"description":"Large changelog title, muted social follow bar, optional vertical timeline that fills with scroll, and two rich posts with hero images, avatars, dates, and nested headings and lists.","name":"changelog4","title":"Changelog 4 - Changelog feed with social strip and scroll progress line","type":"registry:block"},{"description":"Muted intro band with subscribe links, then a wide layout with sticky date links, vertical separator, and stacked posts showing imagery, category dots, rich prose, avatars, and bylines.","name":"changelog5","title":"Changelog 5 - Changelog with sticky date navigation and author footers","type":"registry:block"},{"description":"Bordered page frame lists releases with dates, oversized titles, clickable hero art, excerpts, stacked contributor avatars, and icon buttons for expand, copy, and external open beside rich overlay content.","name":"changelog6","title":"Changelog 6 - Changelog entries with full release overlay and icon actions","type":"registry:block"},{"description":"Desktop sidebar lists each release title with version and date, scroll state highlights the active item, and the main column shows badge, date, copy, optional bulleted insets, and hover-zoom imagery.","name":"changelog8","title":"Changelog 8 - Changelog with on-this-page sidebar and smooth jumps","type":"registry:block"},{"description":"A card containing an area chart with gradient fill, grid lines, and interactive tooltips.","name":"chart-card1","title":"Chart Card 1 - Area Chart Card","type":"registry:block"},{"description":"A vertical stacked bar chart card showing multiple data series as segments within each bar.","name":"chart-card10","title":"Chart Card 10 - Stacked Bar Chart","type":"registry:block"},{"description":"A horizontal 100% stacked bar chart showing proportional breakdown across categories.","name":"chart-card11","title":"Chart Card 11 - 100% Stacked Bar Chart","type":"registry:block"},{"description":"A minimal stacked bar chart with category labels only, no Y-axis for a cleaner look.","name":"chart-card12","title":"Chart Card 12 - Stacked Bar with No Y-Axis","type":"registry:block"},{"description":"A bar chart with values above and below zero, using different colors for positive and negative values.","name":"chart-card13","title":"Chart Card 13 - Positive/Negative Bar Chart","type":"registry:block"},{"description":"An area chart showing a min/max range band with an average line overlay.","name":"chart-card14","title":"Chart Card 14 - Range Area Chart","type":"registry:block"},{"description":"A waterfall chart showing how an initial value changes through a series of increases and decreases to reach a final total.","name":"chart-card15","title":"Chart Card 15 - Waterfall Chart","type":"registry:block"},{"description":"A circular progress ring showing percentage completion toward a goal with centered value display.","name":"chart-card16","title":"Chart Card 16 - Radial Progress Chart","type":"registry:block"},{"description":"A speedometer-style half-circle gauge with needle indicator and colored performance zones.","name":"chart-card17","title":"Chart Card 17 - Semi-Circle Gauge","type":"registry:block"},{"description":"Concentric progress rings showing multiple metrics simultaneously, inspired by fitness activity trackers.","name":"chart-card18","title":"Chart Card 18 - Multi-Ring Progress","type":"registry:block"},{"description":"A circular bar chart with concentric bars of varying lengths representing different categories.","name":"chart-card19","title":"Chart Card 19 - Radial Bar Chart","type":"registry:block"},{"description":"An area chart card with tabs to switch between 7-day, 30-day, and 90-day time periods.","name":"chart-card2","title":"Chart Card 2 - Area Chart with Time Selector","type":"registry:block"},{"description":"A radar/spider chart showing multiple dimensions as a polygon shape for multi-attribute comparison.","name":"chart-card20","title":"Chart Card 20 - Radar Chart","type":"registry:block"},{"description":"A funnel visualization showing progressive conversion through stages with decreasing bar widths.","name":"chart-card21","title":"Chart Card 21 - Funnel Chart","type":"registry:block"},{"description":"A treemap visualization showing hierarchical data as nested rectangles sized by value.","name":"chart-card22","title":"Chart Card 22 - Treemap Chart","type":"registry:block"},{"description":"A scatter plot showing correlation between two variables as positioned dots.","name":"chart-card23","title":"Chart Card 23 - Scatter Plot","type":"registry:block"},{"description":"A bubble chart with variable-sized dots encoding three dimensions of data plus color for grouping.","name":"chart-card24","title":"Chart Card 24 - Bubble Chart","type":"registry:block"},{"description":"An area chart with a horizontal reference line showing a target or benchmark value.","name":"chart-card25","title":"Chart Card 25 - Chart with Target Line","type":"registry:block"},{"description":"A bullet chart showing actual value against a target with colored performance ranges in the background.","name":"chart-card26","title":"Chart Card 26 - Bullet Chart","type":"registry:block"},{"description":"An area chart with colored background zones indicating normal, warning, and critical threshold ranges.","name":"chart-card27","title":"Chart Card 27 - Chart with Threshold Zones","type":"registry:block"},{"description":"A card containing a vertical bar chart with rounded tops and interactive tooltips.","name":"chart-card3","title":"Chart Card 3 - Bar Chart Card","type":"registry:block"},{"description":"A card containing a horizontal bar chart with category labels on the left and values extending right.","name":"chart-card4","title":"Chart Card 4 - Horizontal Bar Chart Card","type":"registry:block"},{"description":"A donut chart card with center stat display and a legend list showing category breakdowns.","name":"chart-card5","title":"Chart Card 5 - Donut Chart with Legend","type":"registry:block"},{"description":"A line chart card comparing two data series with a legend, using solid and dashed lines.","name":"chart-card6","title":"Chart Card 6 - Multi-Line Comparison Chart","type":"registry:block"},{"description":"An area chart card with a footer showing trend indicator and summary text.","name":"chart-card7","title":"Chart Card 7 - Chart Card with Footer Stats","type":"registry:block"},{"description":"A grouped bar chart card comparing two data series side by side with a legend.","name":"chart-card8","title":"Chart Card 8 - Grouped Bar Chart Card","type":"registry:block"},{"description":"A stacked area chart card showing multiple data series layered to display composition over time.","name":"chart-card9","title":"Chart Card 9 - Stacked Area Chart","type":"registry:block"},{"description":"A two-column layout with an area chart and bar chart displayed side by side.","name":"chart-group1","title":"Chart Group 1 - Two Charts Side by Side","type":"registry:block"},{"description":"A DevOps-style view with request volume chart and service health status panel.","name":"chart-group10","title":"Chart Group 10 - Infrastructure Monitoring View","type":"registry:block"},{"description":"A card with a working date range picker that filters chart data and updates summary statistics.","name":"chart-group11","title":"Chart Group 11 - Revenue Chart with Date Range Picker","type":"registry:block"},{"description":"A complete dashboard layout with preset date buttons, custom date range picker, stats row, and multiple chart cards that all respond to date selection.","name":"chart-group12","title":"Chart Group 12 - Full Dashboard with Date Controls","type":"registry:block"},{"description":"An analytics dashboard with a combined preset/calendar picker, stat cards with sparklines, and a large chart row showing revenue and user correlation.","name":"chart-group13","title":"Chart Group 13 - Analytics Bento with Preset Calendar","type":"registry:block"},{"description":"A comprehensive analytics bento dashboard with select dropdown presets, date range picker, stat cards with icons and badges, charts, top pages list, and active users section.","name":"chart-group14","title":"Chart Group 14 - Full Analytics Bento Dashboard","type":"registry:block"},{"description":"A sophisticated analytics dashboard with date range navigation arrows, compare toggle, export menu, switchable chart views, and multiple visualization types in a bento grid.","name":"chart-group15","title":"Chart Group 15 - Business Analytics Bento with Navigation","type":"registry:block"},{"description":"A layout with one large primary chart spanning full width and two smaller detail charts below.","name":"chart-group2","title":"Chart Group 2 - Main Chart with Detail Charts","type":"registry:block"},{"description":"A main chart showing monthly trends with sparkline cards zooming into the last 7 days of key metrics.","name":"chart-group3","title":"Chart Group 3 - Main Chart with Weekly Trends","type":"registry:block"},{"description":"A single card with tabs to switch between different chart visualizations of related metrics.","name":"chart-group4","title":"Chart Group 4 - Simple Tab Chart View","type":"registry:block"},{"description":"A comparison layout with a dual-line chart and summary card showing year-over-year growth.","name":"chart-group5","title":"Chart Group 5 - Year over Year Comparison","type":"registry:block"},{"description":"A two-column layout with a donut chart showing device breakdown and a horizontal bar chart showing browser usage.","name":"chart-group6","title":"Chart Group 6 - Donut and Bar Chart Pair","type":"registry:block"},{"description":"A section with a four-stat row above a full-width area chart.","name":"chart-group7","title":"Chart Group 7 - Stats Row with Chart Below","type":"registry:block"},{"description":"A bento-style grid with four different chart types arranged in varying sizes.","name":"chart-group8","title":"Chart Group 8 - Bento Grid with Mixed Charts","type":"registry:block"},{"description":"A card with a dropdown selector to switch between three different chart views showing various metrics.","name":"chart-group9","title":"Chart Group 9 - Dropdown Chart View","type":"registry:block"},{"description":"This component is a checkout block that facilitates online purchasing by managing cart items and payment details. It features forms for user information, address, shipping methods, and payment options, integrating an accordion layout for a step-by-step process.","name":"checkout1","title":"Checkout 1 - Accordion checkout with cart and payment steps","type":"registry:block"},{"description":"This component facilitates an interactive checkout process, allowing users to input personal details, select shipping options, and choose a saved payment method from a list. It features sections for displaying the product list, summary of charges, and detailed payment and shippin","name":"checkout10","title":"Checkout 10 - Checkout with cart summary and saved payment methods","type":"registry:block"},{"description":"This component provides a multi-step checkout process including contact, shipping, payment, and review steps, allowing users to manage order details and progress through the purchase journey. Features include interactive form handling, step navigation, product listing, and a deta","name":"checkout12","title":"Checkout 12 - Multi-step checkout with progress and order review","type":"registry:block"},{"description":"This component facilitates a comprehensive e-commerce checkout process, allowing users to input contact information, shipping address, choose a shipping method, and select a payment method. It includes an order summary where users can view, modify quantities, and remove items fro","name":"checkout2","title":"Checkout 2 - Two-column checkout with cart and address forms","type":"registry:block"},{"description":"This component facilitates a comprehensive checkout process, integrating functionalities for managing cart items, collecting contact and address details, and selecting payment and shipping methods. Designed with a flexible schema validation, it supports multiple payment options i","name":"checkout3","title":"Checkout 3 - Checkout with collapsible cart and accordion sections","type":"registry:block"},{"description":"This component serves as a comprehensive checkout block that handles both shopping cart management and payment processing. Users can manage item quantities, view total prices, and choose from multiple payment methods, including credit card and PayPal, while ensuring form validati","name":"checkout4","title":"Checkout 4 - Cart review beside payment method selection","type":"registry:block"},{"description":"The component provides a detailed checkout form that includes order summary, email input, card payment details, and promo code application, using react-hook-form and zod for validation. It allows users to input billing information, apply a coupon code, and choose payment methods ","name":"checkout5","title":"Checkout 5 - Order summary with promo and payment methods","type":"registry:block"},{"description":"This component is a comprehensive checkout form that facilitates the entire purchase process, including cart overview, address entry, and payment methods. It leverages the `react-hook-form` library for form handling and supports multiple payment options such as credit card, PayPa","name":"checkout8","title":"Checkout 8 - Accordion checkout with cart, addresses, and payment","type":"registry:block"},{"description":"This component serves as a versatile code example block that allows users to explore and copy multi-language database query examples, such as JavaScript, Python, Go, and Ruby, with integration for ORMs and raw SQL. It features tabbed navigation to switch between languages, a copy","name":"code-example1","title":"Code Example 1 - Tabbed database query examples in multiple languages","type":"registry:block"},{"description":"A centered hero explaining database connectivity, language pickers with logos, framework tabs or a mobile select, sample Postgres-oriented snippets per stack, copy control, and a documentation link.","name":"code-example11","title":"Code Example 11 - Database Examples by Stack","type":"registry:block"},{"description":"A file-management hero with dotted radial backdrop, dual CTAs, accordion rows for create, update, and delete flows, and a synced TypeScript example in a scrollable code block with copy.","name":"code-example14","title":"Code Example 14 - File Ops Accordion and Code","type":"registry:block"},{"description":"A centered analytics pitch with eyebrow, headline, supporting copy, primary CTA, and a code panel that switches among server, client hook, and React UI examples via tabs or a compact selector.","name":"code-example16","title":"Code Example 16 - Analytics Snippet Modes","type":"registry:block"},{"description":"This component provides a visual interface for displaying code examples of HTTP requests in multiple programming languages, including JavaScript, Python, and Go. It features a code block with selectable files, language switching options, and a button for copying code, making it i","name":"code-example2","title":"Code Example 2 - HTTP request examples with language tabs and copy","type":"registry:block"},{"description":"This component showcases the use of custom hooks to manage and toggle themes within a React application. It includes interactive code blocks and provides a clear implementation example, demonstrating how to integrate theme switching with a button and visual indicators.","name":"code-example3","title":"Code Example 3 - Theme switching hook example with interactive code","type":"registry:block"},{"description":"This component provides an intuitive interface for exploring a file structure with a tree view and examining the content of selected files in a code block. Ideal for users looking to navigate through and interact with code examples effectively, it facilitates seamless file browsi","name":"code-example4","title":"Code Example 4 - File tree with selectable code preview","type":"registry:block"},{"description":"This component provides a code explorer, allowing users to interactively select and view code examples for different API integrations including REST, GraphQL, and WebSocket. It features language switching tabs, displays code snippets with syntax highlighting, and offers a copy-to","name":"code-example5","title":"Code Example 5 - API integration snippets with protocol and language tabs","type":"registry:block"},{"description":"A marketing section with a headline, three selectable snippet cards for debounce, local storage, and fetch hooks, a syntax-highlighted code block with copy control, and an outline CTA.","name":"code-example6","title":"Code Example 6 - Selectable Hook Snippets","type":"registry:block"},{"description":"A centered community section with a small logo, a two-line headline with a muted second line, and outline icon buttons for X, GitHub, and Discord.","name":"community1","title":"Community 1 - Centered invite with logo and outline social buttons","type":"registry:block"},{"description":"A heading and supporting sentence above a responsive grid of bordered cards for Twitter, LinkedIn, GitHub, and Discord, each with an icon, title, description, and hover arrow cue.","name":"community2","title":"Community 2 - Community links in a responsive four-card grid","type":"registry:block"},{"description":"A badge-labeled community header, supporting line with emphasized words, and three shadcn/ui cards for Twitter, GitHub, and Discord with oversized icons and short blurbs.","name":"community3","title":"Community 3 - Community badge with three large platform cards","type":"registry:block"},{"description":"A centered title and subtitle above four full-height cards for Facebook, YouTube, X, and Instagram with radial dark backgrounds, dot texture, tinted icons, and chevron link rows.","name":"community4","title":"Community 4 - Dark gradient tiles for four social destinations","type":"registry:block"},{"description":"A GitHub community badge and intro above a wide card showing org logo, repo link, description, star, fork, and contributor stats over a grid pattern, plus small bordered Discord, X, and LinkedIn tiles.","name":"community5","title":"Community 5 - GitHub spotlight card with stats and compact social links","type":"registry:block"},{"description":"A bold centered headline and subcopy above six shadcn/ui cards for Twitter, GitHub, Discord, LinkedIn, Slack, and Bluesky, each with a dotted circular icon frame, title, and short description.","name":"community6","title":"Community 6 - Six-way community grid with dotted icon rings","type":"registry:block"},{"description":"A centered heading and intro line above a three-column grid of panels for six networks, each showing the icon, title, full URL, online or offline label, and formatted follower numbers.","name":"community7","title":"Community 7 - Social channels with URLs, status dots, and follower counts","type":"registry:block"},{"description":"A multi-section company creation form with categorized fields for basic info, location, social links, metrics, and additional details using combobox and tag inputs.","name":"companies-create1","title":"Companies Create 1 - Sectioned Company Form","type":"registry:block"},{"description":"A company database view with table listing and slide-out sheet form for creating new entries with combobox and tag selection inputs.","name":"companies-create2","title":"Companies Create 2 - Company List with Sheet Form","type":"registry:block"},{"description":"A company table view with dialog modal form for creating new entries featuring combobox team selection and multi-select category tags.","name":"companies-create3","title":"Companies Create 3 - Company List with Dialog Form","type":"registry:block"},{"description":"A dialog-based company creation form with logo upload, contact fields with icons, and streamlined input layout for quick data entry.","name":"companies-create4","title":"Companies Create 4 - Simple Company Dialog Form","type":"registry:block"},{"description":"A dialog-based company creation form with grid layout, logo upload with preview, and essential contact fields for streamlined data entry.","name":"companies-create5","title":"Companies Create 5 - Grid Layout Company Dialog","type":"registry:block"},{"description":"A company list table with clickable rows that open a slide-out sheet displaying detailed company information with icons and category badges.","name":"companies-detail1","title":"Companies Detail 1 - Company Table with Detail Sheet","type":"registry:block"},{"description":"A company list table with clickable rows opening a detail sheet showing comprehensive company information including mission, tech stack, and funding details.","name":"companies-detail2","title":"Companies Detail 2 - Company Table with Extended Detail","type":"registry:block"},{"description":"A feature-rich company data table with TanStack Table, sortable columns, row selection, column filtering, and filter popover for industry and funding filters.","name":"companies-list1","title":"Companies List 1 - Advanced Company Data Table","type":"registry:block"},{"description":"A data table with TanStack Table featuring sortable columns, row selection, search filtering, column visibility toggle, and add company button.","name":"companies-list2","title":"Companies List 2 - Company Table with Column Visibility","type":"registry:block"},{"description":"A company benefits section with one candid office photo, a coworker quote, and LinkedIn and Glassdoor scores.","name":"company-benefits1","title":"Company Benefits 1 - Portrait photo with quote and ratings","type":"registry:block"},{"description":"A company benefits section with four employer scores, one workplace photograph, and four perks. No coworker quote.","name":"company-benefits2","title":"Company Benefits 2 - Employer scores beside a workplace photo","type":"registry:block"},{"description":"A company benefits section with two workplace photographs beside three stacked perks, a coworker quote, and employer scores.","name":"company-benefits3","title":"Company Benefits 3 - Two photos beside stacked perks","type":"registry:block"},{"description":"A company benefits section that leads with large LinkedIn and Glassdoor scores, then a quote, a wide photograph, and three perks.","name":"company-benefits4","title":"Company Benefits 4 - Employer scores above a workplace photo","type":"registry:block"},{"description":"This component allows users to compare multiple products side-by-side by displaying their specifications and key features in a tabular format. It includes interactive elements such as badges, pricing details, product ratings, and an option to directly add items to the cart.","name":"compare-products1","title":"Compare Products 1 - Side-by-side product comparison with specs and cart","type":"registry:block"},{"description":"This component, \"CompareProducts2,\" is designed for comparing multiple products with specific characteristics and specifications presented in a tabular format. It allows users to view product images, prices, ratings, and additional product details, facilitating easy comparison an","name":"compare-products2","title":"Compare Products 2 - Product comparison table with images and pricing","type":"registry:block"},{"description":"This component allows users to compare up to four products by showcasing details such as price, rating, reviews, and key highlights. Features include the ability to add or remove products for comparison and a call-to-action button to add selected products to the cart.","name":"compare-products3","title":"Compare Products 3 - Product comparison with add, remove, and cart actions","type":"registry:block"},{"description":"This component provides an interactive side-by-side comparison of before-and-after images with adjustable panels, allowing users to visually analyze changes or transformations. It also includes a descriptive list section, offering detailed comparisons and insights for each produc","name":"compare-products4","title":"Compare Products 4 - Resizable before-and-after comparison with detail list","type":"registry:block"},{"description":"This component allows users to visually compare \"before\" and \"after\" images with captions and descriptive text, using a resizable image panel interface. It includes a call-to-action button to direct users to additional information or actions related to the content displayed.","name":"compare-products6","title":"Compare Products 6 - Before-and-after comparison with captions and CTA","type":"registry:block"},{"description":"A Compare heading above a wide three-column matrix labeling each row, two competitor logos in green- and red-tinted headers, and cell values with optional check or X icons for later rows.","name":"compare1","title":"Compare 1 - Tinted three-column feature comparison with logos","type":"registry:block"},{"description":"A centered headline and short thesis, then a split layout with a muted Legacy Features list marked by X icons and shadcn/ui separators beside a bordered New Features column that pairs emoji icons with concise value statements.","name":"compare10","title":"Compare 10 - Legacy pain points versus modern tool benefits","type":"registry:block"},{"description":"A muted page-width section with a large centered title and thesis, two columns comparing Product A and Product B with shadcn/ui separators and icon lists, then two explanatory headings with long-form copy about suitability and differences.","name":"compare2","title":"Compare 2 - Dual product checklists with narrative follow-ups","type":"registry:block"},{"description":"A centered outline badge and headline introduce a three-column competitor grid with logos, feature row icons, green and red status markers, one secondary Soon badge row, and a full-width trial button beneath the matrix.","name":"compare3","title":"Compare 3 - Three-column product comparison with logos and CTA","type":"registry:block"},{"description":"A muted section stacks a bold headline over Traditional versus Cloud Native metric rows with large figures and captions, small footer disclaimers keyed with symbols, and a pill Get Started button with trailing arrow icon.","name":"compare4","title":"Compare 4 - Cloud vs on-site metrics rows with hover and CTA","type":"registry:block"},{"description":"A centered Old versus New title and intro lead two tall photo cards with bottom gradient scrims, stacked white text, outline buttons, and a circular OR chip centered on the gutter between cards.","name":"compare5","title":"Compare 5 - Side-by-side image cards with centered OR pill","type":"registry:block"},{"description":"A bordered comparison table lists six storage attributes against SSD, Cloud Storage, and NAS with tinted circular status icons in each cell, sticky headers, and tabs on narrow widths that reveal one model column at a time.","name":"compare6","title":"Compare 6 - Tab-assisted three-model feature comparison table","type":"registry:block"},{"description":"Centered title and muted intro frame a bordered feature table whose middle column carries a muted fill for the primary stack, dotted underlines on selective secondary cells opening explanatory tooltips.","name":"compare7","title":"Compare 7 - Compact three-column comparison table with tooltips","type":"registry:block"},{"description":"Headline plus muted subtitle crown divided rows pairing Lucide icons, labels, blurbs, and dual status columns rendered as green checks, amber partial marks, red crosses, or neutral dash placeholders inside a rounded sheet.","name":"compare8","title":"Compare 8 - Icon-led framework checklist with dual status columns","type":"registry:block"},{"description":"Vendor logos headline three model columns of metrics with tinted best and worst cells, icon cues, coordinated column hover washes, monospace technical analysis cards, and a summary strip beneath the grid.","name":"compare9","title":"Compare 9 - Three-model metric table with analysis deck below","type":"registry:block"},{"description":"Outline live-status badge, large balanced heading, supporting copy, paired grayscale certification marks, and three bordered stacked stories each pairing title paragraph text with anchored corner badge illustration.","name":"compliance1","title":"Compliance 1 - Two-column compliance narrative with stacked detail cards","type":"registry:block"},{"description":"This component, \"Compliance2,\" is designed to showcase various compliance and risk management features with detailed descriptions, titles, and corresponding images. It includes a call-to-action link for users to consult with a compliance expert and access a tailored readiness che","name":"compliance2","title":"Compliance 2 - Compliance feature grid with expert link","type":"registry:block"},{"description":"This component highlights essential security features and certifications, focusing on data protection and regulatory compliance for user assurance. It includes detailed sections for end-to-end encryption, regular audits, and compliance reporting, as well as visual representations","name":"compliance3","title":"Compliance 3 - Security practices and certification badges","type":"registry:block"},{"description":"This component provides a comprehensive compliance and security overview, showcasing key features such as data protection, access management, real-time monitoring, and global compliance. It includes visual elements for certifications like ISO 27001, SOC 2 Type II, GDPR, and CCPA,","name":"compliance4","title":"Compliance 4 - Split security overview and certification cards","type":"registry:block"},{"description":"Bold centered headline, muted enterprise subline, responsive two-through-four-column certification logos, closed by a large primary button coupling label copy with outward arrow glyph.","name":"compliance5","title":"Compliance 5 - Centered enterprise compliance headline and badge grid","type":"registry:block"},{"description":"Narrow accent bar plus uppercase compliance label introduce oversized headline beside a bordered four-cell SVG lattice expanding at medium widths over a striped header atop three Lucide-led benefit columns below.","name":"compliance6","title":"Compliance 6 - Compliance hero with certification lattice and three pillars","type":"registry:block"},{"description":"The Compliance7 component is a customizable block showcasing key features and certifications related to cloud infrastructure, emphasizing security and performance. It includes detailed descriptions of features and displays certification status badges, making it ideal for highligh","name":"compliance7","title":"Compliance 7 - Cloud platform features and compliance badges","type":"registry:block"},{"description":"This component highlights an organization's adherence to top compliance standards by displaying certifications like ISO 27001, GDPR, CCPA, and AICPA SOC. It features a button linking to detailed compliance documentation, facilitating easy access to information on data security an","name":"compliance8","title":"Compliance 8 - Certification logos with documentation button","type":"registry:block"},{"description":"Three trust metric tiles above a split layout with sticky intro copy and paired CTAs beside linked framework rows showing certification logos, status badges, and descriptions.","name":"compliance9","title":"Compliance 9 - Trust metrics with framework status cards","type":"registry:block"},{"description":"A two-column demo booking section with overlapping avatars, benefit checks, a logo strip, and a detailed form including country, company size, and referral source selects.","name":"contact1","title":"Contact 1 - Demo booking with social proof","type":"registry:block"},{"description":"A centered contact block with warm gradient, office and email lines, social icons, a faded dashed divider, and an inquiry form with optional company fields.","name":"contact10","title":"Contact 10 - Gradient header with social links","type":"registry:block"},{"description":"A split contact section with address, labeled emails, and social icons on one side, an inquiry form on the other, and a vertical rule between them on wide layouts.","name":"contact11","title":"Contact 11 - Two-column layout with social links","type":"registry:block"},{"description":"A muted rounded card with a framed avatar, labeled contact lines, and a short two-field form plus button for callback-style requests.","name":"contact14","title":"Contact 14 - Card with avatar and quick form","type":"registry:block"},{"description":"A dark two-column contact section with very large headline copy, muted supporting text, icon-backed phone and email links, and underline-only fields plus a ghost submit.","name":"contact16","title":"Contact 16 - Dark theme with underline inputs","type":"registry:block"},{"description":"A muted two-column lead section with process checks, an eight-logo grid, a bordered white form with budget select and legal microcopy, plus footer pointers for FAQ and resources.","name":"contact17","title":"Contact 17 - Lead form with social proof","type":"registry:block"},{"description":"A two-column contact block with bracket ornaments on the headline, icon rows for support promises, a prominent mail link, and a muted rounded form.","name":"contact18","title":"Contact 18 - Support features with decorative corners","type":"registry:block"},{"description":"A dramatic split contact section with oversized type, muted copy, a ghost CTA, large phone and email links on one side, and a tall edge-to-edge photo column.","name":"contact19","title":"Contact 19 - Split screen with full-height image","type":"registry:block"},{"description":"A split contact section with headline, intro, and icon links on one side and a validated message form with subject line inside a muted rounded panel.","name":"contact2","title":"Contact 2 - Two-column layout with contact links","type":"registry:block"},{"description":"A portfolio-leaning contact block with uppercase micro-labels, address and bold email in the header band, and a three-column grid of underline fields plus service select.","name":"contact20","title":"Contact 20 - Borderless grid form","type":"registry:block"},{"description":"A two-column contact section with a team statement, avatar and byline on the left, and minimal underline-style name, email, and message fields with a squared submit control on the right.","name":"contact21","title":"Contact 21 - Team message with underline form","type":"registry:block"},{"description":"A two-column contact section with a selectable location list, embedded map, compact office card with phone and email, and a short validated name, email, and message form.","name":"contact22","title":"Contact 22 - Multi-location map contact","type":"registry:block"},{"description":"A store locator with zip search, a scrollable list of cards for address, hours, phone, and actions, and a wide map column that follows the selected store.","name":"contact23","title":"Contact 23 - Store locator","type":"registry:block"},{"description":"A four-card grid of regional offices with map stills, gradient overlays, city typography, icon rows for address and contact lines, and full-width outline map links.","name":"contact24","title":"Contact 24 - Global offices grid","type":"registry:block"},{"description":"A two-column support section with a single-open FAQ accordion on the left and name, email, and message fields in a rounded muted panel on the right.","name":"contact25","title":"Contact 25 - FAQ with contact form","type":"registry:block"},{"description":"A three-step intake on a muted full-height canvas with a vertical progress column, per-step validation, white card fields, and a prominent success confirmation after submission.","name":"contact28","title":"Contact 28 - Multi-step contact form","type":"registry:block"},{"description":"A muted full-height flow that starts with selectable service cards carrying large round icons and short blurbs, then opens a split headline and white card form.","name":"contact29","title":"Contact 29 - Service selection contact","type":"registry:block"},{"description":"A long contact hub with centered CTAs and reassurance copy, four icon-led department tiles, and five office cards grouped with colored rectangular flag cues.","name":"contact3","title":"Contact 3 - Contact directory with global offices","type":"registry:block"},{"description":"A viewport-tall contact region on muted fill with oversized headline typography, circular white icon badges for channels, and a lifted white message card.","name":"contact30","title":"Contact 30 - Full-height hero contact","type":"registry:block"},{"description":"A rounded outer shell on muted canvas pairing a tall architectural photograph with headline, explanation, and name, email, optional company, and message fields.","name":"contact31","title":"Contact 31 - Split card contact","type":"registry:block"},{"description":"A two-column contact layout with tall photography and dark overlay text on one side, plus a form with mail and phone links on the other.","name":"contact32","title":"Contact 32 - Split contact with full-height image","type":"registry:block"},{"description":"A section with headline, subject select, and message field opposite a tall rounded image, implemented with Shadcn UI fields and select.","name":"contact33","title":"Contact 33 - Two-column contact with rounded photo","type":"registry:block"},{"description":"A wide rounded photo with a floating email, phone, and address card sits beside a narrower column form with tagline, headline, project type, and budget.","name":"contact34","title":"Contact 34 - Asymmetric contact with overlay details card","type":"registry:block"},{"description":"A height-based section uses a full-bleed photo and dark scrim behind a centered rounded card for name, email, optional phone, and message.","name":"contact35","title":"Contact 35 - Centered form over background image","type":"registry:block"},{"description":"A lead-in introduces three bordered department cards above a carousel that crossfades map slides, each with a summary card and link.","name":"contact4","title":"Contact 4 - Department cards with fading map carousel","type":"registry:block"},{"description":"A minimal centered stack collects first and last name, email, phone, and message with validation feedback and a full-width submit.","name":"contact5","title":"Contact 5 - Centered contact form","type":"registry:block"},{"description":"Stacked channel cards and a message form with terms control sit above a separator, then office hours and contact facts in a two-part panel.","name":"contact6","title":"Contact 6 - Contact channels, form, and office hours","type":"registry:block"},{"description":"A heading and short description lead into four rounded muted cards for email, office, phone, and live chat, each with icon, copy, and link.","name":"contact7","title":"Contact 7 - Grid of contact method cards","type":"registry:block"},{"description":"A bold centered title sits above a two-column row with tall imagery and stacked white cards on an accent frame listing emails and two offices.","name":"contact8","title":"Contact 8 - Split media with framed contact cards","type":"registry:block"},{"description":"An outlined badge and large heading introduce a split layout with a terms-gated form on one side and icon-led channel summaries on the other.","name":"contact9","title":"Contact 9 - Form beside contact method grid","type":"registry:block"},{"description":"Narrative article layout with a sticky in-page outline, scroll-based active section highlighting, and rich body content including images, lists, tables, and callouts.","name":"content1","title":"Content 1 - Long-form story with sticky section outline","type":"registry:block"},{"description":"Two-column layout that lists content types in a grid with icons, adds how-to panels for creating and managing items, and surfaces tips in an inline alert.","name":"content2","title":"Content 2 - Content hub explainer with type grid","type":"registry:block"},{"description":"Knowledge-style page with breadcrumbs, headline actions, a topic sidebar, and long article body with figures, a data table, and an inline alert, plus section-aware navigation.","name":"content3","title":"Content 3 - Deep guide with breadcrumbs and topic rail","type":"registry:block"},{"description":"Editorial layout with breadcrumbs, author metadata, scroll-aware table of contents, inline imagery, and a control to return to the top of the page.","name":"content4","title":"Content 4 - Long article with outline and author row","type":"registry:block"},{"description":"A fixed bottom cookie bar with short consent copy plus reject and accept actions.","name":"cookie-banner1","title":"Cookie Banner 1 - Simple bottom cookie bar","type":"registry:block"},{"description":"An advanced bottom-left cookie card that expands upward to show category switches.","name":"cookie-banner10","title":"Cookie Banner 10 - Bottom left card that expands to customize","type":"registry:block"},{"description":"An advanced bottom-left cookie card that opens a customize dialog with category switches.","name":"cookie-banner11","title":"Cookie Banner 11 - Bottom left card that opens a dialog","type":"registry:block"},{"description":"An advanced bottom-right cookie card that expands upward to show category switches.","name":"cookie-banner12","title":"Cookie Banner 12 - Bottom right card that expands to customize","type":"registry:block"},{"description":"An advanced bottom-right cookie card that opens a customize dialog with category switches.","name":"cookie-banner13","title":"Cookie Banner 13 - Bottom right card that opens a dialog","type":"registry:block"},{"description":"A full-width bottom cookie panel with category switches visible by default plus bulk actions.","name":"cookie-banner14","title":"Cookie Banner 14 - Mega bottom bar with switch list","type":"registry:block"},{"description":"A full-width bottom cookie panel with a grid of category cards and switches already visible.","name":"cookie-banner15","title":"Cookie Banner 15 - Mega bottom bar with category cards","type":"registry:block"},{"description":"A wide bottom cookie panel with summary copy on one side and visible category switches on the other.","name":"cookie-banner16","title":"Cookie Banner 16 - Mega bottom bar with split summary","type":"registry:block"},{"description":"A centered popup cookie dialog with consent copy and reject plus accept actions.","name":"cookie-banner17","title":"Cookie Banner 17 - Simple cookie consent dialog","type":"registry:block"},{"description":"A centered cookie dialog that reveals category switches when customize is opened.","name":"cookie-banner18","title":"Cookie Banner 18 - Medium cookie dialog with details","type":"registry:block"},{"description":"A centered advanced cookie dialog with category switches visible on load plus bulk actions.","name":"cookie-banner19","title":"Cookie Banner 19 - Advanced cookie dialog with categories","type":"registry:block"},{"description":"A fixed bottom cookie bar with title, supporting text, a privacy link, and reject plus accept actions.","name":"cookie-banner2","title":"Cookie Banner 2 - Bottom cookie bar with privacy link","type":"registry:block"},{"description":"A fixed bottom cookie bar with a cookie icon, consent copy, and reject plus accept actions.","name":"cookie-banner3","title":"Cookie Banner 3 - Bottom cookie bar with icon","type":"registry:block"},{"description":"A simple bottom-left floating cookie card with consent copy and reject plus accept actions.","name":"cookie-banner4","title":"Cookie Banner 4 - Bottom left cookie card","type":"registry:block"},{"description":"A bottom-left cookie card with dismiss control, consent copy, and a single accept action.","name":"cookie-banner5","title":"Cookie Banner 5 - Bottom left cookie card with dismiss","type":"registry:block"},{"description":"A simple bottom-right floating cookie card with consent copy and reject plus accept actions.","name":"cookie-banner6","title":"Cookie Banner 6 - Bottom right cookie card","type":"registry:block"},{"description":"A bottom-right cookie card with a privacy link and reject plus accept actions.","name":"cookie-banner7","title":"Cookie Banner 7 - Bottom right cookie card with link","type":"registry:block"},{"description":"An advanced bottom cookie bar that slides up to reveal category switches when customize is opened.","name":"cookie-banner8","title":"Cookie Banner 8 - Bottom bar that slides up to customize","type":"registry:block"},{"description":"An advanced bottom cookie bar that opens a centered dialog with category switches when customize is selected.","name":"cookie-banner9","title":"Cookie Banner 9 - Bottom bar that opens a customize dialog","type":"registry:block"},{"description":"A classic album cover flow that autoplays through the collection, where side covers turn away in 3D above a floor reflection, with drag, arrow key, and click navigation plus a synced caption.","name":"coverflow1","title":"Coverflow 1 - Album Cover Flow With Reflections","type":"registry:block"},{"description":"An autoplaying portrait cover flow that loops through projects, with a heading, clickable segmented pagination, a small ring timer that doubles as a pause button, and a live category and title caption.","name":"coverflow11","title":"Coverflow 11 - Autoplay Cover Flow With Ring Timer","type":"registry:block"},{"description":"A cover flow of historical photos driven by a filmstrip timeline, where dragging the photos or scrubbing a ruler of thumbnails moves through the years together and snaps to the nearest milestone.","name":"coverflow12","title":"Coverflow 12 - Timeline Scrubber Cover Flow","type":"registry:block"},{"description":"A cover flow of vertical video reels where the centered reel autoplays muted with a creator caption and sound toggle while the side reels sit paused, dimmed, and muted in color.","name":"coverflow13","title":"Coverflow 13 - Video Reel Cover Flow","type":"registry:block"},{"description":"An ecommerce cover flow of product cards with a price tag on the centered item, a hover image swap, size selection, and an add to bag button that updates with the chosen size.","name":"coverflow14","title":"Coverflow 14 - Product Cover Flow With Sizes","type":"registry:block"},{"description":"A full-screen movie poster cover flow beside an animated title, rating, metadata, synopsis, and trailer and watchlist buttons, with keyboard and click navigation.","name":"coverflow15","title":"Coverflow 15 - Film Poster Cover Flow","type":"registry:block"},{"description":"A minimal flat carousel where side images shrink, blur, and turn gray around a sharp centered frame, advancing on a timer with segmented progress lines that pause on hover.","name":"coverflow16","title":"Coverflow 16 - Soft Focus Autoplay Row","type":"registry:block"},{"description":"A full-height hero with a badge, large headline, description, and two buttons above an autoplaying cover flow of wide photographs that fades into the page at the bottom and sides.","name":"coverflow18","title":"Coverflow 18 - Fullscreen Cover Flow Hero","type":"registry:block"},{"description":"A cover flow of portrait prints where the front card tilts toward the cursor with a moving glare and floating caption and badge layers, plus arrows and a stretching dot indicator.","name":"coverflow19","title":"Coverflow 19 - Tilting Print Cover Flow","type":"registry:block"},{"description":"An endlessly looping, autoplaying album cover flow where side covers turn away in 3D above a floor reflection, with drag, arrow key, and click navigation that wraps in both directions.","name":"coverflow2","title":"Coverflow 2 - Infinite Album Cover Flow","type":"registry:block"},{"description":"A drag-driven cover flow where cards skew with throw speed, resist past the ends with a rubber-band effect, and spring onto the nearest card, with a progress line counter.","name":"coverflow20","title":"Coverflow 20 - Elastic Drag Cover Flow","type":"registry:block"},{"description":"An inverted cover flow of wide landscape slides where the side images angle toward the viewer like a curved screen, with a caption, counter, arrows, and a view button.","name":"coverflow21","title":"Coverflow 21 - Concave Perspective Carousel","type":"registry:block"},{"description":"A looping portrait cover flow for a fashion lookbook that advances on a timer, with a ring progress indicator around the active dot, pause on hover, and a play toggle.","name":"coverflow23","title":"Coverflow 23 - Autoplay Lookbook Cover Flow","type":"registry:block"},{"description":"A photo cover flow where the centered frame zooms into a full-screen lightbox with a shared-element animation, lets you browse with arrows and keys inside it, and shrinks back into the flow on close.","name":"coverflow24","title":"Coverflow 24 - Lightbox Cover Flow","type":"registry:block"},{"description":"A scroll-linked cover flow that pins to the viewport while page scroll carries wide landscape slides through a 3D turn, with a synced title, location, counter, and progress line.","name":"coverflow25","title":"Coverflow 25 - Scroll Pinned Cover Flow","type":"registry:block"},{"description":"A portfolio cover flow with category filter pills that rearranges around the matching projects, springing cards in and out, with a linked project title, discipline, and year below.","name":"coverflow26","title":"Coverflow 26 - Filterable Project Cover Flow","type":"registry:block"},{"description":"A black and white portrait cover flow that follows the pointer across the stage, easing through the series on a spring and settling on the closest frame, with a tick scrubber and caption.","name":"coverflow27","title":"Coverflow 27 - Pointer Scrub Cover Flow","type":"registry:block"},{"description":"A conference speaker cover flow where the front portrait flips over in 3D to reveal the talk title, bio, time, and room, with angled side cards, round arrow buttons, and a mono counter.","name":"coverflow28","title":"Coverflow 28 - Speaker Flip Cover Flow","type":"registry:block"},{"description":"A cylinder of portrait photos arranged in a full 3D ring that spins with drag and inertia, snaps to the nearest card, and drifts slowly on its own when left idle.","name":"coverflow3","title":"Coverflow 3 - Draggable 3D Image Ring","type":"registry:block"},{"description":"A full 3D ring of wide 16:9 photos that spins with drag and inertia, snaps to the nearest image, drifts on its own when idle, and fades the active caption in underneath.","name":"coverflow4","title":"Coverflow 4 - Widescreen 3D Image Ring","type":"registry:block"},{"description":"Portrait cards fanned along a wide arch that rotates around a hidden pivot, with drag, arrow key, and click navigation and an animated title and coordinates caption.","name":"coverflow5","title":"Coverflow 5 - Arc Card Carousel","type":"registry:block"},{"description":"A vertical cover flow that tilts cards top to bottom inside a muted panel, driven by the scroll wheel, arrow keys, or a numbered list, with an animated description.","name":"coverflow6","title":"Coverflow 6 - Vertical Cover Flow With Details","type":"registry:block"},{"description":"Record sleeves in a cover flow where the active sleeve slides aside and a spinning vinyl disc with the cover as its label rolls out, with play, pause, and skip controls.","name":"coverflow7","title":"Coverflow 7 - Vinyl Record Cover Flow","type":"registry:block"},{"description":"A bookshelf of colored spines where selecting a book swings its spine aside and unfolds the cover in 3D, with an animated title, author, blurb, and sample button.","name":"coverflow8","title":"Coverflow 8 - Bookshelf Spine Carousel","type":"registry:block"},{"description":"A helix of portrait photos that turns on its own, pausing on each image as it comes to the front, beside a large frame counter, the current title, and a segmented progress line.","name":"coverflow9","title":"Coverflow 9 - Autoplay Tower Helix","type":"registry:block"},{"description":"Bordered card with text and media columns, small icon badge beside the title, body copy, a single primary action with a trailing arrow, and a rectangular image on the opposite side.","name":"cta1","title":"Cta 1 - Card CTA with icon heading and trailing arrow","type":"registry:block"},{"description":"Contained CTA band with headline, supporting text, and optional primary and secondary actions aligned inline on larger breakpoints and stacked when space is tight.","name":"cta10","title":"Cta 10 - Banded call-to-action with dual buttons","type":"registry:block"},{"description":"Card-style split with an image column, inline icon beside the heading, supporting copy, and one text link-style primary action with a trailing arrow icon.","name":"cta11","title":"Cta 11 - Bordered CTA with icon label and single action","type":"registry:block"},{"description":"Full-width accent panel with centered headline, supporting copy, and optional primary and secondary buttons that stack on narrow viewports and align in a row when space allows.","name":"cta12","title":"Cta 12 - Centered accent CTA with stacked actions","type":"registry:block"},{"description":"Accent panel call-to-action with left-aligned headline and body, optional primary and secondary buttons, and the same stacked-to-row button behavior as other simple CTAs.","name":"cta13","title":"Cta 13 - Left-aligned accent CTA with dual buttons","type":"registry:block"},{"description":"A call to action with a background image inside a rounded container, a vertical gradient overlay for contrast, centered headline and description, and a single secondary button.","name":"cta14","title":"Cta 14 - Contained image CTA with gradient overlay","type":"registry:block"},{"description":"Split CTA with optional byline, gradient-backed text, paired buttons, and a rounded photo with soft shadow and blur, stacking on narrow viewports.","name":"cta15","title":"Cta 15 - Split CTA with gradient panel and photo","type":"registry:block"},{"description":"A call to action with a background image inside a rounded container, a uniform dark overlay, centered headline and description, and a single secondary button.","name":"cta16","title":"Cta 16 - Contained image CTA with flat overlay","type":"registry:block"},{"description":"A centered call-to-action band with bordered framing, concentric SVG circle backdrop, headline, supporting copy, and two large buttons.","name":"cta17","title":"Cta 17 - Centered call to action with circle pattern","type":"registry:block"},{"description":"A muted card with a byline and heading opposite the description and paired buttons, above an edge-to-edge panoramic image.","name":"cta18","title":"Cta 18 - Stacked call to action with panoramic image","type":"registry:block"},{"description":"A wide card pairing badge, headline, body, and dual buttons with a separated column of two large icon link rows for deeper resources.","name":"cta19","title":"Cta 19 - Call to action with resource links column","type":"registry:block"},{"description":"A compact centered strip with a small label above a large primary button framed by horizontal separator lines on both sides.","name":"cta20","title":"Cta 20 - Minimal call to action with line separators","type":"registry:block"},{"description":"A call to action with a background image inside a rounded container, subtle text shadow for contrast instead of an overlay, centered headline and description, and a primary button.","name":"cta21","title":"Cta 21 - Contained image CTA with text shadow","type":"registry:block"},{"description":"A wide dark promo tile with platform download buttons and phone imagery beside a muted newsletter form inside a three-column grid on large screens.","name":"cta22","title":"Cta 22 - App download panel with newsletter aside","type":"registry:block"},{"description":"A muted full-width newsletter strip with mail badge, headline, supporting line, inline email submit control, and wrapped checked benefit phrases.","name":"cta23","title":"Cta 23 - Newsletter band with badge and benefit row","type":"registry:block"},{"description":"A bordered photo banner with radial overlay, centered headline and supporting copy, paired buttons, and two bordered follow-up cards with icons.","name":"cta26","title":"Cta 26 - Photo banner call to action with link cards","type":"registry:block"},{"description":"A dark rounded panel with oversized serif headline, supporting line, two-column icon feature grid, wide button, and offset stacked photography on extra-wide layouts.","name":"cta28","title":"Cta 28 - Dark enterprise split with layered photos","type":"registry:block"},{"description":"A bordered two-column strip with headline, supporting copy, paired buttons, and two clickable icon rows styled as lightweight cards.","name":"cta3","title":"Cta 3 - Call to action with link cards","type":"registry:block"},{"description":"A centered stack of overlapping circular avatars, large headline with supporting paragraph, rounded primary button, and handwritten-style caption with scribble graphic.","name":"cta30","title":"Cta 30 - Overlapping avatars team call to action","type":"registry:block"},{"description":"A centered call to action with a gradient headline, supporting line, large button and arrow icon, and integration logos in circular frames arranged in two mirrored arcs behind side-fading gradient bands.","name":"cta31","title":"Cta 31 - Centered call to action with logo arc","type":"registry:block"},{"description":"A split CTA with a patterned primary column and a secondary column of two icon-led link rows with titles and descriptions, separated by a divider like Cta19.","name":"cta32","title":"Cta 32 - Two-column call to action with pattern panel and icon links","type":"registry:block"},{"description":"A centered call to action with a heading, description, and two buttons, separated from content above by a thin top border and open spacing.","name":"cta34","title":"Cta 34 - Call to action with top border separator","type":"registry:block"},{"description":"A left-aligned call to action with a thick primary-colored vertical stripe, heading, description, and buttons inside padded content.","name":"cta35","title":"Cta 35 - Call to action with left border stripe","type":"registry:block"},{"description":"A horizontal split call to action with heading and description on one side and paired buttons on the other, closed by a bottom border.","name":"cta36","title":"Cta 36 - Inline split call to action","type":"registry:block"},{"description":"A bordered card call to action on a CSS grid with a wide text column and a narrow column of full-width stacked buttons.","name":"cta37","title":"Cta 37 - Bordered grid split call to action","type":"registry:block"},{"description":"A centered call to action in a rounded card that fills with the foreground token, inverted type, and paired primary and outline buttons.","name":"cta38","title":"Cta 38 - Inverted card call to action","type":"registry:block"},{"description":"A centered call to action inside a dashed rounded border with transparent fill, stacking heading, description, and buttons.","name":"cta39","title":"Cta 39 - Dashed outline card call to action","type":"registry:block"},{"description":"A two-column call to action inside a rounded muted shadcn/ui panel with heading, description, primary link button with arrow icon, and a checklist column using check icons.","name":"cta4","title":"Cta 4 - Muted card with feature checklist","type":"registry:block"},{"description":"A two-column call to action on a wide primary gradient card with a faint plus pattern, headline and dual desktop buttons on one side, and price block, checklist, and stacked mobile actions on the other.","name":"cta40","title":"Cta 40 - Gradient split pricing call to action","type":"registry:block"},{"description":"A bordered full-width call to action centered on a repeating dot texture, large headline, supporting copy, and two large primary and outline buttons.","name":"cta41","title":"Cta 41 - Full-width dotted panel call to action","type":"registry:block"},{"description":"A call to action with a background image inside a rounded container, a radial vignette overlay that spotlights centered copy, and a primary button with a trailing arrow icon.","name":"cta42","title":"Cta 42 - Contained image CTA with radial vignette","type":"registry:block"},{"description":"An edge-to-edge call to action with a background image, vertical gradient overlay for contrast, centered headline and description, and a single secondary button.","name":"cta43","title":"Cta 43 - Full-width image CTA with gradient overlay","type":"registry:block"},{"description":"An edge-to-edge call to action with a background image, uniform dark overlay, centered headline and description, and a single secondary button.","name":"cta44","title":"Cta 44 - Full-width image CTA with flat overlay","type":"registry:block"},{"description":"An edge-to-edge call to action with a background image, subtle text shadow for contrast instead of an overlay, centered copy, and a primary button.","name":"cta45","title":"Cta 45 - Full-width image CTA with text shadow","type":"registry:block"},{"description":"An edge-to-edge call to action with a background image, radial vignette overlay that spotlights centered copy, and a primary button with a trailing arrow icon.","name":"cta46","title":"Cta 46 - Full-width image CTA with radial vignette","type":"registry:block"},{"description":"A two-column CTA in a muted rounded panel with a wide photo, headline, supporting paragraph, and one primary button as a link.","name":"cta5","title":"Cta 5 - Call to action with side image","type":"registry:block"},{"description":"A wide accent band with a text stack and three overlapping, rotated rectangles; heading, body, and a single Get Started button are fixed in source.","name":"cta6","title":"Cta 6 - Call to action with stacked panels","type":"registry:block"},{"description":"An accent card with optional uppercase tagline, up to four checkmarked bullets in a responsive grid, and a large primary button aligned to the corner on wide screens.","name":"cta7","title":"Cta 7 - Features checklist call to action","type":"registry:block"},{"description":"A free form for editing a customer's name, contact details, company, status, and notes.","name":"customer-details1","title":"Customer Details 1 - Basic customer details form","type":"registry:block"},{"description":"An app screen for editing a customer's account, contacts, billing, shipping, cards, and preferences.","name":"customer-details2","title":"Customer Details 2 - Customer details editor","type":"registry:block"},{"description":"A customer details page with purchase history, reviews, activity, a map address, and contact information.","name":"customer-details3","title":"Customer Details 3 - Customer details ecommerce","type":"registry:block"},{"description":"A full-page shadcn/ui SaaS revenue and user dashboard with collapsible sidebar, MRR and growth KPIs, MRR-by-plan chart, year-over-year revenue, ARPU and DAU trends, and users-by-plan mix.","name":"dashboard1","title":"Dashboard 1 - Revenue Dashboard","type":"registry:block"},{"description":"A shadcn/ui multi-page dashboard with top navigation dropdowns, scatter chart, stacked bar charts, activity feed, and paginated orders table with responsive sheet navigation.","name":"dashboard10","title":"Dashboard 10 - Multi-Page Dashboard with Navigation","type":"registry:block"},{"description":"A Shadcn UI analytics dashboard with animated bar chart, proportional bubble chart, cohort retention heatmap, and area chart with spring-animated reference line.","name":"dashboard11","title":"Dashboard 11 - Analytics Dashboard with Cohort Heatmap","type":"registry:block"},{"description":"A shadcn/ui global analytics dashboard featuring animated bar chart, proportional bubble chart, dotted world map visualization, and recent orders list.","name":"dashboard12","title":"Dashboard 12 - Global Analytics with World Map","type":"registry:block"},{"description":"A shadcn/ui realtime analytics dashboard with a large MapLibre map via mapcn markers, live KPI counters, streaming event feed, active sessions by country with flags, and p95 latency by country for top markets.","name":"dashboard13","title":"Dashboard 13 - Real-Time Sessions & Latency Analytics","type":"registry:block"},{"description":"A Shadcn UI hospitality dashboard with bidirectional occupancy chart, revenue bar chart with glow effect, arrivals table, and a bookings panel with date strip navigator.","name":"dashboard14","title":"Dashboard 14 - Hotel Dashboard with Bookings Panel","type":"registry:block"},{"description":"A shadcn/ui hospitality dashboard with duotone gradient occupancy chart, segmented room capacity bar, conic gradient donut, and revenue overview widget with channel breakdown.","name":"dashboard15","title":"Dashboard 15 - Hotel Dashboard with Revenue Widgets","type":"registry:block"},{"description":"A Shadcn UI hospitality dashboard combining sales analytics, revenue comparison, and booking management with a mini month calendar grid and tabbed booking lists.","name":"dashboard16","title":"Dashboard 16 - Hotel Dashboard with Mini Calendar","type":"registry:block"},{"description":"A shadcn/ui hospitality dashboard with sales pipeline charts, revenue comparison, orders table, and an advanced booking calendar with date markers for arrivals, in-house, and departures.","name":"dashboard17","title":"Dashboard 17 - Hotel Dashboard with Booking Calendar","type":"registry:block"},{"description":"A Shadcn UI front desk operations dashboard with shift strip, quick action buttons, square-cell booking chart, color-coded availability calendar, and sortable arrivals table.","name":"dashboard18","title":"Dashboard 18 - Hotel Operations Dashboard","type":"registry:block"},{"description":"Wholesale dispatch board with a live queue count, warehouse filter, four status lanes, and a selected purchase order breakdown.","name":"dashboard19","title":"Dashboard 19 - Warehouse dispatch board","type":"registry:block"},{"description":"A shadcn/ui finance dashboard with revenue and cost charts, period tabs, and a transactions table with multi-filter dropdowns for status, date, and payment method.","name":"dashboard2","title":"Dashboard 2 - Revenue Dashboard with Transactions","type":"registry:block"},{"description":"Sales dashboard with KPI cards, period revenue flow chart, and a searchable recent orders table.","name":"dashboard20","title":"Dashboard 20 - Revenue flow with recent orders","type":"registry:block"},{"description":"A customer directory with KPI sparklines, status tabs, value filters, a sortable table, and an inline sheet for add and edit.","name":"dashboard28","title":"Dashboard 28 - Customer directory with metrics and sheet editor","type":"registry:block"},{"description":"A project workspace dashboard with a work sidebar, issue table, work-hour chart, timer, and profile panel.","name":"dashboard29","title":"Dashboard 29 - Personal workspace with issues and time","type":"registry:block"},{"description":"A Shadcn UI dashboard with stat cards featuring embedded sparklines, a dense revenue bar chart, a transactions table, and a scrollable activity feed.","name":"dashboard3","title":"Dashboard 3 - Revenue Dashboard with Sparklines","type":"registry:block"},{"description":"A project dashboard with a project sidebar, shortcut actions, an issue map, project cards, milestones, and notes.","name":"dashboard30","title":"Dashboard 30 - Project home with milestones and notes","type":"registry:block"},{"description":"A delivery dashboard with a sidebar, portfolio health, sprint and budget charts, milestones, and recent activity.","name":"dashboard31","title":"Dashboard 31 - Delivery command center","type":"registry:block"},{"description":"A delivery dashboard with a program sidebar, a dependency map, a programs table, health, critical path, and insights.","name":"dashboard32","title":"Dashboard 32 - Project dependency map","type":"registry:block"},{"description":"A payment home with gross and net sparklines, a method mix chart, and a card rail of recent payments.","name":"dashboard33","title":"Dashboard 33 - Payment volume with card rail","type":"registry:block"},{"description":"A payments overview with today's volume, a dotted country map, balances, recent payments, and dispute coverage.","name":"dashboard34","title":"Dashboard 34 - Gross volume and country mix","type":"registry:block"},{"description":"A payments bento with revenue, live volume, a checkout funnel, recent payments, failures, and payment controls.","name":"dashboard35","title":"Dashboard 35 - Payment insights bento","type":"registry:block"},{"description":"A payment workspace with KPIs, a region map, activity, a profile rail, and a recent payments table.","name":"dashboard36","title":"Dashboard 36 - Workspace activity and regions","type":"registry:block"},{"description":"A live payments overview with volume, rail health, a routing globe, telemetry, and a retention grid.","name":"dashboard37","title":"Dashboard 37 - Live payments command overview","type":"registry:block"},{"description":"A card routing profile with range metrics, an acquirer topology, exceptions, and fallback rules.","name":"dashboard38","title":"Dashboard 38 - Card routing topology","type":"registry:block"},{"description":"A shadcn/ui e-commerce dashboard focused on orders and gross sales. Collapsible sidebar, sales KPIs and charts, sales by product category, recent orders with category column and filtering.","name":"dashboard4","title":"Dashboard 4 - Ecommerce Dashboard with Sales and Orders","type":"registry:block"},{"description":"A Shadcn UI ecommerce dashboard with area chart, pie charts for order status and sales categories, transactions table, and scrollable activity feed.","name":"dashboard5","title":"Dashboard 5 - Ecommerce Dashboard with Transactions","type":"registry:block"},{"description":"A shadcn/ui operations dashboard with summary stats, multi-series category performance chart with period tabs, and segmented progress bars for order fulfillment tracking.","name":"dashboard6","title":"Dashboard 6 - Operations Dashboard with Fulfillment","type":"registry:block"},{"description":"Orders-focused sales dashboard with stats, category performance, and a filterable orders table.","name":"dashboard7","title":"Dashboard 7 - Category performance with orders table","type":"registry:block"},{"description":"A shadcn/ui accounting dashboard with collapsible sidebar, layered financial stat cards, paired revenue and pipeline charts, radar and heatmap analytics, and a searchable sortable invoices table.","name":"dashboard8","title":"Dashboard 8 - Sales Dashboard","type":"registry:block"},{"description":"A shadcn/ui overview dashboard with sidebar shell, header showing a date range label and filter actions, accounting stat cards, pipeline and revenue charts, orders table, and fulfillment progress list.","name":"dashboard9","title":"Dashboard 9 - Sales Dashboard","type":"registry:block"},{"description":"A basic data table section with sortable columns, currency formatting, and availability badges. Built with TanStack Table for sorting functionality.","name":"data-table1","title":"Data Table 1 - Basic Data Table","type":"registry:block"},{"description":"A data table section with sortable columns, global search, column visibility toggle dropdown, and full pagination controls. Built with TanStack Table.","name":"data-table10","title":"Data Table 10 - Hideable Columns Data Table","type":"registry:block"},{"description":"A data table section with row checkboxes, floating action bar for bulk operations, global search, column visibility toggle, and full pagination. Built with TanStack Table.","name":"data-table11","title":"Data Table 11 - Row Selection Data Table","type":"registry:block"},{"description":"A data table section with global search, faceted filter popovers for order and payment status, column visibility toggle, and full pagination. Built with TanStack Table.","name":"data-table12","title":"Data Table 12 - Faceted Filter Data Table","type":"registry:block"},{"description":"A data table section with tabbed status filters showing counts, global search input, and full pagination. Built with TanStack Table.","name":"data-table13","title":"Data Table 13 - Tabbed Filter Data Table","type":"registry:block"},{"description":"A data table section with tabbed order status filters, button-style payment status filters, global search, and full pagination. Built with TanStack Table.","name":"data-table14","title":"Data Table 14 - Multi-Filter Data Table","type":"registry:block"},{"description":"A data table section with pinned columns on left and right, sortable headers, row selection, and row action dropdown menus. Built with TanStack Table.","name":"data-table15","title":"Data Table 15 - Pinned Columns Data Table","type":"registry:block"},{"description":"A data table section with expandable rows revealing detailed order information, sortable columns, row selection, and action menus. Built with TanStack Table.","name":"data-table16","title":"Data Table 16 - Expandable Rows Data Table","type":"registry:block"},{"description":"A data table section with drag-and-drop row reordering, sortable columns, row selection, and availability badges. Built with DnD Kit and TanStack Table.","name":"data-table17","title":"Data Table 17 - Draggable Rows Data Table","type":"registry:block"},{"description":"A data table section with drag-and-drop column reordering, sortable headers, and availability badges. Built with DnD Kit and TanStack Table.","name":"data-table18","title":"Data Table 18 - Draggable Columns Data Table","type":"registry:block"},{"description":"A data table section with draggable columns, column header dropdown menus for sorting and hiding, and availability badges. Built with DnD Kit and TanStack Table.","name":"data-table19","title":"Data Table 19 - Column Menu Data Table","type":"registry:block"},{"description":"A data table section with visible cell borders, sortable columns, currency formatting, and availability badges. Built with TanStack Table.","name":"data-table2","title":"Data Table 2 - Bordered Data Table","type":"registry:block"},{"description":"A data table section with resizable columns via drag handles, sortable headers, and availability badges. Built with TanStack Table.","name":"data-table20","title":"Data Table 20 - Resizable Columns Data Table","type":"registry:block"},{"description":"A data table section with column header menus for sorting, pinning, moving, and hiding columns, plus availability badges. Built with TanStack Table.","name":"data-table21","title":"Data Table 21 - Column Management Data Table","type":"registry:block"},{"description":"A data table section with expandable rows containing nested sub-tables of order items, customer avatars, status badges, and row actions. Built with TanStack Table.","name":"data-table22","title":"Data Table 22 - Nested Sub-Table Data Table","type":"registry:block"},{"description":"A data table section with rows grouped by employment type, displaying group headers for full-time, contract, internship, and part-time categories. Built with TanStack Table.","name":"data-table23","title":"Data Table 23 - Grouped Rows Data Table","type":"registry:block"},{"description":"A data table section with transactions grouped by date, hidden column headers, and currency-formatted amounts. Built with TanStack Table.","name":"data-table24","title":"Data Table 24 - Date-Grouped Transactions Table","type":"registry:block"},{"description":"A data table section displaying invoice line items with product, SKU, quantity, unit price, and total columns, plus summary rows for subtotal, tax, and grand total. Built with TanStack Table.","name":"data-table25","title":"Data Table 25 - Invoice Line Items Table","type":"registry:block"},{"description":"A data table section for financial transactions with sticky columns, horizontal scroll navigation buttons, sortable headers, row selection, and status badges. Built with TanStack Table.","name":"data-table26","title":"Data Table 26 - Transaction Table with Scroll Controls","type":"registry:block"},{"description":"A virtualized data table section for large datasets with efficient row rendering, sortable columns, row selection, pinned columns, and row action menus. Built with TanStack Table and TanStack Virtual.","name":"data-table27","title":"Data Table 27 - Virtualized Data Table","type":"registry:block"},{"description":"A virtualized data table section with multi-cell selection, keyboard navigation, CSV copy to clipboard, sortable columns, and pinned columns. Built with TanStack Table and TanStack Virtual.","name":"data-table28","title":"Data Table 28 - Cell Selection Data Table","type":"registry:block"},{"description":"A virtualized data table section with inline cell editing via double-click, right-click context menus, sortable columns, and multiple input types. Built with TanStack Table and TanStack Virtual.","name":"data-table29","title":"Data Table 29 - Editable Cells Data Table","type":"registry:block"},{"description":"A data table section with zebra-striped rows, sortable columns, currency formatting, and availability badges. Built with TanStack Table.","name":"data-table3","title":"Data Table 3 - Striped Data Table","type":"registry:block"},{"description":"A virtualized data table section with in-table search highlighting, result navigation, sortable columns, and pinned columns. Built with TanStack Table and TanStack Virtual.","name":"data-table30","title":"Data Table 30 - Search Highlight Data Table","type":"registry:block"},{"description":"A virtualized data table section with add, edit, and delete row functionality, sticky footer for new rows, inline editing, and sortable columns. Built with TanStack Table and TanStack Virtual.","name":"data-table31","title":"Data Table 31 - CRUD Data Table","type":"registry:block"},{"description":"A virtualized data table section with multi-column sorting via popover controls, sort priority management, row selection, and pinned columns. Built with TanStack Table and TanStack Virtual.","name":"data-table32","title":"Data Table 32 - Multi-Sort Data Table","type":"registry:block"},{"description":"A data table section with horizontal scrolling, sortable columns, custom cell styling, and a mobile swipe hint. Built with TanStack Table.","name":"data-table4","title":"Data Table 4 - Responsive Scrollable Data Table","type":"registry:block"},{"description":"A fixed-height data table with sticky header, vertical and horizontal scrolling, sortable columns, and availability badges. Built with TanStack Table.","name":"data-table5","title":"Data Table 5 - Sticky Header Data Table","type":"registry:block"},{"description":"A data table section with sortable columns, minimal pagination controls showing previous/next buttons and row count. Built with TanStack Table.","name":"data-table6","title":"Data Table 6 - Paginated Data Table","type":"registry:block"},{"description":"A data table section with sortable columns, full pagination controls including page size selector, page jumps, and row count. Built with TanStack Table.","name":"data-table7","title":"Data Table 7 - Full Pagination Data Table","type":"registry:block"},{"description":"A data table section with sortable columns, single-column text filter input, and full pagination controls. Built with TanStack Table.","name":"data-table8","title":"Data Table 8 - Single Column Filter Data Table","type":"registry:block"},{"description":"A data table section with sortable columns, global search input that filters all columns, and full pagination controls. Built with TanStack Table.","name":"data-table9","title":"Data Table 9 - Global Filter Data Table","type":"registry:block"},{"description":"A sheet panel opened from a gift icon trigger, listing promotional deals with alternating image and text rows, titles, descriptions, and shop CTAs.","name":"deals1","title":"Deals 1 - Exclusive deals sheet with gift trigger","type":"registry:block"},{"description":"A three-step tabbed bundle flow with product cards, a sticky progress summary, tiered discount goals, and an add-all-to-cart sidebar.","name":"deals2","title":"Deals 2 - Stepped bundle builder with discount tiers","type":"registry:block"},{"description":"A bottom sheet promo bar that expands from a compact trigger to show a newsletter signup offer, description, subscribe CTA, and terms link.","name":"deals3","title":"Deals 3 - Bottom collapsible newsletter discount banner","type":"registry:block"},{"description":"A fixed side tab opens a dialog of radio-selected skincare deals with hover expert advice, bundle previews, and an add-to-cart form.","name":"deals6","title":"Deals 6 - Side-tab deal picker with expert hover cards","type":"registry:block"},{"description":"A fixed bell trigger with offer count opens a dialog anchored above it, listing home decor promos with thumbnail rows and short copy.","name":"deals7","title":"Deals 7 - Bottom-left offers bell with anchored dialog","type":"registry:block"},{"description":"A muted section with a centered headline and blurb, then three cards for desktop, iOS, and Android with icons, platform copy, a download button, and store badge images.","name":"download1","title":"Download 1 - App store download cards","type":"registry:block"},{"description":"A center hero headline and supporting paragraph lead into three bordered columns for desktop buttons, mobile store badges in a grid, and compact outline buttons labeled with browser icons.","name":"download10","title":"Download 10 - Desktop, mobile, and browser downloads","type":"registry:block"},{"description":"A split layout places Windows copy, MSI and EXE buttons, a Microsoft Store link, and compatibility notes beside a rounded dashboard image framed with Magic UI border beam animation.","name":"download11","title":"Download 11 - Windows downloads with preview frame","type":"registry:block"},{"description":"Centered desktop download with logo tile, Windows CTA, copyable winget command with feedback, architecture chips, and a link to other install methods.","name":"download13","title":"Download 13 - Centered Windows download with winget copy","type":"registry:block"},{"description":"Split desktop download with version metadata and resource links beside OS tabs, an installer format select, and a companion app callout.","name":"download14","title":"Download 14 - Split desktop download with OS tabs and formats","type":"registry:block"},{"description":"Centered logo and headline with a primary Windows download button, then macOS and iOS secondary links under an also-available heading.","name":"download15","title":"Download 15 - Centered Windows primary with macOS and iOS links","type":"registry:block"},{"description":"Product header with auto-detected download CTA above accordion version rows that expand into macOS, Windows, and Linux package lists.","name":"download17","title":"Download 17 - Version accordion with platform package lists","type":"registry:block"},{"description":"Centered product pitch with primary and preview downloads, a checked feature list, and a searchable scrollable integrations panel.","name":"download18","title":"Download 18 - Product download with searchable integrations","type":"registry:block"},{"description":"Three bordered OS columns for Mac, Windows, and Linux with dual download buttons, minimum requirements, plus release archive and beta links.","name":"download19","title":"Download 19 - Three-column OS downloads with requirements","type":"registry:block"},{"description":"A softer muted backdrop with a centered title and intro, then three equal columns for desktop, iOS, and Android with large round icons, short copy, and badges or a download button.","name":"download2","title":"Download 2 - Minimal three-column downloads","type":"registry:block"},{"description":"Split mobile download promo with badge, headline, CTA, QR scan card, and an iPhone mockup showing the app UI.","name":"download20","title":"Download 20 - Mobile download promo with QR and phone frame","type":"registry:block"},{"description":"Split sales-app download with a three-feature grid, star rating, store badges, iPhone mockup, and floating insight callout cards.","name":"download21","title":"Download 21 - Sales app download with features and phone callouts","type":"registry:block"},{"description":"A bold headline with two muted panels for iOS and Android, each with store badges, short copy, layered placeholders, and a phone mockup.","name":"download22","title":"Download 22 - Split mobile download columns","type":"registry:block"},{"description":"A narrow centered column with logo, title, and intro, then a card showing version, size, checklisted requirements, primary and outline actions, trial line, and a trust line below.","name":"download3","title":"Download 3 - Single-file desktop download card","type":"registry:block"},{"description":"A secondary badge and centered headline introduce a large card that pairs a feature list with rotating icons against a bordered download column showing version, size, and stacked buttons.","name":"download4","title":"Download 4 - Split download card with feature icons","type":"registry:block"},{"description":"A product tile and dated title head a grid of Linux snippets, macOS architecture tabs with download rows, a Windows waitlist button, separators, and legal copy.","name":"download5","title":"Download 5 - Multi-OS download with snippets","type":"registry:block"},{"description":"Lists software versions vertically, badges the newest release, and links each OS variant inside a responsive two-column grid of bordered hover cards ending in a download icon.","name":"download6","title":"Download 6 - Versioned download grid with platform cards","type":"registry:block"},{"description":"Centered marketing band with outline badge, bold balanced headline, App Store and Google Play image links, and three phone frames that resize and reorder across breakpoints.","name":"download7","title":"Download 7 - App store promotion with phone mockups","type":"registry:block"},{"description":"Client download section with a square glare-framed product visual, large product title, primary auto-detect button, last-updated line, and a bordered two-column table of platform rows with small outline actions.","name":"download8","title":"Download 8 - Centered download hub with platform matrix","type":"registry:block"},{"description":"A two-column software block with headline, muted intro, checkmarked feature lines, paired Buy and Download buttons, a bordered product image, then a labeled icon row for many platforms and browsers.","name":"download9","title":"Download 9 - Split software pitch with platform availability strip","type":"registry:block"},{"description":"This component serves as a comprehensive footer block featuring a newsletter subscription form, a multilingual section for various language selections, and contact information including social media links. It includes customizable sections for footer links, enabling users to prov","name":"ecommerce-footer1","title":"Ecommerce Footer 1 - Ecommerce footer with newsletter, language selector, and contact row","type":"registry:block"},{"description":"This component is designed for creating a customizable footer section with multiple sections such as contact information, social media links, shop categories, and support resources, organized in an accordion layout to enhance user interaction. It includes a newsletter subscriptio","name":"ecommerce-footer18","title":"Ecommerce Footer 18 - Accordion ecommerce footer with newsletter form and contact blocks","type":"registry:block"},{"description":"This component provides a comprehensive footer block for digital platforms, featuring sections for a newsletter subscription, contact information, and footer navigation links. It includes integrated social media links and payment method icons, offering a versatile foundation for ","name":"ecommerce-footer19","title":"Ecommerce Footer 19 - Ecommerce footer with support info row, accordion links, and brand panel","type":"registry:block"},{"description":"This component is a footer block designed for webpage applications, featuring sections for newsletter subscriptions, navigational footer links, and social media icons. It includes form validation using a schema to ensure proper email input and utilizes an accordion layout for org","name":"ecommerce-footer2","title":"Ecommerce Footer 2 - Accordion ecommerce footer with newsletter strip and social icons","type":"registry:block"},{"description":"This component is a versatile and interactive footer block designed to enhance user engagement through features like a newsletter subscription form and social media links. It organizes helpful site links, payment methods, and additional footer information, making it a comprehensi","name":"ecommerce-footer20","title":"Ecommerce Footer 20 - Accordion ecommerce footer with brand story panel and payment icons","type":"registry:block"},{"description":"This component serves as a detailed footer block that includes sections for store locations, company information, social media, app promotion, and payment methods. It features links to various store addresses, provides company policies and help topics, showcases social media icon","name":"ecommerce-footer9","title":"Ecommerce Footer 9 - Ecommerce footer with store list, link columns, app badges, and payments","type":"registry:block"},{"description":"An autoplay carousel on a primary-colored panel where each slide shows two columns with tall scene photos, overlaid product cards, and section titles beneath.","name":"ecommerce-hero1","title":"Ecommerce Hero 1 - Carousel With Paired Product Cards","type":"registry:block"},{"description":"A two-row mobile, two-column desktop hero where each panel is full-bleed media with a dark scrim, either a headline and CTA or an inline product card with sale pricing.","name":"ecommerce-hero2","title":"Ecommerce Hero 2 - Split Panel Image and Video Hero","type":"registry:block"},{"description":"A rounded full-width hero with a dimmed background photo, left column copy and primary CTA, and right column autoplay carousel of product cards with quick view and prices.","name":"ecommerce-hero3","title":"Ecommerce Hero 3 - Background Hero With Product Carousel","type":"registry:block"},{"description":"A three-column desktop layout with a large photo hero and CTA in two columns and a vertical autoplay product carousel in the third, with optional collection labels and quick actions on each card.","name":"ecommerce-hero6","title":"Ecommerce Hero 6 - Split Hero With Product Carousel","type":"registry:block"},{"description":"A full-viewport autoplay carousel where each slide pairs full-bleed image or video with headline, copy, CTA, and a rich product card with gallery, badges, rating, and price.","name":"ecommerce-hero7","title":"Ecommerce Hero 7 - Full Bleed Carousel With Product Detail","type":"registry:block"},{"description":"A full-viewport autoplay hero with large background slides and serif headline copy, plus a linked thumbnail carousel of featured products that stays in sync with the main track.","name":"ecommerce-hero8","title":"Ecommerce Hero 8 - Dual Carousel Collection Hero","type":"registry:block"},{"description":"A full ecommerce header with logo, search, cart, and user actions, mega menus with image columns and featured tiles, currency or locale select, and a mobile sheet with contact row and social links.","name":"ecommerce-navbar1","title":"Ecommerce Navbar 1 - Mega Menu Storefront Navbar","type":"registry:block"},{"description":"An ecommerce header with primary nav, search, cart with badge, wishlist and account entry, nested dropdowns and mega panels on desktop, and an accordion-based mobile sheet with grouped help and account links.","name":"ecommerce-navbar2","title":"Ecommerce Navbar 2 - Layered Dropdown Store Navbar","type":"registry:block"},{"description":"A prefilled product edit form with thumbnail and gallery uploads, pricing fields, and a variant matrix.","name":"edit-product1","title":"Edit Product 1 - Product editor with media and variants","type":"registry:block"},{"description":"A multi-step product wizard with sidebar progress, mobile step summary, media upload, and inventory rules, prefilled for Radiance Ritual Set.","name":"edit-product2","title":"Edit Product 2 - Guided product wizard with step sidebar","type":"registry:block"},{"description":"A product record page with image gallery, pricing summary, variant facts, activity history, and customer reviews.","name":"edit-product3","title":"Edit Product 3 - Product detail with gallery and reviews","type":"registry:block"},{"description":"A variant-centric product detail with gallery, selectable variant chips, pricing panels, and an edit sheet for the active SKU.","name":"edit-product4","title":"Edit Product 4 - Variant-focused product detail sheet","type":"registry:block"},{"description":"Portfolio experience list with oversized section heading, trailing ghost CV link with download icon, and each role showing period, title and body copy, plus company label beside a square logo mark.","name":"experience1","title":"Experience 1 - Work history rows with CV download","type":"registry:block"},{"description":"Uses a wide grid split so a sticky left column holds display title with tenure superscript, supporting copy, and a rounded secondary contact button, while the right column lists employers, titles, and muted descriptions with pill date tags.","name":"experience2","title":"Experience 2 - Sticky intro with timeline column","type":"registry:block"},{"description":"Section opens with eyebrow label, large Experience title, intro paragraph, rounded download resume button with icon accent, last-updated note, then a table-like list with headers and reverse-indexed role titles tied to periods.","name":"experience3","title":"Experience 3 - Numbered experience list with resume control","type":"registry:block"},{"description":"Editorial work history with a large serif section title followed by repeating two-column roles that pair logo plus title with meta lines and body copy on the left against period and employer on the right.","name":"experience5","title":"Experience 5 - Serif work experience with company logos","type":"registry:block"},{"description":"Narrow container FAQ heading above a collapsible accordion list where each question triggers expansion and answers render in muted body color for readability.","name":"faq1","title":"Faq 1 - Centered accordion FAQ block","type":"registry:block"},{"description":"FAQ section framed by horizontal and vertical borders, starting with outline badge containing a question-mark icon and FAQ label, then large title, muted intro referencing the FAQ anchor, accordion items with bordered cards, and capped by matching border bands.","name":"faq10","title":"Faq 10 - Bordered FAQ band with labeled header","type":"registry:block"},{"description":"Two-column layout with introductory copy on one side and category headings on the other, each followed by an accordion of related questions.","name":"faq11","title":"Faq 11 - Split FAQ with intro and category accordions","type":"registry:block"},{"description":"Categorized accordion FAQs with a sidebar that jumps to each group and highlights the active category as the main column scrolls.","name":"faq12","title":"Faq 12 - FAQ with category sidebar and scroll sync","type":"registry:block"},{"description":"Centered heading and subtitle above stacked Card sections; each card holds a category accordion on a soft patterned backdrop.","name":"faq14","title":"Faq 14 - Centered FAQ with category accordion cards","type":"registry:block"},{"description":"Centered section title above a responsive two-column grid of Lucide icons paired with headings and body copy; defaults use pet-adoption themed sample text.","name":"faq15","title":"Faq 15 - Two-column icon grid with centered title","type":"registry:block"},{"description":"Narrow centered column with section title and accordion list where each question expands to show its answer text.","name":"faq16","title":"Faq 16 - Centered narrow accordion FAQ","type":"registry:block"},{"description":"Wide grid with profile header, contact prompt, outbound contact link, and a primary column of accordion FAQ items for long-form answers.","name":"faq17","title":"Faq 17 - Profile and contact column beside accordion FAQ","type":"registry:block"},{"description":"This component provides a structured FAQ section using accordions organized under tabbed categories to help users find answers to common questions efficiently. It features customizable badges, titles, descriptions, and multiple categories, ideal for enhancing user experience with","name":"faq18","title":"Faq 18 - FAQ with tabbed categories and accordion answers","type":"registry:block"},{"description":"This component serves as a dynamic FAQ block, allowing users to navigate different categories of frequently asked questions through a tabbed interface. It features expandable accordion items for each question, offering a straightforward way to provide detailed answers and enhance","name":"faq19","title":"Faq 19 - FAQ with category list and accordion answers","type":"registry:block"},{"description":"A FAQ section with a heading and stacked question-and-answer rows separated by hairline borders, using plain typography without accordions.","name":"faq2","title":"Faq 2 - Single-column FAQ with bordered rows","type":"registry:block"},{"description":"A two-column FAQ section with heading and contact link on the left, and categorized accordion questions on the right.","name":"faq20","title":"Faq 20 - Categorized FAQ with Two-Column Layout","type":"registry:block"},{"description":"Three-column FAQ card grid with topic labels, Lucide icons, always-visible answers, and a dashed support row.","name":"faq21","title":"Faq 21 - Icon card FAQ grid","type":"registry:block"},{"description":"Inverted FAQ section with a centered headline and a frosted accordion panel over a soft primary glow.","name":"faq23","title":"Faq 23 - Inverted glass accordion FAQ","type":"registry:block"},{"description":"Numbered FAQ table of one-line questions and answers with topic tags, a support email, and a docs button.","name":"faq25","title":"Faq 25 - Compact one-liner FAQ rows","type":"registry:block"},{"description":"Accordion FAQ with a volume label, section ornament, long-form answers, and a printed colophon.","name":"faq26","title":"Faq 26 - Editorial accordion FAQ with colophon","type":"registry:block"},{"description":"Left-aligned FAQ intro above a two-column grid of always-visible question and answer cells divided by hairline gaps.","name":"faq27","title":"Faq 27 - Two-column FAQ cell grid","type":"registry:block"},{"description":"Centered accordion FAQ with a live search field, filtered results, an empty state, and a running question count.","name":"faq28","title":"Faq 28 - Searchable accordion FAQ","type":"registry:block"},{"description":"Inverted FAQ accordion with oversized index numbers beside each question and a trailing support line.","name":"faq29","title":"Faq 29 - Numbered inverted accordion FAQ","type":"registry:block"},{"description":"Centered section heading and intro paragraph above a single-column accordion of expandable questions and answers.","name":"faq3","title":"Faq 3 - Centered accordion FAQ","type":"registry:block"},{"description":"Accordion FAQ introduced by a small badge, with separators between items and a trailing link to contact support when answers are not enough.","name":"faq4","title":"Faq 4 - Accordion FAQ with badge and support link","type":"registry:block"},{"description":"FAQ block with badge, title, intro copy, and a vertical list of numbered questions each paired with an answer paragraph.","name":"faq5","title":"Faq 5 - Numbered FAQ list with badge header","type":"registry:block"},{"description":"Two-column FAQ section with a badge, headline and intro, and numbered rows that pair each question with a muted answer.","name":"faq6","title":"Faq 6 - Numbered FAQ grid with badge header","type":"registry:block"},{"description":"Two-column FAQ with a stacked headline, support blurb with inline link, outline button, and a shadcn Accordion list for questions and answers.","name":"faq7","title":"Faq 7 - Split FAQ with accordion and support CTA","type":"registry:block"},{"description":"Stacked FAQ bands with separate General and Billing sections, each showing a category label beside a full-width accordion on wide layouts.","name":"faq8","title":"Faq 8 - Categorized FAQ accordions for two topics","type":"registry:block"},{"description":"Bold FAQ heading above an accordion whose items use rounded muted panels instead of plain divider lines between questions.","name":"faq9","title":"Faq 9 - FAQ with card-style accordion items","type":"registry:block"},{"description":"Split feature section with a large heading, optional description, an outline call-to-action, and a square bordered product image in the second column.","name":"feature1","title":"Feature 1 - Two-column feature with square image and button","type":"registry:block"},{"description":"Small section label, bold heading, and up to four Lucide-backed feature tiles with dashed side borders on medium screens and circular accent icon wells.","name":"feature10","title":"Feature 10 - Icon feature columns with dashed borders","type":"registry:block"},{"description":"Centered header above a mixed-span bento grid of muted cards with Lucide icons, short copy, and hover-lift imagery on wide tiles.","name":"feature101","title":"Feature 101 - Bento capability grid with icons and images","type":"registry:block"},{"description":"Centered launch headline and intro, then three horizontal steps with circled numbers, vertical line connectors, text, and paired rounded images.","name":"feature102","title":"Feature 102 - Numbered three-step timeline with side images","type":"registry:block"},{"description":"Outlined badge and title over a responsive grid of bordered link cards with headings, blurbs, and circular arrow icons that highlight on hover.","name":"feature103","title":"Feature 103 - Linked capability cards with badge header","type":"registry:block"},{"description":"Medal badge and centered copy introduce six bordered icon rows split into two side columns with a tall placeholder image between on wide layouts.","name":"feature104","title":"Feature 104 - Three-column icon highlights with center image","type":"registry:block"},{"description":"Centered intro with outline badge, headline, and supporting copy, plus many icon-labeled tabs on a line-style tab list; each selection shows a bordered aspect-video image.","name":"feature105","title":"Feature 105 - Icon tabs with swapped images","type":"registry:block"},{"description":"Four feature entries switch between a single-column accordion on small screens and a three-column split with vertical tabs plus detail pane on large screens, each with icon, excerpt, title, body, and image.","name":"feature106","title":"Feature 106 - Tabs on desktop, accordion on mobile","type":"registry:block"},{"description":"Responsive grid combining a two-column intro (outline badge, headline, paragraph) with six bordered link cards that each show a logo tile, pill-shaped Visit Website control, title, and short description.","name":"feature107","title":"Feature 107 - Integration grid with linked cards","type":"registry:block"},{"description":"Centered outline badge, display heading, and intro line feed a three-option tab row; each panel sits on muted rounded chrome as a two-column split with inner badge, large title, paragraph, primary button, and image.","name":"feature108","title":"Feature 108 - Tabbed two-column feature panels","type":"registry:block"},{"description":"Two-column layout with outline badge, large heading, muted paragraph, and primary button opposite a rounded photo that carries a gradient wash, avatar chip, headline, and chevron text link on top.","name":"feature109","title":"Feature 109 - Split copy with framed photo overlay","type":"registry:block"},{"description":"Two-column section with a square bordered image beside a large heading, muted paragraph, optional outline button with chevron, and a vertical list marked by small primary dots (up to six items).","name":"feature11","title":"Feature 11 - Split image with dotted list and outline button","type":"registry:block"},{"description":"Centered outline badge and headline introduce a two-column bento grid mixing outline icon badges, text cards, star rating social proof, outline tags, text links, and an auto-scrolling avatar carousel with edge fades.","name":"feature110","title":"Feature 110 - Bento grid with badges and avatar carousel","type":"registry:block"},{"description":"Outline badge, headline, paragraph, and capability link up top, then two equal muted columns each with outline badge, heading, supporting copy, chevron link, and a dark placeholder image with rounded top corners.","name":"feature111","title":"Feature 111 - Centered pitch with dual muted columns","type":"registry:block"},{"description":"Centered heading, optional muted description, optional text link with chevron, then three bordered cards with top-weighted images and stacked titles plus body copy (props-driven defaults emphasize shipping-ready blocks).","name":"feature112","title":"Feature 112 - Three-up image cards under centered intro","type":"registry:block"},{"description":"Outline badge and short hero copy introduce three tabs (labels such as Speed and Flexible) whose panels repeat a two-column split with inner badge, large heading, paragraph, icon-bearing primary button, and rounded placeholder image inside muted rounded framing.","name":"feature113","title":"Feature 113 - Icon tabs with muted split panels","type":"registry:block"},{"description":"A two-column feature area with overlapping avatars, a headline and CTA, two numeric highlights, and side-by-side vertical carousels that auto-scroll feature cards with Lucide icons.","name":"feature114","title":"Feature 114 - Split feature section with vertical carousels","type":"registry:block"},{"description":"A centered intro with outline badge, heading, and supporting line above a responsive grid of up to six image cards using muted card surfaces and aspect-ratio photography.","name":"feature115","title":"Feature 115 - Centered feature grid with outline badge","type":"registry:block"},{"description":"A centered title and subtitle introduce a bento grid of linked image tiles with bottom gradient scrims, Lucide labels, and chevron-linked prompts on wide layouts.","name":"feature116","title":"Feature 116 - Image bento with gradient hover overlays","type":"registry:block"},{"description":"A centered heading and line of supporting copy sit above three wide image columns that use gradient scrims, Lucide-forward chips, and chevron links sourced from shared feature card content.","name":"feature117","title":"Feature 117 - Three image feature columns with overlay cards","type":"registry:block"},{"description":"A muted section with a centered intro, a split card row pairing a report highlight and checklist beside media, followed by a stat band and a simple contact prompt with chat link.","name":"feature118","title":"Feature 118 - Workflow feature stack with stats and contact row","type":"registry:block"},{"description":"An outline badge and large heading introduce three numbered rows with mono index badges, then a full-width rounded media strip for supporting context.","name":"feature119","title":"Feature 119 - Numbered steps with outline badge and wide image","type":"registry:block"},{"description":"A centered outline badge and section title sit above a shadcn carousel of feature cards, with a thin progress bar tied to scroll position and previous and next controls.","name":"feature12","title":"Feature 12 - Feature carousel with progress rail","type":"registry:block"},{"description":"A two-column hero-style row pairs headline, paragraph, paired avatars with titles, primary CTA, and a large rounded visual, then a separator and four headline stats in a grid.","name":"feature120","title":"Feature 120 - Split proof header with stat strip","type":"registry:block"},{"description":"An interactive bordered grid of square tiles where uppercase labels anchor each cell, hover scales a circular Lucide icon, and a click toggles in-place descriptions.","name":"feature121","title":"Feature 121 - Interactive grid squares with expanding copy","type":"registry:block"},{"description":"A responsive bento arranges five compact feature tiles around a larger accent panel that combines headline, primary button, and a wide rounded illustration for the main call to action.","name":"feature122","title":"Feature 122 - Bento grid with central CTA panel","type":"registry:block"},{"description":"A two-column marketing section with headline and supporting copy on one side and stacked feature rows on the other, each paired with a vertical gradient accent strip.","name":"feature123","title":"Feature 123 - Intro column beside gradient-linked features","type":"registry:block"},{"description":"A split layout with heading, body copy, checked benefit lines, and a button on one side and a framed image on the other over geometric patterns and soft gradients.","name":"feature124","title":"Feature 124 - Checklist and CTA beside patterned image column","type":"registry:block"},{"description":"A dual-column block with headline, paragraph, checkmarked lines, and a button opposite a large image framed by masks, gradients, and texture overlays.","name":"feature125","title":"Feature 125 - Feature checklist beside masked illustration panel","type":"registry:block"},{"description":"A marketing section using accordion rows for titles and copy while a paired image updates to match the expanded item.","name":"feature126","title":"Feature 126 - Accordion feature list with swapping imagery","type":"registry:block"},{"description":"A headline section followed by an asymmetric grid of cards mixing icons, titles, short copy, and faded background imagery or mini graphics.","name":"feature127","title":"Feature 127 - Bento grid of utility tiles with icon headers","type":"registry:block"},{"description":"A section title and subtitle above a responsive grid of items, each with an icon in a rounded frame and concise supporting text.","name":"feature128","title":"Feature 128 - Centered icon grid with short blurbs","type":"registry:block"},{"description":"A titled section with tabs that switch integration stories, each pairing short copy, a learn-more link, and illustrative imagery.","name":"feature129","title":"Feature 129 - Tabbed integration spotlight with imagery","type":"registry:block"},{"description":"A heading and optional intro above a two-column grid of cards that combine labels, linked titles, descriptions, and bottom-anchored images per feature.","name":"feature13","title":"Feature 13 - Two-column feature cards with linked titles and imagery","type":"registry:block"},{"description":"A wide band divided into three parallel stories, each mixing an icon, title, paragraph, and supporting image about integrations or platform themes.","name":"feature130","title":"Feature 130 - Three-column integration narrative with imagery","type":"registry:block"},{"description":"A section framed by eyebrow text and headline where accordion rows expand narrative detail beside an image area tied to the active item.","name":"feature131","title":"Feature 131 - Accordion copy column with paired focal image","type":"registry:block"},{"description":"A feature card list with a single centered title and a horizontal row of four links, each with a cover image, short title, and muted supporting line.","name":"feature132","title":"Feature 132 - Centered heading with four linked image cards","type":"registry:block"},{"description":"A wide feature layout with a primary card that pairs copy with a square image, plus two stacked cards for secondary points, using icons and bordered surfaces.","name":"feature133","title":"Feature 133 - Asymmetric bento with tall visual column","type":"registry:block"},{"description":"A centered outline badge and heading introduce a responsive grid of bordered, clickable tiles mixing single- and double-width spans, each with text, a circular arrow control, and an image.","name":"feature134","title":"Feature 134 - Outline badge and mosaic of linked tiles","type":"registry:block"},{"description":"A two-column feature section with an outline label, heading, intro copy, and check-style highlight list opposite a vertical stack of bordered cards that pair icons with titles and descriptions.","name":"feature135","title":"Feature 135 - Sticky intro column beside stacked feature cards","type":"registry:block"},{"description":"A two-column hero-style slice pairs an outline KPI strip and copy with a large rounded image, then adds a three-up row of small bordered cards with icons and supporting text.","name":"feature136","title":"Feature 136 - Metrics, narrative, and triad of benefit cards","type":"registry:block"},{"description":"A section that leads with a large heading, then a two-column grid of image-topped value cards, followed by full-width rows that alternate muted backgrounds while pairing icons with titles and descriptions.","name":"feature137","title":"Feature 137 - Image-forward value cards and icon rows","type":"registry:block"},{"description":"A section framed by a title and subtitle, then three muted rounded rows that each pair a half-width image with copy, a thin divider, supporting text, and a text link with trailing arrow.","name":"feature138","title":"Feature 138 - Three alternating split rows with learn links","type":"registry:block"},{"description":"A large bordered card holds a two-column top band with optional outline badge, heading, paragraph, and hero image, plus a lower responsive grid of up to four titled blurbs.","name":"feature139","title":"Feature 139 - Bordered spotlight card with four detail columns","type":"registry:block"},{"description":"Two bordered grids each pair a text column containing a title, intro copy, and checkmarked bullets with a large image carrying a small numbered corner badge, stacked inside an outer framed container.","name":"feature14","title":"Feature 14 - Two stacked feature splits with numbered media","type":"registry:block"},{"description":"A carousel section where each slide is a muted rounded panel with a headline and paragraph beside a large landscape image, controlled by prominent previous and next buttons anchored near the lower corners.","name":"feature140","title":"Feature 140 - Full-bleed carousel of text-and-image slides","type":"registry:block"},{"description":"A centered feature band with primary heading and muted subheading, nine-cell bordered frame around a central image, plus a sidebar with outline badge, hairline divider, quotation, and attribution.","name":"feature141","title":"Feature 141 - Centered headline with framed image and testimonial","type":"registry:block"},{"description":"A two-column band pairing a taller mesh grid that wraps label text and image on a soft gradient, beside a headline, outline badge, rule, and up to four chevron-leading list rows.","name":"feature142","title":"Feature 142 - Mesh-framed image with checklist sidebar","type":"registry:block"},{"description":"A mirrored mesh-moat pattern with text first: eyebrow headline, outlined badge, rule, capped chevron checklist, opposite a bordered nine-cell pastel frame enclosing a centered image.","name":"feature143","title":"Feature 143 - Checklist column opposite framed spotlight","type":"registry:block"},{"description":"A centered section title pair followed by three shadcn cards: top row pairs headline plus outline badge beside an image strip, bottom row lays two mirrored image-first cards side by side on wide layouts.","name":"feature144","title":"Feature 144 - Stacked asymmetric cards beneath centered intro","type":"registry:block"},{"description":"A centered hero band with tinted span styling, muted body paragraph, rounded outline CTA, then split row where accordion items drive swapping desktop imagery masked over dotted texture while mobile nests an image preview inside expansions.","name":"feature145","title":"Feature 145 - Accordion chooser beside synchronized imagery","type":"registry:block"},{"description":"A feature section opening with split headline column and supporting paragraph, then a bordered bento stack of two upper image-text rows and a lower row blending copy with wide photo, corner dash brackets, and cross markers.","name":"feature146","title":"Feature 146 - Dashed-accent bento with dual headlines","type":"registry:block"},{"description":"Marketing feature band pairing a two-line headline block and supporting paragraph with a responsive three-column grid of shadcn cards showing logo tiles, titles, and muted descriptions for six integrations.","name":"feature147","title":"Feature 147 - Integration matrix with split hero text","type":"registry:block"},{"description":"Centered heading, muted description, large primary shadcn button, then responsive one-to-three column card grid of up to six items each with top image, title, and supporting copy on borderless cards.","name":"feature148","title":"Feature 148 - Utility grid with primary action under intro","type":"registry:block"},{"description":"Full-bleed rounded photo under two vertical halves separated by desktop-only notched spacer; each panel layers gradient veil, translucent outline pill, oversized white headline and paragraph, widening on wide-screen hover via animated width transition.","name":"feature149","title":"Feature 149 - Split widening panels over shared photo backdrop","type":"registry:block"},{"description":"A feature band with optional eyebrow label, large centered heading, muted description, and a capped four-item two-column grid of accent-backed tiles each with circular icon well, title, and supporting text.","name":"feature15","title":"Feature 15 - Centered intro with paired icon tiles","type":"registry:block"},{"description":"A two-panel CRM feature layout with headline and supporting copy, full-card photos that fade in on hover, and pill-shaped outline buttons with external arrows.","name":"feature150","title":"Feature 150 - Two-column CRM panels with hover imagery","type":"registry:block"},{"description":"Centered intro with eyebrow badge, headline, body text, and integrations link above staggered rows of small square icons paired with monospace badges, over concentric decorative rings.","name":"feature152","title":"Feature 152 - Centered headline with staggered icon badges","type":"registry:block"},{"description":"A Shadcn UI carousel of integration slides, each with artwork, title, body copy, and short labeled detail lines, controlled with previous and next actions.","name":"feature153","title":"Feature 153 - Integration carousel with detail lines","type":"registry:block"},{"description":"Full-width section with centered workflow headline, dual opposing marquees of Lucide-backed badges, soft gradient, and layered wave treatment behind the motion.","name":"feature154","title":"Feature 154 - Dual marquee rows of workflow badges","type":"registry:block"},{"description":"A tabbed marketing layout from Shadcn UI where selecting a tab swaps a large illustrative image and caption, with a subtle grid and radial wash behind the media.","name":"feature156","title":"Feature 156 - Tabbed feature panel with large preview","type":"registry:block"},{"description":"Services-style band with eyebrow label, large title, and two parallel columns that each combine an image frame, headline, and supporting paragraph with a text link.","name":"feature157","title":"Feature 157 - Services overview with paired image columns","type":"registry:block"},{"description":"Three equal feature columns with imagery, headings, blurbs, and a shared footer button wired with Shadcn UI, centered titles, and roomy vertical spacing.","name":"feature158","title":"Feature 158 - Three-column feature highlights with footer CTA","type":"registry:block"},{"description":"Compact four-column row of icons with titles and short descriptions, finishing with inline text inviting visitors to browse the full integration catalog.","name":"feature159","title":"Feature 159 - Four-up integration icons with trailing link","type":"registry:block"},{"description":"Three equal cards with tinted backgrounds, outlined circular icons, bold pillar labels, and supporting copy for concise value statements on basic access.","name":"feature16","title":"Feature 16 - Three pillar cards with outlined icons","type":"registry:block"},{"description":"Tabs laid out as a dense grid trigger icon, title, and blurb stacks while revealing a dominant image panel wired through shadcn/ui tab primitives for four milestones.","name":"feature160","title":"Feature 160 - Grid tabs with swapping hero artwork","type":"registry:block"},{"description":"Two-pane grid wrapped in muted hairlines and corner ticks, pairing bold headline plus paired Shadcn UI buttons with a horizontal trio of monochrome logos bordered by divider rails.","name":"feature161","title":"Feature 161 - Bordered grid with logos rail","type":"registry:block"},{"description":"A feature section with a top row of lead copy beside a large image inside one bordered panel, and a lower two-cell row pairing stacked text and media with a second full-bleed image.","name":"feature162","title":"Feature 162 - Bento feature stack with rounded media","type":"registry:block"},{"description":"Four bordered feature cells on a responsive grid that use three- and two-column spans on large screens, each pairing a bold line and body copy with a corner-rounded image.","name":"feature163","title":"Feature 163 - Four-cell marketing grid with spanning columns","type":"registry:block"},{"description":"Two-column feature strip with tabs driving square rounded images and pill triggers on one side, and a large heading, supporting paragraph, and Learn more button on the other.","name":"feature164","title":"Feature 164 - Tabbed square media beside headline and CTA","type":"registry:block"},{"description":"Centered title and muted intro precede a bordered two-by-two matrix of four prop-driven features, each with heading, description, and image in alternating three-fifths and two-fifths column widths.","name":"feature166","title":"Feature 166 - Centered intro over four-panel feature matrix","type":"registry:block"},{"description":"Outline badge, large balanced headline, and intro precede a split layout where stacked tab triggers with icons and copy face a tall image region that cross-fades between three productivity topics.","name":"feature167","title":"Feature 167 - Vertical feature tabs with gradient active rule","type":"registry:block"},{"description":"Bordered rail around a hero band with outline badge, very large heading, and muted intro, then a three-column grid of feature cells split by one-pixel gaps with images padded inside muted wells.","name":"feature168","title":"Feature 168 - Three-up feature rail with framed media wells","type":"registry:block"},{"description":"Outline badge, headline, and supporting copy introduce a three-trigger tab strip with circular icon chips and gradient active rules, each selection revealing a wide rounded image with a light border.","name":"feature169","title":"Feature 169 - Line tabs over wide bordered screenshots","type":"registry:block"},{"description":"Optional secondary badge and large centered heading introduce up to six icon-led features in two columns, each with accent circle, title, and muted body, plus an optional large primary link button.","name":"feature17","title":"Feature 17 - Six-up icon grid with centered intro","type":"registry:block"},{"description":"Outline heart badge, large heading, muted description, and an underlined primary text link with arrow precede a responsive grid capped at three icon-led feature rows.","name":"feature170","title":"Feature 170 - Icon values strip with text link","type":"registry:block"},{"description":"Muted section with dashed horizontal rule and centered mono label, two-column heading and intro, and one Card containing three image-forward tiles separated by dashed vertical or horizontal dividers and arrow links.","name":"feature171","title":"Feature 171 - Dashed rails linking horizontal feature cards","type":"registry:block"},{"description":"A centered headline anchors a stacked layout: two feature columns above, three below, separated by dashed rules with inset screenshots or multi-logo clusters.","name":"feature172","title":"Feature 172 - Two-row grid with dashed dividers","type":"registry:block"},{"description":"A two-column header leads into three oversized stat cards showing values, cheeky metric labels with outline icons, soft vertical gradients, muted footnote, and responsive grid tightening.","name":"feature173","title":"Feature 173 - Three metric panels with humorous stats","type":"registry:block"},{"description":"Centered section title over a five-tile bento on a muted field; each shadcn Card blends inline title and description with a screenshot that fades at one or more edges.","name":"feature174","title":"Feature 174 - Muted bento grid with soft image fades","type":"registry:block"},{"description":"Intro row then a bordered region: vertical tab triggers with icons and blurbs swap a three-column-wide panel showing headline, body, and full-width preview image.","name":"feature175","title":"Feature 175 - Vertical tabs with large preview pane","type":"registry:block"},{"description":"Layered dotted grid backdrop frames two columns of shadcn cards: evaluation story with badges, progress, skeletons, and outline actions beside a stacked bar chart and three KPI tiles.","name":"feature176","title":"Feature 176 - Two-pane analytics vignette with chart","type":"registry:block"},{"description":"Left-aligned headline over a responsive grid (up to three columns on large screens) of bordered cards, each showing a custom icon, title, muted body, and optional Learn more affordance.","name":"feature18","title":"Feature 18 - Icon-led feature cards up to six","type":"registry:block"},{"description":"Centered pitch with outline badge and intro copy, then two parallel columns listing pain points versus wins, each row pairing an outline icon with a short line and contrasting surface treatment.","name":"feature180","title":"Feature 180 - With and without comparison columns","type":"registry:block"},{"description":"Left header and pill-shaped primary action above four vertical tracks, each oversized faded step numeral, feature title and copy, outline badge pairing clock icon with a duration label.","name":"feature181","title":"Feature 181 - Four numbered columns with timed badges","type":"registry:block"},{"description":"Centered heading and paired primary and outline buttons lead into three equal cards: landscape image, title, muted description, and small bordered icon tile.","name":"feature182","title":"Feature 182 - Three image tiles with dual actions","type":"registry:block"},{"description":"Rounded muted stage with faint line grid anchors a centered phone mock flanked by floating product cards plus selects, followed by three large typographic KPI summaries laid out horizontally on wide screens.","name":"feature183","title":"Feature 183 - Device-stage hero with overlay cards and stats","type":"registry:block"},{"description":"A centered heading leads into a two-column area where a large image tracks the active tab and vertical tab triggers show icons, titles, and short copy, with paired primary and outline buttons below.","name":"feature184","title":"Feature 184 - Tabbed features with image and stacked triggers","type":"registry:block"},{"description":"A feature-tabs section with a tiled pattern backdrop, horizontal tab triggers, a wide content panel that shows an icon, title, body copy, and image, plus ghost dot buttons on small screens for picking a tab.","name":"feature186","title":"Feature 186 - Feature tabs with patterned background and mobile dots","type":"registry:block"},{"description":"A feature-timeline section with a large title and intro, then three columns on wide screens where numbered circular markers and titles pair with descriptions, linked by a horizontal or vertical connector line.","name":"feature187","title":"Feature 187 - Three-step process with connector line","type":"registry:block"},{"description":"A centered section title introduces a rounded bordered stack of linked rows; each row pairs a circular arrow affordance, title and description, and a landscape thumbnail on wide layouts.","name":"feature188","title":"Feature 188 - Bordered resource rows with thumbnails","type":"registry:block"},{"description":"A two-column feature section pairs a collage of three tilted overlapping images on one side with a headline, three stacked feature blurbs, and a secondary CTA with trailing arrow on the other.","name":"feature189","title":"Feature 189 - Split feature list with layered images","type":"registry:block"},{"description":"A centered intro leads into horizontal shadcn tabs; each pane is a two-column layout with headline, body copy, two-column checklist with check icons, outline CTA, and a rounded image that orders first on mobile.","name":"feature19","title":"Feature 19 - Centered tabs with slide detail and checklist","type":"registry:block"},{"description":"A centered heading and intro sit above a responsive grid of compact Card rows pairing a linked square thumbnail with title and short description, plus a secondary button centered beneath the grid.","name":"feature190","title":"Feature 190 - Dense feature grid with square thumbnails","type":"registry:block"},{"description":"An accented feature section with outline badge and headline, then three cards each showing a mono step label, title, body copy, and a bordered image.","name":"feature191","title":"Feature 191 - Feature grid with step badges on accent","type":"registry:block"},{"description":"Inside a rounded gradient-framed panel, an accordion lists feature titles and long descriptions; a large image beside it on medium and up reflects the open item, with the image inlined under each item on small screens.","name":"feature192","title":"Feature 192 - Accordion features with desktop image sync","type":"registry:block"},{"description":"A mono eyebrow heads a five-column-aware grid of shadcn Cards where titles, multi-paragraph descriptions, and images appear in different arrangements, with large blurred gradient orbs and a faint plus pattern behind the section.","name":"feature193","title":"Feature 193 - Asymmetric bento cards with mixed layouts","type":"registry:block"},{"description":"A centered mono label, heading, and supporting line introduce a grid of up to four shadcn Cards showing an icon, short description, and full-width outline learn-more link with chevron affordance.","name":"feature194","title":"Feature 194 - Icon feature cards with learn-more buttons","type":"registry:block"},{"description":"A two-column section built around an accordion that switches feature copy and updates the large preview image beside the list.","name":"feature197","title":"Feature 197 - Feature accordion with paired image panel","type":"registry:block"},{"description":"Three feature cards with icons, titles, and blurbs sit in an offset grid so the row heights vary for a slightly asymmetric scan path.","name":"feature198","title":"Feature 198 - Three icon cards on staggered rows","type":"registry:block"},{"description":"A wide text column lists feature entries while a separate column shows a large image that tracks which row is active as the user scrolls or hovers.","name":"feature199","title":"Feature 199 - Scroll-linked feature list with sticky media","type":"registry:block"},{"description":"A two-column block with one column for media and the other for a heading, supporting paragraph, and paired primary and secondary buttons.","name":"feature2","title":"Feature 2 - Split feature row with image and dual actions","type":"registry:block"},{"description":"A section header with a title and inline text link sits above introductory copy in two columns and a responsive grid of image-backed utility cards.","name":"feature20","title":"Feature 20 - Utility grid with header and learn-more link","type":"registry:block"},{"description":"Three equal-width columns each carry a tinted gradient panel, an icon, a title, and a vertical checklist of short sub-points for side-by-side comparison.","name":"feature200","title":"Feature 200 - Three gradient panels with icon feature lists","type":"registry:block"},{"description":"A centered heading introduces a mosaic grid of cards with photos, icons, headings, and blurbs; one wide tile spans two columns in the pattern.","name":"feature202","title":"Feature 202 - Bento grid of image-backed solution tiles","type":"registry:block"},{"description":"Four cards in a two-column grid each show an icon, title, description, and a checklist with small separators between rows.","name":"feature203","title":"Feature 203 - Four feature cards with checklist rows","type":"registry:block"},{"description":"One column shows a large image or collage while the other stacks a heading, icon-labeled benefit lines, supporting copy, and one primary button.","name":"feature204","title":"Feature 204 - Split visuals with icon-tagged lines and CTA","type":"registry:block"},{"description":"Pill tabs switch between themes; each state shows body copy beside or over photography with numeric stat callouts tied to that theme.","name":"feature205","title":"Feature 205 - Tabbed feature panel with stats over imagery","type":"registry:block"},{"description":"A centered outline badge, headline, and intro lead into a bento grid that alternates square photos with rounded text panels, scaling from two columns on medium screens to four on extra-large.","name":"feature206","title":"Feature 206 - Centered header with bento image and text tiles","type":"registry:block"},{"description":"A vertical workflow with a small overline, headline, and three numbered steps separated by lines; each step uses a two-column row on medium screens and up for title and body text.","name":"feature207","title":"Feature 207 - Numbered three-step workflow with separators","type":"registry:block"},{"description":"A bordered split section with headline, clickable thumbnail strip, outline button, and a tall main image that cross-fades on selection, sitting over a subtle repeating pattern on the media side.","name":"feature209","title":"Feature 209 - Split gallery with thumbnails and cross-fade preview","type":"registry:block"},{"description":"Intro row with icon label, separator, split heading and paragraph, then two columns of Shadcn UI cards mixing plain text blocks, image-led cards, icons, outline badges, and one dashed coming-soon card.","name":"feature21","title":"Feature 21 - Two-column grid of utility cards","type":"registry:block"},{"description":"Split header with label, icon, headline, and supporting paragraph over a grid of link rows that pair Lucide icons, titles, blurbs, and chevrons with a muted hover tray from small screens up.","name":"feature210","title":"Feature 210 - Icon-led feature links in a responsive grid","type":"registry:block"},{"description":"Muted rounded panel holds pill-style tabs in a horizontal scroller, then pairs serif headlines, primary icon tiles, summaries, and optional primary buttons with image layouts that change per tab.","name":"feature211","title":"Feature 211 - Rounded tab strip with variant media layouts","type":"registry:block"},{"description":"Centered headline introduces a tabs block where triggers stack vertically with bold titles and muted summaries, and each panel shows a wide image locked to a sixteen-by-nine aspect ratio frame.","name":"feature213","title":"Feature 213 - Vertical tabs with sixteen-by-nine imagery","type":"registry:block"},{"description":"Centered serif title and subcopy lead into a shadcn/ui carousel of tall muted cards; each card shows a muted video that plays on hover, a corner icon chip, title, description, and link.","name":"feature214","title":"Feature 214 - AI headline with video-on-hover carousel","type":"registry:block"},{"description":"Bold centered heading and muted intro precede a carousel of cards where each slide wraps a sixteen-by-nine muted video, overlapping icon badge, title, summary, and shared prev or next controls centered below.","name":"feature215","title":"Feature 215 - Centered headline carousel with aspect-ratio video cards","type":"registry:block"},{"description":"Intro copy leads into a responsive card grid where each linked tile mixes title, summary, muted hover-to-play video, and an icon cue.","name":"feature215a","title":"Feature215a - Responsive video cards in a centered grid","type":"registry:block"},{"description":"Centered intro leads into full-width rows where each pairs a video thumbnail with icon, title, summary, and a small outline action.","name":"feature215b","title":"Feature215b - Stacked rows with side-by-side video and copy","type":"registry:block"},{"description":"Tabbed showcase with shadcn/ui where six tinted icon triggers swap a wide photo and caption plus round secondary controls anchored at mid-image height.","name":"feature216","title":"Feature 216 - Icon tabs with large photo and round step controls","type":"registry:block"},{"description":"Full-bleed photo header with headline, paragraph, and framed image lifts into a calm three-column row of stacked icons, titles, and WCAG-aware blurbs below.","name":"feature217","title":"Feature 217 - Accessibility story with hero image and icon columns","type":"registry:block"},{"description":"Contrast-heavy photo backdrop centers headline, paragraph, and a framed illustration slot, followed by keyboard, screen reader, and color contrast talking points arranged in thirds.","name":"feature217a","title":"Feature217a - Centered hero band over three accessibility columns","type":"registry:block"},{"description":"Shared headline introduces three bordered glass tiles with white type and translucent fills over the same futuristic photo backdrop as related blocks.","name":"feature217b","title":"Feature217b - Frosted accessibility tiles on photo backdrop","type":"registry:block"},{"description":"Top-level headline spans the section, then a roughly one-third text column with long-form copy and an outline action faces a wide square photo whose right side dissolves into the background.","name":"feature218","title":"Feature 218 - Split upgrade column with soft-fade photo edge","type":"registry:block"},{"description":"Three extra-tall cards each pair headline, summary, faint texture, oversized index motif, and a distinct layered or offset image arrangement with optional icon companion.","name":"feature219","title":"Feature 219 - Patterned feature columns with three image layouts","type":"registry:block"},{"description":"Headline pairs with two checkmark columns, then three bordered cards show imagery, outline badges, dashed dividers, nested check rows, and read-more links.","name":"feature22","title":"Feature 22 - Checklist header with three outline showcase cards","type":"registry:block"},{"description":"Dotted muted backdrop holds a two-column layout pairing headline, supporting copy, primary CTA, three inline statistics, and a rounded autoplaying muted clip opposite.","name":"feature220","title":"Feature 220 - Split stats column with muted autoplay video","type":"registry:block"},{"description":"Centered intro with badge, stacked headline with a primary accent line, supporting copy, large CTA, full-width muted video in a rounded frame, and three statistics in a card on a dotted background.","name":"feature220a","title":"Feature220a - Centered section with video and stats","type":"registry:block"},{"description":"Three headline statistics in a centered row above a two-column grid with a muted video on one side and a headline, paragraph, and CTA on the other over a dotted background.","name":"feature220b","title":"Feature220b - Stats row with split video and copy","type":"registry:block"},{"description":"Header row with left-aligned headline, supporting copy, and a pill CTA leads into a responsive two-column card grid where each tile has a badge, body text, gradient dot, and a rounded Learn More control.","name":"feature221","title":"Feature 221 - Feature grid with badges and gradient dots","type":"registry:block"},{"description":"Responsive grid of linked cards filled with photography, white titles, paired metric labels, and a small outlined Learn more control driven from a repeatable feature list.","name":"feature222","title":"Feature 222 - Image-forward cards with stat pairs","type":"registry:block"},{"description":"Centered section title above a horizontal carousel of tall photo cards, each with stacked Lucide icons in a floating pill, eyebrow label text, title, and narrative copy about AI in nature.","name":"feature224","title":"Feature 224 - Carousel of photo cards with dual icons","type":"registry:block"},{"description":"Centered headline and muted lead-in introduce a tab-driven layout where a responsive grid of clickable cards shows icons and blurbs, and the active selection reveals a wide preview image below.","name":"feature225","title":"Feature 225 - Selectable AI capability tiles with preview panel","type":"registry:block"},{"description":"Two-column layout with a large headline, paragraph, and a two-column checklist using circular check icons on one side, and a bordered square photograph with corner gradient fades on the other.","name":"feature227","title":"Feature 227 - Split copy with checklist and photo","type":"registry:block"},{"description":"Muted two-column section pairs a large stacked headline, intro copy, and a small icon-led benefit grid with a collage of rounded product photos inside framed phone-style shells.","name":"feature228","title":"Feature 228 - Smart home story with icon grid and gallery","type":"registry:block"},{"description":"Wide headline introduces three equal columns for Security, Integration and APIs, and Support and Resources, each with a rounded icon tile, title, and checklist lines marked by small check icons.","name":"feature229","title":"Feature 229 - Three pillars with icon headers and checklists","type":"registry:block"},{"description":"Centered optional outline badge, headline, and supporting line lead into a three-column grid of bordered image tiles with titles, muted descriptions, and text links labeled Learn more with chevron icons.","name":"feature23","title":"Feature 23 - Centered header with three image cards","type":"registry:block"},{"description":"A marketing feature band with a full-width image strip, eyebrow divider, oversized headline plus supporting paragraph, and four Lucide-backed feature tiles in a responsive grid.","name":"feature230","title":"Feature 230 - Wide hero image with split headline and icons","type":"registry:block"},{"description":"A two-column feature section with a stacked multi-line headline, short intro, paired Shadcn buttons, and four numbered cards in a responsive grid.","name":"feature231","title":"Feature 231 - Numbered feature cards with split headline","type":"registry:block"},{"description":"A centered feature hero with oversized title, horizontal row of tilted image cards that respond to hover, supporting line, and two pill-shaped CTAs built on Shadcn buttons.","name":"feature234","title":"Feature 234 - Centered headline with fanned image cards","type":"registry:block"},{"description":"A two-column promotional feature with dashed ghost CTAs on the left and a bordered preview panel on the right, combining ShineBorder framing, staggered flicker animations on thumbnails, and Shadcn buttons.","name":"feature235","title":"Feature 235 - Split promo with flicker tiles and shine border","type":"registry:block"},{"description":"A vertically stacked promo built with ShineBorder framing, Motion width reveal, layered headline area, subtitle, paired Shadcn buttons, and a green ping dot beside status copy.","name":"feature236","title":"Feature 236 - Bracket-framed headline with ping indicator","type":"registry:block"},{"description":"A titled grid of linkable capability cards showing status chips, monospace KPI pairs, CPU or memory summaries, deployment metadata, trend coloring, and Lucide ornament, built without extra Shadcn surface components.","name":"feature237","title":"Feature 237 - System capability cards with dense metrics","type":"registry:block"},{"description":"A centered marketing feature with eyebrow icon label, towering headline, muted intro, signup button beside text demo link with chevron drift, and three stacked faux browser cards animated with Motion.","name":"feature238","title":"Feature 238 - Giant headline with layered browser cards","type":"registry:block"},{"description":"A bordered inset layout pairing outline badge headline body and outlined button opposite a dotted-frame media tile with dated overlay headline gradient wash and chevron teaser link.","name":"feature239","title":"Feature 239 - Split feature with dotted frame and image tile","type":"registry:block"},{"description":"A slim feature strip with icon label row, learn-more link, separator, split headline and body columns, and a wide rounded banner image on Shadcn layout utilities.","name":"feature24","title":"Feature 24 - Compact promo row with headline split and banner image","type":"registry:block"},{"description":"A Services heading over a looping Shadcn carousel of tall dotted-frame image cards with date lines, titles, copy, peeking slides on wide layouts, and prev or next controls.","name":"feature240","title":"Feature 240 - Services carousel with image hover reveal","type":"registry:block"},{"description":"A feature grid with a section heading and two columns of cards, each with an icon, title, short description, and hover motion.","name":"feature241","title":"Feature 241 - Team features grid with icon cards","type":"registry:block"},{"description":"A testimonial carousel built on Shadcn UI carousel controls, with portrait images, quoted copy, attribution, and prev or next navigation plus a current-slide indicator.","name":"feature242","title":"Feature 242 - Testimonial carousel with slide controls","type":"registry:block"},{"description":"A vertical process timeline with a section heading and a connected column of cards, each step pairing an icon, title, and description.","name":"feature243","title":"Feature 243 - Vertical step timeline with cards","type":"registry:block"},{"description":"A horizontal carousel of feature cards with imagery, titles, and body copy, each card inset inside a dotted outline frame and paired with carousel navigation.","name":"feature244","title":"Feature 244 - Feature carousel with dotted card frames","type":"registry:block"},{"description":"A symmetric two-column layout of eight short feature lines with decorative slash marks and staged entrance motion, centered on a single elevated image card.","name":"feature245","title":"Feature 245 - Two-column feature list with center image","type":"registry:block"},{"description":"A conversion-focused column with a bold headline, checklist of four benefits with icons, email field and submit button, plus a supporting illustration or image panel.","name":"feature246","title":"Feature 246 - Email signup panel with benefit checklist","type":"registry:block"},{"description":"A narrow centered column where body copy reveals word by word tied to scroll position, with an optional title and configurable max width.","name":"feature247","title":"Feature 247 - Centered scroll-driven text reveal","type":"registry:block"},{"description":"An extra-wide centered section on a dark background where headline and supporting lines reveal by scroll, with type that scales up on large viewports.","name":"feature248","title":"Feature 248 - Full-width dark panel with text reveal","type":"registry:block"},{"description":"A stacked section with gradient-styled headline text, supporting copy, and a scroll-driven card that scales and shifts above a large image or preview.","name":"feature249","title":"Feature 249 - Aurora headline with scroll-scaled media card","type":"registry:block"},{"description":"A long-form feature section with a small badge, headline, then three separated bands of copy, each with a title and a four-column grid of checkmarked items.","name":"feature25","title":"Feature 25 - Three feature bands with checkmark grids","type":"registry:block"},{"description":"A feature section with a heading, body copy, and an illustration of CPU nodes linked by animated beams that stacks or widens with the viewport.","name":"feature250","title":"Feature 250 - Animated network illustration with linked CPU nodes","type":"registry:block"},{"description":"A feature grid of four cards with icons and copy, a globe visualization, and animated beams that link the cards in a responsive layout.","name":"feature251","title":"Feature 251 - Four feature cards with globe and animated beams","type":"registry:block"},{"description":"A contained feature band with a headline, supporting line, and button inside a rounded frame, plus a bottom-up ripple animation behind the content.","name":"feature252","title":"Feature 252 - Ripple panel with dashed border and primary CTA","type":"registry:block"},{"description":"A two-column feature with heading, body, and CTA beside a globe graphic; the button icon rotates on hover for extra motion.","name":"feature253","title":"Feature 253 - Split feature with globe and animated arrow button","type":"registry:block"},{"description":"A hero-style feature with concentric rings of orbiting images around a center message and button that sells a developer community theme.","name":"feature254","title":"Feature 254 - Orbiting avatar rings with center headline and CTA","type":"registry:block"},{"description":"A contributor leaderboard with avatars, names, roles, short bios, and a header row that includes a secondary link-style control to see more entries.","name":"feature255","title":"Feature 255 - Top contributors list with header actions","type":"registry:block"},{"description":"Two stacked bands: a responsive grid of tool cards with logos and spotlight hover, then a guides list with titles and descriptions in one or two columns.","name":"feature256","title":"Feature 256 - Developer tools grid and guides with spotlight cards","type":"registry:block"},{"description":"A showcase of tools grouped by category, with larger hero tiles for highlighted items and a denser grid for the rest, plus spotlight-style hover feedback.","name":"feature257","title":"Feature 257 - Curated tool catalog with tiered card sizes","type":"registry:block"},{"description":"A feature overview with an optional badge, heading, and six icon-led items in a responsive grid up to three columns, each with title and copy.","name":"feature26","title":"Feature 26 - Six-up icon grid with section badge","type":"registry:block"},{"description":"A bento-style feature grid mixing photo panels, stat callouts, pricing snippets, and avatar clusters to summarize product strengths in one mosaic.","name":"feature261","title":"Feature 261 - Marketing bento with stats, media, and avatars","type":"registry:block"},{"description":"A small label and heading introduce up to six cards in a responsive grid, each pairing a thumbnail, title, description, and a shadcn/ui tooltip that enlarges the image on hover.","name":"feature266","title":"Feature 266 - Feature cards with image tooltips and staggered motion","type":"registry:block"},{"description":"A two-column marketing slice pairs a kicker with icon, large heading, muted paragraph, and pill email field with a subscribe button beside a continuous 3D image marquee.","name":"feature267","title":"Feature 267 - Split feature with subscribe field and 3D marquee","type":"registry:block"},{"description":"A wide column holds a headline, muted description, optional outline button, and checkmark list while a tilted 3D card presents promo copy, a hero image, and a ghost text action.","name":"feature268","title":"Feature 268 - Split feature with checklist and tilted 3D card","type":"registry:block"},{"description":"A centered-then-left headline, horizontal divider labeled Features, and two-column checklist of up to twelve items sit beside a tilted 3D card with stacked promo copy and a hero image.","name":"feature269","title":"Feature 269 - Benefit grid beside tilted visual card","type":"registry:block"},{"description":"An outline badge tops a centered heading and paragraph, followed by a two-up grid of bordered images with captions and a full-width media row spanning both columns below.","name":"feature27","title":"Feature 27 - Overview band with two-up media and full-width row","type":"registry:block"},{"description":"A heading and muted intro lead into three tall link panels that flip image and text order per item, each using perspective tilt and animated hover markers.","name":"feature270","title":"Feature 270 - Three tilted panels with alternating image stacks","type":"registry:block"},{"description":"A viewport-tall aurora animation sits behind a centered shadcn/ui badge, display heading, labeled divider, and two-column checklist of twelve short feature titles with badge icons.","name":"feature271","title":"Feature 271 - Full-height feature list on aurora backdrop","type":"registry:block"},{"description":"A dark, centered how-to band introduces a kicker, large title, and paragraph above three bordered cells with arrow chips between them over animated background beams.","name":"feature272","title":"Feature 272 - Dark three-step row with arrows and beams","type":"registry:block"},{"description":"A centered heading and supporting paragraph introduce four tall stat tiles; hovering a tile plays a canvas particle field and swaps large numbers for paired labels like success rate or active users.","name":"feature274","title":"Feature 274 - Metrics grid with canvas hover reveals","type":"registry:block"},{"description":"Centered title and intro text sit above three rounded tiles that show large step numerals at rest and, on hover, canvas animation with titles, descriptions, and radial shading.","name":"feature275","title":"Feature 275 - Three canvas cards with step reveal copy","type":"registry:block"},{"description":"A centered feature section with label, headline, intro, and up to six icon cards in a responsive grid where hover animates a shared muted highlight behind the active card.","name":"feature276","title":"Feature 276 - Feature grid with shared hover highlight","type":"registry:block"},{"description":"A centered feature section with label, headline, intro, and up to four cards with icons, body text, and Read More buttons; hover adds a tinted rounded backdrop per card.","name":"feature277","title":"Feature 277 - Four-column feature cards with read more","type":"registry:block"},{"description":"A tall muted section with a centered headline and up to six icon cards in a responsive grid; each card shows a colored rounded fill on hover and no separate section intro line.","name":"feature278","title":"Feature 278 - Full-height muted grid without subhead","type":"registry:block"},{"description":"Two equal stacks of framed aspect-ratio images, headings, supporting text, optional badges, and Learn more links with chevrons, arranged side by side on large screens.","name":"feature28","title":"Feature 28 - Two-column image pairs with learn more links","type":"registry:block"},{"description":"A split row pairs a large heading, labeled feature checklist with check icons, and a horizontally divided list against a stacked deck of testimonial cards with inline emphasized phrases.","name":"feature280","title":"Feature 280 - Checklist and testimonial card stack","type":"registry:block"},{"description":"A testimonials section with pill label, large title, animated stacked quote cards showing avatars and company marks, emphasized phrases in copy, and a ghost Read More link below.","name":"feature281","title":"Feature 281 - Centered testimonial stack with read more","type":"registry:block"},{"description":"A two-column section with a primary-bordered panel housing an interactive hover-to-encrypt style card and captions opposite long security copy and a short dot-led bullet list.","name":"feature282","title":"Feature 282 - Security story beside interactive encrypt card","type":"registry:block"},{"description":"A tall centered headline, supporting paragraph, and primary button with six photos absolutely positioned around the copy; images are draggable, animate into view on scroll, and blur or scale on hover focus.","name":"feature283","title":"Feature 283 - Centered CTA with draggable photo orbit","type":"registry:block"},{"description":"A responsive bento grid of image-led cards with badge labels, optional help icons, titles, and descriptions; cards span mixed widths and rows and pick up a soft glow as pointers approach.","name":"feature284","title":"Feature 284 - Bento image grid with proximity glow","type":"registry:block"},{"description":"A rounded split panel: brand link and wordmark, headline, supporting text, and member button opposite two vertical marquees of photos; hovering one image blurs the rest.","name":"feature285","title":"Feature 285 - Brand column beside dual vertical image marquees","type":"registry:block"},{"description":"A marketing feature section with a heading and intro copy, three cards that show collection titles and prices with add-to-cart actions, glowing star backgrounds, and a trailing view-all control.","name":"feature286","title":"Feature 286 - Product collection cards with glowing stars","type":"registry:block"},{"description":"A feature band with a title and up to four cards on a glowing star background, each with a heading and body copy, plus a secondary button beneath the grid.","name":"feature287","title":"Feature 287 - Glowing star cards in a responsive grid","type":"registry:block"},{"description":"A single-column feature section whose paragraph embeds clickable link previews for common stack tools, centered heading and body built with registry link-preview styling.","name":"feature288","title":"Feature 288 - Centered copy with inline link previews","type":"registry:block"},{"description":"A two-column marketing feature with a large heading on one side and a vertical list of stack entries rendered as link previews with trailing arrow cues on the other.","name":"feature289","title":"Feature 289 - Split headline and link-preview stack list","type":"registry:block"},{"description":"A marketing feature grid that mixes image tiles and text blocks with separators, pairing visuals with headings, supporting paragraphs, and inline links.","name":"feature29","title":"Feature 29 - Bento-style grid of images and copy","type":"registry:block"},{"description":"A two-column marketing band with a hiring pill, headline using pointer-follow highlight, supporting copy, email field and button, and a full-height side image.","name":"feature292","title":"Feature 292 - Hiring band with pointer highlight and signup column","type":"registry:block"},{"description":"A tall subscribe section with headline, short paragraph, email field and button on a gradient-backed canvas animated with drifting sparkles across the viewport.","name":"feature293","title":"Feature 293 - Full-viewport subscribe panel with sparkles","type":"registry:block"},{"description":"A marketing feature grid presenting five labeled points with icons and blurbs across up to three columns over an animated sparkle backdrop powered by the sparkles registry block.","name":"feature294","title":"Feature 294 - Five-up icon grid on sparkle field","type":"registry:block"},{"description":"A project browser with category badges, a role selector, a show-all toggle, and a responsive one-to-three column grid of project cards with key metrics.","name":"feature295","title":"Feature 295 - Filtered project grid with categories and roles","type":"registry:block"},{"description":"Three side-by-side image panels each carry a numeric label, headline, supporting text, and a subtle hover zoom on the photography.","name":"feature297","title":"Feature 297 - Three image columns with numbered overlays","type":"registry:block"},{"description":"This component provides a comprehensive visualization of a system's architecture, detailing key features such as data hubs, contributor networks, and authorization processes, enhanced by icon representations for each element. It helps users understand connections and dependencies","name":"feature299","title":"Feature 299 - System pillars list with centered copy and browser mockup","type":"registry:block"},{"description":"Up to six shadcn/ui cards in one responsive grid, each with header icon, title, body copy, and a bottom image slot.","name":"feature3","title":"Feature 3 - Icon-led feature cards with footer imagery","type":"registry:block"},{"description":"A three-column marketing strip pairing two rounded images with one text column holding a headline and supporting paragraphs.","name":"feature30","title":"Feature 30 - Two framed images beside a copy column","type":"registry:block"},{"description":"Intro headline and paragraph over a staggered pairing of imagery and explanatory blocks each ending with inline text links.","name":"feature31","title":"Feature 31 - Centered introduction with alternating image and text pairs","type":"registry:block"},{"description":"This component, Feature312, is designed to showcase impactful digital solutions, highlighting key statistics such as projects launched and client retention rates through visually appealing cards. It includes customizable headings, subheadings, descriptions, an image, and minor br","name":"feature312","title":"Feature 312 - Story block with hero image and four-up stat cards","type":"registry:block"},{"description":"This component features a visually engaging card grid and an interactive video section, allowing users to explore various topics through dynamic media content. It supports image and video displays, with animations and user-interactive elements for enhanced user experience.","name":"feature313","title":"Feature 313 - Step card row with play-trigger video dialog","type":"registry:block"},{"description":"This component displays a dynamic gallery featuring a combination of multiple small cards and a prominent larger card, perfect for showcasing content with distinct headings, images, and descriptions. Equipped with interactive features, it includes motion effects on hover and the ","name":"feature314","title":"Feature 314 - Studio grid with compact cards and large feature tile","type":"registry:block"},{"description":"This component, named `Feature322`, highlights several features and includes a testimonial, all enhanced with animations using \"framer-motion\" to create an engaging user experience. It consists of interactive feature cards that display dynamic content such as titles, subtitles, s","name":"feature322","title":"Feature 322 - Scroll-driven feature cards with stats, imagery, and testimonial","type":"registry:block"},{"description":"This component enables users to browse a collection of features, displaying an animated card layout that reveals detailed information upon selection. It includes navigational controls for both desktop and mobile views, allowing users to easily switch between different items.","name":"feature323","title":"Feature 323 - Vertical feature stack with expand-on-select cards and controls","type":"registry:block"},{"description":"Upper stack of title, subtitle, and wide imagery over a trio of evenly matched columns each with headline, snippet, and text link.","name":"feature33","title":"Feature 33 - Hero imagery above three linked feature columns","type":"registry:block"},{"description":"Headline and subhead over an irregular tiled grid pairing metric callouts with photography, badges, logos, and short supporting copy.","name":"feature34","title":"Feature 34 - Bento grid mixing stats, logos, and photography","type":"registry:block"},{"description":"A features section with a dashed line tagline, two-column header, and three feature cards in a horizontal layout separated by vertical dashed lines.","name":"feature342","title":"Feature 342 - Three-Column Feature Cards with Dashed Dividers","type":"registry:block"},{"description":"A bento-style features section with a centered heading and two rows of feature cards separated by dashed lines, featuring images and icon grids.","name":"feature343","title":"Feature 343 - Bento Grid Features with Dashed Dividers","type":"registry:block"},{"description":"A two-column feature section with a large heading, supporting copy, and a two-column checklist beside a bordered image with gradient fades, image leading on wide screens.","name":"feature344","title":"Feature 344 - Split Feature With Left Image","type":"registry:block"},{"description":"A two-column feature section with the image on the right on medium screens and up, plus headline, body, outline button, and a checklist with circular check icons.","name":"feature345","title":"Feature 345 - Split Feature With Right Image","type":"registry:block"},{"description":"A split feature with a bold heading, checklist, and outline button opposite a tall media frame with cross-pattern mask, radial fade, and edge scrims; the media column leads on wide screens.","name":"feature346","title":"Feature 346 - Checklist Feature With Left Pattern Media","type":"registry:block"},{"description":"A split feature matching the checklist plus outline button pattern, with a softer cross-pattern field and stronger edge vignettes on the media side; wide layouts place media on the left.","name":"feature347","title":"Feature 347 - Checklist Feature With Offset Left Media","type":"registry:block"},{"description":"A large serif headline above a two-column grid with the wide image on the left and narrow copy plus primary button on the right, including an aspect-ratio photo and edge gradient on the image.","name":"feature348","title":"Feature 348 - Serif Promo Feature With Left Image","type":"registry:block"},{"description":"A centered heading and description above a three-column grid of bordered cards, each with a square icon badge, title, and description.","name":"feature349","title":"Feature 349 - Centered Feature Cards","type":"registry:block"},{"description":"Oversized spanning headline beside three narrower columns each with title, body text, and chevron-accented outbound links.","name":"feature35","title":"Feature 35 - Large grid headline beside three arrow links","type":"registry:block"},{"description":"A centered label, heading, and description above a four-column grid of minimal icon stacks with circular badges.","name":"feature350","title":"Feature 350 - Centered Four Column Feature Grid","type":"registry:block"},{"description":"A left-aligned heading with badge and description above a four-column grid of compact feature items with bordered icon badges.","name":"feature351","title":"Feature 351 - Left Aligned Four Column Features","type":"registry:block"},{"description":"A left-aligned label, heading, and description above a two-column grid of large bordered cards with circular icon badges.","name":"feature352","title":"Feature 352 - Left Aligned Two Column Feature Cards","type":"registry:block"},{"description":"A centered heading above a four-column grid of muted accent cards with circular icon badges, titles, and descriptions.","name":"feature353","title":"Feature 353 - Centered Heading Four Column Accent Cards","type":"registry:block"},{"description":"A heading and description embedded as the first cell in a four-column grid alongside three bordered icon cards with square badges.","name":"feature354","title":"Feature 354 - Grid Integrated Heading With Icon Cards","type":"registry:block"},{"description":"A centered intro with label, heading, and description above a six-item three-column grid of bordered link cards with hover state and per-item CTA.","name":"feature355","title":"Feature 355 - Centered Feature Link Cards","type":"registry:block"},{"description":"A left-aligned badge, heading, and description above a three-column grid of muted accent cards with circular icon badges.","name":"feature356","title":"Feature 356 - Left Aligned Three Column Accent Cards","type":"registry:block"},{"description":"A centered heading and description above a three-column row of features with large thin-stroke standalone icons.","name":"feature357","title":"Feature 357 - Centered Large Icon Feature Row","type":"registry:block"},{"description":"A three-column grid of bordered feature cards with bordered square icon badges, no section heading or intro.","name":"feature358","title":"Feature 358 - No Intro Three Column Bordered Cards","type":"registry:block"},{"description":"A centered heading and description above a two-column grid of horizontal muted accent cards with circular icon badges beside text.","name":"feature359","title":"Feature 359 - Centered Two Column Accent Feature Cards","type":"registry:block"},{"description":"A bento-style feature grid with one wide highlighted case study card and five smaller cards, each with a title, optional badge on the lead card, and a continue-reading link.","name":"feature36","title":"Feature 36 - Case study grid with featured card","type":"registry:block"},{"description":"A left-aligned label, heading, and description separated by a horizontal rule from a three-column grid of icon-title-description rows.","name":"feature360","title":"Feature 360 - Left Aligned Divided Feature Grid","type":"registry:block"},{"description":"A centered heading and description above a four-column grid where each item has a small tinted icon badge inline with the title.","name":"feature361","title":"Feature 361 - Centered Four Column Inline Icon Features","type":"registry:block"},{"description":"A sticky left column with badge, heading, and description beside a two-thirds-width three-column grid of six bordered icon cards.","name":"feature362","title":"Feature 362 - Split Layout With Three Column Feature Grid","type":"registry:block"},{"description":"A centered heading and description above a three-column grid of bordered cards, each with a circular icon badge and a ghost button link.","name":"feature363","title":"Feature 363 - Centered Feature Cards With Button CTA","type":"registry:block"},{"description":"A four-column grid of icon tiles with titles and descriptions, no section heading or borders.","name":"feature364","title":"Feature 364 - Minimal Four-Column Icon Grid","type":"registry:block"},{"description":"A three-column grid of icon tiles with circular badges, titles, and descriptions, no section heading or borders.","name":"feature365","title":"Feature 365 - Minimal Three-Column Icon Grid","type":"registry:block"},{"description":"A six-item inline icon grid with icons beside text, no section heading or borders.","name":"feature366","title":"Feature 366 - Minimal Inline Icon Grid","type":"registry:block"},{"description":"A four-column centered icon grid with circular badges, no section heading or borders.","name":"feature367","title":"Feature 367 - Minimal Centered Four-Column Grid","type":"registry:block"},{"description":"A three-column centered icon grid with circular badges, no section heading or borders.","name":"feature368","title":"Feature 368 - Minimal Centered Three-Column Grid","type":"registry:block"},{"description":"A six-item centered grid with bare icons and no icon backgrounds, section heading, or borders.","name":"feature369","title":"Feature 369 - Minimal Naked Icon Grid","type":"registry:block"},{"description":"A wide marketing grid of four image-led tiles on a five-column track, with variable column spans, rounded panels, and accent-tinted backgrounds behind each image and text stack.","name":"feature37","title":"Feature 37 - Asymmetric bento grid with image tiles","type":"registry:block"},{"description":"A full-width feature section with a sixteen-by-nine image carousel driven by a row of selectable tabs below, each pairing an icon, title, and short description.","name":"feature370","title":"Feature 370 - Wide feature carousel with tabs","type":"registry:block"},{"description":"A muted bento section with a wide image, indented narrative text, and a two-by-two stat grid with numbers, labels, one descriptive cell, and logo marks, with no top section label or headline.","name":"feature371","title":"Feature 371 - Bento Stat Grid With Image","type":"registry:block"},{"description":"A split feature with a bold heading, checklist, and outline button on the left, and a tall media frame with cross-pattern mask, radial fade, and edge scrims on the right on wide screens.","name":"feature372","title":"Feature 372 - Checklist Feature With Right Pattern Media","type":"registry:block"},{"description":"A sibling of feature87 with the same headings, icon list, and outline CTA on a narrow column, opposite a muted two-column-wide tray where a bordered four-by-three image bleeds off the outer left edge under a directional shadow toward the copy.","name":"feature373","title":"Feature 373 - Split Feature Bleeding Image Leading Left","type":"registry:block"},{"description":"A two-column feature section with optional label, stacked headline with accent line, numbered list, outline button-style CTA, and a portrait image in a framed tile with a diagonal fade toward the copy column.","name":"feature374","title":"Feature 374 - Editorial split feature with side rail","type":"registry:block"},{"description":"A two-column feature with photography leading on large screens, checklist-style lines, outline CTA, and a centered bordered landscape image on a muted tray with a soft radial glow and restrained shadow.","name":"feature375","title":"Feature 375 - Split feature with contained leading image","type":"registry:block"},{"description":"A centered heading and intro, a muted bordered tray carrying a sixteen-by-nine landscape image with a soft glow, then three icon-led detail cards in a responsive row.","name":"feature376","title":"Feature 376 - Centered feature overview with icon grid","type":"registry:block"},{"description":"A two-column editorial feature with the portrait image leading on wide layouts, optional label, stacked headline with accent line, numbered list, outline CTA, and a diagonal mask fade from the bottom-right of the frame toward the copy column.","name":"feature377","title":"Feature 377 - Editorial split with leading portrait image","type":"registry:block"},{"description":"A compact two-column feature with four icon-led title rows, short body copy, outline CTA, rounded image tile, horizontal mask mirrored so fade faces the trailing copy column; image leads on wide layouts.","name":"feature378","title":"Feature 378 - Minimal split with leading masked image","type":"registry:block"},{"description":"A feature section with a centered heading above a three-column grid of image cards, each with a compact icon beside the title and a short description.","name":"feature379","title":"Feature 379 - Three-Column Feature Cards With Inline Icons","type":"registry:block"},{"description":"A tight two-column feature with four icon-plus-title rows (no dividers), short body copy, outline CTA, and a rounded bordered image that shares a left-to-right fade with the photo toward the copy column.","name":"feature38","title":"Feature 38 - Minimal split feature with masked image","type":"registry:block"},{"description":"A feature section matching feature39's large-screen grid but swapping to a carousel below large breakpoints with full-width slides on phones and two cards on tablet; prev and next sit beside the headline on those widths. Desktop keeps the three-column grid without carousel arrows","name":"feature380","title":"Feature 380 - Simple Feature cards with carousel on smaller screens","type":"registry:block"},{"description":"Like Feature380 card styling but six items and one carousel everywhere with prev and next beside the headline; one slide on phones, two from tablet widths up, three visible from large screens up, rounded-md outline buttons.","name":"feature381","title":"Feature 381 - Six feature cards in an all-breakpoints carousel","type":"registry:block"},{"description":"Editorial copy with checklist and CTAs beside a four-cell photo collage.","name":"feature382","title":"Feature 382 - Split copy and photo collage","type":"registry:block"},{"description":"Alternating full-bleed image and copy rows for an editorial photo series.","name":"feature385","title":"Feature 385 - Zigzag editorial photo rows","type":"registry:block"},{"description":"Scroll-linked story with a sticky side list, a sans heading, and portrait photos that track the active section.","name":"feature386","title":"Feature 386 - Sticky Nav Photo Story","type":"registry:block"},{"description":"A slowly turning wheel of square project thumbnails on spokes that stay upright as it spins, where clicking a seat rolls it to the bottom and shows its details.","name":"feature387","title":"Feature 387 - Ferris Wheel Project Picker","type":"registry:block"},{"description":"Carousel of two-column feature slides synced to a Shadcn UI toggle group of icons, with masked edge fading.","name":"feature388","title":"Feature 388 - Feature carousel with icon toggle group","type":"registry:block"},{"description":"Full-width image carousel with previous and next buttons under the heading, dot indicators over the image, and clickable icon-labeled steps below.","name":"feature389","title":"Feature 389 - Step carousel with clickable section labels","type":"registry:block"},{"description":"A feature section with a heading and three image cards in a responsive grid, each with a title and description.","name":"feature39","title":"Feature 39 - Simple 3 column feature cards with images","type":"registry:block"},{"description":"Centered heading and subtext above a multi-column carousel of feature cards, each with a 3:4 image, title, and description, navigable via round arrow buttons.","name":"feature390","title":"Feature 390 - Feature cards carousel with centered heading","type":"registry:block"},{"description":"Two-column carousel where the left panel shows a title, description, and prev/next controls for the active slide while the right panel displays the corresponding image.","name":"feature391","title":"Feature 391 - Split carousel with detail panel","type":"registry:block"},{"description":"Two-column carousel with a headline on the left and 4:5 image cards on the right, plus a row of dots that expand to show the active slide title.","name":"feature392","title":"Feature 392 - Carousel with expanding dot navigation","type":"registry:block"},{"description":"Tabbed navigation synced to a carousel of bordered content cards, each with a gradient-text heading, description, a note, and an image panel.","name":"feature393","title":"Feature 393 - Tab-synced content carousel","type":"registry:block"},{"description":"A marketing section with a section title, a primary card pairing body copy with a large image, and a second row that splits a smaller card against a testimonial-style quote panel.","name":"feature4","title":"Feature 4 - Collaboration feature with cards and quote","type":"registry:block"},{"description":"Section heading beside a two-by-two grid of city names and mailing lines, each prefaced by a small tinted marker on a responsive split row.","name":"feature41","title":"Feature 41 - Split heading with four city addresses","type":"registry:block"},{"description":"A narrow heading column on the left, with four value titles and body paragraphs in a two-column grid beside it.","name":"feature42","title":"Feature 42 - Values heading beside a two-column grid","type":"registry:block"},{"description":"Centered section title above six circular icon tiles in a responsive three-column grid, with a large primary button centered beneath the set.","name":"feature43","title":"Feature 43 - Icon reasons with centered call to action","type":"registry:block"},{"description":"Section title and intro line above a responsive card list where each item shows a square mark, integration name, and short supporting copy in one to three columns.","name":"feature44","title":"Feature 44 - Integration cards with square logos","type":"registry:block"},{"description":"One wide card spans two columns beside a taller narrow card on large layouts; both combine an icon, title, paragraph, and square image inside bordered panels.","name":"feature5","title":"Feature 5 - Two feature cards in a bento grid","type":"registry:block"},{"description":"Centered headline, deck copy, and outline button lead into three muted link tiles that mix eyebrow labels, titles, supporting text, imagery, and learn-more actions in an uneven grid.","name":"feature50","title":"Feature 50 - Centered pitch with three linked tiles","type":"registry:block"},{"description":"Three tab triggers with circular icon wells, headings, and blurbs swap a large feature image; triggers stack vertically on small screens and align in a row from medium widths up.","name":"feature51","title":"Feature 51 - Stacked icon tabs with feature imagery","type":"registry:block"},{"description":"Six compact tab triggers with primary-tinted icons sit above a large landscape image that updates as each product pillar is selected.","name":"feature52","title":"Feature 52 - Six icon tabs with wide preview","type":"registry:block"},{"description":"Two-column table tightens into four columns on wider screens with one-pixel dividers, mono index labels paired with titles, and centered wordmarks per cell.","name":"feature53","title":"Feature 53 - Numbered logo matrix with hairline grid","type":"registry:block"},{"description":"Centered section title above five text tabs that swap a wide bordered image and, on medium-plus widths, a three-column row of subfeature titles and descriptions, with dot controls on small screens.","name":"feature54","title":"Feature 54 - Five feature tabs with subfeature columns","type":"registry:block"},{"description":"A centered single-column feature with a large heading, supporting paragraph, and outline button for a simple, focused call to action.","name":"feature55","title":"Feature 55 - Centered feature with headline and outline button","type":"registry:block"},{"description":"A bento-style feature section with one wide accent panel and image, then three smaller bordered cards in a row, each pairing copy with an image.","name":"feature56","title":"Feature 56 - Lead feature panel with three supporting cards","type":"registry:block"},{"description":"A marketing feature block with outline badge, headline, and intro copy, then a selectable feature list beside a bordered carousel with dot indicators and a bottom gradient overlay on slides.","name":"feature57","title":"Feature 57 - Feature list synced to a carousel","type":"registry:block"},{"description":"A single-column feature with optional badge and label, stacked headline with optional secondary line, one primary CTA, a full-width four-by-three framed image, then up to four icon-and-text rows in two columns.","name":"feature58","title":"Feature 58 - Editorial feature with framed media and icon checklist","type":"registry:block"},{"description":"A two-column bento grid with a full-width lead card on accent, one tall feature card beside two standard cards, each pairing label, copy, and rounded images.","name":"feature59","title":"Feature 59 - Wide lead card with tall sidebar bento","type":"registry:block"},{"description":"A two-column feature with heading, body, up to four checkmarked bullets with primary-colored icons, and a square bordered image, driven by the shared single-focus content pattern.","name":"feature6","title":"Feature 6 - Split feature with checklist and square image","type":"registry:block"},{"description":"A two-column feature from the single-focus pack with a square bordered image on the first side and a heading plus one or two muted paragraphs on the other.","name":"feature60","title":"Feature 60 - Image-left split with stacked body copy","type":"registry:block"},{"description":"A mirrored two-column single-focus feature with a square bordered image on one side and a heading with one or two muted paragraphs on the other, reversed on large screens.","name":"feature61","title":"Feature 61 - Image-right split with stacked body copy","type":"registry:block"},{"description":"A vertical stack of three feature rows, each a two-column split on large screens with four-by-three bordered images and headline plus muted copy, alternating which side carries the image.","name":"feature62","title":"Feature 62 - Three alternating image-and-text rows","type":"registry:block"},{"description":"A card-list feature with centered title and optional description above a responsive grid of up to six items, each with a four-by-three image, bold title, and supporting text on accent.","name":"feature63","title":"Feature 63 - Centered heading with six image cards","type":"registry:block"},{"description":"Outlined coming soon badge with centered heading and supporting copy above a seven-column desktop grid that splits into one wide and one narrow card, each holding an image and short feature text.","name":"feature64","title":"Feature 64 - Coming soon band with asymmetric pair","type":"registry:block"},{"description":"A four-up row of category strips, each with a vertical color bar, bold title, icon, and body that expands on small screens or stays open on large screens, with outline badges listing deliverable-style tags.","name":"feature65","title":"Feature 65 - Four expandable columns with color rails","type":"registry:block"},{"description":"Leading heading above a responsive two-column grid of wide image links; each tile zooms slightly on hover, shows a gradient foot, and overlays a logo mark with a bold line of title text.","name":"feature66","title":"Feature 66 - Two image tiles with gradient caption band","type":"registry:block"},{"description":"Narrow intro column carries the section heading and optional description beside a responsive grid of up to six items, each a bordered accent card with an icon tile, title, and supporting text.","name":"feature67","title":"Feature 67 - Split intro with six bordered icon cards","type":"registry:block"},{"description":"Heading and muted intro paragraph crown a bordered card tray where six icons sit in a responsively widening grid from one through two then three columns, each with title and snippet.","name":"feature68","title":"Feature 68 - Icon grid framed below section intro","type":"registry:block"},{"description":"Two-column layout with a tall rounded image carousel on one side and stacked selectable rows on the other; clicking a row scrolls the carousel and reveals body copy plus a text link, keeping imagery and narratives aligned.","name":"feature69","title":"Feature 69 - Carousel on the right with synced accordions","type":"registry:block"},{"description":"Two-column layout with a square cover image bordered and rounded beside a column that stacks a prominent heading, supporting paragraph, and checklist rows punctuated by inline check glyphs.","name":"feature7","title":"Feature 7 - Checklist beside square bordered image","type":"registry:block"},{"description":"Same selectable rows and carousel pairing as sibling blocks, ordered so imagery leads horizontally on wider layouts while list selection continues to steer which slide displays.","name":"feature70","title":"Feature 70 - Carousel on the left with synced accordions","type":"registry:block"},{"description":"Upper band centers a small uppercase label, large title, supporting copy, and paired icon buttons; below, a mixed grid alternates wide linked photo tiles with logo captions and solid metric cells across up to four columns.","name":"feature71","title":"Feature 71 - Centered header over metrics and image links","type":"registry:block"},{"description":"Narrow-width heading band with optional copy and link-style primary action sits above up to four bordered cards in a responsive grid; each card links an image topper to a title stack and muted body text below.","name":"feature72","title":"Feature 72 - Narrow header with bordered feature cards","type":"registry:block"},{"description":"A section heading with optional link-style button introduces three image-led feature cards in a responsive grid: one column on small screens, two from medium breakpoints, three on large screens.","name":"feature73","title":"Feature 73 - Image card grid with optional header link","type":"registry:block"},{"description":"Intro block with title, supporting copy, and a Book a demo text link with animated arrow, followed by two full-width rows that pair wide images with titles and descriptions inside bordered rounded panels.","name":"feature74","title":"Feature 74 - Split intro with two large feature panels","type":"registry:block"},{"description":"Two-column layout with intro heading and paragraph on the left, and three full-width linked tiles on the right, each with uppercase label, description, and a pill-shaped Learn more control with arrow.","name":"feature75","title":"Feature 75 - Text column beside three linked feature tiles","type":"registry:block"},{"description":"Large section heading above a horizontal band divided into up to four columns, each with an icon tile overlapping a top border, a title, and muted body copy, with vertical guide lines on wide layouts.","name":"feature76","title":"Feature 76 - Bordered icon row with up to four columns","type":"registry:block"},{"description":"Centered page-heading introduces a two-column grid of linked feature cells, each with a square illustration, title, and muted description, wrapped in borders with small primary dots at the corners.","name":"feature77","title":"Feature 77 - Two-up feature grid with corner dots","type":"registry:block"},{"description":"Tab controls switch among three features; each state shows a large rounded image beside a title and description, with a Book a demo link and animated arrow in the header area.","name":"feature78","title":"Feature 78 - Tabbed feature showcase with Book a demo link","type":"registry:block"},{"description":"Centered kicker, title, and intro copy lead into a two-column layout: one large image card with text block and arrow, beside a stack of three horizontal title rows each ending in a circular arrow control.","name":"feature79","title":"Feature 79 - Featured media card with compact link rows","type":"registry:block"},{"description":"Outline badge and centered headline introduce two equal cards; each hides a Learn more outline control on large screens until hover, shows an icon action on mobile, and ends with a framework wordmark row.","name":"feature8","title":"Feature 8 - Centered heading with two framework cards","type":"registry:block"},{"description":"Flex row pairs a square rounded image with a text column containing label, large headline, body, Learn more link with arrow, and two bordered link tiles, one with overlapping avatars and one with a spot illustration.","name":"feature80","title":"Feature 80 - Square image beside text and dual action links","type":"registry:block"},{"description":"Centered kicker, title, and body copy sit above a responsive grid of linked image tiles that darken on hover, show optional inverted wordmarks, and end each tile with Read more text and an arrow.","name":"feature81","title":"Feature 81 - Image grid with darken overlays and Read more","type":"registry:block"},{"description":"Four-column integration showcase with a header row containing heading, description, and button above a separator.","name":"feature82","title":"Feature 82 - Integration grid with top headline row and separator","type":"registry:block"},{"description":"Split layout pairing a badge, heading, and description on one side with three bordered feature cards over a radial dot-grid background.","name":"feature83","title":"Feature 83 - Two-column feature cards with badge and dot grid","type":"registry:block"},{"description":"Bordered container with a large centered headline, image, and tagline above a six-item icon feature grid separated by single-pixel dividers.","name":"feature85","title":"Feature 85 - Hero statement with bordered grid of icon features","type":"registry:block"},{"description":"A three-column feature with split heading, icon rows, outline CTA, and a bordered four-by-three image in a muted panel.","name":"feature86","title":"Feature 86 - Split headline feature with image tray","type":"registry:block"},{"description":"Three-column layout pairing a heading, icon feature list, and button on the left with a large cropped image spanning two columns on the right.","name":"feature87","title":"Feature 87 - Feature panel with icon list and bleeding image","type":"registry:block"},{"description":"A single-focus feature with label, headline, desktop image, and a three-column row of icon cards with titles and descriptions.","name":"feature89","title":"Feature 89 - Feature section with dot grid and image","type":"registry:block"},{"description":"Centered heading and badge above a row of two text cards flanking a middle image, each card with a badge, body text, and button.","name":"feature9","title":"Feature 9 - Three-column bento with cards and center image","type":"registry:block"},{"description":"Centered headline, description, and button above a row of overlapping circular logo avatars with a count link beneath.","name":"feature90","title":"Feature 90 - Integration hero with overlapping logo circles","type":"registry:block"},{"description":"A two-column comparison for team leads and developers with arrow links and three icon benefit rows in each bordered panel.","name":"feature91","title":"Feature 91 - Dual audience feature comparison","type":"registry:block"},{"description":"A feature band with dual headlines, three tool integration columns with logos, and a row of social platform labels with icons.","name":"feature92","title":"Feature 92 - Integrations and social connections strip","type":"registry:block"},{"description":"Staggered avatar cluster and bold heading centered above a three-column grid of icon features with titles and descriptions.","name":"feature93","title":"Feature 93 - Avatar group with three-column icon features","type":"registry:block"},{"description":"Header row with a multi-line heading and outline button above a four-column grid of muted cards, each with paired logo images, a title, and text.","name":"feature94","title":"Feature 94 - Feature card grid with paired logos and header row","type":"registry:block"},{"description":"Badge and heading introduce a four-step tabbed interface with numbered triggers and a large image panel that updates per tab.","name":"feature95","title":"Feature 95 - Numbered step tabs with image content panel","type":"registry:block"},{"description":"Centered heading, paragraph, and two buttons above a two-column, two-row grid of icon features with titles and descriptions.","name":"feature97","title":"Feature 97 - Centered heading with two-by-two icon feature grid","type":"registry:block"},{"description":"Five-column header row with heading, description, and buttons above a separator and three image cards with text overlays and arrow icons.","name":"feature98","title":"Feature 98 - Split header with image overlay card grid","type":"registry:block"},{"description":"Horizontal layout with a status dot and label on the left and a three-column numbered step grid with left borders on the right.","name":"feature99","title":"Feature 99 - Numbered step guide with left status indicator","type":"registry:block"},{"description":"Side sheet survey that collects a star rating, conditional topic checkboxes, and optional comments to improve the website experience.","name":"feedback1","title":"Feedback 1 - Star rating feedback sheet","type":"registry:block"},{"description":"Sheet-based multi-step survey carousel with progress, satisfaction radios, aspect ratings, and alerts guiding shoppers through post-purchase feedback.","name":"feedback2","title":"Feedback 2 - Multi-step feedback survey","type":"registry:block"},{"description":"Dialog feedback form with star rating, category select, and comment field for quick post-visit opinions.","name":"feedback3","title":"Feedback 3 - Compact feedback dialog","type":"registry:block"},{"description":"Bottom drawer that gathers star ratings, topic checkboxes, optional contact fields, and tooltips explaining each feedback criterion.","name":"feedback4","title":"Feedback 4 - Drawer experience rating form","type":"registry:block"},{"description":"Sheet survey rating browsing ease and product findability with stars, checkboxes, tooltips, and structured shopping-experience questions.","name":"feedback5","title":"Feedback 5 - Shopping experience rating sheet","type":"registry:block"},{"description":"Minimal dialog that maps a slider to emoji satisfaction levels from very poor to excellent for a fast shopping-experience rating.","name":"feedback6","title":"Feedback 6 - Emoji slider satisfaction dialog","type":"registry:block"},{"description":"Dialog feedback flow with star rating, category select, conditional follow-up fields, and comment input for structured store feedback.","name":"feedback7","title":"Feedback 7 - Detailed feedback dialog with categories","type":"registry:block"},{"description":"A data import interface with empty table state, file browse trigger, and dialog for mapping source columns to target fields with combobox selectors and data preview.","name":"field-mapping1","title":"Field Mapping 1 - CSV Field Mapping Dialog","type":"registry:block"},{"description":"A user table with row selection and merge dialog for combining duplicate records by selecting field values from each source to create a unified entry.","name":"field-merging1","title":"Field Merging 1 - User Record Merge Dialog","type":"registry:block"},{"description":"Multi-section footer with a logo, tagline, app store buttons, three navigation columns, social media icons, and copyright text.","name":"footer1","title":"Footer 1 - Footer with logo, link columns, app download buttons, and social icons","type":"registry:block"},{"description":"Stripped-back footer displaying a full-width brand image, a live-updating London time readout, copyright, and a contact email.","name":"footer10","title":"Footer 10 - Minimal footer with brand image and live clock","type":"registry:block"},{"description":"Footer featuring a logo with title, three link columns, social icons, and a full-width oversized brand image at the bottom.","name":"footer11","title":"Footer 11 - Footer with logo, link columns, social icons, and giant brand image","type":"registry:block"},{"description":"Centered footer with a single row of navigation and social links, a legal link line, and a full-width brand image below.","name":"footer12","title":"Footer 12 - Centered footer with inline links, social links, and giant brand image","type":"registry:block"},{"description":"Full-width primary-colored footer with a trial CTA panel, newsletter signup, four navigation columns, and social media icons.","name":"footer13","title":"Footer 13 - Dark CTA footer with trial banner, newsletter, link columns, and social icons","type":"registry:block"},{"description":"Two-part footer with a logo, description, and newsletter form on the left, three navigation columns on the right, and social icons with copyright below.","name":"footer14","title":"Footer 14 - Footer with logo, newsletter, three link columns, and social icons","type":"registry:block"},{"description":"Spacious footer with a logo, description, social icons, a green status badge, navigation columns, copyright, and a country flag indicator.","name":"footer15","title":"Footer 15 - Footer with logo, social icons, status badge, link columns, and country flag","type":"registry:block"},{"description":"Dark-themed footer with a logo, social icon buttons, column navigation that collapses to accordions on mobile, and a faded brand watermark image.","name":"footer16","title":"Footer 16 - Dark footer with accordion navigation, social buttons, and brand watermark","type":"registry:block"},{"description":"Feature-rich footer with three navigation columns, a social column, dropdown and drawer sub-menus, a theme toggle, and a system status button.","name":"footer17","title":"Footer 17 - Mega footer with dropdowns, drawers, theme toggle, and status indicator","type":"registry:block"},{"description":"Interactive footer with social icons, a cookie settings drawer, a language dropdown, a privacy dialog, four navigation columns, and copyright.","name":"footer18","title":"Footer 18 - Footer with social icons, cookie drawer, language picker, privacy dialog, and link columns","type":"registry:block"},{"description":"Dark-themed mega footer with a logo, social icons, a four-column primary navigation grid, and a rounded muted panel holding guides and tools links.","name":"footer19","title":"Footer 19 - Mega footer with two navigation tiers, social icons, and highlighted section","type":"registry:block"},{"description":"Standard footer with a logo, short description, up to four navigation link columns, copyright text, and underlined legal links.","name":"footer2","title":"Footer 2 - Footer with logo, tagline, link columns, and legal row","type":"registry:block"},{"description":"Five-column footer with three icon-topped navigation sections, a logo with tagline and ghost social buttons, and copyright text.","name":"footer21","title":"Footer 21 - Footer with icon-labeled link columns, logo, tagline, and social buttons","type":"registry:block"},{"description":"Footer with a separator, a logo with description, three navigation columns, and an animated 3D globe rendered at the bottom.","name":"footer23","title":"Footer 23 - Footer with logo, link columns, and animated globe","type":"registry:block"},{"description":"Designer footer with a large brand heading inside a muted card, contact sections for email, social, and phone, plus a navigation link grid below.","name":"footer24","title":"Footer 24 - Contact footer with bold heading, email, social links, phone, and nav grid","type":"registry:block"},{"description":"Footer overlaying a full-bleed background photo with a shadowed card containing a profile avatar, CTA button, navigation columns, and contact info.","name":"footer25","title":"Footer 25 - Footer with background image, profile card, link columns, and contact details","type":"registry:block"},{"description":"Framer Motion animated footer with a large heading, descriptive text, a CTA button, social links with arrow icons, and a copyright row.","name":"footer27","title":"Footer 27 - Animated CTA footer with social links and separator","type":"registry:block"},{"description":"A footer with logo, tagline, three link columns, GitHub star count, social icons, newsletter form, and an online status badge.","name":"footer28","title":"Footer 28 - Newsletter footer with status badge","type":"registry:block"},{"description":"A multi-column footer with newsletter signup, four link groups, social icons, copyright, status badge, and a light, dark, and system theme toggle.","name":"footer29","title":"Footer 29 - Newsletter footer with theme toggle","type":"registry:block"},{"description":"Footer combining a logo with text, navigation columns, circular social media icons, an email subscription form, and legal links.","name":"footer3","title":"Footer 3 - Footer with logo, link columns, social icons, and newsletter form","type":"registry:block"},{"description":"Two-tier footer with phone and email on the left, navigation and social columns on the right, a viewport-scaled brand name, and a dark legal bar.","name":"footer30","title":"Footer 30 - Designer footer with giant brand name, contact info, navigation, and social links","type":"registry:block"},{"description":"Dark-themed footer with a large heading, email contact, two link columns, a newsletter subscription form, location text, legal links, and an animated SVG logo.","name":"footer31","title":"Footer 31 - Dark footer with headline, newsletter form, navigation, social links, and animated logo","type":"registry:block"},{"description":"A centered footer with a preheading, large headline, supporting copy, call-to-action button, social links, and a support email.","name":"footer32","title":"Footer 32 - Centered footer with call to action","type":"registry:block"},{"description":"A mega footer with a top call to action, brand logo, navigation and social links, newsletter form, phone, email, location, and legal links.","name":"footer37","title":"Footer 37 - Mega footer with newsletter and contact","type":"registry:block"},{"description":"Multi-section footer pairing a responsive logo and social icons with navigation columns, a large newsletter signup area, and legal links.","name":"footer4","title":"Footer 4 - Footer with logo, social icons, link columns, newsletter, and legal links","type":"registry:block"},{"description":"A mega footer with logo, social buttons, tagline, avatar call to action, expandable accordion menus, copyright, and contact plus legal links.","name":"footer49","title":"Footer 49 - Mega footer with accordion links","type":"registry:block"},{"description":"Four-column footer with navigation sections, a \"Follow us\" row of social icons, mobile app platform buttons, and centered copyright.","name":"footer5","title":"Footer 5 - Footer with link columns, social icons, and mobile app links","type":"registry:block"},{"description":"A footer with centered CTA section, navigation links, social links, and a large gradient brand wordmark at the bottom.","name":"footer50","title":"Footer 50 - CTA Footer with Large Brand Typography","type":"registry:block"},{"description":"A footer with logo, description, social links, three link columns, and a legal row inside a bordered container, with a diagonal stripe pattern on the bottom bar.","name":"footer51","title":"Footer 51 - Boxed Columns Footer With Pattern Bar","type":"registry:block"},{"description":"A marketing footer on a full-width muted background with a logo column, four link columns, and a full-width bottom bar for copyright and legal links on a slightly darker band.","name":"footer52","title":"Footer 52 - Muted Grid Footer With Contrasting Bar","type":"registry:block"},{"description":"A footer on a full-width muted background with branding, description, and social icons on the left, three link columns on the right, and a darker full-width strip for copyright and legal links.","name":"footer53","title":"Footer 53 - Muted Split Footer With Social And Contrasting Bar","type":"registry:block"},{"description":"A centered marketing footer at container width with logo, description, social icons, four link columns, and a top-bordered row for copyright and legal links, without footer background fills.","name":"footer54","title":"Footer 54 - Centered Container Width Footer","type":"registry:block"},{"description":"A grid footer like the standard marketing pattern, with social destinations shown as labeled text links and small icons in the bottom bar beside copyright and legal links.","name":"footer55","title":"Footer 55 - Footer With Text Social Links","type":"registry:block"},{"description":"A marketing footer grid with logo, address lines, phone, email, and social icons in the brand column, plus four link columns and a legal strip.","name":"footer56","title":"Footer 56 - Footer With Address And Contact Column","type":"registry:block"},{"description":"A footer that leads with four link columns, then a lower band with logo, social icons, and copyright separated by a top border.","name":"footer57","title":"Footer 57 - Inverted Footer Navigation First","type":"registry:block"},{"description":"A standard grid footer where each navigation column title includes a small lucide icon beside the heading for quick visual grouping.","name":"footer58","title":"Footer 58 - Footer With Section Title Icons","type":"registry:block"},{"description":"A short vertical padding footer with logo, a single menu of inline links and social icons on one row, then copyright with legal links to its right on a second row.","name":"footer59","title":"Footer 59 - Compact Single Row Footer Bar","type":"registry:block"},{"description":"Minimal footer placing a logo icon with title and description on the left, two navigation link columns on the right, and a legal row at the bottom.","name":"footer6","title":"Footer 6 - Compact footer with logo, description, and two link columns","type":"registry:block"},{"description":"A slim single-row footer with logo, one menu of inline links, and social icons; no copyright or legal line by default.","name":"footer60","title":"Footer 60 - Compact Footer Bar Without Legal Row","type":"registry:block"},{"description":"A slim footer with logo, one menu, social icons, and optional copyright and legal links in one wrapping row, with a trailing meta cluster on large screens.","name":"footer61","title":"Footer 61 - Compact Footer Single Wrap Row With Inline Meta","type":"registry:block"},{"description":"A minimal slim footer with a center-aligned logo on top, then one menu of links and optional social icons below.","name":"footer62","title":"Footer 62 - Compact Logo And Menu Footer","type":"registry:block"},{"description":"A full-width dark contact footer with a large brand heading, email, social links, phone, and a navigation row.","name":"footer63","title":"Footer 63 - Full-Width Contact Footer","type":"registry:block"},{"description":"Two-row footer with a logo, description, and social icons on the left, three navigation columns on the right, and a bordered legal row beneath.","name":"footer7","title":"Footer 7 - Footer with logo, description, social icons, link columns, and legal row","type":"registry:block"},{"description":"Grid footer with a logo, description, and social icons in one column, two navigation link columns, and a newsletter signup section.","name":"footer8","title":"Footer 8 - Footer with logo, social icons, link columns, and newsletter","type":"registry:block"},{"description":"CTA footer on a muted background with a headline, action buttons, a free-tier pricing card, five link columns, and social pill buttons.","name":"footer9","title":"Footer 9 - Footer with call-to-action, pricing card, link columns, and social buttons","type":"registry:block"},{"description":"Full-screen recovery form with a logo, email field, send-link button, and a back-to-login control.","name":"forgot-password1","title":"Forgot Password 1 - Centered forgot password card","type":"registry:block"},{"description":"Two-column recovery screen with a left-aligned email form and a full-height photograph on large screens.","name":"forgot-password2","title":"Forgot Password 2 - Split forgot password with image","type":"registry:block"},{"description":"Centered recovery screen with a large heading and an email field sharing a row with the send button.","name":"forgot-password3","title":"Forgot Password 3 - Minimal inline forgot password","type":"registry:block"},{"description":"Recovery form inside a large muted panel with a labeled email field and a support note under the back link.","name":"forgot-password4","title":"Forgot Password 4 - Muted panel forgot password","type":"registry:block"},{"description":"A row of four full-bleed case study panels where the focused panel widens to reveal the client logo, title, and a headline result while the others collapse to vertical labels.","name":"gallery1","title":"Gallery 1 - Expanding case study cards","type":"registry:block"},{"description":"A carousel of portrait photo cards with category chips above where the active chip slides between options and the cards re-enter in a staggered fade when the filter changes.","name":"gallery10","title":"Gallery 10 - Filterable Card Carousel","type":"registry:block"},{"description":"A loose pile of overlapping portrait prints that animates into a tidy four column grid with one button, and gathers back into the pile when toggled again.","name":"gallery100","title":"Gallery 100 - Photo Pile To Grid","type":"registry:block"},{"description":"A list of photo collections beside a tilted photo stack, where choosing a collection throws the old stack away and deals a new one in card by card.","name":"gallery101","title":"Gallery 101 - Dealt Collection Stacks","type":"registry:block"},{"description":"A deck of material close-ups that peeks out to one side, where the next button tucks the front card behind the rest while a caption, swatch row, and counter update.","name":"gallery102","title":"Gallery 102 - Tuck Under Finish Deck","type":"registry:block"},{"description":"A centered deck of product photos that peeks upward behind the front card, with swipe to cycle, arrow buttons, an animated name and price caption, and a thumbnail row.","name":"gallery103","title":"Gallery 103 - Upward Peek Product Deck","type":"registry:block"},{"description":"A three dimensional deck of architecture photos that recedes into the page at an angle, paired with a numbered index list, area and year details, and arrow buttons.","name":"gallery104","title":"Gallery 104 - Perspective House Deck","type":"registry:block"},{"description":"An autoplaying fanned deck of product photos with segmented progress bars, an animated name, price and detail caption, an add to bag button, and pause control.","name":"gallery105","title":"Gallery 105 - Autoplay Product Fan","type":"registry:block"},{"description":"A looping carousel showing three portrait cards at once, where each photo shifts inside its frame as the row moves, with a title and location under each card and arrow controls.","name":"gallery106","title":"Gallery 106 - Three Up Parallax Carousel","type":"registry:block"},{"description":"A centred, looping showcase carousel that advances on its own, with large photos that shift inside their frames as they move, overlaid captions, dimmed neighbouring slides, and dot navigation.","name":"gallery107","title":"Gallery 107 - Autoplay Parallax Showcase","type":"registry:block"},{"description":"A grid of architecture photos where the one you point at or select stays sharp while the rest blur and dim, with a caption and counter for the photo in focus.","name":"gallery108","title":"Gallery 108 - Depth-of-Field Photo Grid","type":"registry:block"},{"description":"A deck of landscape photos stacked from near to far, where clicking a photo or turning a lens-style focus ring slides it to the sharp front slot while the rest blur by depth.","name":"gallery109","title":"Gallery 109 - Rack Focus Depth Stack","type":"registry:block"},{"description":"Drag-free carousel of tall image cards with prev/next arrows in the header, each card showing a rounded overlay label with title, description, and an arrow icon.","name":"gallery11","title":"Gallery 11 - Image card carousel with overlay labels","type":"registry:block"},{"description":"A contact sheet of numbered frames where selecting one draws a red grease pencil circle around it and opens it full size beside the sheet, with keyboard and button navigation.","name":"gallery110","title":"Gallery 110 - Contact Sheet with Loupe","type":"registry:block"},{"description":"A grid of interior photos where the clicked photo grows out of its tile to fill the gallery while the rest fade back, with paging, a caption card, and a shrink back to the tile on close.","name":"gallery111","title":"Gallery 111 - Expanding Focus Gallery","type":"registry:block"},{"description":"Looping photo carousel beneath a centered heading, with round arrow buttons and pagination dots centered underneath the images.","name":"gallery112","title":"Gallery 112 - Centered image carousel with controls below","type":"registry:block"},{"description":"Looping photo carousel with a left-aligned heading and description, and a slide counter with round arrow buttons aligned to the right of the header.","name":"gallery113","title":"Gallery 113 - Image carousel with header controls","type":"registry:block"},{"description":"A looping carousel of tall portrait cards where hovering a card zooms its photo and slides a short note up beneath the title, with round arrow buttons centered underneath.","name":"gallery12","title":"Gallery 12 - Hover Reveal Card Carousel","type":"registry:block"},{"description":"A two-column slider with numbered titles and descriptions on one side and a tall photo on the other that crossfades with a gentle zoom, controlled by arrows and segmented progress lines.","name":"gallery13","title":"Gallery 13 - Split Caption Image Slider","type":"registry:block"},{"description":"A wide photo viewer with click zones for previous and next, a title pill and counter, and a scrollable thumbnail strip that keeps the active frame centered as you move through the set.","name":"gallery14","title":"Gallery 14 - Viewer With Scrolling Thumbnail Strip","type":"registry:block"},{"description":"Horizontal carousel of linked product cards featuring a 3:4 image that swaps on hover, an outline badge tag, a title, a starting price, and a thin progress bar.","name":"gallery15","title":"Gallery 15 - Product carousel with hover image swap","type":"registry:block"},{"description":"A looping carousel of landscape cards where each photo shifts inside its frame as the row is dragged, creating depth, with a title and location under each card and arrow controls.","name":"gallery16","title":"Gallery 16 - Parallax Card Carousel","type":"registry:block"},{"description":"A looping image carousel where slides scale and fade continuously with drag distance, centering the active photo above its caption, round arrow buttons, and stretching dot pagination.","name":"gallery17","title":"Gallery 17 - Centered image carousel with scale effect","type":"registry:block"},{"description":"A large stacked deck of portrait cards that autoplays with springy transitions, can be swiped or dragged to the next card, pauses on hover, and shows an animated title and counter.","name":"gallery18","title":"Gallery 18 - Swipeable portrait card deck","type":"registry:block"},{"description":"An autoplaying deck of large portrait story cards with a gradient overlay holding a two-tone title, description, and button, plus swipe, keyboard, and stretching dot pagination.","name":"gallery19","title":"Gallery 19 - Story card deck with overlay details","type":"registry:block"},{"description":"A row of five architectural photo panels where clicking one widens it to reveal its title, location, and an arrow while the others narrow, with numbered labels on every panel.","name":"gallery2","title":"Gallery 2 - Click to Expand Image Accordion","type":"registry:block"},{"description":"Five overlapping landscape photos fanned out with rotation and offset, each draggable and scaling up on hover, with a centered heading and round button below.","name":"gallery20","title":"Gallery 20 - Scattered draggable photo stack","type":"registry:block"},{"description":"Looping coverflow carousel of portrait images with depth perspective, gradient edge masks, an auto-advance timer, a heading, and a round button.","name":"gallery21","title":"Gallery 21 - Coverflow image slider with gradient masks","type":"registry:block"},{"description":"A numbered list of large project titles where opening a row expands a wide panoramic photo beneath it with a smooth height animation and settling zoom, with location and year on each row.","name":"gallery22","title":"Gallery 22 - Title List Image Accordion","type":"registry:block"},{"description":"Two-column layout pairing a heading, paragraph, and button on the left with a vertical stack of images on the right that expand on hover to reveal an overlay with title and cart button.","name":"gallery23","title":"Gallery 23 - Accordion image stack with text panel","type":"registry:block"},{"description":"Centered italic heading and paragraph above a horizontal row of images that expand on hover to reveal a gradient overlay with title, code, and cart button.","name":"gallery24","title":"Gallery 24 - Horizontal accordion gallery with header","type":"registry:block"},{"description":"Four-column masonry grid of black-and-white photos at varying heights, each fading and scaling into view on scroll, repeated in two stacked sections.","name":"gallery25","title":"Gallery 25 - Animated masonry photo grid","type":"registry:block"},{"description":"Five-column image grid with soft blur vignette overlays that clear on hover, animated into view on scroll.","name":"gallery26","title":"Gallery 26 - Blur vignette image grid","type":"registry:block"},{"description":"A four-column grid of portrait photos shown in grayscale that return to full colour and zoom on hover, with a frosted caption bar that slides up with the title and year.","name":"gallery27","title":"Gallery 27 - Grayscale to Colour Grid","type":"registry:block"},{"description":"Looping photo carousel beneath a centered heading, with semi-transparent navigation buttons overlaid on the images.","name":"gallery28","title":"Gallery 28 - Centered image carousel with overlay controls","type":"registry:block"},{"description":"Draggable greyscale photo strip that turns full colour inside a centred viewfinder, with click, swipe, keyboard and button controls and a live caption.","name":"gallery29","title":"Gallery 29 - Interactive gallery with colour viewfinder","type":"registry:block"},{"description":"Horizontal carousel of case-study cards with badge labels, descriptions, and arrow navigation that disables at boundaries.","name":"gallery3","title":"Gallery 3 - Case study card carousel","type":"registry:block"},{"description":"Full-viewport hero with absolutely positioned, draggable photos that shuffle on mount and animate in with spring physics.","name":"gallery30","title":"Gallery 30 - Draggable scattered photo collage","type":"registry:block"},{"description":"A pinboard of photo prints taped at loose angles on a muted panel, where hovering a print straightens it, lifts it, and deepens its shadow, with handwritten-style notes under each.","name":"gallery31","title":"Gallery 31 - Studio Pinboard Gallery","type":"registry:block"},{"description":"Full-viewport collage of overlapping, draggable photos where hovering one blurs the rest and scales the active image.","name":"gallery32","title":"Gallery 32 - Overlapping photo collage with focus blur","type":"registry:block"},{"description":"Three-column product card grid featuring a magnifying lens effect on hover, with titles, prices, and action icons.","name":"gallery33","title":"Gallery 33 - Product card grid with lens zoom","type":"registry:block"},{"description":"Three-column card grid where hovering one item blurs the others, each card showing an image, title, hashtag, and icon stat chips.","name":"gallery34","title":"Gallery 34 - Gallery grid with hover blur and stat chips","type":"registry:block"},{"description":"A heading above a horizontally scrolling gallery of large image cards with captions, pagination dots, and play, pause, and restart controls.","name":"gallery35","title":"Gallery 35 - Autoplay gallery with pagination","type":"registry:block"},{"description":"A wide autoplaying photo slider with day-by-day captions along the bottom, each with its own progress line that fills over the interval, pausing on hover and jumping on click.","name":"gallery37","title":"Gallery 37 - Captioned Autoplay Slider","type":"registry:block"},{"description":"A property-style photo grid with one large lead image and four smaller ones, where any photo or the show all photos button opens a full-screen lightbox with arrows, captions, and a thumbnail strip.","name":"gallery39","title":"Gallery 39 - Listing Photo Grid With Lightbox","type":"registry:block"},{"description":"Full-bleed carousel of image cards with dark gradient overlays, dot pagination, and arrow navigation with scroll-state tracking.","name":"gallery4","title":"Gallery 4 - Case study carousel with dot indicators","type":"registry:block"},{"description":"Nine wide images in a responsive three-column grid with a mono eyebrow, heading, and short supporting description above.","name":"gallery40","title":"Gallery 40 - Three column image grid","type":"registry:block"},{"description":"Six captioned wide figures in a two-column grid with a split header that pairs a heading on the left and supporting text on the right.","name":"gallery41","title":"Gallery 41 - Captioned two column gallery","type":"registry:block"},{"description":"Eleven images of mixed heights flow through a CSS-columns masonry layout under a mono eyebrow, heading, and short description.","name":"gallery42","title":"Gallery 42 - Masonry column mosaic","type":"registry:block"},{"description":"Eight square gallery tiles open a modal lightbox with a larger image, title, and description on click.","name":"gallery43","title":"Gallery 43 - Lightbox image grid","type":"registry:block"},{"description":"A single wide slide with title overlay, previous and next controls, and a centered dot indicator strip.","name":"gallery44","title":"Gallery 44 - Single slide gallery carousel","type":"registry:block"},{"description":"Six images arranged in an asymmetric six-column bento with a wide hero tile, tall side panel, and paired bottom cells.","name":"gallery45","title":"Gallery 45 - Asymmetric bento image grid","type":"registry:block"},{"description":"A category pill filter above a three-column image grid that shows titled items with small category badges.","name":"gallery46","title":"Gallery 46 - Filterable category gallery","type":"registry:block"},{"description":"A large wide hero preview driven by a five-thumbnail strip, with the active description shown in the header.","name":"gallery47","title":"Gallery 47 - Hero preview with thumbnail strip","type":"registry:block"},{"description":"Nine wide images nested in layered dark frames on an inverted section with a mono eyebrow and heading.","name":"gallery48","title":"Gallery 48 - Inverted dark framed gallery","type":"registry:block"},{"description":"Nine polaroid-style photo cards in a mixed-span collage grid with white mats, soft shadows, and slight rotations.","name":"gallery49","title":"Gallery 49 - Polaroid collage grid","type":"registry:block"},{"description":"A free-scrolling carousel of portrait project cards with a title and meta line under each, and a slim progress bar underneath that tracks position and can be clicked or dragged to scrub.","name":"gallery5","title":"Gallery 5 - Card Carousel With Progress Bar","type":"registry:block"},{"description":"Two before-and-after image pairs with a draggable vertical divider and labels for each side of the comparison.","name":"gallery50","title":"Gallery 50 - Before after compare sliders","type":"registry:block"},{"description":"A horizontally scrolling strip of wide photo cards that snap into place, with titles and short captions under each frame.","name":"gallery51","title":"Gallery 51 - Horizontal snap photo strip","type":"registry:block"},{"description":"Seven images in a packed four-column bento with a large hero tile and captions that fade in on hover.","name":"gallery52","title":"Gallery 52 - Caption hover bento grid","type":"registry:block"},{"description":"A large featured photograph beside a four-thumbnail column that stays height-aligned with the main stage on desktop.","name":"gallery53","title":"Gallery 53 - Featured image with side thumbs","type":"registry:block"},{"description":"Category filter pills above a CSS-columns masonry of mixed-height photographs with a crossfade when the filter changes.","name":"gallery54","title":"Gallery 54 - Filterable masonry photo columns","type":"registry:block"},{"description":"A three-column project grid where hover darkens the photograph and reveals the project title and short description.","name":"gallery55","title":"Gallery 55 - Hover reveal project grid","type":"registry:block"},{"description":"A social-feed style three-column photo grid with a tall lead tile and hover overlays for likes and comments.","name":"gallery56","title":"Gallery 56 - Social style photo grid","type":"registry:block"},{"description":"A bento grid of mixed photos where each tile opens from a small rounded window to its full size with a settling zoom as it scrolls into view, staggered across the row, with hover captions.","name":"gallery57","title":"Gallery 57 - Scroll Reveal Bento Grid","type":"registry:block"},{"description":"A two-column gallery where a sticky caption panel updates its title, location, and description as each tall photo in the scrolling column reaches the middle of the screen.","name":"gallery58","title":"Gallery 58 - Sticky Caption Photo Stack","type":"registry:block"},{"description":"A stack of wide photos that each open from an inset rounded frame to the full width of the section as they scroll toward the middle of the screen, with a title and caption under each.","name":"gallery59","title":"Gallery 59 - Expanding Wide Frames","type":"registry:block"},{"description":"Horizontal image carousel with a heading, call-to-action link, and arrow controls that rewind to the first card after the last.","name":"gallery6","title":"Gallery 6 - Gallery carousel that loops back to the start","type":"registry:block"},{"description":"A row of portrait photo windows that drifts sideways as the page scrolls while each image shifts inside its own frame, under a heading and description, with captions beneath.","name":"gallery60","title":"Gallery 60 - Drifting Parallax Strip","type":"registry:block"},{"description":"A wide panorama viewer where each newly selected image unfolds across the frame in folded strips that straighten in sequence, with a caption overlay, arrows, and a thumbnail strip.","name":"gallery61","title":"Gallery 61 - Unfolding Panorama Viewer","type":"registry:block"},{"description":"A grid of square tiles that flip in 3D between two image sets in a ripple that spreads from the clicked tile, controlled by a sliding two-option toggle.","name":"gallery62","title":"Gallery 62 - Flip Wave Image Grid","type":"registry:block"},{"description":"A grid of portrait prints that tilt toward the cursor in 3D with a moving highlight and a floating caption card, deepening their shadow while hovered.","name":"gallery63","title":"Gallery 63 - Tilting Print Grid","type":"registry:block"},{"description":"A 3D cube with a photo on each side that turns with arrow buttons, swipes, or tab labels, with a synced title and description for the face toward the viewer.","name":"gallery64","title":"Gallery 64 - Rotating Image Cube","type":"registry:block"},{"description":"A pinned section that turns vertical page scroll into a sideways pan through a row of mixed wide and tall photos, with captions, a counter, and a progress line.","name":"gallery65","title":"Gallery 65 - Pinned Horizontal Scroll Gallery","type":"registry:block"},{"description":"A vertical stack of wide photo cards that stick as they reach the top of the screen and pile on top of each other, with earlier cards shrinking and dimming slightly behind.","name":"gallery66","title":"Gallery 66 - Stacking Sticky Photo Cards","type":"registry:block"},{"description":"A sticky heading beside two photo columns, one of architecture and one of landscapes, that drift in opposite directions as the page scrolls, with captions under each photo.","name":"gallery67","title":"Gallery 67 - Opposing Column Gallery","type":"registry:block"},{"description":"A list of photo series beside a large preview panel that blurs and crossfades to each series' cover image as you hover its name, with photo counts and years on every row.","name":"gallery68","title":"Gallery 68 - Series List With Image Preview","type":"registry:block"},{"description":"A large photo frame that flips through a series as the cursor moves across it, with a caption, frame counter, and a tick ruler that tracks the current image and plays on its own when idle.","name":"gallery69","title":"Gallery 69 - Hover Scrub Flipbook Gallery","type":"registry:block"},{"description":"Two-column text header with a link, followed by a looping auto-scroll carousel of staggered-height images.","name":"gallery7","title":"Gallery 7 - Auto-scrolling image carousel with text intro","type":"registry:block"},{"description":"A three-column masonry of mixed-ratio photos where each column scrolls at a different speed and each image drifts inside its frame, with captions that rise in on hover.","name":"gallery70","title":"Gallery 70 - Parallax Masonry Gallery","type":"registry:block"},{"description":"A grid of square photo tiles that lean toward the cursor and scale up slightly while the photo inside shifts the other way, with a caption fading in on hover.","name":"gallery71","title":"Gallery 71 - Magnetic Photo Tiles","type":"registry:block"},{"description":"A photo grid that can be rearranged by dragging, with numbered positions, a cover badge on the first photo, smooth layout animation as tiles move, and a reset button.","name":"gallery72","title":"Gallery 72 - Drag to Reorder Photo Grid","type":"registry:block"},{"description":"A bordered moodboard canvas of scattered photos that pans when dragged, with every image following at its own spring speed so the board stretches and settles like jelly.","name":"gallery73","title":"Gallery 73 - Elastic Drag Moodboard","type":"registry:block"},{"description":"A full-width canvas of photo tiles in a staggered grid that can be dragged endlessly in any direction with momentum, framed by a vignette and a floating title card.","name":"gallery74","title":"Gallery 74 - Infinite Drag Canvas","type":"registry:block"},{"description":"A grayscale bento grid of products and portraits where a soft spotlight following the cursor brings the images back into full color and reveals their labels.","name":"gallery75","title":"Gallery 75 - Spotlight Color Reveal Grid","type":"registry:block"},{"description":"A large landscape viewer with a title overlay above a macOS-style dock of thumbnails that magnify as the pointer moves across them, with an active dot under the selected image.","name":"gallery76","title":"Gallery 76 - Dock Magnify Gallery","type":"registry:block"},{"description":"A square photo grid with zoom in and out controls that change how many columns are shown, with every tile animating to its new size and position and captions hiding at the densest level.","name":"gallery77","title":"Gallery 77 - Density Zoom Grid","type":"registry:block"},{"description":"A photo archive with a four-way view switcher where every image animates smoothly between grid, list, mosaic, and fanned stack layouts.","name":"gallery78","title":"Gallery 78 - Layout Morph Gallery","type":"registry:block"},{"description":"A bento grid where clicking a tile grows its photo to fill the whole gallery area while the other tiles fade away, with a caption, previous and next buttons, and a collapse button.","name":"gallery79","title":"Gallery 79 - Expand in Place Gallery","type":"registry:block"},{"description":"A two-column section with a heading, description, and button beside three columns of architecture photos that scroll endlessly up and down in alternating directions and pause on hover.","name":"gallery8","title":"Gallery 8 - Vertical Column Marquee","type":"registry:block"},{"description":"A wide slideshow drawn on a canvas where each new image dissolves in block by block in random order, with square slide markers, a title and print number, and arrow buttons.","name":"gallery80","title":"Gallery 80 - Pixel Dissolve Slideshow","type":"registry:block"},{"description":"A full-width WebGL slideshow where each image melts into the next through a flowing noise-driven distortion wave, with a large overlaid title, counter, and round arrow buttons.","name":"gallery81","title":"Gallery 81 - Liquid WebGL Slideshow","type":"registry:block"},{"description":"A two-column slideshow where each new photo arrives as vertical strips sliding in from alternating directions, beside an animated title and a numbered list with a progress line.","name":"gallery82","title":"Gallery 82 - Slice Transition Slideshow","type":"registry:block"},{"description":"Polaroid photos pinned to a sagging string that sway gently on their own and swing on a spring when dragged sideways, with handwritten-style captions.","name":"gallery83","title":"Gallery 83 - Clothesline Photo Prints","type":"registry:block"},{"description":"A two-page scrapbook spread of tilted photo prints with handwritten-style captions that turns to the next spread with a short 3D page-turn motion, with arrows and a page counter.","name":"gallery84","title":"Gallery 84 - Scrapbook Album Spread","type":"registry:block"},{"description":"A client proofing grid of portrait shots where tapping a frame selects it with a check, inset ring, and shrink, while a floating tray collects the picks with remove, clear, and send actions.","name":"gallery85","title":"Gallery 85 - Photo Proofing Grid With Selects Tray","type":"registry:block"},{"description":"A grid of architectural prints beside a large detail panel that magnifies whichever print you hover, following the cursor, with a lens ring on the print and a title and material line underneath.","name":"gallery86","title":"Gallery 86 - Loupe Detail Grid","type":"registry:block"},{"description":"A three by three photo grid where hovering a frame widens its column and heightens its row so the whole layout reflows around it, with a caption pill on the focused frame.","name":"gallery87","title":"Gallery 87 - Reflowing Photo Grid","type":"registry:block"},{"description":"Photo albums shown as messy stacked piles that fan out on hover and deal their photos into a captioned grid when opened, with album chips to switch and a button to return.","name":"gallery88","title":"Gallery 88 - Album Pile Gallery","type":"registry:block"},{"description":"An endless row of portrait photos laid along a curve that drifts on its own, can be dragged or flicked with momentum, and bends more sharply the faster it moves.","name":"gallery89","title":"Gallery 89 - Curved Drag Gallery","type":"registry:block"},{"description":"A wide image slider where the next photo waits as a narrow grayscale preview beside the main frame, sliding in on click with the title, caption, and counter updating underneath.","name":"gallery9","title":"Gallery 9 - Slider With Next Up Preview","type":"registry:block"},{"description":"A masonry photo grid that opens a full-screen dark viewer with swipe and keyboard navigation, click-to-zoom that follows the cursor, a counter, caption, and thumbnail strip.","name":"gallery90","title":"Gallery 90 - Masonry Lightbox With Zoom","type":"registry:block"},{"description":"A before and after viewer where a circular lens follows the cursor to reveal the graded photo over the raw scan, with adjustable lens size and tabs to switch images.","name":"gallery91","title":"Gallery 91 - Compare Lens Viewer","type":"registry:block"},{"description":"A large feature image beside a vertical list of numbered chapter thumbnails that autoplays through each step with a progress line on the active item, plus a pause toggle.","name":"gallery92","title":"Gallery 92 - Chapter Thumbnail Strip","type":"registry:block"},{"description":"Three tilted rows of photos scrolling endlessly in alternating directions that pause on hover and speed up while the page is being scrolled.","name":"gallery93","title":"Gallery 93 - Tilted Speed Marquee","type":"registry:block"},{"description":"A four-column masonry of mixed-ratio photos that loads more in pages with shimmering skeleton placeholders, images that sharpen in as they load, and a progress bar.","name":"gallery94","title":"Gallery 94 - Load More Masonry Gallery","type":"registry:block"},{"description":"A stack of product cards where the top card can be dragged left to pass or right to save, with tilting, stamp labels, fly-away animation, a saved list, and round buttons.","name":"gallery95","title":"Gallery 95 - Swipe Card Deck","type":"registry:block"},{"description":"A social stories viewer with gradient-ringed collection bubbles and a tall story frame with segmented progress bars, tap zones to skip, hold to pause, and captions.","name":"gallery96","title":"Gallery 96 - Stories Viewer Gallery","type":"registry:block"},{"description":"Horizontal image carousel with a heading, call-to-action link, and arrow controls that loop endlessly, with the first card following the last.","name":"gallery97","title":"Gallery 97 - Gallery carousel with infinite loop","type":"registry:block"},{"description":"Instant-style photo prints in two piles, where tapping the top print deals it onto a seen pile and tapping the seen pile takes it back, with arrows and a counter.","name":"gallery98","title":"Gallery 98 - Two Pile Print Stack","type":"registry:block"},{"description":"A fan of portrait photo cards spread like a hand of playing cards, where picking a card or using the arrows lifts it upright above the others with an animated caption.","name":"gallery99","title":"Gallery 99 - Fanned Photo Card Hand","type":"registry:block"},{"description":"A gantt timeline of issues by week, month, or quarter, with filters and a quick add.","name":"gantt1","title":"Gantt 1 - Issue timeline","type":"registry:block"},{"description":"Help center with categorized topic cards, a popular topics list, and a contact support button.","name":"help1","title":"Help 1 - Category grid help center","type":"registry:block"},{"description":"Help center with a live-filtering FAQ accordion and contact buttons for chat, email, and phone.","name":"help2","title":"Help 2 - Searchable FAQ with contact options","type":"registry:block"},{"description":"Help center combining a searchable FAQ accordion with category badges and a validated contact form below.","name":"help3","title":"Help 3 - FAQ accordion with contact form","type":"registry:block"},{"description":"Structured ticket form with category and priority selects, description textarea, and multi-file attachment upload.","name":"help4","title":"Help 4 - Support ticket submission form","type":"registry:block"},{"description":"A two-column marketing hero with text first, then a badge, headline, body copy, and paired CTAs aligned start on large screens beside the media column.","name":"hero1","title":"Hero 1 - Split hero with image on the right","type":"registry:block"},{"description":"A centered marketing hero with outline badge, headline, supporting copy, paired shadcn/ui buttons, muted caption, and a responsive logo grid over a faded grid pattern backdrop.","name":"hero10","title":"Hero 10 - Centered hero with grid pattern and logo strip","type":"registry:block"},{"description":"A marketing hero with headline, supporting copy, one CTA, and a square image on a muted panel that bleeds past the viewport edge.","name":"hero100","title":"Hero 100 - Two-column hero with offset image panel","type":"registry:block"},{"description":"A centered hero with pastel radial gradient, headline, demo entry that opens a video modal, primary CTA, and a partner logo strip.","name":"hero101","title":"Hero 101 - Centered hero with gradient, video modal, and logos","type":"registry:block"},{"description":"An announcement-focused hero with megaphone badge, headline stack, primary CTA, wide desktop screenshot, and angled handset overlay.","name":"hero102","title":"Hero 102 - Announcement hero with desktop frame and handset overlay","type":"registry:block"},{"description":"A dark two-column hero with headline, twin CTAs, floating photo collage, dashed grid guides, and an auto-scrolling logo carousel.","name":"hero103","title":"Hero 103 - Dark hero with collage imagery and scrolling logos","type":"registry:block"},{"description":"A hero with benefit checklist, paired CTAs, and a bento-style grid of preview tiles including video, charts, and photography.","name":"hero104","title":"Hero 104 - Two-column hero with bento product preview","type":"registry:block"},{"description":"A two-column hero with stacked blended headline, primary and outline CTAs, square product image with animated border beam, skewed photography backdrop, and logo marquee footer.","name":"hero105","title":"Hero 105 - Split hero with stacked headline and product image","type":"registry:block"},{"description":"A muted split hero with sparkles eyebrow chip, serif gradient headline, conic halo button, understated divider gradient, portrait tile, and hire chip.","name":"hero107","title":"Hero 107 - Portfolio hero with animated halo CTA","type":"registry:block"},{"description":"A split hero stressing passive income headline with scripted underline accent, checklist rows with circular chips, handset mock on muted panel, plus Start CTA spanning width on narrow layouts.","name":"hero108","title":"Hero 108 - Fintech-education hero with checklist and handset","type":"registry:block"},{"description":"A hero with reversed columns on small screens: handset mock, floating worldwide card, gradient headline, body copy, and primary CTA with hover fill.","name":"hero109","title":"Hero 109 - Fintech hero with handset and floating card","type":"registry:block"},{"description":"A centered marketing hero with brand logo, headline, supporting copy, two CTAs, and a wide image with top and side borders, soft shadow, and a flush bottom against the section edge.","name":"hero11","title":"Hero 11 - Centered hero with logo and wide image","type":"registry:block"},{"description":"A split hero with pill topic label, oversized headline, dual rounded CTAs with sliding labels, overlapping avatars and star row, and a collage of aspect-ratio images above a quote panel.","name":"hero110","title":"Hero 110 - Split hero with avatars, ratings, and layered photos","type":"registry:block"},{"description":"A centered hero with HR headline, validated email field and rounded submit, reassurance lines with check icons, three image tiles, and a company logo grid.","name":"hero111","title":"Hero 111 - Centered HR hero with email form and logos","type":"registry:block"},{"description":"A hero with headline, ghost play control that opens a video dialog, circular photo collage with join pill, tilted icon chips, and a three-cell stats footer.","name":"hero112","title":"Hero 112 - Education hero with play button and stat strip","type":"registry:block"},{"description":"A centered hero with hand-drawn underline on a key word, dual rounded CTAs, wide bordered screenshot, and three icon-led benefit columns.","name":"hero113","title":"Hero 113 - Roadmap hero with scribble highlight and icon row","type":"registry:block"},{"description":"A centered hero with release badge, headline, watch-demo and primary CTA, elevated screenshot, and auto-scrolling logo strip plus optional video dialog.","name":"hero114","title":"Hero 114 - Hero with demo dialog and logo carousel","type":"registry:block"},{"description":"A centered hero with concentric ring decoration behind the copy, a leading icon, headline, supporting text, one primary CTA, optional byline, and a capped hero image.","name":"hero115","title":"Hero 115 - Centered hero with ring backdrop","type":"registry:block"},{"description":"A centered hero with oversized headline, sliding-label buttons, play-triggered video modal, and three overlapping portrait frames without a border stage.","name":"hero116","title":"Hero 116 - Centered hero with overlapping photos and video dialog","type":"registry:block"},{"description":"A two-column hero with announcement row, headline, supporting copy, pill and ghost buttons, and a two-by-two grid with one tall photo cell.","name":"hero117","title":"Hero 117 - Split hero with funding row and photo grid","type":"registry:block"},{"description":"A two-column coming-soon hero with mono badge, split headline, dual CTAs, bordered image with animated edge accents, and an auto-scrolling logo carousel in a separate band.","name":"hero118","title":"Hero 118 - Coming Soon Hero With Logo Strip","type":"registry:block"},{"description":"A centered hero with radial-masked grid backdrop, frosted logo tile, highlighted keyword in the headline, paired CTAs, and square outline buttons carrying saturated tech icons.","name":"hero12","title":"Hero 12 - Radial hero with frosted logo chip and tech icon buttons","type":"registry:block"},{"description":"A muted two-column hero with mono label, large headline, body copy, rounded CTA, and an image inside a primary-tinted rounded frame.","name":"hero123","title":"Hero 123 - Two-column hero with inset image panel","type":"registry:block"},{"description":"A two-column Shadcn UI hero with cart label, bold headline, muted subcopy, demo button, and a card showing product art plus exchange, shop, and refund actions.","name":"hero125","title":"Hero 125 - Returns-focused hero with product card","type":"registry:block"},{"description":"A video-first hero that leads with a looping preview, a play-pause control that shows playback progress, and a two-column credits dock for title, speaker, copy, and CTAs.","name":"hero126","title":"Hero 126 - Screening hero with credits dock","type":"registry:block"},{"description":"A wide split hero with ghost news CTA, oversized headline with tinted keywords, dual rounded buttons, and a side column with copy, stats, and overlapping avatars.","name":"hero127","title":"Hero 127 - Split hero with news chip and social proof stats","type":"registry:block"},{"description":"A two-column hero with highlighted headline word, buy and outline buttons, overlapping avatars with trust line, and layered phone frames showing skewed screen inserts.","name":"hero129","title":"Hero 129 - Split hero with phone stack and social avatars","type":"registry:block"},{"description":"A left-aligned hero with a wide outline badge carrying an icon chip, oversized headline, muted paragraph, demo button, and outline watch control using shadcn/ui buttons.","name":"hero13","title":"Hero 13 - Left-aligned hero with icon badge and video CTA","type":"registry:block"},{"description":"Two-column hero with a headline, paired CTAs, avatar byline, and three overlapping portrait frames arranged as a collage.","name":"hero132","title":"Hero 132 - Split hero with overlapping photo collage","type":"registry:block"},{"description":"Two-column hero with a waitlist form in the product-frame chrome, a featured proof number, and remaining stats over the screenshot.","name":"hero133","title":"Hero 133 - Split hero with subscribe window","type":"registry:block"},{"description":"A centered hero with headline, supporting copy, pill primary CTA with hover flourish, framed video with play overlay, and a logo marquee without a trust label.","name":"hero134","title":"Hero 134 - Centered hero with inline video and logo marquee","type":"registry:block"},{"description":"A split hero with customer stories chip, oversized title Client Journeys, large supporting quote, autoplay video, floating play control opening an iframe dialog, and muted section tint.","name":"hero135","title":"Hero 135 - Customer stories hero with video and dialog","type":"registry:block"},{"description":"A centered hero with stacked spark icon, headline and blurb, paired rounded CTAs, compact logo row, and a dark wide image band with offset interior panel.","name":"hero136","title":"Hero 136 - Centered hero with spark icon and wide gallery bleed","type":"registry:block"},{"description":"A minimal fullscreen hero with a large writing headline, short supporting paragraph, and a full-width background image that fills the viewport.","name":"hero137","title":"Hero 137 - Full-height hero with full-bleed background","type":"registry:block"},{"description":"A dark hero with two-tone headline, dual CTAs and footnote, supporting paragraph column, and a long horizontal media strip over colored blurred pillars.","name":"hero138","title":"Hero 138 - Dark hero with wide media rail and tinted blur bed","type":"registry:block"},{"description":"A viewport-tall hero with introducing chip, bold data-insight headline, paragraph, contact button, trust line, grid of light wordmarks, line-art backdrop, and slow pulsing orb behind content.","name":"hero139","title":"Hero 139 - Full-height insights hero with tech wordmarks","type":"registry:block"},{"description":"A dev-marketing hero pairing centered headline copy with a fading CLI banner and an autoplay carousel of framework tiles wired to shadcn/ui carousel primitives.","name":"hero14","title":"Hero 14 - Hero with autoplay framework carousel and CLI banner","type":"registry:block"},{"description":"A rounded full-viewport photo shell with glass new-project row, bold launch headline, supporting deployment copy, get-started pill, and a wide band of light partner logos.","name":"hero140","title":"Hero 140 - Photo-shell hero with new badge and partner marks","type":"registry:block"},{"description":"A viewport hero with looped background footage behind a soft scrim, gradient headline about phone interruptions, glowing buy button with chevron, and compact five-star trust note.","name":"hero141","title":"Hero 141 - Fullscreen video hero with gradient headline","type":"registry:block"},{"description":"A hero with responsive headline swap, platform paragraph, start-building and customer-requests links, and a deep-perspective UI screenshot on a dark field with faint radial ribbons.","name":"hero142","title":"Hero 142 - Product-planning hero with skewed canvas","type":"registry:block"},{"description":"A hero with centered productivity messaging, Mac and Windows waitlist buttons, version footnotes, iOS waitlist link with animated border streak, and full-bleed looping footage under a radial scrim.","name":"hero143","title":"Hero 143 - Download hero with cinematic backdrop and waitlist chip","type":"registry:block"},{"description":"A hero with two staggered rows of rounded app tiles using blur, scale, and sheen variants, then a centered bold heading and supporting description from props defaults.","name":"hero144","title":"Hero 144 - Integration grid hero with blurred side tiles","type":"registry:block"},{"description":"A full-viewport photo hero with radial dimming, headline whose final line cycles through hiring roles, supporting line, join and hire buttons, and scroll cue.","name":"hero145","title":"Hero 145 - Hiring hero with rotating role titles","type":"registry:block"},{"description":"A hero on a square grid texture with gradient headline about enterprise agents, supporting paragraph, metallic get-started button, and a bordered autoplay video card with a bottom play bar and seek track.","name":"hero146","title":"Hero 146 - AI agents hero with grid frame and video teaser","type":"registry:block"},{"description":"A muted hero with an all-caps headline, supporting paragraph, underlined starter-kit link, and four architectural photographs stepping upward in a shared wide frame.","name":"hero148","title":"Hero 148 - Uppercase hero with layered photo crowns","type":"registry:block"},{"description":"A centered hero with bold design headline, capacity paragraph, demo and how-it-works buttons, three check-backed benefit lines, large rounded product still, decorative line art, and soft radial accent; how-it-works opens a video embed.","name":"hero149","title":"Hero 149 - Design-service hero with checklist and still","type":"registry:block"},{"description":"A centered hero using an outline badge link, headline, supporting copy, single primary shadcn/ui button, and a wrap row of store rating proofs with icons.","name":"hero15","title":"Hero 15 - Centered hero with changelog badge and store ratings","type":"registry:block"},{"description":"A reporting hero with small section kicker, large headline on revenue and receivables, explanatory sentence, and a wide four-column board of bordered cards on alternating vertical offsets with pastel radial backlights.","name":"hero150","title":"Hero 150 - Insights hero with staggered image board","type":"registry:block"},{"description":"A split hero with default blocks heading about Shadcn and Tailwind, CTA, avatar-group quote, and a two-by-two media collage with inset phone mock frame.","name":"hero151","title":"Hero 151 - Split hero with testimonial row and image mosaic","type":"registry:block"},{"description":"A muted centered hero with star trust line, huge design-system headline, dual rounded CTAs including shadcn preview, and three perspective-skewed dark images.","name":"hero152","title":"Hero 152 - Trust star hero with skewed image trio","type":"registry:block"},{"description":"A centered finance hero with headline, supporting copy, validated email field and submit button, review score badges, and a layered desktop plus phone mockup scene.","name":"hero154","title":"Hero 154 - Spend Control Hero with Email","type":"registry:block"},{"description":"A full-height photo hero with dark wash, small uppercase kicker, long architectural headline, left-bordered paragraph, and rounded outline projects button.","name":"hero157","title":"Hero 157 - Photo hero anchored with architectural headline","type":"registry:block"},{"description":"A soft-tint split hero with vision headline, supporting copy, animated arrow primary CTA, and a two-by-two bento grid of rounded dark images with one tall cell.","name":"hero158","title":"Hero 158 - Vision hero with bento image trio","type":"registry:block"},{"description":"A two-column hero with headline, paragraph, primary pill CTA with sliding arrows, optional byline, main photo, and square inset overlapping the bottom-left corner.","name":"hero159","title":"Hero 159 - Split hero with bottom-left inset card","type":"registry:block"},{"description":"A centered marketing hero with headline, supporting copy, two CTAs, and a wide image that fades at the bottom behind a linear gradient mask.","name":"hero16","title":"Hero 16 - Centered hero with gradient-masked image","type":"registry:block"},{"description":"A dark hero with trophy badge, gradient long headline, supporting growth copy, dual CTAs, fine-print caveats, full-width background photo fade, and bordered rounded product frame.","name":"hero160","title":"Hero 160 - Award badge hero with gradient title and framed mockup","type":"registry:block"},{"description":"A light split hero with large industry headline, care paragraph, outline services button, and a masonry grid of rounded images with testimonial card.","name":"hero162","title":"Hero 162 - Mental wellness hero with masonry media","type":"registry:block"},{"description":"A dark hero with centered support label, large team headline, and a mosaic of portrait images broken by a testimonial card with avatar and quote.","name":"hero163","title":"Hero 163 - Team grid hero with testimonial tile","type":"registry:block"},{"description":"A two-column hero with large primary-colored headline, supporting copy, rounded signup button, an inline 16:9 play tile that opens a dialog iframe, and a tall rounded photograph opposite.","name":"hero164","title":"Hero 164 - Split hero with primary CTA and inline video teaser","type":"registry:block"},{"description":"A two-column hero with an aspect-ratio lattice of three rounded photo panels opposite an oversized headline and supporting copy, without buttons in the default markup.","name":"hero165","title":"Hero 165 - Split hero with tri-image lattice and large headline","type":"registry:block"},{"description":"A two-column hero with large headline, supporting copy, rounded demo button with hover lift, and three photos in animated columns inside an aspect-ratio frame.","name":"hero166","title":"Hero 166 - Split hero with animated photo grid and demo button","type":"registry:block"},{"description":"A two-column hero with headline, paragraph, primary and outline CTAs, gradient-wrapped main image, and bottom-left square inset detail.","name":"hero167","title":"Hero 167 - Split hero with gradient photo frame and inset","type":"registry:block"},{"description":"A split hero with large welcome headline, body copy, outline button with arrow, and a muted gradient stage holding a central photo plus three smaller offset cards along the edge.","name":"hero168","title":"Hero 168 - Split hero with muted stage and floating image cards","type":"registry:block"},{"description":"A dark centered hero with headline, supporting paragraph, download and GitHub buttons, row of integration icon buttons, and a wide video placeholder with decorative dot corners.","name":"hero170","title":"Hero 170 - Centered hero with GitHub star, integrations, and product shot","type":"registry:block"},{"description":"Two-column hero with flip-label CTAs, avatar proof, playable dialog video, and a dense illustrative tile collage.","name":"hero171","title":"Hero 171 - Split hero with avatars and bento collage","type":"registry:block"},{"description":"Two-column hero with zod email capture, checklist lines, and three overlapping portrait frames plus decorative strokes.","name":"hero172","title":"Hero 172 - Hero with email signup and overlapping tri-images","type":"registry:block"},{"description":"A split hero pairing uppercase CTAs against three staggered portrait photos, with an outlined control that opens an embedded video in a modal.","name":"hero173","title":"Hero 173 - Studio hero with triple portraits and promo dialog","type":"registry:block"},{"description":"Full-height hero layering photo wallpaper beneath a tonal scrim, centered headline paragraph, solitary CTA, and frosted footer strip with HQ copy plus scroll cue.","name":"hero174","title":"Hero 174 - Full-viewport photo hero with anchored footer ribbon","type":"registry:block"},{"description":"Centered hero outlining a tinted outline promo pill, bold headline injecting a tonal accent phrase, subdued paragraph, and paired primary versus ghost-with-icon demo controls.","name":"hero175","title":"Hero 175 - Centered promo hero with gradient fade-in","type":"registry:block"},{"description":"Centered hero joining marketplace badge with five-star row, bold savings headline, icon bullet proofs, animated button pair, and uneven dual imagery.","name":"hero177","title":"Hero 177 - Store-rating hero with proof row and split photos","type":"registry:block"},{"description":"A split hero pairing monospace category line, clamp-scale headline, essay copy, and three overlapping photo tiles staged along a square bleed.","name":"hero178","title":"Hero 178 - Support hero with mono label and triple photo stack","type":"registry:block"},{"description":"Split hero echoing hero178 structure with Shared Inbox narrative and two overlapping AspectRatio plates creating a wide lower band and tall rear panel.","name":"hero179","title":"Hero 179 - Inbox hero with layered wide-and-tall frames","type":"registry:block"},{"description":"A centered hero with headline, supporting copy, paired shadcn/ui buttons, square product capture, and symmetric rings of small integration tiles on medium and large breakpoints.","name":"hero18","title":"Hero 18 - Integrations hero with orbiting icon tiles and square preview","type":"registry:block"},{"description":"Centered conversational intelligence headline using muted underline highlight, twin rounded CTAs, and nested AspectRatio frame with gradient bands cradling bordered hero photo.","name":"hero180","title":"Hero 180 - Centered hero with gradient sandwich showcase","type":"registry:block"},{"description":"A centered hero with outline badge, headline, twin buttons, desktop trio framed by gradient rules, and a dot carousel for photos on small screens.","name":"hero183","title":"Hero 183 - Centered premium hero with framed trio and mobile carousel","type":"registry:block"},{"description":"A two-column hero with badge, headline, description, twin buttons, and a two-by-two bento grid with one tall primary tile and two supporting photos.","name":"hero185","title":"Hero 185 - Split hero with bento photo grid","type":"registry:block"},{"description":"A marketing hero inside a rounded page shell with two columns for copy and icon features and a 16:9 image below that soft-fades out toward the bottom.","name":"hero186","title":"Hero 186 - Rounded shell hero with feature list and wide image","type":"registry:block"},{"description":"A two-column hero with a feature grid, primary and outline CTAs, and an edge-bleed carousel with slide counter labels driven by placeholder images.","name":"hero187","title":"Hero 187 - Split hero with feature grid and autoplay carousel","type":"registry:block"},{"description":"Center column headline paragraph and chevron CTA framed by bordered wire-rail strips with diagonal tiling, bordered widescreen shot, and lower runway of matching tiles.","name":"hero190","title":"Hero 190 - Wireframe-gated centerpiece hero rail","type":"registry:block"},{"description":"Finance headline, paragraph, CTA button, Tabs with scrollable icon triggers, alternating dashboard imagery, plus subtle plus-grid halo and softened gradient washes.","name":"hero191","title":"Hero 191 - Tabbed banking hero with wide preview canvases","type":"registry:block"},{"description":"A centered marketing hero with a linked promo pill above the headline, two CTAs, optional trust byline, and a bordered medium image.","name":"hero192","title":"Hero 192 - Centered hero with medium image and announcement","type":"registry:block"},{"description":"A full-height hero with edge-to-edge background photography, centered Playfair headline with an italic accent word, supporting copy, and one rounded primary button.","name":"hero193","title":"Hero 193 - Centered fullscreen hero with serif headline","type":"registry:block"},{"description":"Split dark capsule pairs serif headline paragraph command-styled button against triple looping vertical Carousel columns rotating photography plus horizontal carousel pairs on handheld layouts.","name":"hero194","title":"Hero 194 - Dark rounded hero auto-scrolling photo reels","type":"registry:block"},{"description":"Headline paragraph optional Buttons TabsList swapping wide dashboard TabsContent accented by animated border beam silhouette plus dashed ornamental frame lines bordering captured UI.","name":"hero195","title":"Hero 195 - Hero with tabbed dashboard preview","type":"registry:block"},{"description":"Dotted muted backdrop supports linked badge headline paragraph plus inline overlapping email submission button field finished by icon TabsRail switching photography inside softly rounded bordered card panels.","name":"hero196","title":"Hero 196 - Hero with tabbed features and email form","type":"registry:block"},{"description":"Outline Launching Soon badge with sparkle icon, oversized gradient-clipped headline, supporting copy, and paired large Buttons over subtle dotted mesh background.","name":"hero197","title":"Hero 197 - Announcement hero dotted grid backdrop","type":"registry:block"},{"description":"A full-height photographic hero with a left-aligned Playfair headline, italic accent word, supporting copy, and rounded primary and secondary buttons.","name":"hero198","title":"Hero 198 - Left-aligned fullscreen hero with serif headline","type":"registry:block"},{"description":"A full-height photographic hero mirroring hero198 with right-aligned Playfair headline, italic accent word, supporting copy, and rounded button pair.","name":"hero199","title":"Hero 199 - Right-aligned fullscreen hero with serif headline","type":"registry:block"},{"description":"A two-column marketing hero with the media column first, then a badge, headline, body copy, and paired CTAs aligned start on large screens.","name":"hero2","title":"Hero 2 - Split hero with image on the left","type":"registry:block"},{"description":"A marketing hero pairing outline badge, headline, icon accordion answers tied to a fading image carousel, timed accordion rotation, and progress ticks beneath answers.","name":"hero20","title":"Hero 20 - Two-column hero with synced accordion and fading carousel","type":"registry:block"},{"description":"Condensed kicker, multi-line Playfair manifesto, glossy CTA referencing Apple glyph, and motion phone mock floating from bordered band with calendar UI chrome.","name":"hero200","title":"Hero 200 - Serif hero with rising phone mockup","type":"registry:block"},{"description":"Motion-eased triple OrbitingCircles halo behind vignette mask plus badge kicker enormous condensed heading paragraph primary pill secondary chevron text interplay.","name":"hero201","title":"Hero 201 - Orbiting integration hero center stage","type":"registry:block"},{"description":"Text column merges badge heading accent span Buttons while right bordered muted tile hosts OrbitingCircles halo offset integrating logo pool rotations.","name":"hero202","title":"Hero 202 - Split integration hero with orbital panel","type":"registry:block"},{"description":"Intro link, towering condensed headline and paragraph, single rounded signup CTA, then twin dotted magazine cards layering photography plus meta rows and bottom chevron prompts.","name":"hero203","title":"Hero 203 - Editorial hero with twin dotted magazine lifts","type":"registry:block"},{"description":"Spark-marked label, serif headline plus paragraph, pill-shaped fused email field and signup button, and framer-motion phone mockups angled in opposing directions atop a bordered stage.","name":"hero204","title":"Hero 204 - Serif hero oval signup with dual-phone tilt","type":"registry:block"},{"description":"Oversized multi-line condensed headline mixes italic wording with inline badges, paired CTAs, then motion eased Card unveiling a bordered hero photograph.","name":"hero205","title":"Hero 205 - Portfolio headline hero widening card unveil","type":"registry:block"},{"description":"A centered hero with tight tracking headline, supporting copy, a logo strip above the preview, and a rounded browser frame showing responsive dashboard screenshots.","name":"hero206","title":"Hero 206 - Centered hero with logo row and browser mockup","type":"registry:block"},{"description":"Optional outline badge fronts headline descriptive copy plus primary Button, then three overlapping portrait cards with gradient fades, captions, supporting copy, tiered stacking, soft shadows.","name":"hero207","title":"Hero 207 - Badge hero with three staggered portrait cards","type":"registry:block"},{"description":"A centered marketing hero with a linked promo pill, headline, copy, two CTAs, optional dashed tertiary link, and a capped image in a top-framed shell.","name":"hero21","title":"Hero 21 - Centered hero with promo pill and framed image","type":"registry:block"},{"description":"A centered hero with headline and paragraph, Swiper coverflow carousel of portraits with side fades and autoplay, and a pill primary button below.","name":"hero210","title":"Hero 210 - Centered hero with coverflow image carousel","type":"registry:block"},{"description":"A hero with centered headline and paragraph, Swiper creative-flip stack with pagination, pill CTA with handwritten callout, and animated card marquees along the base.","name":"hero211","title":"Hero 211 - Hero with creative card carousel and bottom marquee","type":"registry:block"},{"description":"A hero with italic display headline, timed crossfade inside a tall rounded phone frame, pill button with handwritten note, yellow glow, and rotated card marquees.","name":"hero212","title":"Hero 212 - Hero with crossfading portrait and marquee band","type":"registry:block"},{"description":"A hero with centered headline, paragraph, pill of outline icons, large SVG-masked image cycle, and a smaller floating frame previewing the next shot.","name":"hero213","title":"Hero 213 - Hero with masked gallery and floating preview","type":"registry:block"},{"description":"A hero with left-aligned serif headline, large masked image slideshow, two satellite frames on desktop and paired tiles on mobile, and rounded contact button.","name":"hero214","title":"Hero 214 - Split hero with masked collage and contact CTA","type":"registry:block"},{"description":"A near viewport-tall hero with left-aligned headline on a blurred scrim, supporting paragraph, arrow contact button, and large rounded building photo anchored top right.","name":"hero215","title":"Hero 215 - Full-height hero with blurred copy and building photo","type":"registry:block"},{"description":"A centered hero with kicker, large Cal Sans headline, MagicUI meteor field, rounded secondary CTA with arrow motion, and overscaled globe strip below.","name":"hero216","title":"Hero 216 - Centered hero with meteors and globe","type":"registry:block"},{"description":"A centered hero with kicker, per-word Framer 3D reveal on the headline with italic emphasis, dense MagicUI particles, abstract SVG ribbon, and arrow CTA.","name":"hero218","title":"Hero 218 - Hero with staggered headline and particle veil","type":"registry:block"},{"description":"A centered hero with kicker, static heading plus 3D animated accent words, MagicUI particles, and seven vertical integration marquees capped by soft blurs.","name":"hero219","title":"Hero 219 - Hero with animated accent line and vertical logos","type":"registry:block"},{"description":"A near fullscreen hero with low opacity landscape backdrop, motion fade on mount, and oversized MagicUI video text spelling the main word in Playfair.","name":"hero220","title":"Hero 220 - Full-viewport hero with video-filled wordmark","type":"registry:block"},{"description":"A centered hero with oversized video-filled display type, supporting line, and rounded secondary CTA with arrow motion.","name":"hero221","title":"Hero 221 - Centered hero with video-filled display type","type":"registry:block"},{"description":"A near full-viewport hero with photo backdrop, mono chapter label, variable-font headline tied to cursor movement, crosshair overlays, and text CTA strip.","name":"hero222","title":"Hero 222 - Full-height hero with variable type and crosshair","type":"registry:block"},{"description":"A centered hero with animated skewed grid backdrop, muted headline with shadow-accent word, supporting line, and two pill buttons.","name":"hero223","title":"Hero 223 - Centered hero with grid backdrop and shadow word","type":"registry:block"},{"description":"A two-column hero with stacked headline, paragraph, dual pill CTAs, and an interactive 3D image cloud built on canvas.","name":"hero224","title":"Hero 224 - Split hero with copy and draggable image cloud","type":"registry:block"},{"description":"A centered hero with kicker, large heading, four concentric orbiting logo rings, gradient fade, and anchored pill CTA.","name":"hero225","title":"Hero 225 - Centered hero with orbiting integration logos","type":"registry:block"},{"description":"A looping carousel hero with wide slides, background photography, right-aligned title and blurb per slide, CTA strip, and dot pager.","name":"hero226","title":"Hero 226 - Edge-to-edge slideshow hero with image tiles","type":"registry:block"},{"description":"A bordered hero with icon feature row, oversized vertical-cut headline, dual segmented buttons, and animated phone frame with in-screen UI.","name":"hero227","title":"Hero 227 - Centered hero with icon row, vertical reveal type, and phone mock","type":"registry:block"},{"description":"A centered hero with mixed serif headline, supporting copy, and autoplay carousel that fans three portraits with animated tick bars and name crossfades.","name":"hero228","title":"Hero 228 - Centered hero with fan carousel of portraits","type":"registry:block"},{"description":"A tall bordered hero with secondary pill, centered headline, dual CTAs, and animated SVG line illustrations along top, bottom, and sides.","name":"hero229","title":"Hero 229 - Near full-screen hero with corner wire illustrations","type":"registry:block"},{"description":"A stacked hero with pill kicker, headline, dual CTAs, auto-scrolling logo band, and autoplay carousel of raised image cards with edge fades.","name":"hero230","title":"Hero 230 - Centered hero with logo ticker and filmstrip carousel","type":"registry:block"},{"description":"A split hero with left copy and CTAs, top logo marquee, and Swiper coverflow carousel of portrait cards with pagination dots.","name":"hero231","title":"Hero 231 - Split hero with coverflow portraits and logo strip","type":"registry:block"},{"description":"A minimum full-screen hero with pill kicker, masked headline block around a shadow word, dual CTAs, and large muted SVG arcs along both sides on desktop.","name":"hero232","title":"Hero 232 - Full-viewport centered hero with side arcs","type":"registry:block"},{"description":"A tall hero with gradient column backdrop, pill kicker, shadow-accent headline, paired CTAs, and animated vertical columns that grow upward behind copy.","name":"hero233","title":"Hero 233 - Centered hero with rising column veil","type":"registry:block"},{"description":"A tall hero with two opposing horizontal filmstrip loops of images, edge fades, and centered frosted card with multi-line headline and CTA.","name":"hero234","title":"Hero 234 - Full-height hero with scrolling filmstrips and glass card","type":"registry:block"},{"description":"A tall hero with rounded viewport containing three counter-scrolling image rows and centered frosted headline card with primary button.","name":"hero234a","title":"Hero234a - Full-height hero with inset scrolling gallery and glass card","type":"registry:block"},{"description":"A tall hero with five upward-drifting image columns, top and bottom fades, side scrims, and centered glass card with headline, tag line, and CTA.","name":"hero234b","title":"Hero234b - Full-height hero with vertical column marquees","type":"registry:block"},{"description":"A tall hero using theme-colored blur orbs and a light striped grain, centered headline and primary CTA, and a three-column icon feature grid with vertical accents.","name":"hero235","title":"Hero 235 - Full-height hero with soft blurs and feature columns","type":"registry:block"},{"description":"A split hero with kicker pill, display heading, description text, and canvas image cloud opposite the copy, driven by placeholder integration logos.","name":"hero236","title":"Hero 236 - Split hero with copy and 3D logo cloud","type":"registry:block"},{"description":"A split hero inside a bordered strip with kicker, headline, body, and four orbiting logo rings offset into the media half.","name":"hero237","title":"Hero 237 - Split hero with orbiting rings bordered section","type":"registry:block"},{"description":"A tall ambient hero with aurora gradient shell, left-aligned headline, primary and ghost CTAs, inline icon benefit list, and motion stat chip in the media column.","name":"hero238","title":"Hero 238 - Split hero with aurora backdrop and benefit row","type":"registry:block"},{"description":"A centered hero with uppercase pill, headline, supporting text, dual buttons, and a wide 3D marquee ribbon of photography beneath.","name":"hero239","title":"Hero 239 - Centered hero with 3D image marquee","type":"registry:block"},{"description":"A centered hero with optional logo, eyebrow badge, headline, primary and outline CTAs, and a four-cell grid of icon-led features with short copy.","name":"hero24","title":"Hero 24 - Centered hero with logo and icon feature grid","type":"registry:block"},{"description":"A centered hero with zap icon label, headline, muted copy, pill email field with subscribe button, and bottom 3D marquee plus fade mask.","name":"hero240","title":"Hero 240 - Centered hero with email capture and 3D marquee","type":"registry:block"},{"description":"A near full-height hero with collision-style beams backdrop, centered serif headline, supporting copy, dual rounded CTAs, and two-column stat strip separated by a vertical rule.","name":"hero241","title":"Hero 241 - Tall hero with gradient beams and stat footer","type":"registry:block"},{"description":"A two-column hero with cover-highlight headline, intro copy, dual buttons, checklist of growth claims, and large bar chart in a muted panel.","name":"hero242","title":"Hero 242 - Split hero with growth checklist and bar chart","type":"registry:block"},{"description":"A hero with dashed outer borders, an animated word-rotating accent beside fixed headline copy, centered description and CTA, and a three-cell icon summary row.","name":"hero243","title":"Hero 243 - Hero with flip-word accent and dashed frame","type":"registry:block"},{"description":"A two-column hero with bold cal headline, supporting paragraph, dual CTAs, and draggable image cards scattered over a hint sentence on the media side.","name":"hero244","title":"Hero 244 - Split hero with draggable photo cards","type":"registry:block"},{"description":"A centered hero with hiring pill, pointer-highlight headline mentioning blocks, gradient column veil, Mac download CTA, Windows link, and bordered hero photo.","name":"hero245","title":"Hero 245 - Centered recruiting hero with highlight word and download CTAs","type":"registry:block"},{"description":"A vertical hero with status dot label, headline, body, bordered button row with play ghost, checkerboard corner motifs, and full-width bar chart card.","name":"hero246","title":"Hero 246 - Stacked hero with divider CTAs and analytics chart","type":"registry:block"},{"description":"A centered portfolio hero where the avatar, headline, and shadcn buttons ease in with staged motion, plus hover-repeating label animation on each CTA.","name":"hero247","title":"Hero 247 - Animated portfolio hero with avatar and twin CTAs","type":"registry:block"},{"description":"A sparse two-column hero with headline embedding animated avatar tooltips, supporting paragraph, and primary CTA while the second column stays open.","name":"hero248","title":"Hero 248 - Split hero with overlapping team avatars in headline","type":"registry:block"},{"description":"A two-row marketing block with split headline, globe visualization, demo CTA, then a caption column beside a grayscale logo marquee with edge fades.","name":"hero249","title":"Hero 249 - Globe Hero with Logo Marquee","type":"registry:block"},{"description":"A centered hero with optional logo, eyebrow label, headline, primary and secondary buttons, and a wrapped row of feature labels each paired with an icon.","name":"hero25","title":"Hero 25 - Centered hero with dual CTAs and inline feature list","type":"registry:block"},{"description":"A two-column hero built with shadcn/ui that pairs pill-shaped news links, dual CTAs, avatar stack with star rating, and a perspective-tilted dashboard screenshot panel.","name":"hero252","title":"Hero 252 - Dashboard hero with reviews and skewed product preview","type":"registry:block"},{"description":"A split hero combining kibo announcement styling, gradient headline, twin CTAs, framed dashboard capture, and a toolbelt strip with tooltips or marquee on smaller breakpoints.","name":"hero253","title":"Hero 253 - Announcement hero with dashboard preview and tool marquee","type":"registry:block"},{"description":"A viewport-tall hero using a photographic background, tinted veil, vertical grid lines, centered headline and supporting copy with staged motion, paired pill buttons, and a scroll cue.","name":"hero254","title":"Hero 254 - Full-height hero with grid veil and motion headline","type":"registry:block"},{"description":"A rounded-top hero filling the viewport width with photography, giant stacked brand wordmark, services column, motto lines, decorative plus row, copyright, and an elevated contact card with avatar CTA.","name":"hero255","title":"Hero 255 - Oversized wordmark hero with services list and contact card","type":"registry:block"},{"description":"A two-band hero with badge, headline, primary and outline CTAs beside an optional grid and diamond motif, a three-up feature row with descriptions, and a wide landscape image inside the page container without a max-width cap on the media.","name":"hero256","title":"Hero 256 - Split hero with grid motif and feature strip","type":"registry:block"},{"description":"A hero using angled gradient panels behind headline and twin CTAs, a bordered product capture, and a dense trusted-logo grid separated by dashed borders.","name":"hero257","title":"Hero 257 - Visitor analytics hero with angled backdrop and logo belt","type":"registry:block"},{"description":"A muted hero featuring an announcement badge, centered headline and description, primary CTA, grayscale logo row, and horizontally scrolling cards that flex wider on hover.","name":"hero258","title":"Hero 258 - Hero with megaphone badge, logos, and hover-expanding cards","type":"registry:block"},{"description":"A two-column hero pairing logo header, headline, outline CTA, footer notes on the left with a tall animated grain field on the right for high-contrast landing intros.","name":"hero259","title":"Hero 259 - Split hero with stacked chrome and animated grain panel","type":"registry:block"},{"description":"A centered hero using a rounded announcement link with badge chip, oversized headline, paragraph woven with inline Lucide chips, and paired large shadcn/ui buttons.","name":"hero26","title":"Hero 26 - Centered hero with pill announcement and inline icons","type":"registry:block"},{"description":"A hero built around selectable tabs that swap descriptive subtitles and imagery beneath an asymmetric headline pair, with a custom cursor badge following movement inside the preview region.","name":"hero260","title":"Hero 260 - Tabbed hero with cursor badge and swap imagery","type":"registry:block"},{"description":"A split marketing hero with headline, supporting copy, and two CTAs on one side, a dashed divider, an icon feature list on the other, and a large screenshot band below.","name":"hero261","title":"Hero 261 - Two-column hero with features list","type":"registry:block"},{"description":"A two-column about page hero with headline, subheading, and body text on the left, and a vertical stats list separated by a dashed line on the right.","name":"hero262","title":"Hero 262 - About Hero with Stats Sidebar","type":"registry:block"},{"description":"A centered hero with badge, headline, supporting copy, two CTAs, and a wide image stacked beneath the text block.","name":"hero263","title":"Hero 263 - Centered hero with large image below","type":"registry:block"},{"description":"A centered hero with optional badge, headline, dual CTAs, masked widescreen image crossfade, and clickable thumbnail strip inset along the bottom cutout.","name":"hero264","title":"Hero 264 - Centered cutout-mask hero with filmstrip picker","type":"registry:block"},{"description":"A two-column hero with L-shaped masked portrait cycling on the left and badge, headline, body, and dual CTAs on the right.","name":"hero265","title":"Hero 265 - Split hero with masked portrait and copy stack","type":"registry:block"},{"description":"A hero with headline row, dual CTAs, large masked slideshow, map-style label chip, projects chip, dot indicators, and mobile thumbnail strip.","name":"hero266","title":"Hero 266 - Hero with asymmetric mask, overlays, and mobile thumbs","type":"registry:block"},{"description":"A two-column hero with left media panel bleeding to the viewport edge, main and inset square images, and right-column headline with dual CTAs.","name":"hero267","title":"Hero 267 - Inset-image hero with left-bleed panel","type":"registry:block"},{"description":"A two-column hero inside the container bounds with muted framed main image, corner inset thumbnail, and right-aligned copy plus CTAs.","name":"hero268","title":"Hero 268 - Contained inset-image hero with media left","type":"registry:block"},{"description":"A two-column hero with headline and dual CTAs on the left and muted framed main image with inset thumbnail on the right, all inside the container.","name":"hero269","title":"Hero 269 - Contained inset-image hero with copy left","type":"registry:block"},{"description":"A wide hero pairing three stacked display words with hover drift, a tall bold subheading stack, muted paragraph, and shadcn/ui button whose fill slides up on hover over soft gradient decor.","name":"hero27","title":"Hero 27 - Split hero with stacked mega headings and sliding CTA","type":"registry:block"},{"description":"A two-column hero with bordered landscape image, overlapping square inset, right-column copy, animated primary CTA, optional byline, and subtle dotted backdrop.","name":"hero270","title":"Hero 270 - Inset hero with landscape frame and trust line","type":"registry:block"},{"description":"A two-column hero with copy on the left, right-bleeding main image, optional square inset at bottom-left, dot grid accent, animated primary CTA, and optional byline.","name":"hero271","title":"Hero 271 - Right-bleed inset hero with dot grid","type":"registry:block"},{"description":"A split hero with headline, creator avatars with tooltips, app store download buttons, a partner logo marquee, and a nine-cell photo grid that rotates on a timer with flip-style transitions.","name":"hero272","title":"Hero 272 - Split Hero With Rotating Photo Grid","type":"registry:block"},{"description":"A centered hero with badge, dual CTAs, member avatars and counts, plus a drag-to-spin 3D ring of images on an animated aurora background.","name":"hero273","title":"Hero 273 - Centered Hero With 3D Image Carousel","type":"registry:block"},{"description":"A marketing hero with a larger centered headline, a wide landscape image inside the page container that crossfades between slides when each feature column is hovered, and three icon-led columns separated by vertical rules on desktop.","name":"hero274","title":"Hero 274 - Hero with contained image and hover feature slides","type":"registry:block"},{"description":"A marketing hero with a left-aligned headline, optional supporting copy above the stacked feature list, a split layout with a crossfading image column, and hover-driven slides.","name":"hero275","title":"Hero 275 - Split hero with hover slides beside feature list","type":"registry:block"},{"description":"A marketing hero with a large centered headline, a three-column hover feature row above a crossfading image, and decorative dots under the frame that reflect the active slide.","name":"hero276","title":"Hero 276 - Hero with feature row above image and slide dots","type":"registry:block"},{"description":"A two-column marketing hero with a sticky crossfading image on one side and dashed badge, headline, CTAs, and icon feature rows that swap the image on hover on the other.","name":"hero277","title":"Hero 277 - Split hero with media column and hover feature slides","type":"registry:block"},{"description":"A two-column marketing hero with dashed badge, headline, CTAs, and hover-driven icon features on the left, and a sticky crossfading image column on the right.","name":"hero278","title":"Hero 278 - Split hero with copy first and hover feature slides","type":"registry:block"},{"description":"A stacked hero led by an autoplay image carousel with indicators, then centered headline, description, responsive feature grid, and dual CTAs.","name":"hero279","title":"Hero 279 - Carousel-first hero with centered feature grid","type":"registry:block"},{"description":"A centered shadcn/ui hero whose headline, paragraph, and primary button float above an SVG integration lattice visible on large screens behind the copy.","name":"hero28","title":"Hero 28 - Centered integrations hero with masked diagram field","type":"registry:block"},{"description":"A two-column layout with an autoplay carousel on one side and stacked headline, feature list with icons, dual CTAs, and slide indicators on the other.","name":"hero280","title":"Hero 280 - Split hero with carousel and stacked features","type":"registry:block"},{"description":"A centered hero with headline, icon feature grid with short blurbs, dual CTAs, and a full-width autoplay carousel with slide labels and dot controls.","name":"hero281","title":"Hero 281 - Hero with feature grid and bottom carousel","type":"registry:block"},{"description":"Editorial headline plus CTAs in the container, then a full-width muted band with horizontally scrolling hero-feature-icons rows paused on hover and gradient fades masking both sides; optional bordered panorama below.","name":"hero286","title":"Hero 286 - Marquee Features Hero With Masked Edges","type":"registry:block"},{"description":"A narrow centered hero where three icon pills summarize proof ahead of dual CTAs and a single bordered screenshot using hero-feature-icons imagery fields.","name":"hero288","title":"Hero 288 - Compact Hero With Feature Pills Above Preview","type":"registry:block"},{"description":"A centered hero built with shadcn/ui buttons that floats headline, twin CTAs, star rating capsule, and raised bordered media above an SVG wash with soft circular blooms.","name":"hero29","title":"Hero 29 - Centered hero with blurred gradient field and ratings capsule","type":"registry:block"},{"description":"A marketing hero that shows optional logo and badge above the headline, dual CTAs, a four-cell icon matrix, and a full-width hero-feature-icons preview.","name":"hero290","title":"Hero 290 - Logo-Led Hero With Four-Up Feature Strip","type":"registry:block"},{"description":"A hero stacking centered copy and CTAs above three equal icon columns separated by rules, finishing with one shared hero-feature-icons image band.","name":"hero291","title":"Hero 291 - Three-Pillar Comparison Hero With Shared Image","type":"registry:block"},{"description":"A hero with headline, CTAs, one framed screenshot, and a segmented grid that presents six icon-led entries from hero-feature-icons props without carousel motion.","name":"hero292","title":"Hero 292 - Segmented Six-Cell Hero Below Single Preview","type":"registry:block"},{"description":"A centered hero introducing dual CTAs, a padded outer frame around one screenshot, and four vertically divided icon summaries using hero-feature-icons data.","name":"hero294","title":"Hero 294 - Framed Preview Hero With Divided Feature Band","type":"registry:block"},{"description":"A hero inside a rounded card shell with solid borders, an animated word flip between headline lines, a centered description and CTA, and a three-column feature row with simple dividers.","name":"hero295","title":"Hero 295 - Hero Card With Flip Accent and Feature Grid","type":"registry:block"},{"description":"A split hero with copy and CTAs on the left and a large rating figure, stars, review count, avatars, and optional byline on the right.","name":"hero296","title":"Hero 296 - Split hero with editorial rating rail","type":"registry:block"},{"description":"A split hero with announcement badge, headline, dual CTAs on the left, and a right column with description plus a reviews panel with stars, score, and avatars.","name":"hero297","title":"Hero 297 - Split hero with reviews proof column","type":"registry:block"},{"description":"A centered hero with headline, CTA, a large customer quote, and a compact row of avatars with stars and review count underneath.","name":"hero298","title":"Hero 298 - Centered hero with quote and review strip","type":"registry:block"},{"description":"A centered hero with headline, CTA, overlapping avatars, and a single active users stat without star ratings or product images.","name":"hero299","title":"Hero 299 - Centered hero with users and avatars","type":"registry:block"},{"description":"A two-column hero using shadcn/ui Avatar and Button rows where overlapped faces, star score, and review total sit beside a tall rounded cover image.","name":"hero3","title":"Hero 3 - Split hero with review strip and tall photography","type":"registry:block"},{"description":"A two-column hero with medium-weight headline, paired shadcn/ui buttons, and three bordered photos where a tall frame matches the combined height of two stacked side tiles, behind a radial plus-pattern wash.","name":"hero30","title":"Hero 30 - Split hero with plus pattern and stacked photos","type":"registry:block"},{"description":"A centered hero with headline, CTA, and a rounded pill showing avatar faces beside download count, plus optional byline text.","name":"hero300","title":"Hero 300 - Centered hero with download proof pill","type":"registry:block"},{"description":"A hero separating headline copy from dual CTAs using a bordered band of four compact icon summaries ahead of an ultra-wide hero-feature-icons landscape image.","name":"hero301","title":"Hero 301 - Panoramic Hero With Border-Rail Features","type":"registry:block"},{"description":"Optional top preview, then a two-column hero where intro and CTAs sit in the main column and hero-feature-icons stack in a bordered-left proof rail with icon wells.","name":"hero302","title":"Hero 302 - Sidebar Rail Hero With Lead Frame","type":"registry:block"},{"description":"A split hero with headline, dual CTAs on the left, and a right column with description, active users stat, and avatar row with join affordance.","name":"hero303","title":"Hero 303 - Split hero with community stat column","type":"registry:block"},{"description":"Two-column hero where headline, CTAs, and desktop-only preview stick while stacked hero-feature-icons surfaces scroll alongside—with subtle horizontal offsets on alternating cards.","name":"hero304","title":"Hero 304 - Sticky Narrative Hero With Offset Cards","type":"registry:block"},{"description":"Magazine-style two-column opener (headline versus oversized description plus CTAs) followed by an asymmetric six-column mosaic of four hero-feature-icons tiles, then optional framed media.","name":"hero305","title":"Hero 305 - Editorial Split Headline Hero With Mosaic Grid","type":"registry:block"},{"description":"A rounded shell splits intro, paired CTAs, and icon-backed feature summaries on a muted panel from a full-height preview image, collapsing to centered copy with a quad feature grid when imagery is absent.","name":"hero306","title":"Hero 306 - Split hero with muted copy panel and bordered preview","type":"registry:block"},{"description":"A fullscreen dark hero with oversized headline, paired CTAs, and a CSS-built admin dashboard that tilts on mouse movement in a fixed 3D perspective scene.","name":"hero307","title":"Hero 307 - Fullscreen Hero With 3D Dashboard Preview","type":"registry:block"},{"description":"A centered marketing hero on a masked grid background with gradient headline, CTA button, and a framed 16:9 video thumbnail that plays inline when the play control is pressed.","name":"hero308","title":"Hero 308 - Grid hero with click-to-play video preview","type":"registry:block"},{"description":"A centered hero with headline, twin CTAs, two adoption stats, a shared avatar rail, and optional byline without star ratings.","name":"hero309","title":"Hero 309 - Centered hero with dual metrics and avatars","type":"registry:block"},{"description":"A centered hero using shadcn/ui anchor buttons below headline copy, sitting over an illustrated gradient field with grid veneer and asymmetric floating panels beneath.","name":"hero31","title":"Hero 31 - Centered hero with geometric backdrop and floating tiles","type":"registry:block"},{"description":"A centered hero with headline, horizontal teams-onboarded card above dual CTAs, and review count without star ratings or product images.","name":"hero310","title":"Hero 310 - Centered hero with teams adoption card","type":"registry:block"},{"description":"A centered marketing hero with an outline badge, large headline, supporting copy, and three linked image cards in a staggered row.","name":"hero311","title":"Hero 311 - Accent hero with badge header and three linked cards","type":"registry:block"},{"description":"A two-column hero with copy on the left, a bordered main image on the right, and a square inset detail hanging outside the bottom-left corner.","name":"hero315","title":"Hero 315 - Split inset-image hero with outside bottom-left inset","type":"registry:block"},{"description":"A two-column hero with an animated primary CTA, optional byline beside the button, gradient accent, and an outside bottom-right inset image.","name":"hero316","title":"Hero 316 - Inset hero with byline and gradient accent","type":"registry:block"},{"description":"A two-column hero with an optional byline kicker pill above the headline and a square inset anchored outside the top-right of the main image.","name":"hero317","title":"Hero 317 - Kicker inset-image hero with top-right inset","type":"registry:block"},{"description":"A two-column hero with a chart-gradient frame wrapping the main image, copy on the right, and an outside bottom-right inset detail.","name":"hero318","title":"Hero 318 - Gradient frame inset hero with media left","type":"registry:block"},{"description":"A left-bleed muted panel hero with framed main image, outside inset toward the copy side, dot grid accent behind the text column, and dual CTAs.","name":"hero319","title":"Hero 319 - Left-bleed inset hero with dot grid on copy","type":"registry:block"},{"description":"A hero that offsets integration story copy and one large shadcn/ui button against three staggered rows of bordered logo tiles over a radial-masked grid backdrop.","name":"hero32","title":"Hero 32 - Split integrations hero with staggered logo masonry","type":"registry:block"},{"description":"A two-column hero with a slightly rotated square inset hanging outside the bottom-left of the main image and dual CTAs.","name":"hero320","title":"Hero 320 - Rotated inset-image hero with outside detail","type":"registry:block"},{"description":"A twelve-column hero where the media column overlaps the copy column, with a blur accent, shadowed main image, and outside inset detail.","name":"hero321","title":"Hero 321 - Overlap column inset hero with blur accent","type":"registry:block"},{"description":"A two-column hero with a chart-toned ring around the main image, optional byline pill on the photo, and an outside top-left inset detail.","name":"hero322","title":"Hero 322 - Ring accent inset hero with floating byline","type":"registry:block"},{"description":"A two-column hero with a dot pattern background, muted framed main image, outside inset, dual CTAs, and optional byline under the buttons.","name":"hero323","title":"Hero 323 - Pattern background inset hero with framed media","type":"registry:block"},{"description":"An elaborate hero with left-bleeding gradient panel, bordered main image, optional byline pill on the photo, large outside inset at bottom-right, dot grid on the copy column, and animated primary CTA.","name":"hero324","title":"Hero 324 - Left-bleed gradient inset hero with dot grid","type":"registry:block"},{"description":"A fullscreen hero with a looping video background, a play-pause control that shows playback progress, and a two-column credits dock for title, speaker, copy, and CTAs.","name":"hero325","title":"Hero 325 - Fullscreen Screening Hero","type":"registry:block"},{"description":"A full-bleed hero with a wide looping video, a play-pause control that shows playback progress, and a two-column credits dock for title, speaker, copy, and CTAs.","name":"hero326","title":"Hero 326 - Full Bleed Screening Hero","type":"registry:block"},{"description":"A centered hero with headline, paired CTAs, and a looping product demo inside a browser window frame.","name":"hero327","title":"Hero 327 - Device-framed hero with looping demo","type":"registry:block"},{"description":"A split hero with headline and CTAs beside a looping nine-by-sixteen video in a phone frame.","name":"hero328","title":"Hero 328 - Split hero with portrait video","type":"registry:block"},{"description":"A centered hero with headline, CTAs, and chapter tabs that swap the inline product tour clip.","name":"hero329","title":"Hero 329 - Chaptered hero with tour clips","type":"registry:block"},{"description":"A two-column hero pairing badge text, twin shadcn/ui CTAs, bordered pricing summary, and opposite-column photography that covers the full grid cell height.","name":"hero33","title":"Hero 33 - Split hero with pricing panel and full-height photograph","type":"registry:block"},{"description":"A centered hero with headline, CTAs, and a static cinematic poster that plays the video inline.","name":"hero330","title":"Hero 330 - Poster hero with inline video","type":"registry:block"},{"description":"A split hero with headline and CTAs beside a large looping nine-by-sixteen video in a phone frame.","name":"hero331","title":"Hero 331 - Split hero with large portrait video","type":"registry:block"},{"description":"A centered hero with headline, CTAs, and a looping nine-by-sixteen video in a phone frame beneath the copy.","name":"hero332","title":"Hero 332 - Centered hero with portrait video","type":"registry:block"},{"description":"A centered hero with headline, CTAs, and story-style progress bars over a video that auto-advances through three tour clips.","name":"hero333","title":"Hero 333 - Story progress hero with tour clips","type":"registry:block"},{"description":"A centered hero with headline, CTAs, and a frosted right-side filmstrip of labeled stills that auto-advances through three tour clips.","name":"hero334","title":"Hero 334 - Right filmstrip hero with labeled clips","type":"registry:block"},{"description":"A centered hero with headline, CTAs, and a frosted bottom filmstrip of labeled stills that auto-advances through three tour clips.","name":"hero335","title":"Hero 335 - Bottom filmstrip hero with labeled clips","type":"registry:block"},{"description":"A centered hero with headline, CTAs, and muted numbered step cards with square thumbs that auto-advance through three tour clips.","name":"hero336","title":"Hero 336 - Step card hero with clip thumbs","type":"registry:block"},{"description":"A centered hero with a full-width background photo, faded grain texture, headline, paragraph, large button, and a ratings row of avatars and stars.","name":"hero337","title":"Hero 337 - Full-Width Photo Ratings Hero","type":"registry:block"},{"description":"A hero where two tilted elliptical rings of images orbit a centered headline, description, and button, scaling and blurring with depth and pausing on hover.","name":"hero338","title":"Hero 338 - Orbiting Image Rings Hero","type":"registry:block"},{"description":"A hero with a wall of image columns tilted in 3D that scroll endlessly in alternating directions behind a headline, description, and button.","name":"hero339","title":"Hero 339 - Tilted Image Wall Hero","type":"registry:block"},{"description":"A basic-tier hero built with shadcn/ui anchor buttons, pairing padded muted-grid copy with an adjacent photograph that fills its column inside one container-wide split.","name":"hero34","title":"Hero 34 - Two-column hero on muted panel with bleed image","type":"registry:block"},{"description":"A full-bleed image wall hero where grayscale columns drift in opposite directions as the page scrolls beneath an oversized headline.","name":"hero340","title":"Hero 340 - Image Wall Hero","type":"registry:block"},{"description":"A photography hero with a large centered headline surrounded by scattered, gently floating photos that gather to the cursor on first move, then turn into a trail of images following the pointer.","name":"hero341","title":"Hero 341 - Cursor Image Trail Hero","type":"registry:block"},{"description":"An editorial hero with a large serif headline that sets small shaped photos inline between the words, with footnoted credits and an issue bar.","name":"hero342","title":"Hero 342 - Editorial Inline Image Hero","type":"registry:block"},{"description":"A full-height hero where two endless streams of photos pour out of a central vanishing point toward the left and right edges, growing and turning toward the viewer behind a centered headline.","name":"hero343","title":"Hero 343 - Image Stream Hero","type":"registry:block"},{"description":"A marketing hero with centered-then-left headline stack, twin shadcn/ui buttons, and a right-side accent lattice framing three rounded photos plus corner markers.","name":"hero35","title":"Hero 35 - Split hero with lattice collage and paired CTAs","type":"registry:block"},{"description":"An accent-background hero using shadcn/ui badge styling above headline copy, followed by three bordered cards with imagery, blur glass surfaces, and trailing arrow links.","name":"hero36","title":"Hero 36 - Accent hero with badge header and three linked cards","type":"registry:block"},{"description":"A centered hero using uppercase release label, scaled headline, twin shadcn/ui buttons, and three rotated handset panels over a wide muted spiral particle field.","name":"hero37","title":"Hero 37 - Centered hero with spiral motif and triple handset stack","type":"registry:block"},{"description":"A two-column hero pairing badge, headline, body, and twin shadcn/ui buttons with an illustrative panel combining dotted spiral artwork and three overlapping bordered photos.","name":"hero38","title":"Hero 38 - Split hero with dotted spiral art and framed photos","type":"registry:block"},{"description":"A marketing hero inside a wide rounded accent shell with badge, headline, primary button, and three overlapping bordered photos.","name":"hero39","title":"Hero 39 - Rounded shell hero with overlapping photo collage","type":"registry:block"},{"description":"A two-column marketing hero with a muted image panel, headline and supporting copy, overlapping reviewer avatars, a five-star rating summary, and paired primary and outline buttons.","name":"hero4","title":"Hero 4 - Split hero with image, avatars, and star rating","type":"registry:block"},{"description":"A two-column hero built with shadcn/ui buttons pairing oversized headline, checklist proofs, bordered preview image, and dual MagicUI marquee lanes of integration cards.","name":"hero40","title":"Hero 40 - Split hero with checklist, preview, and integration marquee","type":"registry:block"},{"description":"A hero with outline badge, headline, a wide landscape image that crossfades between slides when each feature column is hovered, gradient veil, and three icon-led columns separated by vertical rules on desktop.","name":"hero45","title":"Hero 45 - Hero with wide image and three feature columns","type":"registry:block"},{"description":"A free-tier hero combining oversized heading with muted continuation phrase, supporting paragraph, stylized shadcn/ui primary button, docs link, and inset screenshot inside a phone asset.","name":"hero47","title":"Hero 47 - Split hero with handset frame and split headline line","type":"registry:block"},{"description":"A centered marketing hero with bold headline, paragraph, twin shadcn/ui CTAs, looping logo lane with softened edges, and illustration resting below the fold.","name":"hero48","title":"Hero 48 - Centered hero with auto-moving logo carousel","type":"registry:block"},{"description":"A centered hero using shadcn/ui rounded-full CTA with store badges, dense headline and paragraph stack, and wide smartphone mock framing inset application art.","name":"hero49","title":"Hero 49 - Centered hero with download pill and handset showcase","type":"registry:block"},{"description":"A hero pairing headline, supporting line, and large shadcn/ui primary button with leading icon opposite an aspect-video rounded image.","name":"hero5","title":"Hero 5 - Split hero with icon button and wide media tile","type":"registry:block"},{"description":"A centered hero featuring rounded announcement link, headline, supporting copy, twin shadcn/ui buttons, tall hero image with gradient pedestal, and smaller overlapping captures at the sides.","name":"hero50","title":"Hero 50 - Centered hero with survey banner and layered screenshots","type":"registry:block"},{"description":"A centered hero with radial grid backdrop, wide headline, primary button, globe byline, and a central photo with two portrait tiles fanned behind the sides.","name":"hero51","title":"Hero 51 - Centered hero with grid veil and fanned portraits","type":"registry:block"},{"description":"A left-aligned hero built with shadcn/ui button and avatars, stacking an extra-large headline, reversed-row paragraph with early-access CTA, and overlapping portrait chips beside trust copy.","name":"hero53","title":"Hero 53 - Impact hero with dense headline and avatar proof","type":"registry:block"},{"description":"A viewport-height hero combining textured backdrop wash, rounded changelog row with filled badge, oversized headline, and twin large shadcn/ui buttons centered vertically.","name":"hero55","title":"Hero 55 - Full-viewport centered hero with changelog link","type":"registry:block"},{"description":"A centered hero using shadcn/ui primary trial button beneath headline copy that mixes inline globe iconography with faded emphasis words, dashed corner annotations, muted grid veil, and brief model credit line.","name":"hero57","title":"Hero 57 - Centered AI proposal hero with floating proof chips","type":"registry:block"},{"description":"A two-column hero pairing stacked headline with manual line break, supporting paragraph, trailing-arrow shadcn/ui button, and large illustration backed by radial-masked square lattice.","name":"hero58","title":"Hero 58 - Split hero with illustration and faded square grid","type":"registry:block"},{"description":"A viewport-tall hero with looping muted video backdrop, centered beta label, headline stack, and paired rounded shadcn/ui buttons over full-bleed motion.","name":"hero59","title":"Hero 59 - Fullscreen video hero with beta enrollment CTAs","type":"registry:block"},{"description":"A hero with centered headline, muted paragraph, paired chevron shadcn/ui buttons, five-slot photography grid with outline button on one tile, and repeating logo row.","name":"hero6","title":"Hero 6 - Centered hero with mosaic imagery and partner logos","type":"registry:block"},{"description":"A left-aligned hero using shadcn/ui button beneath oversized headline where one closing word sits on a muted panel, plus grid veil backdrop and credit-line helper.","name":"hero60","title":"Hero 60 - Impact hero with grid veil and highlighted closing word","type":"registry:block"},{"description":"A hero built around one wide photograph, with a hanging title plate on the frame and a caption row of supporting copy plus paired CTAs underneath.","name":"hero61","title":"Hero 61 - Folio hero with hanging copy plate","type":"registry:block"},{"description":"A centered hero with accounting headline, muted paragraph, rounded shadcn/ui CTA, illustrative globe art with floating status cards, and grayscale partner logo row.","name":"hero63","title":"Hero 63 - Centered payroll hero with illustration and floating chips","type":"registry:block"},{"description":"A two-column hero pairing headline plus paragraph with floating testimonial cards, metric badges, star rating row, and overlapping avatar chips framed by shadcn/ui ButtonLink CTAs.","name":"hero64","title":"Hero 64 - Split testimonial hero with rating strip and collage cards","type":"registry:block"},{"description":"Stacked hero blending radial fade backdrop, headline where inner span inverts against elevated panel, rounded shadcn/ui primary button, and bordered thumbnail preview row.","name":"hero65","title":"Hero 65 - Gradient hero with inverted span headline and bordered preview","type":"registry:block"},{"description":"A stacked hero with circular logo, headline and supporting copy, a rounded consultation button with calendar icon, overlapping avatar social proof, and a large framed device image below.","name":"hero66","title":"Hero 66 - Centered Consultation Hero","type":"registry:block"},{"description":"Centered hero featuring eyebrow label, stacked headline, paragraph, pill-shaped shadcn/ui schedule button, calendar screenshot duo, and overlapping avatar testimonial row.","name":"hero67","title":"Hero 67 - Calendar-focused hero with avatar proof strip","type":"registry:block"},{"description":"A hero with dashed frame lines, a pill row combining badge and label, centered headline and description, two CTAs, and a three-column feature strip with icons.","name":"hero68","title":"Hero 68 - Dashed-border hero with badge strip and feature row","type":"registry:block"},{"description":"A centered hero with headline, muted paragraph, large shadcn/ui button, overlapped avatars, star row, numeric score, and review total caption.","name":"hero7","title":"Hero 7 - Centered hero with ratings row under single CTA","type":"registry:block"},{"description":"A hero with headline, descriptive paragraph, stacked benefit chips, autoplaying shadcn/ui carousel of portfolio shots, chat pill link, and prominent portfolio button.","name":"hero70","title":"Hero 70 - Subscription hero with carousel proof and portfolio button","type":"registry:block"},{"description":"Warm gradient hero using centered headline stack, supporting paragraph, two-column shadcn/ui buttons, and adjustable-width rounded photography beneath soft radial backdrop.","name":"hero71","title":"Hero 71 - Gradient hero with client headline and dual CTAs","type":"registry:block"},{"description":"A centered hero with headline, supporting copy, hover tooltips on a muted icon row, and staggered photography with a wide second frame.","name":"hero72","title":"Hero 72 - Centered hero with icon tooltips and split imagery","type":"registry:block"},{"description":"A hero promoting a unified operations stack via headline, paragraph, inline email Field plus waitlist button, six-icon capability strip, and overlapping photo trio framed by soft glow backdrop.","name":"hero74","title":"Hero 74 - Business OS hero with email capture and layered photography","type":"registry:block"},{"description":"Two-column hero balancing eyebrow label, stacked headline with gradient keyword, paragraph, rounded upgrade button, overlapping avatar stack, supporting caption, and tall photography column.","name":"hero75","title":"Hero 75 - Split upgrade hero with avatar proof and photography rail","type":"registry:block"},{"description":"Left-aligned split hero with radial dot background, soft glow accents, badge pill, dual CTAs, bordered logo strip, and aspect-ratio product preview with theme-aware dark image support.","name":"hero76","title":"Hero 76 - Split SaaS hero with dot pattern, logo strip, and product preview","type":"registry:block"},{"description":"A hero combining a stacked headline, paragraph, paired shadcn/ui buttons, monochrome logo strip, and a framed looping video stage.","name":"hero77","title":"Hero 77 - Centered hero with dual CTAs and looping video","type":"registry:block"},{"description":"Viewport hero layering background photography beneath readability overlays plus centered serif headline, paragraph, and pill-shaped shadcn/ui button accented by subtle noise texture.","name":"hero78","title":"Hero 78 - Fullscreen photo hero with serif headline and grain veil","type":"registry:block"},{"description":"An edge-to-edge photo hero with brand mark, oversized headline and subtitle, plus a ghost read-more control on wider layouts.","name":"hero79","title":"Hero 79 - Full-viewport photo hero with headline band","type":"registry:block"},{"description":"A centered hero with headline, supporting copy, and two CTAs above a wide image clipped by a full-width bottom edge.","name":"hero8","title":"Hero 8 - Centered hero with cutoff image","type":"registry:block"},{"description":"A two-column marketing hero with softly lit gradient backdrops, eyebrow link, twin CTAs, avatar stack with stars, and two tall preview images.","name":"hero80","title":"Hero 80 - Split hero with avatars, ratings, and paired images","type":"registry:block"},{"description":"A top-heavy typographic hero with an oversized headline, animated download-style CTA, and a wide rounded landscape image on a light ground.","name":"hero82","title":"Hero 82 - Stacked headline hero with wide image band","type":"registry:block"},{"description":"A centered announcement hero with badge, headline, supporting line, twin full-width buttons on small screens, and three width-weighted images.","name":"hero83","title":"Hero 83 - Centered hero with announcement badge and triptych","type":"registry:block"},{"description":"A tall hero with centered badge, headline, supporting copy, and five overlapping handset-style images in a wide composite frame.","name":"hero84","title":"Hero 84 - Centered hero with fanned phone mockups","type":"registry:block"},{"description":"A two-column hero pairing copy with AI-style pill, twin CTAs, and paired auto-scrolling image carousels in horizontal or vertical stacks.","name":"hero85","title":"Hero 85 - Split hero with dual auto-scroll galleries","type":"registry:block"},{"description":"A two-column hero where text sits on a muted top band beside a portrait framed with a bordered panel and circular base shape.","name":"hero86","title":"Hero 86 - Split hero with muted panel and portrait cutout","type":"registry:block"},{"description":"A two-row headline leads into a split layout with long-form copy, arrow button, and illustrative asset on a subtle square grid field.","name":"hero87","title":"Hero 87 - Split hero with grid masked illustration","type":"registry:block"},{"description":"A DM Sans hero with a two-line headline using a primary gradient on the first line and solid foreground on the second, supporting copy with emphasized years line, primary CTA, and a text link with arrow to explore work.","name":"hero88","title":"Hero 88 - Gradient Statement Hero","type":"registry:block"},{"description":"A split hero with headline, supporting lines, rounded primary CTA, bordered media, and decorative hand-drawn arrow cue on wide layouts.","name":"hero89","title":"Hero 89 - Split recruitment hero with curved image","type":"registry:block"},{"description":"A hero using outline shadcn/ui Badge, paired Buttons, radial backdrop treatments, aspect-video media frame, and raised monospace snippet overlapping the grid.","name":"hero9","title":"Hero 9 - Gradient hero with badge, dual CTAs, and floating code strip","type":"registry:block"},{"description":"A DM Sans split hero with eyebrow, giant headline, muted subline, and three overlapping square cards with avatars and snippets.","name":"hero90","title":"Hero 90 - Split hero with floating quote avatars","type":"registry:block"},{"description":"A split-screen hero with uppercase tag, headline, twin CTAs, and a looping video inside a pill-shaped frame on wide layouts.","name":"hero91","title":"Hero 91 - Split hero with pill-framed video","type":"registry:block"},{"description":"A centered typographic hero with split-color headline and a desktop-style frame capped by thick border rails plus a floated secondary crop.","name":"hero92","title":"Hero 92 - Centered hero with bordered stage and flyer image","type":"registry:block"},{"description":"A centered hero headline weaves serif text with inline overlapping avatars, twin pill buttons, and a wide bordered screenshot.","name":"hero93","title":"Hero 93 - Centered hero with serif bridge and overlapping avatars","type":"registry:block"},{"description":"A centered tech hero with uppercase eyebrow, huge headline highlighting one phrase with a muted bar, twin bold CTAs, and inline checklist chips.","name":"hero94","title":"Hero 94 - Centered platform hero with highlight bar","type":"registry:block"},{"description":"A centered hero with headline, paired CTAs, and three portrait frames staggered with a taller center card.","name":"hero95","title":"Hero 95 - Centered hero with staggered portrait trio","type":"registry:block"},{"description":"A split hero pairing monitoring copy with primary and secondary buttons, reassurance line, and a wide bordered screenshot skewed inside the grid.","name":"hero96","title":"Hero 96 - Split uptime hero with skewed product screenshot","type":"registry:block"},{"description":"A display-type waitlist hero with dotted muted backdrop, validated email Field row, and three offset dashboard screenshots overlapping center stage.","name":"hero97","title":"Hero 97 - Creator waitlist hero with fanned dashboards","type":"registry:block"},{"description":"A centered hero with changelog-style pill anchor, oversized headline, supporting copy, paired chevron buttons, and a three-column photo strip.","name":"hero99","title":"Hero 99 - Centered hero with pill link and asymmetric photo grid","type":"registry:block"},{"description":"A sphere of small photo tiles evenly spread across its surface that rotates with drag and inertia, drifts on its own, and opens any tile in a spring-animated lightbox.","name":"immersive1","title":"Immersive 1 - Draggable 3D Image Sphere","type":"registry:block"},{"description":"A pinned scroll section where the camera flies forward through photos staggered in 3D depth, opening on a large headline and ending on a closing statement.","name":"immersive2","title":"Immersive 2 - Scroll Depth Tunnel Gallery","type":"registry:block"},{"description":"A pinned row of tall photo tiles that topple one after another like dominoes as the page scrolls, darkening as they fall, under a heading.","name":"immersive3","title":"Immersive 3 - Toppling Tiles Scroll Gallery","type":"registry:block"},{"description":"A pinned section that opens on one full-screen photo with a headline, then zooms out on scroll to reveal it as the center of a three by three grid as the other photos slide in.","name":"immersive4","title":"Immersive 4 - Zoom Out Grid Reveal","type":"registry:block"},{"description":"A circular image wheel split into six photo wedges where hovering a wedge or its legend item widens that slice while the others turn gray, with a center label that updates.","name":"immersive5","title":"Immersive 5 - Pie Slice Photo Wheel","type":"registry:block"},{"description":"A ticket list, a conversation, and an agent panel for the selected ticket.","name":"inbox1","title":"Inbox 1 - Ticket inbox","type":"registry:block"},{"description":"A foldered mailbox with unread filtering, a message list, and a reading pane.","name":"inbox2","title":"Inbox 2 - Mail inbox with folders","type":"registry:block"},{"description":"A notification list for issue updates, with read, snooze, and ordering controls.","name":"inbox3","title":"Inbox 3 - Issue notification inbox","type":"registry:block"},{"description":"A project mailbox with folders and search across the visible mail.","name":"inbox4","title":"Inbox 4 - Project mail list","type":"registry:block"},{"description":"A project email with archive, star, and snooze actions, plus a reply field.","name":"inbox5","title":"Inbox 5 - Project email","type":"registry:block"},{"description":"A foldered email client with a message list, unread filtering, and a reading pane.","name":"inbox6","title":"Inbox 6 - Email client inbox","type":"registry:block"},{"description":"A ticket inbox with queue navigation, a command palette, a conversation, and an agent panel.","name":"inbox7","title":"Inbox 7 - Support ticket inbox","type":"registry:block"},{"description":"A four-item incentive row with circular icons, titles, and short support copy that scrolls as a carousel on small screens and becomes a grid on larger ones.","name":"incentives1","title":"Incentives 1 - Icon row of shopping incentives","type":"registry:block"},{"description":"A primary-colored incentives band with a section heading and three centered icon-and-copy items for support, returns, and wrapping that carousel on small screens.","name":"incentives2","title":"Incentives 2 - Centered incentives on a primary band","type":"registry:block"},{"description":"Looping incentive carousel of icon items with title and short copy that auto-scrolls and pauses on hover, with edge fade masks.","name":"incentives5","title":"Incentives 5 - Auto-scrolling incentive marquee with icons","type":"registry:block"},{"description":"A four-cell outlined grid of service incentives with icons, titles, and descriptions, plus previous and next controls when the row becomes a carousel.","name":"incentives6","title":"Incentives 6 - Outlined grid of service incentives","type":"registry:block"},{"description":"A two-column incentives section with overline, about copy, and a CTA beside a grid of icon cards that carousel on small screens.","name":"incentives7","title":"Incentives 7 - About copy with incentive cards","type":"registry:block"},{"description":"Services and support header with an outline CTA beside a card carousel of icon incentives, each linking out with an arrow affordance.","name":"incentives8","title":"Incentives 8 - Services carousel with linked incentive cards","type":"registry:block"},{"description":"A heading above a grid of industry cards, each linking out with an image and name that reveals a description overlay and plus icon on hover.","name":"industries1","title":"Industries 1 - Industry cards with hover description","type":"registry:block"},{"description":"A badge and heading above stacked industry rows, each pairing a title, icon image, and long description across a three-column layout.","name":"industries2","title":"Industries 2 - Industry list with badge heading","type":"registry:block"},{"description":"A labeled list of industry projects showing year, name, and description, with a background photo and outbound arrow revealed on hover.","name":"industries3","title":"Industries 3 - Industry project rows with hover image","type":"registry:block"},{"description":"A large heading above expandable industry panels that grow on hover, each with a category label, photo, description, and learn more link.","name":"industries4","title":"Industries 4 - Expandable industry showcase with images","type":"registry:block"},{"description":"Six integration cards in a two-column grid with icons, titles, descriptions, and a request integration call-to-action.","name":"integration1","title":"Integration 1 - Integration cards with background pattern","type":"registry:block"},{"description":"A vertical list of integrations with icons, titles, descriptions, and outline connect buttons in a narrow centered column.","name":"integration10","title":"Integration 10 - Integration list with connect buttons","type":"registry:block"},{"description":"A tabbed component showcasing categorized integrations with toggles for connection status and details button, scaling from one to three columns.","name":"integration11","title":"Integration 11 - Tabbed integration grid with toggles","type":"registry:block"},{"description":"A centered connection prompt showing two platform logos, a permissions checklist, and cancel or connect action buttons.","name":"integration12","title":"Integration 12 - Integration permission confirmation dialog","type":"registry:block"},{"description":"A row of app icons in a macOS-style dock that scale and float on hover using spring-based motion values.","name":"integration13","title":"Integration 13 - Dock-style integration icons with hover animation","type":"registry:block"},{"description":"Centered integrations pitch with outline badge, gradient headline, and a draggable auto-scrolling logo marquee that lifts and glows on hover.","name":"integration14","title":"Integration 14 - Draggable logo marquee with hover glow","type":"registry:block"},{"description":"Two-column integrations section with badge, headline, CTA on the left and a dense logo grid of linked tools that reveal documentation hints on hover.","name":"integration15","title":"Integration 15 - Split integrations intro with logo link grid","type":"registry:block"},{"description":"Centered integrations headline with dual CTAs above categorized tool cards filtered by tabs on desktop and a select menu on mobile.","name":"integration16","title":"Integration 16 - Categorized integrations with tabs and select","type":"registry:block"},{"description":"Hairline logo grid of named partner cards with live or idle status. Clicking a card opens a settings dialog with enable, webhook, and event controls.","name":"integration17","title":"Integration 17 - Technical logo grid with settings dialog","type":"registry:block"},{"description":"Stacked partner rows that expand accordion-style into enable, alert channel, and daily digest settings, with connected and not-connected status.","name":"integration18","title":"Integration 18 - Accordion integration settings list","type":"registry:block"},{"description":"Circular hub diagram with clickable partner nodes. Hover highlights a spoke; click opens a settings dialog with enable and environment.","name":"integration19","title":"Integration 19 - Interactive hub and spoke diagram","type":"registry:block"},{"description":"An auto-scrolling horizontal marquee of linked brand logos with gradient edge overlays and a centered discovery button.","name":"integration2","title":"Integration 2 - Logo marquee with gradient fade","type":"registry:block"},{"description":"Tabbed catalog of connect cards that open a workspace URL and environment dialog, with category tabs that keep a stable height.","name":"integration20","title":"Integration 20 - Category tabs with connect dialog","type":"registry:block"},{"description":"Three-column cards with a logo tile, category badge, description, and a connect button that opens an API key and test mode dialog.","name":"integration21","title":"Integration 21 - Tagged integration cards with connect dialog","type":"registry:block"},{"description":"Search field and category filters above a logo-card grid. Clicking a tile opens a connect dialog with read, write, and webhook permission checkboxes.","name":"integration22","title":"Integration 22 - Searchable integration catalog with connect dialog","type":"registry:block"},{"description":"Heading and short copy above a tight logo grid with an outer border. Clicking a cell opens a connect dialog with OAuth scope checkboxes.","name":"integration23","title":"Integration 23 - Hairline logo grid with connect dialog","type":"registry:block"},{"description":"Stacked pairing cards that show two logos joined by a connector, benefit bullets, and a setup action that opens a destination and backfill dialog.","name":"integration25","title":"Integration 25 - Paired integration cards with setup dialog","type":"registry:block"},{"description":"Centered heading, wrapping grayscale logo cloud, browse and request actions, and a footnote. Clicking a logo opens a connect dialog with view or full access.","name":"integration27","title":"Integration 27 - Centered logo cloud with connect dialog","type":"registry:block"},{"description":"Sticky partner identity column with tags and a start-setup action beside a four-step timeline. Start setup opens a dialog for publishable and secret keys.","name":"integration28","title":"Integration 28 - Single integration setup with connect dialog","type":"registry:block"},{"description":"Heading beside category tabs that filter wrapping integration chips without shifting layout. Clicking a chip opens a dialog to choose read or write access.","name":"integration29","title":"Integration 29 - Wrapping chips with filters and connect dialog","type":"registry:block"},{"description":"A centered vertical list of integrations showing icons, titles, and descriptions in a single-column layout.","name":"integration3","title":"Integration 3 - Simple integration list","type":"registry:block"},{"description":"Settings-style list of partner rows with logos, descriptions, and working switches. Clicking a row opens a connect dialog with a notification email field and a retry-failed-jobs switch.","name":"integration30","title":"Integration 30 - Toggle list with connect dialog","type":"registry:block"},{"description":"Heading above a category sidebar that filters a three-column grid of logo, name, and description cards. Clicking a card opens a connect dialog with a webhook URL and environment select.","name":"integration32","title":"Integration 32 - Sidebar category nav with connect dialog","type":"registry:block"},{"description":"Stacked two-column cards pairing a partner logo, event chips, and description with a sample webhook payload. A connect button opens a dialog for endpoint URL and signing secret.","name":"integration33","title":"Integration 33 - Webhook event cards with connect dialog","type":"registry:block"},{"description":"Large featured partner card beside a grid of square icons. Selecting an icon updates the left panel. Setup opens a connect dialog with a sandbox switch and API key.","name":"integration34","title":"Integration 34 - Featured integration with icon picker","type":"registry:block"},{"description":"Centered heading, four stat cards, and a dense square logo grid that ends with a plus-more tile. Clicking a logo opens a connect dialog with standard or priority support options.","name":"integration35","title":"Integration 35 - Stats row with connect dialog","type":"registry:block"},{"description":"Square logo tiles that reveal a connect overlay on hover. Clicking a tile opens a dialog to grant access with a single switch.","name":"integration36","title":"Integration 36 - Hover tiles with connect dialog","type":"registry:block"},{"description":"Split band with a short heading beside wrapping logo-and-name pills. Clicking a pill opens a dialog to name the workspace for that tool.","name":"integration37","title":"Integration 37 - Works-with pills with connect dialog","type":"registry:block"},{"description":"Request-an-integration form with name and email fields beside a named logo grid. Clicking a logo opens a dialog with an account ID field and a usage-stats switch.","name":"integration38","title":"Integration 38 - Request form beside logo grid","type":"registry:block"},{"description":"Heading and outline browse action above category cards. Each named logo row opens a dialog to pick a sync direction.","name":"integration39","title":"Integration 39 - Category columns with connect dialog","type":"registry:block"},{"description":"Two connected icons with an SVG line and grid pattern, a heading with paragraph, and a wide placeholder image below.","name":"integration4","title":"Integration 4 - Integration connection with SVG illustration","type":"registry:block"},{"description":"A split layout with headline, description, and buttons on the left, and a wrapped grid of logo tiles on the right.","name":"integration5","title":"Integration 5 - Two-column integration overview with icon grid","type":"registry:block"},{"description":"A dark-themed rounded card with headline, description, a button containing a rotating logo, and an auto-scrolling logo strip below separators.","name":"integration6","title":"Integration 6 - Dark card with auto-scrolling logo carousel","type":"registry:block"},{"description":"A bordered card with a text column and two offset rows of pill-shaped integration badges with logos and gradient placeholders.","name":"integration7","title":"Integration 7 - Compact integration pill row","type":"registry:block"},{"description":"Large centered heading and description above four horizontal marquee rows of logo pills scrolling in alternating directions with gradient edge masks.","name":"integration8","title":"Integration 8 - Multi-row marquee logo cloud with fade edges","type":"registry:block"},{"description":"A responsive grid of integration cards with icons in muted containers, titles, and descriptions scaling from one to four columns.","name":"integration9","title":"Integration 9 - Integration card grid","type":"registry:block"},{"description":"A centered heading and short paragraph above an eight-firm grid of venture wordmarks and names.","name":"investors1","title":"Investors 1 - Investor Logo Grid","type":"registry:block"},{"description":"A user management table with invite button that opens a dialog for sending bulk email invitations with role selection and textarea for multiple addresses.","name":"invite-user1","title":"Invite User 1 - User Table with Dialog Invite","type":"registry:block"},{"description":"A user management table with invite button that opens a slide-out sheet for sending bulk email invitations with role selection and textarea input.","name":"invite-user2","title":"Invite User 2 - User Table with Sheet Invite","type":"registry:block"},{"description":"A user table with inline tag input for adding email addresses, pending/accepted status badges, and dropdown actions for each user row.","name":"invite-user3","title":"Invite User 3 - Inline Tag-Based User Invite","type":"registry:block"},{"description":"A user table with invite dialog featuring both email input with role selection and a shareable invite link with copy-to-clipboard functionality.","name":"invite-user4","title":"Invite User 4 - Invite Dialog with Copy Link","type":"registry:block"},{"description":"An issue page with the description, screenshots, attachments, sub-issues, and a details sheet.","name":"issue-detail1","title":"Issue Detail 1 - Issue record with files","type":"registry:block"},{"description":"An issue page with status and priority controls, a property grid, a description, and an activity rail.","name":"issue-detail2","title":"Issue Detail 2 - Issue record with activity","type":"registry:block"},{"description":"A flat backlog with search and status chips, sorted from backlog through done.","name":"issue-list1","title":"Issue List 1 - Searchable backlog list","type":"registry:block"},{"description":"A compact backlog with colored status groups, pull request marks, comments, estimates, and dates.","name":"issue-list2","title":"Issue List 2 - Compact issue rows by status","type":"registry:block"},{"description":"A project backlog grouped into status sections, with a status filter and a sheet for adding an issue.","name":"issue-list3","title":"Issue List 3 - Issues grouped by status","type":"registry:block"},{"description":"A backlog split into collapsible High, Medium, Low, and No priority groups.","name":"issue-list4","title":"Issue List 4 - Issues grouped by priority","type":"registry:block"},{"description":"Status columns for project issues, with drag and drop and a sheet for creating an issue.","name":"kanban1","title":"Kanban 1 - Issue board by status","type":"registry:block"},{"description":"The same status board, with cards for total, active, blocked, assigned, and completed issues.","name":"kanban2","title":"Kanban 2 - Issue board with stats","type":"registry:block"},{"description":"An open status board with a status summary bar and lighter columns.","name":"kanban3","title":"Kanban 3 - Open issue board","type":"registry:block"},{"description":"A ranked list card with progress bars showing relative values for each item.","name":"leaderboard1","title":"Leaderboard 1 - Leaderboard with Progress Bars","type":"registry:block"},{"description":"A ranked list card with user avatars, names, subtitles, and values for each position.","name":"leaderboard2","title":"Leaderboard 2 - Leaderboard with Avatars","type":"registry:block"},{"description":"A ranked list card with trend indicators showing movement direction for each item.","name":"leaderboard3","title":"Leaderboard 3 - Leaderboard with Trends","type":"registry:block"},{"description":"Responsive table displaying categorized items with icons, descriptions, year, offer tier, and color-coded indicators.","name":"list1","title":"List 1 - Multi-column data table","type":"registry:block"},{"description":"Vertical list of items separated by dividers, each showing an icon, title, category, description, and a view button.","name":"list2","title":"List 2 - Icon list with action buttons","type":"registry:block"},{"description":"Two-section resume layout listing work experience and achievements in a three-column grid with separator lines.","name":"list3","title":"List 3 - Career timeline with experience and awards","type":"registry:block"},{"description":"A fixed corner card that cycles recent purchases, showing customer name, location, product image, relative time, and a dismiss button.","name":"live-purchase1","title":"Live Purchase 1 - Rotating purchase toast card","type":"registry:block"},{"description":"A floating pill that rotates recent purchases, showing a live indicator, product thumbnail, customer name, location pin, and dismiss control.","name":"live-purchase2","title":"Live Purchase 2 - Live purchase pill with location","type":"registry:block"},{"description":"A stacked corner widget with rotating purchase alerts plus a stats bar showing current viewers and products sold today.","name":"live-purchase3","title":"Live Purchase 3 - Purchase alerts with live stats","type":"registry:block"},{"description":"Simple centered login form with a logo, email and password inputs, a submit button, and a signup link.","name":"login1","title":"Login 1 - Minimal email and password login","type":"registry:block"},{"description":"Centered login card with labeled email and password fields, a submit button, and a signup prompt below.","name":"login2","title":"Login 2 - Labeled input login form","type":"registry:block"},{"description":"Full-screen login with a logo, heading, labeled email and password fields, and a signup link on a plain background.","name":"login3","title":"Login 3 - Borderless centered login form","type":"registry:block"},{"description":"Centered login form offering email and password fields plus Google, Facebook, and GitHub social login buttons.","name":"login4","title":"Login 4 - Login with social provider buttons","type":"registry:block"},{"description":"Centered login with labeled fields inside a muted rounded container, plus Google, Facebook, and GitHub sign-in options.","name":"login5","title":"Login 5 - Login form with muted card and social buttons","type":"registry:block"},{"description":"Bordered login card leading with a Google sign-in button, an OR divider, then email and password fields below.","name":"login6","title":"Login 6 - Google-first login with divider","type":"registry:block"},{"description":"Login card using CardHeader for a logo and brand name, a Google button, an OR divider, and email plus password fields.","name":"login7","title":"Login 7 - Card login with Google and credentials","type":"registry:block"},{"description":"A centered login card with a logo, heading, signup link, Google, GitHub, and LinkedIn buttons, an OR divider, and a continue with email action.","name":"login9","title":"Login 9 - Social login with email option","type":"registry:block"},{"description":"Displays a heading alongside a horizontal row of up to four logos in a single-line layout.","name":"logos1","title":"Logos 1 - Inline logo strip with heading","type":"registry:block"},{"description":"Scrolls logos inside bordered, numbered cells in a continuous marquee with gradient edge overlays.","name":"logos10","title":"Logos 10 - Numbered boxed logo marquee","type":"registry:block"},{"description":"Stacks two auto-scrolling logo carousels between bordered header and footer bars adorned with diagonal hatch patterns.","name":"logos11","title":"Logos 11 - Dual carousel with patterned borders","type":"registry:block"},{"description":"Scrolls logos inside bordered rectangular cells in a continuous marquee with gradient edge fade.","name":"logos12","title":"Logos 12 - Boxed logo marquee","type":"registry:block"},{"description":"Pairs a sticky left-column label with a right-side grid of logo cards, each annotated with a year in the bottom corner.","name":"logos13","title":"Logos 13 - Partner logo grid with sticky label and year tags","type":"registry:block"},{"description":"A logo cloud section with two rows of company logos displayed in a static grid on desktop and animated marquee on mobile.","name":"logos17","title":"Logos 17 - Two-Row Logo Grid with Marquee","type":"registry:block"},{"description":"A centered wrap grid of partner logos with no title, using the same logo list and spacing as the heading-based grid variant.","name":"logos18","title":"Logos 18 - Logo Grid Without Headline","type":"registry:block"},{"description":"An auto-scrolling logo carousel with side fades and no heading, matching the marquee behavior of the titled variant.","name":"logos19","title":"Logos 19 - Logo Marquee Without Headline","type":"registry:block"},{"description":"Pairs a headline, paragraph, and button on the left with a bordered 3x2 grid of logos on the right.","name":"logos2","title":"Logos 2 - Two-column certifications with logo grid","type":"registry:block"},{"description":"A two-row partner logo section with the top strip scrolling one way and the bottom strip scrolling the opposite way, plus a shared headline.","name":"logos20","title":"Logos 20 - Double-Row Alternating Marquees","type":"registry:block"},{"description":"A static logo grid on a muted background with a centered heading and optional subtitle.","name":"logos21","title":"Logos 21 - Static Logo Grid With Muted Background","type":"registry:block"},{"description":"A two-row static logo grid without any heading or subtitle text.","name":"logos22","title":"Logos 22 - Double Row Logo Grid Without Heading","type":"registry:block"},{"description":"Two alternating-direction logo marquee rows without any heading or subtitle text.","name":"logos23","title":"Logos 23 - Double Row Marquee Without Heading","type":"registry:block"},{"description":"Two alternating-direction logo marquee rows on a muted background with a centered heading and optional subtitle.","name":"logos24","title":"Logos 24 - Double Row Marquee With Muted Background","type":"registry:block"},{"description":"Two alternating-direction logo marquee rows inside a constrained max-width container with heading and subtitle.","name":"logos25","title":"Logos 25 - Double Row Marquee Constrained Width","type":"registry:block"},{"description":"Two alternating-direction logo marquee rows inside a constrained max-width container without any heading or subtitle.","name":"logos26","title":"Logos 26 - Double Row Marquee Constrained Without Heading","type":"registry:block"},{"description":"A static six-column logo grid displaying up to twelve partner or client logos with a centered heading and subtitle.","name":"logos27","title":"Logos 27 - Six Column Logo Grid","type":"registry:block"},{"description":"A static four-column logo grid displaying up to twelve partner or client logos with a centered heading and subtitle.","name":"logos28","title":"Logos 28 - Four Column Logo Grid","type":"registry:block"},{"description":"A static three-column logo grid with a constrained width, displaying up to twelve logos with a centered heading and subtitle.","name":"logos29","title":"Logos 29 - Three Column Logo Grid","type":"registry:block"},{"description":"Scrolls logos in a continuous horizontal marquee beneath a centered heading, with edge gradient fade.","name":"logos3","title":"Logos 3 - Logo marquee with heading","type":"registry:block"},{"description":"A minimal six-column static logo grid displaying up to twelve logos without any heading or subtitle.","name":"logos30","title":"Logos 30 - Six Column Logo Grid Without Heading","type":"registry:block"},{"description":"A minimal four-column static logo grid displaying up to twelve logos without any heading or subtitle.","name":"logos31","title":"Logos 31 - Four Column Logo Grid Without Heading","type":"registry:block"},{"description":"A static six-column logo grid on a muted background with a centered heading and subtitle.","name":"logos32","title":"Logos 32 - Six Column Logo Grid With Muted Background","type":"registry:block"},{"description":"A muted-background logo grid with a left-aligned heading and compact left-aligned logo tiles in six columns.","name":"logos33","title":"Logos 33 - Left Aligned Logo Grid With Muted Background","type":"registry:block"},{"description":"A headline-free logo marquee on a muted background with edge fades and continuous auto-scroll.","name":"logos34","title":"Logos 34 - Muted Logo Marquee Without Headline","type":"registry:block"},{"description":"Centered trust heading above a bordered six-column logo grid with hover-highlight cells.","name":"logos35","title":"Logos 35 - Bordered logo grid with hover cells","type":"registry:block"},{"description":"Centers a badge, large heading, paragraph, and button above a responsive grid of grayscale partner logos.","name":"logos4","title":"Logos 4 - Partner call-to-action with logo grid","type":"registry:block"},{"description":"Stacks two centered rows of logos beneath a heading and optional subtitle, with four logos on top and five below.","name":"logos5","title":"Logos 5 - Double-row static logo grid","type":"registry:block"},{"description":"Scrolls logos in a continuous marquee over a muted background strip, with gradient edge fade and centered heading.","name":"logos7","title":"Logos 7 - Logo marquee on muted background","type":"registry:block"},{"description":"Shows up to six logos in a centered flex-wrap row beneath a heading, with dark-mode inversion.","name":"logos8","title":"Logos 8 - Centered logo row with heading","type":"registry:block"},{"description":"Combines an auto-scrolling logo carousel with a row of bordered testimonial cards separated by a horizontal rule.","name":"logos9","title":"Logos 9 - Logo carousel with testimonials","type":"registry:block"},{"description":"Full-screen passwordless login card with an email field and a send-link button.","name":"magic-link1","title":"Magic Link 1 - Centered magic link card","type":"registry:block"},{"description":"Two-column passwordless login with an email form and a full-height photograph.","name":"magic-link2","title":"Magic Link 2 - Split magic link with image","type":"registry:block"},{"description":"Centered passwordless login with a large heading and an email field sharing a row with the send button.","name":"magic-link3","title":"Magic Link 3 - Minimal inline magic link","type":"registry:block"},{"description":"Passwordless login inside a large muted panel with a labeled email field.","name":"magic-link4","title":"Magic Link 4 - Muted panel magic link","type":"registry:block"},{"description":"A member directory with availability, role, and sort filters, plus the teams each person belongs to.","name":"member-list1","title":"Member List 1 - Member directory with filters","type":"registry:block"},{"description":"A searchable card grid of members with title, phone, email, and team badges.","name":"member-list2","title":"Member List 2 - Member profile cards","type":"registry:block"},{"description":"A member access table with role and two-factor filters, and tabs for active, pending, and suggested people.","name":"member-list3","title":"Member List 3 - Member access table","type":"registry:block"},{"description":"A member directory grouped under each team, with search across names, emails, and roles.","name":"member-list4","title":"Member List 4 - Members grouped by team","type":"registry:block"},{"description":"A member directory split into available, away, and offline columns, with search and an invite button.","name":"member-list5","title":"Member List 5 - Member presence board","type":"registry:block"},{"description":"A member table with search and role filters for admin, member, and guest.","name":"member-list6","title":"Member List 6 - Member role table","type":"registry:block"},{"description":"A horizontal navbar with logo, navigation menu dropdowns showing icons and descriptions, login and signup buttons, and a mobile sheet with accordion submenus.","name":"navbar1","title":"Navbar 1 - Navbar with icon dropdown menus","type":"registry:block"},{"description":"Full-width navigation bar with three distinct dropdown panel layouts, image previews on hover, and a mobile sheet menu.","name":"navbar10","title":"Navbar 10 - Advanced navbar with multi-panel dropdowns","type":"registry:block"},{"description":"A fixed top navbar with multi-column grouped dropdowns for products, solutions, and platform, icon sublinks, separate mobile auth buttons, and a full-screen mobile sheet.","name":"navbar11","title":"Navbar 11 - Fixed navbar with grouped mega menus","type":"registry:block"},{"description":"Fixed navigation bar with compact icon-enhanced dropdown menus, dual action buttons, and a full-height mobile sheet.","name":"navbar12","title":"Navbar 12 - Simple navbar with icon dropdowns","type":"registry:block"},{"description":"An education-focused navbar with icon mega menus, optional featured image cards, quick-start links, login and demo buttons, and accordion mobile navigation.","name":"navbar14","title":"Navbar 14 - Education mega menu navbar","type":"registry:block"},{"description":"Clean navigation bar with a sliding underline indicator that tracks the active link and a popover mobile menu.","name":"navbar17","title":"Navbar 17 - Minimal navbar with sliding active indicator","type":"registry:block"},{"description":"Compact pill-shaped navigation bar anchored to the top center with small dropdown menus and a popover mobile menu.","name":"navbar18","title":"Navbar 18 - Floating top-center navbar pill","type":"registry:block"},{"description":"A navigation bar using a responsive logo component, animated dropdown panels, login and signup buttons, and a mobile sheet with accordion menus.","name":"navbar2","title":"Navbar 2 - Navbar with responsive wordmark logo","type":"registry:block"},{"description":"Navigation bar with a MENU/CLOSE text toggle that opens a full-screen overlay showing large uppercase links with blur-on-hover and social links.","name":"navbar21","title":"Navbar 21 - Full-screen overlay menu with blur hover effect","type":"registry:block"},{"description":"Clean navigation bar with text-roll hover animations on links, a live local time display, and a full-screen mobile sheet.","name":"navbar22","title":"Navbar 22 - Minimal navbar with live clock","type":"registry:block"},{"description":"Bottom-fixed dock bar with a dark foreground-colored background, spring-animated icon scaling, and dynamic border-radius morphing on hover.","name":"navbar24","title":"Navbar 24 - Dark floating dock with morphing icon shapes","type":"registry:block"},{"description":"Navigation bar with an animated mega menu that reveals via a clip-path transition, four link columns, a footer row, and a mobile link list.","name":"navbar29","title":"Navbar 29 - Mega menu navbar with clip-path reveal","type":"registry:block"},{"description":"A sticky header with four wide mega menu panels for platform, solutions, developers, and resources, plus drill-down mobile submenus and login buttons.","name":"navbar3","title":"Navbar 3 - Sticky mega menu navbar","type":"registry:block"},{"description":"A floating fixed navbar with logo, navigation menu with dropdowns, and login button. Features glassmorphism styling and animated mobile hamburger menu.","name":"navbar33","title":"Navbar 33 - Floating Navbar with Dropdown Menu","type":"registry:block"},{"description":"A horizontal navbar with the logo on the left, a centered menu of icon dropdowns and links, login and signup buttons on the right, and a mobile sheet with accordion submenus.","name":"navbar35","title":"Navbar 35 - Navbar with a centered icon menu","type":"registry:block"},{"description":"A navigation header with five full-width mega menus covering solutions, products, company, partners, and resources, plus layered mobile drill-down navigation.","name":"navbar4","title":"Navbar 4 - Enterprise mega menu navbar","type":"registry:block"},{"description":"A compact navbar with logo, a two-column features dropdown, plain text links, sign-in and CTA buttons, and a top sheet mobile menu with accordion.","name":"navbar5","title":"Navbar 5 - Navbar with features dropdown grid","type":"registry:block"},{"description":"A floating rounded navbar with backdrop blur, a features dropdown with two rich links, text nav items, login button, and an animated hamburger mobile panel.","name":"navbar6","title":"Navbar 6 - Floating pill navbar with dropdown","type":"registry:block"},{"description":"A navbar with Platform and Resources mega dropdowns, icon-led solution and use-case lists, a twelve-item resources grid, and dashed-border mobile accordions.","name":"navbar7","title":"Navbar 7 - Platform navbar with icon mega panels","type":"registry:block"},{"description":"A fixed header that gains a background on scroll, mega dropdowns with a preview image that changes on link hover, auth buttons, and a full-height primary mobile sheet.","name":"navbar8","title":"Navbar 8 - Fixed navbar with image swap dropdown","type":"registry:block"},{"description":"A dark-themed navbar with icon submenus, a live GitHub star count button, sign-up CTA, and a mobile sheet with accordion navigation groups.","name":"navbar9","title":"Navbar 9 - Dark navbar with GitHub stars badge","type":"registry:block"},{"description":"Mid-page subscribe stack with a heading, email field, submit validation, and a success confirmation.","name":"newsletter1","title":"Newsletter 1 - Centered newsletter subscribe","type":"registry:block"},{"description":"Two-column subscribe section with a validated email form beside a wide photograph and a success confirmation.","name":"newsletter2","title":"Newsletter 2 - Split newsletter with image","type":"registry:block"},{"description":"Compact full-width subscribe band with a validated inline email field and a success confirmation.","name":"newsletter3","title":"Newsletter 3 - Muted band newsletter","type":"registry:block"},{"description":"Two-column subscribe section pairing a validated email form with three short perk descriptions and a success confirmation.","name":"newsletter4","title":"Newsletter 4 - Newsletter with feature list","type":"registry:block"},{"description":"Full-width inverted subscribe band with a validated email form and a success confirmation.","name":"newsletter5","title":"Newsletter 5 - Inverted newsletter band","type":"registry:block"},{"description":"A full-container newsletter panel with a heading, an email field, and three numbered perks under a hairline rule.","name":"newsletter6","title":"Newsletter 6 - Wide Designer Newsletter","type":"registry:block"},{"description":"A corner dialog offering a first-order newsletter discount with a headline, email field, subscribe button, and close control.","name":"offer-modal1","title":"Offer Modal 1 - Corner newsletter discount modal","type":"registry:block"},{"description":"A promotional dialog with a product photo, membership discount headline, email field, submit button, and supporting copy.","name":"offer-modal4","title":"Offer Modal 4 - Membership offer modal with photo","type":"registry:block"},{"description":"A side sheet offering a mailing-list discount with a logo, headline, description, email field, join button, legal links, and promotional image.","name":"offer-modal5","title":"Offer Modal 5 - Side sheet offer with logo","type":"registry:block"},{"description":"A five-step onboarding wizard with profile setup, workspace configuration, account linking, role selection, and team invites featuring animated dashboard preview.","name":"onboarding1","title":"Onboarding 1 - Multi-Step Onboarding Flow","type":"registry:block"},{"description":"A modal onboarding flow with colorful step backgrounds, profile questions, goal checkboxes, account linking, extension promotion, and trial activation.","name":"onboarding2","title":"Onboarding 2 - Dialog-Based Onboarding Wizard","type":"registry:block"},{"description":"An order history list with status tabs, order-number search, stacked product thumbnails, totals, and actions to track shipped orders or reorder delivered ones.","name":"order-history1","title":"Order History 1 - Order history with status tabs","type":"registry:block"},{"description":"An expandable order list with search and status filter, product images, shipping address, and actions to track, cancel, buy again, or return.","name":"order-history2","title":"Order History 2 - Collapsible order history with filters","type":"registry:block"},{"description":"An order history of cards showing number, date, and total, invoice and archive actions, and line items with delivery status and a buy-again button.","name":"order-history3","title":"Order History 3 - Order history with per-item status","type":"registry:block"},{"description":"A spacious order history with search, a status timeline for in-progress orders, large product images, designer labels, and links for details, invoice, or returns.","name":"order-history4","title":"Order History 4 - Editorial order history with timeline","type":"registry:block"},{"description":"An order history with status tabs, search, shipment banners, item details, and actions to track, buy again, start a return, or write a review.","name":"order-history5","title":"Order History 5 - Order history with returns and reviews","type":"registry:block"},{"description":"An orders table with status tabs, search, date and payment filters, column visibility, and payment plus fulfillment badges.","name":"order-management1","title":"Order Management 1 - Orders list with payment filters","type":"registry:block"},{"description":"A horizontal order board with stage columns, drag-and-drop cards, product thumbnails, channel chips, and lane totals.","name":"order-management2","title":"Order Management 2 - Kanban order board by stage","type":"registry:block"},{"description":"A sales-order feed with a filter sidebar, payment badges, and a quote-to-done journey track on every row.","name":"order-management3","title":"Order Management 3 - Sales orders with journey track","type":"registry:block"},{"description":"A three-step order editor for selecting low-stock products, choosing replenishment details, and reviewing the purchase brief.","name":"order-management4","title":"Order Management 4 - Guided order editor steps","type":"registry:block"},{"description":"An order detail layout with a fulfillment journey, product rows, payment totals, shipping map, customer card, and activity timeline.","name":"order-management5","title":"Order Management 5 - Order detail with shipping map","type":"registry:block"},{"description":"A sales-order detail for SO-654 with journey track, line items, invoice sidebar, customer contacts, and a record-payment sheet.","name":"order-management6","title":"Order Management 6 - Sales order detail with invoice sheet","type":"registry:block"},{"description":"A post-purchase confirmation with a status badge, itemized products, cost breakdown, shipping address, payment method, and actions to track, download a receipt, or print.","name":"order-summary1","title":"Order Summary 1 - Order confirmation with itemized totals","type":"registry:block"},{"description":"Card-based order summary listing line items, shipping options, and totals, with dialogs to edit contact or shipping details and add order notes.","name":"order-summary11","title":"Order Summary 11 - Card checkout with address dialog","type":"registry:block"},{"description":"A narrow confirmation stack with a status badge, compact item list, totals, combined delivery and payment card, plus track, receipt, and print actions.","name":"order-summary2","title":"Order Summary 2 - Compact stacked order confirmation","type":"registry:block"},{"description":"A bold confirmation with a four-cell details bar, large product image cards, shipping address, cost summary, and buttons to track the order or continue shopping.","name":"order-summary3","title":"Order Summary 3 - Order confirmation with product grid","type":"registry:block"},{"description":"A confirmation with an interactive delivery timeline, progress bar, step details, itemized products, shipping address, payment summary, and track or receipt actions.","name":"order-summary4","title":"Order Summary 4 - Order confirmation with status timeline","type":"registry:block"},{"description":"A confirmation sheet with item thumbnails, quantity and price, subtotal through total, estimated delivery, and buttons to track the order or continue shopping.","name":"order-summary5","title":"Order Summary 5 - Order summary in a side sheet","type":"registry:block"},{"description":"A confirmation dialog with a check icon, order number, estimated arrival, compact item list, subtotal and shipping, and buttons to track or keep shopping.","name":"order-summary6","title":"Order Summary 6 - Order confirmation dialog","type":"registry:block"},{"description":"Two-column checkout combining order line items and shipping method radios with a payment form for card, billing address, and order totals.","name":"order-summary8","title":"Order Summary 8 - Split checkout order and payment","type":"registry:block"},{"description":"Brand milestone timeline using tabs synced with a carousel of dated story slides, each with an image, title, and long-form description.","name":"our-story1","title":"Our Story 1 - Tabbed brand timeline","type":"registry:block"},{"description":"Discover-our-story section with autoplaying carousel slides and tabbed milestones, including previous and next controls for brand history storytelling.","name":"our-story2","title":"Our Story 2 - Autoplay story timeline","type":"registry:block"},{"description":"Full-bleed lifestyle background that slides aside to reveal a milestone card carousel telling a skincare brand origin story.","name":"our-story3","title":"Our Story 3 - Reveal story carousel over hero","type":"registry:block"},{"description":"Two-column brand timeline with a sticky year and step rail linked to a content carousel of milestone images, badges, and descriptions.","name":"our-story4","title":"Our Story 4 - Sticky vertical timeline","type":"registry:block"},{"description":"Year-based brand story with desktop timeline tabs, mobile year select, featured copy, and hover-card media carousels for each milestone.","name":"our-story5","title":"Our Story 5 - Year tabs with hover media","type":"registry:block"},{"description":"Long-scroll fragrance brand history with a sticky century digits carousel on the left and chapter sections that advance years via intersection observer.","name":"our-story6","title":"Our Story 6 - Century scroll story chapters","type":"registry:block"},{"description":"A pinned company history where each scroll step wipes the next office or team photo up over the last, while a year-by-year chapter list highlights and expands the current milestone.","name":"our-story7","title":"Our Story 7 - Scroll Reveal Company Story","type":"registry:block"},{"description":"Full-screen passkey login card with a fingerprint icon, a primary action, and a password fallback.","name":"passkey1","title":"Passkey 1 - Centered passkey card","type":"registry:block"},{"description":"Centered passkey screen with a large heading and a single primary action, without a card.","name":"passkey2","title":"Passkey 2 - Minimal passkey prompt","type":"registry:block"},{"description":"A saved payment list for cards and PayPal with radio selection, default badge, inline add and edit forms, and a menu to delete methods.","name":"payment-methods1","title":"Payment Methods 1 - Payment methods list with inline edit","type":"registry:block"},{"description":"A two-column grid of saved cards and PayPal accounts with selection rings, default badge, inline editing, and a menu to set a default or delete.","name":"payment-methods2","title":"Payment Methods 2 - Payment methods grid with default card","type":"registry:block"},{"description":"A stacked payment picker with flippable bank-branded credit cards, last-four details, default badge, inline edit, and a control to set the default card.","name":"payment-methods3","title":"Payment Methods 3 - Payment methods with flip credit cards","type":"registry:block"},{"description":"A carousel of flippable bank-branded credit cards with last-four details, default selection, inline edit, and previous and next controls.","name":"payment-methods4","title":"Payment Methods 4 - Payment methods carousel with flip cards","type":"registry:block"},{"description":"A centered pricing section with four divided plan columns, large prices, CTAs, and checkmarked feature lists below a divider.","name":"pricing1","title":"Pricing 1 - Four-tier pricing comparison grid","type":"registry:block"},{"description":"Four pricing cards with plan images, grouped feature checklists, and a highlighted recommended tier, arranged in a row under a heading.","name":"pricing10","title":"Pricing 10 - Four-plan pricing cards with grouped features","type":"registry:block"},{"description":"One centered pricing card with monthly and yearly switch, discount chip, dual buttons, and checklist rows.","name":"pricing100","title":"Pricing 100 - Single plan card with billing switch","type":"registry:block"},{"description":"Full-width muted surface splits narrative copy from a stacked checklist and single solid CTA.","name":"pricing105","title":"Pricing 105 - Single plan wide muted panel","type":"registry:block"},{"description":"Two-column layout places section story and inline switch beside a bordered pricing card.","name":"pricing106","title":"Pricing 106 - Single plan split heading and card","type":"registry:block"},{"description":"Card capped by a gradient rail includes corner switch row, badge-led title, and dot-led features.","name":"pricing107","title":"Pricing 107 - Single plan card with accent rail","type":"registry:block"},{"description":"Gradient art panel with optional plan artwork contrasts a detail column with switch, facts, and CTA.","name":"pricing108","title":"Pricing 108 - Single plan split art panel and details","type":"registry:block"},{"description":"Feature comparison matrix for four plans with a sticky plan header row, billing tabs, tooltips on feature names, and collapsible rows on mobile.","name":"pricing11","title":"Pricing 11 - Four-plan feature matrix with sticky header","type":"registry:block"},{"description":"Tabs swap monthly and yearly amounts inside one card while sharing a single checklist and CTA.","name":"pricing110","title":"Pricing 110 - Single plan with tabbed billing","type":"registry:block"},{"description":"Oversized price sits inside corner bracket framing with prose grid for feature text below.","name":"pricing117","title":"Pricing 117 - Single plan bracketed price display","type":"registry:block"},{"description":"Primary-tinted band wraps a light inset card that carries price, CTA, and two-column checks.","name":"pricing118","title":"Pricing 118 - Single plan on inverted primary section","type":"registry:block"},{"description":"Add-on section split into featured items on accent cards and additional items in a divided list, each with title, description, and monthly price.","name":"pricing12","title":"Pricing 12 - Add-on pricing with featured cards and list","type":"registry:block"},{"description":"Three add-on options inside a single bordered section, each with a title, description, and monthly price or contact label, plus a header image.","name":"pricing13","title":"Pricing 13 - Three add-on cards in a bordered container","type":"registry:block"},{"description":"Single-plan layout on a muted surface with plan name, discount badge, price, separator, two-column feature checklist, and two CTA buttons.","name":"pricing14","title":"Pricing 14 - Single plan card with discount badge and dual buttons","type":"registry:block"},{"description":"Split layout with heading, description, and subscribe button on the left, paired with a bordered feature card showing price and checklist on the right.","name":"pricing15","title":"Pricing 15 - Two-column single plan with feature sidebar","type":"registry:block"},{"description":"Centered heading with monthly or yearly tabs, three bordered columns, optional zap badge on the recommended tier, split dollar amount display, and emerald check circles on features.","name":"pricing16","title":"Pricing 16 - Three-plan pricing with billing tabs and checkmark features","type":"registry:block"},{"description":"A pricing section comparing standard and premium plans with duration, listing limits, per-plan pricing, and a shared feature checklist shown as stacked cards on mobile and a comparison table on desktop.","name":"pricing17","title":"Pricing 17 - Two-plan comparison with feature matrix","type":"registry:block"},{"description":"Centered heading with a monthly/yearly toggle, two side-by-side cards with large prices, feature checklists, and full-width CTA buttons.","name":"pricing2","title":"Pricing 2 - Classic two-plan pricing with billing switch","type":"registry:block"},{"description":"Heading and toggle for monthly or yearly rates, three columns with vertical dividers between them, icon next to each tier name, oversized prices, badge-style checks on features, and primary or secondary buttons.","name":"pricing20","title":"Pricing 20 - Bordered three-plan pricing grid with plan icons and dividers","type":"registry:block"},{"description":"Three pricing tiers displayed as column headers above a grouped feature matrix with monthly/yearly toggle and border-accented section dividers.","name":"pricing21","title":"Pricing 21 - Three-plan comparison table with border accents","type":"registry:block"},{"description":"Three cards in a row with a yearly switch on paid tiers tied to one shared state, thick primary border on the recommended tier, and check icons on features.","name":"pricing22","title":"Pricing 22 - Three-plan pricing cards with per-column billing switch","type":"registry:block"},{"description":"Feature comparison table for three plans using a collapsible plan picker on mobile and a four-column grid on desktop.","name":"pricing23","title":"Pricing 23 - Three-plan feature comparison with collapsible mobile selector","type":"registry:block"},{"description":"Center headline with one annual switch, three cards on the theme muted color, highlighted tier with primary ring offset and slight scale, and primary-tinted checks on features.","name":"pricing24","title":"Pricing 24 - Three-plan pricing with switch and muted highlight cards","type":"registry:block"},{"description":"Three rounded cards on a muted background showing service plans with topic badges, key-value feature rows, and a highlighted middle card.","name":"pricing26","title":"Pricing 26 - Three service pricing cards with badge labels","type":"registry:block"},{"description":"A two-offering pricing grid with a large muted primary card plus image and a secondary expert-hire card with feature checklists.","name":"pricing27","title":"Pricing 27 - Agency services pricing pair","type":"registry:block"},{"description":"Four bordered plan cards below a centered heading, avatar social proof strip, billing tabs with savings badge, tooltips, and grouped feature lists.","name":"pricing28","title":"Pricing 28 - Four-plan pricing with social proof and billing tabs","type":"registry:block"},{"description":"Three pricing tiers rendered over a primary-color gradient with a plus-sign SVG pattern, highlighted middle card, and feature checklists.","name":"pricing29","title":"Pricing 29 - Three-tier pricing on gradient background with pattern","type":"registry:block"},{"description":"Three columns with a billing switch, optional intro text, checks and dashed separators on feature rows, and feature blocks that appear only on wide layouts.","name":"pricing3","title":"Pricing 3 - Three-plan pricing with billing switch and dashed feature rows","type":"registry:block"},{"description":"Feature comparison for three plans with a collapsible mobile plan picker and a desktop grid where the middle column uses a muted highlighted background.","name":"pricing30","title":"Pricing 30 - Three-plan comparison table with highlighted column","type":"registry:block"},{"description":"Three columns with monthly price only, optional floating pill on the popular tier, primary border on that tier, and varied icons next to each feature line.","name":"pricing31","title":"Pricing 31 - Three-plan pricing with icon feature rows and top pill","type":"registry:block"},{"description":"Pricing with a monthly and annual switch, five plan cards including a highlighted popular tier, and a compare-all CTA.","name":"pricing32","title":"Pricing 32 - Five-tier pricing with billing toggle","type":"registry:block"},{"description":"Vertically stacked add-on rows with circular icon, name, description, price, and a purchase button, centered under a badge heading.","name":"pricing33","title":"Pricing 33 - Stacked add-on cards with icons and pricing","type":"registry:block"},{"description":"Toggle between monthly and yearly prices, three cards with primary border on the recommended plan, labeled feature band, badge-style checks on rows, and a carousel when the layout is narrow.","name":"pricing34","title":"Pricing 34 - Three-plan pricing with billing toggle and mobile carousel","type":"registry:block"},{"description":"Two large side-by-side cards with oversized prices, a centered billed-monthly divider, optional annual savings line, and full-width CTAs on a primary-filled highlighted card.","name":"pricing35","title":"Pricing 35 - Bold static pricing cards with inverted highlight","type":"registry:block"},{"description":"Two side-by-side plans in large rounded shells with a white content panel, feature checklist, and a colored footer strip holding the call-to-action link.","name":"pricing36","title":"Pricing 36 - Rounded-shell pricing cards with inline CTA strip","type":"registry:block"},{"description":"A centered single-plan pricing block with uppercase label, spotlight card, icon feature rows, and purchase CTA.","name":"pricing37","title":"Pricing 37 - Single premium plan spotlight card","type":"registry:block"},{"description":"Two-column layout pairing descriptive copy and info alerts on the left with three selectable plan cards using radio inputs on the right.","name":"pricing38","title":"Pricing 38 - Service package selector with radio group","type":"registry:block"},{"description":"A pricing section with heading, usage slider, and stacked plan cards that update price and feature copy as visitors move across monthly volume tiers, with tooltips and tagged highlights.","name":"pricing39","title":"Pricing 39 - Slider-driven plan cards with usage tiers","type":"registry:block"},{"description":"Monthly and yearly tabs above three tier columns with one muted highlighted column, badge labels from tier names, checks on features, and sans-serif price type.","name":"pricing4","title":"Pricing 4 - Three-plan pricing with tabs and one highlighted column","type":"registry:block"},{"description":"Four service packages displayed as accordion items that expand to reveal a three-column grid of scope, deliverables, and audience details.","name":"pricing40","title":"Pricing 40 - Accordion-based service packages","type":"registry:block"},{"description":"Same card pattern as the wide per-switch layout but inside a narrower centered container, yearly switch on paid tiers, and standard plan marked with a thick primary border.","name":"pricing41","title":"Pricing 41 - Narrow three-plan pricing cards with per-column switch","type":"registry:block"},{"description":"A detailed pricing comparison table with plan headers and categorized feature rows showing availability across tiers with check marks and values.","name":"pricing42","title":"Pricing 42 - Feature Comparison Pricing Table","type":"registry:block"},{"description":"A pricing section with four columns, monthly and yearly tabs, a featured tier with compare-at pricing and a live countdown ribbon, primary or secondary CTAs per tier, and a grayscale payment logo row.","name":"pricing43","title":"Pricing 43 - Four Tier Pricing With Promo Countdown","type":"registry:block"},{"description":"Centered heading and monthly/yearly switch in a medium-width column, three plan cards in a row on large screens, and a masked mobile carousel with arrows below that breakpoint.","name":"pricing44","title":"Pricing 44 - Narrow stacked three-plan pricing with switch and mobile carousel","type":"registry:block"},{"description":"Three-plan pricing cards with monthly/yearly toggle and a grouped feature comparison table below showing per-plan values as text, checkmarks, or dashes.","name":"pricing45","title":"Pricing 45 - Three-plan pricing with feature comparison table","type":"registry:block"},{"description":"A single bordered table merging plan summaries into column headers with categorized feature rows below, monthly/yearly toggle, and no separate cards.","name":"pricing46","title":"Pricing 46 - Unified pricing comparison table","type":"registry:block"},{"description":"Same card treatment as the constrained three-column carousel block but the heading and cards use the full container width on large screens, with primary border emphasis on the highlighted plan.","name":"pricing47","title":"Pricing 47 - Container-wide three-plan pricing with toggle and carousel","type":"registry:block"},{"description":"Square monthly or yearly switch, three cards across the full container, subtle muted fill on the recommended tier, feature ribbon, and mobile carousel like the wide-row switch variant with a narrower intro option elsewhere.","name":"pricing48","title":"Pricing 48 - Full-container three-plan pricing with switch and carousel","type":"registry:block"},{"description":"One bordered band split into three segments, billing toggle for monthly or yearly prices, two short feature lines per tier, and full-width buttons.","name":"pricing49","title":"Pricing 49 - Three-plan pricing in one horizontal band","type":"registry:block"},{"description":"Side-by-side plan cards with prices and CTAs, plus a feature matrix table with check and minus indicators.","name":"pricing5","title":"Pricing 5 - Two-plan pricing with comparison table","type":"registry:block"},{"description":"Twelve-column style grid with the recommended tier scaled and ringed, billing toggle, card stacks with checks on features, and full-width primary or outline buttons.","name":"pricing50","title":"Pricing 50 - Three-plan pricing with centered spotlight column","type":"registry:block"},{"description":"Coverflow carousel with edge mask and billing toggle; slides tween rotation and scale with scroll so tiers ease into the center; looping autoplay; center card gets primary border and button.","name":"pricing52","title":"Pricing 52 - Three-plan pricing carousel at all breakpoints","type":"registry:block"},{"description":"Monospace-friendly layout with small plan id badges, dashed card borders, tight feature lists, and a square billing toggle over three tiers.","name":"pricing57","title":"Pricing 57 - Developer-style three-plan pricing","type":"registry:block"},{"description":"Left-aligned heading and sharp-cornered toggle above a bordered two-column grid with vertical dividers, oversized prices, and badge-style feature checks.","name":"pricing58","title":"Pricing 58 - Editorial Two-Plan Pricing Grid","type":"registry:block"},{"description":"Centered heading and rounded toggle above a single bordered container split into two plan columns with inner dividers, compact feature lists, and full-width buttons.","name":"pricing59","title":"Pricing 59 - Compact Two-Plan Pricing Band","type":"registry:block"},{"description":"Centered single-plan card with separated feature groups, a large price numeral, and a CTA button, all under a heading and subheading.","name":"pricing6","title":"Pricing 6 - Single plan pricing card with grouped features","type":"registry:block"},{"description":"Monospace-accented two-plan pricing with dashed card borders, tiny plan-code badges, compact feature lists, and a square billing toggle on a subtly tinted band.","name":"pricing60","title":"Pricing 60 - Developer-Style Two-Plan Pricing","type":"registry:block"},{"description":"Left-aligned heading with a pill-style billing toggle on the right, two side-by-side plan columns with uppercase badges, separators, check-marked feature lists, and full-width buttons.","name":"pricing61","title":"Pricing 61 - Left-Aligned Two-Plan Pricing With Tabs","type":"registry:block"},{"description":"Centered heading and switch above two muted-background cards where the second plan scales up slightly with a primary-colored ring highlight.","name":"pricing62","title":"Pricing 62 - Spotlight Two-Plan Pricing With Ring","type":"registry:block"},{"description":"Asymmetric twelve-column grid with a narrower left card and wider highlighted right card, controlled by a tabs billing toggle.","name":"pricing63","title":"Pricing 63 - Asymmetric Two-Plan Pricing With Tabs","type":"registry:block"},{"description":"Two side-by-side pricing cards where the recommended plan is distinguished by a thick primary-colored top border accent.","name":"pricing64","title":"Pricing 64 - Two-Plan Pricing With Top Border Accent","type":"registry:block"},{"description":"Ultra-minimal two-plan pricing with large centered prices, no feature lists, and an inverted primary-fill card for the recommended plan.","name":"pricing66","title":"Pricing 66 - Minimal Two-Plan Pricing Cards","type":"registry:block"},{"description":"Centered heading and billing switch above two side-by-side cards where the second card inverts foreground and background colors for automatic dark contrast.","name":"pricing67","title":"Pricing 67 - Two-Plan Pricing With Dark Card Contrast","type":"registry:block"},{"description":"Tab-toggled two-plan pricing where each card splits visually into a white header area for the price and CTA and a muted rounded region for the feature list.","name":"pricing68","title":"Pricing 68 - Two-Plan Pricing With Muted Feature Section","type":"registry:block"},{"description":"Centered heading with a segmented RadioGroup pill control featuring a green discount badge, above two bordered cards in a clean grid layout.","name":"pricing69","title":"Pricing 69 - Two-Plan Pricing With Segmented Radio Control","type":"registry:block"},{"description":"Centered heading with a segmented radio control for monthly/yearly billing, optional savings badge, and two bordered plan panels with feature checklists.","name":"pricing7","title":"Pricing 7 - Two-plan pricing with radio toggle and discount badge","type":"registry:block"},{"description":"Two pricing cards with a Switch toggle for monthly and yearly billing, a centered FEATURES separator ribbon between the CTA and the feature checklist, and BadgeCheck icons on each row.","name":"pricing71","title":"Pricing 71 - Two-Plan Pricing With Feature Ribbon","type":"registry:block"},{"description":"Two pricing cards where the second card is offset upward with a negative top margin, creating a staggered overlapping layout with Tabs for billing cycle selection.","name":"pricing72","title":"Pricing 72 - Offset Two-Plan Pricing Cards","type":"registry:block"},{"description":"Two pricing cards elevated on a muted section background, with a ToggleGroup for billing, Separator between price and features, and a subtle ring on the recommended plan.","name":"pricing73","title":"Pricing 73 - Elevated Two-Plan Pricing On Muted Surface","type":"registry:block"},{"description":"Two pricing cards with a floating pill badge on the recommended plan, a Switch toggle with a yearly billing label, and Check icons on each feature row.","name":"pricing74","title":"Pricing 74 - Two-Plan Pricing With Popular Pill Badge","type":"registry:block"},{"description":"Two pricing cards each containing their own billing Switch that toggles between monthly and yearly pricing simultaneously across both cards.","name":"pricing75","title":"Pricing 75 - Two-Plan Pricing With Per-Card Billing Switch","type":"registry:block"},{"description":"Two-plan pricing layout with oversized display prices, tab-based billing toggle, and features rendered as horizontal Badge chips instead of a vertical list.","name":"pricing76","title":"Pricing 76 - Display Price Two-Plan Pricing With Feature Badges","type":"registry:block"},{"description":"Two-plan pricing grid with a ToggleGroup billing switch and feature lists separated by dashed horizontal rules below each card.","name":"pricing78","title":"Pricing 78 - Two-Plan Pricing With Dashed Feature Separators","type":"registry:block"},{"description":"Two generously padded cards with extra-large border radius, tab-based billing toggle, and a highlighted second plan with a primary border and shadow.","name":"pricing79","title":"Pricing 79 - Spacious Rounded Two-Plan Pricing","type":"registry:block"},{"description":"Single-plan card with oversized price, CTA button, and a multi-column feature checklist spread beneath the card on a muted surface.","name":"pricing8","title":"Pricing 8 - Single plan card on muted background with feature grid","type":"registry:block"},{"description":"A single bordered container with a centered header section above a two-column plan comparison separated by a vertical divider.","name":"pricing80","title":"Pricing 80 - Bordered Two-Plan Section With Centered Header","type":"registry:block"},{"description":"Two plan cards where the highlighted card is wrapped in a solid primary-color border frame using a background-clip technique for a bold accent.","name":"pricing81","title":"Pricing 81 - Two-Plan Pricing With Primary Border Frame","type":"registry:block"},{"description":"Two plans inside a single compact bordered container with shared dividers, minimal padding, and small-size controls for a dense, utilitarian look.","name":"pricing82","title":"Pricing 82 - Compact Two-Plan Pricing Strip","type":"registry:block"},{"description":"A dual pricing block with a monthly or yearly switch, two equal-width cards that span the container, feature checklists, and full-width CTAs per plan.","name":"pricing83","title":"Pricing 83 - Wide two-plan pricing with billing toggle","type":"registry:block"},{"description":"Like pricing7 with monthly or yearly radio tabs, discount chip, feature lists, and CTAs, but both plans stretch to the full container width on desktop.","name":"pricing84","title":"Pricing 84 - Container-wide pricing7-style two tiers","type":"registry:block"},{"description":"Four pricing cards in a swipeable mobile carousel or four-column desktop grid, with a pill-style monthly and yearly billing toggle.","name":"pricing85","title":"Pricing 85 - Four-plan pricing carousel with billing toggle","type":"registry:block"},{"description":"Four pricing cards with a shared annual billing switch repeated on each paid tier, compact feature checklists, and a primary border on the highlighted plan.","name":"pricing86","title":"Pricing 86 - Four-plan cards with annual billing switch","type":"registry:block"},{"description":"A centered monthly and yearly switch above four pricing cards, with a masked carousel on mobile and a muted background fill on the highlighted tier.","name":"pricing87","title":"Pricing 87 - Four-plan carousel with centered billing switch","type":"registry:block"},{"description":"Left-aligned heading with a square billing toggle above a single bordered grid split into four vertical tiers with icon headers and feature checklists.","name":"pricing88","title":"Pricing 88 - Four-column editorial pricing strip","type":"registry:block"},{"description":"Centered heading and four bordered panels with oversized price, arrow CTA, mixed feature icons from data, and a floating pill on the highlighted tier.","name":"pricing89","title":"Pricing 89 - Four-plan cards with optional feature icons","type":"registry:block"},{"description":"Three-plan feature comparison rendered as stacked cards on mobile and a bordered table on desktop, with an annual/monthly switch and tooltips.","name":"pricing9","title":"Pricing 9 - Three-tier comparison table with billing toggle","type":"registry:block"},{"description":"Centered headline and intro from shared three-plan content, pill billing control, and three separate bordered cards with large dollar figures, primary accents, and checklist rows like the four-plan strip.","name":"pricing90","title":"Pricing 90 - Three tall pricing cards with billing toggle","type":"registry:block"},{"description":"Article-style cards with a small illustration per tier, three columns, segmented monthly and yearly control, and optional recommended ribbon on the highlighted plan.","name":"pricing91","title":"Pricing 91 - Three plan columns with tier logos and billing toggle","type":"registry:block"},{"description":"Two illustrated tiers in compact article cards inside a capped width column, monthly prices only, recommended ribbon on the emphasized plan, and feature checklists.","name":"pricing92","title":"Pricing 92 - Narrow two plan columns with tier logos","type":"registry:block"},{"description":"Four pricing cards in a desktop grid with billing toggle, where the highlighted plan scales up with a colored ring and shadow to draw attention.","name":"pricing93","title":"Pricing 93 - Four-plan grid with spotlight column scale and shadow","type":"registry:block"},{"description":"Four pricing tiers on muted cards with a primary ring and scale pop on the highlighted plan, annual billing switch, and check-marked feature lists.","name":"pricing94","title":"Pricing 94 - Four-plan pricing with muted ring cards and scale emphasis","type":"registry:block"},{"description":"Monospace-accented four-tier pricing with plan id badges, dashed card borders, dense feature lists, and a billing toggle.","name":"pricing95","title":"Pricing 95 - Developer-style four-plan pricing","type":"registry:block"},{"description":"Four pricing cards on a muted tinted background with badge-labeled highlighted plan, billing toggle, and emerald feature checklists.","name":"pricing96","title":"Pricing 96 - Tinted four-plan pricing with badge accents","type":"registry:block"},{"description":"Four pricing cards with a left-aligned heading, tab-style billing toggle, and badge plan labels above each card.","name":"pricing97","title":"Pricing 97 - Four-plan pricing with left heading and tab billing","type":"registry:block"},{"description":"Looping coverflow carousel with four pricing tiers, 3D perspective transforms, scroll-linked rotation and scale, and a monthly/yearly billing toggle.","name":"pricing98","title":"Pricing 98 - Four-plan 3D coverflow pricing carousel","type":"registry:block"},{"description":"Four pricing cards with billing toggle above separate per-plan feature checklists displayed in a matching grid below.","name":"pricing99","title":"Pricing 99 - Four-plan pricing with detached feature lists","type":"registry:block"},{"description":"Two-column process section with a sticky heading and contact button on the left, numbered step cards on the right.","name":"process1","title":"Process 1 - Sticky sidebar four-step process","type":"registry:block"},{"description":"Two-column process layout where scrolling through numbered steps triggers animated image changes in a sticky panel.","name":"process2","title":"Process 2 - Scroll-driven process with image transitions","type":"registry:block"},{"description":"Five-step animated process with progressive sky-blue background bands, arrow icons, and oversized offset step numbers.","name":"process3","title":"Process 3 - Stacked color-band process steps","type":"registry:block"},{"description":"Three-step process with a sticky title column and rounded cards that reveal an animated floating image on hover.","name":"process4","title":"Process 4 - Hover-activated process cards with image popup","type":"registry:block"},{"description":"A linked product card with a product image, urgency badge, name, short description, and regular plus sale price.","name":"product-card1","title":"Product Card 1 - Product card with sale badge","type":"registry:block"},{"description":"A product card with a zooming image, sale or sold-out badge, hover add to cart and quick view, plus thumbnail buttons to switch variants.","name":"product-card10","title":"Product Card 10 - Product card with variant thumbnails","type":"registry:block"},{"description":"A product card with image, urgency badge, name, description, sale price, and a full-width add to cart button.","name":"product-card2","title":"Product Card 2 - Product card with add to cart","type":"registry:block"},{"description":"A product card with dual-image hover swap, color radio swatches with tooltips, collapsible row for overflow colors, name, sale and regular price, and a compact add button.","name":"product-card21","title":"Product Card 21 - Apparel Card With Color Swatches","type":"registry:block"},{"description":"A compact card with a four-image carousel controlled by horizontal hover zones, reveal add-to-cart on hover, brand and rating row, icon spec strip, optional variant thumbnails, and sale pricing.","name":"product-card22","title":"Product Card 22 - Electronics Card With Spec Carousel","type":"registry:block"},{"description":"A tall product card for homeware with responsive image, brand link, optional new badge, color radio swatches that swap imagery, price, and a search icon button in the footer row.","name":"product-card23","title":"Product Card 23 - Tableware Card With Color Variants","type":"registry:block"},{"description":"A product card combining an image carousel with next and previous controls, react-hook-form and zod driven size and color groups with stock states, gradient color swatches, and sticky-feel add-to-cart with sale pricing.","name":"product-card24","title":"Product Card 24 - Hoodie Card With Form Variants","type":"registry:block"},{"description":"A product card with image, urgency badge, name, description, sale price, and an add to cart button that appears over the image on hover.","name":"product-card3","title":"Product Card 3 - Product card with hover add to cart","type":"registry:block"},{"description":"A compact product card with a product image, brand label, star rating, product name, and price.","name":"product-card4","title":"Product Card 4 - Product card with brand and rating","type":"registry:block"},{"description":"A product card with a square image, collection label, product name, and price for catalog listings.","name":"product-card5","title":"Product Card 5 - Product card with collection label","type":"registry:block"},{"description":"A product card with a variant image, collection name, color swatches, sale price, and hover actions for quick add, shop now, and quick view.","name":"product-card6","title":"Product Card 6 - Product card with color variants","type":"registry:block"},{"description":"A product card with image, name, sale price and discount badge, plus a hover size selector on desktop and a mobile drawer for add to cart.","name":"product-card7","title":"Product Card 7 - Product card with size picker","type":"registry:block"},{"description":"A product card with hover image swap, rating and discount badges, and a bag button that opens size, color, and quantity selectors.","name":"product-card8","title":"Product Card 8 - Product card with expandable cart form","type":"registry:block"},{"description":"A product card with a hover image gallery, stacked badges, category link, sale price, and color swatches that update the product photos.","name":"product-card9","title":"Product Card 9 - Product card with color swatches","type":"registry:block"},{"description":"A two-column product category banner with a centered title and summary on the left and a full-bleed category image on the right.","name":"product-categories1","title":"Product Categories 1 - Split category banner with image","type":"registry:block"},{"description":"A heading above a grid of linked category cards, each with a hover-zoom image, title, and short summary.","name":"product-categories2","title":"Product Categories 2 - Category card grid","type":"registry:block"},{"description":"A full-bleed category banner with a darkened background image and centered title plus summary overlaid on the photo.","name":"product-categories3","title":"Product Categories 3 - Overlay category banner","type":"registry:block"},{"description":"A full-bleed category banner with breadcrumb navigation, a large title, and supporting copy over a darkened background image.","name":"product-categories4","title":"Product Categories 4 - Category banner with breadcrumbs","type":"registry:block"},{"description":"A two-panel category section pairing a looping video and a still image, each with a title, discount line, bag button, and optional call to action.","name":"product-categories5","title":"Product Categories 5 - Split media category promos","type":"registry:block"},{"description":"A two-column product page with an image carousel, reviews, in-stock badge, buy now button, size and color options, and a labeled specs list.","name":"product-detail1","title":"Product Detail 1 - Product detail with specs list","type":"registry:block"},{"description":"A product page with a full-width image carousel above three columns for feature icons, material and size options, and long-form description.","name":"product-detail10","title":"Product Detail 10 - Product detail with three-column layout","type":"registry:block"},{"description":"A split product page with a zoomable image gallery, color and material options, quantity stepper, add to cart and purchase buttons, and expandable info sections.","name":"product-detail2","title":"Product Detail 2 - Product detail with zoom gallery","type":"registry:block"},{"description":"A two-column product page with a lightbox image gallery, color swatches, size options, quantity stepper, and add to cart plus buy now buttons.","name":"product-detail3","title":"Product Detail 3 - Product detail with color and size","type":"registry:block"},{"description":"A two-column product page with a thumbnail image gallery and lightbox, star rating, color options, accordion details, and a buy now button.","name":"product-detail4","title":"Product Detail 4 - Product detail with thumbnail gallery","type":"registry:block"},{"description":"A two-column product page with a lightbox gallery, size chart, color and size options, live stock status, and add to cart or buy now actions.","name":"product-detail5","title":"Product Detail 5 - Product detail with size chart","type":"registry:block"},{"description":"A product page with a lightbox gallery, size and quantity form, shipping notes, a recommended products carousel, and accordion product details.","name":"product-detail6","title":"Product Detail 6 - Product detail with recommended products","type":"registry:block"},{"description":"A two-column product page with a branded heading, lightbox carousel, quantity stepper, feature list, sustainability notes, and accordion details.","name":"product-detail7","title":"Product Detail 7 - Product detail with brand and features","type":"registry:block"},{"description":"A two-column product page with a lightbox carousel, star reviews, size and color options with stock status, services list, and accordion details.","name":"product-detail8","title":"Product Detail 8 - Product detail with reviews and services","type":"registry:block"},{"description":"A split product page with a vertical lightbox gallery, large product name, sale price, size options, a bordered specs table, and add to cart.","name":"product-detail9","title":"Product Detail 9 - Product detail with spec table","type":"registry:block"},{"description":"A product image gallery that swipes as a carousel on small screens and becomes a three-column grid with a full-width lead image on larger screens.","name":"product-gallery1","title":"Product Gallery 1 - Product image carousel and grid","type":"registry:block"},{"description":"A product image carousel that opens a lightbox with zoom, custom next and previous controls, and an image index badge.","name":"product-gallery2","title":"Product Gallery 2 - Zoomable product gallery with lightbox","type":"registry:block"},{"description":"A product image gallery that uses a carousel with dot indicators on small screens and a two-column lightbox grid on larger screens.","name":"product-gallery3","title":"Product Gallery 3 - Product gallery with dot indicators","type":"registry:block"},{"description":"A product gallery with a sticky thumbnail sidebar, a scroll-synced main image stack, and a lightbox for zoomed viewing.","name":"product-gallery4","title":"Product Gallery 4 - Thumbnail sidebar product gallery","type":"registry:block"},{"description":"A product gallery with a thumbnail column, a main carousel that opens a lightbox, a New badge, and a progress indicator.","name":"product-gallery7","title":"Product Gallery 7 - Thumbnail carousel with new badge","type":"registry:block"},{"description":"A product inventory table with search, category and stock filters, sortable columns, and column visibility toggles.","name":"product-inventory1","title":"Product Inventory 1 - Product inventory table with column controls","type":"registry:block"},{"description":"A searchable product inventory card grid with status and stock tone filters plus per-card edit actions.","name":"product-inventory2","title":"Product Inventory 2 - Product inventory card grid","type":"registry:block"},{"description":"A masonry product card board with accordion details and switchable sales, views, and stock sparkline charts.","name":"product-inventory3","title":"Product Inventory 3 - Product cards with metric sparklines","type":"registry:block"},{"description":"A split inventory layout with a sticky filter panel beside searchable product rows for status, type, stock, and price.","name":"product-inventory4","title":"Product Inventory 4 - Product list with side filter panel","type":"registry:block"},{"description":"A responsive product grid of cards with images, optional urgency badges, names, descriptions, and regular plus sale prices.","name":"product-list1","title":"Product List 1 - Product grid with badges","type":"registry:block"},{"description":"Stacked product rows that pair a featured promotion card with a grid of products showing sale badges, hover add to cart and quick view.","name":"product-list10","title":"Product List 10 - Product rows with featured promo","type":"registry:block"},{"description":"A product grid of cards with images, optional badges, names, descriptions, sale prices, and a full-width add to cart button on each card.","name":"product-list2","title":"Product List 2 - Product grid with add to cart","type":"registry:block"},{"description":"A product grid of cards with images, optional badges, names, descriptions, and an add to cart button that appears over the image on hover.","name":"product-list3","title":"Product List 3 - Product grid with hover add to cart","type":"registry:block"},{"description":"A product grid that opens with a promotional card, then product cards showing image, brand, star rating, name, and price.","name":"product-list4","title":"Product List 4 - Product grid with promo card","type":"registry:block"},{"description":"A product listing with a heading, collection call to action, and a grid of cards showing square images, collection labels, names, and prices.","name":"product-list5","title":"Product List 5 - Product grid with collection header","type":"registry:block"},{"description":"A headed product carousel of cards with variant images, color swatches, sale prices, and hover quick add, shop now, and quick view actions.","name":"product-list6","title":"Product List 6 - Product carousel with color variants","type":"registry:block"},{"description":"A headed product grid of cards with images, sale prices, discount badges, and hover size selectors on desktop or a mobile add-to-cart drawer.","name":"product-list7","title":"Product List 7 - Product grid with size picker","type":"registry:block"},{"description":"A dense product grid of cards with hover image swap, rating and discount badges, and a bag button that opens size, color, and quantity selectors.","name":"product-list8","title":"Product List 8 - Product grid with expandable cart form","type":"registry:block"},{"description":"A New Arrivals listing with category tabs and a carousel that pairs a promo card with products showing color swatches, badges, and sale prices.","name":"product-list9","title":"Product List 9 - Tabbed product carousel with promo","type":"registry:block"},{"description":"A product quick-view dialog with an image carousel, description, price, color and size options, and add-to-cart plus details actions.","name":"product-quick-view4","title":"Product Quick View 4 - Dialog quick view with variants","type":"registry:block"},{"description":"A product quick-view dialog with a thumbnail carousel, stock status, color and quantity controls, service list, share links, and accordion details.","name":"product-quick-view5","title":"Product Quick View 5 - Dialog quick view with accordion","type":"registry:block"},{"description":"A product quick-view sheet with an image carousel, star rating, sale price, stock badge, quantity stepper, and add-to-cart actions.","name":"product-quick-view6","title":"Product Quick View 6 - Sheet quick view with rating","type":"registry:block"},{"description":"A product quick-view dialog showing two images at once, plus color, size, and quantity controls with add-to-cart and buy-now buttons.","name":"product-quick-view7","title":"Product Quick View 7 - Dialog quick view with dual images","type":"registry:block"},{"description":"A dialog quick view with custom close control, scrollable body, image carousel, price and title stack, long description, and a fixed full-width add-to-cart bar at the bottom.","name":"product-quick-view8","title":"Product Quick View 8 - Minimal Quick View Dialog","type":"registry:block"},{"description":"Sticky search field that opens a popover of keyword suggestions and a product card carousel with image galleries, badges, and pricing.","name":"product-search1","title":"Product Search 1 - Search popover with product carousel","type":"registry:block"},{"description":"Search icon opens a sheet listing product results with images, prices, badges, and clear or close controls for quick store search.","name":"product-search2","title":"Product Search 2 - Search sheet with product results","type":"registry:block"},{"description":"Branded search sheet showing trending searches and most-searched collection tiles instead of live product rows.","name":"product-search3","title":"Product Search 3 - Search sheet with trending collections","type":"registry:block"},{"description":"Full-height search sheet with logo, trending searches, and a collapsible recommended-products grid of image cards with prices.","name":"product-search4","title":"Product Search 4 - Search sheet with recommendations","type":"registry:block"},{"description":"Dialog search experience with popular queries and tabbed results for products and editorial articles, plus tooltips on result actions.","name":"product-search5","title":"Product Search 5 - Search dialog with products and articles","type":"registry:block"},{"description":"Tall search drawer with logo, category dropdown on the input, and tabbed product and article results plus popular search links.","name":"product-search6","title":"Product Search 6 - Category search drawer","type":"registry:block"},{"description":"Combobox search dropdown splitting popular links and recommended products beside a large promotional image card.","name":"product-search7","title":"Product Search 7 - Combobox search with promo panel","type":"registry:block"},{"description":"A product specifications section with expandable categories, icons, label-value tables, and expand-all or collapse-all controls.","name":"product-specs1","title":"Product Specs 1 - Collapsible product spec tables","type":"registry:block"},{"description":"A tabbed product specifications section with scrollable category tabs, key-spec badges, check and cross indicators, and a key highlights list.","name":"product-specs2","title":"Product Specs 2 - Tabbed product specifications","type":"registry:block"},{"description":"A project page with health stats, a brief, file cards, and tabs for timeline, tasks, issues, and activity.","name":"project-detail1","title":"Project Detail 1 - Project record with files and tabs","type":"registry:block"},{"description":"A project page with delivery metrics, a dependency map, and tabs for tasks, issues, timeline, activity, and comments.","name":"project-detail2","title":"Project Detail 2 - Project page with dependency map","type":"registry:block"},{"description":"A project card grid with search, sort, team size, update window, and status filters.","name":"project-list1","title":"Project List 1 - Project card grid with filters","type":"registry:block"},{"description":"A project card grid with a side panel of saved views for status, recency, and team size.","name":"project-list2","title":"Project List 2 - Project browse with saved views","type":"registry:block"},{"description":"A project table with owner, health, milestone, and team columns, plus health and team filters.","name":"project-list3","title":"Project List 3 - Project health table","type":"registry:block"},{"description":"A searchable project list that opens the selected project's issues in a side panel.","name":"project-list4","title":"Project List 4 - Project list with issue panel","type":"registry:block"},{"description":"Single-project layout with a header, hero image, descriptive paragraphs, metadata rows, and a two-column image grid with fade-up scroll animations.","name":"project1","title":"Project 1 - Project detail with animated scroll reveal","type":"registry:block"},{"description":"Urban photography showcase with a header, category metadata, numbered content sections, a two-column image grid, and a horizontally scrolling image marquee.","name":"project10","title":"Project 10 - Photography project with numbered sections and carousel","type":"registry:block"},{"description":"Two-column project introduction featuring multi-line headings with a clip-path mask reveal, metadata labels, and a large bordered hero image.","name":"project12","title":"Project 12 - Project intro with mask-reveal heading animation","type":"registry:block"},{"description":"Scroll-driven parallax hero with an overlay title, project metadata grid, a four-image gallery with hover zoom, and a two-column concept narrative.","name":"project13","title":"Project 13 - Full-screen parallax hero with image grid and concept section","type":"registry:block"},{"description":"Viewport-height parallax hero with gradient overlay, a project overview grid, vertically stacked full-width images, and a two-column concept narrative.","name":"project13a","title":"Project13a - Parallax hero with full-width gallery and concept section","type":"registry:block"},{"description":"Centered uppercase title with staggered two-column image grids, category metadata, a body paragraph, and a full-width hero image, all in grayscale.","name":"project14","title":"Project 14 - Automotive project showcase with grayscale imagery","type":"registry:block"},{"description":"Single-project page with a large serif title, three-column metadata row, a full-width image, and a description section ending with a shadcn/ui Button.","name":"project2","title":"Project 2 - Project detail with serif title and metadata columns","type":"registry:block"},{"description":"Center-aligned project page with a label, large serif title, horizontal divider, three-column metadata, a captioned image, and a description section with a button.","name":"project2a","title":"Project2a - Centered project detail with label and divider","type":"registry:block"},{"description":"Twelve-column layout pairing a monospace title with a border-left metadata sidebar, a captioned 3:2 image, and a split description section with a button.","name":"project2b","title":"Project2b - Project detail with monospace title and bordered sidebar","type":"registry:block"},{"description":"Project page featuring dot-prefixed labels, three-column metadata with top borders, a 16:9 image, and a sticky overview heading alongside a description and button.","name":"project2c","title":"Project2c - Project showcase with dot indicators and sticky heading","type":"registry:block"},{"description":"Twelve-column layout with a serif title, a muted metadata card, a rounded image with a floating caption overlay, and a split description section with a button.","name":"project2d","title":"Project2d - Project detail with card metadata and floating caption","type":"registry:block"},{"description":"Full-bleed terrarium hero that slides aside to reveal a milestone card carousel of botanical art pieces with navigation dots.","name":"project30","title":"Project 30 - Reveal gallery carousel over hero","type":"registry:block"},{"description":"Single-column case study layout with a header, metadata, prose sections covering challenge, process, and outcome, and full-bleed breakout images with captions.","name":"project4","title":"Project 4 - Long-form case study with prose content and breakout images","type":"registry:block"},{"description":"Four-column layout with a sticky sidebar containing project info, metadata, and anchor links alongside a scrolling prose content area with images and captions.","name":"project4a","title":"Project4a - Case study with sticky sidebar navigation","type":"registry:block"},{"description":"Center-aligned case study with a header, metadata row, and alternating prose sections and full-width images covering challenge, process, and outcome.","name":"project4b","title":"Project4b - Centered case study with interleaved image sections","type":"registry:block"},{"description":"Full-screen hero with white text overlay, an article-style body with prose sections, a blockquote, figure captions, and a three-column results metrics grid.","name":"project4c","title":"Project4c - Case study with full-screen hero overlay and metrics grid","type":"registry:block"},{"description":"Art exhibition layout with a title, description, bordered metadata rows, a hero image, a two-column image grid, and a two-column artistic vision section.","name":"project5","title":"Project 5 - Exhibition project with metadata table and image gallery","type":"registry:block"},{"description":"Three-column header with a horizontal accent line, title, description, and metadata alongside a hero image, a creative process section with paired square images.","name":"project5a","title":"Project5a - Exhibition project with horizontal accent lines","type":"registry:block"},{"description":"Two-column layout with accent lines, a wide hero image, paired square images, a concept narrative, a materials list, and a dimensions table.","name":"project5b","title":"Project5b - Exhibition project with materials table and dimensions","type":"registry:block"},{"description":"Three-column header with a title, description, and a muted metadata card, followed by a 3:1 image split and a two-column artistic vision section.","name":"project5c","title":"Project5c - Exhibition project with metadata card and 3:1 image split","type":"registry:block"},{"description":"Narrow single-column exhibition layout with a title, description, stacked images, a four-column metadata row, a vision section, and a full-width button.","name":"project5d","title":"Project5d - Narrow exhibition page with stacked images and full-width button","type":"registry:block"},{"description":"Center-aligned exhibition page with a title, button, metadata line, a multi-column image grid with hover reveal overlays, a vision section, and a three-column stats row.","name":"project5e","title":"Project5e - Exhibition gallery grid with hover overlays and stats","type":"registry:block"},{"description":"Rounded card header with a two-column description and metadata grid, three stacked full-width images, and a muted footer card with a booking button.","name":"project5f","title":"Project5f - Exhibition page with card header and booking footer","type":"registry:block"},{"description":"Five-column header with a two-tone title and sidebar portrait, a 2:1 image grid with border-left metadata, a vision section, and a visit scheduling button.","name":"project5g","title":"Project5g - Exhibition project with asymmetric grid and visit CTA","type":"registry:block"},{"description":"Two-column layout with a sticky title, badges, and description alongside scrollable portrait images, followed by a three-column grid of overlay project cards.","name":"project6","title":"Project 6 - Photography collection with sticky sidebar and project cards","type":"registry:block"},{"description":"Single-column photography gallery with a title, badges, stacked portrait images, an about section, and compact project rows with thumbnail images and badges.","name":"project6a","title":"Project6a - Photography collection with inline project rows","type":"registry:block"},{"description":"Multi-section architecture project page with a full-height hero overlay, prose sections, a shadcn/ui Carousel, a panoramic image, and a four-image grid.","name":"project7","title":"Project 7 - Architectural case study with hero, carousel, and image grid","type":"registry:block"},{"description":"Animated fashion project layout with a centered bold title, subtitle, a rounded hero image, and a two-column section with narrative text and a credits list.","name":"project8","title":"Project 8 - Fashion project with centered title and credits","type":"registry:block"},{"description":"Centered title and subtitle above a full-bleed 16:9 hero image, followed by a two-column section with narrative text and a team credits list.","name":"project8a","title":"Project8a - Fashion project with full-bleed image and credits","type":"registry:block"},{"description":"Centered title and subtitle above a two-column layout pairing a 4:5 portrait image on the left with narrative text and credits on the right.","name":"project8b","title":"Project8b - Fashion project with side-by-side image and text","type":"registry:block"},{"description":"Narrow-width fashion project layout with a centered title, a 3:2 image, a bordered metadata header, and a two-column section for narrative and credits.","name":"project8c","title":"Project8c - Fashion project with narrow layout and bordered header","type":"registry:block"},{"description":"Centered title with a wide 2:1 image, a four-column layout with metadata sidebar and narrative text, and a bordered credits section in a multi-column grid.","name":"project8d","title":"Project8d - Fashion project with sidebar metadata and multi-column credits","type":"registry:block"},{"description":"Full-screen background image hero with animated white text, followed by a white-background content section with a two-column narrative and credits layout.","name":"project8e","title":"Project8e - Fashion project with full-screen hero background","type":"registry:block"},{"description":"Two-column layout with a sticky sidebar containing breadcrumb navigation, metadata rows, and a project overview alongside a scrollable image gallery with hover zoom.","name":"project9","title":"Project 9 - Photography project with sticky sidebar and image grid","type":"registry:block"},{"description":"Vertical list of projects with two-column rows containing images, descriptions, and category badges that animate into view on scroll.","name":"projects1","title":"Projects 1 - Animated project list with images and badges","type":"registry:block"},{"description":"Three-column grid of square images that scale and reveal a title and description overlay when hovered.","name":"projects10","title":"Projects 10 - Image grid with hover-reveal titles","type":"registry:block"},{"description":"Multi-column masonry gallery where images fade in on scroll and scale with a brightness shift on hover.","name":"projects11","title":"Projects 11 - Masonry image gallery with scroll animations","type":"registry:block"},{"description":"Three-column image grid with titles and metadata, plus a spring-physics tooltip that follows the cursor showing an explore prompt.","name":"projects12","title":"Projects 12 - Project grid with spring-animated cursor tooltip","type":"registry:block"},{"description":"Horizontal list layout presenting projects with a numbered index, title, launch date, description, and small thumbnail image per row.","name":"projects13","title":"Projects 13 - Project list with numbered rows and thumbnails","type":"registry:block"},{"description":"Five-column grid with intentionally hidden cells creating an offset pattern, where project cards animate into view on scroll.","name":"projects14","title":"Projects 14 - Staggered grid portfolio with animated entries","type":"registry:block"},{"description":"Stacked full-width video panels that show a thumbnail at rest and play the video on hover, with studio name and title overlays.","name":"projects15","title":"Projects 15 - Full-width video sections with hover playback","type":"registry:block"},{"description":"Video panels in a two-column grid that crossfade from thumbnail to looping video on hover, with title overlays.","name":"projects15a","title":"Projects15a - Two-column video grid with hover playback","type":"registry:block"},{"description":"Header cell and video panels share a two-column grid, with each video crossfading from thumbnail to playback on hover.","name":"projects15b","title":"Projects15b - Integrated header and video grid in two columns","type":"registry:block"},{"description":"Vertically stacked video panels with rounded containers and spacing between each, crossfading to video on hover.","name":"projects15c","title":"Projects15c - Stacked video panels with rounded corners","type":"registry:block"},{"description":"Four video panels in a 2x2 grid with 16:9 aspect ratio and rounded corners, crossfading to video on hover.","name":"projects15d","title":"Projects15d - Two-by-two video grid with aspect-ratio panels","type":"registry:block"},{"description":"Horizontal carousel of video panels that crossfade from thumbnail to playback on hover, with navigation arrows and looping.","name":"projects15e","title":"Projects15e - Video carousel with hover playback","type":"registry:block"},{"description":"Two-column image layout using alternating 4:3 and 4:5 aspect ratios, paired with a heading, paragraph, and link button.","name":"projects16","title":"Projects 16 - Photo gallery with staggered aspect ratios","type":"registry:block"},{"description":"Scrollable carousel of project cards showing a 4:3 image, title, location, and view button, with left and right arrow controls.","name":"projects17","title":"Projects 17 - Horizontal project carousel with navigation arrows","type":"registry:block"},{"description":"Horizontal carousel of wide 16:9 project cards showing image, title, and a tinted category pill, with circular navigation arrows.","name":"projects17a","title":"Projects17a - Widescreen carousel with category pills","type":"registry:block"},{"description":"Carousel of bordered cards containing a square image, title, category badge, location, year, description, and action button.","name":"projects17b","title":"Projects17b - Project card carousel with full metadata","type":"registry:block"},{"description":"Stacked full-bleed rows using background images with a dark blur overlay that clears on hover to reveal a view-project button.","name":"projects18","title":"Projects 18 - Project rows with background images and hover reveal","type":"registry:block"},{"description":"Stacked project entries in a 4/8 column split with uppercase titles, descriptions on the left and large bordered images on the right.","name":"projects2","title":"Projects 2 - Editorial project showcase with large images","type":"registry:block"},{"description":"A large-type numbered project list where hovering a row reveals a floating photo that follows the cursor with spring motion and tilt, while other rows fade back.","name":"projects29","title":"Projects 29 - Hover Reveal Project List","type":"registry:block"},{"description":"Single-column project cards with parallax scroll effects and a floating plus-icon cursor that appears on hover following mouse position.","name":"projects3","title":"Projects 3 - Scroll-animated project cards with cursor icon","type":"registry:block"},{"description":"A grid of story cards where opening one morphs the card, image, and title smoothly into a centered detail dialog with a description and button, then morphs back on close.","name":"projects30","title":"Projects 30 - Shared Element Story Cards","type":"registry:block"},{"description":"Two-column grid of project illustrations with titles, categories, and dates, preceded by a large heading and two descriptive text blocks.","name":"projects4","title":"Projects 4 - Illustrated project grid with header text","type":"registry:block"},{"description":"Two-column grid of bordered project cards with images, titles, categories, and pill-shaped year badges that animate into view on scroll.","name":"projects5","title":"Projects 5 - Animated project cards with year badges","type":"registry:block"},{"description":"Two-column grid of rounded dark cards with full-bleed images, category tags, titles, and descriptions revealed on hover.","name":"projects6","title":"Projects 6 - Photo card grid with gradient overlays","type":"registry:block"},{"description":"Two-column image grid with category filter buttons that animate items in and out, revealing title and description overlays on hover.","name":"projects7","title":"Projects 7 - Filterable image gallery with hover overlays","type":"registry:block"},{"description":"Three-column image grid with category filter buttons that animate items on change, revealing title and description on hover.","name":"projects8","title":"Projects 8 - Three-column filterable gallery with overlays","type":"registry:block"},{"description":"Edge-to-edge two-column grid of square images where titles and descriptions slide up from the bottom on hover.","name":"projects9","title":"Projects 9 - Two-column image grid with slide-up captions","type":"registry:block"},{"description":"A storefront banner that shows remaining spend toward free shipping, a progress bar, and a confirmation message once the threshold is met.","name":"promo-banner1","title":"Promo Banner 1 - Free shipping progress banner","type":"registry:block"},{"description":"A full-width promo bar with a sale message, discount line, and underlined shop-now link for a seasonal or sitewide offer.","name":"promo-banner2","title":"Promo Banner 2 - Sale banner with shop-now link","type":"registry:block"},{"description":"A promo bar with a gift icon and live hours-minutes-seconds countdown showing how long remains to order for delivery by a set date.","name":"promo-banner3","title":"Promo Banner 3 - Delivery cutoff countdown banner","type":"registry:block"},{"description":"A slim banner row of trust messages with icons for free shipping, returns, and secure checkout, shown as a repeating horizontal list.","name":"promo-banner4","title":"Promo Banner 4 - Trust-signal promo banner","type":"registry:block"},{"description":"A flash-sale banner with a live hours-minutes-seconds timer in boxed digits and a short offer line such as a percent-off message.","name":"promo-banner5","title":"Promo Banner 5 - Flash sale countdown banner","type":"registry:block"},{"description":"A holiday sale banner with a gift icon, title, and a live countdown of days, hours, minutes, and seconds in labeled boxes.","name":"promo-banner6","title":"Promo Banner 6 - Holiday sale countdown banner","type":"registry:block"},{"description":"A flash-sale banner with a live countdown, a sold-progress bar, and remaining-item count for a limited-time, limited-stock offer.","name":"promo-banner7","title":"Promo Banner 7 - Flash sale banner with stock bar","type":"registry:block"},{"description":"A two-column rate card with a monthly price, booking conditions, and a five-step process list covering revision, strategy, implementation, testing, and review.","name":"rate-card1","title":"Rate Card 1 - Monthly rate with process steps","type":"registry:block"},{"description":"A pair of pricing cards for a monthly retainer and a premium package, each with a description, included-benefits list, price, and a get-started button.","name":"rate-card2","title":"Rate Card 2 - Two-plan monthly rate cards","type":"registry:block"},{"description":"Full-screen new-password form with two fields, a submit button, and a return-to-login link.","name":"reset-password1","title":"Reset Password 1 - Centered reset password card","type":"registry:block"},{"description":"Two-column reset screen with password fields on the left and a full-height photograph on the right.","name":"reset-password2","title":"Reset Password 2 - Split reset password with image","type":"registry:block"},{"description":"Centered reset screen with a large heading and stacked password fields without a card.","name":"reset-password3","title":"Reset Password 3 - Minimal reset password stack","type":"registry:block"},{"description":"Muted-panel reset form with two password fields and a checklist of password requirements.","name":"reset-password4","title":"Reset Password 4 - Reset password with rules list","type":"registry:block"},{"description":"Two-column reset card pairing password fields with a dedicated requirements panel.","name":"reset-password6","title":"Reset Password 6 - Reset password with rules panel","type":"registry:block"},{"description":"A two-column resource page with a prose article on the right and a sidebar containing download options, whitepaper info, and social sharing links.","name":"resource1","title":"Resource 1 - Resource detail with sidebar and article","type":"registry:block"},{"description":"An article layout with back navigation, author avatar and byline, rich blog content, social sharing buttons, and a companion illustration.","name":"resource2","title":"Resource 2 - Article detail with social share","type":"registry:block"},{"description":"A two-column document page featuring breadcrumb navigation, a prose article with a hero image, and a sticky sidebar with download button, reviewer info, feature list, and social share icons.","name":"resource3","title":"Resource 3 - Resource detail with breadcrumb and sticky sidebar","type":"registry:block"},{"description":"A full resources page with a hero section containing breadcrumb, headline, email form, and featured card, plus a filterable grid of resource cards with load-more pagination.","name":"resources1","title":"Resources 1 - Resources page with category filter and email form","type":"registry:block"},{"description":"A resources section with a large featured article grid, two secondary article cards, and a tabbed list of updates filterable by category.","name":"resources2","title":"Resources 2 - Resources grid with featured articles and tab filter","type":"registry:block"},{"description":"A resources section with a large featured post card containing an image and CTA button, followed by a list of articles showing date, category, and title in columns.","name":"resources3","title":"Resources 3 - Featured resource with article list","type":"registry:block"},{"description":"A news and resources list with a left label column and rows displaying linked titles, categories, author avatars, and dates with animated hover effects.","name":"resources4","title":"Resources 4 - Resources list with hover animations","type":"registry:block"},{"description":"A stacked course list where each entry shows a badge, title, lesson and video counts, duration, audience, author avatar, image, and a start button.","name":"resources5","title":"Resources 5 - Course cards with author and stats","type":"registry:block"},{"description":"Three-column layout pairing a categorized resource list with a bordered image carousel and navigation controls.","name":"resources7","title":"Resources 7 - Resource list with image carousel sidebar","type":"registry:block"},{"description":"A review list with a calculated average rating, star scores, titles, author avatars, dates, and verified-purchase badges for each entry.","name":"reviews1","title":"Reviews 1 - Customer review list with average rating","type":"registry:block"},{"description":"Product reviews section with rating summary bars, sort control, review posts with image carousels, and a dialog form to submit new reviews with photos and attribute scores.","name":"reviews14","title":"Reviews 14 - Reviews with write-review form","type":"registry:block"},{"description":"Sidebar search and filters plus review cards with media, helpful votes, and accordion Q&A, including sheet filters on mobile and a write-review dialog.","name":"reviews16","title":"Reviews 16 - Filterable reviews with Q&A","type":"registry:block"},{"description":"A review list with sort controls, load more, verified-buyer badges, country labels, and per-review image carousels that open in a lightbox.","name":"reviews18","title":"Reviews 18 - Reviews with image gallery and sorting","type":"registry:block"},{"description":"Full reviews experience inside a large dialog with product preview, rating breakdown, filter checkboxes, searchable sortable reviews, media lightbox, and pagination.","name":"reviews19","title":"Reviews 19 - Product reviews modal with filters","type":"registry:block"},{"description":"A two-column review section with an average score, star-distribution progress bars, and cards that show author avatars, verified badges, and written feedback.","name":"reviews2","title":"Reviews 2 - Reviews with rating distribution sidebar","type":"registry:block"},{"description":"Horizontal carousel of review cards pairing customer quotes with product thumbnails, author avatars, and expandable comments on smaller screens.","name":"reviews22","title":"Reviews 22 - Product review cards carousel","type":"registry:block"},{"description":"A carousel of product reviews that pairs each comment and author avatar with the product image and name, verified-buyer labels, and navigation controls.","name":"reviews23","title":"Reviews 23 - Product review carousel with buyer cards","type":"registry:block"},{"description":"A review list with ratings, author avatars, product photos, variant details, helpful-vote counts, and a button to write a new review.","name":"reviews3","title":"Reviews 3 - Photo reviews with helpful votes","type":"registry:block"},{"description":"A review grid with an average score, clickable star-distribution bars that filter the list, and cards showing author, date, and written feedback.","name":"reviews4","title":"Reviews 4 - Reviews with star-rating filters","type":"registry:block"},{"description":"A review list with an average score, rating-distribution bars, a sort dropdown for helpfulness, date, and rating, verified badges, and a load-more control.","name":"reviews5","title":"Reviews 5 - Sortable review list with rating bars","type":"registry:block"},{"description":"A customer-review carousel that pairs each comment and rating with the reviewed product's image, name, price, and a link, plus navigation controls.","name":"reviews6","title":"Reviews 6 - Review carousel with product cards","type":"registry:block"},{"description":"A review carousel that alternates text quotes and photo cards, each with a rating and author, plus navigation buttons and slide indicators.","name":"reviews8","title":"Reviews 8 - Mixed text and photo review carousel","type":"registry:block"},{"description":"A review carousel of cards that pair product photos with star ratings, comments, authors, and dates, plus previous, next, and slide indicators.","name":"reviews9","title":"Reviews 9 - Product review carousel with images","type":"registry:block"},{"description":"A single-column service page with a muted full-width hero heading, an introduction section, and long-form prose content with headings, paragraphs, and a service list.","name":"service1","title":"Service 1 - Service detail page with hero and prose content","type":"registry:block"},{"description":"A single-column service page with a full-width background photo hero and dark overlay, followed by introduction and prose content sections with headings and a service list.","name":"service2","title":"Service 2 - Service detail page with photo hero","type":"registry:block"},{"description":"A service page combining a background-photo hero with an icon, a three-column stats section with tool logos, and long-form prose content with service descriptions.","name":"service3","title":"Service 3 - Service detail page with photo hero and stats grid","type":"registry:block"},{"description":"A service page with a muted hero, two-thirds prose content with icon-labeled services, and a one-third sticky sidebar displaying tool expertise metrics.","name":"service4","title":"Service 4 - Service detail page with sidebar stats","type":"registry:block"},{"description":"A service page with a two-thirds content column featuring an icon, heading, and prose sections, alongside a sidebar containing tool expertise stats and a related services list with hover effects.","name":"service5","title":"Service 5 - Service detail page with expertise and related services sidebar","type":"registry:block"},{"description":"A centered single-column service page with an icon header, three-column expertise grid, prose content with icon-labeled services, and a two-column related services grid.","name":"service6","title":"Service 6 - Service detail page with centered layout and sections","type":"registry:block"},{"description":"A single-column service page with a circular icon, bordered expertise cards in a three-column grid, icon-labeled prose content, and a bordered two-column related services grid.","name":"service7","title":"Service 7 - Service detail page with bordered expertise and related services","type":"registry:block"},{"description":"Four service cards in a two-column grid, each with a title, short description, and a checklist of offerings marked by circular check icons.","name":"services1","title":"Services 1 - Services grid with check lists","type":"registry:block"},{"description":"Four service cards in a two-column grid with icons, descriptions, included items, deliverable badges, pricing, and a bottom call-to-action banner.","name":"services10","title":"Services 10 - Service cards with pricing and deliverables","type":"registry:block"},{"description":"A split layout with headline, copy, view-all button, and two portrait photo cards with hover animation and link arrows.","name":"services11","title":"Services 11 - Services intro with image cards","type":"registry:block"},{"description":"Five service image cards in a split layout with a left-side heading, description paragraph, and outline button, plus hover opacity animations.","name":"services12","title":"Services 12 - Image card grid with intro panel","type":"registry:block"},{"description":"Five service cards combining a wide hero card with four portrait cards below, each showing a cover image, white title, and hover animation.","name":"services13","title":"Services 13 - Hero image card with portrait grid","type":"registry:block"},{"description":"A two-column split with heading, description, and button on the left, and four square image cards in a 2x2 grid on the right.","name":"services14","title":"Services 14 - Split layout with square image cards","type":"registry:block"},{"description":"Six service cards in a CSS-columns masonry layout with three height tiers, gradient hover overlays, and a centered view-all button.","name":"services15","title":"Services 15 - Masonry image cards with variable heights","type":"registry:block"},{"description":"A large typographic heading followed by a multi-open accordion where each item expands to show an image, description, and category badges.","name":"services16","title":"Services 16 - Accordion services with images and category badges","type":"registry:block"},{"description":"A three-column split with a large title, highlight points, and a button on the left, alongside stacked service rows with thumbnails and dot indicators on the right.","name":"services18","title":"Services 18 - Service list with images and dot indicators","type":"registry:block"},{"description":"A services table listing six rows with categories and subcategories, where a preview image follows the cursor and updates per hovered row.","name":"services19","title":"Services 19 - Table layout with cursor-following image","type":"registry:block"},{"description":"Five full-width service rows with oversized titles, milestone-icon option lists, diagonal hatched backgrounds, and staggered scroll-triggered animations.","name":"services20","title":"Services 20 - Stacked service rows with hatched backgrounds","type":"registry:block"},{"description":"A two-column layout with a sticky image preview and description on the left that updates as users hover over large service titles on the right.","name":"services21","title":"Services 21 - Sticky image preview with hover-activated service list","type":"registry:block"},{"description":"Four service rows in a narrow container, each displaying an icon and title on the left and a list of sub-services on the right, separated by bottom borders.","name":"services3","title":"Services 3 - Minimal service rows with three-column grid","type":"registry:block"},{"description":"Four service cards in a two-column grid, each with a circular icon, title, description, and dot-prefixed item list, plus a hover shadow effect.","name":"services4","title":"Services 4 - Bordered service cards with icon and bullet list","type":"registry:block"},{"description":"Four service cards in a two-column grid, each with an icon in a bordered container, a title with description, and a two-column included-items list.","name":"services5","title":"Services 5 - Muted service cards with included items grid","type":"registry:block"},{"description":"Four services in a four-column grid, each center-aligned with a large circular icon, title, description, and stacked item labels, featuring a background-inverting hover effect.","name":"services6","title":"Services 6 - Centered icon columns with hover inversion","type":"registry:block"},{"description":"Four stacked horizontal cards, each with a square icon container, a title, description, and a row of rounded pill-shaped tags listing sub-services.","name":"services7","title":"Services 7 - Horizontal service cards with pill tags","type":"registry:block"},{"description":"Four collapsible accordion items, each with an icon, title, and subtitle in the trigger, expanding to show a description and a two-column grid of items and deliverables.","name":"services8","title":"Services 8 - Accordion services with included items and deliverables","type":"registry:block"},{"description":"Four bordered service cards in a two-column grid, each showing an icon, title, duration, description, included items, a price, and a Shadcn UI outline button.","name":"services9","title":"Services 9 - Service cards with duration and pricing","type":"registry:block"},{"description":"A searchable integration gallery with category filter popover, compact integration cards showing logos and categories, and filtered results display.","name":"settings-integrations1","title":"Settings Integrations 1 - Integration Grid with Search","type":"registry:block"},{"description":"A vertical integration list with app logos, descriptions, connected status badges, and help links in a two-column layout with sidebar CTAs.","name":"settings-integrations2","title":"Settings Integrations 2 - Integration List with Status","type":"registry:block"},{"description":"A responsive grid of integration cards with large logos, descriptions, connected status badges, and hover arrow indicators for available connections.","name":"settings-integrations3","title":"Settings Integrations 3 - Integration Cards Grid","type":"registry:block"},{"description":"A responsive integration settings grid displaying third-party service cards with connection status badges and hover interactions.","name":"settings-integrations3a","title":"Settings Integrations3a - Integration Grid with Status Badges","type":"registry:block"},{"description":"A settings integrations panel with tabbed navigation to browse services by category, featuring connect/disconnect buttons and status badges.","name":"settings-integrations4","title":"Settings Integrations 4 - Tabbed Integration Categories","type":"registry:block"},{"description":"A compact integration settings panel with toggle switches for quick enable/disable of connected services.","name":"settings-integrations5","title":"Settings Integrations 5 - Toggle Switch Integration List","type":"registry:block"},{"description":"A table-based integration management view showing service status, sync times, and action buttons for settings and removal.","name":"settings-integrations6","title":"Settings Integrations 6 - Integration Table with Actions","type":"registry:block"},{"description":"A full-page integration browser with search, card-based layout featuring category labels and connect buttons in card footers.","name":"settings-integrations7","title":"Settings Integrations 7 - Integration Cards with Footer Actions","type":"registry:block"},{"description":"A two-column integration browser with category sidebar navigation and scrollable list of integration items.","name":"settings-integrations8","title":"Settings Integrations 8 - Sidebar Category Navigation","type":"registry:block"},{"description":"A management view for active integrations showing connection status, who connected them, and recent activity with dropdown actions.","name":"settings-integrations9","title":"Settings Integrations 9 - Connected Integrations with Activity","type":"registry:block"},{"description":"A team members table with search input, role filter popover, invite dialog, and status badges showing active and pending members.","name":"settings-members1","title":"Settings Members 1 - Members Table with Filters","type":"registry:block"},{"description":"A vertical member list with avatars, role badges, dropdown actions, search input, and invite dialog with help link in subheading.","name":"settings-members2","title":"Settings Members 2 - Members List with Avatars","type":"registry:block"},{"description":"A responsive card grid displaying team members with avatars, color-coded role badges, join dates, and dropdown action menus.","name":"settings-members3","title":"Settings Members 3 - Member Cards Grid","type":"registry:block"},{"description":"A compact member list with checkboxes for bulk selection, role count badges, pending status indicators, and bulk remove action button.","name":"settings-members4","title":"Settings Members 4 - Members with Bulk Selection","type":"registry:block"},{"description":"A tabbed interface separating active members from pending invitations, with online status indicators, last active times, and invite expiration tracking.","name":"settings-members5","title":"Settings Members 5 - Tabbed Members with Invites","type":"registry:block"},{"description":"A minimal notification settings list with checkboxes for each notification type in a single vertical column.","name":"settings-notifications1","title":"Settings Notifications 1 - Simple Checkbox List","type":"registry:block"},{"description":"A minimal notification settings list with switch toggles for each notification type in a vertical stack.","name":"settings-notifications2","title":"Settings Notifications 2 - Simple Switch List","type":"registry:block"},{"description":"A notification settings section with notifications organized into labeled categories, each in a bordered card with switch toggles.","name":"settings-notifications3","title":"Settings Notifications 3 - Grouped Categories with Switches","type":"registry:block"},{"description":"A notification settings table with Email and SMS checkbox columns for each notification type in a matrix layout.","name":"settings-notifications4","title":"Settings Notifications 4 - Two-Channel Matrix Table","type":"registry:block"},{"description":"A compact profile settings card with avatar upload, name, username, email, and bio fields.","name":"settings-profile1","title":"Settings Profile 1 - Basic Profile Form","type":"registry:block"},{"description":"A settings profile section with avatar upload, name and email fields, timezone and week-start selectors, disclaimer banner, and save action.","name":"settings-profile1a","title":"Settings Profile1a - Profile form with avatar upload and preferences","type":"registry:block"},{"description":"A comprehensive profile settings form with personal info, work details, and social media links organized in sections.","name":"settings-profile2","title":"Settings Profile 2 - Profile Form with Social Links","type":"registry:block"},{"description":"A settings profile layout with centered avatar upload, first and last name inputs, read-only email, and save button inside a bordered card.","name":"settings-profile2a","title":"Settings Profile2a - Centered profile card with photo upload","type":"registry:block"},{"description":"A multi-card profile settings layout with cover image upload, avatar, basic info, and regional preferences.","name":"settings-profile3","title":"Settings Profile 3 - Profile Settings with Cover Image","type":"registry:block"},{"description":"A full-page profile editor with sidebar navigation, sectioned content, and sticky save bar.","name":"settings-profile4","title":"Settings Profile 4 - Full Page Profile Editor","type":"registry:block"},{"description":"A two-column profile editor with live preview showing how changes appear to others in real-time.","name":"settings-profile5","title":"Settings Profile 5 - Profile with Live Preview","type":"registry:block"},{"description":"A multi-step wizard for profile setup with progress indicator, back/next navigation, and review step.","name":"settings-profile6","title":"Settings Profile 6 - Profile Setup Wizard","type":"registry:block"},{"description":"A compact profile card with inline editing - click to edit fields, save on enter or blur.","name":"settings-profile7","title":"Settings Profile 7 - Compact Inline Edit Profile","type":"registry:block"},{"description":"A full-screen shader background with raymarched 3D shapes, rotating scene, configurable color, and smooth volumetric lighting.","name":"shader1","title":"Shader 1 - Raymarched 3D Shader","type":"registry:block"},{"description":"A full-screen shader background that cycles between two images with lens distortion and bubble transition, configurable transition and pause duration.","name":"shader10","title":"Shader 10 - Image Transition Shader","type":"registry:block"},{"description":"A full-screen 3D background with an instanced torus of 30 metallic slices, blue gradient backdrop, multi-light setup, and bloom post-processing.","name":"shader11","title":"Shader 11 - 3D Torus with Bloom","type":"registry:block"},{"description":"A full-screen shader background with a raymarched 3D grid scene, configurable base, accent, and glow colors, vignette, and time-based camera motion.","name":"shader12","title":"Shader 12 - Raymarched Grid Shader","type":"registry:block"},{"description":"A full-screen shader background with fluid, organic shapes driven by sine and cosine distortion, single configurable color, and time-based animation.","name":"shader13","title":"Shader 13 - Flowing Organic Shader","type":"registry:block"},{"description":"A two-pass shader background with simplex noise distortion, flowing organic pattern, and a second pass that renders the result as character-based dither blocks.","name":"shader14","title":"Shader 14 - Noise Pattern with Character Dither","type":"registry:block"},{"description":"A full-screen shader background with RGB prism effect, color acts as spectral mask, configurable color and time multiplier.","name":"shader15","title":"Shader 15 - Light Dispersion Shader","type":"registry:block"},{"description":"A full-screen shader background with falling pixel-art invaders, expanding rings, configurable color, and time multiplier.","name":"shader16","title":"Shader 16 - Space Invaders Shader","type":"registry:block"},{"description":"A full-screen WebGL background that layers a real-time fluid simulation over a loaded image, driven by pointer movement and a configurable fluid tint color.","name":"shader17","title":"Shader 17 - Fluid Reveal Image","type":"registry:block"},{"description":"A full-screen fragment shader background using four tiled noise textures, a warm flame-style color ramp, parabolic silhouettes, and adjustable warp and edge controls.","name":"shader18","title":"Shader 18 - Texture Flame Shader","type":"registry:block"},{"description":"A full-screen shader background with glass rod refraction, 3D noise, RGB dispersion, and configurable background and object colors.","name":"shader19","title":"Shader 19 - Refraction Noise Shader","type":"registry:block"},{"description":"A full-screen shader background with kaleidoscope-style rotating shapes, fractal-like patterns, configurable color, and time-based animation.","name":"shader2","title":"Shader 2 - Kaleidoscope Swirl Shader","type":"registry:block"},{"description":"A full-screen shader background with glass rod refraction, two metaballs, configurable metaball and background colors.","name":"shader20","title":"Shader 20 - Metaball Glass Shader","type":"registry:block"},{"description":"A full-screen shader background with glass refraction, circular shapes, mouse-following interaction, and configurable color.","name":"shader3","title":"Shader 3 - Mouse-Interactive Glass Shader","type":"registry:block"},{"description":"A full-screen shader background with chromatic aberration, procedural organic scene, light streaks, and dark color palette.","name":"shader4","title":"Shader 4 - Chromatic Aberration Shader","type":"registry:block"},{"description":"A full-screen shader background with raymarched gyroid surface and sphere, neon volumetric lighting, and blue noise dither.","name":"shader5","title":"Shader 5 - Raymarched Gyroid Sphere","type":"registry:block"},{"description":"A full-screen shader background with cosine wave pattern, Bayer dither, and configurable foreground and background colors.","name":"shader6","title":"Shader 6 - Dithered Wave Shader","type":"registry:block"},{"description":"A full-screen shader background with fluid simulation, vector field visualization, arrow patterns, mouse interaction, and configurable color.","name":"shader7","title":"Shader 7 - Fluid Vector Field Shader","type":"registry:block"},{"description":"A full-screen shader background with ping-pong buffer, grid-based shapes (squares, crosses, lines), and mouse interaction.","name":"shader8","title":"Shader 8 - Interactive Grid Shader","type":"registry:block"},{"description":"A full-screen shader background with raymarched 3D torus, glow effect, mouse proximity highlight (red), and dark color palette.","name":"shader9","title":"Shader 9 - Glowing Torus with Mouse","type":"registry:block"},{"description":"A shipments list with status tabs, search, date and service filters, sortable columns, and a progress rail for each row.","name":"shipments1","title":"Shipments 1 - Shipment list with status tabs and carrier filters","type":"registry:block"},{"description":"A shipments detail with route overview, hub meta, MapLibre route map, and a scrollable activity timeline.","name":"shipments2","title":"Shipments 2 - Shipment detail with route map and activity timeline","type":"registry:block"},{"description":"A shipping label create form with carrier and package fields, live rate snapshot, dispatch date, and sender profile.","name":"shipments3","title":"Shipments 3 - Create shipping label with rates and dispatch plan","type":"registry:block"},{"description":"Full-bleed lookbook carousel with auto-scroll, PhotoSwipe lightbox, and floating product cards for shopping complete outfits from lifestyle images.","name":"shop-the-look1","title":"Shop The Look 1 - Auto-scrolling lookbook with lightbox","type":"registry:block"},{"description":"Two-column shop-the-look with a full outfit image, thumbnail carousel, and product cards supporting color, material, and size selects plus stock status.","name":"shop-the-look2","title":"Shop The Look 2 - Outfit builder with variants","type":"registry:block"},{"description":"Bundle builder with a selectable product carousel, discount progress toward a multi-item save offer, and an add-selected-to-cart action.","name":"shop-the-look3","title":"Shop The Look 3 - Frequently bought together bundle","type":"registry:block"},{"description":"Split layout pairing a lifestyle hero with room collections, each listing products revealed through hover cards in a carousel.","name":"shop-the-look4","title":"Shop The Look 4 - Room collections with hover products","type":"registry:block"},{"description":"Grid of creator look cards that open a dialog carousel with hotspot-tagged look images and linked product cards.","name":"shop-the-look5","title":"Shop The Look 5 - Creator looks grid with hotspots","type":"registry:block"},{"description":"Look-by-look carousel showing a large outfit image beside a product group list with prices and view actions.","name":"shop-the-look6","title":"Shop The Look 6 - Look carousel with product groups","type":"registry:block"},{"description":"Product cards fanned out like a hand of playing cards, where hovering lifts a card and clicking draws it up, with a sentence summary of the pick and a call to action.","name":"shop-the-look7","title":"Shop The Look 7 - Fanned Card Hand Picker","type":"registry:block"},{"description":"A page shopping cart listing item images, quantities, and line totals with a remove action, overall total, checkout button, and empty state.","name":"shopping-cart1","title":"Shopping Cart 1 - Simple page shopping cart","type":"registry:block"},{"description":"A sheet shopping cart pairing suggested products with line items, a free-shipping alert, shipping and total, checkout, and payment-method logos.","name":"shopping-cart12","title":"Shopping Cart 12 - Sheet cart with suggested products","type":"registry:block"},{"description":"A sheet shopping cart that grids product cards with quantity controls, a running total, and view-cart plus checkout actions.","name":"shopping-cart14","title":"Shopping Cart 14 - Sheet cart with product cards","type":"registry:block"},{"description":"A page shopping cart with color and size variants, quantity and remove controls, a promo-code field, useful links, and an empty-cart state.","name":"shopping-cart15","title":"Shopping Cart 15 - Page cart with variants and promo","type":"registry:block"},{"description":"A sheet shopping cart with a dark header, suggested products, an applied discount, a shipping spend threshold, and checkout plus view-cart buttons.","name":"shopping-cart16","title":"Shopping Cart 16 - Sheet cart with discount and suggestions","type":"registry:block"},{"description":"A basket sheet with a favourites shortcut, free-delivery alert, quantity controls, a promotional-code field, and a checkout total.","name":"shopping-cart17","title":"Shopping Cart 17 - Basket sheet with promo code","type":"registry:block"},{"description":"A compact popover shopping cart with item thumbnails, quantity controls, remove actions, a subtotal, checkout button, and empty state.","name":"shopping-cart18","title":"Shopping Cart 18 - Popover mini shopping cart","type":"registry:block"},{"description":"A sheet shopping cart with a free-shipping progress bar, upsell products, a promo-code field, subtotal, and checkout.","name":"shopping-cart19","title":"Shopping Cart 19 - Sheet cart with shipping progress","type":"registry:block"},{"description":"A page shopping cart with quantity controls, item removal, and an order summary showing subtotal, shipping, and total before checkout.","name":"shopping-cart2","title":"Shopping Cart 2 - Page cart with order summary","type":"registry:block"},{"description":"A compact popover shopping cart with item thumbnails, quantity controls, a subtotal, checkout, and Apple Pay plus PayPal express options.","name":"shopping-cart20","title":"Shopping Cart 20 - Popover cart with express checkout","type":"registry:block"},{"description":"A wide sheet shopping cart with line items, a total card, a collapsible order-notes field, and checkout plus view-cart buttons.","name":"shopping-cart25","title":"Shopping Cart 25 - Sheet cart with order notes","type":"registry:block"},{"description":"A sheet shopping cart with line items, a promotional offer, a coupon field, estimated total, and checkout plus view-cart actions.","name":"shopping-cart26","title":"Shopping Cart 26 - Sheet cart with promo offer","type":"registry:block"},{"description":"A page shopping cart with quantity updates, a promo-code field, order summary, and a free-shipping note plus checkout.","name":"shopping-cart3","title":"Shopping Cart 3 - Page cart with promo code","type":"registry:block"},{"description":"A dialog shopping cart that grids cart items with quantity controls, a running total, view-cart and checkout actions, and an empty state.","name":"shopping-cart7","title":"Shopping Cart 7 - Dialog cart with product grid","type":"registry:block"},{"description":"A simple sidebar with logo header, labeled navigation groups, footer links, and main content area with breadcrumbs and toggle button.","name":"sidebar1","title":"Sidebar 1 - Basic Sidebar with Groups","type":"registry:block"},{"description":"An inset sidebar with workspace switcher, search field, collapsible project nav, user account footer, and a breadcrumb header.","name":"sidebar10","title":"Sidebar 10 - Inset sidebar with search input","type":"registry:block"},{"description":"A right-aligned sidebar with workspace switcher, search field, collapsible groups, user footer, and a header trigger on the trailing edge.","name":"sidebar11","title":"Sidebar 11 - Right sidebar with search input","type":"registry:block"},{"description":"A dual sidebar layout with left app navigation, a right metrics menu of compact labels, and a breadcrumb header between them.","name":"sidebar12","title":"Sidebar 12 - Dual sidebar with metrics panel","type":"registry:block"},{"description":"A sidebar file explorer with a brand header, nested folders and files, chevron expanders, and a path-style breadcrumb in the main header.","name":"sidebar13","title":"Sidebar 13 - Sidebar with file tree","type":"registry:block"},{"description":"A sidebar where nested items open a slide-out panel beside the rail instead of expanding inline, with search, workspace switcher, and user footer.","name":"sidebar14","title":"Sidebar 14 - Sidebar with slide-out submenu","type":"registry:block"},{"description":"A sidebar that opens nested navigation in a dropdown menu under each parent item, with workspace switcher, search input, and user footer.","name":"sidebar15","title":"Sidebar 15 - Sidebar with dropdown submenus","type":"registry:block"},{"description":"A sidebar of service categories that opens a full-height mega menu overlay with multi-column section grids, plus workspace switcher and search.","name":"sidebar16","title":"Sidebar 16 - Sidebar with mega menu overlay","type":"registry:block"},{"description":"A sidebar with workspace switcher, three icon tabs for files, git branches, and settings, plus a user account footer.","name":"sidebar17","title":"Sidebar 17 - Sidebar with icon tabs","type":"registry:block"},{"description":"A chat-style sidebar with workspace switcher, text and voice channels, direct messages with status dots, unread badges, and user media controls.","name":"sidebar18","title":"Sidebar 18 - Sidebar with chat channels","type":"registry:block"},{"description":"A dual sidebar chat layout with collapsible channel categories on the left, a members list on the right, and a hashed channel title in the header.","name":"sidebar19","title":"Sidebar 19 - Dual sidebar with members list","type":"registry:block"},{"description":"A sidebar with collapsible navigation groups, nested submenu items with chevron indicators, and expandable project sections.","name":"sidebar2","title":"Sidebar 2 - Sidebar with Collapsible Submenus","type":"registry:block"},{"description":"A documentation layout with a left docs tree and search, a right on-this-page outline, and a multi-level breadcrumb in the header.","name":"sidebar20","title":"Sidebar 20 - Documentation sidebar with table of contents","type":"registry:block"},{"description":"A sidebar that replaces the main menu with a child list and back control when a parent item is opened, plus logo header and user footer.","name":"sidebar21","title":"Sidebar 21 - Sidebar with drill-down navigation","type":"registry:block"},{"description":"A sidebar with multiple labeled navigation groups covering overview, projects, team, and workspace sections with footer utilities.","name":"sidebar3","title":"Sidebar 3 - Sidebar with Multiple Groups","type":"registry:block"},{"description":"A sidebar with collapsible navigation groups that can expand/collapse entire sections, combining group labels with expandable content.","name":"sidebar4","title":"Sidebar 4 - Sidebar with Collapsible Groups","type":"registry:block"},{"description":"A sidebar with integrated search input in the header, collapsible navigation groups, and labeled sections for quick filtering.","name":"sidebar5","title":"Sidebar 5 - Sidebar with Search Input","type":"registry:block"},{"description":"A sidebar with user profile dropdown in the footer showing avatar, name, email, and account/logout options with collapsible navigation.","name":"sidebar6","title":"Sidebar 6 - Sidebar with User Footer","type":"registry:block"},{"description":"A sidebar with workspace/organization switcher dropdown in the header, allowing users to switch between different workspaces or teams.","name":"sidebar7","title":"Sidebar 7 - Sidebar with Workspace Switcher","type":"registry:block"},{"description":"An inset sidebar variant that appears contained within the page with rounded corners, workspace switcher, user footer, and collapsible groups.","name":"sidebar8","title":"Sidebar 8 - Sidebar Inset Variant","type":"registry:block"},{"description":"A floating sidebar with workspace switcher, search field, grouped nav with nested project links, user footer, and a breadcrumb header.","name":"sidebar9","title":"Sidebar 9 - Floating sidebar with search input","type":"registry:block"},{"description":"A full-screen centered signup form with a logo, unlabeled email and password fields, a confirm password input, a create account button, and a login link.","name":"signup1","title":"Signup 1 - Centered signup form with confirm password","type":"registry:block"},{"description":"A two-column signup with a logo, Google button, email input, continue button, legal links, and a full-height image on large screens.","name":"signup10","title":"Signup 10 - Split signup with full-height image","type":"registry:block"},{"description":"A full-screen centered signup form with a logo, email and password inputs, a create account button, and a login link on a muted background.","name":"signup2","title":"Signup 2 - Centered signup form with logo","type":"registry:block"},{"description":"A full-screen centered signup form with a logo, labeled email and password fields, a create account button, and Google, GitHub, and Facebook sign-up options.","name":"signup3","title":"Signup 3 - Muted panel signup with social login","type":"registry:block"},{"description":"A centered signup form with a logo and heading above a bordered card containing labeled fields, a create account button, social provider buttons, and a login link.","name":"signup4","title":"Signup 4 - Bordered signup card with social login","type":"registry:block"},{"description":"A centered signup form with a logo and heading above a muted panel of labeled fields, a create account button, social sign-up options, and a login link.","name":"signup5","title":"Signup 5 - Signup form with muted panel and social buttons","type":"registry:block"},{"description":"A centered signup card with a logo, a Google sign-up button above a divider, labeled email and password fields including confirm password, and a login link.","name":"signup6","title":"Signup 6 - Centered signup form with Google first","type":"registry:block"},{"description":"A two-column signup section with Google, email, and enterprise SSO options, legal links, review badges, a product screenshot, and three feature blurbs.","name":"signup7","title":"Signup 7 - Split signup with product preview","type":"registry:block"},{"description":"A two-column signup with a promotional badge, large headline, Google and email buttons, a no-credit-card note, and a browser window mockup.","name":"signup8","title":"Signup 8 - Split signup with browser preview","type":"registry:block"},{"description":"A full-screen centered signup page with a Google sign-up button, email input, continue button, login link, and an auto-scrolling logo carousel at the bottom.","name":"signup9","title":"Signup 9 - Signup form with Google option and logo carousel","type":"registry:block"},{"description":"A sticky heading column beside a stacked list of tools, each with a logo, category, and years-of-experience badge.","name":"skills1","title":"Skills 1 - Sticky tools list with experience badges","type":"registry:block"},{"description":"A large heading above a two-column list of tools with logos, categories, hatched backgrounds, and usage percentages.","name":"skills2","title":"Skills 2 - Two-column tools grid with usage","type":"registry:block"},{"description":"A horizontal carousel of social media post cards with hover-to-play videos, user avatars, usernames, and product links, plus scroll progress and nav buttons.","name":"social-media-trending1","title":"Social Media Trending 1 - Video Carousel Social Feed","type":"registry:block"},{"description":"An auto-scrolling carousel of social media image cards with avatars and usernames; hover pauses autoplay. Includes title and profile link in header.","name":"social-media-trending2","title":"Social Media Trending 2 - Auto-Scroll Image Carousel","type":"registry:block"},{"description":"A grid of social media post images with a featured profile section (avatar, username, follower count, CTA) spanning two columns; Instagram icon appears on hover.","name":"social-media-trending3","title":"Social Media Trending 3 - Featured Profile Image Grid","type":"registry:block"},{"description":"A vertical marquee grid of social media post cards with fade masks on top and bottom, featuring multiple columns scrolling at different speeds and directions.","name":"social-media-trending4","title":"Social Media Trending 4 - Vertical Marquee Social Feed","type":"registry:block"},{"description":"A social media feed grid with larger image tiles, featured profile section, video card with hover-to-play, and social network icons that appear on hover.","name":"social-media-trending5","title":"Social Media Trending 5 - Social Grid with Video Card","type":"registry:block"},{"description":"Hashtag-led social gallery carousel that opens a dialog with image carousel, captions, source links, and social share actions for shoppable user-generated content.","name":"social-media-trending6","title":"Social Media Trending 6 - UGC gallery with share dialog","type":"registry:block"},{"description":"Floating video trigger opens a full-screen stories-style dialog with product video, image carousel, ratings, quantity controls, and add-to-cart actions.","name":"social-media-trending7","title":"Social Media Trending 7 - Shoppable social video stories","type":"registry:block"},{"description":"Asymmetric photo mosaic of Instagram-tagged home posts that open a fade carousel dialog with author, caption, and tagged products.","name":"social-media-trending8","title":"Social Media Trending 8 - Instagram-style shoppable mosaic","type":"registry:block"},{"description":"A compact metric card displaying a value with trend indicator showing percentage change and direction.","name":"stats-card1","title":"Stats Card 1 - Metric Card with Trend","type":"registry:block"},{"description":"A metric card with a colored left border accent and pill badge showing percentage change.","name":"stats-card10","title":"Stats Card 10 - Metric Card with Accent Border","type":"registry:block"},{"description":"A metric card with a sparkline area chart showing recent trend data below the main value.","name":"stats-card2","title":"Stats Card 2 - Metric Card with Sparkline","type":"registry:block"},{"description":"A metric card showing progress toward a goal with a progress bar and target value.","name":"stats-card3","title":"Stats Card 3 - Metric Card with Progress","type":"registry:block"},{"description":"A metric card displaying current and previous period values side by side for easy comparison.","name":"stats-card4","title":"Stats Card 4 - Metric Card with Comparison","type":"registry:block"},{"description":"A metric card with a colored icon badge in the header alongside the title and value.","name":"stats-card5","title":"Stats Card 5 - Metric Card with Icon","type":"registry:block"},{"description":"A metric card showing a total value with a breakdown list of contributing segments below.","name":"stats-card6","title":"Stats Card 6 - Metric Card with Breakdown","type":"registry:block"},{"description":"A metric card with a mini donut chart showing percentage completion alongside the value.","name":"stats-card7","title":"Stats Card 7 - Metric Card with Donut","type":"registry:block"},{"description":"A metric card with a color-coded status indicator showing healthy, warning, or critical states.","name":"stats-card8","title":"Stats Card 8 - Metric Card with Status","type":"registry:block"},{"description":"A metric card with MRR/ARR toggle to switch between monthly and annual recurring revenue views.","name":"stats-card9","title":"Stats Card 9 - Metric Card with Toggle","type":"registry:block"},{"description":"A centered heading above three large performance figures, each with a short label above and a supporting phrase below.","name":"stats1","title":"Stats 1 - Centered three-column performance stats","type":"registry:block"},{"description":"Three linked metric cards in a responsive grid, each displaying an avatar, company logo, large stat number, and short description with hover elevation effects.","name":"stats10","title":"Stats 10 - Stats cards with avatars and logos","type":"registry:block"},{"description":"A stats section with a headline, four metrics in a two-column grid, a primary-tinted gradient background, vertical line grid pattern, and a large decorative circle element.","name":"stats11","title":"Stats 11 - Stats section with gradient background and circle decoration","type":"registry:block"},{"description":"A two-column stats section with a heading, chart, and call to action beside a large animated revenue figure that toggles monthly and yearly values.","name":"stats12","title":"Stats 12 - Split stats with monthly toggle","type":"registry:block"},{"description":"A centered heading above four animated comparison bars, with one highlighted column showing a conversions tooltip and percentage.","name":"stats13","title":"Stats 13 - Animated competitor bar comparison","type":"registry:block"},{"description":"Animated countdown display showing days, hours, minutes, and seconds inside a decorated container with a call-to-action button.","name":"stats14","title":"Stats 14 - Countdown timer with CTA","type":"registry:block"},{"description":"A heading, two buttons, and four animated figures next to year-range pills that update the numbers and a connecting line.","name":"stats15","title":"Stats 15 - Year-toggle stats with timeline","type":"registry:block"},{"description":"A centered heading and pill label above a line chart, followed by three key figures with short descriptions.","name":"stats16","title":"Stats 16 - Centered stats with line chart","type":"registry:block"},{"description":"A centered heading above a two-column layout with a radial visitor chart and three stacked key figures.","name":"stats17","title":"Stats 17 - Radial chart with stacked metrics","type":"registry:block"},{"description":"A centered heading and pill label above a radar chart, followed by three key figures with short descriptions.","name":"stats18","title":"Stats 18 - Centered stats with radar chart","type":"registry:block"},{"description":"A sticky milestones label beside a stacked list of large figures, each paired with a supporting paragraph and a bottom border.","name":"stats19","title":"Stats 19 - Sticky milestones list","type":"registry:block"},{"description":"A centered heading above a six-card grid of stats, each pairing a trend icon with a value and a short description.","name":"stats2","title":"Stats 2 - Accent cards with trend arrows","type":"registry:block"},{"description":"Animated fiscal-year KPIs above a ruler-style baseline with default and secondary CTAs. Year pills stay in chronological order and use light horizontal motion when selected.","name":"stats22","title":"Stats 22 - Yearly Metrics With Ruler Timeline","type":"registry:block"},{"description":"A milestones heading in a quarter-width column, beside a stacked list of large figures and short paragraphs.","name":"stats23","title":"Stats 23 - Milestones Beside a Quarter Column","type":"registry:block"},{"description":"Inline rating strip showing star scores and platform logos for Apple Store, Play Store, and Trustpilot.","name":"stats4","title":"Stats 4 - Platform rating bar","type":"registry:block"},{"description":"Three bold percentage figures with trend icons and labels, arranged in a row beneath a large heading.","name":"stats5","title":"Stats 5 - Three-column metric display","type":"registry:block"},{"description":"A left-aligned heading and two call-to-action buttons above a four-column row of large figures with metric labels.","name":"stats6","title":"Stats 6 - Left-aligned stats with dual buttons","type":"registry:block"},{"description":"A bordered card of weekly metrics, each with a labeled progress bar, colored trend arrow, and week-over-week comparison.","name":"stats7","title":"Stats 7 - Weekly stats with progress bars","type":"registry:block"},{"description":"A heading, description, and linked call to action above a four-column grid of large stat figures with labels.","name":"stats8","title":"Stats 8 - Stats grid with heading and link","type":"registry:block"},{"description":"A two-column section with a badge, heading, and three inline metrics beside a four-card feature grid.","name":"stats9","title":"Stats 9 - Split stats with feature cards","type":"registry:block"},{"description":"A team directory with focus, identifier, and sort filters, plus maintainer and project details on each row.","name":"team-list1","title":"Team List 1 - Team directory with filters","type":"registry:block"},{"description":"A card directory of people on teams, with search, status, and a control that copies an email address.","name":"team-list2","title":"Team List 2 - Team directory cards","type":"registry:block"},{"description":"A card grid of people with their open tasks, team, and contact details.","name":"team-list3","title":"Team List 3 - Team task cards","type":"registry:block"},{"description":"A team card grid with search and focus filters, member photos, and project codes.","name":"team-list4","title":"Team List 4 - Team cards by focus","type":"registry:block"},{"description":"A searchable team list that opens the selected team's members and projects beside it.","name":"team-list5","title":"Team List 5 - Team list with member panel","type":"registry:block"},{"description":"A team table with sortable columns for name, member count, and project count.","name":"team-list6","title":"Team List 6 - Team table","type":"registry:block"},{"description":"Centered team intro with heading and supporting copy above a responsive avatar grid of names and roles.","name":"team1","title":"Team 1 - Centered team grid with avatars","type":"registry:block"},{"description":"Left intro column with heading, copy, and join button beside a muted multi-column list of compact avatar and role rows.","name":"team10","title":"Team 10 - Experts list grid with join CTA","type":"registry:block"},{"description":"Bordered team header above a dense member grid that reveals a highlighted bio card on hover for medium screens and up.","name":"team11","title":"Team 11 - Team grid with hover bio highlight","type":"registry:block"},{"description":"Bracket-style meet-the-team header and careers link above three tall staggered portraits with name and designation.","name":"team12","title":"Team 12 - Staggered portrait trio with bracket header","type":"registry:block"},{"description":"Bracket team header with careers link, showing animated portraits in a looping carousel on mobile and a staggered row on desktop.","name":"team13","title":"Team 13 - Animated team portraits with mobile carousel","type":"registry:block"},{"description":"A team section with a bordered hiring message and CTA beside portrait photos, shown as a carousel on mobile and a row on desktop.","name":"team14","title":"Team 14 - Split hiring panel with team photo row","type":"registry:block"},{"description":"Centered team header with label and split title above cards that pair member copy and social buttons with a square portrait.","name":"team15","title":"Team 15 - Split team cards with social buttons","type":"registry:block"},{"description":"Split team section pairing a mission and collaboration story with CTA against a grid of full-bleed portraits labeled with role and name.","name":"team16","title":"Team 16 - Mission panel with full-bleed portrait grid","type":"registry:block"},{"description":"Portrait team grid followed by alumni and collaborator name lists plus a culture section explaining how the group works.","name":"team17","title":"Team 17 - Team portraits with alumni and culture sections","type":"registry:block"},{"description":"Sticky team heading beside categorized member groups with avatar name grids, role badges, and hover popovers for bios and category info.","name":"team18","title":"Team 18 - Categorized team directory with bio popovers","type":"registry:block"},{"description":"Team profile card grid with decorative corner frames, role, avatar, bio, previous companies, and optional Twitter or LinkedIn links.","name":"team19","title":"Team 19 - Corner-framed team profile cards","type":"registry:block"},{"description":"Centered team intro above a member grid with avatars, roles, and optional GitHub, Twitter, and LinkedIn icon links.","name":"team2","title":"Team 2 - Team grid with social profile links","type":"registry:block"},{"description":"Centered team section with gradient headline treatment and member cards that lift on hover to reveal avatar glow, role pills, and social links.","name":"team3","title":"Team 3 - Hover-lift team cards with gradient accents","type":"registry:block"},{"description":"Team heading above a minimal responsive grid of square photos with names and role labels.","name":"team36","title":"Team 36 - Simple team photo grid","type":"registry:block"},{"description":"Centered heading and supporting copy above a four-person row of ringed circular avatars with names and roles.","name":"team37","title":"Team 37 - Centered circular avatar row","type":"registry:block"},{"description":"Centered intro above three bordered profile cards, each with a circular avatar, role, and department badge.","name":"team38","title":"Team 38 - Founder cards with department badges","type":"registry:block"},{"description":"Left-aligned heading above a square portrait grid that reveals each member role on hover.","name":"team39","title":"Team 39 - Hover overlay portrait grid","type":"registry:block"},{"description":"Left-aligned team intro with a badge and copy above a four-column grid of portraits, roles, short bios, and Twitter or GitHub links.","name":"team4","title":"Team 4 - Team grid with bios and social links","type":"registry:block"},{"description":"Uppercase label and heading above stacked founder rows with rounded-square avatars, roles, bios, and separators.","name":"team40","title":"Team 40 - Founding team bio list","type":"registry:block"},{"description":"Centered intro above a three-column card grid of member avatars plus a dashed hiring tile with a roles CTA.","name":"team41","title":"Team 41 - Team grid with hiring card","type":"registry:block"},{"description":"Sticky left copy and stacked avatar preview beside a three-column grid of square member portraits.","name":"team42","title":"Team 42 - Sticky intro with portrait grid","type":"registry:block"},{"description":"Inverted full-width section with a centered label, heading, and six circular avatars of a remote crew.","name":"team43","title":"Team 43 - Inverted remote crew grid","type":"registry:block"},{"description":"Centered intro above four profile cards with circular avatars and website, social, and email icon links.","name":"team44","title":"Team 44 - Team cards with contact links","type":"registry:block"},{"description":"Centered heading above department tabs that filter a card grid of circular avatars by team without collapsing the section.","name":"team45","title":"Team 45 - Filterable department team grid","type":"registry:block"},{"description":"Centered intro above a large founder portrait card with bio and tags, plus a row of supporting avatar cards.","name":"team46","title":"Team 46 - Featured founder with supporting team","type":"registry:block"},{"description":"Left-aligned label and heading above a multi-column masonry of portrait cards with mixed square and tall crops.","name":"team47","title":"Team 47 - Masonry team portrait columns","type":"registry:block"},{"description":"Heading above department sections with a count, divider, and compact rows of circular avatars and roles.","name":"team48","title":"Team 48 - Team directory by department","type":"registry:block"},{"description":"Label and heading above a list of people with circular avatars, roles, and join years, divided by hairlines.","name":"team49","title":"Team 49 - Team directory list with avatars","type":"registry:block"},{"description":"Centered team intro with careers button above member cards showing avatar, department badge, bio, expertise tags, and a bottom careers CTA.","name":"team5","title":"Team 5 - Team cards with expertise badges and careers CTA","type":"registry:block"},{"description":"Heading and copy above a card grid of members with circular avatars plus location and timezone badges.","name":"team50","title":"Team 50 - Distributed team location cards","type":"registry:block"},{"description":"Heading with previous and next controls above a three-card portrait window that slides between people, with bios and paging dots.","name":"team52","title":"Team 52 - Team member card carousel","type":"registry:block"},{"description":"Sticky founder quote with a circular avatar beside a heading and square portrait grid of the rest of the team.","name":"team53","title":"Team 53 - Founder quote beside team grid","type":"registry:block"},{"description":"Serif heading above two-column cards that pair a tall portrait with name, role, bio, and a beat pill.","name":"team55","title":"Team 55 - Editorial team portrait cards","type":"registry:block"},{"description":"Left-aligned team heading and supporting copy above a responsive card grid of circular avatars, names, and roles.","name":"team56","title":"Team 56 - Left-aligned team cards","type":"registry:block"},{"description":"Uppercase label and heading above six people in two columns, each with a rounded-square avatar, role, bio, and hairline dividers.","name":"team57","title":"Team 57 - Two-column team bio list","type":"registry:block"},{"description":"Coverflow portrait carousel with gradient edge masks, a bordered info card showing the active person's name and role, social icon links on each slide, and chevron navigation buttons.","name":"team58","title":"Team 58 - Coverflow team carousel with info card","type":"registry:block"},{"description":"Looping team carousel with portrait photos, names, and roles, navigated by square previous and next buttons.","name":"team59","title":"Team 59 - Team member carousel","type":"registry:block"},{"description":"Centered team intro and careers CTA above a dense grid of bordered member cards with avatar, role, and department badge.","name":"team6","title":"Team 6 - Compact team cards with department badges","type":"registry:block"},{"description":"Left-aligned team heading above a dense portrait grid showing each person's photo, name, and role.","name":"team7","title":"Team 7 - Portrait grid with names and roles","type":"registry:block"},{"description":"Left-aligned headline and copy beside a member carousel of bordered cards with photo, role, separator, and years of experience.","name":"team8","title":"Team 8 - Team carousel with experience callouts","type":"registry:block"},{"description":"Team directory with category tabs, name or role search, and a responsive card grid showing photo, role, and years of experience.","name":"team9","title":"Team 9 - Filterable team grid with tabs and search","type":"registry:block"},{"description":"Centered heading with eight testimonial cards in a staggered multi-column layout, each showing a quote, avatar, name, and role.","name":"testimonial1","title":"Testimonial 1 - Staggered column testimonial grid","type":"registry:block"},{"description":"One large testimonial quote centered on the page with an avatar, name, and role beneath it.","name":"testimonial10","title":"Testimonial 10 - Single centered quote","type":"registry:block"},{"description":"Multi-column testimonial cards over a gradient background, paired with a heading, description, and star-rated platform logos.","name":"testimonial11","title":"Testimonial 11 - Masonry testimonial grid with ratings","type":"registry:block"},{"description":"Carousel of testimonial slides combining a portrait image, blockquote, company logo, and two highlighted stat figures.","name":"testimonial12","title":"Testimonial 12 - Testimonial carousel with stats","type":"registry:block"},{"description":"A single centered quote on an accent background, topped by a pill of overlapping avatars and a short trust label.","name":"testimonial13","title":"Testimonial 13 - Centered quote with stacked avatars","type":"registry:block"},{"description":"Full-width carousel cycling through centered quotes with avatars, names, and clickable dot indicators below.","name":"testimonial14","title":"Testimonial 14 - Testimonial carousel with dot navigation","type":"registry:block"},{"description":"A two-column section with a headline, membership button, and company logos beside a stack of four avatar quotes.","name":"testimonial15","title":"Testimonial 15 - Split membership pitch with quote stack","type":"registry:block"},{"description":"Two-column layout with a heading on the left and a list of expandable tweet-style testimonial entries on the right.","name":"testimonial16","title":"Testimonial 16 - Expandable tweet-style testimonials","type":"registry:block"},{"description":"A section heading beside three company-logo testimonial cards, shown as a dotted carousel on small screens and a static grid on large ones.","name":"testimonial17","title":"Testimonial 17 - Logo quotes with mobile carousel","type":"registry:block"},{"description":"A centered heading with a star-rating line and a single featured quote card showing amber stars, a large quote, supporting text, and an author avatar.","name":"testimonial18","title":"Testimonial 18 - Featured quote with star rating","type":"registry:block"},{"description":"A centered heading and supporting line above an auto-scrolling carousel of testimonial cards with avatars, five-star ratings, and quoted reviews, faded at both edges.","name":"testimonial19","title":"Testimonial 19 - Auto-scrolling testimonial card row","type":"registry:block"},{"description":"Large centered headline with overlapping avatars woven into the text and a primary action button below.","name":"testimonial2","title":"Testimonial 2 - Inline avatar CTA headline","type":"registry:block"},{"description":"A two-column testimonial pair inside a dashed frame, each side showing a quote with a bolded phrase, an avatar, and a name, with sparkle icons at the corners.","name":"testimonial20","title":"Testimonial 20 - Dashed two-column quote pair","type":"registry:block"},{"description":"A bordered header with a badge and large heading above a three-column grid of cards, each with a company logo, italic quote, and author photo.","name":"testimonial21","title":"Testimonial 21 - Expert quotes with company logos","type":"registry:block"},{"description":"Masonry grid of social-style testimonial cards with avatars, verified badges, and dates, beneath a centered heading and badge label.","name":"testimonial23","title":"Testimonial 23 - Masonry testimonial cards with badge","type":"registry:block"},{"description":"A centered heading and description above a masonry wall of star-rated quote cards with avatars, fading into the page background at the bottom.","name":"testimonial24","title":"Testimonial 24 - Masonry star-rated quotes with fade","type":"registry:block"},{"description":"A left-aligned heading, supporting copy, and customer-stories button above a looping carousel of portrait cards with quotes, names, roles, and company lines.","name":"testimonial25","title":"Testimonial 25 - Photo testimonial carousel with stories link","type":"registry:block"},{"description":"Draggable testimonial carousel showing large blockquotes with company logos, author names, and circular dot navigation.","name":"testimonial26","title":"Testimonial 26 - Quote carousel with dot indicators","type":"registry:block"},{"description":"A heading and description above two quote cards with avatars and company logos, plus three square case-study tiles showing a large stat and title.","name":"testimonial27","title":"Testimonial 27 - Quotes with case study metrics","type":"registry:block"},{"description":"Carousel of testimonial slides inside dashed-line cards with corner plus marks, navigation arrows, and a decorative line between controls.","name":"testimonial28","title":"Testimonial 28 - Dashed-border testimonial carousel","type":"registry:block"},{"description":"A large centered heading above an autoplay slider that shows one framed avatar, name, role, and oversized quote at a time, with pill indicators.","name":"testimonial29","title":"Testimonial 29 - Centered autoplay testimonial slider","type":"registry:block"},{"description":"A single centered testimonial quote framed by top and bottom borders, with a company wordmark and author name beneath it.","name":"testimonial3","title":"Testimonial 3 - Centered quote with company wordmark","type":"registry:block"},{"description":"An auto-rotating testimonial section with accordion items, company logos, avatars, outcome metrics, progress bars, and a call-to-action button.","name":"testimonial30","title":"Testimonial 30 - Auto-rotating accordion testimonials","type":"registry:block"},{"description":"A testimonial section with heading, description, CTA button, and a horizontal carousel of photo cards featuring quotes and author info.","name":"testimonial31","title":"Testimonial 31 - Testimonial Carousel with Photo Cards","type":"registry:block"},{"description":"A testimonial section with a centered headline and a responsive grid where one large quote spans two columns and rows beside two stacked accent cards.","name":"testimonial33","title":"Testimonial 33 - Bento featured testimonial grid","type":"registry:block"},{"description":"Puts three case-study cards with a top image, stat, and title above a two-column testimonial section with left-accent quotes and shadcn/ui avatars, built with Shadcn UI.","name":"testimonial34","title":"Testimonial 34 - Image Case Studies With Quote Cards","type":"registry:block"},{"description":"Left-aligned intro, two testimonial cards with company logo on top and author below, and a single bordered list of case-study rows with thumbnails, stats, and titles, built with Shadcn UI.","name":"testimonial35","title":"Testimonial 35 - Logo-First Testimonials And Case List","type":"registry:block"},{"description":"A two-column layout with heading, description, and testimonial cards on the left and a bordered list of case-study rows (thumbnail, metric, title) on the right, built with Shadcn UI.","name":"testimonial36","title":"Testimonial 36 - Split Copy And Stacked Case Studies","type":"registry:block"},{"description":"A rounded foreground-on-background band containing testimonial cards and a three-column case-study row with high-contrast type, built with Shadcn UI avatars and the testimonial-case-studies shape.","name":"testimonial37","title":"Testimonial 37 - Inverted Testimonials And Case Strip","type":"registry:block"},{"description":"A narrow centered section with a bordered, divided list for testimonials and a simple three-column case-study row with border-only tiles and tabular numbers, built with Shadcn UI.","name":"testimonial38","title":"Testimonial 38 - Divided List And Metric Blocks","type":"registry:block"},{"description":"Testimonials in a horizontal snap scroll on small screens and a two-column grid on desktop, with case studies as image-plus-content rows, built with Shadcn UI and the testimonial-case-studies model.","name":"testimonial39","title":"Testimonial 39 - Snap Scroll Quotes And Image Case Rows","type":"registry:block"},{"description":"A large photo beside a featured quote card, followed by three smaller testimonial cards with avatars, names, and roles.","name":"testimonial4","title":"Testimonial 4 - Featured quote with supporting cards","type":"registry:block"},{"description":"A muted full-width background with elevated testimonial cards and three tall case-study cards using background photos and a top gradient for legible light text, built with Shadcn UI and testimonial-case-studies content.","name":"testimonial40","title":"Testimonial 40 - Muted Surface With Portrait Case Cards","type":"registry:block"},{"description":"A testimonial carousel showing three photo cards at a time with masked edges and centered navigation, featuring large portrait photos, star ratings, and author details.","name":"testimonial41","title":"Testimonial 41 - Centered Testimonial Carousel with Faded Edges","type":"registry:block"},{"description":"A testimonial carousel with left-aligned heading and navigation, four photo cards visible on large screens, square portraits, and faded edge masking.","name":"testimonial42","title":"Testimonial 42 - Left Aligned Carousel With Four Columns","type":"registry:block"},{"description":"Split-layout gallery carousel pairing a heading and navigation buttons on the left with scrollable testimonial cards on the right, plus a progress bar.","name":"testimonial43","title":"Testimonial 43 - Testimonial carousel with side text","type":"registry:block"},{"description":"A heading above a carousel of bordered quote cards with avatars and previous and next controls, revealing one to three cards at a time.","name":"testimonial6","title":"Testimonial 6 - Testimonial carousel with arrow controls","type":"registry:block"},{"description":"A heading and supporting line above two looping rows of testimonial cards that scroll in opposite directions, each with an avatar, name, role, and quote.","name":"testimonial7","title":"Testimonial 7 - Dual auto-scrolling testimonial rows","type":"registry:block"},{"description":"A heading and supporting line above a masonry wall of quote cards that fades out toward the bottom, each with an avatar, name, and role.","name":"testimonial8","title":"Testimonial 8 - Masonry testimonial wall with fade","type":"registry:block"},{"description":"A heading and supporting line above a responsive masonry of testimonial cards with avatars and optional source icons.","name":"testimonial9","title":"Testimonial 9 - Masonry quotes with source icons","type":"registry:block"},{"description":"A centered three-step process timeline with circular outlined icons, headings, monospace supporting copy, and dashed vertical connectors between each step.","name":"timeline1","title":"Timeline 1 - Centered three-step process timeline","type":"registry:block"},{"description":"A four-phase project timeline with dates, titles, and descriptions, plus an animated progress line that fills through to the current phase.","name":"timeline10","title":"Timeline 10 - Horizontal four-phase progress timeline","type":"registry:block"},{"description":"Four-column timeline of project phases with icons, dates, and an animated progress bar highlighting the current phase.","name":"timeline11","title":"Timeline 11 - Horizontal phase timeline with progress","type":"registry:block"},{"description":"Four-tab timeline where each tab reveals a phase with a date, heading, description, download button, and an animated image card.","name":"timeline12","title":"Timeline 12 - Tabbed phase timeline with images","type":"registry:block"},{"description":"A three-phase product launch timeline with numbered steps, progress bars, duration estimates, an animated indicator, and a request-a-demo button.","name":"timeline13","title":"Timeline 13 - Horizontal product launch timeline","type":"registry:block"},{"description":"A scroll timeline of company milestones with images and copy, a sticky year indicator, and the active entry highlighted as you move through the list.","name":"timeline14","title":"Timeline 14 - Sticky-scroll milestone timeline","type":"registry:block"},{"description":"A vertical timeline with four project phases, dot markers, and an animated progress line showing current completion status.","name":"timeline19","title":"Timeline 19 - Vertical Phase Timeline","type":"registry:block"},{"description":"A two-column timeline with a page heading, scrollable step copy on the left, and a sticky image on the right that fades as each step reaches the viewport.","name":"timeline2","title":"Timeline 2 - Sticky image timeline with scroll-synced steps","type":"registry:block"},{"description":"A vertical timeline with four icon-marked phases, dates, titles, descriptions, and an animated progress indicator along the left track.","name":"timeline20","title":"Timeline 20 - Vertical Icon Phase Timeline","type":"registry:block"},{"description":"A fullscreen carousel of four place photographs, one chapter at a time, with previous and next controls to move left or right through a startup story.","name":"timeline21","title":"Timeline 21 - Fullscreen Photo Journey Timeline","type":"registry:block"},{"description":"A four-milestone timeline with small square place photographs on a full-width line, each with a year, title, and short description.","name":"timeline22","title":"Timeline 22 - Photo Milestone Timeline","type":"registry:block"},{"description":"An alternating vertical timeline of four place photographs, with a scroll progress line and icon markers.","name":"timeline23","title":"Timeline 23 - Alternating Photo Timeline","type":"registry:block"},{"description":"A two-column timeline with a sticky heading, supporting copy, and two buttons on the left, plus stacked image cards for company milestones on the right.","name":"timeline3","title":"Timeline 3 - Sticky intro with stacked milestone cards","type":"registry:block"},{"description":"Vertical timeline with alternating text and image blocks, a scroll-driven progress bar, icon badges, and diagonal pattern borders.","name":"timeline4","title":"Timeline 4 - Alternating vertical timeline with scroll progress","type":"registry:block"},{"description":"Two-column layout with a sticky heading on the left and numbered feature cards that scroll independently on the right.","name":"timeline5","title":"Timeline 5 - Sticky heading with scrollable cards","type":"registry:block"},{"description":"A two-column timeline with a sticky multi-line headline on the left and a vertical list of six icon-led steps with titles and descriptions on the right.","name":"timeline6","title":"Timeline 6 - Sticky headline with icon-led step list","type":"registry:block"},{"description":"A centered interactive stepper with a four-step progress bar, an image and description for the current step, and previous and next buttons.","name":"timeline7","title":"Timeline 7 - Interactive stepper with progress bar","type":"registry:block"},{"description":"A centered vertical changelog timeline with a connecting line, date badges, and bullet lists of product updates with bold, italic, and underlined phrases.","name":"timeline8","title":"Timeline 8 - Vertical changelog timeline with date badges","type":"registry:block"},{"description":"Vertical timeline with a left-aligned separator, filled dot markers, and card-wrapped entries showing dates, titles, and prose content.","name":"timeline9","title":"Timeline 9 - Vertical dot timeline","type":"registry:block"},{"description":"A simple todo list with a heading, task titles, and checkboxes that toggle completion and fade completed items.","name":"todo1","title":"Todo 1 - Simple checkbox todo list","type":"registry:block"},{"description":"A task manager for organizing items by due date, project, and priority, with subtasks, drag-and-drop, filters, starring, and add, edit, and delete actions.","name":"todo10","title":"Todo 10 - Full task manager with subtasks","type":"registry:block"},{"description":"A todo list with grip handles for drag-and-drop reordering, checkboxes to toggle completion, and keyboard-accessible sort controls.","name":"todo2","title":"Todo 2 - Drag-and-drop todo list","type":"registry:block"},{"description":"A drag-and-drop todo list that splits active tasks from a collapsible completed section, with checkboxes and animation when items move.","name":"todo3","title":"Todo 3 - Todo list with completed section","type":"registry:block"},{"description":"A drag-and-drop todo list that lets users add tasks from an inline input, cancel creation, reorder items, and toggle completion.","name":"todo4","title":"Todo 4 - Todo list with add-task form","type":"registry:block"},{"description":"A drag-and-drop todo list for creating, reordering, editing, and deleting tasks, with a dropdown of actions and a delete confirmation dialog.","name":"todo5","title":"Todo 5 - Todo list with edit and delete","type":"registry:block"},{"description":"A drag-and-drop todo list with priority badges, starred items, filter and sort dropdowns, and controls to add and complete tasks.","name":"todo6","title":"Todo 6 - Todo list with priority filters","type":"registry:block"},{"description":"A task list for creating items with due dates, priorities, reminders, and project tags, plus drag-and-drop reordering, filtering, and sorting.","name":"todo7","title":"Todo 7 - Todo list with dates and projects","type":"registry:block"},{"description":"A drag-and-drop todo list where tasks expand to show nested subtasks, progress, checkboxes, and a field to add new subtasks.","name":"todo8","title":"Todo 8 - Todo list with expandable subtasks","type":"registry:block"},{"description":"A drag-and-drop todo list with real-time search, per-task tags, tag filters, and controls to add or remove tags on each item.","name":"todo9","title":"Todo 9 - Todo list with search and tags","type":"registry:block"},{"description":"A four-column strip of trust items, each with an icon, title, and short description covering shipping, returns, payment, and ratings.","name":"trust-strip1","title":"Trust Strip 1 - Icon grid of store guarantees","type":"registry:block"},{"description":"A trust strip with star rating, review count, customer total, and an as-seen-in row of press names.","name":"trust-strip2","title":"Trust Strip 2 - Ratings strip with press logos","type":"registry:block"},{"description":"A strip of certification badges with icons plus a row of guarantee labels such as money-back, authenticity, and secure checkout.","name":"trust-strip3","title":"Trust Strip 3 - Certification pills and guarantees","type":"registry:block"},{"description":"A compact trust bar with star rating, verified review count, shipping and support icons, and a verified seller badge.","name":"trust-strip4","title":"Trust Strip 4 - Rating strip with seller badge","type":"registry:block"},{"description":"Full-screen second-step card with a six-digit authenticator input and a continue button.","name":"two-factor1","title":"Two Factor 1 - Centered two factor code","type":"registry:block"},{"description":"Two-column second-step screen with a six-digit code form and a full-height photograph.","name":"two-factor2","title":"Two Factor 2 - Split two factor with image","type":"registry:block"},{"description":"Two-column pairing screen with a scannable authenticator QR code on one side and a six-digit code form on the other.","name":"two-factor5","title":"Two Factor 5 - Two factor with QR pairing","type":"registry:block"},{"description":"Second-step panel that shows a grid of one-time recovery codes with a download action.","name":"two-factor6","title":"Two Factor 6 - Two factor recovery codes","type":"registry:block"},{"description":"A centered profile card with avatar, name, role, bio, and action buttons for messaging and following.","name":"user-profile1","title":"User Profile 1 - Basic Profile Card","type":"registry:block"},{"description":"A profile card with large portrait image, verification badge, and follow button.","name":"user-profile10","title":"User Profile 10 - Portrait Profile Card","type":"registry:block"},{"description":"A profile card with full-bleed background image and overlay text.","name":"user-profile11","title":"User Profile 11 - Full Image Profile Card","type":"registry:block"},{"description":"A social media style profile card with cover image, avatar, bio, and engagement stats.","name":"user-profile12","title":"User Profile 12 - Social Profile Card","type":"registry:block"},{"description":"A freelancer profile card with skills, rating, client count, and hourly rate.","name":"user-profile13","title":"User Profile 13 - Freelancer Profile Card","type":"registry:block"},{"description":"A dramatic freelancer card with full-bleed background image and gradient overlay.","name":"user-profile14","title":"User Profile 14 - Full-Bleed Freelancer Card","type":"registry:block"},{"description":"A horizontal profile layout with avatar, name, role, social links, follower stats, and action buttons.","name":"user-profile2","title":"User Profile 2 - Profile with Stats","type":"registry:block"},{"description":"A detailed profile card with cover image, overlapping avatar, bio, location, join date, social links, stats, and skill badges.","name":"user-profile3","title":"User Profile 3 - Full Profile with Cover","type":"registry:block"},{"description":"A small pill-shaped profile chip with avatar, name, role, and status indicator for inline use.","name":"user-profile4","title":"User Profile 4 - Compact Inline Profile","type":"registry:block"},{"description":"A compact team member card with gradient header, overlapping avatar, and contact action buttons.","name":"user-profile5","title":"User Profile 5 - Team Member Card","type":"registry:block"},{"description":"A profile card with tabbed sections for About, Experience, and Projects content.","name":"user-profile6","title":"User Profile 6 - Profile with Tabs","type":"registry:block"},{"description":"A full-width profile dashboard with cover image, stats cards showing metrics with change indicators.","name":"user-profile9","title":"User Profile 9 - Profile Dashboard","type":"registry:block"},{"description":"Full-screen verification card with a six-digit code input, the destination email, and a resend link.","name":"verify-email1","title":"Verify Email 1 - Centered verify email code","type":"registry:block"},{"description":"Two-column verification screen with a six-digit code form and a full-height photograph.","name":"verify-email2","title":"Verify Email 2 - Split verify email with image","type":"registry:block"},{"description":"Centered confirmation screen with a mail icon, the destination address, and an open-inbox action.","name":"verify-email3","title":"Verify Email 3 - Verify email inbox prompt","type":"registry:block"},{"description":"Verification form in a muted panel with the destination email in a compact badge and a six-digit code input.","name":"verify-email4","title":"Verify Email 4 - Muted panel verify email","type":"registry:block"},{"description":"Split verification screen with a dark branding column and a six-digit code form.","name":"verify-email5","title":"Verify Email 5 - Branded column verify email","type":"registry:block"},{"description":"Confirmation card with Gmail and Outlook shortcuts plus a resend control under the destination email.","name":"verify-email6","title":"Verify Email 6 - Verify email with inbox shortcuts","type":"registry:block"},{"description":"A full-height waitlist with a large heading, supporting copy, email field, join button, overlapping avatars, and a joined-count line.","name":"waitlist1","title":"Waitlist 1 - Centered waitlist with avatar row","type":"registry:block"},{"description":"A centered waitlist with a logo, pulsing coming-soon badge, email form, overlapping avatars, joined count, and a launch countdown.","name":"waitlist2","title":"Waitlist 2 - Waitlist with countdown timer","type":"registry:block"},{"description":"A two-column waitlist with company logo, coming-soon badge, heading, email form, overlapping avatars, copyright, and a large photo.","name":"waitlist3","title":"Waitlist 3 - Split waitlist with photo","type":"registry:block"},{"description":"A three-column wishlist of saved products with price-drop and stock badges, add-to-cart or notify actions, add-all, and an empty state.","name":"wishlist1","title":"Wishlist 1 - Wishlist grid with price-drop badges","type":"registry:block"},{"description":"A saved-items list with share and sort by date, price, or name, category labels, stock badges, and buttons to add in-stock items to the cart.","name":"wishlist2","title":"Wishlist 2 - Wishlist list with sort and share","type":"registry:block"},{"description":"Dialog wishlist with selectable lists, a product grid, share menu, empty state, and login CTA for managing saved items across favorites collections.","name":"wishlist4","title":"Wishlist 4 - Multi-list wishlist dialog","type":"registry:block"},{"description":"A workplace photos section with a short heading and an uneven gallery of five candid office photographs.","name":"workplace-photos1","title":"Workplace Photos 1 - Candid workplace photo gallery","type":"registry:block"},{"description":"A button that shows idle, loading spinner, success, and error states, with an optional progress bar.","name":"async-button","title":"Async Button - Async status button","type":"registry:component"},{"description":"A button filled with a slowly shifting multi-color aurora gradient, or an aurora outline with a solid inner fill.","name":"aurora-button","title":"Aurora Button - Aurora gradient button","type":"registry:component"},{"description":"A horizontal row of overlapping circular avatars with spacing variants, hover spread, and an overflow count badge.","name":"avatar-group","title":"Avatar Group - Overlapping avatar group","type":"registry:component"},{"description":"An absolute SVG layer of curved light beams with traveling gradients for decorative page backgrounds.","name":"background-beams","title":"Background Beams - Animated background beams","type":"registry:component"},{"description":"A section wrapper with editorial borders, patterns, and mesh gradients that sit behind content using named presets.","name":"background","title":"Background - Layered section background","type":"registry:component"},{"description":"A square-cornered button with L-shaped SVG accents at all four edges, using standard Button variants.","name":"border-button","title":"Border Button - Corner accent border button","type":"registry:component"},{"description":"A native anchor styled with shadcn/ui button variants for navigation that should look like a button.","name":"button-link","title":"Button Link - Button-styled link","type":"registry:component"},{"description":"A button that copies a string to the clipboard and swaps to a check icon for two seconds.","name":"copy-button","title":"Copy Button - Copy to clipboard button","type":"registry:component"},{"description":"A minus and plus control that increments a number with a vertical slide animation between min and max.","name":"counter-button","title":"Counter Button - Animated count stepper","type":"registry:component"},{"description":"An inline highlight that darkens on hover, sweeps beams, and fills the box with sparkle particles.","name":"cover","title":"Cover - Hover sparkle cover","type":"registry:component"},{"description":"A wrapping toolbar with a search field and a slot for filters, tabs, and column menus.","name":"data-toolbar","title":"Data Toolbar - Search and actions toolbar","type":"registry:component"},{"description":"A popover emoji grid with search, category tabs, recent history, and keyboard navigation.","name":"emoji-picker","title":"Emoji Picker - Searchable emoji picker","type":"registry:component"},{"description":"An icon button that springs wider on hover to reveal additional label text.","name":"expand-button","title":"Expand Button - Hover-expand icon button","type":"registry:component"},{"description":"A stacked filter sidebar with titled sections and option rows that can show a count.","name":"filter-panel","title":"Filter Panel - Sectioned filter panel","type":"registry:component"},{"description":"A button whose background folds upward on hover, inverting label color, with an optional loading spinner.","name":"fold-button","title":"Fold Button - Fold-over hover button","type":"registry:component"},{"description":"An interactive RadioGroup rating with hover fill, optional labels, and star or custom icon options.","name":"form-star-rating","title":"Form Star Rating - Interactive form star rating","type":"registry:component"},{"description":"An outline button that links to a GitHub repository and can show an optional star count.","name":"github-stars","title":"Github Stars - GitHub stars badge","type":"registry:component"},{"description":"A button with a brief diagonal gleam that passes across the surface on a repeating interval.","name":"gleam-button","title":"Gleam Button - Gleam sweep button","type":"registry:component"},{"description":"A button with a soft drop-shadow glow that intensifies on hover in light and dark themes.","name":"glow-button","title":"Glow Button - Soft glow button","type":"registry:component"},{"name":"iphone","title":"Iphone","type":"registry:component"},{"description":"An inline link with a hover card that shows a screenshot of the destination URL from Microlink or a static image.","name":"link-preview","title":"Link Preview - Hover link preview card","type":"registry:component"},{"description":"A login action button with an optional icon and default Log in label, matching shadcn/ui button variants.","name":"login-button","title":"Login Button - Login CTA button","type":"registry:component"},{"description":"A linked brand mark and wordmark with breakpoint-aware image and text slots plus an optional asset download menu.","name":"logo","title":"Logo - Responsive logo with wordmark","type":"registry:component"},{"description":"A button that scrolls its label in a looping marquee on hover or automatically.","name":"marquee-button","title":"Marquee Button - Marquee text button","type":"registry:component"},{"description":"A button that shrinks into a spinner while loading, then expands back to its label when idle.","name":"morph-button","title":"Morph Button - Loading morph button","type":"registry:component"},{"description":"A button with animated gradient borders including spin, beam, pulse, shimmer, dash, meteor, glow, and wave.","name":"moving-border-button","title":"Moving Border Button - Animated moving border button","type":"registry:component"},{"description":"A centered hero scaffold with badge, heading, copy, and buttons for previewing patterns behind content.","name":"pattern-placeholder","title":"Pattern Placeholder - Centered pattern preview","type":"registry:component"},{"description":"A split layout scaffold with badge, headline, buttons, and SVG placeholder for testing background patterns.","name":"pattern-template","title":"Pattern Template - Two-column pattern preview","type":"registry:component"},{"description":"A button with a radial spotlight that follows the pointer across the surface on hover.","name":"pinlight-button","title":"Pinlight Button - Pointer-follow spotlight button","type":"registry:component"},{"description":"A currency display that pairs regular and sale amounts with strikethrough styling and locale-aware formatting.","name":"price","title":"Price - Product price with sale","type":"registry:component"},{"description":"A pill-shaped minus and plus stepper with a centered number field for cart and checkout counts.","name":"quantity-input","title":"Quantity Input - Quantity stepper input","type":"registry:component"},{"description":"A five-star score with full, half, and empty icons plus optional numeric label and caption.","name":"rating","title":"Rating - Five-star rating display","type":"registry:component"},{"description":"A pill-shaped TabsList wrapper that scrolls horizontally so long tab strips stay usable on narrow viewports.","name":"scrollable-tabslist","title":"Scrollable Tabslist - Horizontally scrollable tab list","type":"registry:component"},{"description":"A button with a spinning conic border glow and a sliding surface shimmer over the fill.","name":"shimmer-button","title":"Shimmer Button - Rotating shimmer button","type":"registry:component"},{"description":"A button with a repeating diagonal light sweep that travels across the surface.","name":"shine-button","title":"Shine Button - Animated shine button","type":"registry:component"},{"description":"A button whose label slides out and a hover label slides in from up, left, or right.","name":"slide-text-button","title":"Slide Text Button - Sliding label button","type":"registry:component"},{"description":"A provider-branded OAuth button with Google, GitHub, Apple, Microsoft, X, Discord, Facebook, and LinkedIn icons.","name":"social-button","title":"Social Button - Social sign-in button","type":"registry:component"},{"description":"A canvas particle field that drifts, wraps, and twinkles as a decorative background behind heroes and highlights.","name":"sparkles","title":"Sparkles - Canvas particle sparkles","type":"registry:component"},{"description":"A tiny chart for a numeric series, drawn as a line, bar, or area with no axes.","name":"sparkline","title":"Sparkline - Compact line, bar, or area sparkline","type":"registry:component"},{"description":"A compact metric stack with a label, a tabular value, an optional trend delta, and an icon slot.","name":"stat","title":"Stat - Stat with label, value, and delta","type":"registry:component"},{"description":"A sun and moon icon button that switches between light and dark mode, with optional text labels.","name":"theme-toggle","title":"Theme Toggle - Light and dark theme toggle","type":"registry:component"},{"description":"A button whose outline draws itself on hover with SVG stroke effects including draw, loop, dual, dash, and glow.","name":"trace-button","title":"Trace Button - SVG border trace button","type":"registry:component"},{"description":"A button that types its label character by character on hover or automatically, with a blinking cursor.","name":"typewriter-button","title":"Typewriter Button - Typewriter text button","type":"registry:component"},{"description":"Accordion containing form inputs organized by sections with icons.","name":"accordion-accordion-form-1","title":"Accordion Form 1 - Form","type":"registry:block"},{"description":"Accordion form with plus/minus trigger icons and section icons.","name":"accordion-accordion-form-2","title":"Accordion Form 2 - Form with Plus Trigger","type":"registry:block"},{"description":"Nested accordion with expandable child items using collapsible.","name":"accordion-accordion-multi-level-1","title":"Accordion Multi Level 1 - Multi-level","type":"registry:block"},{"description":"Multi-level accordion with icons on parent items.","name":"accordion-accordion-multi-level-2","title":"Accordion Multi Level 2 - Multi-level with Icon","type":"registry:block"},{"description":"Multi-level accordion with plus/minus triggers on parent items.","name":"accordion-accordion-multi-level-3","title":"Accordion Multi Level 3 - Multi-level with Plus Trigger","type":"registry:block"},{"description":"Multi-level accordion with left-positioned plus/minus triggers.","name":"accordion-accordion-multi-level-4","title":"Accordion Multi Level 4 - Multi-level with Left Plus Trigger","type":"registry:block"},{"description":"Basic accordion with collapsible items and default chevron trigger.","name":"accordion-accordion-standard-1","title":"Accordion Standard 1 - Standard","type":"registry:block"},{"description":"Accordion with chevron icon positioned on the left side.","name":"accordion-accordion-standard-2","title":"Accordion Standard 2 - Standard with Left Chevron","type":"registry:block"},{"description":"Accordion with plus/minus icons instead of chevron trigger.","name":"accordion-accordion-standard-3","title":"Accordion Standard 3 - Standard with Plus Trigger","type":"registry:block"},{"description":"Accordion with plus/minus trigger icons positioned on the left.","name":"accordion-accordion-standard-4","title":"Accordion Standard 4 - Standard with Left Plus Trigger","type":"registry:block"},{"description":"Accordion with icon displayed next to each item title.","name":"accordion-accordion-standard-5","title":"Accordion Standard 5 - Icon","type":"registry:block"},{"description":"Accordion with icons and plus/minus trigger icons.","name":"accordion-accordion-standard-6","title":"Accordion Standard 6 - Icon with Plus Trigger","type":"registry:block"},{"description":"Accordion with icons, subtitles, and plus/minus triggers.","name":"accordion-accordion-standard-7","title":"Accordion Standard 7 - Full Featured","type":"registry:block"},{"description":"Accordion items with subtitle text below each title.","name":"accordion-accordion-subtitle-1","title":"Accordion Subtitle 1 - Subtitle","type":"registry:block"},{"description":"Accordion with subtitles and left-positioned icons.","name":"accordion-accordion-subtitle-2","title":"Accordion Subtitle 2 - Subtitle with Left Icon","type":"registry:block"},{"description":"Accordion with subtitles and plus/minus trigger icons.","name":"accordion-accordion-subtitle-3","title":"Accordion Subtitle 3 - Subtitle with Plus Trigger","type":"registry:block"},{"description":"Accordion with icons, subtitles, and default chevron triggers.","name":"accordion-accordion-subtitle-4","title":"Accordion Subtitle 4 - Icon, Subtitle, and Chevron","type":"registry:block"},{"description":"Accordion styled as tabs with left-positioned plus/minus triggers.","name":"accordion-accordion-tabs-1","title":"Accordion Tabs 1 - Tabs with Left Plus Trigger","type":"registry:block"},{"description":"Accordion styled as tabs with default chevron triggers.","name":"accordion-accordion-tabs-2","title":"Accordion Tabs 2 - Tabs","type":"registry:block"},{"description":"Accordion styled as tabs with plus/minus trigger icons.","name":"accordion-accordion-tabs-3","title":"Accordion Tabs 3 - Tabs with Plus Trigger","type":"registry:block"},{"description":"Accordion styled as tabs with left-positioned chevron triggers.","name":"accordion-accordion-tabs-4","title":"Accordion Tabs 4 - Tabs with Left Chevron","type":"registry:block"},{"description":"Alert dialog with confirmation message and cancel/continue actions.","name":"alert-dialog-alert-dialog-confirmation-1","title":"Alert Dialog Confirmation 1 - Simple Confirmation Dialog","type":"registry:block"},{"description":"Confirmation dialog with icon and warning message.","name":"alert-dialog-alert-dialog-confirmation-2","title":"Alert Dialog Confirmation 2 - Confirmation with Icon","type":"registry:block"},{"description":"Confirmation dialog with detailed bulleted description list.","name":"alert-dialog-alert-dialog-confirmation-3","title":"Alert Dialog Confirmation 3 - Confirmation with Detailed Description","type":"registry:block"},{"description":"Confirmation dialog with custom-labeled action buttons.","name":"alert-dialog-alert-dialog-confirmation-4","title":"Alert Dialog Confirmation 4 - Confirmation with Custom Button Labels","type":"registry:block"},{"description":"Confirmation dialog with minimal short message.","name":"alert-dialog-alert-dialog-confirmation-5","title":"Alert Dialog Confirmation 5 - Confirmation with Short Content","type":"registry:block"},{"description":"Confirmation dialog with centered icon in colored circle.","name":"alert-dialog-alert-dialog-confirmation-6","title":"Alert Dialog Confirmation 6 - Confirmation with Centered Icon","type":"registry:block"},{"description":"Alert dialog with icon in action button.","name":"alert-dialog-alert-dialog-custom-actions-1","title":"Alert Dialog Custom Actions 1 - Actions with Icons","type":"registry:block"},{"description":"Alert dialog with vertically stacked action buttons.","name":"alert-dialog-alert-dialog-custom-actions-2","title":"Alert Dialog Custom Actions 2 - Vertical Button Stack","type":"registry:block"},{"description":"Alert dialog with mixed button styles in footer.","name":"alert-dialog-alert-dialog-custom-actions-3","title":"Alert Dialog Custom Actions 3 - Mixed Button Styles","type":"registry:block"},{"description":"Alert dialog with file details and icon in action button.","name":"alert-dialog-alert-dialog-custom-actions-4","title":"Alert Dialog Custom Actions 4 - Actions with Loading State","type":"registry:block"},{"description":"Alert dialog with split action layout and draft button.","name":"alert-dialog-alert-dialog-custom-actions-5","title":"Alert Dialog Custom Actions 5 - Split Actions Layout","type":"registry:block"},{"description":"Destructive alert dialog for delete confirmation with red action button.","name":"alert-dialog-alert-dialog-destructive-1","title":"Alert Dialog Destructive 1 - Simple Delete Confirmation","type":"registry:block"},{"description":"Destructive delete dialog with trash icon in header.","name":"alert-dialog-alert-dialog-destructive-2","title":"Alert Dialog Destructive 2 - Delete Confirmation with Icon","type":"registry:block"},{"description":"Destructive dialog with checkbox confirmation requirement.","name":"alert-dialog-alert-dialog-destructive-3","title":"Alert Dialog Destructive 3 - Destructive with Checkbox Confirmation","type":"registry:block"},{"description":"Destructive dialog with highlighted consequence details list.","name":"alert-dialog-alert-dialog-destructive-4","title":"Alert Dialog Destructive 4 - Destructive with Consequence Details","type":"registry:block"},{"description":"Destructive dialog with icon in action button.","name":"alert-dialog-alert-dialog-destructive-5","title":"Alert Dialog Destructive 5 - Destructive with Custom Styled Buttons","type":"registry:block"},{"description":"Destructive dialog with warning badge in header.","name":"alert-dialog-alert-dialog-destructive-6","title":"Alert Dialog Destructive 6 - Destructive with Warning Badge","type":"registry:block"},{"description":"Destructive dialog displaying item count and warning box.","name":"alert-dialog-alert-dialog-destructive-7","title":"Alert Dialog Destructive 7 - Destructive with Item Count","type":"registry:block"},{"description":"Alert dialog with single text input field.","name":"alert-dialog-alert-dialog-form-1","title":"Alert Dialog Form 1 - Single Input Dialog","type":"registry:block"},{"description":"Alert dialog with multiple input fields including textarea.","name":"alert-dialog-alert-dialog-form-2","title":"Alert Dialog Form 2 - Multiple Inputs Dialog","type":"registry:block"},{"description":"Alert dialog with input and select dropdown fields.","name":"alert-dialog-alert-dialog-form-3","title":"Alert Dialog Form 3 - Form with Select","type":"registry:block"},{"description":"Alert dialog with input field and helper description text.","name":"alert-dialog-alert-dialog-form-4","title":"Alert Dialog Form 4 - Form with Description","type":"registry:block"},{"description":"Alert dialog with validation error state and disabled action.","name":"alert-dialog-alert-dialog-form-5","title":"Alert Dialog Form 5 - Form with Validation State","type":"registry:block"},{"description":"Alert dialog with radio group for format selection.","name":"alert-dialog-alert-dialog-form-6","title":"Alert Dialog Form 6 - Form with Radio Group","type":"registry:block"},{"description":"Alert dialog with checkbox list for notification preferences.","name":"alert-dialog-alert-dialog-form-7","title":"Alert Dialog Form 7 - Form with Checkboxes","type":"registry:block"},{"description":"Informational alert dialog displaying system update notice.","name":"alert-dialog-alert-dialog-informational-1","title":"Alert Dialog Informational 1 - Simple Information Alert","type":"registry:block"},{"description":"Informational dialog with info icon in header.","name":"alert-dialog-alert-dialog-informational-2","title":"Alert Dialog Informational 2 - Information with Icon","type":"registry:block"},{"description":"Informational dialog with scrollable long content.","name":"alert-dialog-alert-dialog-informational-3","title":"Alert Dialog Informational 3 - Information with Long Content","type":"registry:block"},{"description":"Informational dialog with cancel and action buttons.","name":"alert-dialog-alert-dialog-informational-4","title":"Alert Dialog Informational 4 - Information with Action Button","type":"registry:block"},{"description":"Informational dialog with centered icon and keyboard shortcut.","name":"alert-dialog-alert-dialog-informational-5","title":"Alert Dialog Informational 5 - Information with Centered Icon","type":"registry:block"},{"description":"Informational dialog with status badge in header.","name":"alert-dialog-alert-dialog-informational-6","title":"Alert Dialog Informational 6 - Information with Status Badge","type":"registry:block"},{"description":"Informational dialog with highlighted feature cards.","name":"alert-dialog-alert-dialog-informational-7","title":"Alert Dialog Informational 7 - Information with Highlighted Content","type":"registry:block"},{"description":"Success alert dialog with positive confirmation message.","name":"alert-dialog-alert-dialog-success-1","title":"Alert Dialog Success 1 - Simple Success Message","type":"registry:block"},{"description":"Success dialog with checkmark icon in header.","name":"alert-dialog-alert-dialog-success-2","title":"Alert Dialog Success 2 - Success with Icon","type":"registry:block"},{"description":"Success dialog with centered icon in colored circle.","name":"alert-dialog-alert-dialog-success-3","title":"Alert Dialog Success 3 - Success with Centered Icon","type":"registry:block"},{"description":"Success dialog with numbered next steps list.","name":"alert-dialog-alert-dialog-success-4","title":"Alert Dialog Success 4 - Success with Next Steps","type":"registry:block"},{"description":"Success dialog with summary details in colored box.","name":"alert-dialog-alert-dialog-success-5","title":"Alert Dialog Success 5 - Success with Summary Details","type":"registry:block"},{"description":"Success dialog with cancel and action buttons.","name":"alert-dialog-alert-dialog-success-6","title":"Alert Dialog Success 6 - Success with Multiple Actions","type":"registry:block"},{"description":"Success dialog with celebration icon and achievement badge.","name":"alert-dialog-alert-dialog-success-7","title":"Alert Dialog Success 7 - Success with Celebration","type":"registry:block"},{"description":"Error alert with title only.","name":"alert-alert-error-1","title":"Alert Error 1 - Error with Title","type":"registry:block"},{"description":"Error alert with title and description text.","name":"alert-alert-error-2","title":"Alert Error 2 - Error with Title and Description","type":"registry:block"},{"description":"Error alert with title and action buttons.","name":"alert-alert-error-3","title":"Alert Error 3 - Error with Title and Action","type":"registry:block"},{"description":"Error alert with title, description, and action buttons.","name":"alert-alert-error-4","title":"Alert Error 4 - Error with Title, Description, and Action","type":"registry:block"},{"description":"Error alert with icon, title, description, and action buttons.","name":"alert-alert-error-5","title":"Alert Error 5 - Error with Everything","type":"registry:block"},{"description":"Info alert with title only.","name":"alert-alert-info-1","title":"Alert Info 1 - Info with Title","type":"registry:block"},{"description":"Info alert with title and description text.","name":"alert-alert-info-2","title":"Alert Info 2 - Info with Title and Description","type":"registry:block"},{"description":"Info alert with title and action buttons.","name":"alert-alert-info-3","title":"Alert Info 3 - Info with Title and Action","type":"registry:block"},{"description":"Info alert with title, description, and action buttons.","name":"alert-alert-info-4","title":"Alert Info 4 - Info with Title, Description, and Action","type":"registry:block"},{"description":"Info alert with icon, title, description, and action buttons.","name":"alert-alert-info-5","title":"Alert Info 5 - Info with Everything","type":"registry:block"},{"description":"Standard alert with title only.","name":"alert-alert-standard-1","title":"Alert Standard 1 - Standard with Title","type":"registry:block"},{"description":"Standard alert with title and description text.","name":"alert-alert-standard-2","title":"Alert Standard 2 - Standard with Title and Description","type":"registry:block"},{"description":"Standard alert with title and action buttons.","name":"alert-alert-standard-3","title":"Alert Standard 3 - Standard with Title and Action","type":"registry:block"},{"description":"Standard alert with title, description, and action buttons.","name":"alert-alert-standard-4","title":"Alert Standard 4 - Standard with Title, Description, and Action","type":"registry:block"},{"description":"Standard alert with icon, title, description, and action buttons.","name":"alert-alert-standard-5","title":"Alert Standard 5 - Standard with Everything","type":"registry:block"},{"description":"Success alert with title only.","name":"alert-alert-success-1","title":"Alert Success 1 - Success with Title","type":"registry:block"},{"description":"Success alert with title and description text.","name":"alert-alert-success-2","title":"Alert Success 2 - Success with Title and Description","type":"registry:block"},{"description":"Success alert with title and action buttons.","name":"alert-alert-success-3","title":"Alert Success 3 - Success with Title and Action","type":"registry:block"},{"description":"Success alert with title, description, and action buttons.","name":"alert-alert-success-4","title":"Alert Success 4 - Success with Title, Description, and Action","type":"registry:block"},{"description":"Success alert with icon, title, description, and action buttons.","name":"alert-alert-success-5","title":"Alert Success 5 - Success with Everything","type":"registry:block"},{"description":"Warning alert with title only.","name":"alert-alert-warning-1","title":"Alert Warning 1 - Warning with Title","type":"registry:block"},{"description":"Warning alert with title and description text.","name":"alert-alert-warning-2","title":"Alert Warning 2 - Warning with Title and Description","type":"registry:block"},{"description":"Warning alert with title and action buttons.","name":"alert-alert-warning-3","title":"Alert Warning 3 - Warning with Title and Action","type":"registry:block"},{"description":"Warning alert with title, description, and action buttons.","name":"alert-alert-warning-4","title":"Alert Warning 4 - Warning with Title, Description, and Action","type":"registry:block"},{"description":"Warning alert with icon, title, description, and action buttons.","name":"alert-alert-warning-5","title":"Alert Warning 5 - Warning with Everything","type":"registry:block"},{"description":"Themed announcement with tag, title, and link arrow icon in one compound layout.","name":"announcement-announcement-composition-1","title":"Announcement Composition 1 - Full composition","type":"registry:block"},{"description":"AnnouncementTitle with a lucide icon inline before the message text.","name":"announcement-announcement-icon-1","title":"Announcement Icon 1 - With icon","type":"registry:block"},{"description":"Basic Announcement badge with plain text and default outline variant.","name":"announcement-announcement-standard-1","title":"Announcement Standard 1 - Standard badge","type":"registry:block"},{"description":"Announcement with an AnnouncementTag label prefix before the message text.","name":"announcement-announcement-tag-1","title":"Announcement Tag 1 - With tag","type":"registry:block"},{"description":"Announcement with the themed prop for foreground-aware styling.","name":"announcement-announcement-themed-1","title":"Announcement Themed 1 - Themed variant","type":"registry:block"},{"description":"Announcement combining AnnouncementTag and AnnouncementTitle sub-components.","name":"announcement-announcement-title-1","title":"Announcement Title 1 - Tag and title","type":"registry:block"},{"description":"Aspect ratio container with 16:9 widescreen ratio.","name":"aspect-ratio-aspect-ratio-standard-1","title":"Aspect Ratio Standard 1 - 16:9 Aspect Ratio (Widescreen)","type":"registry:block"},{"description":"Aspect ratio container with 4:3 traditional ratio.","name":"aspect-ratio-aspect-ratio-standard-2","title":"Aspect Ratio Standard 2 - 4:3 Aspect Ratio (Traditional)","type":"registry:block"},{"description":"Aspect ratio container with 1:1 square ratio.","name":"aspect-ratio-aspect-ratio-standard-3","title":"Aspect Ratio Standard 3 - 1:1 Aspect Ratio (Square)","type":"registry:block"},{"description":"Aspect ratio container with 21:9 ultrawide ratio.","name":"aspect-ratio-aspect-ratio-standard-4","title":"Aspect Ratio Standard 4 - 21:9 Aspect Ratio (Ultrawide)","type":"registry:block"},{"description":"Aspect ratio container with 3:2 photography ratio.","name":"aspect-ratio-aspect-ratio-standard-5","title":"Aspect Ratio Standard 5 - 3:2 Aspect Ratio (Photography)","type":"registry:block"},{"description":"Aspect ratio container with 9:16 vertical mobile ratio.","name":"aspect-ratio-aspect-ratio-standard-6","title":"Aspect Ratio Standard 6 - 9:16 Aspect Ratio (Vertical/Mobile)","type":"registry:block"},{"description":"Aspect ratio container with 2:1 panoramic ratio.","name":"aspect-ratio-aspect-ratio-standard-7","title":"Aspect Ratio Standard 7 - 2:1 Aspect Ratio (Panoramic)","type":"registry:block"},{"description":"Autocomplete that highlights the first filtered match as you type.","name":"autocomplete-autocomplete-auto-highlight","title":"Autocomplete Auto Highlight - Auto-highlight autocomplete","type":"registry:block"},{"description":"Basic shadcn Combobox autocomplete with framework filtering.","name":"autocomplete-autocomplete-basic","title":"Autocomplete Basic - Basic autocomplete","type":"registry:block"},{"description":"City autocomplete with clear button and typeahead filtering.","name":"autocomplete-autocomplete-city","title":"Autocomplete City - City autocomplete","type":"registry:block"},{"description":"Country autocomplete with flag icons in each suggestion.","name":"autocomplete-autocomplete-country","title":"Autocomplete Country - Country autocomplete","type":"registry:block"},{"description":"Autocomplete using custom object items and itemToStringValue.","name":"autocomplete-autocomplete-custom-objects","title":"Autocomplete Custom Objects - Autocomplete with custom items","type":"registry:block"},{"description":"Autocomplete pre-filled with a default editor selection.","name":"autocomplete-autocomplete-default-value","title":"Autocomplete Default Value - Autocomplete with default value","type":"registry:block"},{"description":"Disabled autocomplete input with a selected value.","name":"autocomplete-autocomplete-disabled","title":"Autocomplete Disabled - Disabled autocomplete","type":"registry:block"},{"description":"Autocomplete in an invalid form field with aria-invalid styling.","name":"autocomplete-autocomplete-invalid","title":"Autocomplete Invalid - Invalid autocomplete","type":"registry:block"},{"description":"Language autocomplete with language code badges in each suggestion.","name":"autocomplete-autocomplete-language","title":"Autocomplete Language - Language autocomplete","type":"registry:block"},{"description":"Multiple selection autocomplete with removable chips and anchored popup.","name":"autocomplete-autocomplete-multi-select","title":"Autocomplete Multi Select - Multi-select autocomplete","type":"registry:block"},{"description":"Button-triggered autocomplete with search inside the popup.","name":"autocomplete-autocomplete-popup-trigger","title":"Autocomplete Popup Trigger - Popup trigger autocomplete","type":"registry:block"},{"description":"Autocomplete with Item title and description in each suggestion.","name":"autocomplete-autocomplete-rich-items","title":"Autocomplete Rich Items - Rich item autocomplete","type":"registry:block"},{"description":"Grouped timezone autocomplete with regional labels.","name":"autocomplete-autocomplete-timezone-groups","title":"Autocomplete Timezone Groups - Grouped autocomplete","type":"registry:block"},{"description":"Autocomplete with a clear button and default selection.","name":"autocomplete-autocomplete-with-clear","title":"Autocomplete With Clear - Autocomplete with clear","type":"registry:block"},{"description":"Autocomplete with a leading globe icon in the input group.","name":"autocomplete-autocomplete-with-icon-addon","title":"Autocomplete With Icon Addon - Autocomplete with icon addon","type":"registry:block"},{"description":"Avatar group with animation on hover.","name":"avatar-group-avatar-group-animated-1","title":"Avatar Group Animated 1 - Animated","type":"registry:block"},{"description":"Avatar group with border around each avatar.","name":"avatar-group-avatar-group-border-1","title":"Avatar Group Border 1 - With Borders","type":"registry:block"},{"description":"Avatar group with loose spacing between avatars.","name":"avatar-group-avatar-group-loose-1","title":"Avatar Group Loose 1 - Loose Spacing","type":"registry:block"},{"description":"Avatar group with loose spacing and borders.","name":"avatar-group-avatar-group-loose-border-1","title":"Avatar Group Loose Border 1 - Loose Spacing with Borders","type":"registry:block"},{"description":"Avatar group with max limit showing overflow count.","name":"avatar-group-avatar-group-max-1","title":"Avatar Group Max 1 - With Max Limit","type":"registry:block"},{"description":"Default avatar group with overlapping circular avatars.","name":"avatar-group-avatar-group-standard-1","title":"Avatar Group Standard 1 - Default avatar group with overlapping circular avatars","type":"registry:block"},{"description":"Avatar group with tight spacing between avatars.","name":"avatar-group-avatar-group-tight-1","title":"Avatar Group Tight 1 - Tight Spacing","type":"registry:block"},{"description":"Avatar group with tight spacing and borders.","name":"avatar-group-avatar-group-tight-border-1","title":"Avatar Group Tight Border 1 - Tight Spacing with Borders","type":"registry:block"},{"description":"Avatar group with tooltips showing names on hover.","name":"avatar-group-avatar-group-tooltip-1","title":"Avatar Group Tooltip 1 - With Tooltips","type":"registry:block"},{"description":"AvatarStack with the animate prop spreading avatars apart on hover.","name":"avatar-stack-avatar-stack-animate-1","title":"Avatar Stack Animate 1 - Animate on hover","type":"registry:block"},{"description":"Dense avatar stack using a 24px size prop with five participants.","name":"avatar-stack-avatar-stack-compact-1","title":"Avatar Stack Compact 1 - Compact stack","type":"registry:block"},{"description":"AvatarStack paired with team name and member count label text.","name":"avatar-stack-avatar-stack-composition-1","title":"Avatar Stack Composition 1 - Stack with label","type":"registry:block"},{"description":"Avatar stack showing four avatars with a +N overflow count badge.","name":"avatar-stack-avatar-stack-overflow-1","title":"Avatar Stack Overflow 1 - Overflow badge","type":"registry:block"},{"description":"AvatarStack with small, default, and large size prop values side by side.","name":"avatar-stack-avatar-stack-sizes-1","title":"Avatar Stack Sizes 1 - Size variations","type":"registry:block"},{"description":"Basic overlapping stack of four shadcn Avatar components inside AvatarStack.","name":"avatar-stack-avatar-stack-standard-1","title":"Avatar Stack Standard 1 - Standard stack","type":"registry:block"},{"description":"Avatar with rounded-lg corners instead of full circle.","name":"avatar-avatar-square-1","title":"Avatar Square 1 - Avatar","type":"registry:block"},{"description":"Square avatar with placeholder initials fallback.","name":"avatar-avatar-square-2","title":"Avatar Square 2 - Avatar with Placeholder Initials","type":"registry:block"},{"description":"Square avatar with placeholder icon instead of image.","name":"avatar-avatar-square-3","title":"Avatar Square 3 - Avatar with Placeholder Icon","type":"registry:block"},{"description":"Square avatar with green online status indicator badge.","name":"avatar-avatar-square-4","title":"Avatar Square 4 - Avatar with Online Indicator","type":"registry:block"},{"description":"Square avatar with gray offline status indicator badge.","name":"avatar-avatar-square-5","title":"Avatar Square 5 - Avatar with Offline Indicator","type":"registry:block"},{"description":"Square avatar with blue verification check badge.","name":"avatar-avatar-square-6","title":"Avatar Square 6 - Avatar with Verification Check","type":"registry:block"},{"description":"Square avatar with red count indicator badge in top-right corner.","name":"avatar-avatar-square-7","title":"Avatar Square 7 - Avatar with Count Indicator","type":"registry:block"},{"description":"Basic circular avatar with image and initials fallback.","name":"avatar-avatar-standard-1","title":"Avatar Standard 1 - Avatar","type":"registry:block"},{"description":"Extra large circular avatar with size-20 dimensions.","name":"avatar-avatar-standard-10","title":"Avatar Standard 10 - Avatar Extra Large","type":"registry:block"},{"description":"Circular avatar with primary-colored border.","name":"avatar-avatar-standard-11","title":"Avatar Standard 11 - Avatar with Border","type":"registry:block"},{"description":"Circular avatar with shadow-lg effect.","name":"avatar-avatar-standard-12","title":"Avatar Standard 12 - Avatar with Shadow","type":"registry:block"},{"description":"Circular avatar with gradient fallback background.","name":"avatar-avatar-standard-13","title":"Avatar Standard 13 - Avatar with Gradient Fallback","type":"registry:block"},{"description":"Circular avatar with yellow away status indicator badge.","name":"avatar-avatar-standard-14","title":"Avatar Standard 14 - Avatar with Away Status","type":"registry:block"},{"description":"Circular avatar with red busy status indicator badge.","name":"avatar-avatar-standard-15","title":"Avatar Standard 15 - Avatar with Busy Status","type":"registry:block"},{"description":"Circular avatar with red do not disturb indicator badge.","name":"avatar-avatar-standard-16","title":"Avatar Standard 16 - Avatar with Do Not Disturb","type":"registry:block"},{"description":"Circular avatar with hover scale and shadow effects.","name":"avatar-avatar-standard-17","title":"Avatar Standard 17 - Avatar with Hover Effect","type":"registry:block"},{"description":"Circular avatar with loading spinner overlay.","name":"avatar-avatar-standard-18","title":"Avatar Standard 18 - Avatar with Loading State","type":"registry:block"},{"description":"Circular avatar with red count badge in top-left corner.","name":"avatar-avatar-standard-19","title":"Avatar Standard 19 - Avatar with Badge Top Left","type":"registry:block"},{"description":"Circular avatar with placeholder initials fallback only.","name":"avatar-avatar-standard-2","title":"Avatar Standard 2 - Avatar with Placeholder Initials","type":"registry:block"},{"description":"Circular avatar with red count badge in bottom-left corner.","name":"avatar-avatar-standard-20","title":"Avatar Standard 20 - Avatar with Badge Bottom Left","type":"registry:block"},{"description":"Circular avatar with blue colored border.","name":"avatar-avatar-standard-21","title":"Avatar Standard 21 - Avatar with Colored Border","type":"registry:block"},{"description":"Circular avatar with online indicator and count badge.","name":"avatar-avatar-standard-22","title":"Avatar Standard 22 - Avatar with Multiple Badges","type":"registry:block"},{"description":"Circular avatar wrapped in tooltip component.","name":"avatar-avatar-standard-23","title":"Avatar Standard 23 - Avatar with Tooltip","type":"registry:block"},{"description":"Circular avatar with animated pulsing green ring.","name":"avatar-avatar-standard-24","title":"Avatar Standard 24 - Avatar with Ring Animation","type":"registry:block"},{"description":"Circular avatar with blue custom-colored fallback background.","name":"avatar-avatar-standard-25","title":"Avatar Standard 25 - Avatar with Custom Colors","type":"registry:block"},{"description":"Circular avatar with primary-colored glow shadow effect.","name":"avatar-avatar-standard-26","title":"Avatar Standard 26 - Avatar with Glow Effect","type":"registry:block"},{"description":"Circular avatar with destructive-colored error state fallback.","name":"avatar-avatar-standard-27","title":"Avatar Standard 27 - Avatar with Error State","type":"registry:block"},{"description":"Circular avatar with placeholder icon instead of image.","name":"avatar-avatar-standard-3","title":"Avatar Standard 3 - Avatar with Placeholder Icon","type":"registry:block"},{"description":"Circular avatar with green online status indicator badge.","name":"avatar-avatar-standard-4","title":"Avatar Standard 4 - Avatar with Online Indicator","type":"registry:block"},{"description":"Circular avatar with gray offline status indicator badge.","name":"avatar-avatar-standard-5","title":"Avatar Standard 5 - Avatar with Offline Indicator","type":"registry:block"},{"description":"Circular avatar with blue verification check badge.","name":"avatar-avatar-standard-6","title":"Avatar Standard 6 - Avatar with Verification Check","type":"registry:block"},{"description":"Circular avatar with red count indicator badge in top-right corner.","name":"avatar-avatar-standard-7","title":"Avatar Standard 7 - Avatar with Count Indicator","type":"registry:block"},{"description":"Small circular avatar with size-6 dimensions.","name":"avatar-avatar-standard-8","title":"Avatar Standard 8 - Avatar Small","type":"registry:block"},{"description":"Large circular avatar with size-12 dimensions.","name":"avatar-avatar-standard-9","title":"Avatar Standard 9 - Avatar Large","type":"registry:block"},{"description":"Soft badges with an icon for an active, featured, or at-risk state.","name":"badge-badge-customer-status-1","title":"Badge Customer Status 1 - Status badges with icons","type":"registry:block"},{"description":"Destructive badge with text label.","name":"badge-badge-destructive-1","title":"Badge Destructive 1 - Badge with Text","type":"registry:block"},{"description":"Destructive badge with link.","name":"badge-badge-destructive-2","title":"Badge Destructive 2 - Badge with Link","type":"registry:block"},{"description":"Destructive badge with leading icon.","name":"badge-badge-destructive-3","title":"Badge Destructive 3 - Badge with Icon on Left","type":"registry:block"},{"description":"Destructive badge with trailing icon.","name":"badge-badge-destructive-4","title":"Badge Destructive 4 - Badge with Icon on Right","type":"registry:block"},{"description":"Destructive circular badge with count.","name":"badge-badge-destructive-5","title":"Badge Destructive 5 - Circular Badge with Count","type":"registry:block"},{"description":"Soft badges with an icon for success, pending, and canceled states.","name":"badge-badge-order-status-1","title":"Badge Order Status 1 - Outcome badges with icons","type":"registry:block"},{"description":"Outline badge with text label.","name":"badge-badge-outline-1","title":"Badge Outline 1 - Badge with Text","type":"registry:block"},{"description":"Outline badge with link.","name":"badge-badge-outline-2","title":"Badge Outline 2 - Badge with Link","type":"registry:block"},{"description":"Outline badge with leading icon.","name":"badge-badge-outline-3","title":"Badge Outline 3 - Badge with Icon on Left","type":"registry:block"},{"description":"Outline badge with trailing icon.","name":"badge-badge-outline-4","title":"Badge Outline 4 - Badge with Icon on Right","type":"registry:block"},{"description":"Outline circular badge with count.","name":"badge-badge-outline-5","title":"Badge Outline 5 - Circular Badge with Count","type":"registry:block"},{"description":"Secondary badge with text label.","name":"badge-badge-secondary-1","title":"Badge Secondary 1 - Badge with Text","type":"registry:block"},{"description":"Secondary badge with link.","name":"badge-badge-secondary-2","title":"Badge Secondary 2 - Badge with Link","type":"registry:block"},{"description":"Secondary badge with leading icon.","name":"badge-badge-secondary-3","title":"Badge Secondary 3 - Badge with Icon on Left","type":"registry:block"},{"description":"Secondary badge with trailing icon.","name":"badge-badge-secondary-4","title":"Badge Secondary 4 - Badge with Icon on Right","type":"registry:block"},{"description":"Secondary circular badge with count.","name":"badge-badge-secondary-5","title":"Badge Secondary 5 - Circular Badge with Count","type":"registry:block"},{"description":"Default badge with text label.","name":"badge-badge-standard-1","title":"Badge Standard 1 - Badge with Text","type":"registry:block"},{"description":"Default badge containing a clickable link.","name":"badge-badge-standard-2","title":"Badge Standard 2 - Badge with Link","type":"registry:block"},{"description":"Default badge with icon positioned on the left.","name":"badge-badge-standard-3","title":"Badge Standard 3 - Badge with Icon on Left","type":"registry:block"},{"description":"Default badge with icon positioned on the right.","name":"badge-badge-standard-4","title":"Badge Standard 4 - Badge with Icon on Right","type":"registry:block"},{"description":"Default circular badge displaying a numeric count.","name":"badge-badge-standard-5","title":"Badge Standard 5 - Circular Badge with Count","type":"registry:block"},{"description":"Banner with warning background and foreground color overrides.","name":"banner-banner-colors-1","title":"Banner Colors 1 - Warning styling","type":"registry:block"},{"description":"Banner visibility controlled with visible and onClose state.","name":"banner-banner-controlled-1","title":"Banner Controlled 1 - Controlled visibility","type":"registry:block"},{"description":"Rounded inset banner for placement inside cards or panels.","name":"banner-banner-inset-1","title":"Banner Inset 1 - Inset banner","type":"registry:block"},{"description":"Banner with icon, title, action, and close control.","name":"banner-banner-standard-1","title":"Banner Standard 1 - Dismissible announcement","type":"registry:block"},{"description":"Animated bento tile with radial gauge segments, beam lines, and count-up percentage display.","name":"bento-tile-bento-tile-countup-1","title":"Bento Tile Countup 1 - Count-up gauge tile","type":"registry:block"},{"description":"Isolated ultra-visual grid system tile with scroll-triggered entrance motion.","name":"bento-tile-bento10-tile1","title":"Bento Tile Bento10 Tile 1 - Ultra-Visual Grid System","type":"registry:block"},{"description":"Isolated customizable dashboards tile with scroll-triggered entrance motion.","name":"bento-tile-bento10-tile2","title":"Bento Tile Bento10 Tile 2 - Customizable Dashboards","type":"registry:block"},{"description":"Isolated answer any question with sql tile with scroll-triggered entrance motion.","name":"bento-tile-bento10-tile3","title":"Bento Tile Bento10 Tile 3 - Answer any question with SQL","type":"registry:block"},{"description":"Isolated start collaborating together tile with scroll-triggered entrance motion.","name":"bento-tile-bento10-tile4","title":"Bento Tile Bento10 Tile 4 - Start collaborating together","type":"registry:block"},{"description":"Isolated smart & intuitive ui that boosts user flow tile with scroll-triggered entrance motion.","name":"bento-tile-bento11-tile1","title":"Bento Tile Bento11 Tile 1 - Smart & intuitive UI that boosts user flow","type":"registry:block"},{"description":"Isolated clean layout that adapts to device tile with animated count-up metrics.","name":"bento-tile-bento11-tile2","title":"Bento Tile Bento11 Tile 2 - Clean layout that adapts to device","type":"registry:block"},{"description":"Isolated lightning-fast performance tile with scroll-triggered entrance motion.","name":"bento-tile-bento11-tile3","title":"Bento Tile Bento11 Tile 3 - Lightning-fast performance","type":"registry:block"},{"description":"Isolated minimal visual distraction tile with scroll-triggered entrance motion.","name":"bento-tile-bento11-tile4","title":"Bento Tile Bento11 Tile 4 - Minimal visual distraction","type":"registry:block"},{"description":"Isolated built-in flexibility for custom tile with scroll-triggered entrance motion.","name":"bento-tile-bento11-tile5","title":"Bento Tile Bento11 Tile 5 - Built-in flexibility for custom","type":"registry:block"},{"description":"Isolated drag-and-drop layout control tile with scroll-triggered entrance motion.","name":"bento-tile-bento12-tile1","title":"Bento Tile Bento12 Tile 1 - Drag-and-drop layout control","type":"registry:block"},{"description":"Isolated designed for both saas tile with scroll-triggered entrance motion.","name":"bento-tile-bento12-tile2","title":"Bento Tile Bento12 Tile 2 - Designed for both SaaS","type":"registry:block"},{"description":"Isolated supports custom illustrations tile with scroll-triggered entrance motion.","name":"bento-tile-bento12-tile3","title":"Bento Tile Bento12 Tile 3 - Supports custom illustrations","type":"registry:block"},{"description":"Isolated inverted caption bento with icon flow diagram tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento12-tile4","title":"Bento Tile Bento12 Tile 4 - Inverted caption bento with icon flow diagram tile 4","type":"registry:block"},{"description":"Isolated professional tone without crypto tile with scroll-triggered entrance motion.","name":"bento-tile-bento13-tile1","title":"Bento Tile Bento13 Tile 1 - Professional tone without crypto","type":"registry:block"},{"description":"Isolated focused content blocks for better conversion tile with scroll-triggered entrance motion.","name":"bento-tile-bento13-tile2","title":"Bento Tile Bento13 Tile 2 - Focused content blocks for better conversion","type":"registry:block"},{"description":"Isolated scannable content layout for quick decisions tile with scroll-triggered entrance motion.","name":"bento-tile-bento13-tile3","title":"Bento Tile Bento13 Tile 3 - Scannable content layout for quick decisions","type":"registry:block"},{"description":"Isolated smooth spacing & typography tile with scroll-triggered entrance motion.","name":"bento-tile-bento13-tile4","title":"Bento Tile Bento13 Tile 4 - Smooth spacing & typography","type":"registry:block"},{"description":"Isolated realistic human-like voices tile with scroll-triggered entrance motion.","name":"bento-tile-bento14-tile1","title":"Bento Tile Bento14 Tile 1 - Realistic Human-Like Voices","type":"registry:block"},{"description":"Isolated multiple language support tile with scroll-triggered entrance motion.","name":"bento-tile-bento14-tile2","title":"Bento Tile Bento14 Tile 2 - Multiple Language Support","type":"registry:block"},{"description":"Isolated voice customization & tuning tile with scroll-triggered entrance motion.","name":"bento-tile-bento14-tile3","title":"Bento Tile Bento14 Tile 3 - Voice Customization & Tuning","type":"registry:block"},{"description":"Isolated instant voice generation tile with scroll-triggered entrance motion.","name":"bento-tile-bento14-tile4","title":"Bento Tile Bento14 Tile 4 - Instant Voice Generation","type":"registry:block"},{"description":"Isolated emotion-based voice delivery tile with animated count-up metrics.","name":"bento-tile-bento15-tile1","title":"Bento Tile Bento15 Tile 1 - Emotion-Based Voice Delivery","type":"registry:block"},{"description":"Isolated script-to-speech automation tile with scroll-triggered entrance motion.","name":"bento-tile-bento15-tile2","title":"Bento Tile Bento15 Tile 2 - Script-to-Speech Automation","type":"registry:block"},{"description":"Isolated multi-format audio export tile with scroll-triggered entrance motion.","name":"bento-tile-bento15-tile3","title":"Bento Tile Bento15 Tile 3 - Multi-Format Audio Export","type":"registry:block"},{"description":"Isolated character & personality voices tile with scroll-triggered entrance motion.","name":"bento-tile-bento16-tile1","title":"Bento Tile Bento16 Tile 1 - Character & Personality Voices","type":"registry:block"},{"description":"Isolated voice cloning support tile with scroll-triggered entrance motion.","name":"bento-tile-bento16-tile2","title":"Bento Tile Bento16 Tile 2 - Voice Cloning Support","type":"registry:block"},{"description":"Isolated ai script enhancer tile with animated count-up metrics.","name":"bento-tile-bento16-tile3","title":"Bento Tile Bento16 Tile 3 - AI Script Enhancer","type":"registry:block"},{"description":"Isolated team workspace collaboration tile with scroll-triggered entrance motion.","name":"bento-tile-bento16-tile4","title":"Bento Tile Bento16 Tile 4 - Team Workspace Collaboration","type":"registry:block"},{"description":"Isolated voice preview comparison tile with scroll-triggered entrance motion.","name":"bento-tile-bento17-tile1","title":"Bento Tile Bento17 Tile 1 - Voice Preview Comparison","type":"registry:block"},{"description":"Isolated brand voice library tile with animated count-up metrics.","name":"bento-tile-bento17-tile2","title":"Bento Tile Bento17 Tile 2 - Brand Voice Library","type":"registry:block"},{"description":"Isolated multilingual voice adaptation tile with scroll-triggered entrance motion.","name":"bento-tile-bento17-tile3","title":"Bento Tile Bento17 Tile 3 - Multilingual Voice Adaptation","type":"registry:block"},{"description":"Isolated emotion-based voice control tile with scroll-triggered entrance motion.","name":"bento-tile-bento17-tile4","title":"Bento Tile Bento17 Tile 4 - Emotion-Based Voice Control","type":"registry:block"},{"description":"Isolated ai-powered data insights tile with scroll-triggered entrance motion.","name":"bento-tile-bento18-tile1","title":"Bento Tile Bento18 Tile 1 - AI-powered data insights","type":"registry:block"},{"description":"Isolated automated workflow processing tile with animated count-up metrics.","name":"bento-tile-bento18-tile2","title":"Bento Tile Bento18 Tile 2 - Automated workflow processing","type":"registry:block"},{"description":"Isolated predictive analytics forecasting tile with scroll-triggered entrance motion.","name":"bento-tile-bento18-tile3","title":"Bento Tile Bento18 Tile 3 - Predictive analytics forecasting","type":"registry:block"},{"description":"Isolated real-time performance monitoring tile with scroll-triggered entrance motion.","name":"bento-tile-bento18-tile4","title":"Bento Tile Bento18 Tile 4 - Real-time performance monitoring","type":"registry:block"},{"description":"Isolated predictive performance tile with framer-motion transitions.","name":"bento-tile-bento19-tile1","title":"Bento Tile Bento19 Tile 1 - Predictive performance","type":"registry:block"},{"description":"Isolated automated task optimization tile with container-query typography scaling.","name":"bento-tile-bento19-tile2","title":"Bento Tile Bento19 Tile 2 - Automated task optimization","type":"registry:block"},{"description":"Isolated smart decision support tile with scroll-triggered entrance motion.","name":"bento-tile-bento19-tile3","title":"Bento Tile Bento19 Tile 3 - Smart decision support","type":"registry:block"},{"description":"Isolated intelligent data analysis tile with scroll-triggered entrance motion.","name":"bento-tile-bento19-tile4","title":"Bento Tile Bento19 Tile 4 - Intelligent data analysis","type":"registry:block"},{"description":"Isolated adaptive ai learning system tile with scroll-triggered entrance motion.","name":"bento-tile-bento19-tile5","title":"Bento Tile Bento19 Tile 5 - Adaptive AI learning system","type":"registry:block"},{"description":"Isolated anomaly detection alerts tile with framer-motion transitions.","name":"bento-tile-bento19-tile6","title":"Bento Tile Bento19 Tile 6 - Anomaly detection alerts","type":"registry:block"},{"description":"Isolated stats overview bar chart tile with scroll-triggered entrance motion.","name":"bento-tile-bento2-tile1","title":"Bento Tile Bento2 Tile 1 - Stats overview bar chart","type":"registry:block"},{"description":"Isolated automated progress reports tile with scroll-triggered entrance motion.","name":"bento-tile-bento2-tile2","title":"Bento Tile Bento2 Tile 2 - Automated progress reports","type":"registry:block"},{"description":"Isolated task and deadline management tile with looping beam lines along SVG paths.","name":"bento-tile-bento2-tile3","title":"Bento Tile Bento2 Tile 3 - Task and deadline management","type":"registry:block"},{"description":"Isolated centralized project tracking tile with scroll-triggered entrance motion.","name":"bento-tile-bento2-tile4","title":"Bento Tile Bento2 Tile 4 - Centralized project tracking","type":"registry:block"},{"description":"Isolated intelligent data analysis tile with scroll-triggered entrance motion.","name":"bento-tile-bento20-tile1","title":"Bento Tile Bento20 Tile 1 - Intelligent data analysis","type":"registry:block"},{"description":"Isolated intelligent data analysis tile with scroll-triggered entrance motion.","name":"bento-tile-bento20-tile2","title":"Bento Tile Bento20 Tile 2 - Intelligent data analysis","type":"registry:block"},{"description":"Isolated predictive performance tile with scroll-triggered entrance motion.","name":"bento-tile-bento20-tile3","title":"Bento Tile Bento20 Tile 3 - Predictive performance","type":"registry:block"},{"description":"Isolated high conversion cta blocks tile with scroll-triggered entrance motion.","name":"bento-tile-bento21-tile1","title":"Bento Tile Bento21 Tile 1 - High Conversion CTA Blocks","type":"registry:block"},{"description":"Isolated compliant data management tile with scroll-triggered entrance motion.","name":"bento-tile-bento21-tile2","title":"Bento Tile Bento21 Tile 2 - Compliant data management","type":"registry:block"},{"description":"Isolated real-time data monitoring tile with framer-motion transitions.","name":"bento-tile-bento21-tile3","title":"Bento Tile Bento21 Tile 3 - Real-time data monitoring","type":"registry:block"},{"description":"Isolated make more profit with alqen tile with scroll-triggered entrance motion.","name":"bento-tile-bento21-tile4","title":"Bento Tile Bento21 Tile 4 - Make more profit with alqen","type":"registry:block"},{"description":"Isolated leverage the power of ai tile with scroll-triggered entrance motion.","name":"bento-tile-bento21-tile5","title":"Bento Tile Bento21 Tile 5 - Leverage the Power of Ai","type":"registry:block"},{"description":"Isolated intelligent data insights tile with scroll-triggered entrance motion.","name":"bento-tile-bento22-tile1","title":"Bento Tile Bento22 Tile 1 - Intelligent Data Insights","type":"registry:block"},{"description":"Isolated intelligent data insights tile with scroll-triggered entrance motion.","name":"bento-tile-bento22-tile2","title":"Bento Tile Bento22 Tile 2 - Intelligent Data Insights","type":"registry:block"},{"description":"Isolated predictive analytics tile with animated count-up metrics.","name":"bento-tile-bento22-tile3","title":"Bento Tile Bento22 Tile 3 - Predictive Analytics","type":"registry:block"},{"description":"Isolated automated task management tile with animated count-up metrics.","name":"bento-tile-bento22-tile4","title":"Bento Tile Bento22 Tile 4 - Automated Task Management","type":"registry:block"},{"description":"Isolated personalized recommendations tile with scroll-triggered entrance motion.","name":"bento-tile-bento22-tile5","title":"Bento Tile Bento22 Tile 5 - Personalized Recommendations","type":"registry:block"},{"description":"Isolated context-aware ai responses tile with scroll-triggered entrance motion.","name":"bento-tile-bento23-tile1","title":"Bento Tile Bento23 Tile 1 - Context-Aware AI Responses","type":"registry:block"},{"description":"Isolated smart resource allocation tile with scroll-triggered entrance motion.","name":"bento-tile-bento23-tile2","title":"Bento Tile Bento23 Tile 2 - Smart Resource Allocation","type":"registry:block"},{"description":"Isolated smart resource allocation tile with scroll-triggered entrance motion.","name":"bento-tile-bento23-tile3","title":"Bento Tile Bento23 Tile 3 - Smart Resource Allocation","type":"registry:block"},{"description":"Isolated dark alternating bento with flipped captions tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento23-tile4","title":"Bento Tile Bento23 Tile 4 - Dark alternating bento with flipped captions tile 4","type":"registry:block"},{"description":"Isolated cross-platform intelligence sync tile with scroll-triggered entrance motion.","name":"bento-tile-bento24-tile1","title":"Bento Tile Bento24 Tile 1 - Cross-Platform Intelligence Sync","type":"registry:block"},{"description":"Isolated automated trend detection tile with scroll-triggered entrance motion.","name":"bento-tile-bento24-tile2","title":"Bento Tile Bento24 Tile 2 - Automated Trend Detection","type":"registry:block"},{"description":"Isolated ai-powered decision engine tile with scroll-triggered entrance motion.","name":"bento-tile-bento24-tile3","title":"Bento Tile Bento24 Tile 3 - AI-Powered Decision Engine","type":"registry:block"},{"description":"Isolated instant data visualization tile with scroll-triggered entrance motion.","name":"bento-tile-bento24-tile4","title":"Bento Tile Bento24 Tile 4 - Instant Data Visualization","type":"registry:block"},{"description":"Isolated data-driven strategy support tile with scroll-triggered entrance motion.","name":"bento-tile-bento25-tile1","title":"Bento Tile Bento25 Tile 1 - Data-Driven Strategy Support","type":"registry:block"},{"description":"Isolated data-driven strategy support tile with scroll-triggered entrance motion.","name":"bento-tile-bento25-tile2","title":"Bento Tile Bento25 Tile 2 - Data-Driven Strategy Support","type":"registry:block"},{"description":"Isolated instant performance benchmarking tile with scroll-triggered entrance motion.","name":"bento-tile-bento25-tile3","title":"Bento Tile Bento25 Tile 3 - Instant Performance Benchmarking","type":"registry:block"},{"description":"Isolated personalized recommendations tile with scroll-triggered entrance motion.","name":"bento-tile-bento25-tile4","title":"Bento Tile Bento25 Tile 4 - Personalized Recommendations","type":"registry:block"},{"description":"Isolated modular block layout tile with animated count-up metrics.","name":"bento-tile-bento26-tile1","title":"Bento Tile Bento26 Tile 1 - Modular Block Layout","type":"registry:block"},{"description":"Isolated drag-and-drop styling tile with animated count-up metrics.","name":"bento-tile-bento26-tile2","title":"Bento Tile Bento26 Tile 2 - Drag-and-Drop Styling","type":"registry:block"},{"description":"Isolated responsive auto-fit tile with animated count-up metrics.","name":"bento-tile-bento26-tile3","title":"Bento Tile Bento26 Tile 3 - Responsive Auto-Fit","type":"registry:block"},{"description":"Isolated smart adaptive sizing tile with scroll-triggered entrance motion.","name":"bento-tile-bento26-tile4","title":"Bento Tile Bento26 Tile 4 - Smart Adaptive Sizing","type":"registry:block"},{"description":"Isolated ultra-visual grid system tile with scroll-triggered entrance motion.","name":"bento-tile-bento27-tile1","title":"Bento Tile Bento27 Tile 1 - Ultra-Visual Grid System","type":"registry:block"},{"description":"Isolated high conversion cta blocks tile with scroll-triggered entrance motion.","name":"bento-tile-bento27-tile3","title":"Bento Tile Bento27 Tile 3 - High Conversion CTA Blocks","type":"registry:block"},{"description":"Isolated performance optimized assets tile with animated count-up metrics.","name":"bento-tile-bento28-tile1","title":"Bento Tile Bento28 Tile 1 - Performance Optimized Assets","type":"registry:block"},{"description":"Isolated real-time preview editing tile with scroll-triggered entrance motion.","name":"bento-tile-bento28-tile2","title":"Bento Tile Bento28 Tile 2 - Real-Time Preview Editing","type":"registry:block"},{"description":"Isolated multi-content attachment support tile with scroll-triggered entrance motion.","name":"bento-tile-bento28-tile3","title":"Bento Tile Bento28 Tile 3 - Multi-Content Attachment Support","type":"registry:block"},{"description":"Isolated brand adaptable typography tile with scroll-triggered entrance motion.","name":"bento-tile-bento28-tile4","title":"Bento Tile Bento28 Tile 4 - Brand Adaptable Typography","type":"registry:block"},{"description":"Isolated modular grid-based ui blocks tile with scroll-triggered entrance motion.","name":"bento-tile-bento29-tile1","title":"Bento Tile Bento29 Tile 1 - Modular grid-based UI blocks","type":"registry:block"},{"description":"Isolated auto-responsive scaling screens tile with scroll-triggered entrance motion.","name":"bento-tile-bento29-tile3","title":"Bento Tile Bento29 Tile 3 - Auto-responsive scaling screens","type":"registry:block"},{"description":"Isolated pre-styled visual variants for fast setup tile with scroll-triggered entrance motion.","name":"bento-tile-bento29-tile4","title":"Bento Tile Bento29 Tile 4 - Pre-styled visual variants for fast setup","type":"registry:block"},{"description":"Isolated four-tile value proposition bento tile 1 tile with animated count-up metrics.","name":"bento-tile-bento3-tile1","title":"Bento Tile Bento3 Tile 1 - Four-tile value proposition bento tile 1","type":"registry:block"},{"description":"Isolated four-tile value proposition bento tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento3-tile2","title":"Bento Tile Bento3 Tile 2 - Four-tile value proposition bento tile 2","type":"registry:block"},{"description":"Isolated four-tile value proposition bento tile 3 tile with framer-motion transitions.","name":"bento-tile-bento3-tile3","title":"Bento Tile Bento3 Tile 3 - Four-tile value proposition bento tile 3","type":"registry:block"},{"description":"Isolated four-tile value proposition bento tile 4 tile with looping beam lines along SVG paths.","name":"bento-tile-bento3-tile4","title":"Bento Tile Bento3 Tile 4 - Four-tile value proposition bento tile 4","type":"registry:block"},{"description":"Isolated video consultations tile with animated count-up metrics.","name":"bento-tile-bento30-tile1","title":"Bento Tile Bento30 Tile 1 - Video consultations","type":"registry:block"},{"description":"Isolated video consultations tile with framer-motion transitions.","name":"bento-tile-bento30-tile2","title":"Bento Tile Bento30 Tile 2 - Video consultations","type":"registry:block"},{"description":"Isolated health monitoring tile with scroll-triggered entrance motion.","name":"bento-tile-bento30-tile4","title":"Bento Tile Bento30 Tile 4 - Health monitoring","type":"registry:block"},{"description":"Isolated healthcare bento with stat counters tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento30-tile5","title":"Bento Tile Bento30 Tile 5 - Healthcare bento with stat counters tile 5","type":"registry:block"},{"description":"Isolated appointment scheduling tile with scroll-triggered entrance motion.","name":"bento-tile-bento31-tile1","title":"Bento Tile Bento31 Tile 1 - Appointment scheduling","type":"registry:block"},{"description":"Isolated health tile with scroll-triggered entrance motion.","name":"bento-tile-bento31-tile2","title":"Bento Tile Bento31 Tile 2 - Health","type":"registry:block"},{"description":"Isolated health tile with scroll-triggered entrance motion.","name":"bento-tile-bento31-tile3","title":"Bento Tile Bento31 Tile 3 - Health","type":"registry:block"},{"description":"Isolated health tile with scroll-triggered entrance motion.","name":"bento-tile-bento31-tile4","title":"Bento Tile Bento31 Tile 4 - Health","type":"registry:block"},{"description":"Isolated healthcare bento with report tiles tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento31-tile5","title":"Bento Tile Bento31 Tile 5 - Healthcare bento with report tiles tile 5","type":"registry:block"},{"description":"Isolated captionless product bento mosaic tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento32-tile1","title":"Bento Tile Bento32 Tile 1 - Captionless product bento mosaic tile 1","type":"registry:block"},{"description":"Isolated captionless product bento mosaic tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento32-tile2","title":"Bento Tile Bento32 Tile 2 - Captionless product bento mosaic tile 2","type":"registry:block"},{"description":"Isolated captionless product bento mosaic tile 3 tile with animated count-up metrics.","name":"bento-tile-bento32-tile3","title":"Bento Tile Bento32 Tile 3 - Captionless product bento mosaic tile 3","type":"registry:block"},{"description":"Isolated captionless product bento mosaic tile 4 tile with framer-motion transitions.","name":"bento-tile-bento32-tile4","title":"Bento Tile Bento32 Tile 4 - Captionless product bento mosaic tile 4","type":"registry:block"},{"description":"Isolated complex pricing and promo bento tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento33-tile1","title":"Bento Tile Bento33 Tile 1 - Complex pricing and promo bento tile 1","type":"registry:block"},{"description":"Isolated complex pricing and promo bento tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento33-tile2","title":"Bento Tile Bento33 Tile 2 - Complex pricing and promo bento tile 2","type":"registry:block"},{"description":"Isolated complex pricing and promo bento tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento33-tile3","title":"Bento Tile Bento33 Tile 3 - Complex pricing and promo bento tile 3","type":"registry:block"},{"description":"Isolated complex pricing and promo bento tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento33-tile4","title":"Bento Tile Bento33 Tile 4 - Complex pricing and promo bento tile 4","type":"registry:block"},{"description":"Isolated complex pricing and promo bento tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento33-tile5","title":"Bento Tile Bento33 Tile 5 - Complex pricing and promo bento tile 5","type":"registry:block"},{"description":"Isolated complex pricing and promo bento tile 6 tile with scroll-triggered entrance motion.","name":"bento-tile-bento33-tile6","title":"Bento Tile Bento33 Tile 6 - Complex pricing and promo bento tile 6","type":"registry:block"},{"description":"Isolated complex pricing and promo bento tile 7 tile with animated count-up metrics.","name":"bento-tile-bento33-tile7","title":"Bento Tile Bento33 Tile 7 - Complex pricing and promo bento tile 7","type":"registry:block"},{"description":"Isolated complex pricing and promo bento tile 8 tile with scroll-triggered entrance motion.","name":"bento-tile-bento33-tile8","title":"Bento Tile Bento33 Tile 8 - Complex pricing and promo bento tile 8","type":"registry:block"},{"description":"Isolated complex pricing and promo bento tile 9 tile with scroll-triggered entrance motion.","name":"bento-tile-bento33-tile9","title":"Bento Tile Bento33 Tile 9 - Complex pricing and promo bento tile 9","type":"registry:block"},{"description":"Isolated automated background checks tile with scroll-triggered entrance motion.","name":"bento-tile-bento34-tile1","title":"Bento Tile Bento34 Tile 1 - Automated background checks","type":"registry:block"},{"description":"Isolated voice & text forensics tile with scroll-triggered entrance motion.","name":"bento-tile-bento34-tile2","title":"Bento Tile Bento34 Tile 2 - Voice &amp; text forensics","type":"registry:block"},{"description":"Isolated ai-driven legal assistance tile with framer-motion transitions.","name":"bento-tile-bento34-tile3","title":"Bento Tile Bento34 Tile 3 - AI-Driven legal assistance","type":"registry:block"},{"description":"Isolated ai-driven legal assistance tile with scroll-triggered entrance motion.","name":"bento-tile-bento34-tile4","title":"Bento Tile Bento34 Tile 4 - AI-Driven legal assistance","type":"registry:block"},{"description":"Isolated cybercrime & fraud detection tile with scroll-triggered entrance motion.","name":"bento-tile-bento34-tile5","title":"Bento Tile Bento34 Tile 5 - Cybercrime &amp; fraud detection","type":"registry:block"},{"description":"Isolated investigation services bento collage tile 6 tile with container-query typography scaling.","name":"bento-tile-bento34-tile6","title":"Bento Tile Bento34 Tile 6 - Investigation services bento collage tile 6","type":"registry:block"},{"description":"Isolated investigation services bento collage tile 7 tile with scroll-triggered entrance motion.","name":"bento-tile-bento34-tile7","title":"Bento Tile Bento34 Tile 7 - Investigation services bento collage tile 7","type":"registry:block"},{"description":"Isolated color use tile with scroll-triggered entrance motion.","name":"bento-tile-bento35-tile1","title":"Bento Tile Bento35 Tile 1 - Color use","type":"registry:block"},{"description":"Isolated color use tile with scroll-triggered entrance motion.","name":"bento-tile-bento35-tile2","title":"Bento Tile Bento35 Tile 2 - Color use","type":"registry:block"},{"description":"Isolated color use tile with scroll-triggered entrance motion.","name":"bento-tile-bento35-tile4","title":"Bento Tile Bento35 Tile 4 - Color use","type":"registry:block"},{"description":"Isolated color use tile with scroll-triggered entrance motion.","name":"bento-tile-bento35-tile5","title":"Bento Tile Bento35 Tile 5 - Color use","type":"registry:block"},{"description":"Isolated color use tile with scroll-triggered entrance motion.","name":"bento-tile-bento35-tile6","title":"Bento Tile Bento35 Tile 6 - Color use","type":"registry:block"},{"description":"Isolated dark headphone product bento tile 7 tile with scroll-triggered entrance motion.","name":"bento-tile-bento35-tile7","title":"Bento Tile Bento35 Tile 7 - Dark headphone product bento tile 7","type":"registry:block"},{"description":"Isolated dark editorial product bento tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento36-tile1","title":"Bento Tile Bento36 Tile 1 - Dark editorial product bento tile 1","type":"registry:block"},{"description":"Isolated dark editorial product bento tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento36-tile2","title":"Bento Tile Bento36 Tile 2 - Dark editorial product bento tile 2","type":"registry:block"},{"description":"Isolated dark editorial product bento tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento36-tile3","title":"Bento Tile Bento36 Tile 3 - Dark editorial product bento tile 3","type":"registry:block"},{"description":"Isolated dark editorial product bento tile 4 tile with container-query typography scaling.","name":"bento-tile-bento36-tile4","title":"Bento Tile Bento36 Tile 4 - Dark editorial product bento tile 4","type":"registry:block"},{"description":"Isolated dark editorial product bento tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento36-tile5","title":"Bento Tile Bento36 Tile 5 - Dark editorial product bento tile 5","type":"registry:block"},{"description":"Isolated dark editorial product bento tile 6 tile with scroll-triggered entrance motion.","name":"bento-tile-bento36-tile6","title":"Bento Tile Bento36 Tile 6 - Dark editorial product bento tile 6","type":"registry:block"},{"description":"Isolated dark editorial product bento tile 7 tile with scroll-triggered entrance motion.","name":"bento-tile-bento36-tile7","title":"Bento Tile Bento36 Tile 7 - Dark editorial product bento tile 7","type":"registry:block"},{"description":"Isolated dark split showcase bento tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento37-tile1","title":"Bento Tile Bento37 Tile 1 - Dark split showcase bento tile 1","type":"registry:block"},{"description":"Isolated dark split showcase bento tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento37-tile2","title":"Bento Tile Bento37 Tile 2 - Dark split showcase bento tile 2","type":"registry:block"},{"description":"Isolated dark split showcase bento tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento37-tile3","title":"Bento Tile Bento37 Tile 3 - Dark split showcase bento tile 3","type":"registry:block"},{"description":"Isolated dark split showcase bento tile 4 tile with background imagery.","name":"bento-tile-bento37-tile4","title":"Bento Tile Bento37 Tile 4 - Dark split showcase bento tile 4","type":"registry:block"},{"description":"Isolated dark split showcase bento tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento37-tile5","title":"Bento Tile Bento37 Tile 5 - Dark split showcase bento tile 5","type":"registry:block"},{"description":"Isolated editorial fashion bento collage tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento38-tile1","title":"Bento Tile Bento38 Tile 1 - Editorial fashion bento collage tile 1","type":"registry:block"},{"description":"Isolated editorial fashion bento collage tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento38-tile2","title":"Bento Tile Bento38 Tile 2 - Editorial fashion bento collage tile 2","type":"registry:block"},{"description":"Isolated editorial fashion bento collage tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento38-tile3","title":"Bento Tile Bento38 Tile 3 - Editorial fashion bento collage tile 3","type":"registry:block"},{"description":"Isolated editorial fashion bento collage tile 4 tile with background imagery.","name":"bento-tile-bento38-tile4","title":"Bento Tile Bento38 Tile 4 - Editorial fashion bento collage tile 4","type":"registry:block"},{"description":"Isolated editorial fashion bento collage tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento38-tile5","title":"Bento Tile Bento38 Tile 5 - Editorial fashion bento collage tile 5","type":"registry:block"},{"description":"Isolated editorial fashion bento collage tile 6 tile with scroll-triggered entrance motion.","name":"bento-tile-bento38-tile6","title":"Bento Tile Bento38 Tile 6 - Editorial fashion bento collage tile 6","type":"registry:block"},{"description":"Isolated analytics dashboard bento with charts tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento39-tile2","title":"Bento Tile Bento39 Tile 2 - Analytics dashboard bento with charts tile 2","type":"registry:block"},{"description":"Isolated analytics dashboard bento with charts tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento39-tile4","title":"Bento Tile Bento39 Tile 4 - Analytics dashboard bento with charts tile 4","type":"registry:block"},{"description":"Isolated analytics dashboard bento with charts tile 6 tile with animated count-up metrics.","name":"bento-tile-bento39-tile6","title":"Bento Tile Bento39 Tile 6 - Analytics dashboard bento with charts tile 6","type":"registry:block"},{"description":"Isolated analytics dashboard bento with charts tile 7 tile with animated count-up metrics.","name":"bento-tile-bento39-tile7","title":"Bento Tile Bento39 Tile 7 - Analytics dashboard bento with charts tile 7","type":"registry:block"},{"description":"Isolated analytics dashboard bento with charts tile 8 tile with scroll-triggered entrance motion.","name":"bento-tile-bento39-tile8","title":"Bento Tile Bento39 Tile 8 - Analytics dashboard bento with charts tile 8","type":"registry:block"},{"description":"Isolated intelligent data analysis tile with looping beam lines along SVG paths.","name":"bento-tile-bento4-tile1","title":"Bento Tile Bento4 Tile 1 - Intelligent data analysis","type":"registry:block"},{"description":"Isolated smart decision recommendations tile with a scrubbing playhead across chart bars.","name":"bento-tile-bento4-tile2","title":"Bento Tile Bento4 Tile 2 - Smart decision recommendations","type":"registry:block"},{"description":"Isolated ai voice bento with keyboard and auth tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento40-tile1","title":"Bento Tile Bento40 Tile 1 - AI voice bento with keyboard and auth tile 1","type":"registry:block"},{"description":"Isolated ai voice bento with keyboard and auth tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento40-tile2","title":"Bento Tile Bento40 Tile 2 - AI voice bento with keyboard and auth tile 2","type":"registry:block"},{"description":"Isolated ai voice bento with keyboard and auth tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento40-tile3","title":"Bento Tile Bento40 Tile 3 - AI voice bento with keyboard and auth tile 3","type":"registry:block"},{"description":"Isolated ai voice bento with keyboard and auth tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento40-tile4","title":"Bento Tile Bento40 Tile 4 - AI voice bento with keyboard and auth tile 4","type":"registry:block"},{"description":"Isolated ai voice bento with keyboard and auth tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento40-tile5","title":"Bento Tile Bento40 Tile 5 - AI voice bento with keyboard and auth tile 5","type":"registry:block"},{"description":"Isolated developer productivity bento with sidebar cta tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento41-tile1","title":"Bento Tile Bento41 Tile 1 - Developer productivity bento with sidebar CTA tile 1","type":"registry:block"},{"description":"Isolated developer productivity bento with sidebar cta tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento41-tile2","title":"Bento Tile Bento41 Tile 2 - Developer productivity bento with sidebar CTA tile 2","type":"registry:block"},{"description":"Isolated developer productivity bento with sidebar cta tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento41-tile3","title":"Bento Tile Bento41 Tile 3 - Developer productivity bento with sidebar CTA tile 3","type":"registry:block"},{"description":"Isolated developer productivity bento with sidebar cta tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento41-tile4","title":"Bento Tile Bento41 Tile 4 - Developer productivity bento with sidebar CTA tile 4","type":"registry:block"},{"description":"Isolated developer productivity bento with sidebar cta tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento41-tile5","title":"Bento Tile Bento41 Tile 5 - Developer productivity bento with sidebar CTA tile 5","type":"registry:block"},{"description":"Isolated task management feature bento grid tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento42-tile1","title":"Bento Tile Bento42 Tile 1 - Task management feature bento grid tile 1","type":"registry:block"},{"description":"Isolated task management feature bento grid tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento42-tile2","title":"Bento Tile Bento42 Tile 2 - Task management feature bento grid tile 2","type":"registry:block"},{"description":"Isolated task management feature bento grid tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento42-tile3","title":"Bento Tile Bento42 Tile 3 - Task management feature bento grid tile 3","type":"registry:block"},{"description":"Isolated task management feature bento grid tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento42-tile4","title":"Bento Tile Bento42 Tile 4 - Task management feature bento grid tile 4","type":"registry:block"},{"description":"Isolated ai platform bento with integration hub tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento43-tile1","title":"Bento Tile Bento43 Tile 1 - AI platform bento with integration hub tile 1","type":"registry:block"},{"description":"Isolated ai platform bento with integration hub tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento43-tile2","title":"Bento Tile Bento43 Tile 2 - AI platform bento with integration hub tile 2","type":"registry:block"},{"description":"Isolated ai platform bento with integration hub tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento43-tile3","title":"Bento Tile Bento43 Tile 3 - AI platform bento with integration hub tile 3","type":"registry:block"},{"description":"Isolated ai platform bento with integration hub tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento43-tile4","title":"Bento Tile Bento43 Tile 4 - AI platform bento with integration hub tile 4","type":"registry:block"},{"description":"Isolated mobile collaboration bento with world map tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento44-tile1","title":"Bento Tile Bento44 Tile 1 - Mobile collaboration bento with world map tile 1","type":"registry:block"},{"description":"Isolated labeled ai feature bento grid tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento44-tile2","title":"Bento Tile Bento44 Tile 2 - Labeled AI feature bento grid tile 2","type":"registry:block"},{"description":"Isolated mobile collaboration bento with world map tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento44-tile3","title":"Bento Tile Bento44 Tile 3 - Mobile collaboration bento with world map tile 3","type":"registry:block"},{"description":"Isolated mobile collaboration bento with world map tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento44-tile4","title":"Bento Tile Bento44 Tile 4 - Mobile collaboration bento with world map tile 4","type":"registry:block"},{"description":"Isolated saas fintech bento with trading widget tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento45-tile1","title":"Bento Tile Bento45 Tile 1 - SaaS fintech bento with trading widget tile 1","type":"registry:block"},{"description":"Isolated saas fintech bento with trading widget tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento45-tile2","title":"Bento Tile Bento45 Tile 2 - SaaS fintech bento with trading widget tile 2","type":"registry:block"},{"description":"Isolated saas fintech bento with trading widget tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento45-tile3","title":"Bento Tile Bento45 Tile 3 - SaaS fintech bento with trading widget tile 3","type":"registry:block"},{"description":"Isolated saas fintech bento with trading widget tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento45-tile4","title":"Bento Tile Bento45 Tile 4 - SaaS fintech bento with trading widget tile 4","type":"registry:block"},{"description":"Isolated saas fintech bento with trading widget tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento45-tile5","title":"Bento Tile Bento45 Tile 5 - SaaS fintech bento with trading widget tile 5","type":"registry:block"},{"description":"Isolated ai chat and data pipeline bento tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento46-tile1","title":"Bento Tile Bento46 Tile 1 - AI chat and data pipeline bento tile 1","type":"registry:block"},{"description":"Isolated ai chat and data pipeline bento tile 2 tile with framer-motion transitions.","name":"bento-tile-bento46-tile2","title":"Bento Tile Bento46 Tile 2 - AI chat and data pipeline bento tile 2","type":"registry:block"},{"description":"Isolated ai chat and data pipeline bento tile 3 tile with container-query typography scaling.","name":"bento-tile-bento46-tile3","title":"Bento Tile Bento46 Tile 3 - AI chat and data pipeline bento tile 3","type":"registry:block"},{"description":"Isolated ai chat and data pipeline bento tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento46-tile4","title":"Bento Tile Bento46 Tile 4 - AI chat and data pipeline bento tile 4","type":"registry:block"},{"description":"Isolated light feature bento with ui screenshots tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento48-tile1","title":"Bento Tile Bento48 Tile 1 - Light feature bento with UI screenshots tile 1","type":"registry:block"},{"description":"Isolated light feature bento with ui screenshots tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento48-tile2","title":"Bento Tile Bento48 Tile 2 - Light feature bento with UI screenshots tile 2","type":"registry:block"},{"description":"Isolated light feature bento with ui screenshots tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento48-tile3","title":"Bento Tile Bento48 Tile 3 - Light feature bento with UI screenshots tile 3","type":"registry:block"},{"description":"Isolated light feature bento with ui screenshots tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento48-tile4","title":"Bento Tile Bento48 Tile 4 - Light feature bento with UI screenshots tile 4","type":"registry:block"},{"description":"Isolated ai analytics bento with radial chart tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento49-tile1","title":"Bento Tile Bento49 Tile 1 - AI analytics bento with radial chart tile 1","type":"registry:block"},{"description":"Isolated ai analytics bento with radial chart tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento49-tile2","title":"Bento Tile Bento49 Tile 2 - AI analytics bento with radial chart tile 2","type":"registry:block"},{"description":"Isolated ai analytics bento with radial chart tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento49-tile3","title":"Bento Tile Bento49 Tile 3 - AI analytics bento with radial chart tile 3","type":"registry:block"},{"description":"Isolated healthcare feature bento grid tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento5-tile1","title":"Bento Tile Bento5 Tile 1 - Healthcare feature bento grid tile 1","type":"registry:block"},{"description":"Isolated healthcare feature bento grid tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento5-tile2","title":"Bento Tile Bento5 Tile 2 - Healthcare feature bento grid tile 2","type":"registry:block"},{"description":"Isolated healthcare feature bento grid tile 3 tile with background imagery.","name":"bento-tile-bento5-tile3","title":"Bento Tile Bento5 Tile 3 - Healthcare feature bento grid tile 3","type":"registry:block"},{"description":"Isolated healthcare feature bento grid tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento5-tile4","title":"Bento Tile Bento5 Tile 4 - Healthcare feature bento grid tile 4","type":"registry:block"},{"description":"Isolated healthcare feature bento grid tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento5-tile5","title":"Bento Tile Bento5 Tile 5 - Healthcare feature bento grid tile 5","type":"registry:block"},{"description":"Isolated asymmetric light marketing bento tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento50-tile1","title":"Bento Tile Bento50 Tile 1 - Asymmetric light marketing bento tile 1","type":"registry:block"},{"description":"Isolated asymmetric light marketing bento tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento50-tile2","title":"Bento Tile Bento50 Tile 2 - Asymmetric light marketing bento tile 2","type":"registry:block"},{"description":"Isolated asymmetric light marketing bento tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento50-tile3","title":"Bento Tile Bento50 Tile 3 - Asymmetric light marketing bento tile 3","type":"registry:block"},{"description":"Isolated asymmetric light marketing bento tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento50-tile4","title":"Bento Tile Bento50 Tile 4 - Asymmetric light marketing bento tile 4","type":"registry:block"},{"description":"Isolated six-card analytics feature bento tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento51-tile1","title":"Bento Tile Bento51 Tile 1 - Six-card analytics feature bento tile 1","type":"registry:block"},{"description":"Isolated six-card analytics feature bento tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento51-tile2","title":"Bento Tile Bento51 Tile 2 - Six-card analytics feature bento tile 2","type":"registry:block"},{"description":"Isolated six-card analytics feature bento tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento51-tile3","title":"Bento Tile Bento51 Tile 3 - Six-card analytics feature bento tile 3","type":"registry:block"},{"description":"Isolated six-card analytics feature bento tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento51-tile4","title":"Bento Tile Bento51 Tile 4 - Six-card analytics feature bento tile 4","type":"registry:block"},{"description":"Isolated six-card analytics feature bento tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento51-tile5","title":"Bento Tile Bento51 Tile 5 - Six-card analytics feature bento tile 5","type":"registry:block"},{"description":"Isolated six-card analytics feature bento tile 6 tile with scroll-triggered entrance motion.","name":"bento-tile-bento51-tile6","title":"Bento Tile Bento51 Tile 6 - Six-card analytics feature bento tile 6","type":"registry:block"},{"description":"Isolated compact dark feature bento tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento52-tile1","title":"Bento Tile Bento52 Tile 1 - Compact dark feature bento tile 1","type":"registry:block"},{"description":"Isolated compact dark feature bento tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento52-tile2","title":"Bento Tile Bento52 Tile 2 - Compact dark feature bento tile 2","type":"registry:block"},{"description":"Isolated compact dark feature bento tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento52-tile3","title":"Bento Tile Bento52 Tile 3 - Compact dark feature bento tile 3","type":"registry:block"},{"description":"Isolated compact dark feature bento tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento52-tile4","title":"Bento Tile Bento52 Tile 4 - Compact dark feature bento tile 4","type":"registry:block"},{"description":"Isolated compact dark feature bento tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento52-tile5","title":"Bento Tile Bento52 Tile 5 - Compact dark feature bento tile 5","type":"registry:block"},{"description":"Isolated web3 developer bento with marquees tile 1 tile with framer-motion transitions.","name":"bento-tile-bento53-tile1","title":"Bento Tile Bento53 Tile 1 - Web3 developer bento with marquees tile 1","type":"registry:block"},{"description":"Isolated web3 developer bento with marquees tile 2 tile with framer-motion transitions.","name":"bento-tile-bento53-tile2","title":"Bento Tile Bento53 Tile 2 - Web3 developer bento with marquees tile 2","type":"registry:block"},{"description":"Isolated web3 developer bento with marquees tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento53-tile3","title":"Bento Tile Bento53 Tile 3 - Web3 developer bento with marquees tile 3","type":"registry:block"},{"description":"Isolated web3 developer bento with marquees tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento53-tile4","title":"Bento Tile Bento53 Tile 4 - Web3 developer bento with marquees tile 4","type":"registry:block"},{"description":"Isolated web3 developer bento with marquees tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento53-tile5","title":"Bento Tile Bento53 Tile 5 - Web3 developer bento with marquees tile 5","type":"registry:block"},{"description":"Isolated enterprise finance bento with timeline tile 1 tile with scroll-triggered entrance motion.","name":"bento-tile-bento54-tile1","title":"Bento Tile Bento54 Tile 1 - Enterprise finance bento with timeline tile 1","type":"registry:block"},{"description":"Isolated enterprise finance bento with timeline tile 2 tile with scroll-triggered entrance motion.","name":"bento-tile-bento54-tile2","title":"Bento Tile Bento54 Tile 2 - Enterprise finance bento with timeline tile 2","type":"registry:block"},{"description":"Isolated enterprise finance bento with timeline tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento54-tile3","title":"Bento Tile Bento54 Tile 3 - Enterprise finance bento with timeline tile 3","type":"registry:block"},{"description":"Isolated enterprise finance bento with timeline tile 4 tile with scroll-triggered entrance motion.","name":"bento-tile-bento54-tile4","title":"Bento Tile Bento54 Tile 4 - Enterprise finance bento with timeline tile 4","type":"registry:block"},{"description":"Isolated enterprise finance bento with timeline tile 5 tile with scroll-triggered entrance motion.","name":"bento-tile-bento54-tile5","title":"Bento Tile Bento54 Tile 5 - Enterprise finance bento with timeline tile 5","type":"registry:block"},{"description":"Isolated scalable enterprise tools tile with scroll-triggered entrance motion.","name":"bento-tile-bento6-tile1","title":"Bento Tile Bento6 Tile 1 - Scalable enterprise tools","type":"registry:block"},{"description":"Isolated real-time data analytics tile with scroll-triggered entrance motion.","name":"bento-tile-bento6-tile2","title":"Bento Tile Bento6 Tile 2 - Real-time data analytics","type":"registry:block"},{"description":"Isolated ai-driven business intelligence tile with scroll-triggered entrance motion.","name":"bento-tile-bento6-tile3","title":"Bento Tile Bento6 Tile 3 - AI-driven business intelligence","type":"registry:block"},{"description":"Isolated financial and project management tile with scroll-triggered entrance motion.","name":"bento-tile-bento6-tile4","title":"Bento Tile Bento6 Tile 4 - Financial and project management","type":"registry:block"},{"description":"Isolated build and document tile with scroll-triggered entrance motion.","name":"bento-tile-bento7-tile1","title":"Bento Tile Bento7 Tile 1 - Build and document","type":"registry:block"},{"description":"Isolated build and document tile with scroll-triggered entrance motion.","name":"bento-tile-bento7-tile2","title":"Bento Tile Bento7 Tile 2 - Build and document","type":"registry:block"},{"description":"Isolated light bento with ai chat and model picker tile 3 tile with scroll-triggered entrance motion.","name":"bento-tile-bento7-tile3","title":"Bento Tile Bento7 Tile 3 - Light bento with AI chat and model picker tile 3","type":"registry:block"},{"description":"Isolated build and document tile with scroll-triggered entrance motion.","name":"bento-tile-bento8-tile1","title":"Bento Tile Bento8 Tile 1 - Build and document","type":"registry:block"},{"description":"Isolated decision recommendations tile with animated count-up metrics.","name":"bento-tile-bento8-tile3","title":"Bento Tile Bento8 Tile 3 - Decision Recommendations","type":"registry:block"},{"description":"Isolated text-based chatbot tile with scroll-triggered entrance motion.","name":"bento-tile-bento9-tile1","title":"Bento Tile Bento9 Tile 1 - Text-based chatbot","type":"registry:block"},{"description":"Isolated end-to-end encryption tile with animated count-up metrics.","name":"bento-tile-bento9-tile2","title":"Bento Tile Bento9 Tile 2 - End-to-end encryption","type":"registry:block"},{"description":"Isolated context-aware suggestions tile with scroll-triggered entrance motion.","name":"bento-tile-bento9-tile4","title":"Bento Tile Bento9 Tile 4 - Context-aware suggestions","type":"registry:block"},{"description":"Isolated simple command processing tile with scroll-triggered entrance motion.","name":"bento-tile-bento9-tile5","title":"Bento Tile Bento9 Tile 5 - Simple command processing","type":"registry:block"},{"description":"Button with animated border highlight effect.","name":"border-button-border-button-basic","title":"Border Button Basic - With animated border","type":"registry:block"},{"description":"Classic L-shaped bracket on each corner.","name":"border-button-border-button-corner-1","title":"Border Button Corner 1 - Corner L","type":"registry:block"},{"description":"Plus symbol centered in each corner accent.","name":"border-button-border-button-corner-2","title":"Border Button Corner 2 - Corner Plus","type":"registry:block"},{"description":"Small square frame inset in each corner.","name":"border-button-border-button-corner-3","title":"Border Button Corner 3 - Corner Square","type":"registry:block"},{"description":"Parallel double-line L brackets anchored on the corner, extending outward.","name":"border-button-border-button-corner-4","title":"Border Button Corner 4 - Corner Double","type":"registry:block"},{"description":"Filled dot centered on the corner with short arms extending outward.","name":"border-button-border-button-corner-5","title":"Border Button Corner 5 - Corner Dot","type":"registry:block"},{"description":"Full rainbow conic gradient rotating continuously around the button border.","name":"border-button-border-button-moving-1","title":"Border Button Moving 1 - Moving Spin","type":"registry:block"},{"description":"Expanding ripple rings pulsing outward from the border.","name":"border-button-border-button-moving-10","title":"Border Button Moving 10 - Moving Ping","type":"registry:block"},{"description":"Two gradient beams chasing opposite sides.","name":"border-button-border-button-moving-11","title":"Border Button Moving 11 - Moving Dual Beam","type":"registry:block"},{"description":"Color wave rotating through the border gradient.","name":"border-button-border-button-moving-12","title":"Border Button Moving 12 - Moving Wave","type":"registry:block"},{"description":"A single bright gradient beam chasing quickly around the border.","name":"border-button-border-button-moving-2","title":"Border Button Moving 2 - Moving Beam","type":"registry:block"},{"description":"Gradient border ring that breathes with a pulsing scale and opacity.","name":"border-button-border-button-moving-3","title":"Border Button Moving 3 - Moving Pulse","type":"registry:block"},{"description":"Diagonal light sweep sliding across the border surface.","name":"border-button-border-button-moving-4","title":"Border Button Moving 4 - Moving Shimmer","type":"registry:block"},{"description":"Gradient dashed stroke marching continuously around the perimeter.","name":"border-button-border-button-moving-5","title":"Border Button Moving 5 - Moving Dash","type":"registry:block"},{"description":"Static muted border at rest; full spin animation activates on hover.","name":"border-button-border-button-moving-6","title":"Border Button Moving 6 - Moving Hover Spin","type":"registry:block"},{"description":"Counter-clockwise rotating gradient border.","name":"border-button-border-button-moving-7","title":"Border Button Moving 7 - Moving Reverse","type":"registry:block"},{"description":"Wide comet tail sweeping slowly around the border.","name":"border-button-border-button-moving-8","title":"Border Button Moving 8 - Moving Meteor","type":"registry:block"},{"description":"Soft blurred gradient halo breathing around the edge.","name":"border-button-border-button-moving-9","title":"Border Button Moving 9 - Moving Glow","type":"registry:block"},{"description":"TraceButton with full SVG border draw on hover — draw effect.","name":"border-button-border-button-trace-1","title":"Border Button Trace 1 - Trace Draw","type":"registry:block"},{"description":"TraceButton with SVG border that draws then keeps marching on hover — loop effect.","name":"border-button-border-button-trace-2","title":"Border Button Trace 2 - Trace Loop","type":"registry:block"},{"description":"TraceButton with two SVG strokes meeting from opposite corners on hover — dual effect.","name":"border-button-border-button-trace-3","title":"Border Button Trace 3 - Trace Dual","type":"registry:block"},{"description":"TraceButton with dashed SVG border draw on hover — dash effect.","name":"border-button-border-button-trace-4","title":"Border Button Trace 4 - Trace Dash","type":"registry:block"},{"description":"TraceButton with blurred SVG border glow on draw hover — glow effect.","name":"border-button-border-button-trace-5","title":"Border Button Trace 5 - Trace Glow","type":"registry:block"},{"description":"TraceButton with top and right SVG border edges drawing on hover — partial effect.","name":"border-button-border-button-trace-6","title":"Border Button Trace 6 - Trace Partial","type":"registry:block"},{"description":"Breadcrumb with home icon and ellipsis for collapsed items.","name":"breadcrumb-breadcrumb-home-icon-1","title":"Breadcrumb Home Icon 1 - Breadcrumb with Ellipsis","type":"registry:block"},{"description":"Breadcrumb with home icon and dropdown menu.","name":"breadcrumb-breadcrumb-home-icon-2","title":"Breadcrumb Home Icon 2 - Breadcrumb with Dropdown","type":"registry:block"},{"description":"Breadcrumb with home icon and icons for each item.","name":"breadcrumb-breadcrumb-home-icon-3","title":"Breadcrumb Home Icon 3 - Breadcrumb with Icons","type":"registry:block"},{"description":"Breadcrumb with home icon wrapped in bordered container.","name":"breadcrumb-breadcrumb-home-icon-4","title":"Breadcrumb Home Icon 4 - Breadcrumb with Border","type":"registry:block"},{"description":"Breadcrumb with home icon and bullet separators.","name":"breadcrumb-breadcrumb-home-icon-5","title":"Breadcrumb Home Icon 5 - Breadcrumb with Bullet Separator","type":"registry:block"},{"description":"Breadcrumb with home icon and slash separators.","name":"breadcrumb-breadcrumb-home-icon-6","title":"Breadcrumb Home Icon 6 - Breadcrumb with Slash Separator","type":"registry:block"},{"description":"Breadcrumb with home icon and select dropdown.","name":"breadcrumb-breadcrumb-home-icon-7","title":"Breadcrumb Home Icon 7 - Breadcrumb with Select","type":"registry:block"},{"description":"Breadcrumb navigation with ellipsis for collapsed items.","name":"breadcrumb-breadcrumb-standard-1","title":"Breadcrumb Standard 1 - Breadcrumb with Ellipsis","type":"registry:block"},{"description":"Breadcrumb with dropdown menu for intermediate items.","name":"breadcrumb-breadcrumb-standard-2","title":"Breadcrumb Standard 2 - Breadcrumb with Dropdown","type":"registry:block"},{"description":"Breadcrumb with icons next to each navigation item.","name":"breadcrumb-breadcrumb-standard-3","title":"Breadcrumb Standard 3 - Breadcrumb with Icons","type":"registry:block"},{"description":"Breadcrumb wrapped in bordered container.","name":"breadcrumb-breadcrumb-standard-4","title":"Breadcrumb Standard 4 - Breadcrumb with Border","type":"registry:block"},{"description":"Breadcrumb with bullet point separators.","name":"breadcrumb-breadcrumb-standard-5","title":"Breadcrumb Standard 5 - Breadcrumb with Bullet Separator","type":"registry:block"},{"description":"Breadcrumb with slash icon separators.","name":"breadcrumb-breadcrumb-standard-6","title":"Breadcrumb Standard 6 - Breadcrumb with Slash Separator","type":"registry:block"},{"description":"Breadcrumb with select dropdown for navigation.","name":"breadcrumb-breadcrumb-standard-7","title":"Breadcrumb Standard 7 - Breadcrumb with Select","type":"registry:block"},{"description":"Social Actions buttons grouped with optional icon-only variants.","name":"button-group-button-group-actions-1","title":"Button Group Actions 1 - Social Actions","type":"registry:block"},{"description":"File Operations buttons grouped with optional icon-only variants.","name":"button-group-button-group-actions-2","title":"Button Group Actions 2 - File Operations","type":"registry:block"},{"description":"Bulk Actions buttons grouped with optional icon-only variants.","name":"button-group-button-group-actions-3","title":"Button Group Actions 3 - Bulk Actions","type":"registry:block"},{"description":"Comment Actions buttons grouped with optional icon-only variants.","name":"button-group-button-group-actions-4","title":"Button Group Actions 4 - Comment Actions","type":"registry:block"},{"description":"Split button with primary action and dropdown menu.","name":"button-group-button-group-advanced-1","title":"Button Group Advanced 1 - Split Button with Dropdown","type":"registry:block"},{"description":"Button group combining Select prefix with text suffix.","name":"button-group-button-group-advanced-2","title":"Button Group Advanced 2 - Button Group with Select","type":"registry:block"},{"description":"Stepper button group with increment and decrement controls.","name":"button-group-button-group-advanced-3","title":"Button Group Advanced 3 - Stepper Button Group","type":"registry:block"},{"description":"Rich text formatting toolbar built as button groups.","name":"button-group-button-group-advanced-4","title":"Button Group Advanced 4 - Rich Text Toolbar","type":"registry:block"},{"description":"Action buttons with inline badge counts.","name":"button-group-button-group-badges-1","title":"Button Group Badges 1 - Notifications Button","type":"registry:block"},{"description":"Action buttons with inline badge counts.","name":"button-group-button-group-badges-2","title":"Button Group Badges 2 - Like with Count","type":"registry:block"},{"description":"Action buttons with inline badge counts.","name":"button-group-button-group-badges-3","title":"Button Group Badges 3 - Cart Button","type":"registry:block"},{"description":"Action buttons with inline badge counts.","name":"button-group-button-group-badges-4","title":"Button Group Badges 4 - Messages and Followers","type":"registry:block"},{"description":"Chart Controls controls grouped as a connected button strip.","name":"button-group-button-group-display-1","title":"Button Group Display 1 - Chart Controls","type":"registry:block"},{"description":"Map Controls controls grouped as a connected button strip.","name":"button-group-button-group-display-2","title":"Button Group Display 2 - Map Controls","type":"registry:block"},{"description":"Timeline Controls controls grouped as a connected button strip.","name":"button-group-button-group-display-3","title":"Button Group Display 3 - Timeline Controls","type":"registry:block"},{"description":"Density Controls controls grouped as a connected button strip.","name":"button-group-button-group-display-4","title":"Button Group Display 4 - Density Controls","type":"registry:block"},{"description":"Date Selector as a toggle-style button group for form input.","name":"button-group-button-group-forms-1","title":"Button Group Forms 1 - Date Selector","type":"registry:block"},{"description":"Priority Selector as a toggle-style button group for form input.","name":"button-group-button-group-forms-2","title":"Button Group Forms 2 - Priority Selector","type":"registry:block"},{"description":"Status Selector as a toggle-style button group for form input.","name":"button-group-button-group-forms-3","title":"Button Group Forms 3 - Status Selector","type":"registry:block"},{"description":"Quantity Picker as a toggle-style button group for form input.","name":"button-group-button-group-forms-4","title":"Button Group Forms 4 - Quantity Picker","type":"registry:block"},{"description":"View Switcher with active state toggling between grouped buttons.","name":"button-group-button-group-interactive-1","title":"Button Group Interactive 1 - View Switcher","type":"registry:block"},{"description":"Sort Controls with active state toggling between grouped buttons.","name":"button-group-button-group-interactive-2","title":"Button Group Interactive 2 - Sort Controls","type":"registry:block"},{"description":"Filter Chips with active state toggling between grouped buttons.","name":"button-group-button-group-interactive-3","title":"Button Group Interactive 3 - Filter Chips","type":"registry:block"},{"description":"Segmented Control with active state toggling between grouped buttons.","name":"button-group-button-group-interactive-4","title":"Button Group Interactive 4 - Segmented Control","type":"registry:block"},{"description":"Player Controls grouped for media playback or zoom controls.","name":"button-group-button-group-media-1","title":"Button Group Media 1 - Player Controls","type":"registry:block"},{"description":"Volume Controls grouped for media playback or zoom controls.","name":"button-group-button-group-media-2","title":"Button Group Media 2 - Volume Controls","type":"registry:block"},{"description":"Zoom Controls grouped for media playback or zoom controls.","name":"button-group-button-group-media-3","title":"Button Group Media 3 - Zoom Controls","type":"registry:block"},{"description":"Playback Speed grouped for media playback or zoom controls.","name":"button-group-button-group-media-4","title":"Button Group Media 4 - Playback Speed","type":"registry:block"},{"description":"Pagination with connected prev, next, and step buttons.","name":"button-group-button-group-navigation-1","title":"Button Group Navigation 1 - Pagination","type":"registry:block"},{"description":"Carousel Controls with connected prev, next, and step buttons.","name":"button-group-button-group-navigation-2","title":"Button Group Navigation 2 - Carousel Controls","type":"registry:block"},{"description":"Wizard Steps with connected prev, next, and step buttons.","name":"button-group-button-group-navigation-3","title":"Button Group Navigation 3 - Wizard Steps","type":"registry:block"},{"description":"Primary actions in a group with overflow dropdown menu.","name":"button-group-button-group-patterns-1","title":"Button Group Patterns 1 - Overflow Menu","type":"registry:block"},{"description":"Contextual Toolbar pattern with grouped toolbar actions.","name":"button-group-button-group-patterns-2","title":"Button Group Patterns 2 - Contextual Toolbar","type":"registry:block"},{"description":"Loading States pattern with grouped toolbar actions.","name":"button-group-button-group-patterns-3","title":"Button Group Patterns 3 - Loading States","type":"registry:block"},{"description":"Keyboard Shortcuts pattern with grouped toolbar actions.","name":"button-group-button-group-patterns-4","title":"Button Group Patterns 4 - Keyboard Shortcuts","type":"registry:block"},{"description":"Horizontal button groups at default, small, and large sizes.","name":"button-group-button-group-standard-1","title":"Button Group Standard 1 - Basic Button Group","type":"registry:block"},{"description":"Vertical button group with stacked outline buttons.","name":"button-group-button-group-standard-2","title":"Button Group Standard 2 - Vertical Button Group","type":"registry:block"},{"description":"Button groups showing outline, secondary, and destructive variants.","name":"button-group-button-group-standard-3","title":"Button Group Standard 3 - Button Group Variants","type":"registry:block"},{"description":"Nested button groups at multiple sizes.","name":"button-group-button-group-standard-4","title":"Button Group Standard 4 - Nested Button Groups","type":"registry:block"},{"description":"Button with loading spinner that transitions to a success checkmark.","name":"button-button-async-1","title":"Button Async 1 - Default async","type":"registry:block"},{"description":"Secondary async button that shows an error state with X icon after failure.","name":"button-button-async-2","title":"Button Async 2 - Async with error","type":"registry:block"},{"description":"Async button with a determinate progress bar that fills during loading.","name":"button-button-async-3","title":"Button Async 3 - Async with progress","type":"registry:block"},{"description":"Async button with a leading icon that swaps to spinner then success.","name":"button-button-async-4","title":"Button Async 4 - Async with icon","type":"registry:block"},{"description":"Outline variant async button with loading and success feedback.","name":"button-button-async-5","title":"Button Async 5 - Outline async","type":"registry:block"},{"description":"Destructive variant button for dangerous actions.","name":"button-button-destructive-1","title":"Button Destructive 1 - Destructive button with text","type":"registry:block"},{"description":"Destructive button with leading icon.","name":"button-button-destructive-2","title":"Button Destructive 2 - Destructive button with left icon","type":"registry:block"},{"description":"Destructive button with trailing icon.","name":"button-button-destructive-3","title":"Button Destructive 3 - Destructive button with right icon","type":"registry:block"},{"description":"Destructive button with rounded-full corners.","name":"button-button-destructive-4","title":"Button Destructive 4 - Destructive button rounded","type":"registry:block"},{"description":"Destructive button with loading spinner and disabled state.","name":"button-button-destructive-5","title":"Button Destructive 5 - Destructive button loading","type":"registry:block"},{"description":"Destructive button with count badge indicator.","name":"button-button-destructive-6","title":"Button Destructive 6 - Destructive button with count","type":"registry:block"},{"description":"Destructive button with keyboard shortcut indicator.","name":"button-button-destructive-7","title":"Button Destructive 7 - Destructive button with kbd","type":"registry:block"},{"description":"Ghost variant button with text label.","name":"button-button-ghost-1","title":"Button Ghost 1 - Ghost button with text","type":"registry:block"},{"description":"Ghost button with leading icon.","name":"button-button-ghost-2","title":"Button Ghost 2 - Ghost button with left icon","type":"registry:block"},{"description":"Ghost button with trailing icon.","name":"button-button-ghost-3","title":"Button Ghost 3 - Ghost button with right icon","type":"registry:block"},{"description":"Ghost button with rounded-full styling.","name":"button-button-ghost-4","title":"Button Ghost 4 - Ghost button rounded","type":"registry:block"},{"description":"Ghost button with loading spinner and disabled state.","name":"button-button-ghost-5","title":"Button Ghost 5 - Ghost button loading","type":"registry:block"},{"description":"Ghost button with count badge indicator.","name":"button-button-ghost-6","title":"Button Ghost 6 - Ghost button with count","type":"registry:block"},{"description":"Ghost button with keyboard shortcut indicator.","name":"button-button-ghost-7","title":"Button Ghost 7 - Ghost button with kbd","type":"registry:block"},{"description":"Button with an ambient glow shadow that intensifies on hover.","name":"button-button-glow-1","title":"Button Glow 1 - Glow primary","type":"registry:block"},{"description":"Outline button with a subtle glow that appears on hover.","name":"button-button-glow-2","title":"Button Glow 2 - Glow outline","type":"registry:block"},{"description":"Secondary variant button with a subtle ambient glow on hover.","name":"button-button-glow-3","title":"Button Glow 3 - Glow secondary","type":"registry:block"},{"description":"Button with a flowing multi-color aurora gradient background.","name":"button-button-glow-aurora-1","title":"Button Glow Aurora 1 - Aurora primary","type":"registry:block"},{"description":"Outline button with an animated aurora gradient border.","name":"button-button-glow-aurora-2","title":"Button Glow Aurora 2 - Aurora outline","type":"registry:block"},{"description":"AuroraButton with secondary variant.","name":"button-button-glow-aurora-4","title":"Button Glow Aurora 4 - Aurora secondary","type":"registry:block"},{"description":"Button with a fast, narrow light gleam that sweeps across periodically.","name":"button-button-glow-gleam-1","title":"Button Glow Gleam 1 - Gleam primary","type":"registry:block"},{"description":"Secondary variant with a bright periodic gleam sweep.","name":"button-button-glow-gleam-2","title":"Button Glow Gleam 2 - Gleam secondary","type":"registry:block"},{"description":"GleamButton with outline variant.","name":"button-button-glow-gleam-3","title":"Button Glow Gleam 3 - Gleam outline","type":"registry:block"},{"description":"Button with a radial pinlight that follows the cursor on hover.","name":"button-button-glow-pinlight-1","title":"Button Glow Pinlight 1 - Pinlight primary","type":"registry:block"},{"description":"Outline variant with cursor-following radial pinlight on hover.","name":"button-button-glow-pinlight-2","title":"Button Glow Pinlight 2 - Pinlight outline","type":"registry:block"},{"description":"PinlightButton with secondary variant.","name":"button-button-glow-pinlight-4","title":"Button Glow Pinlight 4 - Pinlight secondary","type":"registry:block"},{"description":"Button with a continuous shimmer sweep animation across its surface.","name":"button-button-glow-shimmer-1","title":"Button Glow Shimmer 1 - Shimmer primary","type":"registry:block"},{"description":"Secondary variant shimmer button with a neutral rotating border glow.","name":"button-button-glow-shimmer-2","title":"Button Glow Shimmer 2 - Shimmer secondary","type":"registry:block"},{"description":"Outline variant shimmer button with an indigo rotating border glow.","name":"button-button-glow-shimmer-3","title":"Button Glow Shimmer 3 - Shimmer outline","type":"registry:block"},{"description":"Button with a diagonal light band that sweeps across the surface.","name":"button-button-glow-shine-1","title":"Button Glow Shine 1 - Shine primary","type":"registry:block"},{"description":"Secondary variant with a bright diagonal shine sweep.","name":"button-button-glow-shine-2","title":"Button Glow Shine 2 - Shine secondary","type":"registry:block"},{"description":"Outline variant with a diagonal light band sweep.","name":"button-button-glow-shine-3","title":"Button Glow Shine 3 - Shine outline","type":"registry:block"},{"description":"Destructive icon-only button with aria-label.","name":"button-button-icon-destructive-1","title":"Button Icon Destructive 1 - Destructive icon button","type":"registry:block"},{"description":"Destructive icon button with rounded-full styling.","name":"button-button-icon-destructive-2","title":"Button Icon Destructive 2 - Destructive rounded icon button","type":"registry:block"},{"description":"Destructive icon button with loading spinner and disabled state.","name":"button-button-icon-destructive-3","title":"Button Icon Destructive 3 - Destructive loading icon button","type":"registry:block"},{"description":"Disabled destructive icon button.","name":"button-button-icon-destructive-4","title":"Button Icon Destructive 4 - Destructive disabled icon button","type":"registry:block"},{"description":"Destructive icon button with notification count badge.","name":"button-button-icon-destructive-5","title":"Button Icon Destructive 5 - Destructive icon button with count","type":"registry:block"},{"description":"Ghost icon-only button with aria-label.","name":"button-button-icon-ghost-1","title":"Button Icon Ghost 1 - Ghost icon button","type":"registry:block"},{"description":"Ghost icon button with rounded-full styling.","name":"button-button-icon-ghost-2","title":"Button Icon Ghost 2 - Ghost rounded icon button","type":"registry:block"},{"description":"Ghost icon button with loading spinner and disabled state.","name":"button-button-icon-ghost-3","title":"Button Icon Ghost 3 - Ghost loading icon button","type":"registry:block"},{"description":"Disabled ghost icon button.","name":"button-button-icon-ghost-4","title":"Button Icon Ghost 4 - Ghost disabled icon button","type":"registry:block"},{"description":"Ghost icon button with notification count badge.","name":"button-button-icon-ghost-5","title":"Button Icon Ghost 5 - Ghost icon button with count","type":"registry:block"},{"description":"Outline icon-only button with aria-label.","name":"button-button-icon-outline-1","title":"Button Icon Outline 1 - Outline icon button","type":"registry:block"},{"description":"Outline icon button with rounded-full styling.","name":"button-button-icon-outline-2","title":"Button Icon Outline 2 - Outline rounded icon button","type":"registry:block"},{"description":"Outline icon button with loading spinner and disabled state.","name":"button-button-icon-outline-3","title":"Button Icon Outline 3 - Outline loading icon button","type":"registry:block"},{"description":"Disabled outline icon button.","name":"button-button-icon-outline-4","title":"Button Icon Outline 4 - Outline disabled icon button","type":"registry:block"},{"description":"Outline icon button with notification count badge.","name":"button-button-icon-outline-5","title":"Button Icon Outline 5 - Outline icon button with count","type":"registry:block"},{"description":"Secondary icon-only button with aria-label.","name":"button-button-icon-secondary-1","title":"Button Icon Secondary 1 - Secondary icon button","type":"registry:block"},{"description":"Secondary icon button with rounded-full styling.","name":"button-button-icon-secondary-2","title":"Button Icon Secondary 2 - Secondary rounded icon button","type":"registry:block"},{"description":"Secondary icon button with loading spinner and disabled state.","name":"button-button-icon-secondary-3","title":"Button Icon Secondary 3 - Secondary loading icon button","type":"registry:block"},{"description":"Disabled secondary icon button.","name":"button-button-icon-secondary-4","title":"Button Icon Secondary 4 - Secondary disabled icon button","type":"registry:block"},{"description":"Secondary icon button with notification count badge.","name":"button-button-icon-secondary-5","title":"Button Icon Secondary 5 - Secondary icon button with count","type":"registry:block"},{"description":"Outline icon buttons at extra-small, small, default, and large icon sizes.","name":"button-button-icon-sizes-1","title":"Button Icon Sizes 1 - Outline icon button sizes","type":"registry:block"},{"description":"Default icon-only button with aria-label.","name":"button-button-icon-standard-1","title":"Button Icon Standard 1 - Default icon button","type":"registry:block"},{"description":"Default icon button with rounded-full styling.","name":"button-button-icon-standard-2","title":"Button Icon Standard 2 - Default rounded icon button","type":"registry:block"},{"description":"Default icon button with loading spinner and disabled state.","name":"button-button-icon-standard-3","title":"Button Icon Standard 3 - Default loading icon button","type":"registry:block"},{"description":"Disabled default icon button.","name":"button-button-icon-standard-4","title":"Button Icon Standard 4 - Default disabled icon button","type":"registry:block"},{"description":"Default icon button with notification count badge.","name":"button-button-icon-standard-5","title":"Button Icon Standard 5 - Default icon button with count","type":"registry:block"},{"description":"Link variant button styled as text link.","name":"button-button-link-1","title":"Button Link 1 - Link button with text","type":"registry:block"},{"description":"Link button with leading icon.","name":"button-button-link-2","title":"Button Link 2 - Link button with left icon","type":"registry:block"},{"description":"Link button with trailing icon.","name":"button-button-link-3","title":"Button Link 3 - Link button with right icon","type":"registry:block"},{"description":"Link button with rounded-full corners.","name":"button-button-link-4","title":"Button Link 4 - Link button rounded","type":"registry:block"},{"description":"Link button with loading spinner and disabled state.","name":"button-button-link-5","title":"Button Link 5 - Link button loading","type":"registry:block"},{"description":"Link button with count badge indicator.","name":"button-button-link-6","title":"Button Link 6 - Link button with count","type":"registry:block"},{"description":"Link button with keyboard shortcut indicator.","name":"button-button-link-7","title":"Button Link 7 - Link button with kbd","type":"registry:block"},{"description":"Icon-only button that expands to a pill with label on hover.","name":"button-button-morph-expand-1","title":"Button Morph Expand 1 - Default expand button","type":"registry:block"},{"description":"Outline expand button that reveals label on hover from icon-only state.","name":"button-button-morph-expand-2","title":"Button Morph Expand 2 - Outline expand button","type":"registry:block"},{"description":"Button with a fold reveal hover effect and inverted text color.","name":"button-button-morph-fold-1","title":"Button Morph Fold 1 - Default fold button","type":"registry:block"},{"description":"Outline variant with fold hover reveal on a neutral background.","name":"button-button-morph-fold-2","title":"Button Morph Fold 2 - Outline fold button","type":"registry:block"},{"description":"Ghost variant with subtle accent fold on hover.","name":"button-button-morph-fold-3","title":"Button Morph Fold 3 - Ghost fold button","type":"registry:block"},{"description":"Button that morphs to a circular spinner while loading.","name":"button-button-morph-morph-1","title":"Button Morph Morph 1 - Default morph button","type":"registry:block"},{"description":"Secondary variant morph button with icon and async loading state.","name":"button-button-morph-morph-2","title":"Button Morph Morph 2 - Secondary morph button","type":"registry:block"},{"description":"Outline variant button with text label.","name":"button-button-outline-1","title":"Button Outline 1 - Outline button with text","type":"registry:block"},{"description":"Outline button with leading icon.","name":"button-button-outline-2","title":"Button Outline 2 - Outline button with left icon","type":"registry:block"},{"description":"Outline button with trailing icon.","name":"button-button-outline-3","title":"Button Outline 3 - Outline button with right icon","type":"registry:block"},{"description":"Outline button with rounded-full corners.","name":"button-button-outline-4","title":"Button Outline 4 - Outline button rounded","type":"registry:block"},{"description":"Outline button with loading spinner and disabled state.","name":"button-button-outline-5","title":"Button Outline 5 - Outline button loading","type":"registry:block"},{"description":"Outline button with count badge indicator.","name":"button-button-outline-6","title":"Button Outline 6 - Outline button with count","type":"registry:block"},{"description":"Outline button with keyboard shortcut indicator.","name":"button-button-outline-7","title":"Button Outline 7 - Outline button with kbd","type":"registry:block"},{"description":"Secondary variant button with text label.","name":"button-button-secondary-1","title":"Button Secondary 1 - Secondary button with text","type":"registry:block"},{"description":"Secondary button with leading icon.","name":"button-button-secondary-2","title":"Button Secondary 2 - Secondary button with left icon","type":"registry:block"},{"description":"Secondary button with trailing icon.","name":"button-button-secondary-3","title":"Button Secondary 3 - Secondary button with right icon","type":"registry:block"},{"description":"Secondary button with rounded-full corners.","name":"button-button-secondary-4","title":"Button Secondary 4 - Secondary button rounded","type":"registry:block"},{"description":"Secondary button with loading spinner and disabled state.","name":"button-button-secondary-5","title":"Button Secondary 5 - Secondary button loading","type":"registry:block"},{"description":"Secondary button with count badge indicator.","name":"button-button-secondary-6","title":"Button Secondary 6 - Secondary button with count","type":"registry:block"},{"description":"Secondary button with keyboard shortcut indicator.","name":"button-button-secondary-7","title":"Button Secondary 7 - Secondary button with kbd","type":"registry:block"},{"description":"Outline buttons at extra-small, small, default, and large text sizes.","name":"button-button-sizes-1","title":"Button Sizes 1 - Outline button text sizes","type":"registry:block"},{"description":"Default variant buttons at xs, sm, default, and lg sizes.","name":"button-button-sizes-2","title":"Button Sizes 2 - Default button text sizes","type":"registry:block"},{"description":"Ghost buttons at xs, sm, default, and lg sizes.","name":"button-button-sizes-3","title":"Button Sizes 3 - Ghost button text sizes","type":"registry:block"},{"description":"Destructive buttons at xs, sm, default, and lg sizes.","name":"button-button-sizes-4","title":"Button Sizes 4 - Destructive button text sizes","type":"registry:block"},{"description":"Default button with text label.","name":"button-button-standard-1","title":"Button Standard 1 - Default button with text","type":"registry:block"},{"description":"Default button with leading icon.","name":"button-button-standard-2","title":"Button Standard 2 - Default button with left icon","type":"registry:block"},{"description":"Default button with trailing icon.","name":"button-button-standard-3","title":"Button Standard 3 - Default button with right icon","type":"registry:block"},{"description":"Default button with rounded-full corners.","name":"button-button-standard-4","title":"Button Standard 4 - Default button rounded","type":"registry:block"},{"description":"Default button with loading spinner and disabled state.","name":"button-button-standard-5","title":"Button Standard 5 - Default button loading","type":"registry:block"},{"description":"Default button with count badge indicator.","name":"button-button-standard-6","title":"Button Standard 6 - Default button with count","type":"registry:block"},{"description":"Default button with keyboard shortcut indicator.","name":"button-button-standard-7","title":"Button Standard 7 - Default button with kbd","type":"registry:block"},{"description":"Primary button with a trailing arrow that shifts right on hover.","name":"button-button-text-effect-arrow-1","title":"Button Text Effect Arrow 1 - Arrow shift primary","type":"registry:block"},{"description":"Outline button with a trailing arrow that shifts right on hover.","name":"button-button-text-effect-arrow-2","title":"Button Text Effect Arrow 2 - Arrow shift outline","type":"registry:block"},{"description":"Secondary button with a trailing arrow that shifts right on hover.","name":"button-button-text-effect-arrow-3","title":"Button Text Effect Arrow 3 - Arrow shift secondary","type":"registry:block"},{"description":"Primary slide left button with hover text swap.","name":"button-button-text-effect-slide-left-1","title":"Button Text Effect Slide Left 1 - Slide left primary","type":"registry:block"},{"description":"Outline slide left button with hover text swap.","name":"button-button-text-effect-slide-left-2","title":"Button Text Effect Slide Left 2 - Slide left outline","type":"registry:block"},{"description":"Secondary slide left button with hover text swap.","name":"button-button-text-effect-slide-left-3","title":"Button Text Effect Slide Left 3 - Slide left secondary","type":"registry:block"},{"description":"Primary slide right button with hover text swap.","name":"button-button-text-effect-slide-right-1","title":"Button Text Effect Slide Right 1 - Slide right primary","type":"registry:block"},{"description":"Outline slide right button with hover text swap.","name":"button-button-text-effect-slide-right-2","title":"Button Text Effect Slide Right 2 - Slide right outline","type":"registry:block"},{"description":"Secondary slide right button with hover text swap.","name":"button-button-text-effect-slide-right-3","title":"Button Text Effect Slide Right 3 - Slide right secondary","type":"registry:block"},{"description":"Primary slide up button with hover text swap.","name":"button-button-text-effect-slide-up-1","title":"Button Text Effect Slide Up 1 - Slide up primary","type":"registry:block"},{"description":"Outline slide up button with hover text swap.","name":"button-button-text-effect-slide-up-2","title":"Button Text Effect Slide Up 2 - Slide up outline","type":"registry:block"},{"description":"Secondary slide up button with hover text swap.","name":"button-button-text-effect-slide-up-3","title":"Button Text Effect Slide Up 3 - Slide up secondary","type":"registry:block"},{"description":"Scrolling marquee text inside button — default variant, plays on hover.","name":"button-button-text-marquee-1","title":"Button Text Marquee 1 - Button Marquee Primary","type":"registry:block"},{"description":"Scrolling marquee text inside button — outline variant, plays on hover.","name":"button-button-text-marquee-2","title":"Button Text Marquee 2 - Button Marquee Outline","type":"registry:block"},{"description":"Scrolling marquee text inside button — secondary variant, plays on hover.","name":"button-button-text-marquee-3","title":"Button Text Marquee 3 - Button Marquee Secondary","type":"registry:block"},{"description":"Scrolling marquee text inside button — default variant, auto-play loop.","name":"button-button-text-marquee-4","title":"Button Text Marquee 4 - Button Marquee Primary Auto","type":"registry:block"},{"description":"Scrolling marquee text inside button — outline variant, auto-play loop.","name":"button-button-text-marquee-5","title":"Button Text Marquee 5 - Button Marquee Outline Auto","type":"registry:block"},{"description":"Scrolling marquee text inside button — secondary variant, auto-play loop.","name":"button-button-text-marquee-6","title":"Button Text Marquee 6 - Button Marquee Secondary Auto","type":"registry:block"},{"description":"Typewriter text effect on hover — default variant.","name":"button-button-text-typewriter-1","title":"Button Text Typewriter 1 - Typewriter Hello world","type":"registry:block"},{"description":"Typewriter text effect on hover — outline variant.","name":"button-button-text-typewriter-2","title":"Button Text Typewriter 2 - Typewriter Get started","type":"registry:block"},{"description":"Typewriter text effect on hover — secondary variant.","name":"button-button-text-typewriter-3","title":"Button Text Typewriter 3 - Typewriter Click me","type":"registry:block"},{"description":"Typewriter text effect on load — default variant.","name":"button-button-text-typewriter-4","title":"Button Text Typewriter 4 - Typewriter Explore now","type":"registry:block"},{"description":"Typewriter text effect on load — outline variant.","name":"button-button-text-typewriter-5","title":"Button Text Typewriter 5 - Typewriter Learn more","type":"registry:block"},{"description":"Typewriter text effect on load — secondary variant.","name":"button-button-text-typewriter-6","title":"Button Text Typewriter 6 - Typewriter Try it free","type":"registry:block"},{"description":"Calendar in a dialog with date range selection.","name":"calendar-calendar-dialog-1","title":"Calendar Dialog 1 - Calendar with Range in Dialog","type":"registry:block"},{"description":"Calendar in a dialog with disabled dates.","name":"calendar-calendar-dialog-2","title":"Calendar Dialog 2 - Calendar with Month and Year Selector in Dialog","type":"registry:block"},{"description":"Calendar in a dialog as appointment picker.","name":"calendar-calendar-dialog-3","title":"Calendar Dialog 3 - Calendar as Appointment Picker in Dialog","type":"registry:block"},{"description":"Calendar in a dialog with date and time input.","name":"calendar-calendar-dialog-4","title":"Calendar Dialog 4 - Calendar with Date and Time in Dialog","type":"registry:block"},{"description":"Calendar in a dialog with natural language shortcuts.","name":"calendar-calendar-dialog-5","title":"Calendar Dialog 5 - Calendar with Natural Language in Dialog","type":"registry:block"},{"description":"Calendar in a dialog with disabled dates.","name":"calendar-calendar-dialog-6","title":"Calendar Dialog 6 - Calendar with Disabled Dates in Dialog","type":"registry:block"},{"description":"Calendar in a dialog with multiple day selection.","name":"calendar-calendar-dialog-7","title":"Calendar Dialog 7 - Calendar with Multiple Day Selection in Dialog","type":"registry:block"},{"description":"Calendar in a dialog with custom day modifiers.","name":"calendar-calendar-dialog-8","title":"Calendar Dialog 8 - Calendar with Custom Select Day Style in Dialog","type":"registry:block"},{"description":"Calendar with date range selection.","name":"calendar-calendar-standard-1","title":"Calendar Standard 1 - Calendar with Range","type":"registry:block"},{"description":"Calendar with disabled dates.","name":"calendar-calendar-standard-2","title":"Calendar Standard 2 - Calendar with Month and Year Selector","type":"registry:block"},{"description":"Calendar as appointment picker.","name":"calendar-calendar-standard-3","title":"Calendar Standard 3 - Calendar as Appointment Picker","type":"registry:block"},{"description":"Calendar with date and time input.","name":"calendar-calendar-standard-4","title":"Calendar Standard 4 - Calendar with Date and Time","type":"registry:block"},{"description":"Calendar with natural language shortcuts.","name":"calendar-calendar-standard-5","title":"Calendar Standard 5 - Calendar with Natural Language","type":"registry:block"},{"description":"Calendar with disabled dates.","name":"calendar-calendar-standard-6","title":"Calendar Standard 6 - Calendar with Disabled Dates","type":"registry:block"},{"description":"Calendar with multiple day selection.","name":"calendar-calendar-standard-7","title":"Calendar Standard 7 - Calendar with Multiple Day Selection","type":"registry:block"},{"description":"Calendar with custom day modifiers.","name":"calendar-calendar-standard-8","title":"Calendar Standard 8 - Calendar with Custom Select Day Style","type":"registry:block"},{"description":"Grid of selectable address cards with type icons, a default badge, inline editing, and an add-new card.","name":"card-card-address-book-1","title":"Card Address Book 1 - Card grid address book","type":"registry:block"},{"description":"Standard Card using shadcn Card with header, content, and footer.","name":"card-card-standard-1","title":"Card Standard 1 - Standard Card","type":"registry:block"},{"description":"Login Card using shadcn Card with form inputs.","name":"card-card-standard-2","title":"Card Standard 2 - Login Card","type":"registry:block"},{"description":"Meeting Notes Card using shadcn Card with avatar stack footer.","name":"card-card-standard-3","title":"Card Standard 3 - Meeting Notes Card","type":"registry:block"},{"description":"Image Card using shadcn Card with image and metadata.","name":"card-card-standard-4","title":"Card Standard 4 - Image Card","type":"registry:block"},{"description":"Standard Carousel using shadcn Carousel with arrow controls.","name":"carousel-carousel-standard-1","title":"Carousel Standard 1 - Standard Carousel","type":"registry:block"},{"description":"Carousel with Thumbnails using shadcn Carousel with thumbnail navigation.","name":"carousel-carousel-standard-2","title":"Carousel Standard 2 - Carousel with Thumbnails","type":"registry:block"},{"description":"Product Showcase Carousel using shadcn Carousel for product cards.","name":"carousel-carousel-standard-3","title":"Carousel Standard 3 - Product Showcase Carousel","type":"registry:block"},{"description":"Hero Carousel using shadcn Carousel for hero slides.","name":"carousel-carousel-standard-4","title":"Carousel Standard 4 - Hero Carousel","type":"registry:block"},{"description":"An area chart with axes using shadcn ChartContainer and Recharts.","name":"chart-chart-area-axes","title":"Chart Area Axes - An area chart with axes","type":"registry:block"},{"description":"A simple area chart using shadcn ChartContainer and Recharts.","name":"chart-chart-area-default","title":"Chart Area Default - A simple area chart","type":"registry:block"},{"description":"An area chart with gradient fill using shadcn ChartContainer and Recharts.","name":"chart-chart-area-gradient","title":"Chart Area Gradient - An area chart with gradient fill","type":"registry:block"},{"description":"An area chart with icons using shadcn ChartContainer and Recharts.","name":"chart-chart-area-icons","title":"Chart Area Icons - An area chart with icons","type":"registry:block"},{"description":"An interactive area chart using shadcn ChartContainer and Recharts.","name":"chart-chart-area-interactive","title":"Chart Area Interactive - An interactive area chart","type":"registry:block"},{"description":"An area chart with a legend using shadcn ChartContainer and Recharts.","name":"chart-chart-area-legend","title":"Chart Area Legend - An area chart with a legend","type":"registry:block"},{"description":"A linear area chart using shadcn ChartContainer and Recharts.","name":"chart-chart-area-linear","title":"Chart Area Linear - A linear area chart","type":"registry:block"},{"description":"A stacked area chart with expand stacking using shadcn ChartContainer and Recharts.","name":"chart-chart-area-stacked-expand","title":"Chart Area Stacked Expand - A stacked area chart with expand stacking","type":"registry:block"},{"description":"A stacked area chart using shadcn ChartContainer and Recharts.","name":"chart-chart-area-stacked","title":"Chart Area Stacked - A stacked area chart","type":"registry:block"},{"description":"A step area chart using shadcn ChartContainer and Recharts.","name":"chart-chart-area-step","title":"Chart Area Step - A step area chart","type":"registry:block"},{"description":"A bar chart with an active bar using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-active","title":"Chart Bar Active - A bar chart with an active bar","type":"registry:block"},{"description":"A bar chart using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-default","title":"Chart Bar Default - A bar chart","type":"registry:block"},{"description":"A horizontal bar chart using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-horizontal","title":"Chart Bar Horizontal - A horizontal bar chart","type":"registry:block"},{"description":"An interactive bar chart using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-interactive","title":"Chart Bar Interactive - An interactive bar chart","type":"registry:block"},{"description":"A bar chart with a custom label using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-label-custom","title":"Chart Bar Label Custom - A bar chart with a custom label","type":"registry:block"},{"description":"A bar chart with a label using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-label","title":"Chart Bar Label - A bar chart with a label","type":"registry:block"},{"description":"A mixed bar chart using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-mixed","title":"Chart Bar Mixed - A mixed bar chart","type":"registry:block"},{"description":"A multiple bar chart using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-multiple","title":"Chart Bar Multiple - A multiple bar chart","type":"registry:block"},{"description":"A bar chart with negative values using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-negative","title":"Chart Bar Negative - A bar chart with negative values","type":"registry:block"},{"description":"A stacked bar chart with a legend using shadcn ChartContainer and Recharts.","name":"chart-chart-bar-stacked","title":"Chart Bar Stacked - A stacked bar chart with a legend","type":"registry:block"},{"description":"Bubble chart that sizes each circle by its share of the total.","name":"chart-chart-bubble-segments-1","title":"Chart Bubble Segments 1 - Proportional bubbles","type":"registry:block"},{"description":"Donut chart of named slices with a center total and a legend.","name":"chart-chart-category-income-1","title":"Chart Category Income 1 - Donut with a center total","type":"registry:block"},{"description":"Bar list that switches between two periods and sizes each bar against the top value.","name":"chart-chart-category-performance-1","title":"Chart Category Performance 1 - Ranked bars with period tabs","type":"registry:block"},{"description":"Vertical bar chart that ranks categories on a compact value axis.","name":"chart-chart-category-sales-1","title":"Chart Category Sales 1 - Ranked vertical bars","type":"registry:block"},{"description":"Area chart that swaps its series between week, month, and year.","name":"chart-chart-costs-period-1","title":"Chart Costs Period 1 - Area chart with period tabs","type":"registry:block"},{"description":"Grid of intensity cells for weekday and hour buckets.","name":"chart-chart-heatmap-traffic-1","title":"Chart Heatmap Traffic 1 - Week-by-hour heatmap","type":"registry:block"},{"description":"A line chart using shadcn ChartContainer and Recharts.","name":"chart-chart-line-default","title":"Chart Line Default - A line chart","type":"registry:block"},{"description":"A line chart with dots and colors using shadcn ChartContainer and Recharts.","name":"chart-chart-line-dots-colors","title":"Chart Line Dots Colors - A line chart with dots and colors","type":"registry:block"},{"description":"A line chart with custom dots using shadcn ChartContainer and Recharts.","name":"chart-chart-line-dots-custom","title":"Chart Line Dots Custom - A line chart with custom dots","type":"registry:block"},{"description":"A line chart with dots using shadcn ChartContainer and Recharts.","name":"chart-chart-line-dots","title":"Chart Line Dots - A line chart with dots","type":"registry:block"},{"description":"An interactive line chart using shadcn ChartContainer and Recharts.","name":"chart-chart-line-interactive","title":"Chart Line Interactive - An interactive line chart","type":"registry:block"},{"description":"A line chart with a custom label using shadcn ChartContainer and Recharts.","name":"chart-chart-line-label-custom","title":"Chart Line Label Custom - A line chart with a custom label","type":"registry:block"},{"description":"A line chart with a label using shadcn ChartContainer and Recharts.","name":"chart-chart-line-label","title":"Chart Line Label - A line chart with a label","type":"registry:block"},{"description":"A linear line chart using shadcn ChartContainer and Recharts.","name":"chart-chart-line-linear","title":"Chart Line Linear - A linear line chart","type":"registry:block"},{"description":"A multiple line chart using shadcn ChartContainer and Recharts.","name":"chart-chart-line-multiple","title":"Chart Line Multiple - A multiple line chart","type":"registry:block"},{"description":"A line chart with step using shadcn ChartContainer and Recharts.","name":"chart-chart-line-step","title":"Chart Line Step - A line chart with step","type":"registry:block"},{"description":"Status list where each bar width is a share of the total count.","name":"chart-chart-order-status-1","title":"Chart Order Status 1 - Proportional status bars","type":"registry:block"},{"description":"A donut chart with an active sector using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-donut-active","title":"Chart Pie Donut Active - A donut chart with an active sector","type":"registry:block"},{"description":"A donut chart with text using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-donut-text","title":"Chart Pie Donut Text - A donut chart with text","type":"registry:block"},{"description":"A donut chart using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-donut","title":"Chart Pie Donut - A donut chart","type":"registry:block"},{"description":"An interactive pie chart using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-interactive","title":"Chart Pie Interactive - An interactive pie chart","type":"registry:block"},{"description":"A pie chart with a custom label using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-label-custom","title":"Chart Pie Label Custom - A pie chart with a custom label","type":"registry:block"},{"description":"A pie chart with a label list using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-label-list","title":"Chart Pie Label List - A pie chart with a label list","type":"registry:block"},{"description":"A pie chart with a label using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-label","title":"Chart Pie Label - A pie chart with a label","type":"registry:block"},{"description":"A pie chart with a legend using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-legend","title":"Chart Pie Legend - A pie chart with a legend","type":"registry:block"},{"description":"A pie chart with no separator using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-separator-none","title":"Chart Pie Separator None - A pie chart with no separator","type":"registry:block"},{"description":"A simple pie chart using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-simple","title":"Chart Pie Simple - A simple pie chart","type":"registry:block"},{"description":"A pie chart with stacked sections using shadcn ChartContainer and Recharts.","name":"chart-chart-pie-stacked","title":"Chart Pie Stacked - A pie chart with stacked sections","type":"registry:block"},{"description":"Horizontal bar chart of values across ordered stages.","name":"chart-chart-pipeline-sales-1","title":"Chart Pipeline Sales 1 - Horizontal stage bars","type":"registry:block"},{"description":"A radar chart using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-default","title":"Chart Radar Default - A radar chart","type":"registry:block"},{"description":"A radar chart with dots using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-dots","title":"Chart Radar Dots - A radar chart with dots","type":"registry:block"},{"description":"A radar chart with a grid and circle fill using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-grid-circle-fill","title":"Chart Radar Grid Circle Fill - A radar chart with a grid and circle fill","type":"registry:block"},{"description":"A radar chart with a grid and circle fill (no lines) using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-grid-circle-no-lines","title":"Chart Radar Grid Circle No Lines - A radar chart with a grid and circle fill (no lines)","type":"registry:block"},{"description":"A radar chart with a grid and circle using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-grid-circle","title":"Chart Radar Grid Circle - A radar chart with a grid and circle","type":"registry:block"},{"description":"A radar chart with a custom grid using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-grid-custom","title":"Chart Radar Grid Custom - A radar chart with a custom grid","type":"registry:block"},{"description":"A radar chart with a grid filled using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-grid-fill","title":"Chart Radar Grid Fill - A radar chart with a grid filled","type":"registry:block"},{"description":"A radar chart with no grid using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-grid-none","title":"Chart Radar Grid None - A radar chart with no grid","type":"registry:block"},{"description":"A radar chart with icons using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-icons","title":"Chart Radar Icons - A radar chart with icons","type":"registry:block"},{"description":"A radar chart with a custom label using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-label-custom","title":"Chart Radar Label Custom - A radar chart with a custom label","type":"registry:block"},{"description":"A radar chart with a legend using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-legend","title":"Chart Radar Legend - A radar chart with a legend","type":"registry:block"},{"description":"A radar chart with lines only using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-lines-only","title":"Chart Radar Lines Only - A radar chart with lines only","type":"registry:block"},{"description":"A radar chart with multiple data using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-multiple","title":"Chart Radar Multiple - A radar chart with multiple data","type":"registry:block"},{"description":"A radar chart with a radius axis using shadcn ChartContainer and Recharts.","name":"chart-chart-radar-radius","title":"Chart Radar Radius - A radar chart with a radius axis","type":"registry:block"},{"description":"A radial chart with a grid using shadcn ChartContainer and Recharts.","name":"chart-chart-radial-grid","title":"Chart Radial Grid - A radial chart with a grid","type":"registry:block"},{"description":"A radial chart with a label using shadcn ChartContainer and Recharts.","name":"chart-chart-radial-label","title":"Chart Radial Label - A radial chart with a label","type":"registry:block"},{"description":"A radial chart with a custom shape using shadcn ChartContainer and Recharts.","name":"chart-chart-radial-shape","title":"Chart Radial Shape - A radial chart with a custom shape","type":"registry:block"},{"description":"A radial chart using shadcn ChartContainer and Recharts.","name":"chart-chart-radial-simple","title":"Chart Radial Simple - A radial chart","type":"registry:block"},{"description":"A radial chart with stacked sections using shadcn ChartContainer and Recharts.","name":"chart-chart-radial-stacked","title":"Chart Radial Stacked - A radial chart with stacked sections","type":"registry:block"},{"description":"A radial chart with text using shadcn ChartContainer and Recharts.","name":"chart-chart-radial-text","title":"Chart Radial Text - A radial chart with text","type":"registry:block"},{"description":"Grid of percentages by cohort row and periods since the start.","name":"chart-chart-retention-grid-1","title":"Chart Retention Grid 1 - Cohort percentage grid","type":"registry:block"},{"description":"Horizontal stacked bars comparing several series across periods.","name":"chart-chart-revenue-channel-1","title":"Chart Revenue Channel 1 - Stacked bars by series","type":"registry:block"},{"description":"Stacked area chart that switches between a shorter and a longer range.","name":"chart-chart-revenue-flow-1","title":"Chart Revenue Flow 1 - Stacked area with a period switch","type":"registry:block"},{"description":"Area chart whose plot and summary value both change with the selected period.","name":"chart-chart-revenue-period-1","title":"Chart Revenue Period 1 - Area chart with a summary value","type":"registry:block"},{"description":"Stacked area chart with a total and change for each series above the plot.","name":"chart-chart-revenue-segments-1","title":"Chart Revenue Segments 1 - Stacked area with series totals","type":"registry:block"},{"description":"Composed chart with an area for this period and a line for the previous period.","name":"chart-chart-revenue-total-1","title":"Chart Revenue Total 1 - Year-over-year area and line","type":"registry:block"},{"description":"Area chart of a series with a horizontal reference line for a goal.","name":"chart-chart-target-line-visits-1","title":"Chart Target Line Visits 1 - Area chart with a target line","type":"registry:block"},{"description":"Tooltip - Advanced pattern using the shadcn component with its key configuration options.","name":"chart-chart-tooltip-advanced","title":"Chart Tooltip Advanced - Tooltip - Advanced","type":"registry:block"},{"description":"Tooltip - Default pattern using the shadcn component with its key configuration options.","name":"chart-chart-tooltip-default","title":"Chart Tooltip Default - Tooltip - Default","type":"registry:block"},{"description":"Tooltip - Formatter pattern using the shadcn component with its key configuration options.","name":"chart-chart-tooltip-formatter","title":"Chart Tooltip Formatter - Tooltip - Formatter","type":"registry:block"},{"description":"Tooltip - Icons pattern using the shadcn component with its key configuration options.","name":"chart-chart-tooltip-icons","title":"Chart Tooltip Icons - Tooltip - Icons","type":"registry:block"},{"description":"Tooltip - Line Indicator pattern using the shadcn component with its key configuration options.","name":"chart-chart-tooltip-indicator-line","title":"Chart Tooltip Indicator Line - Tooltip - Line Indicator","type":"registry:block"},{"description":"Tooltip - No Indicator pattern using the shadcn component with its key configuration options.","name":"chart-chart-tooltip-indicator-none","title":"Chart Tooltip Indicator None - Tooltip - No Indicator","type":"registry:block"},{"description":"Tooltip - Custom Label pattern using the shadcn component with its key configuration options.","name":"chart-chart-tooltip-label-custom","title":"Chart Tooltip Label Custom - Tooltip - Custom Label","type":"registry:block"},{"description":"Tooltip - Label Formatter pattern using the shadcn component with its key configuration options.","name":"chart-chart-tooltip-label-formatter","title":"Chart Tooltip Label Formatter - Tooltip - Label Formatter","type":"registry:block"},{"description":"Tooltip - No Label pattern using the shadcn component with its key configuration options.","name":"chart-chart-tooltip-label-none","title":"Chart Tooltip Label None - Tooltip - No Label","type":"registry:block"},{"description":"Single labeled checkbox for binary opt-in.","name":"checkbox-checkbox-standard-1","title":"Checkbox Standard 1 - Simple Checkbox","type":"registry:block"},{"description":"Checkbox with supporting description text below the label.","name":"checkbox-checkbox-standard-11","title":"Checkbox Standard 11 - With Description","type":"registry:block"},{"description":"Checkbox with subtitle and description for detailed opt-in.","name":"checkbox-checkbox-standard-12","title":"Checkbox Standard 12 - With Subtitle and Description","type":"registry:block"},{"description":"Nested checkbox list with parent and child options.","name":"checkbox-checkbox-standard-13","title":"Checkbox Standard 13 - Nested List","type":"registry:block"},{"description":"Parent checkbox in indeterminate state for partial selection.","name":"checkbox-checkbox-standard-2","title":"Checkbox Standard 2 - Indeterminate Checkbox","type":"registry:block"},{"description":"Checkbox with a subtitle label above the control.","name":"checkbox-checkbox-standard-3","title":"Checkbox Standard 3 - With Subtitle","type":"registry:block"},{"description":"Checkbox in disabled state that cannot be toggled.","name":"checkbox-checkbox-standard-4","title":"Checkbox Standard 4 - Disabled Checkbox","type":"registry:block"},{"description":"Todo-style checkbox with completed strikethrough state.","name":"checkbox-checkbox-standard-5","title":"Checkbox Standard 5 - Todo Style Checkbox","type":"registry:block"},{"description":"Checkbox with a custom check indicator component.","name":"checkbox-checkbox-standard-6","title":"Checkbox Standard 6 - Custom Indicator Checkbox","type":"registry:block"},{"description":"Multiple checkboxes arranged in a horizontal row.","name":"checkbox-checkbox-standard-7","title":"Checkbox Standard 7 - Horizontal List Checkbox","type":"registry:block"},{"description":"Multiple checkboxes stacked in a vertical list.","name":"checkbox-checkbox-standard-8","title":"Checkbox Standard 8 - Vertical List Checkbox","type":"registry:block"},{"description":"Checkbox aligned to the right with label on the left.","name":"checkbox-checkbox-standard-9","title":"Checkbox Standard 9 - Right-Aligned Checkbox","type":"registry:block"},{"description":"Full billing selector with titles, subtitles, and descriptions.","name":"choicebox-choicebox-composition-1","title":"Choicebox Composition 1 - Billing plan selector","type":"registry:block"},{"description":"Choicebox items with title and description text.","name":"choicebox-choicebox-descriptions-1","title":"Choicebox Descriptions 1 - Options with descriptions","type":"registry:block"},{"description":"Two card-style radio options with default selection.","name":"choicebox-choicebox-standard-1","title":"Choicebox Standard 1 - Radio card options","type":"registry:block"},{"description":"Choicebox items with a title and muted subtitle.","name":"choicebox-choicebox-subtitle-1","title":"Choicebox Subtitle 1 - Title and subtitle","type":"registry:block"},{"description":"Three selectable plan cards in a vertical stack.","name":"choicebox-choicebox-three-1","title":"Choicebox Three 1 - Three plan options","type":"registry:block"},{"description":"Code block with filename label and copy button in the header.","name":"code-block-code-block-composition-1","title":"Code Block Composition 1 - Header composition","type":"registry:block"},{"description":"Code block header with a copy-to-clipboard button.","name":"code-block-code-block-copy-1","title":"Code Block Copy 1 - Copy button","type":"registry:block"},{"description":"Code block with lineNumbers enabled on the active snippet.","name":"code-block-code-block-line-numbers-1","title":"Code Block Line Numbers 1 - Line numbers","type":"registry:block"},{"description":"Multiple files with a header select to switch between snippets.","name":"code-block-code-block-multi-file-1","title":"Code Block Multi File 1 - Multi-file select","type":"registry:block"},{"description":"Plain code display with syntaxHighlighting set to false.","name":"code-block-code-block-no-highlight-1","title":"Code Block No Highlight 1 - No highlighting","type":"registry:block"},{"description":"Single TypeScript code snippet with syntax highlighting.","name":"code-block-code-block-standard-1","title":"Code Block Standard 1 - Standard snippet","type":"registry:block"},{"description":"Card Collapsible using shadcn Collapsible in a card container.","name":"collapsible-collapsible-card-1","title":"Collapsible Card 1 - Card Collapsible","type":"registry:block"},{"description":"Card with Icon Header using shadcn Collapsible in a card container.","name":"collapsible-collapsible-card-2","title":"Collapsible Card 2 - Card with Icon Header","type":"registry:block"},{"description":"Nested Card Content using shadcn Collapsible in a card container.","name":"collapsible-collapsible-card-3","title":"Collapsible Card 3 - Nested Card Content","type":"registry:block"},{"description":"Card with Badge using shadcn Collapsible in a card container.","name":"collapsible-collapsible-card-4","title":"Collapsible Card 4 - Card with Badge","type":"registry:block"},{"description":"Subtle Card Collapsible using shadcn Collapsible in a card container.","name":"collapsible-collapsible-card-5","title":"Collapsible Card 5 - Subtle Card Collapsible","type":"registry:block"},{"description":"FAQ Item using shadcn Collapsible for FAQ layout.","name":"collapsible-collapsible-faq-1","title":"Collapsible Faq 1 - FAQ Item","type":"registry:block"},{"description":"FAQ with Icon using shadcn Collapsible for FAQ layout.","name":"collapsible-collapsible-faq-2","title":"Collapsible Faq 2 - FAQ with Icon","type":"registry:block"},{"description":"FAQ Card Style using shadcn Collapsible for FAQ layout.","name":"collapsible-collapsible-faq-3","title":"Collapsible Faq 3 - FAQ Card Style","type":"registry:block"},{"description":"Numbered FAQ using shadcn Collapsible for FAQ layout.","name":"collapsible-collapsible-faq-4","title":"Collapsible Faq 4 - Numbered FAQ","type":"registry:block"},{"description":"FAQ with Badge using shadcn Collapsible for FAQ layout.","name":"collapsible-collapsible-faq-5","title":"Collapsible Faq 5 - FAQ with Badge","type":"registry:block"},{"description":"Outlined Collapsible using shadcn Collapsible.","name":"collapsible-collapsible-outline-1","title":"Collapsible Outline 1 - Outlined Collapsible","type":"registry:block"},{"description":"Warning Outline using shadcn Collapsible.","name":"collapsible-collapsible-outline-2","title":"Collapsible Outline 2 - Warning Outline","type":"registry:block"},{"description":"Info Box Outline using shadcn Collapsible.","name":"collapsible-collapsible-outline-3","title":"Collapsible Outline 3 - Info Box Outline","type":"registry:block"},{"description":"Dashed Outline using shadcn Collapsible.","name":"collapsible-collapsible-outline-4","title":"Collapsible Outline 4 - Dashed Outline","type":"registry:block"},{"description":"Nested Sidebar Items using shadcn Collapsible for sidebar navigation.","name":"collapsible-collapsible-sidebar-1","title":"Collapsible Sidebar 1 - Nested Sidebar Items","type":"registry:block"},{"description":"Settings Menu using shadcn Collapsible for sidebar navigation.","name":"collapsible-collapsible-sidebar-2","title":"Collapsible Sidebar 2 - Settings Menu","type":"registry:block"},{"description":"Sidebar with Counts using shadcn Collapsible for sidebar navigation.","name":"collapsible-collapsible-sidebar-3","title":"Collapsible Sidebar 3 - Sidebar with Counts","type":"registry:block"},{"description":"Minimal Sidebar Group using shadcn Collapsible for sidebar navigation.","name":"collapsible-collapsible-sidebar-4","title":"Collapsible Sidebar 4 - Minimal Sidebar Group","type":"registry:block"},{"description":"Simple Collapsible using shadcn Collapsible.","name":"collapsible-collapsible-standard-1","title":"Collapsible Standard 1 - Simple Collapsible","type":"registry:block"},{"description":"Inline Trigger Collapsible using shadcn Collapsible.","name":"collapsible-collapsible-standard-2","title":"Collapsible Standard 2 - Inline Trigger Collapsible","type":"registry:block"},{"description":"Collapsible with Icon using shadcn Collapsible.","name":"collapsible-collapsible-standard-3","title":"Collapsible Standard 3 - Collapsible with Icon","type":"registry:block"},{"description":"Text-only Collapsible using shadcn Collapsible.","name":"collapsible-collapsible-standard-4","title":"Collapsible Standard 4 - Text-only Collapsible","type":"registry:block"},{"description":"Controlled Collapsible using shadcn Collapsible.","name":"collapsible-collapsible-standard-5","title":"Collapsible Standard 5 - Controlled Collapsible","type":"registry:block"},{"description":"Color picker including alpha slider and eye dropper control.","name":"color-picker-color-picker-alpha-1","title":"Color Picker Alpha 1 - With alpha and eyedropper","type":"registry:block"},{"description":"Compact color picker showing only the selection area and hue slider.","name":"color-picker-color-picker-compact-1","title":"Color Picker Compact 1 - Compact selection","type":"registry:block"},{"description":"Controlled color picker that updates a live swatch from onChange.","name":"color-picker-color-picker-controlled-1","title":"Color Picker Controlled 1 - Controlled swatch","type":"registry:block"},{"description":"Color picker with selection area, hue slider, and format fields.","name":"color-picker-color-picker-standard-1","title":"Color Picker Standard 1 - Basic color picker","type":"registry:block"},{"description":"Create New Option Inline combobox using shadcn Command and Popover.","name":"combobox-combobox-custom-actions-1","title":"Combobox Custom Actions 1 - Create New Option Inline","type":"registry:block"},{"description":"With Footer Actions combobox using shadcn Command and Popover.","name":"combobox-combobox-custom-actions-2","title":"Combobox Custom Actions 2 - With Footer Actions","type":"registry:block"},{"description":"Recent Selections Section combobox using shadcn Command and Popover.","name":"combobox-combobox-custom-actions-3","title":"Combobox Custom Actions 3 - Recent Selections Section","type":"registry:block"},{"description":"Async/Dynamic Search combobox using shadcn Command and Popover.","name":"combobox-combobox-custom-actions-4","title":"Combobox Custom Actions 4 - Async/Dynamic Search","type":"registry:block"},{"description":"With Quick Filters combobox using shadcn Command and Popover.","name":"combobox-combobox-custom-actions-5","title":"Combobox Custom Actions 5 - With Quick Filters","type":"registry:block"},{"description":"Keyboard Shortcuts Displayed combobox using shadcn Command and Popover.","name":"combobox-combobox-custom-actions-6","title":"Combobox Custom Actions 6 - Keyboard Shortcuts Displayed","type":"registry:block"},{"description":"Clear/Reset Button combobox using shadcn Command and Popover.","name":"combobox-combobox-custom-actions-7","title":"Combobox Custom Actions 7 - Clear/Reset Button","type":"registry:block"},{"description":"Multiple Groups with Labels combobox using shadcn Command and Popover.","name":"combobox-combobox-grouped-1","title":"Combobox Grouped 1 - Multiple Groups with Labels","type":"registry:block"},{"description":"Categories with Separators combobox using shadcn Command and Popover.","name":"combobox-combobox-grouped-2","title":"Combobox Grouped 2 - Categories with Separators","type":"registry:block"},{"description":"Nested/Hierarchical Groups combobox using shadcn Command and Popover.","name":"combobox-combobox-grouped-3","title":"Combobox Grouped 3 - Nested/Hierarchical Groups","type":"registry:block"},{"description":"Groups with Item Counts combobox using shadcn Command and Popover.","name":"combobox-combobox-grouped-4","title":"Combobox Grouped 4 - Groups with Item Counts","type":"registry:block"},{"description":"Collapsible Groups combobox using shadcn Command and Popover.","name":"combobox-combobox-grouped-5","title":"Combobox Grouped 5 - Collapsible Groups","type":"registry:block"},{"description":"Recent vs All Items combobox using shadcn Command and Popover.","name":"combobox-combobox-grouped-6","title":"Combobox Grouped 6 - Recent vs All Items","type":"registry:block"},{"description":"Favorites + All Items combobox using shadcn Command and Popover.","name":"combobox-combobox-grouped-7","title":"Combobox Grouped 7 - Favorites + All Items","type":"registry:block"},{"description":"Multiple Items with Badges combobox using shadcn Command and Popover with multi-select.","name":"combobox-combobox-multi-select-1","title":"Combobox Multi Select 1 - Multiple Items with Badges","type":"registry:block"},{"description":"With Select All Option combobox using shadcn Command and Popover with multi-select.","name":"combobox-combobox-multi-select-2","title":"Combobox Multi Select 2 - With Select All Option","type":"registry:block"},{"description":"With Item Count in Trigger combobox using shadcn Command and Popover with multi-select.","name":"combobox-combobox-multi-select-3","title":"Combobox Multi Select 3 - With Item Count in Trigger","type":"registry:block"},{"description":"With Checkboxes Visible combobox using shadcn Command and Popover with multi-select.","name":"combobox-combobox-multi-select-4","title":"Combobox Multi Select 4 - With Checkboxes Visible","type":"registry:block"},{"description":"With Clear All Functionality combobox using shadcn Command and Popover with multi-select.","name":"combobox-combobox-multi-select-5","title":"Combobox Multi Select 5 - With Clear All Functionality","type":"registry:block"},{"description":"With Max Selections Limit combobox using shadcn Command and Popover with multi-select.","name":"combobox-combobox-multi-select-6","title":"Combobox Multi Select 6 - With Max Selections Limit","type":"registry:block"},{"description":"Selected Items List Below combobox using shadcn Command and Popover with multi-select.","name":"combobox-combobox-multi-select-7","title":"Combobox Multi Select 7 - Selected Items List Below","type":"registry:block"},{"description":"Items with Avatars combobox using shadcn Command and Popover.","name":"combobox-combobox-rich-content-1","title":"Combobox Rich Content 1 - Items with Avatars","type":"registry:block"},{"description":"Items with Descriptions combobox using shadcn Command and Popover.","name":"combobox-combobox-rich-content-2","title":"Combobox Rich Content 2 - Items with Descriptions","type":"registry:block"},{"description":"Items with Status Indicators combobox using shadcn Command and Popover.","name":"combobox-combobox-rich-content-3","title":"Combobox Rich Content 3 - Items with Status Indicators","type":"registry:block"},{"description":"Items with Metadata combobox using shadcn Command and Popover.","name":"combobox-combobox-rich-content-4","title":"Combobox Rich Content 4 - Items with Metadata","type":"registry:block"},{"description":"Items with Icons and Descriptions combobox using shadcn Command and Popover.","name":"combobox-combobox-rich-content-5","title":"Combobox Rich Content 5 - Items with Icons and Descriptions","type":"registry:block"},{"description":"Color-Coded Items combobox using shadcn Command and Popover.","name":"combobox-combobox-rich-content-6","title":"Combobox Rich Content 6 - Color-Coded Items","type":"registry:block"},{"description":"Items with Action Buttons combobox using shadcn Command and Popover.","name":"combobox-combobox-rich-content-7","title":"Combobox Rich Content 7 - Items with Action Buttons","type":"registry:block"},{"description":"Simple Single Select combobox using shadcn Command and Popover.","name":"combobox-combobox-standard-1","title":"Combobox Standard 1 - Simple Single Select","type":"registry:block"},{"description":"With Default Selected Value combobox using shadcn Command and Popover.","name":"combobox-combobox-standard-2","title":"Combobox Standard 2 - With Default Selected Value","type":"registry:block"},{"description":"With Item Icons combobox using shadcn Command and Popover.","name":"combobox-combobox-standard-3","title":"Combobox Standard 3 - With Item Icons","type":"registry:block"},{"description":"Small Size Variant combobox using shadcn Command and Popover.","name":"combobox-combobox-standard-4","title":"Combobox Standard 4 - Small Size Variant","type":"registry:block"},{"description":"Large Size Variant combobox using shadcn Command and Popover.","name":"combobox-combobox-standard-5","title":"Combobox Standard 5 - Large Size Variant","type":"registry:block"},{"description":"Disabled State combobox using shadcn Command and Popover.","name":"combobox-combobox-standard-6","title":"Combobox Standard 6 - Disabled State","type":"registry:block"},{"description":"Full Width Variant combobox using shadcn Command and Popover.","name":"combobox-combobox-standard-7","title":"Combobox Standard 7 - Full Width Variant","type":"registry:block"},{"description":"Loading State combobox using shadcn Command and Popover.","name":"combobox-combobox-with-states-1","title":"Combobox With States 1 - Loading State","type":"registry:block"},{"description":"Error State with Retry combobox using shadcn Command and Popover.","name":"combobox-combobox-with-states-2","title":"Combobox With States 2 - Error State with Retry","type":"registry:block"},{"description":"Empty State with Action combobox using shadcn Command and Popover.","name":"combobox-combobox-with-states-3","title":"Combobox With States 3 - Empty State with Action","type":"registry:block"},{"description":"No Results Variation combobox using shadcn Command and Popover.","name":"combobox-combobox-with-states-4","title":"Combobox With States 4 - No Results Variation","type":"registry:block"},{"description":"With Validation Feedback combobox using shadcn Command and Popover.","name":"combobox-combobox-with-states-5","title":"Combobox With States 5 - With Validation Feedback","type":"registry:block"},{"description":"With Disabled Items combobox using shadcn Command and Popover.","name":"combobox-combobox-with-states-6","title":"Combobox With States 6 - With Disabled Items","type":"registry:block"},{"description":"Read-Only/View Mode combobox using shadcn Command and Popover.","name":"combobox-combobox-with-states-7","title":"Combobox With States 7 - Read-Only/View Mode","type":"registry:block"},{"description":"Simple Command Dialog using shadcn Command in a dialog.","name":"command-command-dialog-1","title":"Command Dialog 1 - Simple Command Dialog","type":"registry:block"},{"description":"Command Dialog with Icons and Shortcuts using shadcn Command in a dialog.","name":"command-command-dialog-2","title":"Command Dialog 2 - Command Dialog with Icons and Shortcuts","type":"registry:block"},{"description":"Command Dialog with Separators using shadcn Command in a dialog.","name":"command-command-dialog-3","title":"Command Dialog 3 - Command Dialog with Separators","type":"registry:block"},{"description":"Command Dialog with Badges using shadcn Command in a dialog.","name":"command-command-dialog-4","title":"Command Dialog 4 - Command Dialog with Badges","type":"registry:block"},{"description":"Command Dialog with Descriptions using shadcn Command in a dialog.","name":"command-command-dialog-5","title":"Command Dialog 5 - Command Dialog with Descriptions","type":"registry:block"},{"description":"Command Dialog Actions Menu using shadcn Command in a dialog.","name":"command-command-dialog-6","title":"Command Dialog 6 - Command Dialog Actions Menu","type":"registry:block"},{"description":"Command Dialog with Status Indicators using shadcn Command in a dialog.","name":"command-command-dialog-7","title":"Command Dialog 7 - Command Dialog with Status Indicators","type":"registry:block"},{"description":"Simple Command Popover using shadcn Command in a popover.","name":"command-command-popover-1","title":"Command Popover 1 - Simple Command Popover","type":"registry:block"},{"description":"Command Popover with Icons and Shortcuts using shadcn Command in a popover.","name":"command-command-popover-2","title":"Command Popover 2 - Command Popover with Icons and Shortcuts","type":"registry:block"},{"description":"Command Popover with Separators using shadcn Command in a popover.","name":"command-command-popover-3","title":"Command Popover 3 - Command Popover with Separators","type":"registry:block"},{"description":"Command Popover with Badges using shadcn Command in a popover.","name":"command-command-popover-4","title":"Command Popover 4 - Command Popover with Badges","type":"registry:block"},{"description":"Command Popover with Descriptions using shadcn Command in a popover.","name":"command-command-popover-5","title":"Command Popover 5 - Command Popover with Descriptions","type":"registry:block"},{"description":"Command Popover Actions Menu using shadcn Command in a popover.","name":"command-command-popover-6","title":"Command Popover 6 - Command Popover Actions Menu","type":"registry:block"},{"description":"Command Popover with Status Indicators using shadcn Command in a popover.","name":"command-command-popover-7","title":"Command Popover 7 - Command Popover with Status Indicators","type":"registry:block"},{"description":"Simple Command Menu using shadcn Command.","name":"command-command-standard-1","title":"Command Standard 1 - Simple Command Menu","type":"registry:block"},{"description":"Command with Icons and Shortcuts using shadcn Command.","name":"command-command-standard-2","title":"Command Standard 2 - Command with Icons and Shortcuts","type":"registry:block"},{"description":"Command with Separators using shadcn Command.","name":"command-command-standard-3","title":"Command Standard 3 - Command with Separators","type":"registry:block"},{"description":"Command with Badges using shadcn Command.","name":"command-command-standard-4","title":"Command Standard 4 - Command with Badges","type":"registry:block"},{"description":"Command with Descriptions using shadcn Command.","name":"command-command-standard-5","title":"Command Standard 5 - Command with Descriptions","type":"registry:block"},{"description":"Command Actions Menu using shadcn Command.","name":"command-command-standard-6","title":"Command Standard 6 - Command Actions Menu","type":"registry:block"},{"description":"Command with Status Indicators using shadcn Command.","name":"command-command-standard-7","title":"Command Standard 7 - Command with Status Indicators","type":"registry:block"},{"description":"Comparison of two non-image UI panels instead of photos.","name":"comparison-comparison-content-1","title":"Comparison Content 1 - UI mockup comparison","type":"registry:block"},{"description":"Comparison handle with custom Before and After labels.","name":"comparison-comparison-handle-1","title":"Comparison Handle 1 - Labeled handle","type":"registry:block"},{"description":"Comparison slider that reveals the after image on hover.","name":"comparison-comparison-hover-1","title":"Comparison Hover 1 - Hover mode","type":"registry:block"},{"description":"Image comparison slider in drag mode with a default handle.","name":"comparison-comparison-standard-1","title":"Comparison Standard 1 - Drag before and after","type":"registry:block"},{"description":"Layer Arrange Menu using shadcn ContextMenu.","name":"context-menu-context-menu-canvas-1","title":"Context Menu Canvas 1 - Layer Arrange Menu","type":"registry:block"},{"description":"Align and Distribute Menu using shadcn ContextMenu with submenus.","name":"context-menu-context-menu-canvas-2","title":"Context Menu Canvas 2 - Align and Distribute Menu","type":"registry:block"},{"description":"Group and Lock Menu using shadcn ContextMenu.","name":"context-menu-context-menu-canvas-3","title":"Context Menu Canvas 3 - Group and Lock Menu","type":"registry:block"},{"description":"Layer Management Menu using shadcn ContextMenu.","name":"context-menu-context-menu-canvas-4","title":"Context Menu Canvas 4 - Layer Management Menu","type":"registry:block"},{"description":"Transform Menu using shadcn ContextMenu with submenus.","name":"context-menu-context-menu-canvas-5","title":"Context Menu Canvas 5 - Transform Menu","type":"registry:block"},{"description":"File Operations Menu using shadcn ContextMenu.","name":"context-menu-context-menu-file-1","title":"Context Menu File 1 - File Operations Menu","type":"registry:block"},{"description":"Copy and Move Menu using shadcn ContextMenu.","name":"context-menu-context-menu-file-2","title":"Context Menu File 2 - Copy and Move Menu","type":"registry:block"},{"description":"Archive and Compress Menu using shadcn ContextMenu with submenus.","name":"context-menu-context-menu-file-3","title":"Context Menu File 3 - Archive and Compress Menu","type":"registry:block"},{"description":"Share and Export Menu using shadcn ContextMenu with submenus.","name":"context-menu-context-menu-file-4","title":"Context Menu File 4 - Share and Export Menu","type":"registry:block"},{"description":"File Properties Menu using shadcn ContextMenu.","name":"context-menu-context-menu-file-5","title":"Context Menu File 5 - File Properties Menu","type":"registry:block"},{"description":"Simple Context Menu using shadcn ContextMenu.","name":"context-menu-context-menu-standard-1","title":"Context Menu Standard 1 - Simple Context Menu","type":"registry:block"},{"description":"Context Menu with Icons and Shortcuts using shadcn ContextMenu.","name":"context-menu-context-menu-standard-2","title":"Context Menu Standard 2 - Context Menu with Icons and Shortcuts","type":"registry:block"},{"description":"Context Menu with Separators using shadcn ContextMenu.","name":"context-menu-context-menu-standard-3","title":"Context Menu Standard 3 - Context Menu with Separators","type":"registry:block"},{"description":"Context Menu with Labels using shadcn ContextMenu.","name":"context-menu-context-menu-standard-4","title":"Context Menu Standard 4 - Context Menu with Labels","type":"registry:block"},{"description":"Context Menu with Checkboxes using shadcn ContextMenu.","name":"context-menu-context-menu-standard-5","title":"Context Menu Standard 5 - Context Menu with Checkboxes","type":"registry:block"},{"description":"Context Menu with Radio Items using shadcn ContextMenu.","name":"context-menu-context-menu-standard-6","title":"Context Menu Standard 6 - Context Menu with Radio Items","type":"registry:block"},{"description":"Context Menu with Submenus using shadcn ContextMenu with submenus.","name":"context-menu-context-menu-standard-7","title":"Context Menu Standard 7 - Context Menu with Submenus","type":"registry:block"},{"description":"Table Sort Menu using shadcn ContextMenu.","name":"context-menu-context-menu-table-1","title":"Context Menu Table 1 - Table Sort Menu","type":"registry:block"},{"description":"Table Filter Menu using shadcn ContextMenu with submenus.","name":"context-menu-context-menu-table-2","title":"Context Menu Table 2 - Table Filter Menu","type":"registry:block"},{"description":"Table Export Menu using shadcn ContextMenu with submenus.","name":"context-menu-context-menu-table-3","title":"Context Menu Table 3 - Table Export Menu","type":"registry:block"},{"description":"Table Row Operations Menu using shadcn ContextMenu.","name":"context-menu-context-menu-table-4","title":"Context Menu Table 4 - Table Row Operations Menu","type":"registry:block"},{"description":"Table Column Operations Menu using shadcn ContextMenu.","name":"context-menu-context-menu-table-5","title":"Context Menu Table 5 - Table Column Operations Menu","type":"registry:block"},{"description":"Text Editing Menu using shadcn ContextMenu.","name":"context-menu-context-menu-text-1","title":"Context Menu Text 1 - Text Editing Menu","type":"registry:block"},{"description":"Text Formatting Menu using shadcn ContextMenu.","name":"context-menu-context-menu-text-2","title":"Context Menu Text 2 - Text Formatting Menu","type":"registry:block"},{"description":"Text Alignment Menu using shadcn ContextMenu with submenus.","name":"context-menu-context-menu-text-3","title":"Context Menu Text 3 - Text Alignment Menu","type":"registry:block"},{"description":"Spell Check Menu using shadcn ContextMenu.","name":"context-menu-context-menu-text-4","title":"Context Menu Text 4 - Spell Check Menu","type":"registry:block"},{"description":"Font and Style Menu using shadcn ContextMenu with submenus.","name":"context-menu-context-menu-text-5","title":"Context Menu Text 5 - Font and Style Menu","type":"registry:block"},{"description":"Contribution graph blocks styled with custom data-level colors.","name":"contribution-graph-contribution-graph-colors-1","title":"Contribution Graph Colors 1 - Custom level colors","type":"registry:block"},{"description":"Minimal contribution graph without footer count or legend.","name":"contribution-graph-contribution-graph-minimal-1","title":"Contribution Graph Minimal 1 - Calendar only","type":"registry:block"},{"description":"Contribution graph with larger block size and margin.","name":"contribution-graph-contribution-graph-sizes-1","title":"Contribution Graph Sizes 1 - Larger blocks","type":"registry:block"},{"description":"GitHub-style full-year contribution calendar in a compact rectangle.","name":"contribution-graph-contribution-graph-standard-1","title":"Contribution Graph Standard 1 - Full-year contribution graph","type":"registry:block"},{"description":"Animated counter with plus/minus buttons and sliding number transition.","name":"counter-counter-1","title":"Counter 1 - Counter button","type":"registry:block"},{"description":"Counter button starting at 5 with custom min/max bounds.","name":"counter-counter-2","title":"Counter 2 - Counter with initial value","type":"registry:block"},{"description":"Counter button with outline/secondary styling.","name":"counter-counter-3","title":"Counter 3 - Counter outline","type":"registry:block"},{"description":"Counter button with outline/secondary styling.","name":"counter-counter-4","title":"Counter 4 - Counter secondary","type":"registry:block"},{"description":"Counter button with outline/secondary styling.","name":"counter-counter-5","title":"Counter 5 - Counter pill","type":"registry:block"},{"description":"Counter button with outline/secondary styling.","name":"counter-counter-6","title":"Counter 6 - Counter shadow","type":"registry:block"},{"description":"Counter button with outline/secondary styling.","name":"counter-counter-7","title":"Counter 7 - Counter dashed","type":"registry:block"},{"description":"Counter button with outline/secondary styling.","name":"counter-counter-8","title":"Counter 8 - Counter muted","type":"registry:block"},{"description":"Heart toggle button with animated count and color change.","name":"counter-counter-like-1","title":"Counter Like 1 - Like counter","type":"registry:block"},{"description":"Like toggle counter with outline/secondary styling.","name":"counter-counter-like-2","title":"Counter Like 2 - Like counter outline","type":"registry:block"},{"description":"Like toggle counter with outline/secondary styling.","name":"counter-counter-like-3","title":"Counter Like 3 - Like counter secondary","type":"registry:block"},{"description":"Credit card back with magnetic stripe, expiry, and CVV fields.","name":"credit-card-credit-card-back-1","title":"Credit Card Back 1 - Card back","type":"registry:block"},{"description":"Credit card front with EMV chip detail and provider logo.","name":"credit-card-credit-card-chip-1","title":"Credit Card Chip 1 - With chip","type":"registry:block"},{"description":"Complete card front with chip, number, name, expiry, and provider logo.","name":"credit-card-credit-card-composition-1","title":"Credit Card Composition 1 - Full composition","type":"registry:block"},{"description":"Credit card that flips on hover to reveal front and back faces.","name":"credit-card-credit-card-flip-1","title":"Credit Card Flip 1 - Flip on hover","type":"registry:block"},{"description":"Front-facing card styled for Mastercard with provider branding.","name":"credit-card-credit-card-mastercard-1","title":"Credit Card Mastercard 1 - Mastercard brand","type":"registry:block"},{"description":"Front-facing Visa card with card number and provider logo.","name":"credit-card-credit-card-standard-1","title":"Credit Card Standard 1 - Standard visa","type":"registry:block"},{"description":"TanStack Table with expandable parent rows revealing nested task sub-rows.","name":"data-table-data-table-advanced-1","title":"Data Table Advanced 1 - Expandable sub-rows","type":"registry:block"},{"description":"TanStack Table with numbered page buttons instead of only prev/next.","name":"data-table-data-table-advanced-2","title":"Data Table Advanced 2 - Numeric pagination","type":"registry:block"},{"description":"TanStack Table with drag handles to resize column widths interactively.","name":"data-table-data-table-advanced-3","title":"Data Table Advanced 3 - Resizable columns","type":"registry:block"},{"description":"TanStack Table with a per-row actions menu for edit, copy, and delete.","name":"data-table-data-table-advanced-4","title":"Data Table Advanced 4 - Data table with actions","type":"registry:block"},{"description":"Table rows with an avatar, a value-band badge, and a status badge.","name":"data-table-data-table-customers-1","title":"Data Table Customers 1 - Rows with avatar, value, and status","type":"registry:block"},{"description":"Table with sortable headers and a menu to show or hide columns.","name":"data-table-data-table-inventory-1","title":"Data Table Inventory 1 - Sortable columns with a visibility menu","type":"registry:block"},{"description":"Thumbnail rows with status badges, tags, and a short summary.","name":"data-table-data-table-inventory-2","title":"Data Table Inventory 2 - Card-style rows with status and tags","type":"registry:block"},{"description":"Table rows that pair a headline value with a small area sparkline.","name":"data-table-data-table-inventory-3","title":"Data Table Inventory 3 - Table rows with sparklines","type":"registry:block"},{"description":"Row list beside a filter panel whose options hide and show rows.","name":"data-table-data-table-inventory-4","title":"Data Table Inventory 4 - List with a side filter panel","type":"registry:block"},{"description":"Table rows that pair an identifier and date with status badges and a total.","name":"data-table-data-table-orders-1","title":"Data Table Orders 1 - Rows with status badges","type":"registry:block"},{"description":"Table rows with a status badge and a four-step progress track.","name":"data-table-data-table-orders-2","title":"Data Table Orders 2 - Rows with a step track","type":"registry:block"},{"description":"Table rows with a status badge, a progress rail, and a service tag.","name":"data-table-data-table-shipments-1","title":"Data Table Shipments 1 - Rows with a progress rail","type":"registry:block"},{"description":"TanStack Table with row selection checkboxes, sortable columns, and selection count.","name":"data-table-data-table-standard-1","title":"Data Table Standard 1 - Basic data table with checkboxes","type":"registry:block"},{"description":"TanStack Table with text filter on email and faceted status filter dropdown.","name":"data-table-data-table-standard-2","title":"Data Table Standard 2 - Data table with filters","type":"registry:block"},{"description":"TanStack Table with a dropdown to toggle which columns are visible.","name":"data-table-data-table-standard-3","title":"Data Table Standard 3 - Data table with column visibility","type":"registry:block"},{"description":"TanStack Table with page size control and previous/next pagination.","name":"data-table-data-table-standard-4","title":"Data Table Standard 4 - Paginated data table","type":"registry:block"},{"description":"shadcn data toolbar component with search and a column visibility menu.","name":"data-toolbar-data-toolbar-columns-1","title":"Data Toolbar Columns 1 - Toolbar column menu","type":"registry:block"},{"description":"shadcn data toolbar component with a search field only.","name":"data-toolbar-data-toolbar-search-1","title":"Data Toolbar Search 1 - Toolbar search","type":"registry:block"},{"description":"shadcn data toolbar component with search and status tabs.","name":"data-toolbar-data-toolbar-tabs-1","title":"Data Toolbar Tabs 1 - Toolbar with status tabs","type":"registry:block"},{"description":"Popover calendar for selecting a start and end date range in one control.","name":"date-picker-date-picker-standard-1","title":"Date Picker Standard 1 - Date picker with range","type":"registry:block"},{"description":"Calendar with dropdowns to jump month and year without paging month by month.","name":"date-picker-date-picker-standard-2","title":"Date Picker Standard 2 - Date picker with month and year selector","type":"registry:block"},{"description":"Side-by-side calendar and time slot list for choosing an appointment datetime.","name":"date-picker-date-picker-standard-3","title":"Date Picker Standard 3 - Date picker as appointment picker","type":"registry:block"},{"description":"Calendar plus hour and minute scroll areas for a full datetime selection.","name":"date-picker-date-picker-standard-4","title":"Date Picker Standard 4 - Date picker with date and time","type":"registry:block"},{"description":"Calendar with shortcut buttons for Today, Tomorrow, and relative day labels.","name":"date-picker-date-picker-standard-5","title":"Date Picker Standard 5 - Date picker with natural language","type":"registry:block"},{"description":"Calendar that disables weekends or other dates via disabled matcher props.","name":"date-picker-date-picker-standard-6","title":"Date Picker Standard 6 - Date picker with disabled dates","type":"registry:block"},{"description":"Calendar in multiple selection mode for choosing several non-contiguous days.","name":"date-picker-date-picker-standard-7","title":"Date Picker Standard 7 - Date picker with multiple day selection","type":"registry:block"},{"description":"Calendar with custom modifiers styling selected or special days differently.","name":"date-picker-date-picker-standard-8","title":"Date Picker Standard 8 - Date picker with custom select day style","type":"registry:block"},{"description":"Deck with controlled current index and external next button.","name":"deck-deck-controlled-1","title":"Deck Controlled 1 - Controlled index","type":"registry:block"},{"description":"Peeking deck fanned left and right so the stack reads as interactive.","name":"deck-deck-fan-1","title":"Deck Fan 1 - Fanned cards stack","type":"registry:block"},{"description":"Stacked deck with a clear peek of the cards underneath.","name":"deck-deck-peek-1","title":"Deck Peek 1 - Peeking card stack","type":"registry:block"},{"description":"Deck with a larger visible stack size behind the top card.","name":"deck-deck-stack-1","title":"Deck Stack 1 - Deeper stack","type":"registry:block"},{"description":"Swipeable card stack with empty state after the last card.","name":"deck-deck-standard-1","title":"Deck Standard 1 - Swipe card deck","type":"registry:block"},{"description":"Deck that records left and right swipe decisions.","name":"deck-deck-swipe-1","title":"Deck Swipe 1 - Track swipe direction","type":"registry:block"},{"description":"Dialog stack that lets users click earlier layers to go back.","name":"dialog-stack-dialog-stack-clickable-1","title":"Dialog Stack Clickable 1 - Clickable prior layers","type":"registry:block"},{"description":"Dialog stack open state controlled by parent React state.","name":"dialog-stack-dialog-stack-controlled-1","title":"Dialog Stack Controlled 1 - Controlled open state","type":"registry:block"},{"description":"Three stacked dialog panels for a longer setup sequence.","name":"dialog-stack-dialog-stack-nested-1","title":"Dialog Stack Nested 1 - Three-step flow","type":"registry:block"},{"description":"Stacked dialogs with next and previous navigation.","name":"dialog-stack-dialog-stack-standard-1","title":"Dialog Stack Standard 1 - Two-step dialog stack","type":"registry:block"},{"description":"Basic shadcn Dialog with trigger, header, share link field, and footer actions.","name":"dialog-dialog-standard-1","title":"Dialog Standard 1 - Standard dialog","type":"registry:block"},{"description":"Dialog containing name, email, and password fields for account registration.","name":"dialog-dialog-standard-10","title":"Dialog Standard 10 - Signup form","type":"registry:block"},{"description":"Dialog with email, password, and sign-in action for returning users.","name":"dialog-dialog-standard-11","title":"Dialog Standard 11 - Signin form","type":"registry:block"},{"description":"Dialog to enter email addresses and send team invitations from a workspace.","name":"dialog-dialog-standard-12","title":"Dialog Standard 12 - Invite team members","type":"registry:block"},{"description":"Dialog form for card number, expiry, and CVC entry in a payment flow.","name":"dialog-dialog-standard-13","title":"Dialog Standard 13 - Card details","type":"registry:block"},{"description":"Dialog summarizing order items, totals, and confirm purchase actions.","name":"dialog-dialog-standard-14","title":"Dialog Standard 14 - Checkout","type":"registry:block"},{"description":"Dialog comparing subscription plans with select or upgrade actions.","name":"dialog-dialog-standard-15","title":"Dialog Standard 15 - Plan selection","type":"registry:block"},{"description":"Dialog with avatar, name, and bio fields for quick profile updates.","name":"dialog-dialog-standard-16","title":"Dialog Standard 16 - Edit profile","type":"registry:block"},{"description":"Multi-step onboarding dialog walking through welcome and setup tasks.","name":"dialog-dialog-standard-17","title":"Dialog Standard 17 - Onboarding","type":"registry:block"},{"description":"Dialog with a tall scrollable body region for content longer than the viewport.","name":"dialog-dialog-standard-2","title":"Dialog Standard 2 - Scrollable dialog","type":"registry:block"},{"description":"Scrollable dialog body with a header bar that stays visible while content scrolls.","name":"dialog-dialog-standard-3","title":"Dialog Standard 3 - Scrollable dialog with sticky header","type":"registry:block"},{"description":"Dialog presenting scrollable legal text with accept and decline footer actions.","name":"dialog-dialog-standard-4","title":"Dialog Standard 4 - Terms and conditions","type":"registry:block"},{"description":"Destructive confirmation dialog requiring typed phrase before delete proceeds.","name":"dialog-dialog-standard-5","title":"Dialog Standard 5 - Delete confirmation","type":"registry:block"},{"description":"Dialog with email field and subscribe action for capturing newsletter signups.","name":"dialog-dialog-standard-6","title":"Dialog Standard 6 - Newsletter signup","type":"registry:block"},{"description":"Dialog with textarea and rating-style feedback submission for product input.","name":"dialog-dialog-standard-7","title":"Dialog Standard 7 - Feedback","type":"registry:block"},{"description":"Dialog letting users pick a star or numeric rating before submitting.","name":"dialog-dialog-standard-8","title":"Dialog Standard 8 - Rating","type":"registry:block"},{"description":"Dialog with segmented one-time password inputs and verify action.","name":"dialog-dialog-standard-9","title":"Dialog Standard 9 - OTP code","type":"registry:block"},{"description":"Vaul bottom Drawer with trigger button and short content panel.","name":"drawer-drawer-bottom-1","title":"Drawer Bottom 1 - Simple bottom drawer","type":"registry:block"},{"description":"Bottom drawer containing labeled inputs and submit for a compact form.","name":"drawer-drawer-bottom-2","title":"Drawer Bottom 2 - Bottom drawer with form","type":"registry:block"},{"description":"Bottom drawer with scrollable body for longer lists or copy.","name":"drawer-drawer-bottom-3","title":"Drawer Bottom 3 - Scrollable bottom drawer","type":"registry:block"},{"description":"Vaul drawer with multiple snap heights the user can drag between.","name":"drawer-drawer-bottom-4","title":"Drawer Bottom 4 - Bottom drawer with snap points","type":"registry:block"},{"description":"Stacked bottom drawers opening a second sheet from the first.","name":"drawer-drawer-bottom-5","title":"Drawer Bottom 5 - Nested bottom drawers","type":"registry:block"},{"description":"Bottom drawer that does not scale the page behind when open.","name":"drawer-drawer-bottom-6","title":"Drawer Bottom 6 - Bottom drawer without scale background","type":"registry:block"},{"description":"Bottom sheet showing event title, time, location, and RSVP actions.","name":"drawer-drawer-bottom-7","title":"Drawer Bottom 7 - Bottom drawer event details","type":"registry:block"},{"description":"Left-side drawer sliding in for supplementary content or actions.","name":"drawer-drawer-left-1","title":"Drawer Left 1 - Simple left drawer","type":"registry:block"},{"description":"Left drawer with vertical nav links replacing a collapsed sidebar.","name":"drawer-drawer-left-2","title":"Drawer Left 2 - Left drawer navigation menu","type":"registry:block"},{"description":"Left navigation drawer with expandable sections for nested routes.","name":"drawer-drawer-left-3","title":"Drawer Left 3 - Left drawer with nested items","type":"registry:block"},{"description":"Left drawer combining search input with filtered navigation results.","name":"drawer-drawer-left-4","title":"Drawer Left 4 - Left drawer with search","type":"registry:block"},{"description":"Left drawer listing folders and files in an explorer-style tree.","name":"drawer-drawer-left-5","title":"Drawer Left 5 - Left drawer file explorer","type":"registry:block"},{"description":"Right-side drawer for detail panels opened from the main layout.","name":"drawer-drawer-right-1","title":"Drawer Right 1 - Simple right drawer","type":"registry:block"},{"description":"Right drawer with filter controls for lists, tables, or search results.","name":"drawer-drawer-right-2","title":"Drawer Right 2 - Right drawer filter panel","type":"registry:block"},{"description":"Right drawer hosting grouped settings fields and save actions.","name":"drawer-drawer-right-3","title":"Drawer Right 3 - Right drawer settings panel","type":"registry:block"},{"description":"Right drawer listing cart line items, quantities, and checkout CTA.","name":"drawer-drawer-right-4","title":"Drawer Right 4 - Right drawer shopping cart","type":"registry:block"},{"description":"Right drawer feed of notification items with read and dismiss actions.","name":"drawer-drawer-right-5","title":"Drawer Right 5 - Right drawer notifications","type":"registry:block"},{"description":"Top-edge drawer sliding down for banners or brief messages.","name":"drawer-drawer-top-1","title":"Drawer Top 1 - Simple top drawer","type":"registry:block"},{"description":"Top drawer expanding into a full-width search field and results area.","name":"drawer-drawer-top-2","title":"Drawer Top 2 - Top drawer search bar","type":"registry:block"},{"description":"Top sheet styled as a dismissible system or promo notification.","name":"drawer-drawer-top-3","title":"Drawer Top 3 - Top drawer notification banner","type":"registry:block"},{"description":"Top drawer grid of shortcut actions for frequent tasks.","name":"drawer-drawer-top-4","title":"Drawer Top 4 - Top drawer quick actions","type":"registry:block"},{"description":"Top drawer with command palette style search and actionable items.","name":"drawer-drawer-top-5","title":"Drawer Top 5 - Top drawer command bar","type":"registry:block"},{"description":"File row menu with open, rename, duplicate, and delete actions.","name":"dropdown-menu-dropdown-menu-actions-1","title":"Dropdown Menu Actions 1 - File actions dropdown","type":"registry:block"},{"description":"Per-row overflow menu for view, edit, and archive on table records.","name":"dropdown-menu-dropdown-menu-actions-2","title":"Dropdown Menu Actions 2 - Table row actions","type":"registry:block"},{"description":"Card header menu with nested share submenu for social targets.","name":"dropdown-menu-dropdown-menu-actions-3","title":"Dropdown Menu Actions 3 - Card actions with nested share","type":"registry:block"},{"description":"Toolbar menu applying actions to all currently selected rows.","name":"dropdown-menu-dropdown-menu-actions-4","title":"Dropdown Menu Actions 4 - Batch actions dropdown","type":"registry:block"},{"description":"Compact overflow of frequent create and upload shortcuts.","name":"dropdown-menu-dropdown-menu-actions-5","title":"Dropdown Menu Actions 5 - Quick actions menu","type":"registry:block"},{"description":"Editor toolbar menu for bold, italic, underline, and link formatting.","name":"dropdown-menu-dropdown-menu-editor-1","title":"Dropdown Menu Editor 1 - Text formatting dropdown","type":"registry:block"},{"description":"Menu to change block type between paragraph, heading, and list.","name":"dropdown-menu-dropdown-menu-editor-2","title":"Dropdown Menu Editor 2 - Block type selector","type":"registry:block"},{"description":"Menu to insert image, table, code block, or divider into content.","name":"dropdown-menu-dropdown-menu-editor-3","title":"Dropdown Menu Editor 3 - Insert options dropdown","type":"registry:block"},{"description":"Dropdown choosing heading level H1 through H4 for the current block.","name":"dropdown-menu-dropdown-menu-editor-4","title":"Dropdown Menu Editor 4 - Heading selector","type":"registry:block"},{"description":"Menu setting text alignment left, center, right, or justify.","name":"dropdown-menu-dropdown-menu-editor-5","title":"Dropdown Menu Editor 5 - Alignment options","type":"registry:block"},{"description":"Avatar trigger opening account links, settings, and sign out.","name":"dropdown-menu-dropdown-menu-profile-1","title":"Dropdown Menu Profile 1 - Profile dropdown with avatar","type":"registry:block"},{"description":"Profile menu including online, away, and busy presence status radios.","name":"dropdown-menu-dropdown-menu-profile-2","title":"Dropdown Menu Profile 2 - Profile dropdown with status","type":"registry:block"},{"description":"Menu linking to security, notifications, and billing settings pages.","name":"dropdown-menu-dropdown-menu-profile-3","title":"Dropdown Menu Profile 3 - Account settings dropdown","type":"registry:block"},{"description":"Profile menu listing workspaces or accounts with switch action.","name":"dropdown-menu-dropdown-menu-profile-4","title":"Dropdown Menu Profile 4 - Multi-account switcher","type":"registry:block"},{"description":"Profile menu mixing links with inline theme or density toggles.","name":"dropdown-menu-dropdown-menu-profile-5","title":"Dropdown Menu Profile 5 - Profile with preferences","type":"registry:block"},{"description":"Settings menu radio group for light, dark, and system theme.","name":"dropdown-menu-dropdown-menu-settings-1","title":"Dropdown Menu Settings 1 - Theme selector","type":"registry:block"},{"description":"Menu listing locales with radio selection for interface language.","name":"dropdown-menu-dropdown-menu-settings-2","title":"Dropdown Menu Settings 2 - Language selector","type":"registry:block"},{"description":"Menu with checkbox toggles for notifications, sounds, and compact mode.","name":"dropdown-menu-dropdown-menu-settings-3","title":"Dropdown Menu Settings 3 - Preferences dropdown","type":"registry:block"},{"description":"Menu toggling email, push, and in-app notification channels.","name":"dropdown-menu-dropdown-menu-settings-4","title":"Dropdown Menu Settings 4 - Notification settings","type":"registry:block"},{"description":"Menu controlling list density, column visibility, or layout mode.","name":"dropdown-menu-dropdown-menu-settings-5","title":"Dropdown Menu Settings 5 - View options","type":"registry:block"},{"description":"Radix DropdownMenu with icon-leading items and separator groups.","name":"dropdown-menu-dropdown-menu-standard-1","title":"Dropdown Menu Standard 1 - Simple dropdown with icons","type":"registry:block"},{"description":"DropdownMenu with labeled sections grouping related menu items.","name":"dropdown-menu-dropdown-menu-standard-2","title":"Dropdown Menu Standard 2 - Dropdown with groups and labels","type":"registry:block"},{"description":"Menu items showing keyboard shortcut hints on the trailing side.","name":"dropdown-menu-dropdown-menu-standard-3","title":"Dropdown Menu Standard 3 - Dropdown with shortcuts","type":"registry:block"},{"description":"DropdownMenuCheckboxItem entries toggling column or filter visibility.","name":"dropdown-menu-dropdown-menu-standard-4","title":"Dropdown Menu Standard 4 - Dropdown with checkboxes","type":"registry:block"},{"description":"DropdownMenuRadioGroup enforcing a single selected option among items.","name":"dropdown-menu-dropdown-menu-standard-5","title":"Dropdown Menu Standard 5 - Dropdown with radio items","type":"registry:block"},{"description":"DropdownMenuSub opening a secondary menu for related child actions.","name":"dropdown-menu-dropdown-menu-standard-6","title":"Dropdown Menu Standard 6 - Nested dropdown","type":"registry:block"},{"description":"Dropdown combining icons, shortcuts, checkboxes, and nested submenus.","name":"dropdown-menu-dropdown-menu-standard-7","title":"Dropdown Menu Standard 7 - Mixed features dropdown","type":"registry:block"},{"description":"Help menu with documentation, contact support, and status links.","name":"dropdown-menu-dropdown-menu-support-1","title":"Dropdown Menu Support 1 - Support dropdown","type":"registry:block"},{"description":"Menu with keyboard shortcuts, tours, and FAQ entries.","name":"dropdown-menu-dropdown-menu-support-2","title":"Dropdown Menu Support 2 - Help menu","type":"registry:block"},{"description":"Menu linking to blog, changelog, API docs, and downloads.","name":"dropdown-menu-dropdown-menu-support-3","title":"Dropdown Menu Support 3 - Resources menu","type":"registry:block"},{"description":"Dropzone restricted to image file types.","name":"dropzone-dropzone-images-1","title":"Dropzone Images 1 - Images only","type":"registry:block"},{"description":"Dropzone accepting more than one file at a time.","name":"dropzone-dropzone-multiple-1","title":"Dropzone Multiple 1 - Multiple file upload","type":"registry:block"},{"description":"Dropzone showing content state after a file is selected.","name":"dropzone-dropzone-preview-1","title":"Dropzone Preview 1 - Uploaded file content","type":"registry:block"},{"description":"Dropzone with a maxSize constraint and caption.","name":"dropzone-dropzone-size-limit-1","title":"Dropzone Size Limit 1 - Maximum file size","type":"registry:block"},{"description":"Basic dropzone for uploading one file.","name":"dropzone-dropzone-standard-1","title":"Dropzone Standard 1 - Single file upload","type":"registry:block"},{"description":"Format selected text with a floating bubble menu.","name":"editor-editor-bubble-1","title":"Editor Bubble 1 - Selection bubble menu","type":"registry:block"},{"description":"Syntax-highlighted code blocks with inline code marks.","name":"editor-editor-code-1","title":"Editor Code 1 - Code blocks & inline code","type":"registry:block"},{"description":"Rich text field with a character limit and live counter.","name":"editor-editor-limit-1","title":"Editor Limit 1 - Character limit","type":"registry:block"},{"description":"Checklist, unordered, and numbered lists in one editor.","name":"editor-editor-lists-1","title":"Editor Lists 1 - Task, bullet & ordered lists","type":"registry:block"},{"description":"Insert blocks with slash commands or the empty-line floating menu.","name":"editor-editor-slash-1","title":"Editor Slash 1 - Slash commands & floating menu","type":"registry:block"},{"description":"Full TipTap editor with slash commands, bubble menu, floating menu, and tables.","name":"editor-editor-standard-1","title":"Editor Standard 1 - Rich text editor","type":"registry:block"},{"description":"Rich-text table with row, column, and cell management menus.","name":"editor-editor-table-1","title":"Editor Table 1 - Editable data table","type":"registry:block"},{"description":"Always-visible toolbar for block types and inline formatting.","name":"editor-editor-toolbar-1","title":"Editor Toolbar 1 - Fixed formatting toolbar","type":"registry:block"},{"description":"shadcnblocks EmojiPicker in a popover opened from an icon button.","name":"emoji-picker-emoji-picker-basic","title":"Emoji Picker Basic - Emoji picker basic","type":"registry:block"},{"description":"EmojiPicker opened from a custom-styled trigger instead of the default button.","name":"emoji-picker-emoji-picker-custom-trigger","title":"Emoji Picker Custom Trigger - Emoji picker with custom trigger","type":"registry:block"},{"description":"Multiple triggers showing emoji picker on outline, ghost, and secondary buttons.","name":"emoji-picker-emoji-picker-different-variants","title":"Emoji Picker Different Variants - Emoji picker with different button variants","type":"registry:block"},{"description":"Message textarea with adjacent emoji picker appending symbols on select.","name":"emoji-picker-emoji-picker-in-form","title":"Emoji Picker In Form - Emoji picker in form","type":"registry:block"},{"description":"Text or link-style trigger opening the emoji popover.","name":"emoji-picker-emoji-picker-text-trigger","title":"Emoji Picker Text Trigger - Emoji picker with text trigger","type":"registry:block"},{"description":"Picker plus preview area showing the currently selected emoji.","name":"emoji-picker-emoji-picker-with-display","title":"Emoji Picker With Display - Emoji picker with display","type":"registry:block"},{"description":"EmptyContent with one primary Button call to action.","name":"empty-empty-actions-1","title":"Empty Actions 1 - Empty with single action","type":"registry:block"},{"description":"Empty state offering primary and secondary buttons side by side.","name":"empty-empty-actions-2","title":"Empty Actions 2 - Empty with multiple actions","type":"registry:block"},{"description":"Empty state using a link-styled action instead of a solid button.","name":"empty-empty-actions-3","title":"Empty Actions 3 - Empty with link action","type":"registry:block"},{"description":"Empty state combining Input with submit to capture first value inline.","name":"empty-empty-actions-4","title":"Empty Actions 4 - Empty with input action","type":"registry:block"},{"description":"Vertical stack of multiple buttons in EmptyContent.","name":"empty-empty-actions-5","title":"Empty Actions 5 - Empty with stacked actions","type":"registry:block"},{"description":"Table icon empty state prompting users to add their first record.","name":"empty-empty-data-1","title":"Empty Data 1 - Empty table","type":"registry:block"},{"description":"Chart empty state explaining insufficient data for a graph.","name":"empty-empty-data-2","title":"Empty Data 2 - Empty chart","type":"registry:block"},{"description":"Inbox-style empty for zero notifications with calm messaging.","name":"empty-empty-data-3","title":"Empty Data 3 - No notifications","type":"registry:block"},{"description":"Conversation empty state for an inbox with no threads yet.","name":"empty-empty-data-4","title":"Empty Data 4 - No messages","type":"registry:block"},{"description":"File browser empty prompting upload or create folder.","name":"empty-empty-data-5","title":"Empty Data 5 - No files","type":"registry:block"},{"description":"Empty state after search returns zero matches for the query.","name":"empty-empty-search-1","title":"Empty Search 1 - No search results","type":"registry:block"},{"description":"Empty when active filters exclude all items though data exists.","name":"empty-empty-search-2","title":"Empty Search 2 - No filter results","type":"registry:block"},{"description":"Generic zero-match empty for typeahead or live search lists.","name":"empty-empty-search-3","title":"Empty Search 3 - No matches found","type":"registry:block"},{"description":"Search empty suggesting alternate keywords or broader terms.","name":"empty-empty-search-4","title":"Empty Search 4 - Try different keywords","type":"registry:block"},{"description":"Search and filter empty with explicit clear all filters action.","name":"empty-empty-search-5","title":"Empty Search 5 - Clear filters suggestion","type":"registry:block"},{"description":"shadcn Empty with title only and no secondary actions.","name":"empty-empty-standard-1","title":"Empty Standard 1 - Simple empty state","type":"registry:block"},{"description":"Empty state with title plus supporting description text.","name":"empty-empty-standard-2","title":"Empty Standard 2 - Empty with description","type":"registry:block"},{"description":"Empty component carrying a longer explanatory paragraph.","name":"empty-empty-standard-3","title":"Empty Standard 3 - Empty with long description","type":"registry:block"},{"description":"EmptyMedia icon variant sized prominently above the title.","name":"empty-empty-standard-4","title":"Empty Standard 4 - Empty with large icon","type":"registry:block"},{"description":"EmptyDescription split into two paragraphs for structured guidance.","name":"empty-empty-standard-5","title":"Empty Standard 5 - Empty with multiple paragraphs","type":"registry:block"},{"description":"Text-only empty state omitting EmptyMedia entirely.","name":"empty-empty-standard-6","title":"Empty Standard 6 - Empty without icon","type":"registry:block"},{"description":"EmptyDescription containing an inline link to docs or setup.","name":"empty-empty-standard-7","title":"Empty Standard 7 - Empty with link in description","type":"registry:block"},{"description":"Field with Slider control and FieldLabel for numeric range input.","name":"field-field-advanced-1","title":"Field Advanced 1 - Simple slider","type":"registry:block"},{"description":"Slider configured for dual-thumb min and max range selection.","name":"field-field-advanced-2","title":"Field Advanced 2 - Range slider","type":"registry:block"},{"description":"RadioGroup options rendered as selectable card-style Field blocks.","name":"field-field-advanced-3","title":"Field Advanced 3 - Choice cards","type":"registry:block"},{"description":"FieldSet grouping related fields under a shared FieldLegend label.","name":"field-field-advanced-4","title":"Field Advanced 4 - Fieldset with legend","type":"registry:block"},{"description":"FieldGroup sections divided by Separator between field clusters.","name":"field-field-advanced-5","title":"Field Advanced 5 - Field group with separator","type":"registry:block"},{"description":"FieldGroup combining inputs, selects, toggles, and textareas together.","name":"field-field-advanced-6","title":"Field Advanced 6 - Complex multi-field form","type":"registry:block"},{"description":"Multi-section form with separators between mixed control types.","name":"field-field-advanced-7","title":"Field Advanced 7 - Mixed field types with separators","type":"registry:block"},{"description":"shadcn Field with FieldLabel paired to a single Input control.","name":"field-field-basic-inputs-1","title":"Field Basic Inputs 1 - Simple input with label","type":"registry:block"},{"description":"Field with FieldDescription placed under the Input for helper text.","name":"field-field-basic-inputs-2","title":"Field Basic Inputs 2 - Input with description below","type":"registry:block"},{"description":"FieldDescription rendered above the Input before the control.","name":"field-field-basic-inputs-3","title":"Field Basic Inputs 3 - Input with description above","type":"registry:block"},{"description":"FieldGroup wrapping several labeled Input fields in one stack.","name":"field-field-basic-inputs-4","title":"Field Basic Inputs 4 - Multiple inputs in group","type":"registry:block"},{"description":"Field with orientation horizontal so label and Input sit on one row.","name":"field-field-basic-inputs-5","title":"Field Basic Inputs 5 - Horizontal layout input","type":"registry:block"},{"description":"Default vertical Field stacking label, control, and description.","name":"field-field-layouts-1","title":"Field Layouts 1 - Vertical layout (default)","type":"registry:block"},{"description":"Field orientation horizontal pairing label beside the control.","name":"field-field-layouts-2","title":"Field Layouts 2 - Horizontal layout","type":"registry:block"},{"description":"Fields that switch between vertical and horizontal at breakpoints.","name":"field-field-layouts-3","title":"Field Layouts 3 - Responsive layout","type":"registry:block"},{"description":"FieldGroup arranged in a multi-column grid for related inputs.","name":"field-field-layouts-4","title":"Field Layouts 4 - Grid layout","type":"registry:block"},{"description":"Field components nested inside FieldContent for structured sub-fields.","name":"field-field-layouts-5","title":"Field Layouts 5 - Nested fields","type":"registry:block"},{"description":"Single form mixing vertical and horizontal Field orientation values.","name":"field-field-layouts-6","title":"Field Layouts 6 - Mixed orientations","type":"registry:block"},{"description":"Fields for a destination, an expected date, an assignee, and a reference number.","name":"field-field-order-editor-1","title":"Field Order Editor 1 - Destination and reference fields","type":"registry:block"},{"description":"Image gallery field with removable thumbnails and an add tile capped at five images.","name":"field-field-product-admin-1","title":"Field Product Admin 1 - Gallery thumbnails with an add tile","type":"registry:block"},{"description":"Repeatable field rows for an option, value, price, and quantity, with add and remove actions.","name":"field-field-product-admin-2","title":"Field Product Admin 2 - Repeatable option rows","type":"registry:block"},{"description":"Price and discounted price inputs with a currency addon and a charge-tax switch.","name":"field-field-product-admin-3","title":"Field Product Admin 3 - Price fields with a tax switch","type":"registry:block"},{"description":"Field wrapping shadcn Select with FieldLabel for a single choice.","name":"field-field-selects-1","title":"Field Selects 1 - Simple select","type":"registry:block"},{"description":"Select field including FieldDescription explaining the choice impact.","name":"field-field-selects-2","title":"Field Selects 2 - Select with description","type":"registry:block"},{"description":"SelectContent using SelectGroup and SelectLabel for categorized options.","name":"field-field-selects-3","title":"Field Selects 3 - Select with groups","type":"registry:block"},{"description":"FieldGroup with several independent Select fields in one form section.","name":"field-field-selects-4","title":"Field Selects 4 - Multiple selects","type":"registry:block"},{"description":"FieldDescription above Select explaining options before opening the menu.","name":"field-field-selects-5","title":"Field Selects 5 - Select with helper text above","type":"registry:block"},{"description":"Horizontal Field with label beside Select on one row.","name":"field-field-selects-6","title":"Field Selects 6 - Select in horizontal layout","type":"registry:block"},{"description":"Select with defaultValue or value preset on Field mount.","name":"field-field-selects-7","title":"Field Selects 7 - Select with default value","type":"registry:block"},{"description":"Fields for a service lane, speed, coverage, package type, and weight with a unit.","name":"field-field-shipping-label-1","title":"Field Shipping Label 1 - Service and package fields","type":"registry:block"},{"description":"Field with FieldLabel and shadcn Textarea for multi-line text.","name":"field-field-text-areas-1","title":"Field Text Areas 1 - Simple textarea","type":"registry:block"},{"description":"Textarea field with FieldDescription for length or content guidance.","name":"field-field-text-areas-2","title":"Field Text Areas 2 - Textarea with description","type":"registry:block"},{"description":"Textarea paired with live character count feedback near the field.","name":"field-field-text-areas-3","title":"Field Text Areas 3 - Textarea with character count","type":"registry:block"},{"description":"FieldDescription above Textarea with instructions before typing.","name":"field-field-text-areas-4","title":"Field Text Areas 4 - Textarea with helper text above","type":"registry:block"},{"description":"FieldGroup with several Textarea fields using varied row heights.","name":"field-field-text-areas-5","title":"Field Text Areas 5 - Multiple textareas - different sizes","type":"registry:block"},{"description":"Textarea with extended FieldDescription covering format and examples.","name":"field-field-text-areas-6","title":"Field Text Areas 6 - Textarea with detailed instructions","type":"registry:block"},{"description":"Field wrapping Checkbox with FieldLabel for a single boolean choice.","name":"field-field-toggles-1","title":"Field Toggles 1 - Simple checkbox","type":"registry:block"},{"description":"FieldGroup with several Checkbox fields for multi-select preferences.","name":"field-field-toggles-2","title":"Field Toggles 2 - Multiple checkboxes","type":"registry:block"},{"description":"FieldSet with RadioGroup and RadioGroupItem for exclusive choices.","name":"field-field-toggles-3","title":"Field Toggles 3 - Radio buttons","type":"registry:block"},{"description":"Radio options each showing FieldTitle and FieldDescription in FieldContent.","name":"field-field-toggles-4","title":"Field Toggles 4 - Radio with descriptions","type":"registry:block"},{"description":"Field with Switch and FieldLabel for an on-off setting.","name":"field-field-toggles-5","title":"Field Toggles 5 - Simple switch","type":"registry:block"},{"description":"Switch field adding FieldDescription for what the toggle controls.","name":"field-field-toggles-6","title":"Field Toggles 6 - Switch with description","type":"registry:block"},{"description":"Checkbox field with FieldDescription explaining the opt-in or option.","name":"field-field-toggles-7","title":"Field Toggles 7 - Checkbox with description","type":"registry:block"},{"description":"Drag and drop file upload zone with visual feedback and file list.","name":"file-upload-file-upload-dropzone-1","title":"File Upload Dropzone 1 - Basic Dropzone","type":"registry:block"},{"description":"Dropzone with inline trigger button integrated within dropzone area.","name":"file-upload-file-upload-dropzone-2","title":"File Upload Dropzone 2 - Dropzone with Inline Trigger","type":"registry:block"},{"description":"Compact dropzone layout with horizontal arrangement for space efficiency.","name":"file-upload-file-upload-dropzone-3","title":"File Upload Dropzone 3 - Compact Dropzone","type":"registry:block"},{"description":"Image-specific dropzone with primary color styling and file type restrictions.","name":"file-upload-file-upload-dropzone-4","title":"File Upload Dropzone 4 - Image Dropzone","type":"registry:block"},{"description":"Document-focused dropzone with styling optimized for document file uploads.","name":"file-upload-file-upload-dropzone-5","title":"File Upload Dropzone 5 - Document Dropzone","type":"registry:block"},{"description":"Large dropzone with expanded height and prominent visual design.","name":"file-upload-file-upload-dropzone-6","title":"File Upload Dropzone 6 - Large Dropzone","type":"registry:block"},{"description":"File upload integrated with React Hook Form and Zod validation for form handling.","name":"file-upload-file-upload-form-1","title":"File Upload Form 1 - React Hook Form Integration","type":"registry:block"},{"description":"Contact form with file upload attachment field integrated into a complete form layout.","name":"file-upload-file-upload-form-2","title":"File Upload Form 2 - Contact Form with Attachments","type":"registry:block"},{"description":"File upload field marked as required with validation error display in form context.","name":"file-upload-file-upload-form-3","title":"File Upload Form 3 - Required File Upload","type":"registry:block"},{"description":"Form with multiple file upload fields allowing different file types for different purposes.","name":"file-upload-file-upload-form-4","title":"File Upload Form 4 - Multiple File Upload Fields","type":"registry:block"},{"description":"Image dropzone limited to five files, with a horizontal thumbnail strip and remove actions.","name":"file-upload-file-upload-gallery-1","title":"File Upload Gallery 1 - Gallery upload with thumbnails","type":"registry:block"},{"description":"File upload with vertical file list layout displaying files in a vertical stack.","name":"file-upload-file-upload-list-1","title":"File Upload List 1 - Vertical File List","type":"registry:block"},{"description":"File upload with horizontal file list layout displaying files in a horizontal row.","name":"file-upload-file-upload-list-2","title":"File Upload List 2 - Horizontal File List","type":"registry:block"},{"description":"File upload with compact file list layout using smaller spacing and reduced padding.","name":"file-upload-file-upload-list-3","title":"File Upload List 3 - Compact File List","type":"registry:block"},{"description":"File upload with file list displaying additional action buttons for preview and download.","name":"file-upload-file-upload-list-4","title":"File Upload List 4 - File List with Actions","type":"registry:block"},{"description":"File upload with file list and clear all button to remove all files at once.","name":"file-upload-file-upload-list-5","title":"File Upload List 5 - File List with Clear All","type":"registry:block"},{"description":"File upload with image thumbnail previews showing visual previews of uploaded images.","name":"file-upload-file-upload-preview-1","title":"File Upload Preview 1 - Image Thumbnails","type":"registry:block"},{"description":"File upload with grid layout preview showing multiple image thumbnails in a grid arrangement.","name":"file-upload-file-upload-preview-2","title":"File Upload Preview 2 - Grid Preview Layout","type":"registry:block"},{"description":"File upload with large preview modal showing detailed file preview with metadata.","name":"file-upload-file-upload-preview-3","title":"File Upload Preview 3 - Large Preview Modal","type":"registry:block"},{"description":"File upload showing file type icons for different file types instead of image previews.","name":"file-upload-file-upload-preview-4","title":"File Upload Preview 4 - File Type Icons","type":"registry:block"},{"description":"File upload with horizontal scrolling preview layout for browsing multiple image thumbnails.","name":"file-upload-file-upload-preview-5","title":"File Upload Preview 5 - Horizontal Scroll Preview","type":"registry:block"},{"description":"File upload with linear progress bar showing upload progress for each file.","name":"file-upload-file-upload-progress-1","title":"File Upload Progress 1 - Linear Progress","type":"registry:block"},{"description":"File upload with circular progress indicator overlay on file preview thumbnails.","name":"file-upload-file-upload-progress-2","title":"File Upload Progress 2 - Circular Progress","type":"registry:block"},{"description":"File upload with fill progress variant showing bottom-to-top progress animation.","name":"file-upload-file-upload-progress-3","title":"File Upload Progress 3 - Fill Progress","type":"registry:block"},{"description":"File upload with progress percentage label and custom progress bar display.","name":"file-upload-file-upload-progress-4","title":"File Upload Progress 4 - Progress with Percentage","type":"registry:block"},{"description":"File upload with status indicators showing spinner during upload and success or error states.","name":"file-upload-file-upload-progress-5","title":"File Upload Progress 5 - Upload Status Indicator","type":"registry:block"},{"description":"Avatar upload component with click-to-upload functionality and hover overlay effect.","name":"file-upload-file-upload-special-1","title":"File Upload Special 1 - Avatar Upload","type":"registry:block"},{"description":"Chat input component with file attachment functionality integrated into message input.","name":"file-upload-file-upload-special-2","title":"File Upload Special 2 - Chat Input with Attachments","type":"registry:block"},{"description":"Cover image upload with aspect ratio preview and remove functionality.","name":"file-upload-file-upload-special-3","title":"File Upload Special 3 - Cover Image Upload","type":"registry:block"},{"description":"Document upload card component with card layout and document-specific styling.","name":"file-upload-file-upload-special-4","title":"File Upload Special 4 - Document Upload Card","type":"registry:block"},{"description":"Avatar upload with dropdown menu for upload and remove actions.","name":"file-upload-file-upload-special-5","title":"File Upload Special 5 - Avatar with Menu","type":"registry:block"},{"description":"Gallery image upload with grid layout and add button for multiple image selection.","name":"file-upload-file-upload-special-6","title":"File Upload Special 6 - Gallery Image Add","type":"registry:block"},{"description":"Direct upload with automatic upload progress and status indicators showing success or error states.","name":"file-upload-file-upload-special-7","title":"File Upload Special 7 - Direct Upload with Status","type":"registry:block"},{"description":"Profile component with both cover image and avatar upload functionality in a single layout.","name":"file-upload-file-upload-special-8","title":"File Upload Special 8 - Profile with Cover and Avatar","type":"registry:block"},{"description":"File upload with button trigger for single file selection.","name":"file-upload-file-upload-standard-1","title":"File Upload Standard 1 - Simple Button Trigger","type":"registry:block"},{"description":"File upload component with label and file list display.","name":"file-upload-file-upload-standard-2","title":"File Upload Standard 2 - File Upload with Label","type":"registry:block"},{"description":"File upload restricted to single file selection only.","name":"file-upload-file-upload-standard-3","title":"File Upload Standard 3 - Single File Upload","type":"registry:block"},{"description":"Multiple file upload with clear all button to remove all files.","name":"file-upload-file-upload-standard-4","title":"File Upload Standard 4 - Multiple Files with Clear All","type":"registry:block"},{"description":"File upload component in disabled state showing non-interactive button.","name":"file-upload-file-upload-standard-5","title":"File Upload Standard 5 - Disabled State","type":"registry:block"},{"description":"File upload restricted to image files only with validation error notifications.","name":"file-upload-file-upload-validation-1","title":"File Upload Validation 1 - Images Only","type":"registry:block"},{"description":"File upload restricted to PDF documents only with file type validation.","name":"file-upload-file-upload-validation-2","title":"File Upload Validation 2 - PDF Documents Only","type":"registry:block"},{"description":"File upload with strict file size limit of 1MB and size validation error messages.","name":"file-upload-file-upload-validation-3","title":"File Upload Validation 3 - File Size Limit","type":"registry:block"},{"description":"File upload with maximum file count limit of 2 files and rejection notifications.","name":"file-upload-file-upload-validation-4","title":"File Upload Validation 4 - Max 2 Files","type":"registry:block"},{"description":"File upload with custom validation rules including filename restrictions and size limits.","name":"file-upload-file-upload-validation-5","title":"File Upload Validation 5 - Custom Validation","type":"registry:block"},{"description":"File upload restricted to video files only with support for multiple video formats.","name":"file-upload-file-upload-validation-6","title":"File Upload Validation 6 - Video Files Only","type":"registry:block"},{"description":"shadcn filter panel component with a status section and a category select.","name":"filter-panel-filter-panel-sections-1","title":"Filter Panel Sections 1 - Stacked filter sections","type":"registry:block"},{"description":"shadcn filter panel component with status options and counts.","name":"filter-panel-filter-panel-status-1","title":"Filter Panel Status 1 - Status count filters","type":"registry:block"},{"description":"Form star rating driven by value and onValueChange state.","name":"form-star-rating-form-star-rating-controlled-1","title":"Form Star Rating Controlled 1 - Controlled value","type":"registry:block"},{"description":"Form star rating locked with a preselected value.","name":"form-star-rating-form-star-rating-disabled-1","title":"Form Star Rating Disabled 1 - Disabled state","type":"registry:block"},{"description":"Form star rating with react-hook-form Controller and validation.","name":"form-star-rating-form-star-rating-form-1","title":"Form Star Rating Form 1 - Form integration","type":"registry:block"},{"description":"Discrete icon buttons for a five-point sentiment scale.","name":"form-star-rating-form-star-rating-icons-1","title":"Form Star Rating Icons 1 - Sentiment icons","type":"registry:block"},{"description":"Form star rating paired with a Label and empty helper text.","name":"form-star-rating-form-star-rating-labeled-1","title":"Form Star Rating Labeled 1 - With field label","type":"registry:block"},{"description":"Form star rating in sm, default, and lg icon sizes.","name":"form-star-rating-form-star-rating-sizes-1","title":"Form Star Rating Sizes 1 - Size variants","type":"registry:block"},{"description":"Cumulative five-star form rating with selected label.","name":"form-star-rating-form-star-rating-standard-1","title":"Form Star Rating Standard 1 - Default stars","type":"registry:block"},{"description":"react-hook-form Controller wrapping shadcn Select with zod enum.","name":"form-form-advanced-1","title":"Form Advanced 1 - Form with select","type":"registry:block"},{"description":"Controller-managed Textarea with zod string min and max rules.","name":"form-form-advanced-2","title":"Form Advanced 2 - Form with textarea","type":"registry:block"},{"description":"Boolean Checkbox Controller with zod boolean or literal true required.","name":"form-form-advanced-3","title":"Form Advanced 3 - Form with checkbox","type":"registry:block"},{"description":"RadioGroup Controller for exclusive choice validated by zod enum.","name":"form-form-advanced-4","title":"Form Advanced 4 - Form with radio buttons","type":"registry:block"},{"description":"Switch Controller toggling boolean zod field on settings save.","name":"form-form-advanced-5","title":"Form Advanced 5 - Form with switch","type":"registry:block"},{"description":"Several Select Controllers each with own zod key in one form.","name":"form-form-advanced-6","title":"Form Advanced 6 - Form with multiple selects","type":"registry:block"},{"description":"Single schema form mixing Input, Select, Switch, Checkbox, and Textarea.","name":"form-form-advanced-7","title":"Form Advanced 7 - Form with mixed controls","type":"registry:block"},{"description":"react-hook-form with zod schema validating a single text Input field.","name":"form-form-basic-forms-1","title":"Form Basic Forms 1 - Simple text input form","type":"registry:block"},{"description":"Form with email type Input and zod email validation on submit.","name":"form-form-basic-forms-2","title":"Form Basic Forms 2 - Email input form","type":"registry:block"},{"description":"Password Input field with zod rules inside a submit form.","name":"form-form-basic-forms-3","title":"Form Basic Forms 3 - Password input form","type":"registry:block"},{"description":"Form using number type Input with zod numeric validation.","name":"form-form-basic-forms-4","title":"Form Basic Forms 4 - Number input form","type":"registry:block"},{"description":"URL Input with zod url validation in a one-field form.","name":"form-form-basic-forms-5","title":"Form Basic Forms 5 - URL input form","type":"registry:block"},{"description":"Tel Input form with zod pattern or length validation for phone numbers.","name":"form-form-basic-forms-6","title":"Form Basic Forms 6 - Phone input form","type":"registry:block"},{"description":"Search type Input form submitting query string via react-hook-form.","name":"form-form-basic-forms-7","title":"Form Basic Forms 7 - Search input form","type":"registry:block"},{"description":"Default stacked FieldGroup layout for all form fields.","name":"form-form-layouts-1","title":"Form Layouts 1 - Vertical layout (default)","type":"registry:block"},{"description":"Form fields using horizontal Field orientation across the row.","name":"form-form-layouts-2","title":"Form Layouts 2 - Horizontal layout","type":"registry:block"},{"description":"Two-column grid of form fields with react-hook-form Controllers.","name":"form-form-layouts-3","title":"Form Layouts 3 - Grid layout (2 columns)","type":"registry:block"},{"description":"Form grid or orientation that adapts between mobile stack and desktop rows.","name":"form-form-layouts-4","title":"Form Layouts 4 - Responsive layout","type":"registry:block"},{"description":"Compact horizontal form with Input and submit Button on one line.","name":"form-form-layouts-5","title":"Form Layouts 5 - Inline form","type":"registry:block"},{"description":"Tight vertical spacing form for dense settings or side panels.","name":"form-form-layouts-6","title":"Form Layouts 6 - Compact form","type":"registry:block"},{"description":"Form divided into spaced sections with legends or separators.","name":"form-form-layouts-7","title":"Form Layouts 7 - Spacious form with sections","type":"registry:block"},{"description":"react-hook-form with zod object schema for two Input fields.","name":"form-form-multi-field-1","title":"Form Multi Field 1 - Two field form","type":"registry:block"},{"description":"Three controlled fields sharing one zod schema and submit handler.","name":"form-form-multi-field-2","title":"Form Multi Field 2 - Three field form","type":"registry:block"},{"description":"Profile-oriented form with four fields such as name, username, email, and bio.","name":"form-form-multi-field-3","title":"Form Multi Field 3 - Four field profile form","type":"registry:block"},{"description":"Form combining Input, Select, Checkbox, and Textarea Controllers.","name":"form-form-multi-field-4","title":"Form Multi Field 4 - Mixed input types form","type":"registry:block"},{"description":"zod schema marking some fields optional alongside required ones.","name":"form-form-multi-field-5","title":"Form Multi Field 5 - Form with optional fields","type":"registry:block"},{"description":"Multiple FieldSet or FieldGroup sections in one react-hook-form.","name":"form-form-multi-field-6","title":"Form Multi Field 6 - Form with field groups","type":"registry:block"},{"description":"Extended form with numerous Controllers and comprehensive zod schema.","name":"form-form-multi-field-7","title":"Form Multi Field 7 - Long form with many fields","type":"registry:block"},{"description":"Email and password fields with submit for sign-in flow.","name":"form-form-patterns-1","title":"Form Patterns 1 - Login form","type":"registry:block"},{"description":"Registration form with name, email, password, and confirm fields.","name":"form-form-patterns-2","title":"Form Patterns 2 - Signup form","type":"registry:block"},{"description":"Editable profile fields with defaults from react-hook-form defaultValues.","name":"form-form-patterns-3","title":"Form Patterns 3 - Profile edit form","type":"registry:block"},{"description":"Name, email, subject, and message fields for contact submissions.","name":"form-form-patterns-4","title":"Form Patterns 4 - Contact form","type":"registry:block"},{"description":"Settings panel form with toggles, selects, and text preferences.","name":"form-form-patterns-5","title":"Form Patterns 5 - Settings form","type":"registry:block"},{"description":"Checkout slice with contact, address, and payment-related fields.","name":"form-form-patterns-6","title":"Form Patterns 6 - Checkout form","type":"registry:block"},{"description":"Filter form with query Input and Select facets submitting together.","name":"form-form-patterns-7","title":"Form Patterns 7 - Search filter form","type":"registry:block"},{"description":"zod min length required rules with FieldError on empty submit.","name":"form-form-validation-1","title":"Form Validation 1 - Required field validation","type":"registry:block"},{"description":"zod string min and max length with messages on Textarea or Input.","name":"form-form-validation-2","title":"Form Validation 2 - Min/max length validation","type":"registry:block"},{"description":"zod email check on Input with invalid address FieldError message.","name":"form-form-validation-3","title":"Form Validation 3 - Email validation","type":"registry:block"},{"description":"zod regex or refine rules enforcing password complexity requirements.","name":"form-form-validation-4","title":"Form Validation 4 - Password strength validation","type":"registry:block"},{"description":"zod superRefine or refine rules depending on another field value.","name":"form-form-validation-5","title":"Form Validation 5 - Conditional validation","type":"registry:block"},{"description":"zod schema with tailored message strings per rule on each field.","name":"form-form-validation-6","title":"Form Validation 6 - Custom validation messages","type":"registry:block"},{"description":"react-hook-form mode onChange or onBlur for live FieldError updates.","name":"form-form-validation-7","title":"Form Validation 7 - Real-time validation","type":"registry:block"},{"description":"Gantt provider with onAddItem to create features from the timeline.","name":"gantt-gantt-add-1","title":"Gantt Add 1 - Add features on click","type":"registry:block"},{"description":"GanttCreateMarkerTrigger for adding and removing timeline milestones.","name":"gantt-gantt-create-marker-1","title":"Gantt Create Marker 1 - Create markers","type":"registry:block"},{"description":"Gantt provider configured for daily timeline range.","name":"gantt-gantt-daily-1","title":"Gantt Daily 1 - Daily range","type":"registry:block"},{"description":"Gantt features with onMove for drag and resize on the timeline.","name":"gantt-gantt-drag-1","title":"Gantt Drag 1 - Draggable features","type":"registry:block"},{"description":"Gantt chart with sidebar and feature list grouped by category.","name":"gantt-gantt-group-1","title":"Gantt Group 1 - Grouped features","type":"registry:block"},{"description":"Gantt chart including milestone markers on the timeline.","name":"gantt-gantt-markers-1","title":"Gantt Markers 1 - With markers","type":"registry:block"},{"description":"Gantt provider configured for quarterly timeline range.","name":"gantt-gantt-range-1","title":"Gantt Range 1 - Quarterly range","type":"registry:block"},{"description":"GanttFeatureRow packing several reservations into shared resource lanes.","name":"gantt-gantt-row-1","title":"Gantt Row 1 - Multiple items per row","type":"registry:block"},{"description":"Gantt timeline with sidebar, feature bars, and today marker.","name":"gantt-gantt-standard-1","title":"Gantt Standard 1 - Basic gantt chart","type":"registry:block"},{"description":"Gantt features with planned, in-progress, and done status colors.","name":"gantt-gantt-status-1","title":"Gantt Status 1 - Status colors","type":"registry:block"},{"description":"Gantt timeline without a sidebar for a compact schedule view.","name":"gantt-gantt-timeline-1","title":"Gantt Timeline 1 - Timeline only","type":"registry:block"},{"description":"Gantt provider with zoom set to 200 for a closer monthly view.","name":"gantt-gantt-zoom-1","title":"Gantt Zoom 1 - Zoomed timeline","type":"registry:block"},{"description":"GitHub icon in an outlined button-style link.","name":"github-stars-github-stars-basic-1","title":"Github Stars Basic 1 - GitHub Icon","type":"registry:block"},{"description":"Outlined GitHub link with repo name and star count.","name":"github-stars-github-stars-basic-10","title":"Github Stars Basic 10 - GitHub Outline Repo","type":"registry:block"},{"description":"GitHub icon with star count number.","name":"github-stars-github-stars-basic-2","title":"Github Stars Basic 2 - GitHub Icon Count","type":"registry:block"},{"description":"GitHub icon with star icon and count.","name":"github-stars-github-stars-basic-3","title":"Github Stars Basic 3 - GitHub Icon Star Count","type":"registry:block"},{"description":"Inline stat-style GitHub link with icon, star, and count.","name":"github-stars-github-stars-basic-4","title":"Github Stars Basic 4 - GitHub Stat","type":"registry:block"},{"description":"GitHub mark icon with star count.","name":"github-stars-github-stars-basic-5","title":"Github Stars Basic 5 - GitHub Icon Mark","type":"registry:block"},{"description":"Filled inverse GitHub mark icon.","name":"github-stars-github-stars-basic-6","title":"Github Stars Basic 6 - GitHub Icon Fill","type":"registry:block"},{"description":"GitHub icon with star count in an outlined link, matching the GitHub Icon outline style.","name":"github-stars-github-stars-basic-7","title":"Github Stars Basic 7 - GitHub Outline Count","type":"registry:block"},{"description":"Outlined GitHub icon with star count tooltip on hover.","name":"github-stars-github-stars-basic-8","title":"Github Stars Basic 8 - GitHub Icon Tooltip","type":"registry:block"},{"description":"Filled inverse GitHub mark icon with star count tooltip on hover.","name":"github-stars-github-stars-basic-9","title":"Github Stars Basic 9 - GitHub Icon Fill Tooltip","type":"registry:block"},{"description":"Full Glimpse card with image, title, description, and URL.","name":"glimpse-glimpse-composition-1","title":"Glimpse Composition 1 - Full card preview","type":"registry:block"},{"description":"Glimpse preview with title and description text.","name":"glimpse-glimpse-description-1","title":"Glimpse Description 1 - Title and description","type":"registry:block"},{"description":"Glimpse preview including GlimpseImage.","name":"glimpse-glimpse-image-1","title":"Glimpse Image 1 - Preview with image","type":"registry:block"},{"description":"Hover link with title-only Glimpse preview.","name":"glimpse-glimpse-standard-1","title":"Glimpse Standard 1 - Link preview","type":"registry:block"},{"description":"Glimpse preview showing destination URL metadata.","name":"glimpse-glimpse-url-1","title":"Glimpse Url 1 - URL metadata preview","type":"registry:block"},{"description":"Compact HoverCard with short explanatory text on info trigger.","name":"hover-card-hover-card-info-1","title":"Hover Card Info 1 - Simple info tooltip","type":"registry:block"},{"description":"HoverCardContent with bold title line plus supporting description.","name":"hover-card-hover-card-info-2","title":"Hover Card Info 2 - Info with title","type":"registry:block"},{"description":"Info hover card combining icon, Badge label, and explanatory copy.","name":"hover-card-hover-card-info-3","title":"Hover Card Info 3 - Info with icon and badge","type":"registry:block"},{"description":"HoverCard delivering cautionary message on warning icon trigger.","name":"hover-card-hover-card-info-4","title":"Hover Card Info 4 - Warning info","type":"registry:block"},{"description":"Hover card with technical details such as API field or ID format.","name":"hover-card-hover-card-info-5","title":"Hover Card Info 5 - Technical info","type":"registry:block"},{"description":"HoverCard previewing external URL title, domain, and snippet.","name":"hover-card-hover-card-preview-1","title":"Hover Card Preview 1 - Link preview","type":"registry:block"},{"description":"Hover card summarizing document title, type, and modified date.","name":"hover-card-hover-card-preview-2","title":"Hover Card Preview 2 - Document preview","type":"registry:block"},{"description":"HoverCard showing thumbnail preview for linked or attached image.","name":"hover-card-hover-card-preview-3","title":"Hover Card Preview 3 - Image preview","type":"registry:block"},{"description":"Hover card with event title, datetime, and location summary.","name":"hover-card-hover-card-preview-4","title":"Hover Card Preview 4 - Event preview","type":"registry:block"},{"description":"Commerce HoverCard with product name, price, and short detail.","name":"hover-card-hover-card-preview-5","title":"Hover Card Preview 5 - Product preview","type":"registry:block"},{"description":"Radix HoverCard showing avatar, name, and role on username trigger.","name":"hover-card-hover-card-profile-1","title":"Hover Card Profile 1 - Simple profile hover card","type":"registry:block"},{"description":"Profile HoverCardContent including a follow or connect action button.","name":"hover-card-hover-card-profile-2","title":"Hover Card Profile 2 - Profile with follow button","type":"registry:block"},{"description":"Profile card displaying Badge for verified or role status.","name":"hover-card-hover-card-profile-3","title":"Hover Card Profile 3 - Profile with badge","type":"registry:block"},{"description":"Hover card profile including location text under the bio line.","name":"hover-card-hover-card-profile-4","title":"Hover Card Profile 4 - Profile with location","type":"registry:block"},{"description":"Profile HoverCard showing follower, post, or contribution counts.","name":"hover-card-hover-card-profile-5","title":"Hover Card Profile 5 - Profile with stats","type":"registry:block"},{"description":"HoverCard listing a few key metrics on chart or KPI trigger.","name":"hover-card-hover-card-stats-1","title":"Hover Card Stats 1 - Simple stats","type":"registry:block"},{"description":"Stats hover card emphasizing period growth percentages and deltas.","name":"hover-card-hover-card-stats-2","title":"Hover Card Stats 2 - Growth stats","type":"registry:block"},{"description":"User activity stats such as sessions, last seen, and plan in HoverCard.","name":"hover-card-hover-card-stats-3","title":"Hover Card Stats 3 - User stats","type":"registry:block"},{"description":"Hover card with latency, uptime, or throughput performance figures.","name":"hover-card-hover-card-stats-4","title":"Hover Card Stats 4 - Performance stats","type":"registry:block"},{"description":"HoverCard showing revenue, MRR, or transaction summary stats.","name":"hover-card-hover-card-stats-5","title":"Hover Card Stats 5 - Financial stats","type":"registry:block"},{"description":"Image crop locked to a 16:9 aspect ratio for cover images.","name":"image-crop-image-crop-aspect-1","title":"Image Crop Aspect 1 - Wide aspect crop","type":"registry:block"},{"description":"Image crop locked to a 3:4 aspect ratio for portrait framing.","name":"image-crop-image-crop-aspect-2","title":"Image Crop Aspect 2 - Portrait aspect crop","type":"registry:block"},{"description":"Image crop with circularCrop enabled for round avatar framing.","name":"image-crop-image-crop-circular-1","title":"Image Crop Circular 1 - Circular crop","type":"registry:block"},{"description":"Image cropper that accepts a user-selected file from an input.","name":"image-crop-image-crop-file-1","title":"Image Crop File 1 - File input crop","type":"registry:block"},{"description":"Image crop without a locked aspect ratio for arbitrary selections.","name":"image-crop-image-crop-free-1","title":"Image Crop Free 1 - Freeform crop","type":"registry:block"},{"description":"Image crop using the default ghost icon apply and reset buttons.","name":"image-crop-image-crop-icons-1","title":"Image Crop Icons 1 - Icon controls","type":"registry:block"},{"description":"Applies the crop and shows a circular avatar-style preview.","name":"image-crop-image-crop-preview-1","title":"Image Crop Preview 1 - Live cropped preview","type":"registry:block"},{"description":"Image cropper with square aspect ratio, apply, and reset controls.","name":"image-crop-image-crop-standard-1","title":"Image Crop Standard 1 - Square image crop","type":"registry:block"},{"description":"Image zoom with a blurred backdrop class on the overlay.","name":"image-zoom-image-zoom-backdrop-1","title":"Image Zoom Backdrop 1 - Blurred backdrop","type":"registry:block"},{"description":"Image zoom with controlled isZoomed state and a toggle button.","name":"image-zoom-image-zoom-controlled-1","title":"Image Zoom Controlled 1 - Controlled zoom state","type":"registry:block"},{"description":"Image zoom inside a bordered gallery card with caption.","name":"image-zoom-image-zoom-gallery-1","title":"Image Zoom Gallery 1 - Gallery card zoom","type":"registry:block"},{"description":"Image wrapped in ImageZoom for click-to-zoom lightbox behavior.","name":"image-zoom-image-zoom-standard-1","title":"Image Zoom Standard 1 - Click to zoom","type":"registry:block"},{"description":"AI Prompt Input.","name":"input-group-input-group-ai-1","title":"Input Group Ai 1 - AI prompt","type":"registry:block"},{"description":"Simple AI Prompt.","name":"input-group-input-group-ai-2","title":"Input Group Ai 2 - Simple AI prompt","type":"registry:block"},{"description":"AI with Attachments.","name":"input-group-input-group-ai-3","title":"Input Group Ai 3 - AI with attachments","type":"registry:block"},{"description":"AI with Voice.","name":"input-group-input-group-ai-4","title":"Input Group Ai 4 - AI with voice","type":"registry:block"},{"description":"Copy Button.","name":"input-group-input-group-buttons-1","title":"Input Group Buttons 1 - Copy button","type":"registry:block"},{"description":"Multiple Action Buttons.","name":"input-group-input-group-buttons-2","title":"Input Group Buttons 2 - Multiple action buttons","type":"registry:block"},{"description":"Search Button.","name":"input-group-input-group-buttons-3","title":"Input Group Buttons 3 - Search button","type":"registry:block"},{"description":"Password Actions.","name":"input-group-input-group-buttons-4","title":"Input Group Buttons 4 - Password actions","type":"registry:block"},{"description":"Textarea with Actions.","name":"input-group-input-group-custom-1","title":"Input Group Custom 1 - Textarea with actions","type":"registry:block"},{"description":"Textarea with Counter.","name":"input-group-input-group-custom-2","title":"Input Group Custom 2 - Textarea with counter","type":"registry:block"},{"description":"Textarea with Toolbar.","name":"input-group-input-group-custom-3","title":"Input Group Custom 3 - Textarea with toolbar","type":"registry:block"},{"description":"Textarea with Label.","name":"input-group-input-group-custom-4","title":"Input Group Custom 4 - Textarea with label","type":"registry:block"},{"description":"Dropdown Actions.","name":"input-group-input-group-dropdown-1","title":"Input Group Dropdown 1 - Dropdown actions","type":"registry:block"},{"description":"Search Filters.","name":"input-group-input-group-dropdown-2","title":"Input Group Dropdown 2 - Search filters","type":"registry:block"},{"description":"URL Builder with Dropdown.","name":"input-group-input-group-dropdown-3","title":"Input Group Dropdown 3 - URL builder with dropdown","type":"registry:block"},{"description":"Textarea with Dropdown.","name":"input-group-input-group-dropdown-4","title":"Input Group Dropdown 4 - Textarea with dropdown","type":"registry:block"},{"description":"Search with Icon.","name":"input-group-input-group-icons-1","title":"Input Group Icons 1 - Search with icon","type":"registry:block"},{"description":"Contact Fields with Icons.","name":"input-group-input-group-icons-2","title":"Input Group Icons 2 - Contact fields with icons","type":"registry:block"},{"description":"Dual Icons.","name":"input-group-input-group-icons-3","title":"Input Group Icons 3 - Dual icons","type":"registry:block"},{"description":"Multiple Icons.","name":"input-group-input-group-icons-4","title":"Input Group Icons 4 - Multiple icons","type":"registry:block"},{"description":"Inline Labels.","name":"input-group-input-group-label-1","title":"Input Group Label 1 - Inline labels","type":"registry:block"},{"description":"Label with Tooltip.","name":"input-group-input-group-label-2","title":"Input Group Label 2 - Label with tooltip","type":"registry:block"},{"description":"Block Labels.","name":"input-group-input-group-label-3","title":"Input Group Label 3 - Block labels","type":"registry:block"},{"description":"Label with Counter.","name":"input-group-input-group-label-4","title":"Input Group Label 4 - Label with counter","type":"registry:block"},{"description":"Loading States.","name":"input-group-input-group-spinner-1","title":"Input Group Spinner 1 - Loading states","type":"registry:block"},{"description":"Spinner with Text.","name":"input-group-input-group-spinner-2","title":"Input Group Spinner 2 - Spinner with text","type":"registry:block"},{"description":"Animated Icon Spinner.","name":"input-group-input-group-spinner-3","title":"Input Group Spinner 3 - Animated icon spinner","type":"registry:block"},{"description":"Textarea Loading.","name":"input-group-input-group-spinner-4","title":"Input Group Spinner 4 - Textarea loading","type":"registry:block"},{"description":"Currency Input.","name":"input-group-input-group-text-1","title":"Input Group Text 1 - Currency","type":"registry:block"},{"description":"URL Builder.","name":"input-group-input-group-text-2","title":"Input Group Text 2 - URL builder","type":"registry:block"},{"description":"Email with Domain.","name":"input-group-input-group-text-3","title":"Input Group Text 3 - Email with domain","type":"registry:block"},{"description":"Character Counter.","name":"input-group-input-group-text-4","title":"Input Group Text 4 - Character counter","type":"registry:block"},{"description":"Code Editor.","name":"input-group-input-group-textarea-1","title":"Input Group Textarea 1 - Code editor","type":"registry:block"},{"description":"Character Counter.","name":"input-group-input-group-textarea-2","title":"Input Group Textarea 2 - Character counter","type":"registry:block"},{"description":"Rich Text Toolbar.","name":"input-group-input-group-textarea-3","title":"Input Group Textarea 3 - Rich text toolbar","type":"registry:block"},{"description":"Chat Input.","name":"input-group-input-group-textarea-4","title":"Input Group Textarea 4 - Chat","type":"registry:block"},{"description":"Password Requirements.","name":"input-group-input-group-tooltip-1","title":"Input Group Tooltip 1 - Password requirements","type":"registry:block"},{"description":"Help Tooltips.","name":"input-group-input-group-tooltip-2","title":"Input Group Tooltip 2 - Help tooltips","type":"registry:block"},{"description":"API Key Info.","name":"input-group-input-group-tooltip-3","title":"Input Group Tooltip 3 - API key info","type":"registry:block"},{"description":"Auto-submit OTP.","name":"input-otp-input-otp-behavior-1","title":"Input Otp Behavior 1 - Auto-submit","type":"registry:block"},{"description":"OTP with Enhanced Focus Management.","name":"input-otp-input-otp-behavior-2","title":"Input Otp Behavior 2 - With enhanced focus management","type":"registry:block"},{"description":"OTP with Paste Optimization.","name":"input-otp-input-otp-behavior-3","title":"Input Otp Behavior 3 - With paste optimization","type":"registry:block"},{"description":"OTP with Resend Flow.","name":"input-otp-input-otp-behavior-4","title":"Input Otp Behavior 4 - With resend flow","type":"registry:block"},{"description":"Standard OTP Input.","name":"input-otp-input-otp-standard-1","title":"Input Otp Standard 1 - Standard","type":"registry:block"},{"description":"OTP with Pattern Validation.","name":"input-otp-input-otp-standard-2","title":"Input Otp Standard 2 - With pattern validation","type":"registry:block"},{"description":"OTP with Multiple Separators.","name":"input-otp-input-otp-standard-3","title":"Input Otp Standard 3 - With multiple separators","type":"registry:block"},{"description":"Controlled OTP Input.","name":"input-otp-input-otp-standard-4","title":"Input Otp Standard 4 - Controlled","type":"registry:block"},{"description":"OTP in Form with Validation.","name":"input-otp-input-otp-standard-5","title":"Input Otp Standard 5 - In form with validation","type":"registry:block"},{"description":"Disabled OTP Input.","name":"input-otp-input-otp-states-1","title":"Input Otp States 1 - Disabled","type":"registry:block"},{"description":"OTP with Loading State.","name":"input-otp-input-otp-states-2","title":"Input Otp States 2 - With loading state","type":"registry:block"},{"description":"OTP with Error State.","name":"input-otp-input-otp-states-3","title":"Input Otp States 3 - With error state","type":"registry:block"},{"description":"OTP with Success State.","name":"input-otp-input-otp-states-4","title":"Input Otp States 4 - With success state","type":"registry:block"},{"description":"Email Verification Flow.","name":"input-otp-input-otp-use-cases-1","title":"Input Otp Use Cases 1 - Email verification flow","type":"registry:block"},{"description":"Two-Factor Authentication.","name":"input-otp-input-otp-use-cases-2","title":"Input Otp Use Cases 2 - Two-factor authentication","type":"registry:block"},{"description":"SMS Verification.","name":"input-otp-input-otp-use-cases-3","title":"Input Otp Use Cases 3 - SMS verification","type":"registry:block"},{"description":"Transaction Confirmation.","name":"input-otp-input-otp-use-cases-4","title":"Input Otp Use Cases 4 - Transaction confirmation","type":"registry:block"},{"description":"Numeric Only OTP.","name":"input-otp-input-otp-variants-1","title":"Input Otp Variants 1 - Numeric only","type":"registry:block"},{"description":"Masked OTP Input.","name":"input-otp-input-otp-variants-2","title":"Input Otp Variants 2 - Masked","type":"registry:block"},{"description":"Different Length OTP Variants.","name":"input-otp-input-otp-variants-3","title":"Input Otp Variants 3 - Different lengths","type":"registry:block"},{"description":"File input with selected file list and remove actions.","name":"input-input-special-1","title":"Input Special 1 - File picker with remove actions","type":"registry:block"},{"description":"Time Input.","name":"input-input-special-2","title":"Input Special 2 - Time value","type":"registry:block"},{"description":"Range Slider with Value.","name":"input-input-special-3","title":"Input Special 3 - Range slider with value","type":"registry:block"},{"description":"Disabled Input.","name":"input-input-special-4","title":"Input Special 4 - Disabled","type":"registry:block"},{"description":"Currency Input.","name":"input-input-special-5","title":"Input Special 5 - Currency","type":"registry:block"},{"description":"Input with Label.","name":"input-input-standard-1","title":"Input Standard 1 - With label","type":"registry:block"},{"description":"Input with Description.","name":"input-input-standard-2","title":"Input Standard 2 - With description","type":"registry:block"},{"description":"Input with Helper Text.","name":"input-input-standard-3","title":"Input Standard 3 - With helper text","type":"registry:block"},{"description":"Required Field.","name":"input-input-standard-4","title":"Input Standard 4 - Required field","type":"registry:block"},{"description":"Optional Field.","name":"input-input-standard-5","title":"Input Standard 5 - Optional field","type":"registry:block"},{"description":"Input with Character Counter.","name":"input-input-standard-6","title":"Input Standard 6 - With character counter","type":"registry:block"},{"description":"Inline Label.","name":"input-input-standard-7","title":"Input Standard 7 - Inline label","type":"registry:block"},{"description":"Email Input.","name":"input-input-types-1","title":"Input Types 1 - Email","type":"registry:block"},{"description":"Password field with show and hide visibility toggle.","name":"input-input-types-2","title":"Input Types 2 - Password with visibility toggle","type":"registry:block"},{"description":"Number input with increment and decrement buttons.","name":"input-input-types-3","title":"Input Types 3 - Number with increment and decrement","type":"registry:block"},{"description":"Search Input.","name":"input-input-types-4","title":"Input Types 4 - Search","type":"registry:block"},{"description":"Date Input.","name":"input-input-types-5","title":"Input Types 5 - Date","type":"registry:block"},{"description":"Phone Input.","name":"input-input-types-6","title":"Input Types 6 - Phone","type":"registry:block"},{"description":"URL Input.","name":"input-input-types-7","title":"Input Types 7 - URL","type":"registry:block"},{"description":"Error State.","name":"input-input-validation-1","title":"Input Validation 1 - Error state","type":"registry:block"},{"description":"Success State.","name":"input-input-validation-2","title":"Input Validation 2 - Success state","type":"registry:block"},{"description":"Warning State.","name":"input-input-validation-3","title":"Input Validation 3 - Warning state","type":"registry:block"},{"description":"Multiple Validation Messages.","name":"input-input-validation-4","title":"Input Validation 4 - Multiple validation messages","type":"registry:block"},{"description":"Input validates on change with live error messaging.","name":"input-input-validation-5","title":"Input Validation 5 - Validates on change","type":"registry:block"},{"description":"Item as Link.","name":"item-item-interactive-1","title":"Item Interactive 1 - As link","type":"registry:block"},{"description":"Item in Dropdown.","name":"item-item-interactive-2","title":"Item Interactive 2 - In dropdown","type":"registry:block"},{"description":"Item Sizes.","name":"item-item-layout-1","title":"Item Layout 1 - Sizes","type":"registry:block"},{"description":"Item Group.","name":"item-item-layout-2","title":"Item Layout 2 - Group","type":"registry:block"},{"description":"Item with Header.","name":"item-item-layout-3","title":"Item Layout 3 - With header","type":"registry:block"},{"description":"Item with Icon Media.","name":"item-item-media-1","title":"Item Media 1 - With icon media","type":"registry:block"},{"description":"Item with Avatar.","name":"item-item-media-2","title":"Item Media 2 - With avatar","type":"registry:block"},{"description":"Item with Image Media.","name":"item-item-media-3","title":"Item Media 3 - With image media","type":"registry:block"},{"description":"Basic Item.","name":"item-item-standard-1","title":"Item Standard 1 - Basic","type":"registry:block"},{"description":"Item with Media and Icon.","name":"item-item-standard-2","title":"Item Standard 2 - With media and icon","type":"registry:block"},{"description":"Kanban board with four workflow columns.","name":"kanban-kanban-columns-1","title":"Kanban Columns 1 - Four columns","type":"registry:block"},{"description":"Kanban cards with custom children for metadata under the title.","name":"kanban-kanban-content-1","title":"Kanban Content 1 - Custom card content","type":"registry:block"},{"description":"Kanban board that surfaces the latest drag end event details.","name":"kanban-kanban-events-1","title":"Kanban Events 1 - Drag event logging","type":"registry:block"},{"description":"Three-column kanban board with draggable cards.","name":"kanban-kanban-standard-1","title":"Kanban Standard 1 - Basic kanban board","type":"registry:block"},{"description":"Arrow Keys Cross Pattern.","name":"kbd-kbd-arrow-keys-1","title":"Kbd Arrow Keys 1 - Arrow keys cross pattern","type":"registry:block"},{"description":"Arrow Keys Horizontal.","name":"kbd-kbd-arrow-keys-2","title":"Kbd Arrow Keys 2 - Arrow keys horizontal","type":"registry:block"},{"description":"WASD Gaming Keys.","name":"kbd-kbd-arrow-keys-3","title":"Kbd Arrow Keys 3 - WASD gaming keys","type":"registry:block"},{"description":"Vim Navigation Keys.","name":"kbd-kbd-arrow-keys-4","title":"Kbd Arrow Keys 4 - Vim navigation keys","type":"registry:block"},{"description":"F1 Help Key.","name":"kbd-kbd-function-keys-1","title":"Kbd Function Keys 1 - F1 help key","type":"registry:block"},{"description":"F12 DevTools Key.","name":"kbd-kbd-function-keys-2","title":"Kbd Function Keys 2 - F12 DevTools key","type":"registry:block"},{"description":"Function Keys Row.","name":"kbd-kbd-function-keys-3","title":"Kbd Function Keys 3 - Function keys row","type":"registry:block"},{"description":"Special Keys.","name":"kbd-kbd-function-keys-4","title":"Kbd Function Keys 4 - Special keys","type":"registry:block"},{"description":"Modifier Keys.","name":"kbd-kbd-function-keys-5","title":"Kbd Function Keys 5 - Modifier keys","type":"registry:block"},{"description":"Editing Keys.","name":"kbd-kbd-function-keys-6","title":"Kbd Function Keys 6 - Editing keys","type":"registry:block"},{"description":"Mac Command Symbol.","name":"kbd-kbd-platform-specific-1","title":"Kbd Platform Specific 1 - Mac command symbol","type":"registry:block"},{"description":"Mac Option Symbol.","name":"kbd-kbd-platform-specific-2","title":"Kbd Platform Specific 2 - Mac option symbol","type":"registry:block"},{"description":"Windows Key.","name":"kbd-kbd-platform-specific-3","title":"Kbd Platform Specific 3 - Windows key","type":"registry:block"},{"description":"Platform-Aware Shortcut.","name":"kbd-kbd-platform-specific-4","title":"Kbd Platform Specific 4 - Platform-aware shortcut","type":"registry:block"},{"description":"Mac Control Symbol.","name":"kbd-kbd-platform-specific-5","title":"Kbd Platform Specific 5 - Mac control symbol","type":"registry:block"},{"description":"Active State.","name":"kbd-kbd-pressed-state-1","title":"Kbd Pressed State 1 - Active state","type":"registry:block"},{"description":"Disabled State.","name":"kbd-kbd-pressed-state-2","title":"Kbd Pressed State 2 - Disabled state","type":"registry:block"},{"description":"Focus State.","name":"kbd-kbd-pressed-state-3","title":"Kbd Pressed State 3 - Focus state","type":"registry:block"},{"description":"Pressed Down.","name":"kbd-kbd-pressed-state-4","title":"Kbd Pressed State 4 - Pressed down","type":"registry:block"},{"description":"Hover State.","name":"kbd-kbd-pressed-state-5","title":"Kbd Pressed State 5 - Hover state","type":"registry:block"},{"description":"Key Sequence with Then.","name":"kbd-kbd-sequence-1","title":"Kbd Sequence 1 - Key sequence with then","type":"registry:block"},{"description":"Key Sequence with Arrow.","name":"kbd-kbd-sequence-2","title":"Kbd Sequence 2 - Key sequence with arrow","type":"registry:block"},{"description":"Multi-Step Sequence.","name":"kbd-kbd-sequence-3","title":"Kbd Sequence 3 - Multi-step sequence","type":"registry:block"},{"description":"Vim Command Sequence.","name":"kbd-kbd-sequence-4","title":"Kbd Sequence 4 - Vim command sequence","type":"registry:block"},{"description":"Command Palette Shortcut.","name":"kbd-kbd-shortcut-1","title":"Kbd Shortcut 1 - Command palette shortcut","type":"registry:block"},{"description":"Copy Shortcut.","name":"kbd-kbd-shortcut-2","title":"Kbd Shortcut 2 - Copy shortcut","type":"registry:block"},{"description":"Paste Shortcut.","name":"kbd-kbd-shortcut-3","title":"Kbd Shortcut 3 - Paste shortcut","type":"registry:block"},{"description":"Complex Shortcut.","name":"kbd-kbd-shortcut-4","title":"Kbd Shortcut 4 - Complex shortcut","type":"registry:block"},{"description":"Save Shortcut.","name":"kbd-kbd-shortcut-5","title":"Kbd Shortcut 5 - Save shortcut","type":"registry:block"},{"description":"Small Kbd.","name":"kbd-kbd-sizes-1","title":"Kbd Sizes 1 - Small","type":"registry:block"},{"description":"Default Kbd.","name":"kbd-kbd-sizes-2","title":"Kbd Sizes 2 - Default","type":"registry:block"},{"description":"Large Kbd.","name":"kbd-kbd-sizes-3","title":"Kbd Sizes 3 - Large","type":"registry:block"},{"description":"Inline with Text.","name":"kbd-kbd-sizes-4","title":"Kbd Sizes 4 - Inline with text","type":"registry:block"},{"description":"Extra Large Kbd.","name":"kbd-kbd-sizes-5","title":"Kbd Sizes 5 - Extra large","type":"registry:block"},{"description":"Enter with Icon.","name":"kbd-kbd-with-icons-1","title":"Kbd With Icons 1 - Enter with icon","type":"registry:block"},{"description":"Delete with Icon.","name":"kbd-kbd-with-icons-2","title":"Kbd With Icons 2 - Delete with icon","type":"registry:block"},{"description":"Arrow Keys with Icons.","name":"kbd-kbd-with-icons-3","title":"Kbd With Icons 3 - Arrow keys with icons","type":"registry:block"},{"description":"Command with Icon.","name":"kbd-kbd-with-icons-4","title":"Kbd With Icons 4 - Command with icon","type":"registry:block"},{"description":"Unicode Symbols.","name":"kbd-kbd-with-icons-5","title":"Kbd With Icons 5 - Unicode symbols","type":"registry:block"},{"description":"Required Label.","name":"label-label-standard-1","title":"Label Standard 1 - Required","type":"registry:block"},{"description":"Label with Description.","name":"label-label-standard-2","title":"Label Standard 2 - With description","type":"registry:block"},{"description":"Label with Tooltip.","name":"label-label-standard-3","title":"Label Standard 3 - With tooltip","type":"registry:block"},{"description":"Label with Badge.","name":"label-label-standard-4","title":"Label Standard 4 - With badge","type":"registry:block"},{"description":"Label with Optional Indicator.","name":"label-label-standard-5","title":"Label Standard 5 - With optional indicator","type":"registry:block"},{"description":"Label with Character Count.","name":"label-label-standard-6","title":"Label Standard 6 - With character count","type":"registry:block"},{"description":"Error Label.","name":"label-label-standard-7","title":"Label Standard 7 - Error","type":"registry:block"},{"description":"Section Label.","name":"label-label-standard-8","title":"Label Standard 8 - Section","type":"registry:block"},{"description":"Timeline-style rows with avatar, action text, and timestamp.","name":"list-panel-list-activity-feed","title":"List Panel List Activity Feed - Activity feed list panel","type":"registry:block"},{"description":"Navigable settings-style rows rendered as anchor links.","name":"list-panel-list-as-links","title":"List Panel List As Links - List panel as links","type":"registry:block"},{"description":"List grouped inside a single rounded border container.","name":"list-panel-list-bordered","title":"List Panel List Bordered - Bordered list panel","type":"registry:block"},{"description":"Dense list using Item size sm for tighter row spacing.","name":"list-panel-list-compact","title":"List Panel List Compact - Compact list panel","type":"registry:block"},{"description":"Basic vertical stack of Item rows with titles only.","name":"list-panel-list-default","title":"List Panel List Default - Default list panel","type":"registry:block"},{"description":"Sortable rows with a grip handle on the leading edge of each item.","name":"list-panel-list-drag-handle-leading","title":"List Panel List Drag Handle Leading - List panel with leading drag handle","type":"registry:block"},{"description":"Sortable list where pinned rows stay fixed and cannot be dragged.","name":"list-panel-list-drag-locked-rows","title":"List Panel List Drag Locked Rows - List panel with locked rows","type":"registry:block"},{"description":"Floating drag preview using dnd-kit DragOverlay while the list reflows.","name":"list-panel-list-drag-overlay","title":"List Panel List Drag Overlay - List panel with drag overlay","type":"registry:block"},{"description":"Sortable list with grip handles using dnd-kit.","name":"list-panel-list-drag-reorder","title":"List Panel List Drag Reorder - Drag reorder list panel","type":"registry:block"},{"description":"Sortable rows inside a single stacked bordered panel with divide lines.","name":"list-panel-list-drag-stacked","title":"List Panel List Drag Stacked - Stacked drag reorder list panel","type":"registry:block"},{"description":"Entire item rows act as the drag surface with a small activation distance.","name":"list-panel-list-drag-whole-row","title":"List Panel List Drag Whole Row - Whole row drag list panel","type":"registry:block"},{"description":"Sortable rows with leading icons and a trailing grip handle.","name":"list-panel-list-drag-with-icons","title":"List Panel List Drag With Icons - Draggable list panel with icons","type":"registry:block"},{"description":"Search input filters visible rows in the list.","name":"list-panel-list-filterable","title":"List Panel List Filterable - Filterable list panel","type":"registry:block"},{"description":"Scrollable list with a footer button to load additional rows.","name":"list-panel-list-load-more","title":"List Panel List Load More - List panel with load more","type":"registry:block"},{"description":"Move rows up or down with arrow buttons per entry.","name":"list-panel-list-manual-reorder","title":"List Panel List Manual Reorder - Manual reorder list panel","type":"registry:block"},{"description":"Checkbox on each row plus a select-all control in the header.","name":"list-panel-list-multi-select","title":"List Panel List Multi Select - Multi-select list panel","type":"registry:block"},{"description":"List rows using the muted Item variant for subdued entries.","name":"list-panel-list-muted","title":"List Panel List Muted - Muted list panel","type":"registry:block"},{"description":"Ordered list with a rank column prefix on every row.","name":"list-panel-list-numbered","title":"List Panel List Numbered - Numbered list panel","type":"registry:block"},{"description":"Long list inside ScrollArea with a fixed max height.","name":"list-panel-list-scrollable","title":"List Panel List Scrollable - Scrollable list panel","type":"registry:block"},{"description":"Filterable panel with a dedicated empty state when nothing matches.","name":"list-panel-list-search-empty","title":"List Panel List Search Empty - List panel search empty state","type":"registry:block"},{"description":"Single-select list with one highlighted row at a time.","name":"list-panel-list-selectable","title":"List Panel List Selectable - Selectable list panel","type":"registry:block"},{"description":"Dense list panel using the xs Item size variant.","name":"list-panel-list-size-xs","title":"List Panel List Size Xs - Extra small list panel","type":"registry:block"},{"description":"Stacked outline rows that share edges inside one rounded group.","name":"list-panel-list-stacked-bordered","title":"List Panel List Stacked Bordered - Stacked list panel with borders","type":"registry:block"},{"description":"Right-click actions on rows in a stacked panel.","name":"list-panel-list-stacked-context-menu","title":"List Panel List Stacked Context Menu - Stacked list panel context menu","type":"registry:block"},{"description":"Delete control on each row in a stacked panel.","name":"list-panel-list-stacked-destructive-action","title":"List Panel List Stacked Destructive Action - Stacked list panel destructive action","type":"registry:block"},{"description":"File icon rows with sizes in a stacked panel.","name":"list-panel-list-stacked-file-row","title":"List Panel List Stacked File Row - Stacked list panel file row","type":"registry:block"},{"description":"Hover-revealed row actions in a stacked panel.","name":"list-panel-list-stacked-reveal-actions","title":"List Panel List Stacked Reveal Actions - Stacked list panel reveal actions","type":"registry:block"},{"description":"Overflow menu on each row inside a unified stacked panel.","name":"list-panel-list-stacked-row-menu","title":"List Panel List Stacked Row Menu - Stacked list panel row menu","type":"registry:block"},{"description":"Stacked list rows with leading icons inside one bordered panel.","name":"list-panel-list-stacked-with-icons","title":"List Panel List Stacked With Icons - Stacked list panel with icons","type":"registry:block"},{"description":"Thumbnail rows in a unified stacked media panel.","name":"list-panel-list-stacked-with-image","title":"List Panel List Stacked With Image - Stacked list panel with image","type":"registry:block"},{"description":"Progress bars per row in a stacked job panel.","name":"list-panel-list-stacked-with-progress","title":"List Panel List Stacked With Progress - Stacked list panel with progress","type":"registry:block"},{"description":"List rows stacked flush inside one bordered panel with divide lines between entries.","name":"list-panel-list-stacked","title":"List Panel List Stacked - Stacked list panel","type":"registry:block"},{"description":"Scrollable list with sticky section labels while scrolling.","name":"list-panel-list-sticky-header","title":"List Panel List Sticky Header - List panel with sticky header","type":"registry:block"},{"description":"Checkbox list with strikethrough styling for completed tasks.","name":"list-panel-list-todo-basic","title":"List Panel List Todo Basic - Basic todo list panel","type":"registry:block"},{"description":"Task list with an input and button to append new rows.","name":"list-panel-list-todo-with-add","title":"List Panel List Todo With Add - Todo list panel with add","type":"registry:block"},{"description":"Task list with due date meta and overdue row styling.","name":"list-panel-list-todo-with-due-date","title":"List Panel List Todo With Due Date - Todo list panel with due date","type":"registry:block"},{"description":"Task rows with priority Badge labels on each entry.","name":"list-panel-list-todo-with-priority","title":"List Panel List Todo With Priority - Todo list panel with priority","type":"registry:block"},{"description":"Avatar rows with title and secondary description text.","name":"list-panel-list-with-avatar-description","title":"List Panel List With Avatar Description - List panel with avatar description","type":"registry:block"},{"description":"Member list with Avatar initials in ItemMedia on each row.","name":"list-panel-list-with-avatar","title":"List Panel List With Avatar - List panel with avatar","type":"registry:block"},{"description":"Panel with a sticky back navigation header above the list.","name":"list-panel-list-with-back-header","title":"List Panel List With Back Header - List panel with back header","type":"registry:block"},{"description":"Rows with a trailing Badge for plan or status labels.","name":"list-panel-list-with-badge","title":"List Panel List With Badge - List panel with badge","type":"registry:block"},{"description":"Toolbar appears when rows are selected for bulk delete or archive.","name":"list-panel-list-with-batch-actions","title":"List Panel List With Batch Actions - List panel with batch actions","type":"registry:block"},{"description":"Compact navigation rows with a trailing chevron indicator.","name":"list-panel-list-with-chevron","title":"List Panel List With Chevron - List panel with chevron","type":"registry:block"},{"description":"Right-click context menu on each list row.","name":"list-panel-list-with-context-menu","title":"List Panel List With Context Menu - List panel with context menu","type":"registry:block"},{"description":"Two-line rows with ItemTitle and ItemDescription on every entry.","name":"list-panel-list-with-description","title":"List Panel List With Description - List panel with description","type":"registry:block"},{"description":"Rows with a trailing destructive button for remove or delete.","name":"list-panel-list-with-destructive-action","title":"List Panel List With Destructive Action - List panel destructive action","type":"registry:block"},{"description":"Mixed list with some rows disabled and non-interactive.","name":"list-panel-list-with-disabled-rows","title":"List Panel List With Disabled Rows - List panel with disabled rows","type":"registry:block"},{"description":"List container showing Empty when no rows are available.","name":"list-panel-list-with-empty-state","title":"List Panel List With Empty State - List panel empty state","type":"registry:block"},{"description":"File-style rows with type icon, name, and size metadata.","name":"list-panel-list-with-file-row","title":"List Panel List With File Row - List panel file row","type":"registry:block"},{"description":"Rows with ItemFooter for secondary metadata or actions.","name":"list-panel-list-with-footer","title":"List Panel List With Footer - List panel with footer","type":"registry:block"},{"description":"Rows with ItemHeader above the main content block.","name":"list-panel-list-with-header","title":"List Panel List With Header - List panel with header","type":"registry:block"},{"description":"Each row includes a leading Lucide icon in ItemMedia.","name":"list-panel-list-with-icons","title":"List Panel List With Icons - List panel with icons","type":"registry:block"},{"description":"Rows with thumbnail images in ItemMedia for media-style lists.","name":"list-panel-list-with-image","title":"List Panel List With Image - List panel with image","type":"registry:block"},{"description":"Skeleton placeholder rows while list data is loading.","name":"list-panel-list-with-loading","title":"List Panel List With Loading - Loading list panel","type":"registry:block"},{"description":"Rows with a secondary meta line such as timestamps or file sizes.","name":"list-panel-list-with-meta","title":"List Panel List With Meta - List panel with meta","type":"registry:block"},{"description":"Expandable parent tasks revealing nested subtask rows.","name":"list-panel-list-with-nested-items","title":"List Panel List With Nested Items - List panel with nested items","type":"registry:block"},{"description":"Avatar rows with an online presence indicator.","name":"list-panel-list-with-presence","title":"List Panel List With Presence - List panel with presence","type":"registry:block"},{"description":"Rows with a progress bar showing sync or upload status.","name":"list-panel-list-with-progress","title":"List Panel List With Progress - List panel with progress","type":"registry:block"},{"description":"Single-select list built from radio controls in each row.","name":"list-panel-list-with-radio","title":"List Panel List With Radio - List panel with radio","type":"registry:block"},{"description":"Secondary row actions that appear on hover.","name":"list-panel-list-with-reveal-actions","title":"List Panel List With Reveal Actions - List panel with reveal actions","type":"registry:block"},{"description":"Overflow menu on each row for secondary actions.","name":"list-panel-list-with-row-menu","title":"List Panel List With Row Menu - List panel row menu","type":"registry:block"},{"description":"Grouped list with section labels above each ItemGroup.","name":"list-panel-list-with-sections","title":"List Panel List With Sections - List panel with sections","type":"registry:block"},{"description":"Placeholder skeleton rows shaped like list items while loading.","name":"list-panel-list-with-skeleton-rows","title":"List Panel List With Skeleton Rows - List panel skeleton rows","type":"registry:block"},{"description":"Rows with a colored dot indicator for online or sync state.","name":"list-panel-list-with-status-dot","title":"List Panel List With Status Dot - List panel with status dot","type":"registry:block"},{"description":"Settings rows with a trailing Switch control per entry.","name":"list-panel-list-with-switch","title":"List Panel List With Switch - List panel with switch","type":"registry:block"},{"description":"Each row includes an icon button in ItemActions.","name":"list-panel-list-with-trailing-action","title":"List Panel List With Trailing Action - List panel with trailing action","type":"registry:block"},{"description":"List items with assignee avatars composed through ListItem children.","name":"list-list-avatar-1","title":"List Avatar 1 - Items with assignees","type":"registry:block"},{"description":"List items with custom children instead of the default name-only row.","name":"list-list-content-1","title":"List Content 1 - Custom list item content","type":"registry:block"},{"description":"Multi-group list with an empty target group that accepts dropped items.","name":"list-list-empty-1","title":"List Empty 1 - Empty droppable group","type":"registry:block"},{"description":"List with multiple droppable status groups for cross-group moves.","name":"list-list-groups-1","title":"List Groups 1 - Multiple status groups","type":"registry:block"},{"description":"List group with a fully custom header instead of name and color props.","name":"list-list-header-1","title":"List Header 1 - Custom group header","type":"registry:block"},{"description":"List items that lead with Lucide icons to distinguish task types.","name":"list-list-icons-1","title":"List Icons 1 - Items with type icons","type":"registry:block"},{"description":"List items that show priority with Badge variants beside each title.","name":"list-list-priority-1","title":"List Priority 1 - Items with priority badges","type":"registry:block"},{"description":"Vertical list with a single status group and draggable items.","name":"list-list-standard-1","title":"List Standard 1 - Draggable status list","type":"registry:block"},{"description":"Email login CTA — default variant.","name":"login-button-login-button-email-1","title":"Login Button Email 1 - Log in","type":"registry:block"},{"description":"Email login CTA — default variant.","name":"login-button-login-button-email-2","title":"Login Button Email 2 - Sign in with email","type":"registry:block"},{"description":"Email login CTA — outline variant.","name":"login-button-login-button-email-3","title":"Login Button Email 3 - Continue with email","type":"registry:block"},{"description":"Email login CTA — secondary variant.","name":"login-button-login-button-email-4","title":"Login Button Email 4 - Email login","type":"registry:block"},{"description":"Email login CTA — ghost variant.","name":"login-button-login-button-email-5","title":"Login Button Email 5 - Log in","type":"registry:block"},{"description":"Email login CTA — default variant.","name":"login-button-login-button-email-6","title":"Login Button Email 6 - Sign in","type":"registry:block"},{"description":"Email login CTA — outline variant.","name":"login-button-login-button-email-7","title":"Login Button Email 7 - Log in to account","type":"registry:block"},{"description":"Email login CTA — default variant.","name":"login-button-login-button-email-8","title":"Login Button Email 8 - Access account","type":"registry:block"},{"description":"Minimal login button — link without icon.","name":"login-button-login-button-minimal-1","title":"Login Button Minimal 1 - Log in","type":"registry:block"},{"description":"Minimal login button — ghost without icon.","name":"login-button-login-button-minimal-2","title":"Login Button Minimal 2 - Sign in","type":"registry:block"},{"description":"Minimal login button — link without icon.","name":"login-button-login-button-minimal-3","title":"Login Button Minimal 3 - Login","type":"registry:block"},{"description":"Minimal login button — ghost without icon.","name":"login-button-login-button-minimal-4","title":"Login Button Minimal 4 - Enter","type":"registry:block"},{"description":"Minimal login button — outline without icon.","name":"login-button-login-button-minimal-5","title":"Login Button Minimal 5 - Log in","type":"registry:block"},{"description":"Minimal login button — secondary without icon.","name":"login-button-login-button-minimal-6","title":"Login Button Minimal 6 - Sign in","type":"registry:block"},{"description":"Minimal login button — default without icon.","name":"login-button-login-button-minimal-7","title":"Login Button Minimal 7 - Continue","type":"registry:block"},{"description":"Minimal login button — outline without icon.","name":"login-button-login-button-minimal-8","title":"Login Button Minimal 8 - Access","type":"registry:block"},{"description":"Sign-up CTA using LoginButton — default variant.","name":"login-button-login-button-signup-1","title":"Login Button Signup 1 - Create account","type":"registry:block"},{"description":"Sign-up CTA using LoginButton — outline variant.","name":"login-button-login-button-signup-2","title":"Login Button Signup 2 - Sign up free","type":"registry:block"},{"description":"Sign-up CTA using LoginButton — secondary variant.","name":"login-button-login-button-signup-3","title":"Login Button Signup 3 - Get started","type":"registry:block"},{"description":"Sign-up CTA using LoginButton — default variant.","name":"login-button-login-button-signup-4","title":"Login Button Signup 4 - Join now","type":"registry:block"},{"description":"Sign-up CTA using LoginButton — outline variant.","name":"login-button-login-button-signup-5","title":"Login Button Signup 5 - Register","type":"registry:block"},{"description":"Sign-up CTA using LoginButton — default variant.","name":"login-button-login-button-signup-6","title":"Login Button Signup 6 - Start free trial","type":"registry:block"},{"description":"Sign-up CTA using LoginButton — secondary variant.","name":"login-button-login-button-signup-7","title":"Login Button Signup 7 - Create your account","type":"registry:block"},{"description":"Sign-up CTA using LoginButton — outline variant.","name":"login-button-login-button-signup-8","title":"Login Button Signup 8 - Sign up today","type":"registry:block"},{"description":"Social login composition with Google.","name":"login-button-login-button-social-1","title":"Login Button Social 1 - Login with Google","type":"registry:block"},{"description":"Social login composition with GitHub.","name":"login-button-login-button-social-2","title":"Login Button Social 2 - Login with GitHub","type":"registry:block"},{"description":"Social login composition with Apple.","name":"login-button-login-button-social-3","title":"Login Button Social 3 - Login with Apple","type":"registry:block"},{"description":"Social login composition with Microsoft.","name":"login-button-login-button-social-4","title":"Login Button Social 4 - Login with Microsoft","type":"registry:block"},{"description":"Social login composition with X.","name":"login-button-login-button-social-5","title":"Login Button Social 5 - Login with X","type":"registry:block"},{"description":"Social login composition with Discord.","name":"login-button-login-button-social-6","title":"Login Button Social 6 - Login with Discord","type":"registry:block"},{"description":"Social login composition with Facebook.","name":"login-button-login-button-social-7","title":"Login Button Social 7 - Login with Facebook","type":"registry:block"},{"description":"Social login composition with LinkedIn.","name":"login-button-login-button-social-8","title":"Login Button Social 8 - Login with LinkedIn","type":"registry:block"},{"description":"Logo supports right-click download of brand image assets.","name":"logo-logo-right-click-download","title":"Logo Right Click Download - Right-click download","type":"registry:block"},{"description":"Responsive logo with separate desktop and mobile images.","name":"logo-logo-standard","title":"Logo Standard - Desktop and mobile images","type":"registry:block"},{"description":"Wordmark logo image inside a linked brand wrapper.","name":"logo-logo-wordmark","title":"Logo Wordmark - Wordmark image","type":"registry:block"},{"description":"Marquee with left and right gradient fades at the scroll edges.","name":"marquee-marquee-fade-1","title":"Marquee Fade 1 - Edge fade","type":"registry:block"},{"description":"Marquee scrolling a row of company logo images.","name":"marquee-marquee-logos-1","title":"Marquee Logos 1 - Logo marquee","type":"registry:block"},{"description":"Marquee that pauses scrolling when the pointer hovers over the track.","name":"marquee-marquee-pause-1","title":"Marquee Pause 1 - Pause on hover","type":"registry:block"},{"description":"Marquee scrolling in the reverse direction using direction right.","name":"marquee-marquee-reverse-1","title":"Marquee Reverse 1 - Reverse direction","type":"registry:block"},{"description":"Marquee with a faster custom scroll speed via the speed prop.","name":"marquee-marquee-speed-1","title":"Marquee Speed 1 - Custom speed","type":"registry:block"},{"description":"Basic horizontal scrolling text items in a continuous loop.","name":"marquee-marquee-standard-1","title":"Marquee Standard 1 - Standard marquee","type":"registry:block"},{"description":"Simple Text Menubar.","name":"menubar-menubar-standard-1","title":"Menubar Standard 1 - Simple text","type":"registry:block"},{"description":"Compact Menubar.","name":"menubar-menubar-standard-10","title":"Menubar Standard 10 - Compact","type":"registry:block"},{"description":"Menubar with Shortcuts.","name":"menubar-menubar-standard-2","title":"Menubar Standard 2 - With shortcuts","type":"registry:block"},{"description":"Menubar with Icons.","name":"menubar-menubar-standard-3","title":"Menubar Standard 3 - With icons","type":"registry:block"},{"description":"Menubar with Checkboxes.","name":"menubar-menubar-standard-4","title":"Menubar Standard 4 - With checkboxes","type":"registry:block"},{"description":"Menubar with Radio Groups.","name":"menubar-menubar-standard-5","title":"Menubar Standard 5 - With radio groups","type":"registry:block"},{"description":"Menubar with Submenu.","name":"menubar-menubar-standard-6","title":"Menubar Standard 6 - With submenu","type":"registry:block"},{"description":"Menubar with Destructive Action.","name":"menubar-menubar-standard-7","title":"Menubar Standard 7 - With destructive action","type":"registry:block"},{"description":"Application Menubar.","name":"menubar-menubar-standard-8","title":"Menubar Standard 8 - Application","type":"registry:block"},{"description":"Menubar with Sections.","name":"menubar-menubar-standard-9","title":"Menubar Standard 9 - With sections","type":"registry:block"},{"description":"Navigation, seven days, and a preselected date together.","name":"mini-calendar-mini-calendar-composition-1","title":"Mini Calendar Composition 1 - Full mini calendar","type":"registry:block"},{"description":"Mini calendar showing seven consecutive days.","name":"mini-calendar-mini-calendar-days-1","title":"Mini Calendar Days 1 - Seven day range","type":"registry:block"},{"description":"Mini calendar with chevron navigation controls.","name":"mini-calendar-mini-calendar-navigation-1","title":"Mini Calendar Navigation 1 - Previous and next navigation","type":"registry:block"},{"description":"Mini calendar with defaultValue selecting a date.","name":"mini-calendar-mini-calendar-selected-1","title":"Mini Calendar Selected 1 - Preselected date","type":"registry:block"},{"description":"Default five-day horizontal mini calendar.","name":"mini-calendar-mini-calendar-standard-1","title":"Mini Calendar Standard 1 - Five day picker","type":"registry:block"},{"description":"Full Mega Menu.","name":"navigation-menu-navigation-menu-complex-1","title":"Navigation Menu Complex 1 - Full mega menu","type":"registry:block"},{"description":"Multi-level Nested Navigation.","name":"navigation-menu-navigation-menu-complex-2","title":"Navigation Menu Complex 2 - Multi-level nested","type":"registry:block"},{"description":"Tabbed Mega Menu.","name":"navigation-menu-navigation-menu-complex-3","title":"Navigation Menu Complex 3 - Tabbed mega menu","type":"registry:block"},{"description":"Dashboard-style with Stats.","name":"navigation-menu-navigation-menu-complex-4","title":"Navigation Menu Complex 4 - Dashboard-style with stats","type":"registry:block"},{"description":"Mixed Content Types.","name":"navigation-menu-navigation-menu-complex-5","title":"Navigation Menu Complex 5 - Mixed content types","type":"registry:block"},{"description":"Feature Cards with Icons.","name":"navigation-menu-navigation-menu-features-1","title":"Navigation Menu Features 1 - Feature cards with icons","type":"registry:block"},{"description":"Feature Grid Layout.","name":"navigation-menu-navigation-menu-features-2","title":"Navigation Menu Features 2 - Feature grid layout","type":"registry:block"},{"description":"Feature Sections with Headers.","name":"navigation-menu-navigation-menu-features-3","title":"Navigation Menu Features 3 - Feature sections with headers","type":"registry:block"},{"description":"Features with Badges.","name":"navigation-menu-navigation-menu-features-4","title":"Navigation Menu Features 4 - Features with badges","type":"registry:block"},{"description":"Feature Categories.","name":"navigation-menu-navigation-menu-features-5","title":"Navigation Menu Features 5 - Feature categories","type":"registry:block"},{"description":"Product Showcase with CTA.","name":"navigation-menu-navigation-menu-marketing-1","title":"Navigation Menu Marketing 1 - Product showcase with CTA","type":"registry:block"},{"description":"Pricing Tiers Preview.","name":"navigation-menu-navigation-menu-marketing-2","title":"Navigation Menu Marketing 2 - Pricing tiers preview","type":"registry:block"},{"description":"Case Studies & Testimonials.","name":"navigation-menu-navigation-menu-marketing-3","title":"Navigation Menu Marketing 3 - Case studies & testimonials","type":"registry:block"},{"description":"Resources with Lead Magnets.","name":"navigation-menu-navigation-menu-marketing-4","title":"Navigation Menu Marketing 4 - Resources with lead magnets","type":"registry:block"},{"description":"Industry Solutions.","name":"navigation-menu-navigation-menu-marketing-5","title":"Navigation Menu Marketing 5 - Industry solutions","type":"registry:block"},{"description":"Simple Navigation.","name":"navigation-menu-navigation-menu-standard-1","title":"Navigation Menu Standard 1 - Simple","type":"registry:block"},{"description":"Navigation with Icons.","name":"navigation-menu-navigation-menu-standard-2","title":"Navigation Menu Standard 2 - With icons","type":"registry:block"},{"description":"Navigation with Descriptions.","name":"navigation-menu-navigation-menu-standard-3","title":"Navigation Menu Standard 3 - With descriptions","type":"registry:block"},{"description":"Navigation without Viewport.","name":"navigation-menu-navigation-menu-standard-4","title":"Navigation Menu Standard 4 - Without viewport","type":"registry:block"},{"description":"Mixed Links and Dropdowns.","name":"navigation-menu-navigation-menu-standard-5","title":"Navigation Menu Standard 5 - Mixed links and dropdowns","type":"registry:block"},{"description":"Start Ellipsis.","name":"pagination-pagination-advanced-1","title":"Pagination Advanced 1 - Start ellipsis","type":"registry:block"},{"description":"End Ellipsis.","name":"pagination-pagination-advanced-2","title":"Pagination Advanced 2 - End ellipsis","type":"registry:block"},{"description":"Both Ellipsis.","name":"pagination-pagination-advanced-3","title":"Pagination Advanced 3 - Both ellipsis","type":"registry:block"},{"description":"Many Pages.","name":"pagination-pagination-advanced-4","title":"Pagination Advanced 4 - Many pages","type":"registry:block"},{"description":"Disabled State.","name":"pagination-pagination-advanced-5","title":"Pagination Advanced 5 - Disabled state","type":"registry:block"},{"description":"Simple Page Numbers.","name":"pagination-pagination-basic-1","title":"Pagination Basic 1 - Simple page numbers","type":"registry:block"},{"description":"Five Page Numbers.","name":"pagination-pagination-basic-2","title":"Pagination Basic 2 - Five page numbers","type":"registry:block"},{"description":"With Previous and Next.","name":"pagination-pagination-basic-3","title":"Pagination Basic 3 - With previous and next","type":"registry:block"},{"description":"With Ellipsis.","name":"pagination-pagination-basic-4","title":"Pagination Basic 4 - With ellipsis","type":"registry:block"},{"description":"Complete Pagination.","name":"pagination-pagination-basic-5","title":"Pagination Basic 5 - Complete","type":"registry:block"},{"description":"Previous and Next Only.","name":"pagination-pagination-navigation-1","title":"Pagination Navigation 1 - Previous and next only","type":"registry:block"},{"description":"With Page Counter.","name":"pagination-pagination-navigation-2","title":"Pagination Navigation 2 - With page counter","type":"registry:block"},{"description":"First and Last.","name":"pagination-pagination-navigation-3","title":"Pagination Navigation 3 - First and last","type":"registry:block"},{"description":"With First and Last.","name":"pagination-pagination-navigation-4","title":"Pagination Navigation 4 - With first and last","type":"registry:block"},{"description":"Small Size.","name":"pagination-pagination-sizes-1","title":"Pagination Sizes 1 - Small size","type":"registry:block"},{"description":"Default Size.","name":"pagination-pagination-sizes-2","title":"Pagination Sizes 2 - Default size","type":"registry:block"},{"description":"Large Size.","name":"pagination-pagination-sizes-3","title":"Pagination Sizes 3 - Large size","type":"registry:block"},{"description":"Compact.","name":"pagination-pagination-sizes-4","title":"Pagination Sizes 4 - Compact","type":"registry:block"},{"description":"Spacious.","name":"pagination-pagination-sizes-5","title":"Pagination Sizes 5 - Spacious","type":"registry:block"},{"description":"Pill with PillAvatar and assignee name.","name":"pill-pill-avatar-1","title":"Pill Avatar 1 - Pill with avatar","type":"registry:block"},{"description":"Pill with PillAvatar and a social handle.","name":"pill-pill-avatar-2","title":"Pill Avatar 2 - Avatar with handle","type":"registry:block"},{"description":"Pill with PillAvatarGroup and supporting text.","name":"pill-pill-avatar-group-1","title":"Pill Avatar Group 1 - Avatar group","type":"registry:block"},{"description":"Pill with a PillButton remove control.","name":"pill-pill-button-1","title":"Pill Button 1 - Dismissible pill","type":"registry:block"},{"description":"Pill combining PillIcon and a dismiss PillButton.","name":"pill-pill-button-2","title":"Pill Button 2 - Tag with dismiss","type":"registry:block"},{"description":"Pill combining status indicator, delta, and avatar group.","name":"pill-pill-composition-1","title":"Pill Composition 1 - Composed pill","type":"registry:block"},{"description":"Pill combining PillStatus and a dismiss PillButton.","name":"pill-pill-composition-2","title":"Pill Composition 2 - Status with dismiss","type":"registry:block"},{"description":"Pill combining PillIcon and PillDelta.","name":"pill-pill-composition-3","title":"Pill Composition 3 - Icon with delta","type":"registry:block"},{"description":"Pill combining PillStatus and PillAvatar.","name":"pill-pill-composition-4","title":"Pill Composition 4 - Status with avatar","type":"registry:block"},{"description":"Pill showing positive and negative PillDelta values.","name":"pill-pill-delta-1","title":"Pill Delta 1 - Pill with delta","type":"registry:block"},{"description":"Pill with a zero PillDelta showing no change.","name":"pill-pill-delta-2","title":"Pill Delta 2 - Neutral delta","type":"registry:block"},{"description":"Pills for up, down, and no-change PillDelta states.","name":"pill-pill-delta-3","title":"Pill Delta 3 - Delta directions","type":"registry:block"},{"description":"Pill with PillIcon and a user count.","name":"pill-pill-icon-1","title":"Pill Icon 1 - Pill with icon","type":"registry:block"},{"description":"Pills using different PillIcon glyphs for metadata.","name":"pill-pill-icon-2","title":"Pill Icon 2 - Icon variants","type":"registry:block"},{"description":"Pill with PillIndicator success variant.","name":"pill-pill-indicator-1","title":"Pill Indicator 1 - Pill with indicator","type":"registry:block"},{"description":"Pill with a static error PillIndicator.","name":"pill-pill-indicator-2","title":"Pill Indicator 2 - Error indicator","type":"registry:block"},{"description":"Pill with a warning PillIndicator.","name":"pill-pill-indicator-3","title":"Pill Indicator 3 - Warning indicator","type":"registry:block"},{"description":"Pill with a pulsing info PillIndicator.","name":"pill-pill-indicator-4","title":"Pill Indicator 4 - Info indicator","type":"registry:block"},{"description":"Row of pills covering every PillIndicator variant.","name":"pill-pill-indicator-5","title":"Pill Indicator 5 - All indicator variants","type":"registry:block"},{"description":"Simple pill with text content.","name":"pill-pill-standard-1","title":"Pill Standard 1 - Basic pill","type":"registry:block"},{"description":"Pill using the outline badge variant.","name":"pill-pill-standard-2","title":"Pill Standard 2 - Outline pill","type":"registry:block"},{"description":"Pill using the destructive badge variant.","name":"pill-pill-standard-3","title":"Pill Standard 3 - Destructive pill","type":"registry:block"},{"description":"Pill using the default primary badge variant.","name":"pill-pill-standard-4","title":"Pill Standard 4 - Default pill","type":"registry:block"},{"description":"Pill with PillStatus separating a build result from an ID.","name":"pill-pill-status-1","title":"Pill Status 1 - Status section","type":"registry:block"},{"description":"Pill with a pending PillStatus and approval label.","name":"pill-pill-status-2","title":"Pill Status 2 - Approval status","type":"registry:block"},{"description":"Simple Text Popover.","name":"popover-popover-standard-1","title":"Popover Standard 1 - Simple text","type":"registry:block"},{"description":"Popover with Footer.","name":"popover-popover-standard-10","title":"Popover Standard 10 - With footer","type":"registry:block"},{"description":"Popover with Steps.","name":"popover-popover-standard-11","title":"Popover Standard 11 - With steps","type":"registry:block"},{"description":"Notifications Popover.","name":"popover-popover-standard-12","title":"Popover Standard 12 - Notifications","type":"registry:block"},{"description":"Filter Popover.","name":"popover-popover-standard-13","title":"Popover Standard 13 - Filter","type":"registry:block"},{"description":"Share Popover.","name":"popover-popover-standard-14","title":"Popover Standard 14 - Share","type":"registry:block"},{"description":"Feedback Popover.","name":"popover-popover-standard-15","title":"Popover Standard 15 - Feedback","type":"registry:block"},{"description":"Popover with Heading.","name":"popover-popover-standard-2","title":"Popover Standard 2 - With heading","type":"registry:block"},{"description":"Popover with Actions.","name":"popover-popover-standard-3","title":"Popover Standard 3 - With actions","type":"registry:block"},{"description":"Popover with Form.","name":"popover-popover-standard-4","title":"Popover Standard 4 - With form","type":"registry:block"},{"description":"Info Icon Popover.","name":"popover-popover-standard-5","title":"Popover Standard 5 - Info icon","type":"registry:block"},{"description":"Popover with List.","name":"popover-popover-standard-6","title":"Popover Standard 6 - With list","type":"registry:block"},{"description":"User Profile Popover.","name":"popover-popover-standard-7","title":"Popover Standard 7 - User profile","type":"registry:block"},{"description":"Popover with Divider.","name":"popover-popover-standard-8","title":"Popover Standard 8 - With divider","type":"registry:block"},{"description":"Compact Popover.","name":"popover-popover-standard-9","title":"Popover Standard 9 - Compact","type":"registry:block"},{"description":"Formatted USD price display via Price and PriceValue.","name":"price-price-basic","title":"Price Basic - Formatted USD display","type":"registry:block"},{"description":"Sale price shows discounted and original amounts.","name":"price-price-on-sale","title":"Price On Sale - Discounted and original amounts","type":"registry:block"},{"description":"Empty Progress.","name":"progress-progress-basic-1","title":"Progress Basic 1 - Empty","type":"registry:block"},{"description":"Quarter Progress.","name":"progress-progress-basic-2","title":"Progress Basic 2 - Quarter","type":"registry:block"},{"description":"Half Progress.","name":"progress-progress-basic-3","title":"Progress Basic 3 - Half","type":"registry:block"},{"description":"Three Quarters Progress.","name":"progress-progress-basic-4","title":"Progress Basic 4 - Three quarters","type":"registry:block"},{"description":"Complete Progress.","name":"progress-progress-basic-5","title":"Progress Basic 5 - Complete","type":"registry:block"},{"description":"Success.","name":"progress-progress-colored-1","title":"Progress Colored 1 - Success","type":"registry:block"},{"description":"Warning.","name":"progress-progress-colored-2","title":"Progress Colored 2 - Warning","type":"registry:block"},{"description":"Danger.","name":"progress-progress-colored-3","title":"Progress Colored 3 - Danger","type":"registry:block"},{"description":"Info.","name":"progress-progress-colored-4","title":"Progress Colored 4 - Info","type":"registry:block"},{"description":"Gradient.","name":"progress-progress-colored-5","title":"Progress Colored 5 - Gradient","type":"registry:block"},{"description":"Extra Small.","name":"progress-progress-sizes-1","title":"Progress Sizes 1 - Extra small","type":"registry:block"},{"description":"Small.","name":"progress-progress-sizes-2","title":"Progress Sizes 2 - Small","type":"registry:block"},{"description":"Default.","name":"progress-progress-sizes-3","title":"Progress Sizes 3 - Default size","type":"registry:block"},{"description":"Large.","name":"progress-progress-sizes-4","title":"Progress Sizes 4 - Large","type":"registry:block"},{"description":"Extra Large.","name":"progress-progress-sizes-5","title":"Progress Sizes 5 - Extra large","type":"registry:block"},{"description":"With Percentage.","name":"progress-progress-with-label-1","title":"Progress With Label 1 - With percentage","type":"registry:block"},{"description":"With Label Above.","name":"progress-progress-with-label-2","title":"Progress With Label 2 - With label above","type":"registry:block"},{"description":"With Label Below.","name":"progress-progress-with-label-3","title":"Progress With Label 3 - With label below","type":"registry:block"},{"description":"With Count.","name":"progress-progress-with-label-4","title":"Progress With Label 4 - With count","type":"registry:block"},{"description":"Multi-line Label.","name":"progress-progress-with-label-5","title":"Progress With Label 5 - Multi-line label","type":"registry:block"},{"description":"QR code using high robustness for denser recovery.","name":"qr-code-qr-code-robust-1","title":"Qr Code Robust 1 - High error correction","type":"registry:block"},{"description":"QR codes shown at small, medium, and large sizes.","name":"qr-code-qr-code-sizes-1","title":"Qr Code Sizes 1 - Size variants","type":"registry:block"},{"description":"Client QR code for a URL using theme-aware colors.","name":"qr-code-qr-code-standard-1","title":"Qr Code Standard 1 - URL QR code","type":"registry:block"},{"description":"QR code encoding a short plain-text string instead of a URL.","name":"qr-code-qr-code-text-1","title":"Qr Code Text 1 - Plain text payload","type":"registry:block"},{"description":"Address list with radio selection for the default, inline edit forms, and add, edit, and delete actions.","name":"radio-group-radio-group-address-book-1","title":"Radio Group Address Book 1 - Address book with edit modes","type":"registry:block"},{"description":"RadioGroup with Icons.","name":"radio-group-radio-group-advanced-1","title":"Radio Group Advanced 1 - With icons","type":"registry:block"},{"description":"RadioGroup with Custom Content.","name":"radio-group-radio-group-advanced-2","title":"Radio Group Advanced 2 - With custom content","type":"registry:block"},{"description":"RadioGroup in Form.","name":"radio-group-radio-group-form-1","title":"Radio Group Form 1 - In a form","type":"registry:block"},{"description":"RadioGroup with Disabled States.","name":"radio-group-radio-group-form-2","title":"Radio Group Form 2 - With disabled states","type":"registry:block"},{"description":"Horizontal RadioGroup.","name":"radio-group-radio-group-layout-1","title":"Radio Group Layout 1 - Horizontal","type":"registry:block"},{"description":"RadioGroup with Cards.","name":"radio-group-radio-group-layout-2","title":"Radio Group Layout 2 - With cards","type":"registry:block"},{"description":"RadioGroup in Grid.","name":"radio-group-radio-group-layout-3","title":"Radio Group Layout 3 - In a grid","type":"registry:block"},{"description":"Basic RadioGroup.","name":"radio-group-radio-group-standard-1","title":"Radio Group Standard 1 - Basic","type":"registry:block"},{"description":"RadioGroup with Descriptions.","name":"radio-group-radio-group-standard-2","title":"Radio Group Standard 2 - With descriptions","type":"registry:block"},{"description":"Star rating display for a numeric score.","name":"rating-rating-basic","title":"Rating Basic - Numeric score display","type":"registry:block"},{"description":"Average score, a star row, and a bar for each rating level.","name":"rating-rating-breakdown-1","title":"Rating Breakdown 1 - Score with a distribution","type":"registry:block"},{"description":"Star rating paired with descriptive label text.","name":"rating-rating-composition-1","title":"Rating Composition 1 - Rating with label","type":"registry:block"},{"description":"Rating prefilled with defaultValue of three stars.","name":"rating-rating-default-1","title":"Rating Default 1 - Default rating value","type":"registry:block"},{"description":"Rating with three stars selected for a mid-range score.","name":"rating-rating-half-1","title":"Rating Half 1 - Three star selection","type":"registry:block"},{"description":"Star rating composed with a field label so users know they are scoring a specific product.","name":"rating-rating-kibo-composition-1","title":"Rating Kibo Composition 1 - With field label","type":"registry:block"},{"description":"Controlled five-star rating bound to a value, with helper text showing the currently selected star count.","name":"rating-rating-kibo-controlled-1","title":"Rating Kibo Controlled 1 - Controlled value","type":"registry:block"},{"description":"Five-star rating prefilled with a default value of three so a mid-range score shows on load.","name":"rating-rating-kibo-default-1","title":"Rating Kibo Default 1 - Default value","type":"registry:block"},{"description":"Non-interactive four-star rating that displays a fixed score without accepting pointer or keyboard input.","name":"rating-rating-kibo-readonly-1","title":"Rating Kibo Readonly 1 - Read-only display","type":"registry:block"},{"description":"Five-star rating that uses a larger button size and starts with four stars selected.","name":"rating-rating-kibo-sizes-1","title":"Rating Kibo Sizes 1 - Larger star size","type":"registry:block"},{"description":"Interactive five-star rating with clickable buttons that starts empty so users can pick a score.","name":"rating-rating-kibo-standard-1","title":"Rating Kibo Standard 1 - Interactive stars","type":"registry:block"},{"description":"Non-interactive rating for displaying an average score.","name":"rating-rating-readonly-1","title":"Rating Readonly 1 - Read-only display","type":"registry:block"},{"description":"Rating with increased star icon size.","name":"rating-rating-sizes-1","title":"Rating Sizes 1 - Larger star size","type":"registry:block"},{"description":"Five-star rating with clickable buttons.","name":"rating-rating-standard-1","title":"Rating Standard 1 - Interactive stars","type":"registry:block"},{"description":"Rating shows stars plus explicit numeric score.","name":"rating-rating-with-score","title":"Rating With Score - Stars plus numeric score","type":"registry:block"},{"description":"Reel with play, mute, previous, and next control buttons.","name":"reel-reel-controls-1","title":"Reel Controls 1 - Playback controls","type":"registry:block"},{"description":"Timed image reel without video items.","name":"reel-reel-images-1","title":"Reel Images 1 - Images only","type":"registry:block"},{"description":"Reel with header overlay title and description on each item.","name":"reel-reel-overlay-1","title":"Reel Overlay 1 - Title overlay","type":"registry:block"},{"description":"Vertical reel with image and video items, progress, and navigation.","name":"reel-reel-standard-1","title":"Reel Standard 1 - Basic media reel","type":"registry:block"},{"description":"Composed world clock with labels, dates, and times.","name":"relative-time-relative-time-composition-1","title":"Relative Time Composition 1 - World clock layout","type":"registry:block"},{"description":"RelativeTime with custom date and time format options.","name":"relative-time-relative-time-formats-1","title":"Relative Time Formats 1 - Custom formats","type":"registry:block"},{"description":"RelativeTime rows with custom RelativeTimeZoneLabel text.","name":"relative-time-relative-time-labels-1","title":"Relative Time Labels 1 - Zone labels","type":"registry:block"},{"description":"RelativeTime showing one UTC clock row.","name":"relative-time-relative-time-standard-1","title":"Relative Time Standard 1 - Single UTC zone","type":"registry:block"},{"description":"RelativeTime with NYC, London, and Tokyo zones.","name":"relative-time-relative-time-zones-1","title":"Relative Time Zones 1 - Multiple time zones","type":"registry:block"},{"description":"Collapsible panel with a button to collapse and expand the sidebar.","name":"resizable-resizable-collapsible-sidebar","title":"Resizable Collapsible Sidebar - Collapsible sidebar","type":"registry:block"},{"description":"Basic horizontal ResizablePanelGroup with two equal panels.","name":"resizable-resizable-horizontal-split","title":"Resizable Horizontal Split - Horizontal split","type":"registry:block"},{"description":"Sidebar, editor, and terminal split using nested panel groups.","name":"resizable-resizable-ide-layout","title":"Resizable Ide Layout - IDE layout","type":"registry:block"},{"description":"ResizablePanel with minSize and maxSize percentage constraints.","name":"resizable-resizable-min-max-sizes","title":"Resizable Min Max Sizes - Min and max sizes","type":"registry:block"},{"description":"Nested horizontal and vertical ResizablePanelGroup composition.","name":"resizable-resizable-nested-panels","title":"Resizable Nested Panels - Nested panels","type":"registry:block"},{"description":"Three-panel horizontal layout with two ResizableHandle separators.","name":"resizable-resizable-three-columns","title":"Resizable Three Columns - Three columns","type":"registry:block"},{"description":"Vertical ResizablePanelGroup with header and content panels.","name":"resizable-resizable-vertical-split","title":"Resizable Vertical Split - Vertical split","type":"registry:block"},{"description":"Resizable file list and preview panes each using ScrollArea.","name":"resizable-resizable-with-scroll-area","title":"Resizable With Scroll Area - With scroll area","type":"registry:block"},{"description":"ResizableHandle with the withHandle prop for a visible drag grip.","name":"resizable-resizable-with-visible-handle","title":"Resizable With Visible Handle - With visible handle","type":"registry:block"},{"description":"Sandbox tabs that include a console panel for runtime logs.","name":"sandbox-sandbox-console-1","title":"Sandbox Console 1 - With console","type":"registry:block"},{"description":"Multi-file sandbox with a file explorer beside the editor.","name":"sandbox-sandbox-files-1","title":"Sandbox Files 1 - File explorer","type":"registry:block"},{"description":"Sandbox that opens on the preview tab for demo-first docs.","name":"sandbox-sandbox-preview-1","title":"Sandbox Preview 1 - Preview focused","type":"registry:block"},{"description":"Sandpack sandbox with code editor and live preview tabs.","name":"sandbox-sandbox-standard-1","title":"Sandbox Standard 1 - Code and preview","type":"registry:block"},{"description":"Both Orientations.","name":"scroll-area-scroll-area-advanced-1","title":"Scroll Area Advanced 1 - Both orientations","type":"registry:block"},{"description":"Dynamic Content.","name":"scroll-area-scroll-area-advanced-2","title":"Scroll Area Advanced 2 - Dynamic content","type":"registry:block"},{"description":"With ResizableHandle.","name":"scroll-area-scroll-area-advanced-3","title":"Scroll Area Advanced 3 - With resize handle","type":"registry:block"},{"description":"Fixed Height ScrollArea.","name":"scroll-area-scroll-area-layout-1","title":"Scroll Area Layout 1 - Fixed height","type":"registry:block"},{"description":"Scrollable Tags.","name":"scroll-area-scroll-area-layout-2","title":"Scroll Area Layout 2 - Scrollable tags","type":"registry:block"},{"description":"Chat Messages.","name":"scroll-area-scroll-area-layout-3","title":"Scroll Area Layout 3 - Chat messages","type":"registry:block"},{"description":"Basic ScrollArea.","name":"scroll-area-scroll-area-standard-1","title":"Scroll Area Standard 1 - Basic","type":"registry:block"},{"description":"Horizontal ScrollArea.","name":"scroll-area-scroll-area-standard-2","title":"Scroll Area Standard 2 - Horizontal","type":"registry:block"},{"description":"TabsList scrolls horizontally inside ScrollableTabsList.","name":"scrollable-tabslist-scrollable-tabslist-basic","title":"Scrollable Tabslist Basic - Horizontal scrolling tabs","type":"registry:block"},{"description":"Controlled select with a button to clear the current value.","name":"select-select-clearable","title":"Select Clearable - Clearable","type":"registry:block"},{"description":"Inline sort select for toolbar and filter bar layouts.","name":"select-select-compact-toolbar","title":"Select Compact Toolbar - Compact toolbar select","type":"registry:block"},{"description":"Default shadcn Select with a pre-selected value.","name":"select-select-default","title":"Select Default - Default","type":"registry:block"},{"description":"Entire select control in a disabled state.","name":"select-select-disabled","title":"Select Disabled - Disabled","type":"registry:block"},{"description":"Select dropdown with a message when no options exist.","name":"select-select-empty-state","title":"Select Empty State - Empty state","type":"registry:block"},{"description":"Full-width select inside a Field wrapper.","name":"select-select-full-width","title":"Select Full Width - Full width layout","type":"registry:block"},{"description":"Minimal ghost-style select without a visible border.","name":"select-select-ghost","title":"Select Ghost - Ghost select","type":"registry:block"},{"description":"Select with label and control on one row.","name":"select-select-horizontal-field-layout","title":"Select Horizontal Field Layout - Horizontal field layout","type":"registry:block"},{"description":"Select that shows skeleton placeholders while options load.","name":"select-select-loading","title":"Select Loading - Loading state","type":"registry:block"},{"description":"Two-line select items with a trailing badge beside the title and description.","name":"select-select-option-with-badge-and-description","title":"Select Option With Badge And Description - Badge with description","type":"registry:block"},{"description":"Select items with trailing badges such as New or Pro.","name":"select-select-option-with-badge","title":"Select Option With Badge - Options with badge","type":"registry:block"},{"description":"Two-line select items with a title and supporting description.","name":"select-select-option-with-description","title":"Select Option With Description - Options with description","type":"registry:block"},{"description":"Select items with a leading icon, label, and trailing badge tag.","name":"select-select-option-with-icon-and-badge","title":"Select Option With Icon And Badge - Icon with badge","type":"registry:block"},{"description":"Select items with a leading icon, title, and supporting description line.","name":"select-select-option-with-icon-and-description","title":"Select Option With Icon And Description - Icon with description","type":"registry:block"},{"description":"Select items with Lucide icons beside each option label.","name":"select-select-option-with-icon","title":"Select Option With Icon - Select option with icon","type":"registry:block"},{"description":"Select items combining icon, two-line text, and a trailing badge in one row.","name":"select-select-option-with-rich-item","title":"Select Option With Rich Item - Rich option row","type":"registry:block"},{"description":"Two-line select items with a colored status dot, label, and incident detail.","name":"select-select-option-with-status-dot","title":"Select Option With Status Dot - Status dot options","type":"registry:block"},{"description":"Access level select with icon, role name, and capability description per row.","name":"select-select-permission-level","title":"Select Permission Level - Permission level","type":"registry:block"},{"description":"Select menu positioned above the trigger with side=\"top\".","name":"select-select-position-variant","title":"Select Position Variant - Position variant","type":"registry:block"},{"description":"Static read-only presentation of a selected value.","name":"select-select-read-only","title":"Select Read Only - Read-only display","type":"registry:block"},{"description":"Deploy region picker with flag, label, and latency badge per option.","name":"select-select-region-with-latency","title":"Select Region With Latency - Region with latency","type":"registry:block"},{"description":"Required select field marked with an asterisk.","name":"select-select-required","title":"Select Required - Required","type":"registry:block"},{"description":"Select with many options in a scrollable menu.","name":"select-select-scrollable-long-list","title":"Select Scrollable Long List - Scrollable long list","type":"registry:block"},{"description":"Small, default, and large select trigger sizes.","name":"select-select-size-variants","title":"Select Size Variants - Size variants","type":"registry:block"},{"description":"Timezone picker with grouped regional options.","name":"select-select-timezone","title":"Select Timezone - Timezone select","type":"registry:block"},{"description":"Select items with avatar, name, and role or subtitle on a second line.","name":"select-select-with-avatar-and-description","title":"Select With Avatar And Description - Avatar with description","type":"registry:block"},{"description":"Select items with user avatars beside each name.","name":"select-select-with-avatar","title":"Select With Avatar - Options with avatar","type":"registry:block"},{"description":"Select trigger with a muted background fill.","name":"select-select-with-background-color","title":"Select With Background Color - With background color","type":"registry:block"},{"description":"Select items with color swatches beside each label.","name":"select-select-with-color-swatch","title":"Select With Color Swatch - Color swatch options","type":"registry:block"},{"description":"Select with a custom blue border and focus ring on the trigger.","name":"select-select-with-colored-border-and-ring","title":"Select With Colored Border And Ring - With colored border and ring","type":"registry:block"},{"description":"Project select with a sticky Create new project button below the options.","name":"select-select-with-create-footer","title":"Select With Create Footer - Create footer","type":"registry:block"},{"description":"Select pre-filled with a default selected option.","name":"select-select-with-default-value","title":"Select With Default Value - With default value","type":"registry:block"},{"description":"Select with descriptive copy above the control.","name":"select-select-with-description","title":"Select With Description - With description","type":"registry:block"},{"description":"Workspace select with a separator and destructive delete action row.","name":"select-select-with-destructive-option","title":"Select With Destructive Option - Destructive option","type":"registry:block"},{"description":"Select menu with individual disabled items.","name":"select-select-with-disabled-options","title":"Select With Disabled Options - With disabled options","type":"registry:block"},{"description":"Role select with invalid styling and a validation error message.","name":"select-select-with-error","title":"Select With Error - With error","type":"registry:block"},{"description":"Select items with country flag emoji beside each label.","name":"select-select-with-flag","title":"Select With Flag - Options with flag","type":"registry:block"},{"description":"Select wrapped in Field with helper text below the control.","name":"select-select-with-helper-text","title":"Select With Helper Text - With helper text","type":"registry:block"},{"description":"Select trigger with a GitBranch icon for choosing a git branch.","name":"select-select-with-icon","title":"Select With Icon - With icon","type":"registry:block"},{"description":"Select with a small label inside the trigger.","name":"select-select-with-inset-label","title":"Select With Inset Label - With inset label","type":"registry:block"},{"description":"Select trigger with static leading text before the value.","name":"select-select-with-leading-text","title":"Select With Leading Text - With leading text","type":"registry:block"},{"description":"Select with grouped options and section labels.","name":"select-select-with-option-groups","title":"Select With Option Groups - With option groups","type":"registry:block"},{"description":"Select with a label overlapping the trigger border.","name":"select-select-with-overlapping-label","title":"Select With Overlapping Label - With overlapping label","type":"registry:block"},{"description":"Select with placeholder text before a value is chosen.","name":"select-select-with-placeholder","title":"Select With Placeholder - With placeholder","type":"registry:block"},{"description":"Select with currency prefix and unit suffix in the trigger.","name":"select-select-with-prefix-and-suffix","title":"Select With Prefix And Suffix - With prefix and suffix adornment","type":"registry:block"},{"description":"Storage bucket select with usage text and a Progress bar in each option.","name":"select-select-with-quota-progress","title":"Select With Quota Progress - Quota progress","type":"registry:block"},{"description":"Plan select with one highlighted row and a Recommended badge.","name":"select-select-with-recommended-option","title":"Select With Recommended Option - Recommended option","type":"registry:block"},{"description":"Grouped select with separators between sections.","name":"select-select-with-separator","title":"Select With Separator - With separator","type":"registry:block"},{"description":"Select trigger that displays the choice as a status badge.","name":"select-select-with-status","title":"Select With Status - Status select","type":"registry:block"},{"description":"Select trigger that truncates long selected labels.","name":"select-select-with-truncated-trigger","title":"Select With Truncated Trigger - Truncated trigger text","type":"registry:block"},{"description":"Org picker with logo tile, member count, and plan badge on each option.","name":"select-select-workspace-switcher","title":"Select Workspace Switcher - Workspace switcher","type":"registry:block"},{"description":"Horizontal Separator.","name":"separator-separator-basic-1","title":"Separator Basic 1 - Horizontal","type":"registry:block"},{"description":"Vertical Separator.","name":"separator-separator-basic-2","title":"Separator Basic 2 - Vertical","type":"registry:block"},{"description":"In Navigation.","name":"separator-separator-basic-3","title":"Separator Basic 3 - In navigation","type":"registry:block"},{"description":"Section Divider.","name":"separator-separator-basic-4","title":"Separator Basic 4 - Section divider","type":"registry:block"},{"description":"Simple Line.","name":"separator-separator-basic-5","title":"Separator Basic 5 - Simple line","type":"registry:block"},{"description":"Tight Spacing.","name":"separator-separator-spacing-1","title":"Separator Spacing 1 - Tight spacing","type":"registry:block"},{"description":"Default Spacing.","name":"separator-separator-spacing-2","title":"Separator Spacing 2 - Default spacing","type":"registry:block"},{"description":"Wide Spacing.","name":"separator-separator-spacing-3","title":"Separator Spacing 3 - Wide spacing","type":"registry:block"},{"description":"With Margins.","name":"separator-separator-spacing-4","title":"Separator Spacing 4 - With margins","type":"registry:block"},{"description":"Inset Separator.","name":"separator-separator-spacing-5","title":"Separator Spacing 5 - Inset","type":"registry:block"},{"description":"Thick Separator.","name":"separator-separator-styled-1","title":"Separator Styled 1 - Thick","type":"registry:block"},{"description":"Dashed Separator.","name":"separator-separator-styled-2","title":"Separator Styled 2 - Dashed","type":"registry:block"},{"description":"Dotted Separator.","name":"separator-separator-styled-3","title":"Separator Styled 3 - Dotted","type":"registry:block"},{"description":"Gradient line divider between content sections.","name":"separator-separator-styled-4","title":"Separator Styled 4 - Gradient line","type":"registry:block"},{"description":"Double Line.","name":"separator-separator-styled-5","title":"Separator Styled 5 - Double line","type":"registry:block"},{"description":"With Text Center.","name":"separator-separator-with-text-1","title":"Separator With Text 1 - With text center","type":"registry:block"},{"description":"With Text Left.","name":"separator-separator-with-text-2","title":"Separator With Text 2 - With text left","type":"registry:block"},{"description":"With Text Right.","name":"separator-separator-with-text-3","title":"Separator With Text 3 - With text right","type":"registry:block"},{"description":"Narrow checkout address picker with radio cards, delivery estimates, and a side sheet for adding or editing an address.","name":"sheet-sheet-address-book-1","title":"Sheet Address Book 1 - Checkout address picker","type":"registry:block"},{"description":"Side sheet with basic fields, a status select, and rows you can add or remove.","name":"sheet-sheet-customer-editor-1","title":"Sheet Customer Editor 1 - Sheet form with repeatable rows","type":"registry:block"},{"description":"Product Details Sheet.","name":"sheet-sheet-details-1","title":"Sheet Details 1 - Product details","type":"registry:block"},{"description":"User Profile View Sheet.","name":"sheet-sheet-details-2","title":"Sheet Details 2 - User profile view","type":"registry:block"},{"description":"Order Details Sheet.","name":"sheet-sheet-details-3","title":"Sheet Details 3 - Order details","type":"registry:block"},{"description":"Article Preview Sheet.","name":"sheet-sheet-details-4","title":"Sheet Details 4 - Article preview","type":"registry:block"},{"description":"Notification List Sheet.","name":"sheet-sheet-details-5","title":"Sheet Details 5 - Notification list","type":"registry:block"},{"description":"Contact Form Sheet.","name":"sheet-sheet-form-1","title":"Sheet Form 1 - Contact form","type":"registry:block"},{"description":"User Profile Edit Sheet.","name":"sheet-sheet-form-2","title":"Sheet Form 2 - User profile edit","type":"registry:block"},{"description":"Search and Filter Sheet.","name":"sheet-sheet-form-3","title":"Sheet Form 3 - Search and filter","type":"registry:block"},{"description":"Create New Item Sheet.","name":"sheet-sheet-form-4","title":"Sheet Form 4 - Create new item","type":"registry:block"},{"description":"Multi-Step Form Sheet.","name":"sheet-sheet-form-5","title":"Sheet Form 5 - Multi-step form","type":"registry:block"},{"description":"Sheet with Header, Content, and Footer.","name":"sheet-sheet-multi-section-1","title":"Sheet Multi Section 1 - Header, content, and footer","type":"registry:block"},{"description":"Sheet with Tabs.","name":"sheet-sheet-multi-section-2","title":"Sheet Multi Section 2 - With tabs","type":"registry:block"},{"description":"Sheet with Scrollable Content.","name":"sheet-sheet-multi-section-3","title":"Sheet Multi Section 3 - Scrollable content","type":"registry:block"},{"description":"Sheet with Action Buttons in Footer.","name":"sheet-sheet-multi-section-4","title":"Sheet Multi Section 4 - Action buttons in footer","type":"registry:block"},{"description":"Sheet with Sticky Header and Footer.","name":"sheet-sheet-multi-section-5","title":"Sheet Multi Section 5 - Sticky header and footer","type":"registry:block"},{"description":"Mobile Menu Sheet.","name":"sheet-sheet-navigation-1","title":"Sheet Navigation 1 - Mobile menu","type":"registry:block"},{"description":"Sidebar Navigation Sheet.","name":"sheet-sheet-navigation-2","title":"Sheet Navigation 2 - Sidebar navigation","type":"registry:block"},{"description":"Nested Navigation Menu Sheet.","name":"sheet-sheet-navigation-3","title":"Sheet Navigation 3 - Nested navigation menu","type":"registry:block"},{"description":"Navigation with User Profile Sheet.","name":"sheet-sheet-navigation-4","title":"Sheet Navigation 4 - Navigation with user profile","type":"registry:block"},{"description":"Navigation with Search Sheet.","name":"sheet-sheet-navigation-5","title":"Sheet Navigation 5 - Navigation with search","type":"registry:block"},{"description":"App Preferences Sheet.","name":"sheet-sheet-settings-1","title":"Sheet Settings 1 - App preferences","type":"registry:block"},{"description":"Account Settings Sheet.","name":"sheet-sheet-settings-2","title":"Sheet Settings 2 - Account settings","type":"registry:block"},{"description":"Notification Preferences Sheet.","name":"sheet-sheet-settings-3","title":"Sheet Settings 3 - Notification preferences","type":"registry:block"},{"description":"Theme Settings Sheet.","name":"sheet-sheet-settings-4","title":"Sheet Settings 4 - Theme settings","type":"registry:block"},{"description":"Privacy Settings Sheet.","name":"sheet-sheet-settings-5","title":"Sheet Settings 5 - Privacy settings","type":"registry:block"},{"description":"Bottom-Sliding Sheet.","name":"sheet-sheet-standard-1","title":"Sheet Standard 1 - Bottom-sliding","type":"registry:block"},{"description":"Sheet with Title and Description.","name":"sheet-sheet-standard-2","title":"Sheet Standard 2 - With title and description","type":"registry:block"},{"description":"Left-Sided Sheet.","name":"sheet-sheet-standard-3","title":"Sheet Standard 3 - Left-sided","type":"registry:block"},{"description":"Top-Sliding Sheet.","name":"sheet-sheet-standard-4","title":"Sheet Standard 4 - Top-sliding","type":"registry:block"},{"description":"Simple Card with Image and Text.","name":"skeleton-skeleton-card-1","title":"Skeleton Card 1 - Simple card with image and text","type":"registry:block"},{"description":"Card with Avatar and Content.","name":"skeleton-skeleton-card-2","title":"Skeleton Card 2 - Card with avatar and content","type":"registry:block"},{"description":"Card with Badge and Tags.","name":"skeleton-skeleton-card-3","title":"Skeleton Card 3 - Card with badge and tags","type":"registry:block"},{"description":"Vertical Card Layout.","name":"skeleton-skeleton-card-4","title":"Skeleton Card 4 - Vertical card layout","type":"registry:block"},{"description":"Horizontal Card Layout.","name":"skeleton-skeleton-card-5","title":"Skeleton Card 5 - Horizontal card layout","type":"registry:block"},{"description":"Article Preview.","name":"skeleton-skeleton-content-1","title":"Skeleton Content 1 - Article preview","type":"registry:block"},{"description":"Blog Post.","name":"skeleton-skeleton-content-2","title":"Skeleton Content 2 - Blog post","type":"registry:block"},{"description":"Comment Thread.","name":"skeleton-skeleton-content-3","title":"Skeleton Content 3 - Comment thread","type":"registry:block"},{"description":"Detailed Article.","name":"skeleton-skeleton-content-4","title":"Skeleton Content 4 - Detailed article","type":"registry:block"},{"description":"Content with Sidebar.","name":"skeleton-skeleton-content-5","title":"Skeleton Content 5 - Content with sidebar","type":"registry:block"},{"description":"Input Fields.","name":"skeleton-skeleton-form-1","title":"Skeleton Form 1 - Input fields","type":"registry:block"},{"description":"Form with Labels.","name":"skeleton-skeleton-form-2","title":"Skeleton Form 2 - Form with labels","type":"registry:block"},{"description":"Multi-column Form.","name":"skeleton-skeleton-form-3","title":"Skeleton Form 3 - Multi-column form","type":"registry:block"},{"description":"Form with Sections.","name":"skeleton-skeleton-form-4","title":"Skeleton Form 4 - Form with sections","type":"registry:block"},{"description":"Search Form.","name":"skeleton-skeleton-form-5","title":"Skeleton Form 5 - Search form","type":"registry:block"},{"description":"Simple List Items.","name":"skeleton-skeleton-list-1","title":"Skeleton List 1 - Simple list items","type":"registry:block"},{"description":"List with Avatars.","name":"skeleton-skeleton-list-2","title":"Skeleton List 2 - List with avatars","type":"registry:block"},{"description":"List with Icons.","name":"skeleton-skeleton-list-3","title":"Skeleton List 3 - List with icons","type":"registry:block"},{"description":"Multi-line List Items.","name":"skeleton-skeleton-list-4","title":"Skeleton List 4 - Multi-line list items","type":"registry:block"},{"description":"Hierarchical List Items.","name":"skeleton-skeleton-list-5","title":"Skeleton List 5 - Hierarchical list items","type":"registry:block"},{"description":"User Profile Header.","name":"skeleton-skeleton-profile-1","title":"Skeleton Profile 1 - User profile header","type":"registry:block"},{"description":"Profile Card.","name":"skeleton-skeleton-profile-2","title":"Skeleton Profile 2 - Profile card","type":"registry:block"},{"description":"Profile Settings Form.","name":"skeleton-skeleton-profile-3","title":"Skeleton Profile 3 - Profile settings form","type":"registry:block"},{"description":"Profile with Stats.","name":"skeleton-skeleton-profile-4","title":"Skeleton Profile 4 - Profile with stats","type":"registry:block"},{"description":"Team Member Card.","name":"skeleton-skeleton-profile-5","title":"Skeleton Profile 5 - Team member card","type":"registry:block"},{"description":"Simple Table Rows.","name":"skeleton-skeleton-table-1","title":"Skeleton Table 1 - Simple table rows","type":"registry:block"},{"description":"Table with Actions.","name":"skeleton-skeleton-table-2","title":"Skeleton Table 2 - Table with actions","type":"registry:block"},{"description":"Table with Avatars.","name":"skeleton-skeleton-table-3","title":"Skeleton Table 3 - Table with avatars","type":"registry:block"},{"description":"Expandable Rows.","name":"skeleton-skeleton-table-4","title":"Skeleton Table 4 - Expandable rows","type":"registry:block"},{"description":"Table with Pagination.","name":"skeleton-skeleton-table-5","title":"Skeleton Table 5 - Table with pagination","type":"registry:block"},{"description":"Synced with Input Field.","name":"slider-slider-interactive-1","title":"Slider Interactive 1 - Synced with input field","type":"registry:block"},{"description":"With Increment/Decrement Buttons.","name":"slider-slider-interactive-2","title":"Slider Interactive 2 - With increment/decrement buttons","type":"registry:block"},{"description":"With Preset Values.","name":"slider-slider-interactive-3","title":"Slider Interactive 3 - With preset values","type":"registry:block"},{"description":"With Reset Button.","name":"slider-slider-interactive-4","title":"Slider Interactive 4 - With reset button","type":"registry:block"},{"description":"With Live Preview.","name":"slider-slider-interactive-5","title":"Slider Interactive 5 - With live preview","type":"registry:block"},{"description":"Basic Range Slider.","name":"slider-slider-range-1","title":"Slider Range 1 - Basic range","type":"registry:block"},{"description":"Price Range Slider.","name":"slider-slider-range-2","title":"Slider Range 2 - Price range","type":"registry:block"},{"description":"Range with Value Display.","name":"slider-slider-range-3","title":"Slider Range 3 - Range with value display","type":"registry:block"},{"description":"Range with Constraints.","name":"slider-slider-range-4","title":"Slider Range 4 - Range with constraints","type":"registry:block"},{"description":"Percentage Range.","name":"slider-slider-range-5","title":"Slider Range 5 - Percentage range","type":"registry:block"},{"description":"Volume Control.","name":"slider-slider-settings-1","title":"Slider Settings 1 - Volume control","type":"registry:block"},{"description":"Brightness Control.","name":"slider-slider-settings-2","title":"Slider Settings 2 - Brightness control","type":"registry:block"},{"description":"Temperature Control.","name":"slider-slider-settings-3","title":"Slider Settings 3 - Temperature control","type":"registry:block"},{"description":"Speed Control.","name":"slider-slider-settings-4","title":"Slider Settings 4 - Speed control","type":"registry:block"},{"description":"Simple Slider.","name":"slider-slider-standard-1","title":"Slider Standard 1 - Simple","type":"registry:block"},{"description":"Slider with Label.","name":"slider-slider-standard-2","title":"Slider Standard 2 - With label","type":"registry:block"},{"description":"Slider with Value Display.","name":"slider-slider-standard-3","title":"Slider Standard 3 - With value display","type":"registry:block"},{"description":"Slider with Min/Max Labels.","name":"slider-slider-standard-4","title":"Slider Standard 4 - With min/max labels","type":"registry:block"},{"description":"Slider with Step Indicators.","name":"slider-slider-standard-5","title":"Slider Standard 5 - With step indicators","type":"registry:block"},{"description":"Colored Slider.","name":"slider-slider-styled-1","title":"Slider Styled 1 - Colored","type":"registry:block"},{"description":"With Tooltip.","name":"slider-slider-styled-2","title":"Slider Styled 2 - With tooltip","type":"registry:block"},{"description":"Large/Thick Slider.","name":"slider-slider-styled-3","title":"Slider Styled 3 - Large/thick","type":"registry:block"},{"description":"Minimal Style.","name":"slider-slider-styled-4","title":"Slider Styled 4 - Minimal style","type":"registry:block"},{"description":"With Gradient Track.","name":"slider-slider-styled-5","title":"Slider Styled 5 - With gradient track","type":"registry:block"},{"description":"Volume Control Style.","name":"slider-slider-vertical-1","title":"Slider Vertical 1 - Volume control style","type":"registry:block"},{"description":"Height Selector.","name":"slider-slider-vertical-2","title":"Slider Vertical 2 - Height selector","type":"registry:block"},{"description":"Vertical with Labels.","name":"slider-slider-vertical-3","title":"Slider Vertical 3 - Vertical with labels","type":"registry:block"},{"description":"Vertical Range.","name":"slider-slider-vertical-4","title":"Slider Vertical 4 - Vertical range","type":"registry:block"},{"description":"Vertical with Indicators.","name":"slider-slider-vertical-5","title":"Slider Vertical 5 - Vertical with indicators","type":"registry:block"},{"description":"Full install snippet with stable and preview tabs plus dynamic copy button.","name":"snippet-snippet-composition-1","title":"Snippet Composition 1 - Install command","type":"registry:block"},{"description":"Snippet with value and onValueChange controlled by external buttons.","name":"snippet-snippet-controlled-1","title":"Snippet Controlled 1 - Controlled tabs","type":"registry:block"},{"description":"Snippet with SnippetCopyButton in the header for clipboard copy.","name":"snippet-snippet-copy-1","title":"Snippet Copy 1 - Copy button","type":"registry:block"},{"description":"SnippetHeader with a label, tab trigger, and copy button in a custom layout.","name":"snippet-snippet-header-1","title":"Snippet Header 1 - Custom header","type":"registry:block"},{"description":"Snippet with one tab showing a package install command in a code block.","name":"snippet-snippet-standard-1","title":"Snippet Standard 1 - Single tab","type":"registry:block"},{"description":"Snippet with TypeScript, JavaScript, and Python language tabs.","name":"snippet-snippet-tabs-1","title":"Snippet Tabs 1 - Multiple tabs","type":"registry:block"},{"description":"Apple social button — default style.","name":"social-button-social-button-apple-default","title":"Social Button Apple Default - Apple default","type":"registry:block"},{"description":"Apple social button — full style.","name":"social-button-social-button-apple-full","title":"Social Button Apple Full - Apple full","type":"registry:block"},{"description":"Apple social button — icon style.","name":"social-button-social-button-apple-icon","title":"Social Button Apple Icon - Apple icon","type":"registry:block"},{"description":"Apple social button — outline style.","name":"social-button-social-button-apple-outline","title":"Social Button Apple Outline - Apple outline","type":"registry:block"},{"description":"Apple social button — secondary-outline style.","name":"social-button-social-button-apple-secondary-outline","title":"Social Button Apple Secondary Outline - Apple secondary-outline","type":"registry:block"},{"description":"Apple social button — sm style.","name":"social-button-social-button-apple-sm","title":"Social Button Apple Sm - Apple sm","type":"registry:block"},{"description":"Discord social button — default style.","name":"social-button-social-button-discord-default","title":"Social Button Discord Default - Discord default","type":"registry:block"},{"description":"Discord social button — full style.","name":"social-button-social-button-discord-full","title":"Social Button Discord Full - Discord full","type":"registry:block"},{"description":"Discord social button — icon style.","name":"social-button-social-button-discord-icon","title":"Social Button Discord Icon - Discord icon","type":"registry:block"},{"description":"Discord social button — outline style.","name":"social-button-social-button-discord-outline","title":"Social Button Discord Outline - Discord outline","type":"registry:block"},{"description":"Discord social button — secondary-outline style.","name":"social-button-social-button-discord-secondary-outline","title":"Social Button Discord Secondary Outline - Discord secondary-outline","type":"registry:block"},{"description":"Discord social button — sm style.","name":"social-button-social-button-discord-sm","title":"Social Button Discord Sm - Discord sm","type":"registry:block"},{"description":"Facebook social button — default style.","name":"social-button-social-button-facebook-default","title":"Social Button Facebook Default - Facebook default","type":"registry:block"},{"description":"Facebook social button — full style.","name":"social-button-social-button-facebook-full","title":"Social Button Facebook Full - Facebook full","type":"registry:block"},{"description":"Facebook social button — icon style.","name":"social-button-social-button-facebook-icon","title":"Social Button Facebook Icon - Facebook icon","type":"registry:block"},{"description":"Facebook social button — outline style.","name":"social-button-social-button-facebook-outline","title":"Social Button Facebook Outline - Facebook outline","type":"registry:block"},{"description":"Facebook social button — secondary-outline style.","name":"social-button-social-button-facebook-secondary-outline","title":"Social Button Facebook Secondary Outline - Facebook secondary-outline","type":"registry:block"},{"description":"Facebook social button — sm style.","name":"social-button-social-button-facebook-sm","title":"Social Button Facebook Sm - Facebook sm","type":"registry:block"},{"description":"GitHub social button — default style.","name":"social-button-social-button-github-default","title":"Social Button Github Default - GitHub default","type":"registry:block"},{"description":"GitHub social button — full style.","name":"social-button-social-button-github-full","title":"Social Button Github Full - GitHub full","type":"registry:block"},{"description":"GitHub social button — icon style.","name":"social-button-social-button-github-icon","title":"Social Button Github Icon - GitHub icon","type":"registry:block"},{"description":"GitHub social button — outline style.","name":"social-button-social-button-github-outline","title":"Social Button Github Outline - GitHub outline","type":"registry:block"},{"description":"GitHub social button — secondary-outline style.","name":"social-button-social-button-github-secondary-outline","title":"Social Button Github Secondary Outline - GitHub secondary-outline","type":"registry:block"},{"description":"GitHub social button — sm style.","name":"social-button-social-button-github-sm","title":"Social Button Github Sm - GitHub sm","type":"registry:block"},{"description":"Google social button — default style.","name":"social-button-social-button-google-default","title":"Social Button Google Default - Google default","type":"registry:block"},{"description":"Google social button — full style.","name":"social-button-social-button-google-full","title":"Social Button Google Full - Google full","type":"registry:block"},{"description":"Google social button — icon style.","name":"social-button-social-button-google-icon","title":"Social Button Google Icon - Google icon","type":"registry:block"},{"description":"Google social button — outline style.","name":"social-button-social-button-google-outline","title":"Social Button Google Outline - Google outline","type":"registry:block"},{"description":"Google social button — secondary-outline style.","name":"social-button-social-button-google-secondary-outline","title":"Social Button Google Secondary Outline - Google secondary-outline","type":"registry:block"},{"description":"Google social button — sm style.","name":"social-button-social-button-google-sm","title":"Social Button Google Sm - Google sm","type":"registry:block"},{"description":"LinkedIn social button — default style.","name":"social-button-social-button-linkedin-default","title":"Social Button Linkedin Default - LinkedIn default","type":"registry:block"},{"description":"LinkedIn social button — full style.","name":"social-button-social-button-linkedin-full","title":"Social Button Linkedin Full - LinkedIn full","type":"registry:block"},{"description":"LinkedIn social button — icon style.","name":"social-button-social-button-linkedin-icon","title":"Social Button Linkedin Icon - LinkedIn icon","type":"registry:block"},{"description":"LinkedIn social button — outline style.","name":"social-button-social-button-linkedin-outline","title":"Social Button Linkedin Outline - LinkedIn outline","type":"registry:block"},{"description":"LinkedIn social button — secondary-outline style.","name":"social-button-social-button-linkedin-secondary-outline","title":"Social Button Linkedin Secondary Outline - LinkedIn secondary-outline","type":"registry:block"},{"description":"LinkedIn social button — sm style.","name":"social-button-social-button-linkedin-sm","title":"Social Button Linkedin Sm - LinkedIn sm","type":"registry:block"},{"description":"Microsoft social button — default style.","name":"social-button-social-button-microsoft-default","title":"Social Button Microsoft Default - Microsoft default","type":"registry:block"},{"description":"Microsoft social button — full style.","name":"social-button-social-button-microsoft-full","title":"Social Button Microsoft Full - Microsoft full","type":"registry:block"},{"description":"Microsoft social button — icon style.","name":"social-button-social-button-microsoft-icon","title":"Social Button Microsoft Icon - Microsoft icon","type":"registry:block"},{"description":"Microsoft social button — outline style.","name":"social-button-social-button-microsoft-outline","title":"Social Button Microsoft Outline - Microsoft outline","type":"registry:block"},{"description":"Microsoft social button — secondary-outline style.","name":"social-button-social-button-microsoft-secondary-outline","title":"Social Button Microsoft Secondary Outline - Microsoft secondary-outline","type":"registry:block"},{"description":"Microsoft social button — sm style.","name":"social-button-social-button-microsoft-sm","title":"Social Button Microsoft Sm - Microsoft sm","type":"registry:block"},{"description":"X social button — default style.","name":"social-button-social-button-twitter-default","title":"Social Button Twitter Default - X default","type":"registry:block"},{"description":"X social button — full style.","name":"social-button-social-button-twitter-full","title":"Social Button Twitter Full - X full","type":"registry:block"},{"description":"X social button — icon style.","name":"social-button-social-button-twitter-icon","title":"Social Button Twitter Icon - X icon","type":"registry:block"},{"description":"X social button — outline style.","name":"social-button-social-button-twitter-outline","title":"Social Button Twitter Outline - X outline","type":"registry:block"},{"description":"X social button — secondary-outline style.","name":"social-button-social-button-twitter-secondary-outline","title":"Social Button Twitter Secondary Outline - X secondary-outline","type":"registry:block"},{"description":"X social button — sm style.","name":"social-button-social-button-twitter-sm","title":"Social Button Twitter Sm - X sm","type":"registry:block"},{"description":"Sonner toast with a title and supporting description.","name":"sonner-sonner-content-1","title":"Sonner Content 1 - Toast with description","type":"registry:block"},{"description":"Sonner toast with a custom icon and supporting description.","name":"sonner-sonner-content-2","title":"Sonner Content 2 - Toast with custom icon","type":"registry:block"},{"description":"Sonner toast that stays visible for a custom duration.","name":"sonner-sonner-content-3","title":"Sonner Content 3 - Toast with custom duration","type":"registry:block"},{"description":"Success sonner toast with a longer multi-line description.","name":"sonner-sonner-content-4","title":"Sonner Content 4 - Toast with multi-line content","type":"registry:block"},{"description":"Sonner toast that renders custom React content instead of a title string.","name":"sonner-sonner-content-5","title":"Sonner Content 5 - Toast with rich HTML content","type":"registry:block"},{"description":"Sonner toast with a close button using the closeButton option.","name":"sonner-sonner-content-6","title":"Sonner Content 6 - Toast with close button","type":"registry:block"},{"description":"Sonner toast that stays on screen until dismissed with duration Infinity.","name":"sonner-sonner-content-7","title":"Sonner Content 7 - Persistent toast","type":"registry:block"},{"description":"Sonner toast that inverts light and dark colors with the invert option.","name":"sonner-sonner-content-8","title":"Sonner Content 8 - Inverted toast","type":"registry:block"},{"description":"Sonner toast with an action button for undo or follow-up.","name":"sonner-sonner-interactive-1","title":"Sonner Interactive 1 - Toast with action button","type":"registry:block"},{"description":"Sonner toast with a cancel button to dismiss a pending action.","name":"sonner-sonner-interactive-2","title":"Sonner Interactive 2 - Toast with cancel button","type":"registry:block"},{"description":"Sonner toast with both action and cancel buttons for confirm or abort.","name":"sonner-sonner-interactive-3","title":"Sonner Interactive 3 - Toast with action and cancel","type":"registry:block"},{"description":"Sonner toast that cannot be dismissed until it expires.","name":"sonner-sonner-interactive-4","title":"Sonner Interactive 4 - Non-dismissible toast","type":"registry:block"},{"description":"Dismiss a sonner toast by id or clear the stack with toast.dismiss.","name":"sonner-sonner-interactive-5","title":"Sonner Interactive 5 - Programmatic dismiss","type":"registry:block"},{"description":"Update one sonner toast in place by passing the same id to later toast calls.","name":"sonner-sonner-interactive-6","title":"Sonner Interactive 6 - Update toast by ID","type":"registry:block"},{"description":"Headless sonner toast rendered with toast.custom and fully custom markup.","name":"sonner-sonner-interactive-7","title":"Sonner Interactive 7 - Headless custom toast","type":"registry:block"},{"description":"Sonner toast with onDismiss and onAutoClose callbacks after the toast leaves.","name":"sonner-sonner-interactive-8","title":"Sonner Interactive 8 - Toast lifecycle callbacks","type":"registry:block"},{"description":"Sonner toast with JSX action and cancel buttons instead of label objects.","name":"sonner-sonner-interactive-9","title":"Sonner Interactive 9 - Toast with JSX action","type":"registry:block"},{"description":"Sonner toast positioned in the top left of the viewport.","name":"sonner-sonner-position-1","title":"Sonner Position 1 - Top left position","type":"registry:block"},{"description":"Sonner toast positioned at the top center of the viewport.","name":"sonner-sonner-position-2","title":"Sonner Position 2 - Top center position","type":"registry:block"},{"description":"Sonner toast positioned in the top right of the viewport.","name":"sonner-sonner-position-3","title":"Sonner Position 3 - Top right position","type":"registry:block"},{"description":"Sonner toast positioned in the bottom left of the viewport.","name":"sonner-sonner-position-4","title":"Sonner Position 4 - Bottom left position","type":"registry:block"},{"description":"Sonner toast positioned at the bottom center of the viewport.","name":"sonner-sonner-position-5","title":"Sonner Position 5 - Bottom center position","type":"registry:block"},{"description":"Sonner toast positioned in the bottom right of the viewport.","name":"sonner-sonner-position-6","title":"Sonner Position 6 - Bottom right position","type":"registry:block"},{"description":"Promise toast using the shadcn sonner toast.promise API.","name":"sonner-sonner-promise-1","title":"Sonner Promise 1 - Basic promise toast","type":"registry:block"},{"description":"Promise toast that interpolates resolved data into the sonner success message.","name":"sonner-sonner-promise-2","title":"Sonner Promise 2 - Promise toast with data","type":"registry:block"},{"description":"Promise toast that surfaces the rejected error in the sonner message.","name":"sonner-sonner-promise-3","title":"Sonner Promise 3 - Promise toast with error","type":"registry:block"},{"description":"Persistent loading toast using the shadcn sonner toast.loading API.","name":"sonner-sonner-promise-4","title":"Sonner Promise 4 - Loading toast","type":"registry:block"},{"description":"Promise toast whose success and error handlers return a toast options object.","name":"sonner-sonner-promise-5","title":"Sonner Promise 5 - Promise toast with options","type":"registry:block"},{"description":"Expanded sonner stack with closeButton so each toast can be dismissed.","name":"sonner-sonner-special-1","title":"Sonner Special 1 - Expanded toast stack","type":"registry:block"},{"description":"Default sonner toast using the shadcn Sonner component.","name":"sonner-sonner-standard-1","title":"Sonner Standard 1 - Default toast","type":"registry:block"},{"description":"Success toast using the shadcn sonner toast.success API.","name":"sonner-sonner-standard-2","title":"Sonner Standard 2 - Success toast","type":"registry:block"},{"description":"Error toast using the shadcn sonner toast.error API.","name":"sonner-sonner-standard-3","title":"Sonner Standard 3 - Error toast","type":"registry:block"},{"description":"Warning toast using the shadcn sonner toast.warning API.","name":"sonner-sonner-standard-4","title":"Sonner Standard 4 - Warning toast","type":"registry:block"},{"description":"Info toast using the shadcn sonner toast.info API.","name":"sonner-sonner-standard-5","title":"Sonner Standard 5 - Info toast","type":"registry:block"},{"description":"Typed sonner toasts with richColors enabled on the Toaster.","name":"sonner-sonner-standard-6","title":"Sonner Standard 6 - Rich colors toast","type":"registry:block"},{"description":"shadcn sparkline component drawn as a filled area with no axes.","name":"sparkline-sparkline-area-1","title":"Sparkline Area 1 - Area sparkline","type":"registry:block"},{"description":"shadcn sparkline component drawn as bars with no axes.","name":"sparkline-sparkline-bar-1","title":"Sparkline Bar 1 - Bar sparkline","type":"registry:block"},{"description":"shadcn sparkline component drawn as a line with no axes.","name":"sparkline-sparkline-line-1","title":"Sparkline Line 1 - Line sparkline","type":"registry:block"},{"description":"Spinner in Item.","name":"spinner-spinner-applications-1","title":"Spinner Applications 1 - In item","type":"registry:block"},{"description":"Spinner in Input Group.","name":"spinner-spinner-applications-2","title":"Spinner Applications 2 - In input group","type":"registry:block"},{"description":"Spinner in Empty State.","name":"spinner-spinner-applications-3","title":"Spinner Applications 3 - In empty state","type":"registry:block"},{"description":"Loading Button.","name":"spinner-spinner-button-1","title":"Spinner Button 1 - Loading button","type":"registry:block"},{"description":"Loading Outline Button.","name":"spinner-spinner-button-2","title":"Spinner Button 2 - Loading outline button","type":"registry:block"},{"description":"Loading Icon Button.","name":"spinner-spinner-button-3","title":"Spinner Button 3 - Loading icon button","type":"registry:block"},{"description":"Loading Secondary Button.","name":"spinner-spinner-button-4","title":"Spinner Button 4 - Loading secondary button","type":"registry:block"},{"description":"Loading Small Button.","name":"spinner-spinner-button-5","title":"Spinner Button 5 - Loading small button","type":"registry:block"},{"description":"Spinner using the bouncing ellipsis variant.","name":"spinner-spinner-ellipsis-1","title":"Spinner Ellipsis 1 - Ellipsis spinner","type":"registry:block"},{"description":"Inline with Text.","name":"spinner-spinner-inline-1","title":"Spinner Inline 1 - Inline with text","type":"registry:block"},{"description":"Spinner Before Text.","name":"spinner-spinner-inline-2","title":"Spinner Inline 2 - Before text","type":"registry:block"},{"description":"Spinner After Text.","name":"spinner-spinner-inline-3","title":"Spinner Inline 3 - After text","type":"registry:block"},{"description":"Spinner in List Item.","name":"spinner-spinner-inline-4","title":"Spinner Inline 4 - In list item","type":"registry:block"},{"description":"Kibo UI spinner using the ellipsis animation variant with bouncing dots as a compact loading indicator.","name":"spinner-spinner-kibo-ellipsis-1","title":"Spinner Kibo Ellipsis 1 - Ellipsis","type":"registry:block"},{"description":"Kibo UI spinner using the pinwheel animation variant as a rotating radial loading indicator in a centered layout.","name":"spinner-spinner-kibo-pinwheel-1","title":"Spinner Kibo Pinwheel 1 - Pinwheel","type":"registry:block"},{"description":"Kibo UI spinner using the ring animation variant as a pulsing circular loading indicator in a larger size.","name":"spinner-spinner-kibo-ring-1","title":"Spinner Kibo Ring 1 - Ring","type":"registry:block"},{"description":"Kibo UI throbber spinner at small, medium, and large sizes displayed side by side for comparing scale.","name":"spinner-spinner-kibo-sizes-1","title":"Spinner Kibo Sizes 1 - Size variants","type":"registry:block"},{"description":"Kibo UI spinner with the default animation variant, shown as a standalone loading indicator in a centered layout.","name":"spinner-spinner-kibo-standard-1","title":"Spinner Kibo Standard 1 - Default","type":"registry:block"},{"description":"Kibo UI spinner using the throbber animation variant for a classic rotating loader icon in a centered layout.","name":"spinner-spinner-kibo-throbber-1","title":"Spinner Kibo Throbber 1 - Throbber","type":"registry:block"},{"description":"Spinner using the pinwheel animation variant.","name":"spinner-spinner-pinwheel-1","title":"Spinner Pinwheel 1 - Pinwheel spinner","type":"registry:block"},{"description":"Spinner using the pulsing ring variant.","name":"spinner-spinner-ring-1","title":"Spinner Ring 1 - Ring spinner","type":"registry:block"},{"description":"Multiple Kibo UI spinner sizes side by side.","name":"spinner-spinner-sizes-1","title":"Spinner Sizes 1 - Spinner sizes","type":"registry:block"},{"description":"Kibo UI Spinner using the default variant.","name":"spinner-spinner-standard-1","title":"Spinner Standard 1 - Default spinner","type":"registry:block"},{"description":"Small Spinner.","name":"spinner-spinner-standard-2","title":"Spinner Standard 2 - Small","type":"registry:block"},{"description":"Large Spinner.","name":"spinner-spinner-standard-3","title":"Spinner Standard 3 - Large","type":"registry:block"},{"description":"Primary Color Spinner.","name":"spinner-spinner-standard-4","title":"Spinner Standard 4 - Primary color","type":"registry:block"},{"description":"Muted Spinner.","name":"spinner-spinner-standard-5","title":"Spinner Standard 5 - Muted","type":"registry:block"},{"description":"Spinner using the throbber animation variant.","name":"spinner-spinner-throbber-1","title":"Spinner Throbber 1 - Throbber spinner","type":"registry:block"},{"description":"shadcn stat component with a value and a positive or negative change versus the previous period.","name":"stat-stat-delta-1","title":"Stat Delta 1 - Stat with delta","type":"registry:block"},{"description":"shadcn stat component with a leading icon, value, and downward delta.","name":"stat-stat-icon-1","title":"Stat Icon 1 - Stat with icon","type":"registry:block"},{"description":"shadcn stat component with a sparkline slot under the value.","name":"stat-stat-sparkline-1","title":"Stat Sparkline 1 - Stat with sparkline","type":"registry:block"},{"description":"Online status with custom StatusLabel children text.","name":"status-status-custom-1","title":"Status Custom 1 - Custom status label","type":"registry:block"},{"description":"Degraded status badge for partial outages.","name":"status-status-degraded-1","title":"Status Degraded 1 - Degraded status","type":"registry:block"},{"description":"Maintenance status badge for scheduled downtime.","name":"status-status-maintenance-1","title":"Status Maintenance 1 - Maintenance status","type":"registry:block"},{"description":"Offline status badge with indicator and default label.","name":"status-status-offline-1","title":"Status Offline 1 - Offline status","type":"registry:block"},{"description":"Online status badge with indicator and default label.","name":"status-status-standard-1","title":"Status Standard 1 - Online status","type":"registry:block"},{"description":"Stepper steps annotated with Badge labels for required or optional stages.","name":"stepper-stepper-badge-1","title":"Stepper Badge 1 - Optional and required badges","type":"registry:block"},{"description":"Ecommerce-style checkout stepper with order summary cards per step.","name":"stepper-stepper-checkout-1","title":"Stepper Checkout 1 - Checkout flow","type":"registry:block"},{"description":"Stepper with earlier steps marked completed via the completed prop.","name":"stepper-stepper-completed-1","title":"Stepper Completed 1 - Completed steps","type":"registry:block"},{"description":"Minimal indicators with richer content panels and a step counter.","name":"stepper-stepper-content-1","title":"Stepper Content 1 - Step panels only","type":"registry:block"},{"description":"Controlled stepper using value and onValueChange with external step buttons.","name":"stepper-stepper-controlled-1","title":"Stepper Controlled 1 - Controlled value","type":"registry:block"},{"description":"Stepper with later steps disabled until earlier ones are reached.","name":"stepper-stepper-disabled-1","title":"Stepper Disabled 1 - Disabled steps","type":"registry:block"},{"description":"Form wizard with per-step field validation and previous/next controls.","name":"stepper-stepper-form-1","title":"Stepper Form 1 - Multi-step form","type":"registry:block"},{"description":"Four icon steps joined by bars that fill up to the current step.","name":"stepper-stepper-fulfillment-1","title":"Stepper Fulfillment 1 - Connected step track","type":"registry:block"},{"description":"Stepper indicators that render Lucide icons instead of step numbers.","name":"stepper-stepper-icons-1","title":"Stepper Icons 1 - Custom indicator icons","type":"registry:block"},{"description":"Step titles and descriptions stacked under each indicator in a centered column.","name":"stepper-stepper-inline-1","title":"Stepper Inline 1 - Titles under indicators","type":"registry:block"},{"description":"Horizontal stepper with a title next to each step indicator.","name":"stepper-stepper-labeled-1","title":"Stepper Labeled 1 - With titles","type":"registry:block"},{"description":"Horizontal stepper with titles and supporting descriptions on each step.","name":"stepper-stepper-labeled-2","title":"Stepper Labeled 2 - With titles and descriptions","type":"registry:block"},{"description":"Next button shows a loading state while an async step transition resolves.","name":"stepper-stepper-loading-1","title":"Stepper Loading 1 - Loading next step","type":"registry:block"},{"description":"Controlled stepper that wraps from the last step back to the first.","name":"stepper-stepper-loop-1","title":"Stepper Loop 1 - Looping navigation","type":"registry:block"},{"description":"Stepper using activationMode manual so arrow focus does not change the step.","name":"stepper-stepper-manual-1","title":"Stepper Manual 1 - Manual activation","type":"registry:block"},{"description":"Stepper with StepperPrev and StepperNext navigation buttons.","name":"stepper-stepper-nav-1","title":"Stepper Nav 1 - Previous and next","type":"registry:block"},{"description":"Read-only stepper using nonInteractive for status or order tracking.","name":"stepper-stepper-noninteractive-1","title":"Stepper Noninteractive 1 - Non-interactive progress","type":"registry:block"},{"description":"Onboarding stepper with custom icons and short feature blurbs per step.","name":"stepper-stepper-onboarding-1","title":"Stepper Onboarding 1 - Icon onboarding","type":"registry:block"},{"description":"Desktop step list and a compact mobile progress summary, with back and continue actions.","name":"stepper-stepper-product-wizard-1","title":"Stepper Product Wizard 1 - Vertical stepper with mobile progress","type":"registry:block"},{"description":"Stepper with a Progress bar that updates as the active step changes.","name":"stepper-stepper-progress-1","title":"Stepper Progress 1 - Synced progress bar","type":"registry:block"},{"description":"Stepper separators styled as thick progress segments between steps.","name":"stepper-stepper-progress-2","title":"Stepper Progress 2 - Segmented progress separators","type":"registry:block"},{"description":"Stepper with smaller indicators and tighter spacing for dense layouts.","name":"stepper-stepper-sizes-1","title":"Stepper Sizes 1 - Compact indicators","type":"registry:block"},{"description":"Horizontal stepper with numbered indicators and step content panels.","name":"stepper-stepper-standard-1","title":"Stepper Standard 1 - Basic horizontal","type":"registry:block"},{"description":"Stepper that blocks forward navigation until the current step fields validate.","name":"stepper-stepper-validation-1","title":"Stepper Validation 1 - With validation","type":"registry:block"},{"description":"Vertical stepper with titles, descriptions, and content for each step.","name":"stepper-stepper-vertical-1","title":"Stepper Vertical 1 - Vertical orientation","type":"registry:block"},{"description":"Vertical stepper with content and previous/next controls.","name":"stepper-stepper-vertical-2","title":"Stepper Vertical 2 - Vertical with navigation","type":"registry:block"},{"description":"Settings Card.","name":"switch-switch-cards-1","title":"Switch Cards 1 - Settings card","type":"registry:block"},{"description":"Feature Card.","name":"switch-switch-cards-2","title":"Switch Cards 2 - Feature card","type":"registry:block"},{"description":"Settings List.","name":"switch-switch-cards-3","title":"Switch Cards 3 - Settings list","type":"registry:block"},{"description":"Switch in Item.","name":"switch-switch-cards-4","title":"Switch Cards 4 - In item","type":"registry:block"},{"description":"Theme Toggle with Icons.","name":"switch-switch-icons-1","title":"Switch Icons 1 - Theme toggle with icons","type":"registry:block"},{"description":"Icon with Label.","name":"switch-switch-icons-2","title":"Switch Icons 2 - Icon with label","type":"registry:block"},{"description":"Volume Toggle.","name":"switch-switch-icons-3","title":"Switch Icons 3 - Volume toggle","type":"registry:block"},{"description":"Switch with Label.","name":"switch-switch-labeled-1","title":"Switch Labeled 1 - With label","type":"registry:block"},{"description":"Switch with On Label.","name":"switch-switch-labeled-2","title":"Switch Labeled 2 - With on label","type":"registry:block"},{"description":"Switch with State Labels.","name":"switch-switch-labeled-3","title":"Switch Labeled 3 - With state labels","type":"registry:block"},{"description":"Switch with Description.","name":"switch-switch-labeled-4","title":"Switch Labeled 4 - With description","type":"registry:block"},{"description":"Square Switch.","name":"switch-switch-square-1","title":"Switch Square 1 - Square","type":"registry:block"},{"description":"Square Switch with Text.","name":"switch-switch-square-2","title":"Switch Square 2 - Square with text","type":"registry:block"},{"description":"Square Switch with Label.","name":"switch-switch-square-3","title":"Switch Square 3 - Square with label","type":"registry:block"},{"description":"Square Theme Toggle.","name":"switch-switch-square-4","title":"Switch Square 4 - Square theme toggle","type":"registry:block"},{"description":"Default Switch.","name":"switch-switch-standard-1","title":"Switch Standard 1 - Default","type":"registry:block"},{"description":"Checked Switch.","name":"switch-switch-standard-2","title":"Switch Standard 2 - Checked","type":"registry:block"},{"description":"Small Switch.","name":"switch-switch-standard-3","title":"Switch Standard 3 - Small","type":"registry:block"},{"description":"Disabled Switch.","name":"switch-switch-standard-4","title":"Switch Standard 4 - Disabled","type":"registry:block"},{"description":"Static action buttons in the last column.","name":"table-table-actions-1","title":"Table Actions 1 - Actions column","type":"registry:block"},{"description":"Table with Vertical Lines.","name":"table-table-advanced-1","title":"Table Advanced 1 - With vertical lines","type":"registry:block"},{"description":"Dense Table.","name":"table-table-advanced-2","title":"Table Advanced 2 - Dense","type":"registry:block"},{"description":"Vertical Table.","name":"table-table-advanced-3","title":"Table Advanced 3 - Vertical","type":"registry:block"},{"description":"Compatibility Table.","name":"table-table-advanced-4","title":"Table Advanced 4 - Compatibility","type":"registry:block"},{"description":"Static table with Badge status cells.","name":"table-table-badges-1","title":"Table Badges 1 - Status badges","type":"registry:block"},{"description":"Every cell bordered like a spreadsheet grid.","name":"table-table-bordered-1","title":"Table Bordered 1 - Fully bordered","type":"registry:block"},{"description":"Table flush on the page without a bordered wrapper.","name":"table-table-borderless-1","title":"Table Borderless 1 - No outer border","type":"registry:block"},{"description":"Table with a TableCaption below the data.","name":"table-table-caption-1","title":"Table Caption 1 - With caption","type":"registry:block"},{"description":"Table inside a card with title and description.","name":"table-table-card-1","title":"Table Card 1 - Card container","type":"registry:block"},{"description":"Static checkbox column for selectable list markup.","name":"table-table-checkbox-1","title":"Table Checkbox 1 - Checkbox column","type":"registry:block"},{"description":"Header cells spanning multiple columns.","name":"table-table-colspan-1","title":"Table Colspan 1 - Grouped headers","type":"registry:block"},{"description":"Feature comparison across plan columns.","name":"table-table-comparison-1","title":"Table Comparison 1 - Plan comparison","type":"registry:block"},{"description":"Table with header and a single empty-state row.","name":"table-table-empty-1","title":"Table Empty 1 - Empty state","type":"registry:block"},{"description":"TableFooter row summing numeric columns.","name":"table-table-footer-1","title":"Table Footer 1 - With footer totals","type":"registry:block"},{"description":"Compact uppercase muted header labels.","name":"table-table-header-1","title":"Table Header 1 - Uppercase headers","type":"registry:block"},{"description":"Leading Lucide icons in the primary column.","name":"table-table-icons-1","title":"Table Icons 1 - With icons","type":"registry:block"},{"description":"Compact KPI table with delta annotations.","name":"table-table-metric-1","title":"Table Metric 1 - Metric summary","type":"registry:block"},{"description":"IDs and hashes in monospace for ops tables.","name":"table-table-mono-1","title":"Table Mono 1 - Monospace cells","type":"registry:block"},{"description":"Right-aligned tabular numbers for finance.","name":"table-table-numeric-1","title":"Table Numeric 1 - Numeric alignment","type":"registry:block"},{"description":"Horizontal scroll with a sticky primary column.","name":"table-table-pinned-1","title":"Table Pinned 1 - Pinned first column","type":"registry:block"},{"description":"Static progress bars inside table cells.","name":"table-table-progress-1","title":"Table Progress 1 - With progress","type":"registry:block"},{"description":"Leaderboard-style ranks with medal emphasis.","name":"table-table-ranking-1","title":"Table Ranking 1 - Ranking table","type":"registry:block"},{"description":"Static star ratings in a reviews table.","name":"table-table-rating-1","title":"Table Rating 1 - With ratings","type":"registry:block"},{"description":"Category cells spanning multiple rows.","name":"table-table-rowspan-1","title":"Table Rowspan 1 - Row spans","type":"registry:block"},{"description":"Simple weekday schedule / timetable layout.","name":"table-table-schedule-1","title":"Table Schedule 1 - Schedule grid","type":"registry:block"},{"description":"Primary label with muted secondary text.","name":"table-table-secondary-1","title":"Table Secondary 1 - Secondary line","type":"registry:block"},{"description":"A row visually marked as selected or active.","name":"table-table-selected-1","title":"Table Selected 1 - Highlighted row","type":"registry:block"},{"description":"Extra vertical padding for comfortable reading.","name":"table-table-spacious-1","title":"Table Spacious 1 - Spacious rows","type":"registry:block"},{"description":"Basic Table.","name":"table-table-standard-1","title":"Table Standard 1 - Basic","type":"registry:block"},{"description":"Table with Avatar.","name":"table-table-standard-2","title":"Table Standard 2 - With avatar","type":"registry:block"},{"description":"Table Without Dividers.","name":"table-table-standard-3","title":"Table Standard 3 - Without dividers","type":"registry:block"},{"description":"Striped Table.","name":"table-table-standard-4","title":"Table Standard 4 - Striped","type":"registry:block"},{"description":"Colored status dots beside labels.","name":"table-table-status-1","title":"Table Status 1 - Status dots","type":"registry:block"},{"description":"Scrollable body with a sticky TableHeader.","name":"table-table-sticky-1","title":"Table Sticky 1 - Sticky header","type":"registry:block"},{"description":"Rows with stacked avatars for shared ownership.","name":"table-table-team-1","title":"Table Team 1 - Team column","type":"registry:block"},{"description":"Product rows with small image thumbnails.","name":"table-table-thumbnail-1","title":"Table Thumbnail 1 - With thumbnails","type":"registry:block"},{"description":"Long text truncated with ellipsis in fixed widths.","name":"table-table-truncate-1","title":"Table Truncate 1 - Truncated cells","type":"registry:block"},{"description":"Tabs with Badge Counts.","name":"tabs-tabs-advanced-1","title":"Tabs Advanced 1 - With badge counts","type":"registry:block"},{"description":"Controlled Tabs.","name":"tabs-tabs-advanced-2","title":"Tabs Advanced 2 - Controlled","type":"registry:block"},{"description":"Nested Tabs.","name":"tabs-tabs-advanced-3","title":"Tabs Advanced 3 - Nested","type":"registry:block"},{"description":"Tabs with Forms.","name":"tabs-tabs-content-1","title":"Tabs Content 1 - With forms","type":"registry:block"},{"description":"Tabs with Cards.","name":"tabs-tabs-content-2","title":"Tabs Content 2 - With cards","type":"registry:block"},{"description":"Tabs with Tables.","name":"tabs-tabs-content-3","title":"Tabs Content 3 - With tables","type":"registry:block"},{"description":"Vertical Tabs.","name":"tabs-tabs-layout-1","title":"Tabs Layout 1 - Vertical","type":"registry:block"},{"description":"Full Width Tabs.","name":"tabs-tabs-layout-2","title":"Tabs Layout 2 - Full width","type":"registry:block"},{"description":"Scrollable Tabs.","name":"tabs-tabs-layout-3","title":"Tabs Layout 3 - Scrollable","type":"registry:block"},{"description":"Basic Tabs.","name":"tabs-tabs-standard-1","title":"Tabs Standard 1 - Basic","type":"registry:block"},{"description":"Tabs with Icons.","name":"tabs-tabs-standard-2","title":"Tabs Standard 2 - With icons","type":"registry:block"},{"description":"Tags trigger pre-populated with multiple TagsValue badges on initial load.","name":"tags-tags-composition-1","title":"Tags Composition 1 - Pre-selected tags","type":"registry:block"},{"description":"Tags dropdown with TagsEmpty message when search returns no matches.","name":"tags-tags-empty-1","title":"Tags Empty 1 - Empty state","type":"registry:block"},{"description":"Tags list organized into multiple TagsGroup sections with headings.","name":"tags-tags-groups-1","title":"Tags Groups 1 - Grouped tags","type":"registry:block"},{"description":"Tags with multiple selected values and removable TagsValue badges.","name":"tags-tags-multi-1","title":"Tags Multi 1 - Multi-select tags","type":"registry:block"},{"description":"Tags dropdown with TagsInput for filtering the available tag list.","name":"tags-tags-search-1","title":"Tags Search 1 - Searchable tags","type":"registry:block"},{"description":"Tags component with controlled value and setValue for single selection.","name":"tags-tags-standard-1","title":"Tags Standard 1 - Single tag select","type":"registry:block"},{"description":"Required Textarea.","name":"textarea-textarea-form-1","title":"Textarea Form 1 - Required","type":"registry:block"},{"description":"Textarea with Helper Text.","name":"textarea-textarea-form-2","title":"Textarea Form 2 - With helper text","type":"registry:block"},{"description":"Textarea with Error.","name":"textarea-textarea-form-3","title":"Textarea Form 3 - With error","type":"registry:block"},{"description":"Textarea with Hint.","name":"textarea-textarea-form-4","title":"Textarea Form 4 - With hint","type":"registry:block"},{"description":"Textarea with Character Count.","name":"textarea-textarea-form-5","title":"Textarea Form 5 - With character count","type":"registry:block"},{"description":"Textarea with Label.","name":"textarea-textarea-labeled-1","title":"Textarea Labeled 1 - With label","type":"registry:block"},{"description":"Textarea with Description.","name":"textarea-textarea-labeled-2","title":"Textarea Labeled 2 - With description","type":"registry:block"},{"description":"Textarea with Floating Label.","name":"textarea-textarea-labeled-3","title":"Textarea Labeled 3 - With floating label","type":"registry:block"},{"description":"Textarea with Inline Label.","name":"textarea-textarea-labeled-4","title":"Textarea Labeled 4 - With inline label","type":"registry:block"},{"description":"Simple Textarea.","name":"textarea-textarea-standard-1","title":"Textarea Standard 1 - Simple","type":"registry:block"},{"description":"Disabled Textarea.","name":"textarea-textarea-standard-2","title":"Textarea Standard 2 - Disabled","type":"registry:block"},{"description":"Read-only Textarea.","name":"textarea-textarea-standard-3","title":"Textarea Standard 3 - Read-only","type":"registry:block"},{"description":"Short Textarea.","name":"textarea-textarea-standard-4","title":"Textarea Standard 4 - Short","type":"registry:block"},{"description":"ThemeSwitcher composed in a labeled settings row.","name":"theme-switcher-theme-switcher-composition-1","title":"Theme Switcher Composition 1 - Settings row","type":"registry:block"},{"description":"ThemeSwitcher controlled with React state.","name":"theme-switcher-theme-switcher-controlled-1","title":"Theme Switcher Controlled 1 - Controlled switcher","type":"registry:block"},{"description":"ThemeSwitcher with defaultValue set to dark.","name":"theme-switcher-theme-switcher-dark-1","title":"Theme Switcher Dark 1 - Dark default","type":"registry:block"},{"description":"ThemeSwitcher with defaultValue set to light.","name":"theme-switcher-theme-switcher-light-1","title":"Theme Switcher Light 1 - Light default","type":"registry:block"},{"description":"ThemeSwitcher with default system selection.","name":"theme-switcher-theme-switcher-standard-1","title":"Theme Switcher Standard 1 - System default","type":"registry:block"},{"description":"Theme toggle icon button with outline variant.","name":"theme-toggle-theme-toggle-icon-1","title":"Theme Toggle Icon 1 - Icon toggle 1","type":"registry:block"},{"description":"Theme toggle icon button with default variant.","name":"theme-toggle-theme-toggle-icon-10","title":"Theme Toggle Icon 10 - Icon toggle 10","type":"registry:block"},{"description":"Theme toggle icon button with default variant.","name":"theme-toggle-theme-toggle-icon-2","title":"Theme Toggle Icon 2 - Icon toggle 2","type":"registry:block"},{"description":"Theme toggle icon button with ghost variant.","name":"theme-toggle-theme-toggle-icon-3","title":"Theme Toggle Icon 3 - Icon toggle 3","type":"registry:block"},{"description":"Theme toggle icon button with outline variant.","name":"theme-toggle-theme-toggle-icon-4","title":"Theme Toggle Icon 4 - Icon toggle 4","type":"registry:block"},{"description":"Theme toggle icon button with ghost variant.","name":"theme-toggle-theme-toggle-icon-5","title":"Theme Toggle Icon 5 - Icon toggle 5","type":"registry:block"},{"description":"Theme toggle icon button with outline variant.","name":"theme-toggle-theme-toggle-icon-6","title":"Theme Toggle Icon 6 - Icon toggle 6","type":"registry:block"},{"description":"Theme toggle icon button with default variant.","name":"theme-toggle-theme-toggle-icon-7","title":"Theme Toggle Icon 7 - Icon toggle 7","type":"registry:block"},{"description":"Theme toggle icon button with ghost variant.","name":"theme-toggle-theme-toggle-icon-8","title":"Theme Toggle Icon 8 - Icon toggle 8","type":"registry:block"},{"description":"Theme toggle icon button with outline variant.","name":"theme-toggle-theme-toggle-icon-9","title":"Theme Toggle Icon 9 - Icon toggle 9","type":"registry:block"},{"description":"Theme toggle with visible label and outline variant.","name":"theme-toggle-theme-toggle-labeled-1","title":"Theme Toggle Labeled 1 - Labeled toggle 1","type":"registry:block"},{"description":"Theme toggle with visible label and default variant.","name":"theme-toggle-theme-toggle-labeled-2","title":"Theme Toggle Labeled 2 - Labeled toggle 2","type":"registry:block"},{"description":"Theme toggle with visible label and ghost variant.","name":"theme-toggle-theme-toggle-labeled-3","title":"Theme Toggle Labeled 3 - Labeled toggle 3","type":"registry:block"},{"description":"Theme toggle with visible label and outline variant.","name":"theme-toggle-theme-toggle-labeled-4","title":"Theme Toggle Labeled 4 - Labeled toggle 4","type":"registry:block"},{"description":"Theme toggle with visible label and default variant.","name":"theme-toggle-theme-toggle-labeled-5","title":"Theme Toggle Labeled 5 - Labeled toggle 5","type":"registry:block"},{"description":"Theme toggle with visible label and ghost variant.","name":"theme-toggle-theme-toggle-labeled-6","title":"Theme Toggle Labeled 6 - Labeled toggle 6","type":"registry:block"},{"description":"Theme toggle with visible label and outline variant.","name":"theme-toggle-theme-toggle-labeled-7","title":"Theme Toggle Labeled 7 - Labeled toggle 7","type":"registry:block"},{"description":"Theme toggle with visible label and default variant.","name":"theme-toggle-theme-toggle-labeled-8","title":"Theme Toggle Labeled 8 - Labeled toggle 8","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-1","title":"Theme Toggle Outline 1 - Outline toggle 1","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-10","title":"Theme Toggle Outline 10 - Outline toggle 10","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-2","title":"Theme Toggle Outline 2 - Outline toggle 2","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-3","title":"Theme Toggle Outline 3 - Outline toggle 3","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-4","title":"Theme Toggle Outline 4 - Outline toggle 4","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-5","title":"Theme Toggle Outline 5 - Outline toggle 5","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-6","title":"Theme Toggle Outline 6 - Outline toggle 6","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-7","title":"Theme Toggle Outline 7 - Outline toggle 7","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-8","title":"Theme Toggle Outline 8 - Outline toggle 8","type":"registry:block"},{"description":"Outline theme toggle with optional styling.","name":"theme-toggle-theme-toggle-outline-9","title":"Theme Toggle Outline 9 - Outline toggle 9","type":"registry:block"},{"description":"Ticker with absolute and percent price change indicators.","name":"ticker-ticker-change-1","title":"Ticker Change 1 - Price change","type":"registry:block"},{"description":"Ticker that briefly highlights green or red when the price moves.","name":"ticker-ticker-flash-1","title":"Ticker Flash 1 - Flash on price change","type":"registry:block"},{"description":"Ticker including a leading icon avatar for the instrument.","name":"ticker-ticker-icon-1","title":"Ticker Icon 1 - With icon","type":"registry:block"},{"description":"Ticker that periodically updates price and change values.","name":"ticker-ticker-live-1","title":"Ticker Live 1 - Live price updates","type":"registry:block"},{"description":"Ticker formatted with EUR currency and a non-US locale.","name":"ticker-ticker-locale-1","title":"Ticker Locale 1 - Euro locale","type":"registry:block"},{"description":"Horizontal marquee of ticker chips for a continuous market tape.","name":"ticker-ticker-marquee-1","title":"Ticker Marquee 1 - Scrolling ticker tape","type":"registry:block"},{"description":"Ticker button with symbol and formatted price.","name":"ticker-ticker-standard-1","title":"Ticker Standard 1 - Symbol and price","type":"registry:block"},{"description":"Stacked tickers with icons and live price movement per symbol.","name":"ticker-ticker-watchlist-1","title":"Ticker Watchlist 1 - Animated watchlist","type":"registry:block"},{"description":"Timeline of events marked complete, current, or upcoming.","name":"timeline-timeline-activity-1","title":"Timeline Activity 1 - Event timeline with states","type":"registry:block"},{"description":"Small Toggle Group.","name":"toggle-group-toggle-group-sizes-1","title":"Toggle Group Sizes 1 - Small","type":"registry:block"},{"description":"Default Size Toggle Group.","name":"toggle-group-toggle-group-sizes-2","title":"Toggle Group Sizes 2 - Default size","type":"registry:block"},{"description":"Large Toggle Group.","name":"toggle-group-toggle-group-sizes-3","title":"Toggle Group Sizes 3 - Large","type":"registry:block"},{"description":"Default Toggle Group.","name":"toggle-group-toggle-group-standard-1","title":"Toggle Group Standard 1 - Default","type":"registry:block"},{"description":"Outline Toggle Group.","name":"toggle-group-toggle-group-standard-2","title":"Toggle Group Standard 2 - Outline","type":"registry:block"},{"description":"Single Selection Toggle Group.","name":"toggle-group-toggle-group-standard-3","title":"Toggle Group Standard 3 - Single selection","type":"registry:block"},{"description":"Disabled Toggle Group.","name":"toggle-group-toggle-group-standard-4","title":"Toggle Group Standard 4 - Disabled","type":"registry:block"},{"description":"Small Toggle.","name":"toggle-toggle-sizes-1","title":"Toggle Sizes 1 - Small","type":"registry:block"},{"description":"Default Size Toggle.","name":"toggle-toggle-sizes-2","title":"Toggle Sizes 2 - Default size","type":"registry:block"},{"description":"Large Toggle.","name":"toggle-toggle-sizes-3","title":"Toggle Sizes 3 - Large","type":"registry:block"},{"description":"Default Toggle.","name":"toggle-toggle-standard-1","title":"Toggle Standard 1 - Default","type":"registry:block"},{"description":"Outline Toggle.","name":"toggle-toggle-standard-2","title":"Toggle Standard 2 - Outline","type":"registry:block"},{"description":"Disabled Toggle.","name":"toggle-toggle-standard-3","title":"Toggle Standard 3 - Disabled","type":"registry:block"},{"description":"Toggle with Text.","name":"toggle-toggle-standard-4","title":"Toggle Standard 4 - With text","type":"registry:block"},{"description":"Tooltip with Title and Description.","name":"tooltip-tooltip-content-1","title":"Tooltip Content 1 - With title and description","type":"registry:block"},{"description":"Tooltip with Icon.","name":"tooltip-tooltip-content-2","title":"Tooltip Content 2 - With icon","type":"registry:block"},{"description":"Tooltip with Keyboard Shortcut.","name":"tooltip-tooltip-content-3","title":"Tooltip Content 3 - With keyboard shortcut","type":"registry:block"},{"description":"Tooltip with Image.","name":"tooltip-tooltip-content-4","title":"Tooltip Content 4 - With image","type":"registry:block"},{"description":"Simple Tooltip.","name":"tooltip-tooltip-standard-1","title":"Tooltip Standard 1 - Simple","type":"registry:block"},{"description":"Tooltip Positions.","name":"tooltip-tooltip-standard-2","title":"Tooltip Standard 2 - Positions","type":"registry:block"},{"description":"Tooltip with Longer Text.","name":"tooltip-tooltip-standard-3","title":"Tooltip Standard 3 - With longer text","type":"registry:block"},{"description":"Tooltip on Icon.","name":"tooltip-tooltip-standard-4","title":"Tooltip Standard 4 - On icon","type":"registry:block"},{"description":"Tree with defaultExpandedIds preset to open specific folders on load.","name":"tree-tree-expanded-1","title":"Tree Expanded 1 - Default expanded","type":"registry:block"},{"description":"File tree with connector lines enabled via showLines.","name":"tree-tree-lines-1","title":"Tree Lines 1 - With lines","type":"registry:block"},{"description":"Tree with multiSelect enabled for choosing several nodes with Ctrl or Cmd.","name":"tree-tree-multi-1","title":"Tree Multi 1 - Multi-select","type":"registry:block"},{"description":"File tree with folder and file icons hidden using showIcons false.","name":"tree-tree-no-icons-1","title":"Tree No Icons 1 - Without icons","type":"registry:block"},{"description":"Selectable tree where one node can be highlighted at a time.","name":"tree-tree-selection-1","title":"Tree Selection 1 - Single selection","type":"registry:block"},{"description":"Basic nested folder and file tree with expand and collapse.","name":"tree-tree-standard-1","title":"Tree Standard 1 - Standard tree","type":"registry:block"},{"description":"Autoplaying muted loop for marketing and hero embeds.","name":"video-player-video-player-autoplay-1","title":"Video Player Autoplay 1 - Muted autoplay loop","type":"registry:block"},{"description":"Complete media-chrome bar with seek, duration, mute, and volume.","name":"video-player-video-player-full-1","title":"Video Player Full 1 - Full control bar","type":"registry:block"},{"description":"Video player with poster image and fullscreen button.","name":"video-player-video-player-fullscreen-1","title":"Video Player Fullscreen 1 - Fullscreen control","type":"registry:block"},{"description":"Video player content with a poster frame before playback.","name":"video-player-video-player-poster-1","title":"Video Player Poster 1 - Poster image","type":"registry:block"},{"description":"Seekable player with a playback rate control for tutorials.","name":"video-player-video-player-rate-1","title":"Video Player Rate 1 - Playback speed","type":"registry:block"},{"description":"Video player with seek backward and forward buttons.","name":"video-player-video-player-seek-1","title":"Video Player Seek 1 - Seek controls","type":"registry:block"},{"description":"Media chrome video player with play and time controls.","name":"video-player-video-player-standard-1","title":"Video Player Standard 1 - Basic video player","type":"registry:block"},{"description":"Video player control bar including a volume slider.","name":"video-player-video-player-volume-1","title":"Video Player Volume 1 - With volume range","type":"registry:block"}]},"shadcn google maps":{"favicon":"/favicons/shadcn-google-maps.ico","items":[{"dependencies":["@types/google.maps"],"description":"Address autocomplete using Google Places API (New) with shadcn Input and accessible suggestion list.","name":"places-autocomplete","registryDependencies":["input","button"],"title":"Places Autocomplete","type":"registry:component"}]},"shadcn date picker":{"favicon":"/favicons/shadcn-date-picker.svg","items":[{"description":"Overwrite the default calendar component with fixed styles for `react-day-picker` v9 and above.","name":"date-picker","registryDependencies":["button","popover"],"title":"Date Picker","type":"registry:component"}]},"retroui":{"favicon":"/favicons/retroui.png","items":[{"dependencies":["@base-ui/react","lucide-react"],"name":"accordion","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"alert","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"alert-dialog","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"aspect-ratio","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"avatar","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"badge","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"breadcrumb","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"button","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"button-group","registryDependencies":["separator"],"type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react","react-day-picker"],"name":"calendar","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"card","type":"registry:ui"},{"dependencies":["@base-ui/react","embla-carousel-react","lucide-react"],"name":"carousel","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"checkbox","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"collapsible","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"combobox","registryDependencies":["button","input-group"],"type":"registry:ui"},{"dependencies":["@base-ui/react","cmdk","lucide-react"],"name":"command","registryDependencies":["dialog","input-group"],"type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"context-menu","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"dialog","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"direction","type":"registry:ui"},{"dependencies":["@base-ui/react","vaul"],"name":"drawer","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"dropdown-menu","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"empty","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"field","registryDependencies":["label","separator"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"hover-card","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"input","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"input-group","registryDependencies":["button","input","textarea"],"type":"registry:ui"},{"dependencies":["@base-ui/react","input-otp","lucide-react"],"name":"input-otp","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"item","registryDependencies":["separator"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"kbd","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"label","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"menubar","registryDependencies":["dropdown-menu"],"type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"native-select","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","lucide-react"],"name":"navigation-menu","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"pagination","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"popover","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"progress","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"radio-group","type":"registry:ui"},{"dependencies":["@base-ui/react","react-resizable-panels"],"name":"resizable","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"scroll-area","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"select","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"separator","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"sheet","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","lucide-react"],"name":"sidebar","registryDependencies":["button","input","separator","sheet","skeleton","tooltip"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"skeleton","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"slider","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react","next-themes","sonner"],"name":"sonner","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react"],"name":"spinner","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"switch","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"table","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"tabs","type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"textarea","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"toggle","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"name":"toggle-group","registryDependencies":["toggle"],"type":"registry:ui"},{"dependencies":["@base-ui/react"],"name":"tooltip","type":"registry:ui"}]},"shadcn examples":{"favicon":"/favicons/shadcn-examples.ico","items":[{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities","@tabler/icons-react","@tanstack/react-table","next-themes","recharts","sonner","zod"],"description":"Clean and responsive admin dashboard built with shadcn/ui, featuring charts, data tables, stats cards, and sidebar navigation. A solid starting point for any web application admin panel.","name":"website-analytics-admin-dashboard","registryDependencies":["sidebar","card","chart","select","toggle-group","badge","button","checkbox","drawer","dropdown-menu","input","label","separator","table","tabs","avatar"],"title":"Classic Dashboard","type":"registry:block"},{"dependencies":["@tabler/icons-react","recharts"],"description":"Admin dashboard template with an integrated file manager for organizing, uploading, and navigating files and folders. Supports drag-and-drop, folder navigation, and multi-select actions.","name":"file-manager-admin-dashboard","registryDependencies":["button","button-group","dropdown-menu","item","table","tooltip","sidebar","avatar","card","input-group","chart","empty"],"title":"File Manager Dashboard","type":"registry:block"},{"dependencies":["@tabler/icons-react","@tanstack/react-table","recharts"],"description":"Payment management dashboard for tracking invoices, monitoring revenue, and managing transactions. Features filterable tables, payment status badges, and analytics charts.","name":"payment-admin-dashboard","registryDependencies":["sidebar","card","progress","chart","badge","button","dropdown-menu","select","input-group","table","avatar"],"title":"Payment Dashboard","type":"registry:block"},{"dependencies":["@hookform/resolvers","lucide-react","react-hook-form","zod"],"description":"Multi-section product creation form with fields for title, description, pricing, images, and categories. Built with React Hook Form and Zod validation for reliable data entry.","name":"add-product-form","registryDependencies":["button","card","input","label","textarea","select","badge","radio-group","field"],"title":"Add Product Form","type":"registry:block"},{"dependencies":["@ai-sdk/react","lucide-react"],"description":"Modern AI chat interface with message history, streaming support, and a clean prompt input area. Ideal for building ChatGPT-style assistants and AI-powered applications.","name":"ai-chat","registryDependencies":["avatar","dropdown-menu","badge","sidebar","button","input","scroll-area","label","textarea"],"title":"AI Chat","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Complete authentication UI kit including login, registration, password reset, and email verification pages. Designed with accessibility in mind using shadcn/ui form components.","name":"authentication","registryDependencies":["button","input","label"],"title":"Authentication","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Responsive bento grid layout for showcasing features, stats, or content in visually balanced asymmetric card arrangements. Perfect for landing pages and SaaS marketing sections.","name":"bento-grid","registryDependencies":["empty"],"title":"Bento Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Clean blog listing page with article cards, category filters, author info, and pagination. Optimized for readability and content discovery with a fully responsive layout.","name":"blog-page","registryDependencies":["avatar","card","badge","button"],"title":"Blog Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Full-featured blog post detail page with article content, author profile, tags, and related posts. Styled for readability with a clean typographic hierarchy.","name":"blog-detail-page","registryDependencies":["button","textarea","avatar","badge"],"title":"Blog Detail Page","type":"registry:block"},{"dependencies":["lucide-react","zustand"],"description":"Interactive shopping cart UI with product list, quantity controls, price summary, and checkout CTA. Supports item removal, quantity updates, and promo code input.","name":"shopping-cart","registryDependencies":["button","input-group","card","input","separator","badge","breadcrumb"],"title":"Shopping Cart","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Structured changelog page for publishing product updates, fixes, and new features in a clear timeline format. Supports tags like added, fixed, improved, and removed.","name":"changelog-page","registryDependencies":["badge","separator"],"title":"Changelog Page","type":"registry:block"},{"dependencies":["lucide-react","zustand"],"description":"Full-featured chat application UI with contact list, message threads, unread badges, and real-time message input. Includes mobile-friendly drawer navigation for small screens.","name":"chat-app","registryDependencies":["drawer","avatar","button","input-group","input","button-group","tabs","badge"],"title":"Chat App","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Collection of reusable chat UI components including message bubbles, typing indicators, user status, and file attachment previews. Ready to integrate into any messaging application.","name":"chat-ui-widgets","registryDependencies":["empty"],"title":"Chat UI Widgets","type":"registry:block"},{"dependencies":["@hookform/resolvers","lucide-react","react-hook-form","use-mask-input","zod","zustand"],"description":"Conversion-optimized checkout page with order summary, shipping form, payment method selection, and secure payment indicators. Built for modern e-commerce applications.","name":"checkout-page","registryDependencies":["button","card","checkbox","form","input","select","separator","radio-group","input-group","stepper"],"title":"Checkout Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Animated coming soon page with email signup form, countdown timer, and social media links. Ideal for building anticipation before a product or website launch.","name":"coming-soon-page","registryDependencies":["input","button"],"title":"Coming Soon Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Clean contact page with a validated inquiry form, company address, phone, email, and social links. Built with React Hook Form and shadcn/ui form components.","name":"contact-page","registryDependencies":["button","input","textarea","checkbox"],"title":"Contact Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Online course detail page with video player, lesson curriculum, progress tracking, and mobile drawer navigation. Designed for e-learning platforms and LMS applications.","name":"course-detail","registryDependencies":["button","card","badge","progress","scroll-area","separator","drawer","avatar"],"title":"Course Detail Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Professional resume and CV template with clean typography, work experience timeline, skills list, and contact section. Print-ready and fully responsive for all screen sizes.","name":"resume-cv-template","registryDependencies":["empty"],"title":"Resume/CV Template","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Pre-designed dashboard page layouts including analytics overview, settings, and data management views. Flexible sidebar and content area arrangements for any admin application.","name":"dashboard-page-layouts","registryDependencies":["empty"],"title":"Dashboard Layouts","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Searchable directory listing with user or organization cards, category filters, and alphabetical grouping. Ideal for team directories, member lists, and business registries.","name":"directory-list","registryDependencies":["empty"],"title":"Directory list","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Pre-built transactional email templates using Resend and React Email with layouts for welcome, notification, and password reset emails. Developer-friendly and easy to customize.","name":"email-templates","registryDependencies":["empty"],"title":"Email Templates","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Polished empty state UI components for displaying helpful messages when no data or results are available. Includes illustrations, action buttons, and contextual guidance.","name":"empty-states","registryDependencies":["empty"],"title":"Empty States","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Customizable error pages for 404, 500, and 503 HTTP status codes with clear messaging and navigation options. Consistent with your app design and optimized for user recovery.","name":"error-pages","registryDependencies":["empty"],"title":"Error Pages","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/utilities","@remixicon/react","date-fns","lucide-react","sonner"],"description":"Interactive event calendar UI for displaying and managing scheduled events, appointments, and deadlines. Supports month and week views with event creation and detail popups.","name":"event-calendar","registryDependencies":["button","dropdown-menu","calendar","checkbox","dialog","input","label","popover","radio-group","select","textarea"],"title":"Event Calendar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Browser-based file manager for organizing, uploading, and navigating files and folders. Supports multi-select, breadcrumb navigation, back button, and context menu actions.","name":"file-manager","registryDependencies":["button","avatar","switch","breadcrumb","dropdown-menu","separator","checkbox","sheet","badge","dialog","input","label","pagination","select"],"title":"File Manager App","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Drag-and-drop file upload component with progress indicators, file type validation, and thumbnail previews. Supports single and multi-file uploads with accessible controls.","name":"file-upload-form","registryDependencies":["empty"],"title":"File Upload Form","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Searchable help center with article categories, FAQ accordions, and support contact options. Designed to improve self-service resolution and reduce customer support tickets.","name":"help-center","registryDependencies":["accordion","card","input"],"title":"Help Center","type":"registry:block"},{"dependencies":["lucide-react"],"description":"High-converting hero section templates with headlines, CTAs, background visuals, and social proof. Designed for SaaS, marketing, and product landing pages.","name":"hero-sections","registryDependencies":["empty"],"title":"Hero sections","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","lucide-react","radix-ui"],"description":"Drag-and-drop Kanban board for managing tasks across customizable workflow stages. Supports card creation, column management, priority labels, and task detail views.","name":"kanban-board","registryDependencies":["avatar","badge"],"title":"Kanban Board","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Clean and accessible login page templates with email/password forms, social login buttons, and error handling. Designed for authentication flows in modern web applications.","name":"login-pages","registryDependencies":["empty"],"title":"Login Pages","type":"registry:block"},{"dependencies":["date-fns","lucide-react","radix-ui","zustand"],"description":"Full-featured email client UI with inbox, compose window, folders, and threaded conversations. Built with resizable panels and a clean layout inspired by modern mail apps.","name":"mail-app","registryDependencies":["select","dropdown-menu","avatar","button","calendar","label","popover","separator","switch","textarea","tooltip","drawer","dialog","badge","scroll-area","input","resizable","tabs","sheet"],"title":"Mail App","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Multi-step form UI that divides long forms into clear guided steps with a progress indicator. Includes per-step validation and a final review screen before submission.","name":"multi-step-form","registryDependencies":["button","input","label","textarea","badge"],"title":"Multi Step Form","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Sleek music player and library UI with track lists, playback controls, album art, and playlist management. Inspired by modern streaming platforms like Spotify.","name":"music-app","registryDependencies":["button","input","sheet","popover","slider","avatar","separator"],"title":"Music App","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Responsive media gallery for displaying images and videos in a masonry or grid layout. Supports lightbox previews, category filtering, and infinite scroll pagination.","name":"media-gallery","registryDependencies":["empty"],"title":"Media Gallery","type":"registry:block"},{"dependencies":["lucide-react","zustand"],"description":"Step-by-step onboarding UI for collecting user preferences, setting up profiles, and introducing app features. Improves new user activation rates and reduces time-to-value.","name":"onboarding-flow","registryDependencies":["button","card","input","label","radio-group","select","switch","separator"],"title":"Onboarding Flow","type":"registry:block"},{"dependencies":["lucide-react","zustand"],"description":"Step-by-step onboarding UI for collecting user preferences, setting up profiles, and introducing app features. Improves new user activation rates and reduces time-to-value.","name":"onboarding-flow-with-cover","registryDependencies":["button","input","label","radio-group","select","switch","separator"],"title":"Onboarding Flow","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Compact profile card components showing user avatars, names, roles, and social links. Available in multiple layouts for team pages, user directories, and sidebars.","name":"profile-card","registryDependencies":["avatar","badge","button","separator"],"title":"Profile Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Compact profile card components showing user avatars, names, roles, and social links. Available in multiple layouts for team pages, user directories, and sidebars.","name":"profile-card-with-cover-image","registryDependencies":["avatar","badge","button"],"title":"Profile Cards","type":"registry:block"},{"dependencies":["lucide-react","radix-ui","sonner"],"description":"Interactive playground template for building AI tools, code editors, or configuration interfaces. Features a split-panel layout with input controls and live output preview.","name":"playground","registryDependencies":["button","dialog","hover-card","label","slider","command","popover","alert-dialog","dropdown-menu","switch","input","textarea","separator","tabs"],"title":"Playground","type":"registry:block"},{"dependencies":["lucide-react","next-themes","shiki","zustand"],"description":"Interactive playground template for building AI tools, code editors, or configuration interfaces. Features a split-panel layout with input controls and live output preview.","name":"code-playground","registryDependencies":["scroll-area","dropdown-menu","resizable"],"title":"Code Playground","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Podcast player and episode browser UI with playback controls, show details, episode lists, and subscription management. Great for audio content platforms and RSS-based apps.","name":"podcast-app","registryDependencies":["empty"],"title":"Podcast App","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Point of Sale (POS) terminal UI for processing transactions, managing products, and tracking sales. Includes a product grid, shopping cart summary, and payment processing flow.","name":"pos-app","registryDependencies":["badge","button","card","input","scroll-area","separator","sheet"],"title":"Point of Sale (POS) ","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Flexible pricing table components with monthly/annual toggle, feature comparison lists, and a highlighted recommended plan. Designed to increase subscription conversion rates.","name":"column-pricing-table","registryDependencies":["button"],"title":"Column Pricing Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"E-commerce product detail page with image gallery, color and size selectors, quantity picker, reviews tab, and specifications. Built for modern online storefronts.","name":"product-detail-page","registryDependencies":["avatar","badge","button","separator","tabs"],"title":"Product Detail Page","type":"registry:block"},{"dependencies":["lucide-react","zustand"],"description":"Filterable product listing page with sidebar filters for category, brand, price range, and color, plus grid and list view toggle. Optimized for e-commerce browsing experiences.","name":"product-list","registryDependencies":["checkbox","input","label","radio-group","separator","slider","badge","button","card","toggle","sheet","scroll-area"],"title":"Product List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"User profile page with editable personal information, avatar upload, social links, and account settings. Ideal for SaaS dashboards and community-driven web platforms.","name":"profile-page","registryDependencies":["button","card","input","label","separator","switch","tabs","textarea","badge","avatar"],"title":"Profile Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Project management board showing active projects with progress bars, team member avatars, deadlines, and category badges. Built with responsive shadcn/ui card components.","name":"projects-list","registryDependencies":["avatar","badge","button","card","progress","tooltip","dropdown-menu"],"title":"Projects List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"WYSIWYG rich text editor with a formatting toolbar, image support, lists, headings, and code blocks. Ideal for content creation tools, CMS platforms, and note-taking apps.","name":"rich-text-editor","registryDependencies":["empty"],"title":"Rich Text Editor","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Visual product roadmap page for communicating upcoming features, milestones, and release timelines. Organized by status with planned, in-progress, and completed item cards.","name":"roadmap","registryDependencies":["badge","card"],"title":"Roadmap","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Role-based access control UI for managing user permissions, assigning roles, and configuring feature access levels. Essential for multi-tenant admin panels and SaaS apps.","name":"roles-permissions","registryDependencies":["empty"],"title":"Roles & Permissions","type":"registry:block"},{"dependencies":["lucide-react"],"description":"High-converting SaaS landing page with hero, features, pricing, testimonials, and FAQ sections. Fully customizable with shadcn/ui components and Tailwind CSS.","name":"saas-landing-page","registryDependencies":["empty"],"title":"SaaS Landing Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Search results page with query highlighting, faceted filters, result cards, and pagination controls. Designed for fast and intuitive content discovery in web applications.","name":"search-results","registryDependencies":["badge","button","separator","accordion"],"title":"Search Results","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Comprehensive settings page with profile management, notification preferences, security options, and billing. Uses tabbed navigation for organizing different settings categories.","name":"settings-page","registryDependencies":["avatar","button","card","input","label","switch","checkbox","radio-group","select","separator","badge"],"title":"Settings Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Social media profile and feed UI with posts, likes, comments, follower counts, and story-style components. Inspired by popular platforms like Instagram and X (Twitter).","name":"social-media","registryDependencies":["avatar","badge","button","card","dropdown-menu","separator","textarea"],"title":"Social Media App","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","lucide-react","radix-ui","sonner"],"description":"Drag-and-drop sortable card components for reordering items in lists, boards, and dashboards. Includes smooth animations and accessible keyboard-based reordering support.","name":"sortable-cards","registryDependencies":["badge"],"title":"Sortable Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Multi-question survey form with radio buttons, checkboxes, ratings, and a progress indicator. Ideal for collecting structured user feedback, NPS scores, and research data.","name":"survey-form","registryDependencies":["empty"],"title":"Survey Form","type":"registry:block"},{"dependencies":["lucide-react","sonner"],"description":"Detailed task view with description, assignee, due date, priority, labels, subtasks, and activity log. Designed for project management tools and team productivity applications.","name":"task-detail","registryDependencies":["avatar","badge","button","card","checkbox","dropdown-menu","progress","separator","textarea"],"title":"Task Detail Page","type":"registry:block"},{"dependencies":["@faker-js/faker","@tanstack/react-table","fs","lucide-react","path","zod"],"description":"Task list UI with filtering by status, priority, and assignee, plus inline editing and completion tracking. Supports sorting, bulk actions, and a clean table-based layout.","name":"tasks-table","registryDependencies":["badge","checkbox","button","dropdown-menu","command","popover","separator","select","input","table","avatar"],"title":"Tasks Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Interactive vertical timeline component for visualizing chronological events, milestones, and project history. Supports rich event cards with icons, dates, and descriptions.","name":"timeline","registryDependencies":["badge"],"title":"Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Real-time activity feed component for tracking user actions, system events, and app updates. Displays timestamped entries with user avatars, action types, and contextual details.","name":"activity-feed","registryDependencies":["avatar","badge","button","switch"],"title":"Activity Feed","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Notification center UI displaying alerts, system messages, and activity updates with read and unread states. Supports filtering by notification type and bulk mark-as-read.","name":"notifications","registryDependencies":["empty"],"title":"Notifications Page","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities","lucide-react","zustand"],"description":"Note-taking application with rich text editing, folder organization, tags, and full-text search. Ideal for personal productivity tools and knowledge management platforms.","name":"note-app","registryDependencies":["button","input","sheet","toggle","badge","dropdown-menu","dialog","label","select","textarea","separator"],"title":"Note App","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Digital sticky notes app for creating colorful, quick-edit notes and pinning reminders. Great for personal brainstorming boards, task reminders, and casual note-keeping.","name":"sticky-notes","registryDependencies":["empty"],"title":"Sticky Notes","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities","lucide-react","zustand"],"description":"Feature-rich to-do list app with task creation, completion tracking, priority levels, and due dates. Supports category filters and sorting for a productive daily workflow.","name":"todo-list-app","registryDependencies":["toggle","checkbox","button","dropdown-menu","input","select"],"title":"Todo List App","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two-factor authentication UI with OTP code input, resend option, and clear step-by-step guidance. Enhances account security for login flows in web and mobile applications.","name":"two-step-verification","registryDependencies":["empty"],"title":"Two Step Verification","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Product updates page for communicating new features, improvements, and bug fixes with version labels and dates. Keeps users informed and engaged with your product evolution.","name":"updates-page","registryDependencies":["card","badge","button"],"title":"Updates Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Reusable user card components with avatar, name, role, contact info, and action buttons. Available in list, grid, and compact layouts for dashboards and admin panels.","name":"user-cards","registryDependencies":["empty"],"title":"User Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Video call UI with participant grid, screen share controls, mute and camera toggles, and a side chat panel. Built for real-time communication and remote collaboration apps.","name":"video-call-chat","registryDependencies":["empty"],"title":"Video Call Chat","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Interactive quiz application UI with multiple-choice questions, answer feedback, progress bar, and a results summary screen. Ideal for e-learning platforms and assessments.","name":"quiz-app","registryDependencies":["empty"],"title":"Quiz App","type":"registry:block"},{"dependencies":["@hookform/resolvers","lucide-react","react-hook-form","zod"],"description":"Waitlist signup page with email form, position counter, referral tracking, and launch countdown timer. Perfect for building pre-launch interest and growing your early adopters list.","name":"waitlist","registryDependencies":["button","form","input"],"title":"Waitlist","type":"registry:block"}]},"niko table":{"favicon":"/favicons/niko-table.svg","items":[{"description":"Shadcn table primitive extended with TableComponent and a keyboard-focusable scroll container (tabIndex={0}, WCAG 2.1.1). Optional when you already ship a compatible components/ui/table.tsx — install explicitly or via @niko-table/data-table. À-la-carte controls that only pull dat","name":"data-table-ui","title":"Data Table UI (table.tsx)","type":"registry:ui"},{"dependencies":["@tanstack/react-table@^9","lucide-react"],"description":"Shared floor for Niko Table: context, non-virtualized structure, types, config, and the lib/hooks bodies and controls need. Does not include DataTableRoot or components/ui/table.tsx — install @niko-table/data-table for the full owner (pulls table.tsx), @niko-table/data-table-ui f","name":"data-table-core","registryDependencies":["skeleton","button","context-menu"],"title":"Data Table Core","type":"registry:block"},{"dependencies":["@tanstack/react-table@^9","lucide-react"],"description":"Full DataTable owner (DataTableRoot, DataTable chrome, feature detection) on top of data-table-core, plus the Table UI primitive via data-table-ui. Prefer this for typical installs; à-la-carte controls depend on data-table-core instead and will not overwrite a customized componen","name":"data-table","registryDependencies":["https://niko-table.com/r/data-table-core.json","https://niko-table.com/r/data-table-ui.json","alert","button","dropdown-menu"],"title":"Data Table","type":"registry:block"},{"dependencies":["@tanstack/react-virtual"],"description":"Virtualized table structure for rendering large datasets efficiently using TanStack Virtual.","name":"data-table-virtualized","registryDependencies":["https://niko-table.com/r/data-table-core.json"],"title":"DataTable Virtualized Structure","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Full-featured pagination controls with page size selector, page navigation, and row count display.","name":"data-table-pagination","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","select","input","skeleton"],"title":"DataTable Pagination","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Global search input with debouncing for filtering table data.","name":"data-table-search-filter","registryDependencies":["https://niko-table.com/r/data-table-core.json","input"],"title":"DataTable Search Filter","type":"registry:component"},{"dependencies":["lucide-react","@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities"],"description":"Sort management menu with multi-column sorting and drag-and-drop reordering.","name":"data-table-sort-menu","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","badge","command","popover","tooltip","select","https://diceui.com/r/sortable.json"],"title":"DataTable Sort Menu","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Column visibility toggle menu for showing/hiding table columns.","name":"data-table-view-menu","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","command","popover"],"title":"DataTable View Menu","type":"registry:component"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities","lucide-react"],"description":"Column visibility toggle menu with drag-to-reorder support. Use instead of data-table-view-menu when you need users to reorder columns from the menu.","name":"data-table-view-dnd-menu","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","command","popover"],"title":"DataTable View DnD Menu","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Button to clear all active table filters at once.","name":"data-table-clear-filter","registryDependencies":["https://niko-table.com/r/data-table-core.json","button"],"title":"DataTable Clear Filter","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Command palette-style filter interface for adding and managing column filters.","name":"data-table-filter-menu","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","badge","input","popover","command","select","calendar","separator"],"title":"DataTable Filter Menu","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Faceted filter for single/multiple selection with option counts and search.","name":"data-table-faceted-filter","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","badge","command","popover","separator"],"title":"DataTable Faceted Filter","type":"registry:component"},{"dependencies":["lucide-react","react-day-picker"],"description":"Inline filter toolbar that displays active filters as editable chips.","name":"data-table-inline-filter","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","input","popover","command","select","calendar"],"title":"DataTable Inline Filter","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Slider-based filter for numeric range filtering.","name":"data-table-slider-filter","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","input","label","popover","separator","slider"],"title":"DataTable Slider Filter","type":"registry:component"},{"dependencies":["lucide-react","react-day-picker"],"description":"Date picker filter supporting single date and date range selection.","name":"data-table-date-filter","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","calendar","popover","separator"],"title":"DataTable Date Filter","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Export table data to CSV with configurable options.","name":"data-table-export-button","registryDependencies":["https://niko-table.com/r/data-table-core.json","button"],"title":"DataTable Export Button","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Sidebar panel component for displaying row details or additional content alongside the table.","name":"data-table-aside","registryDependencies":["https://niko-table.com/r/data-table-core.json"],"title":"DataTable Aside","type":"registry:component"},{"description":"Bulk actions bar that appears when rows are selected.","name":"data-table-selection-bar","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","badge"],"title":"DataTable Selection Bar","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Column header sort options with ascending/descending/clear controls.","name":"data-table-column-sort","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","dropdown-menu","tooltip"],"title":"DataTable Column Sort","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Column header option to hide/show individual columns.","name":"data-table-column-hide","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","dropdown-menu","tooltip"],"title":"DataTable Column Hide","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Column header option to pin columns to left or right.","name":"data-table-column-pin","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","dropdown-menu","tooltip"],"title":"DataTable Column Pin","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Column header option to group rows by column values with TanStack aggregation support.","name":"data-table-column-group","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","dropdown-menu","tooltip"],"title":"DataTable Column Group","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Column header faceted filter with multi-select options in a dropdown.","name":"data-table-column-faceted-filter","registryDependencies":["https://niko-table.com/r/data-table-core.json","https://niko-table.com/r/data-table-faceted-filter.json","button","dropdown-menu","tooltip","popover","command"],"title":"DataTable Column Faceted Filter","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Column header slider filter for numeric range filtering in a dropdown.","name":"data-table-column-slider-filter","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","dropdown-menu","tooltip","input","label","slider"],"title":"DataTable Column Slider Filter","type":"registry:component"},{"dependencies":["lucide-react","react-day-picker"],"description":"Column header date filter with calendar picker in a dropdown.","name":"data-table-column-date-filter","registryDependencies":["https://niko-table.com/r/data-table-core.json","button","dropdown-menu","tooltip","popover","calendar"],"title":"DataTable Column Date Filter","type":"registry:component"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities","lucide-react"],"description":"Drag-and-drop row reordering with composable primitives. Includes DnD provider, draggable row, drag handle, and row DnD table body. Does not ship column DnD.","name":"data-table-row-dnd","registryDependencies":["https://niko-table.com/r/data-table-core.json","button"],"title":"DataTable Row DnD","type":"registry:component"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities"],"description":"Drag-and-drop column reordering with composable primitives. Includes DnD provider, draggable header, drag-along cell, and column DnD header/body. Does not ship row DnD.","name":"data-table-column-dnd","registryDependencies":["https://niko-table.com/r/data-table-core.json"],"title":"DataTable Column DnD","type":"registry:component"},{"dependencies":["@tanstack/react-virtual","@dnd-kit/sortable","@dnd-kit/utilities"],"description":"Virtualized row drag-and-drop body (`DataTableVirtualizedDndBody`). Requires data-table-virtualized + data-table-row-dnd. Does not ship column DnD.","name":"data-table-virtualized-row-dnd","registryDependencies":["https://niko-table.com/r/data-table-virtualized.json","https://niko-table.com/r/data-table-row-dnd.json"],"title":"DataTable Virtualized Row DnD","type":"registry:component"},{"dependencies":["@tanstack/react-virtual","@dnd-kit/sortable","@dnd-kit/utilities"],"description":"Virtualized column drag-and-drop header/body (`DataTableVirtualizedDndHeader`, `DataTableVirtualizedDndColumnBody`). Requires data-table-virtualized + data-table-column-dnd. Does not ship row DnD.","name":"data-table-virtualized-column-dnd","registryDependencies":["https://niko-table.com/r/data-table-virtualized.json","https://niko-table.com/r/data-table-column-dnd.json"],"title":"DataTable Virtualized Column DnD","type":"registry:component"},{"description":"Opt-in column resizing with drag handles and double-click autosize (measures natural text width). Keyboard-operable handle. Drop <DataTableColumnResize/> into the table to enable — works with DataTableHeader/Body and the virtualized variants.","name":"data-table-column-resize","registryDependencies":["https://niko-table.com/r/data-table-core.json"],"title":"DataTable Column Resize","type":"registry:component"},{"description":"Opt-in even-split fill for resizable columns. Drop <DataTableColumnAutoFit/> next to <DataTableColumnResize/> and the resizable columns grow by an equal share of the leftover space on load (the alternative to the default single-flex-column fill). Self-contained — the body ships n","name":"data-table-column-auto-fit","registryDependencies":["https://niko-table.com/r/data-table-core.json","https://niko-table.com/r/data-table-column-resize.json"],"title":"DataTable Column Auto-fit","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Composable editable spreadsheet grid: a headless engine (focus, selection, edit lifecycle, undo/redo, clipboard — all rowId-addressed so sort/filter work while editing) + a skin composed with DataTableRoot and the virtualized body. Keyboard cell nav, drag range-select with edge a","name":"data-table-grid","registryDependencies":["https://niko-table.com/r/data-table-core.json","https://niko-table.com/r/data-table-virtualized.json","https://niko-table.com/r/data-table-column-resize.json","button","input","checkbox","calendar","popover","command","dialog","dropdown-menu","separator","kbd","tooltip"],"title":"Data Grid (editable)","type":"registry:block"},{"description":"Opt-in useGridChanges hook that observes the uncontrolled grid engine and turns edits into a create/update/delete change-set — for staging saves, autosave, and full CRUD with per-row reconcile. Plain React, no dependency. Requires data-table-grid.","name":"data-table-grid-changes","registryDependencies":["https://niko-table.com/r/data-table-grid.json"],"title":"Data Grid — change tracking & persistence","type":"registry:component"}]},"dotmatrix":{"favicon":"/favicons/dotmatrix.svg","items":[{"description":"Same ripple family as the icon, with a wave that sweeps from the top-right toward the bottom-left.","name":"dotm-square-1","title":"Neon Drift","type":"registry:ui"},{"description":"Clockwise snake route: starts bottom-left up column 1, jumps to column 3 down, then column 2 up, and continues the same cycle to the right.","name":"dotm-square-2","title":"Pulse Ladder","type":"registry:ui"},{"description":"A 4-dot tail spirals clockwise from the outer border toward the center of the 5x5 grid.","name":"dotm-square-3","title":"Core Spiral","type":"registry:ui"},{"description":"Outer ring snake moves clockwise, middle ring snake moves anticlockwise, and the center dot stays inactive.","name":"dotm-square-4","title":"Twin Orbit","type":"registry:ui"},{"description":"Snake-style trail that traverses the 5x5 grid on alternating diagonals.","name":"dotm-square-5","title":"Prism Sweep","type":"registry:ui"},{"description":"Five simultaneous snakes: columns 1/3/5 move up while columns 2/4 move down.","name":"dotm-square-6","title":"Flux Columns","type":"registry:ui"},{"description":"Tetromino-like frames drop and stack in a 5x5 matrix, then flash a row-clear beat.","name":"dotm-square-7","title":"Block Drop","type":"registry:ui"},{"description":"Each column stacks upward on a stagger (Tetris-style), the full grid blinks twice, then columns drain downward with the same stagger.","name":"dotm-square-8","title":"Strobe Stack","type":"registry:ui"},{"description":"Two synced 2×3 cells (Unicode dot order) step through clear motifs: rails, full grid, three rows, checker, horseshoes, and alternating columns.","name":"dotm-square-9","title":"Glyph Pulse","type":"registry:ui"},{"description":"A CRT-style horizontal scanline moves down the matrix; swept rows leave a soft phosphor trail with a slight column-wise warp.","name":"dotm-square-10","title":"CRT Glide","type":"registry:ui"},{"description":"Concentric diamond ripple with a soft secondary echo pulse per ring.","name":"dotm-square-11","title":"Echo Ring","type":"registry:ui"},{"description":"Ripple starts at cell (2,2) and expands outward in concentric rings.","name":"dotm-square-12","title":"Origin Wave","type":"registry:ui"},{"description":"Single fan blade rotating around a center hub for a clean, readable loop.","name":"dotm-square-13","title":"Core Rotor","type":"registry:ui"},{"description":"A symmetric kaleidoscope bloom cycling through clean radial motifs.","name":"dotm-square-14","title":"Prism Bloom","type":"registry:ui"},{"description":"Two mirrored strands with periodic bridges pulse like a compact DNA helix.","name":"dotm-square-15","title":"Helix Glow","type":"registry:ui"},{"description":"A narrower helix variant that stays in the center band while preserving strand/rung rhythm.","name":"dotm-square-16","title":"Helix Core","type":"registry:ui"},{"description":"Single-strand helix variant that shows one side of the DNA wave.","name":"dotm-square-17","title":"Half Helix","type":"registry:ui"},{"description":"Equalizer-style vertical bars that pulse like live music levels.","name":"dotm-square-18","title":"Sound Bars","type":"registry:ui"},{"description":"Dual counter-rotating heads trace a figure-eight with a soft crossover pulse at center.","name":"dotm-square-19","title":"Infinity Run","type":"registry:ui"},{"description":"A bright head and tail run around the outer ring; a dimmer second train stays half a lap behind, with inner corner flashes for the twist.","name":"dotm-square-20","title":"Mobius Run","type":"registry:ui"},{"description":"A circular-masked half-helix that travels diagonally from top-left to bottom-right with a bright strand and soft adjacent trail.","name":"dotm-circular-1","title":"Halo Drift","type":"registry:ui"},{"description":"Three luminous heads orbit the circular ring at equal offsets, creating a triad chase that never overlaps into the old snake rhythm.","name":"dotm-circular-2","title":"Tri Orbit","type":"registry:ui"},{"description":"A plasma-like diagonal sweep and pulsing core weave through the circular mask for a distinctly different motion signature.","name":"dotm-circular-3","title":"Plasma Veil","type":"registry:ui"},{"description":"A rotating radar arm scans the circular grid with a bright beam front, soft wake, and faint perimeter ring echo.","name":"dotm-circular-4","title":"Radar Arc","type":"registry:ui"},{"description":"Four rotating pinwheel blades spin through the circular matrix with a glowing center and soft trailing halo.","name":"dotm-circular-5","title":"Nova Wheel","type":"registry:ui"},{"description":"An off-center orbiting energy point traces a phase-shifted loop, creating a drifting orbital glow inside the circular matrix.","name":"dotm-circular-6","title":"Phase Orb","type":"registry:ui"},{"description":"A scanning gate flips between vertical and horizontal sweeps, producing a crisp alternating shutter rhythm in the circular grid.","name":"dotm-circular-7","title":"Gate Shift","type":"registry:ui"},{"description":"Pulse bursts from the center with a dual-beat cadence, sending soft concentric pressure waves across the circular matrix.","name":"dotm-circular-8","title":"Heart Pulse","type":"registry:ui"},{"description":"A cardinal beacon pattern: N/E/S/W sectors pulse in sequence with a dim opposite echo, creating a clear directional rhythm in the circular mask.","name":"dotm-circular-9","title":"Star Compass","type":"registry:ui"},{"description":"Binary-style opacity tiers pulse in modular steps so only a few cells peak at once while others stay low, producing a crisp coded bloom.","name":"dotm-circular-10","title":"Binary Bloom","type":"registry:ui"},{"description":"A rotating crescent moon silhouette: bright lunar body, soft rim, and faint directional halo moving around the circular mask.","name":"dotm-circular-11","title":"Lunar Breathe","type":"registry:ui"},{"description":"A stepped 8-direction beacon beam sweeps around the circle with a dim opposite echo and diagonal spoke accents.","name":"dotm-circular-12","title":"Arc Beacon","type":"registry:ui"},{"description":"A circular-masked twin-helix: mirrored side strands weave inward and outward with intermittent interior bridge pulses.","name":"dotm-circular-13","title":"Twin Helix","type":"registry:ui"},{"description":"A shifting DNA ladder where a bright horizontal rung steps row-by-row while side anchors sway and leave soft ghost echoes.","name":"dotm-circular-14","title":"Rung Shift","type":"registry:ui"},{"description":"Braille-inspired grouped dot motifs cycle through rails, bridges, and cross forms inside the circular mask with crisp tiered opacity.","name":"dotm-circular-15","title":"Glyph Cluster","type":"registry:ui"},{"description":"A braille rail scanline sweeps row-by-row between left and right cells, with near-column accents and soft trail falloff.","name":"dotm-circular-16","title":"Rail Scan","type":"registry:ui"},{"description":"Braille-biased checker phases alternate in stepped shifts, keeping rails pronounced while the center cross supports readability.","name":"dotm-circular-17","title":"Checker Shift","type":"registry:ui"},{"description":"Mirrored braille dot pairs pulse from top and bottom toward the center, with a connective center-column accent.","name":"dotm-circular-18","title":"Pulse Pair","type":"registry:ui"},{"description":"A bright braille cell head orbits the inner ring with a dim tail while rail columns remain softly active.","name":"dotm-circular-19","title":"Orbit Cell","type":"registry:ui"},{"description":"Distinct braille-like glyphs cycle in sequence with previous-frame ghosting for a crisp readable symbol transition.","name":"dotm-circular-20","title":"Glyph Cycle","type":"registry:ui"},{"description":"A triangle-masked matrix where three spoke lines originate at the center and travel outward to each triangle edge.","name":"dotm-triangle-1","title":"Core Spokes","type":"registry:ui"},{"description":"A soft altitude wave travels between apex and base while the center column remains gently present for shape readability.","name":"dotm-triangle-2","title":"Altitude Wave","type":"registry:ui"},{"description":"A single head bounces between triangle corners along the perimeter path with a short fading tail.","name":"dotm-triangle-3","title":"Corner Bounce","type":"registry:ui"},{"description":"Three staggered heads chase around the triangle perimeter, leaving short fading tails while all dots stay fixed in place.","name":"dotm-triangle-4","title":"Vertex Chase","type":"registry:ui"},{"description":"A reflected scanline sweeps from apex to base and back, animating only opacity bands across triangle rows.","name":"dotm-triangle-5","title":"Row Sweep","type":"registry:ui"},{"description":"Triangle-masked braille dots fill down the left rail, then the right, then blink full and empty.","name":"dotm-triangle-6","title":"Braille Beat","type":"registry:ui"},{"description":"Diagonal harmonics keyed on row + col: bright bands glide along oblique lines through the triangle with a subtle second harmonic for texture.","name":"dotm-triangle-7","title":"Oblique Weave","type":"registry:ui"},{"description":"The lower triangle splits into left and right wings that trade emphasis on a pendulum beat; apex and center pulse brightest when both sides meet in the middle.","name":"dotm-triangle-8","title":"Wing Metronome","type":"registry:ui"},{"description":"Eight-connected distance rings from the heart cell: a bright corona sweeps outward through discrete tiers then back, so depth reads as concentric energy shells.","name":"dotm-triangle-9","title":"Corona Tier","type":"registry:ui"},{"description":"A stepped head and tail snake the mask in strict column order (bottom to top per column, columns left to right), unlike perimeter chases or diagonal waves.","name":"dotm-triangle-10","title":"Column Rake","type":"registry:ui"},{"description":"Cosine bands keyed on Manhattan distance from the apex (not the center): energy reads as horizontal tiers dropping through the triangle.","name":"dotm-triangle-11","title":"Shelf Descent","type":"registry:ui"},{"description":"Traveling harmonics on `row - col` so bright ridges move along NE–SW obliques, orthogonal in feel to diagonal loaders that use `row + col`.","name":"dotm-triangle-12","title":"Skew Drift","type":"registry:ui"},{"description":"A stepped snake follows row-wise serpentine order (base left→right, then alternating row directions) with a long tail — zigzag motion, not a column path.","name":"dotm-triangle-13","title":"Serpent Zip","type":"registry:ui"},{"description":"A smooth vertical beam sweeps grid columns 0→6; only triangle-masked dots respond so the silhouette lights one vertical slice at a time.","name":"dotm-triangle-14","title":"Pillar Sweep","type":"registry:ui"},{"description":"Brightness hands off smoothly among the three silhouette vertices (apex, left base, right base) with Manhattan falloff — a corner-to-corner orbit, not a mod-3 lattice.","name":"dotm-triangle-15","title":"Tripod Handoff","type":"registry:ui"},{"description":"A V-shaped thermal ridge moves through row-and-column space: brightness peaks along an inverted V so the front climbs the two lower flanks toward the apex, not a flat horizontal row scan like Row Sweep.","name":"dotm-triangle-16","title":"Updraft","type":"registry:ui"},{"description":"A stepped head and tail follow a single 10-cell path: left base up to the apex, down the right rim, then through (4,4) → center → (4,2) for a crossing loop.","name":"dotm-triangle-17","title":"Infinity Trace","type":"registry:ui"},{"description":"The heart cell stays locked dim while every other triangle dot breathes together in phase — a hollow, ring-like pulse.","name":"dotm-triangle-18","title":"Hollow Shell","type":"registry:ui"},{"description":"A Gaussian wedge of brightness rotates around the heart cell using each dot’s polar angle — a clear pivoting searchlight, not a cosine-product moiré field.","name":"dotm-triangle-19","title":"Pivot Ray","type":"registry:ui"},{"description":"Two stepped heads chase the outer perimeter path half a lap apart, each with its own tail; the heart cell stays quietly dim off the loop.","name":"dotm-triangle-20","title":"Twin Perimeter","type":"registry:ui"},{"description":"A 3-4-5-4-3 hexagonal dot field with two soft perimeter heads chasing around the shell while the center stays quietly lit.","name":"dotm-hex-1","title":"Hex Orbit","type":"registry:ui"},{"description":"Three rotating spokes sweep through the hex field with a soft outer shell pulse and a breathing center point.","name":"dotm-hex-2","title":"Prism Bloom","type":"registry:ui"},{"description":"Two diagonal bands slide through the honeycomb from opposite sides, meeting in a bright center flash before opening again.","name":"dotm-hex-3","title":"Honey Gate","type":"registry:ui"},{"description":"A bright signal hands off around the hex vertices while inner echo dots answer each corner and the center keeps a quick pulse.","name":"dotm-hex-4","title":"Vertex Relay","type":"registry:ui"},{"description":"Counter-rotating spiral waves cross through the hex lattice, creating a fast core pulse and softer outer wake.","name":"dotm-hex-5","title":"Spiral Lattice","type":"registry:ui"},{"description":"Smooth chevron bands flow through the hex field in a wrapped loop, keeping an obvious arrow pattern without a reset snap.","name":"dotm-hex-6","title":"Chevron March","type":"registry:ui"},{"description":"Top and bottom bars squeeze into a bright center hourglass, then flip into side rails and a diamond.","name":"dotm-hex-7","title":"Hourglass Flip","type":"registry:ui"},{"description":"Crisp symbolic masks flip between stars, chevrons, and rails for a snappy pixel-glyph loader.","name":"dotm-hex-8","title":"Glyph Flip","type":"registry:ui"},{"description":"A four-petal highlight rotates through the hex with a soft shell sheen and steady center glow.","name":"dotm-hex-9","title":"Petal Shimmer","type":"registry:ui"},{"description":"Refined swirl bands and a slower lens highlight create a smoother liquid shimmer through the hex lattice.","name":"dotm-hex-10","title":"Liquid Vortex","type":"registry:ui"},{"description":"A compact 3×3 grid with a four-dot tail spiraling clockwise from the outer border toward the center.","name":"dotm-3x3-1","title":"Square Spiral","type":"registry:ui"},{"description":"Diagonal bands pulse in sequence across the 3×3 grid from the top-right corner toward the bottom-left.","name":"dotm-3x3-2","title":"Drift TR","type":"registry:ui"},{"description":"Diagonal bands pulse in sequence across the 3×3 grid from the top-left corner toward the bottom-right.","name":"dotm-3x3-3","title":"Drift TL","type":"registry:ui"},{"description":"Diagonal bands pulse in sequence across the 3×3 grid from the bottom-right corner toward the top-left.","name":"dotm-3x3-4","title":"Drift BR","type":"registry:ui"},{"description":"Diagonal bands pulse in sequence across the 3×3 grid from the bottom-left corner toward the top-right.","name":"dotm-3x3-5","title":"Drift BL","type":"registry:ui"},{"description":"Manhattan rings ripple outward from the center cell, expanding through the 3×3 grid in even steps.","name":"dotm-3x3-6","title":"Core Echo","type":"registry:ui"},{"description":"Vertical bands pulse in sequence from the left column through the right, lighting all three rows in each column together.","name":"dotm-3x3-7","title":"Column Flux","type":"registry:ui"},{"description":"Horizontal bands pulse in sequence from the top row down through the bottom of the 3×3 matrix.","name":"dotm-3x3-8","title":"Row Sweep","type":"registry:ui"},{"description":"A narrow pulse travels the full serpentine path across all nine cells, row by row.","name":"dotm-3x3-9","title":"Serpent","type":"registry:ui"},{"description":"A highlight runs clockwise around the outer frame while the center cell holds a steady pulse.","name":"dotm-3x3-10","title":"Frame Chase","type":"registry:ui"},{"description":"Bold symbol motifs flash in sequence — corners, cross, full grid, center, ring, X, and side rails — like a tiny pixel display.","name":"dotm-3x3-11","title":"Glyph Pulse","type":"registry:ui"},{"description":"Concentric ripples expand from the center of the 3×3 grid, like a stone dropped in still water.","name":"dotm-3x3-12","title":"Drop Ripple","type":"registry:ui"},{"description":"A vertical wave pulse sweeps from the right column toward the left, illuminating every row in each band together.","name":"dotm-3x3-13","title":"Right Surge","type":"registry:ui"},{"description":"A bright comet with a two-dot tail races clockwise around the outer frame while the center cell softly breathes.","name":"dotm-3x3-14","title":"Comet Trail","type":"registry:ui"},{"description":"Soft square ripples echo outward from the center through Manhattan rings, with a gentle alternating shimmer.","name":"dotm-3x3-15","title":"Echo Rings","type":"registry:ui"},{"description":"A pixel smiley face rotates continuously in the 3×3 grid.","name":"dotm-3x3-16","title":"Smiley Spin","type":"registry:ui"},{"description":"A pixel checkmark rotates continuously in the 3×3 grid.","name":"dotm-3x3-18","title":"Check Spin","type":"registry:ui"},{"description":"A pixel right arrow rotates continuously in the 3×3 grid.","name":"dotm-3x3-19","title":"Arrow Spin","type":"registry:ui"},{"description":"An L-shaped pixel corner rotates continuously in the 3×3 grid.","name":"dotm-3x3-20","title":"Corner Spin","type":"registry:ui"},{"description":"A pixel play triangle rotates continuously in the 3×3 grid.","name":"dotm-3x3-21","title":"Play Spin","type":"registry:ui"},{"description":"Installs every Dot Matrix loader and shared runtime files in one command.","name":"all","title":"All Dot Matrix Loaders","type":"registry:ui"}]},"shadcn map":{"favicon":"/favicons/shadcn-map.ico","items":[{"dependencies":["leaflet","leaflet-draw","leaflet.markercluster","leaflet.fullscreen","react-leaflet","react-leaflet-markercluster","next-themes","maplibre-gl@^5","@maplibre/maplibre-gl-leaflet"],"description":"A map component.","devDependencies":["@types/leaflet","@types/leaflet-draw","@types/leaflet.markercluster"],"name":"map","registryDependencies":["button","button-group","dropdown-menu","https://shadcn-place-autocomplete.vercel.app/r/place-autocomplete.json"],"title":"Map","type":"registry:ui"}]},"signoff ui":{"favicon":"/favicons/signoff-ui.svg","items":[{"dependencies":["@radix-ui/react-toggle-group","ai","clsx","diff","tailwind-merge"],"description":"Review agent edits across files: accept or reject hunks or whole files, comment on lines, mark files viewed, from the keyboard; returns the applied files, rejected hunks and comments.","name":"diff-review","title":"Diff Review","type":"registry:component"},{"dependencies":["ai","clsx","diff","tailwind-merge"],"description":"DiffReview without its markup: parsing (in a worker for large files), decisions, line comments, viewed files, context and the keyboard, for your own design system.","name":"use-diff-review","title":"useDiffReview","type":"registry:component"},{"dependencies":["@radix-ui/react-collapsible","ai","clsx","tailwind-merge"],"description":"Approve or deny a tool call once, for the session or always, by tool and argument pattern: an args preview, editable arguments, risk levels, a denial reason, a key per choice, approve all pending.","name":"approval-card","title":"Approval Card","type":"registry:component"},{"description":"Approval rules without markup: once, session or always, by tool and argument glob, deny winning; pluggable storage, an audit trail, and the same rules as AI SDK 7 toolApproval.","name":"use-approval-policy","title":"useApprovalPolicy","type":"registry:component"},{"dependencies":["@radix-ui/react-collapsible","ai","clsx","react-markdown","remark-gfm","remend","tailwind-merge"],"description":"Renders an assistant UIMessage: markdown, reasoning, grouped tool calls, inline approvals and sources.","name":"agent-message","title":"Agent Message","type":"registry:component"},{"dependencies":["@radix-ui/react-collapsible","ai","clsx","tailwind-merge"],"description":"Vertical timeline of AI SDK tool calls with live states, durations, a waterfall and expandable input/output.","name":"tool-call-timeline","title":"Tool Call Timeline","type":"registry:component"},{"dependencies":["ai","clsx","tailwind-merge"],"description":"Tokens, estimated cost and latency (TTFT, total) for an agent run, compact or expanded.","name":"run-meter","title":"Run Meter","type":"registry:component"},{"dependencies":["ai","clsx","tailwind-merge"],"description":"Run state pill (thinking, working, waiting for approval, done, stopped, error) announced through an aria-live region.","name":"agent-status","title":"Agent Status","type":"registry:component"},{"dependencies":["ai","clsx","tailwind-merge"],"description":"Citation chips and cards for AI SDK source-url and source-document parts.","name":"sources","title":"Sources","type":"registry:component"},{"dependencies":["clsx","react-markdown","remark-gfm","remend","tailwind-merge"],"description":"Streaming-safe GFM markdown with linked [n] citations and a typing caret.","name":"markdown","title":"Markdown","type":"registry:component"},{"dependencies":["@radix-ui/react-collapsible","ai","clsx","react-markdown","remark-gfm","remend","tailwind-merge"],"description":"Collapsible model reasoning that opens while streaming and summarizes its duration.","name":"reasoning","title":"Reasoning","type":"registry:component"},{"description":"useAgUiAgent: renders any AG-UI agent (LangGraph, CrewAI, Mastra, Pydantic AI) with these components, interrupts as approvals.","name":"ag-ui","title":"AG-UI Adapter","type":"registry:component"},{"dependencies":["@assistant-ui/react","@radix-ui/react-collapsible","@radix-ui/react-toggle-group","ai","clsx","diff","tailwind-merge"],"description":"signoffTools for MessagePrimitive.Parts: DiffReview for assistant-ui tool calls that propose files, its result sent back with addResult, and the approval card with approval rules for calls at an approval gate.","name":"assistant-ui","title":"assistant-ui Tool UIs","type":"registry:component"}]},"skrewww":{"favicon":"/favicons/skrewww.svg","items":[{"description":"Button is a primary interactive trigger for user actions — submit, confirm, navigate, or initiate a process.","name":"button","registryDependencies":["@skrewww/foundation"],"title":"Button","type":"registry:ui"},{"description":"Card is a general-purpose content container grouping related information with a clear visual boundary.","name":"card","registryDependencies":["@skrewww/foundation"],"title":"Card","type":"registry:ui"},{"description":"Text Input is a single-line text entry for short, free-form data such as names, emails, or search terms.","name":"text-input","registryDependencies":["@skrewww/form-field","@skrewww/foundation"],"title":"Text Input","type":"registry:ui"},{"description":"Form Field is a shared field wrapper for label, description, required indicator, and validation placement — not a visual input.","name":"form-field","registryDependencies":["@skrewww/validation-message","@skrewww/foundation"],"title":"Form Field","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Validation Message is inline typed feedback paired with a field — error, warning, success, or info — with icon and text.","name":"validation-message","registryDependencies":["@skrewww/foundation"],"title":"Validation Message","type":"registry:ui"},{"description":"Spinner is an indeterminate loading indicator for operations without a meaningful completion percentage.","name":"spinner","registryDependencies":["@skrewww/foundation"],"title":"Spinner","type":"registry:ui"},{"description":"Divider is a thin separator line between content sections — horizontal or vertical, semantic or decorative.","name":"divider","registryDependencies":["@skrewww/foundation"],"title":"Divider","type":"registry:ui"},{"description":"Link is semantic navigational text styled as inline or standalone links — not for primary actions.","name":"link","registryDependencies":["@skrewww/foundation"],"title":"Link","type":"registry:ui"},{"description":"Checkbox is a native checkbox for independent or multi-select choices, including indeterminate group states.","name":"checkbox","registryDependencies":["@skrewww/foundation"],"title":"Checkbox","type":"registry:ui"},{"description":"React progress bar for uploads and background tasks, with measured value/max progress, an indeterminate mode, a visible label, and optional percentage text.","name":"progress-bar","registryDependencies":["@skrewww/foundation"],"title":"Progress Bar","type":"registry:ui"},{"description":"Skeleton is temporary placeholder shapes that preserve layout while known content is loading.","name":"skeleton","registryDependencies":["@skrewww/foundation"],"title":"Skeleton","type":"registry:ui"},{"description":"Radio is a native radio button for a single option inside a mutually exclusive group.","name":"radio","registryDependencies":["@skrewww/foundation"],"title":"Radio","type":"registry:ui"},{"description":"Switch is a boolean settings control for immediate on/off changes — not a substitute for Checkbox in forms.","name":"switch","registryDependencies":["@skrewww/foundation"],"title":"Switch","type":"registry:ui"},{"description":"Textarea is a multi-line native textarea for longer free-text content, composed with FormField for label and validation.","name":"textarea","registryDependencies":["@skrewww/form-field","@skrewww/foundation"],"title":"Textarea","type":"registry:ui"},{"description":"Pagination is a paged navigation control with Previous/Next boundaries, numbered pages, and optional ellipsis.","name":"pagination","registryDependencies":["@skrewww/foundation"],"title":"Pagination","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Avatar is a circular visual identity for a user or entity with image, initials, or icon fallback.","name":"avatar","registryDependencies":["@skrewww/foundation"],"title":"Avatar","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Breadcrumb is an ordered hierarchical trail showing location with navigable ancestors and a current-page indicator.","name":"breadcrumb","registryDependencies":["@skrewww/link","@skrewww/foundation"],"title":"Breadcrumb","type":"registry:ui"},{"description":"Radio Group is an accessible grouping layer for mutually exclusive radio options with legend, helper text, and errors.","name":"radio-group","registryDependencies":["@skrewww/radio","@skrewww/validation-message","@skrewww/foundation"],"title":"Radio Group","type":"registry:ui"},{"description":"Slider is a single-value control for selecting a number within min/max by dragging or keyboard-adjusting a thumb along a track.","name":"slider","registryDependencies":["@skrewww/foundation"],"title":"Slider","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Stepper shows progress through a fixed, known-length, ordered sequence of named steps — a compound Stepper + Step API built against the verified live Navigation/Step Item component set.","name":"stepper","registryDependencies":["@skrewww/foundation"],"title":"Stepper","type":"registry:ui"},{"description":"Table is a native HTML table foundation with captions, headers, body rows, footers, cell alignment, responsive overflow, RTL support, print-friendly scrolling, and composition patterns for empty/loading/error — not the interactive Data Table pattern (no sorting, selection, or pag","name":"table","registryDependencies":["@skrewww/foundation"],"title":"Table","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Badge is a compact non-interactive label for status, classification, or numeric counts at a glance.","name":"badge","registryDependencies":["@skrewww/foundation"],"title":"Badge","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Tag is a compact classification label for categories, filters, or user-applied values — distinct from read-only Badge status metadata.","name":"tag","registryDependencies":["@skrewww/foundation"],"title":"Tag","type":"registry:ui"},{"description":"List Item is a single row inside a collection — avatar, title, description, metadata, and optional trailing content.","name":"list-item","registryDependencies":["@skrewww/foundation"],"title":"List Item","type":"registry:ui"},{"description":"Timeline is a vertical, chronological event list built on Content/Timeline Item rows — Default outlined-ring or Highlighted solid-dot markers, connector suppression purely positional.","name":"timeline","registryDependencies":["@skrewww/foundation"],"title":"Timeline","type":"registry:ui"},{"description":"Empty State is a zero-content placeholder with title, description, and optional recovery actions for collections, search, or first-use flows.","name":"empty-state","registryDependencies":["@skrewww/button","@skrewww/link","@skrewww/foundation"],"title":"Empty State","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Alert is a persistent inline feedback block for contextual status tied to page content — not auto-dismissing.","name":"alert","registryDependencies":["@skrewww/foundation"],"title":"Alert","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Toast is a transient floating notification for confirming actions or reporting short-lived events.","name":"toast","registryDependencies":["@skrewww/foundation"],"title":"Toast","type":"registry:ui"},{"description":"Button Group joins related independent Buttons with shared outer chrome and a 2px divider gap — layout only; each Button keeps its own behavior.","name":"button-group","registryDependencies":["@skrewww/foundation"],"title":"Button Group","type":"registry:ui"},{"description":"Toggle Group is exclusive segmented selection (radiogroup) with joined chrome — Segmented Control is this presentation, not a separate component.","name":"toggle-group","registryDependencies":["@skrewww/foundation"],"title":"Toggle Group","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Accordion is a set of stacked collapsible sections for progressive disclosure, built from Accordion Item building blocks.","name":"accordion","registryDependencies":["@skrewww/foundation"],"title":"Accordion","type":"registry:ui"},{"description":"Tabs is a navigation pattern that switches between related in-context views using tablist/tab/tabpanel semantics and roving focus.","name":"tabs","registryDependencies":["@skrewww/foundation"],"title":"Tabs","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Search Field is a search-specific text field with leading magnifying-glass icon and optional clear action — built on shared text-input control behavior.","name":"search-field","registryDependencies":["@skrewww/form-field","@skrewww/foundation"],"title":"Search Field","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Credit Card Field is a compound UI control for card number, expiry, and CVC in one shell — visual pattern only, not a payment processor or PCI vault.","name":"credit-card-field","registryDependencies":["@skrewww/validation-message","@skrewww/foundation"],"title":"Credit Card Field","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Number Input is direct numeric entry with optional steppers and min/max/step — not currency, quantity business logic, or a Slider.","name":"number-input","registryDependencies":["@skrewww/form-field","@skrewww/foundation"],"title":"Number Input","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"File Upload is a native file input with drag-and-drop dropzone, advisory validation, selected-file list, and multipart form submission — selection only, not network upload.","name":"file-upload","registryDependencies":["@skrewww/form-field","@skrewww/foundation"],"title":"File Upload","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Popover is a non-modal floating panel for supplementary or lightly interactive content anchored to a trigger.","name":"popover","registryDependencies":["@skrewww/foundation"],"title":"Popover","type":"registry:ui"},{"description":"Tooltip is a brief supplementary label for a trigger, shown on keyboard focus or pointer hover.","name":"tooltip","registryDependencies":["@skrewww/foundation"],"title":"Tooltip","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Dialog is a modal overlay that interrupts workflow for focused attention, information, or a decision.","name":"dialog","registryDependencies":["@skrewww/foundation"],"title":"Dialog","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Drawer is an edge-anchored modal panel for supplementary settings, filters, or secondary forms.","name":"drawer","registryDependencies":["@skrewww/foundation"],"title":"Drawer","type":"registry:ui"},{"description":"Menu is a compact command surface for contextual actions — distinct from Select (form values) and Popover (supplementary content).","name":"menu","registryDependencies":["@skrewww/popover","@skrewww/foundation"],"title":"Menu","type":"registry:ui"},{"description":"Split Button joins one primary Button action with a related Menu trigger using shared outer chrome — composition only; Button and Menu keep their own APIs.","name":"split-button","registryDependencies":["@skrewww/foundation"],"title":"Split Button","type":"registry:ui"},{"description":"Calendar Day is a single selectable day cell inside a month calendar grid.","name":"calendar-day","registryDependencies":["@skrewww/foundation"],"title":"Calendar Day","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Calendar Grid is a composed month-view calendar with single-date or range selection and grid keyboard navigation.","name":"calendar-grid","registryDependencies":["@skrewww/calendar-day","@skrewww/foundation"],"title":"Calendar Grid","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Select is a combobox-style single-select with a Popover listbox trigger and hidden native select for form submission.","name":"select","registryDependencies":["@skrewww/form-field","@skrewww/popover","@skrewww/foundation"],"title":"Select","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Combobox is an editable searchable single-select with a filterable listbox — distinct from non-searchable Select and query-only Search Field.","name":"combobox","registryDependencies":["@skrewww/form-field","@skrewww/popover","@skrewww/foundation"],"title":"Combobox","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Date Picker is a date-only field with editable D MMM YYYY text entry (en-GB) and calendar popover for single-date selection.","name":"date-picker","registryDependencies":["@skrewww/calendar-grid","@skrewww/popover","@skrewww/form-field","@skrewww/foundation"],"title":"Date Picker","type":"registry:ui"},{"description":"Phone Number Field pairs a country/dial-code selector with a phone number input — UI pattern only, not SMS verification or carrier lookup.","name":"phone-number-field","registryDependencies":["@skrewww/select","@skrewww/validation-message","@skrewww/foundation"],"title":"Phone Number Field","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Tree View is a hierarchical, keyboard-navigable tree — file explorers, nested category browsers, org charts. Composes Content/Tree Item rows with roving-tabindex keyboard navigation and depth-based indentation.","name":"tree-view","registryDependencies":["@skrewww/foundation"],"title":"Tree View","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Data Table is an interactive data-table pattern composing Table with header sorting and external Pagination — no columns-config prop; the consumer writes their own Table/TableHead/TableBody markup and drops in DataTableSortHeader for sortable columns.","name":"data-table","registryDependencies":["@skrewww/table","@skrewww/foundation"],"title":"Data Table","type":"registry:ui"},{"dependencies":["recharts"],"description":"Bar Chart compares categories with vertical or horizontal bars — a single series by default, or several series grouped, stacked, or stacked to 100%. Static and non-tabbable, with the data also exposed as a hidden table.","name":"bar-chart","registryDependencies":["@skrewww/foundation"],"title":"Bar Chart","type":"registry:ui"},{"dependencies":["recharts"],"description":"Line Chart shows a trend across ordered categories — a single series by default, or several series as separate lines. Static and non-tabbable, with an optional sparkline mode and the data also exposed as a hidden table.","name":"line-chart","registryDependencies":["@skrewww/foundation"],"title":"Line Chart","type":"registry:ui"},{"dependencies":["recharts"],"description":"Area Chart shows magnitude over ordered categories with a filled area under each line — a single series by default, or several series overlapped, stacked, or stacked to 100%. Static and non-tabbable, with the data also exposed as a hidden table.","name":"area-chart","registryDependencies":["@skrewww/foundation"],"title":"Area Chart","type":"registry:ui"},{"description":"Chart Card is a Card composed for a chart: an optional title/description/actions header, and a body that owns loading/empty/error presentation around a chart the consumer supplies as children.","name":"chart-card","registryDependencies":["@skrewww/card","@skrewww/empty-state","@skrewww/alert","@skrewww/skeleton","@skrewww/foundation"],"title":"Chart Card","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"description":"Chart Metric is a labeled value with an optional directional delta, for use above a chart or standalone — the delta's direction drives only its icon, never a color.","name":"chart-metric","registryDependencies":["@skrewww/foundation"],"title":"Chart Metric","type":"registry:ui"}]},"smoothui":{"favicon":"/favicons/smoothui.ico","items":[{"dependencies":["@clack/prompts","picocolors"],"description":"CLI to install SmoothUI components - beautifully designed React components with smooth animations","devDependencies":["@types/node","tsup","tsx","ultracite","vitest"],"name":"cli","title":"Cli","type":"registry:ui"},{"dependencies":["motion"],"description":"Centered CTA block with radial glow background","name":"cta-1","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Cta 1","type":"registry:block"},{"dependencies":["motion"],"description":"Split layout CTA block with text and illustration","name":"cta-2","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/data.json"],"title":"Cta 2","type":"registry:block"},{"dependencies":["motion"],"description":"Compact banner CTA block","name":"cta-3","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Cta 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"FAQ grid block with categorized tabs and icons","name":"faq-1","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Faq 1","type":"registry:block"},{"dependencies":["motion"],"description":"FAQ accordion block with expandable questions","name":"faq-2","registryDependencies":["https://smoothui.dev/r/accordion.json","https://smoothui.dev/r/tokens.json"],"title":"Faq 2","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Searchable FAQ section with filter animations","name":"faq-3","registryDependencies":["https://smoothui.dev/r/accordion.json","https://smoothui.dev/r/field.json","https://smoothui.dev/r/input.json","https://smoothui.dev/r/tokens.json"],"title":"Faq 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Categorized FAQ section with tab navigation","name":"faq-4","registryDependencies":["https://smoothui.dev/r/accordion.json","https://smoothui.dev/r/tabs.json","https://smoothui.dev/r/tokens.json"],"title":"Faq 4","type":"registry:block"},{"dependencies":["motion"],"description":"Feature grid block with animated cards","name":"features-1","title":"Features 1","type":"registry:block"},{"dependencies":["motion"],"description":"Bento grid features block with asymmetric layout","name":"features-2","title":"Features 2","type":"registry:block"},{"dependencies":["motion"],"description":"Alternating features block with side-by-side layout","name":"features-3","registryDependencies":["https://smoothui.dev/r/data.json"],"title":"Features 3","type":"registry:block"},{"dependencies":["motion"],"description":"Simple footer block with links and social icons","name":"footer-1","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Footer 1","type":"registry:block"},{"dependencies":["motion"],"description":"Complex footer block with newsletter and extended links","name":"footer-2","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/field.json","https://smoothui.dev/r/input.json","https://smoothui.dev/r/tokens.json"],"title":"Footer 2","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Mega footer with newsletter and social links","name":"footer-3","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/field.json","https://smoothui.dev/r/input.json","https://smoothui.dev/r/tokens.json"],"title":"Footer 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Minimal single-row footer","name":"footer-4","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Footer 4","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Modern header block with navigation and mobile menu","name":"header-1","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/shared.json","https://smoothui.dev/r/tokens.json"],"title":"Header 1","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Premium header block with gradient logo and smooth animations","name":"header-2","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/shared.json","https://smoothui.dev/r/data.json"],"title":"Header 2","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Premium header block with gradient logo and smooth animations","name":"header-3","registryDependencies":["https://smoothui.dev/r/avatar.json","https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/shared.json","https://smoothui.dev/r/data.json"],"title":"Header 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Interactive 3D grid hero header inspired by rauno.me 2024","name":"header-4","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/shared.json","https://smoothui.dev/r/tokens.json"],"title":"Header 4","type":"registry:block"},{"dependencies":["motion"],"description":"Spotlight hero block with dark theme and gradient text","name":"header-5","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Header 5","type":"registry:block"},{"dependencies":["motion"],"description":"Minimal hero block with clean typography","name":"header-6","title":"Header 6","type":"registry:block"},{"description":"Simple logo cloud block with grid layout","name":"logo-cloud-1","registryDependencies":["https://smoothui.dev/r/shared.json"],"title":"Logo Cloud 1","type":"registry:block"},{"dependencies":["motion"],"description":"Animated logo cloud block with infinite scroll","name":"logo-cloud-2","registryDependencies":["https://smoothui.dev/r/shared.json"],"title":"Logo Cloud 2","type":"registry:block"},{"description":"Infinite scrolling logo marquee","name":"logo-cloud-3","registryDependencies":["https://smoothui.dev/r/shared.json"],"title":"Logo Cloud 3","type":"registry:block"},{"dependencies":["motion"],"description":"Interactive logo grid with hover effects","name":"logo-cloud-4","registryDependencies":["https://smoothui.dev/r/shared.json"],"title":"Logo Cloud 4","type":"registry:block"},{"dependencies":["motion"],"description":"Simple pricing block with single plan","name":"pricing-1","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/toggle-group.json","https://smoothui.dev/r/tokens.json"],"title":"Pricing 1","type":"registry:block"},{"dependencies":["motion"],"description":"Modern pricing block with three tiers","name":"pricing-2","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/toggle-group.json","https://smoothui.dev/r/tokens.json"],"title":"Pricing 2","type":"registry:block"},{"dependencies":["motion"],"description":"Creative pricing block with two plans","name":"pricing-3","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/toggle-group.json","https://smoothui.dev/r/tokens.json"],"title":"Pricing 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Shared components for SmoothUI blocks","name":"shared","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Shared","type":"registry:component"},{"dependencies":["motion"],"description":"Grid stats section block with hover effects","name":"stats-1","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Stats 1","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Cards stats section block with icons and trends","name":"stats-2","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Stats 2","type":"registry:block"},{"dependencies":["motion"],"description":"Grid team section block with hover effects","name":"team-1","registryDependencies":["https://smoothui.dev/r/data.json"],"title":"Team 1","type":"registry:block"},{"dependencies":["motion"],"description":"Carousel team section block with auto-play","name":"team-2","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/data.json"],"title":"Team 2","type":"registry:block"},{"dependencies":["motion"],"description":"Simple testimonials block with auto-rotating cards","name":"testimonials-1","registryDependencies":["https://smoothui.dev/r/data.json","https://smoothui.dev/r/tokens.json"],"title":"Testimonials 1","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Grid testimonials block with navigation arrows","name":"testimonials-2","registryDependencies":["https://smoothui.dev/r/avatar.json","https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/data.json"],"title":"Testimonials 2","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Star testimonials block with grid layout","name":"testimonials-3","registryDependencies":["https://smoothui.dev/r/avatar.json","https://smoothui.dev/r/data.json"],"title":"Testimonials 3","type":"registry:block"},{"dependencies":["@base-ui/react","lucide-react","motion"],"description":"Animated Accordion primitive for SmoothUI with CSS height panel and chevron rotation.","name":"accordion","title":"Accordion","type":"registry:ui"},{"description":"Canvas-based generative pixel avatar for AI agents, unique per seed.","name":"agent-avatar","title":"Agent Avatar","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Human-in-the-loop approval card where the chosen option expands to fill the card while the alternatives collapse away.","name":"ai-approval","title":"Ai Approval","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Generated-artifact frame whose preview and code panes swap along a shared axis rather than cross-fading.","name":"ai-artifact","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Ai Artifact","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"An interactive AI branch component for displaying conversation flows.","name":"ai-branch","title":"Ai Branch","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Inline citation pill that opens an origin-aware source card, anchored to the pill it came from.","name":"ai-citation","title":"Ai Citation","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Context window meter whose ring fills and shifts hue at the warning threshold, never changing size.","name":"ai-context-meter","title":"Ai Context Meter","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Thread scroll container that follows the bottom only while the reader is already there, offering a jump-to-latest pill when it stops.","name":"ai-conversation","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Ai Conversation","type":"registry:ui"},{"dependencies":["motion"],"description":"Shared AI state contract, per-state motion presets and microphone amplitude hooks for SmoothUI AI components.","name":"ai-core","title":"Ai Core","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Proposed code or data edit where added lines wipe in from the left and rejected lines collapse to nothing.","name":"ai-diff","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Ai Diff","type":"registry:ui"},{"description":"Deprecated alias for morph-surface. Kept for one release so existing installs keep resolving.","name":"ai-input","registryDependencies":["https://smoothui.dev/r/morph-surface.json"],"title":"Ai Input","type":"registry:ui"},{"dependencies":["motion"],"description":"Family of AI waiting indicators — dots, sweep bar and pixel grid — sharing one cycle length, with an optional elapsed counter.","name":"ai-loader","title":"Ai Loader","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Chat message bubble whose action row slides out of the bubble's own edge, revealed on hover and on focus.","name":"ai-message","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Ai Message","type":"registry:ui"},{"dependencies":["motion"],"description":"Cartoon character orb whose expression carries the AI state — cursor-following gaze, natural blinks, thinking saccades, happy arcs and spiral eyes.","name":"ai-orb-face","registryDependencies":["https://smoothui.dev/r/ai-core.json","https://smoothui.dev/r/orb.json"],"title":"Ai Orb Face","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"AI prompt composer with autogrowing textarea, attachment chips and a send-to-stop path morph.","name":"ai-prompt-input","registryDependencies":["https://smoothui.dev/r/ai-core.json","https://smoothui.dev/r/smooth-button.json"],"title":"Ai Prompt Input","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Collapsible AI reasoning trace that shimmers only while the model works, reports how long it took and gets out of the way.","name":"ai-reasoning","title":"Ai Reasoning","type":"registry:ui"},{"dependencies":["motion"],"description":"Streaming assistant text where words animate in as they arrive, with a caret that rides the last glyph and inline citation pills.","name":"ai-response","title":"Ai Response","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Favicon stack that fans out on hover and expands into a source list, with each favicon morphing into its row.","name":"ai-sources","title":"Ai Sources","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Prompt suggestion chips that radiate in from the centre of the row rather than sweeping left to right.","name":"ai-suggestions","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Ai Suggestions","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Live agent plan with nested steps, a drawn checkmark on completion and a travelling underline on whatever is running.","name":"ai-task-list","title":"Ai Task List","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Collapsible tool invocation whose status badge is one ring that evolves — breathing, spinning, then drawing a check or a cross.","name":"ai-tool-call","title":"Ai Tool Call","type":"registry:ui"},{"description":"Inline Alert for SmoothUI — info, success, warning, and destructive banners.","name":"alert","title":"Alert","type":"registry:ui"},{"dependencies":["motion"],"description":"Stack of overlapping avatars with smooth expand/collapse animation","name":"animated-avatar-group","title":"Animated Avatar Group","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated drag-and-drop file upload component","name":"animated-file-upload","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Animated File Upload","type":"registry:ui"},{"dependencies":["motion"],"description":"A list that animates additions, removals and reordering, with an optional auto-feed mode.","name":"animated-list","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Animated List","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated stepper/wizard component with step transitions","name":"animated-stepper","title":"Animated Stepper","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A AnimatedTags component for SmoothUI.","name":"animated-tags","title":"Animated Tags","type":"registry:ui"},{"dependencies":["motion"],"description":"Persistent WebGL shader transition wrapper that swaps content behind a cinematic aperture bloom.","name":"aperture-blur-transition","title":"Aperture Blur Transition","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A AppDownloadStack component for SmoothUI.","name":"app-download-stack","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/data.json"],"title":"App Download Stack","type":"registry:ui"},{"dependencies":["motion","lucide-react","popmotion"],"description":"A AppleInvites component for SmoothUI.","name":"apple-invites","title":"Apple Invites","type":"registry:ui"},{"dependencies":["motion"],"description":"An ArcadePixel component for SmoothUI.","name":"arcade-pixel","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Arcade Pixel","type":"registry:ui"},{"dependencies":["motion"],"description":"An AsciiRender component for SmoothUI.","name":"ascii-render","title":"Ascii Render","type":"registry:ui"},{"dependencies":["motion"],"description":"An AuroraCurtain background component for SmoothUI.","name":"aurora-curtain","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Aurora Curtain","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"A presentation-only sign-in / sign-up form that reveals fields progressively and stays fully accessible.","name":"auth-form","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Auth Form","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Avatar, AvatarGroup, and status dot for SmoothUI with Base UI / Radix twins.","name":"avatar","title":"Avatar","type":"registry:ui"},{"dependencies":["motion"],"description":"Compact Badge and Status Dot for SmoothUI — labels, tags, and presence indicators.","name":"badge","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Badge","type":"registry:ui"},{"dependencies":["motion"],"description":"A BlurOutUp text animation component for SmoothUI.","name":"blur-out-up","title":"Blur Out Up","type":"registry:ui"},{"dependencies":["motion"],"description":"A 3D CSS book component with perspective transforms and hover animation","name":"book","title":"Book","type":"registry:ui"},{"dependencies":["motion"],"description":"A BorderBeam component for SmoothUI.","name":"border-beam","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Border Beam","type":"registry:ui"},{"dependencies":["motion"],"description":"A BottomUpLetters text animation component for SmoothUI.","name":"bottom-up-letters","title":"Bottom Up Letters","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"Animated breadcrumb navigation with stagger-in animation","name":"breadcrumb","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Breadcrumb","type":"registry:ui"},{"dependencies":["motion"],"description":"A BreakpointIndicator component for SmoothUI.","name":"breakpoint-indicator","title":"Breakpoint Indicator","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A ButtonCopy component for SmoothUI.","name":"button-copy","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Button Copy","type":"registry:ui"},{"dependencies":["lucide-react","react-day-picker"],"description":"Calendar date picker grid for SmoothUI built on react-day-picker.","name":"calendar","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Calendar","type":"registry:ui"},{"dependencies":["motion"],"description":"A CardSwipeDeck component for SmoothUI.","name":"card-swipe-deck","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Card Swipe Deck","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"An animated Checkbox component for SmoothUI with checkmark and indeterminate state animations.","name":"checkbox","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Checkbox","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Checkbox Group for SmoothUI with parent/indeterminate support, Base UI twin and Radix-parity twin.","name":"checkbox-group","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Checkbox Group","type":"registry:ui"},{"dependencies":["motion"],"description":"Persistent WebGL shader transition wrapper that swaps content under a soft chromatic blur wash.","name":"chroma-blur-transition","title":"Chroma Blur Transition","type":"registry:ui"},{"dependencies":["motion"],"description":"A ClipCornersButton component for SmoothUI.","name":"clip-corners-button","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Clip Corners Button","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A CodeBlock component for SmoothUI.","name":"code-block","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/tokens.json"],"title":"Code Block","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react","motion"],"description":"Animated Collapsible primitive for SmoothUI with CSS height panel animation.","name":"collapsible","title":"Collapsible","type":"registry:ui"},{"dependencies":["cmdk","motion","lucide-react","radix-ui"],"description":"An animated Combobox component for SmoothUI with text filtering, async search, and keyboard navigation.","name":"combobox","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Combobox","type":"registry:ui"},{"dependencies":["cmdk","lucide-react","motion"],"description":"Command palette for SmoothUI — cmdk list inside SmoothUI Dialog.","name":"command","registryDependencies":["https://smoothui.dev/r/dialog.json","https://smoothui.dev/r/kbd.json","https://smoothui.dev/r/fluid-hover-highlight.json","https://smoothui.dev/r/lib.json"],"title":"Command","type":"registry:ui"},{"description":"Animated skeleton loading placeholders","name":"content-skeleton","title":"Content Skeleton","type":"registry:ui"},{"dependencies":["lucide-react","radix-ui","motion"],"description":"An animated Context Menu component for SmoothUI with spring animations, nested submenus, and keyboard navigation.","name":"context-menu","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Context Menu","type":"registry:ui"},{"dependencies":["motion"],"description":"A ContributionGraph component for SmoothUI.","name":"contribution-graph","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Contribution Graph","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated notification badge with count and status variants","name":"count-badge","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Count Badge","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A CountryPicker component for SmoothUI.","name":"country-picker","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/tokens.json"],"title":"Country Picker","type":"registry:ui"},{"dependencies":["motion"],"description":"A CoverflowCarousel component for SmoothUI.","name":"coverflow-carousel","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Coverflow Carousel","type":"registry:ui"},{"dependencies":["motion"],"description":"A CursorFollow component for SmoothUI.","name":"cursor-follow","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Cursor Follow","type":"registry:ui"},{"dependencies":["motion"],"description":"A CursorImageTrail component for SmoothUI.","name":"cursor-image-trail","title":"Cursor Image Trail","type":"registry:ui"},{"dependencies":["motion"],"description":"A DepthParallaxWords text animation component for SmoothUI.","name":"depth-parallax-words","title":"Depth Parallax Words","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react","motion"],"description":"Animated Dialog and AlertDialog components for SmoothUI.","name":"dialog","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Dialog","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A numeric field with rolling digits, keyboard stepping and horizontal scrub-to-change.","name":"digit-roll","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Digit Roll","type":"registry:ui"},{"dependencies":["motion"],"description":"A DitherChart component for SmoothUI.","name":"dither-chart","title":"Dither Chart","type":"registry:ui"},{"dependencies":["motion"],"description":"A DitherImage component for SmoothUI.","name":"dither-image","title":"Dither Image","type":"registry:ui"},{"dependencies":["motion"],"description":"A Dock component for SmoothUI.","name":"dock","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Dock","type":"registry:ui"},{"dependencies":["motion"],"description":"A DotMorphButton component for SmoothUI.","name":"dot-morph-button","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/tokens.json"],"title":"Dot Morph Button","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"An animated Drawer component for SmoothUI that slides from any side.","name":"drawer","title":"Drawer","type":"registry:ui"},{"dependencies":["motion"],"description":"A DrawingCursor component for SmoothUI.","name":"drawing-cursor","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Drawing Cursor","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react","motion"],"description":"An animated Dropdown Menu component for SmoothUI with spring animations, nested submenus, and keyboard navigation.","name":"dropdown-menu","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Dropdown Menu","type":"registry:ui"},{"dependencies":["motion"],"description":"A DurationPicker component for SmoothUI.","name":"duration-picker","title":"Duration Picker","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A DynamicIsland component for SmoothUI.","name":"dynamic-island","title":"Dynamic Island","type":"registry:ui"},{"dependencies":["motion"],"description":"An EmbossSurface component for SmoothUI.","name":"emboss-surface","title":"Emboss Surface","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A reaction bar with particle bursts, a rolling odometer count, and a hover/focus emoji picker.","name":"emoji-reaction","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Emoji Reaction","type":"registry:ui"},{"description":"Empty state layout for SmoothUI — title, description, and optional action.","name":"empty","title":"Empty","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A ExpandableCards component for SmoothUI.","name":"expandable-cards","title":"Expandable Cards","type":"registry:ui"},{"dependencies":["motion"],"description":"An ExpandableNavbar component for SmoothUI.","name":"expandable-navbar","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Expandable Navbar","type":"registry:ui"},{"dependencies":["motion"],"description":"iOS-style exposure slider with draggable ticker and progress ring","name":"exposure-slider","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Exposure Slider","type":"registry:ui"},{"dependencies":["motion"],"description":"A FadeThrough text animation component for SmoothUI.","name":"fade-through","title":"Fade Through","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"A keyboard-driven search field that shows each result's favicon, with a combobox listbox and highlighted matches.","name":"favicon-search","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Favicon Search","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Base UI Field compound primitives for SmoothUI — label, description, control, and error.","name":"field","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Field","type":"registry:ui"},{"dependencies":["motion"],"description":"A FigmaComment component for SmoothUI.","name":"figma-comment","registryDependencies":["https://smoothui.dev/r/avatar.json","https://smoothui.dev/r/data.json"],"title":"Figma Comment","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A FileTree component for SmoothUI.","name":"file-tree","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"File Tree","type":"registry:ui"},{"dependencies":["motion"],"description":"A FloatInput component for SmoothUI.","name":"float-input","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Float Input","type":"registry:ui"},{"dependencies":["motion"],"description":"A FloatingNavbar component for SmoothUI.","name":"floating-navbar","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/tokens.json"],"title":"Floating Navbar","type":"registry:ui"},{"dependencies":["motion"],"name":"fluid-hover-highlight","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Fluid Hover Highlight","type":"registry:ui"},{"dependencies":["motion"],"description":"A FocusBlurResolve text animation component for SmoothUI.","name":"focus-blur-resolve","title":"Focus Blur Resolve","type":"registry:ui"},{"dependencies":["motion"],"description":"A FolderReveal component for SmoothUI.","name":"folder-reveal","title":"Folder Reveal","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"A lightweight, composable Form component with animated error messages and full accessibility support.","name":"form","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Form","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A GitHubStarsAnimation component for SmoothUI.","name":"github-stars-animation","title":"Github Stars Animation","type":"registry:ui"},{"dependencies":["motion"],"description":"A GlassCard component for SmoothUI.","name":"glass-card","title":"Glass Card","type":"registry:ui"},{"dependencies":["motion"],"description":"A GlowHoverCards component for SmoothUI.","name":"glow-hover-card","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Glow Hover Card","type":"registry:ui"},{"description":"A GooeyFilter component for SmoothUI.","name":"gooey-filter","title":"Gooey Filter","type":"registry:ui"},{"dependencies":["gsap"],"description":"A GooeyPopover component for SmoothUI.","name":"gooey-popover","title":"Gooey Popover","type":"registry:ui"},{"dependencies":["motion"],"description":"A GravityLetters component for SmoothUI.","name":"gravity-letters","title":"Gravity Letters","type":"registry:ui"},{"dependencies":["motion"],"description":"A GravityStars particle background component for SmoothUI.","name":"gravity-stars","title":"Gravity Stars","type":"registry:ui"},{"dependencies":["motion"],"description":"3x3 grid-based loading animation with preset patterns","name":"grid-loader","title":"Grid Loader","type":"registry:ui"},{"dependencies":["motion"],"description":"A HolographicFoil component for SmoothUI.","name":"holographic-foil","title":"Holographic Foil","type":"registry:ui"},{"dependencies":["motion"],"description":"A HoverExpand component for SmoothUI.","name":"hover-expand","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Hover Expand","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A HoverImageList component for SmoothUI.","name":"hover-image-list","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Hover Image List","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"A text-to-image generation console — prompt and settings up top, a full-width 2x2 batch resolving from low-res mosaic to sharp below.","name":"image-generation-panel","registryDependencies":["https://smoothui.dev/r/ai-core.json","https://smoothui.dev/r/ai-loader.json","https://smoothui.dev/r/ai-prompt-input.json","https://smoothui.dev/r/tokens.json"],"title":"Image Generation Panel","type":"registry:ui"},{"dependencies":["motion","lucide-react","react-use-measure"],"description":"A ImageMetadataPreview component for SmoothUI.","name":"image-metadata-preview","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Image Metadata Preview","type":"registry:ui"},{"dependencies":["motion","react-use-measure"],"description":"A InfiniteSlider component for SmoothUI.","name":"infinite-slider","title":"Infinite Slider","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"Testimonial quotes woven into a paragraph that expand inline on hover or focus.","name":"inline-testimonials","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Inline Testimonials","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Base UI Input primitive for SmoothUI matching FieldControl styling. Base-only.","name":"input","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Input","type":"registry:ui"},{"description":"Input Group with leading/trailing addons for SmoothUI form controls.","name":"input-group","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Input Group","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A InteractiveImageSelector component for SmoothUI.","name":"interactive-image-selector","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Interactive Image Selector","type":"registry:ui"},{"dependencies":["motion","usehooks-ts"],"description":"A JobListingComponent component for SmoothUI.","name":"job-listing-component","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Job Listing Component","type":"registry:ui"},{"description":"Keyboard key hint for SmoothUI — shortcuts and command affordances.","name":"kbd","title":"Kbd","type":"registry:ui"},{"dependencies":["motion"],"description":"A KineticCenterBuild text animation component for SmoothUI.","name":"kinetic-center-build","title":"Kinetic Center Build","type":"registry:ui"},{"dependencies":["motion"],"description":"A KineticTypeScroll text animation component for SmoothUI.","name":"kinetic-type-scroll","title":"Kinetic Type Scroll","type":"registry:ui"},{"dependencies":["motion"],"description":"A LineByLineSlide text animation component for SmoothUI.","name":"line-by-line-slide","title":"Line By Line Slide","type":"registry:ui"},{"dependencies":["motion"],"description":"A LiquidMetal component for SmoothUI.","name":"liquid-metal","title":"Liquid Metal","type":"registry:ui"},{"dependencies":["motion"],"description":"A MacTerminal component for SmoothUI.","name":"mac-terminal","title":"Mac Terminal","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority","motion"],"description":"Button that subtly follows the cursor with magnetic effect","name":"magnetic-button","title":"Magnetic Button","type":"registry:ui"},{"dependencies":["motion"],"description":"A MagneticField component for SmoothUI.","name":"magnetic-field","title":"Magnetic Field","type":"registry:ui"},{"dependencies":["motion"],"description":"A MaskRevealUp text animation component for SmoothUI.","name":"mask-reveal-up","title":"Mask Reveal Up","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Desktop Menubar for SmoothUI with Base UI / Radix twins.","name":"menubar","title":"Menubar","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Semantic Meter for SmoothUI with Base UI twin and ARIA Radix-parity twin for gauges and capacity.","name":"meter","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Meter","type":"registry:ui"},{"dependencies":["motion"],"description":"A MicroScaleFade text animation component for SmoothUI.","name":"micro-scale-fade","title":"Micro Scale Fade","type":"registry:ui"},{"dependencies":["motion"],"description":"A MorphIcon component for SmoothUI.","name":"morph-icon","title":"Morph Icon","type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"description":"Feedback dock that morphs from a compact pill into a panel and back, with a spring layout transition.","name":"morph-surface","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/siri-orb.json"],"title":"Morph Surface","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated toggle switch with morph and icon variants","name":"morph-toggle","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Morph Toggle","type":"registry:ui"},{"dependencies":["motion"],"description":"A MotionLoader component for SmoothUI.","name":"motion-loader","title":"Motion Loader","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A play/pause control shaped like a spinning record, with a live waveform and seekable progress ring.","name":"music-toggle","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Music Toggle","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Site Navigation Menu for SmoothUI with Base UI / Radix twins.","name":"navigation-menu","title":"Navigation Menu","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Number Field for SmoothUI with steppers, Base UI twin and Radix-parity twin.","name":"number-field","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Number Field","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"A NumberFlow component for SmoothUI.","name":"number-flow","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Number Flow","type":"registry:ui"},{"dependencies":["motion"],"description":"An Orb component for SmoothUI.","name":"orb","title":"Orb","type":"registry:ui"},{"dependencies":["motion"],"description":"An OrbitalImageWheel component for SmoothUI.","name":"orbital-image-wheel","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Orbital Image Wheel","type":"registry:ui"},{"description":"A soft-min SDF merge transition with two organic expanding shapes.","name":"organic-merge-transition","registryDependencies":["https://smoothui.dev/r/sdf-blob-transition.json"],"title":"Organic Merge Transition","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"OTP Field for SmoothUI with Base UI twin and Radix-parity twin for one-time codes.","name":"otp-field","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Otp Field","type":"registry:ui"},{"dependencies":["motion","lucide-react","input-otp"],"description":"A OtpSlots component for SmoothUI.","name":"otp-slots","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Otp Slots","type":"registry:ui"},{"dependencies":["motion"],"description":"A page-preloader curtain that plays once and then uncovers the page.","name":"page-preloader","title":"Page Preloader","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"Animated pagination with spring-based active page indicator","name":"pagination","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/lib.json"],"title":"Pagination","type":"registry:ui"},{"dependencies":["motion"],"description":"Multi-layer depth parallax for hero sections, with optional pointer-driven parallax.","name":"parallax-layers","title":"Parallax Layers","type":"registry:ui"},{"dependencies":["motion"],"description":"A PerCharacterRise text animation component for SmoothUI.","name":"per-character-rise","title":"Per Character Rise","type":"registry:ui"},{"dependencies":["motion"],"description":"A PerWordCrossfade text animation component for SmoothUI.","name":"per-word-crossfade","title":"Per Word Crossfade","type":"registry:ui"},{"dependencies":["motion"],"description":"A PerspectiveText3D text animation component for SmoothUI.","name":"perspective-text-3d","title":"Perspective Text 3d","type":"registry:ui"},{"dependencies":["motion"],"description":"A PhotoStack component for SmoothUI.","name":"photo-stack","title":"Photo Stack","type":"registry:ui"},{"dependencies":["motion","@radix-ui/react-tabs"],"description":"A Phototab component for SmoothUI.","name":"phototab","title":"Phototab","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A list where selected items pin to the top and animate out of the flow into a pinned section.","name":"pinned-list","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Pinned List","type":"registry:ui"},{"dependencies":["motion"],"description":"A PixelBrushCanvas component for SmoothUI.","name":"pixel-brush-canvas","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Pixel Brush Canvas","type":"registry:ui"},{"dependencies":["motion"],"description":"A PixelFlowField background component for SmoothUI.","name":"pixel-flow-field","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Pixel Flow Field","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Animated Popover component for SmoothUI with Base UI / Radix twins and Motion enter animations.","name":"popover","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Popover","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A PowerOffSlide component for SmoothUI.","name":"power-off-slide","title":"Power Off Slide","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Hover preview card for SmoothUI with Base UI / Radix HoverCard twins and Motion overlay.","name":"preview-card","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Preview Card","type":"registry:ui"},{"description":"A PriceFlow component for SmoothUI.","name":"price-flow","title":"Price Flow","type":"registry:ui"},{"dependencies":["motion"],"description":"A persistent WebGL prism sweep transition wrapper for route and state changes.","name":"prism-sweep-transition","title":"Prism Sweep Transition","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated product card component for ecommerce","name":"product-card","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Product Card","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Animated Progress for SmoothUI with Base UI / Radix twins, determinate and indeterminate states.","name":"progress","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Progress","type":"registry:ui"},{"dependencies":["motion"],"description":"A ProgressiveBlur component for SmoothUI.","name":"progressive-blur","title":"Progressive Blur","type":"registry:ui"},{"description":"A radial SDF circle pattern transition inspired by the Codrops radial circles step.","name":"radial-circles-transition","registryDependencies":["https://smoothui.dev/r/sdf-blob-transition.json"],"title":"Radial Circles Transition","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"An animated Radio Group component for SmoothUI with selection indicator spring animation.","name":"radio-group","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Radio Group","type":"registry:ui"},{"dependencies":["motion"],"description":"A RansomNote component for SmoothUI.","name":"ransom-note","title":"Ransom Note","type":"registry:ui"},{"dependencies":["motion"],"description":"A RevealText component for SmoothUI.","name":"reveal-text","title":"Reveal Text","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A ReviewsCarousel component for SmoothUI.","name":"reviews-carousel","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/tokens.json"],"title":"Reviews Carousel","type":"registry:ui"},{"dependencies":["motion","lucide-react","@radix-ui/react-popover"],"description":"A RichPopover component for SmoothUI.","name":"rich-popover","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Rich Popover","type":"registry:ui"},{"dependencies":["motion"],"description":"A RollingText text animation component for SmoothUI.","name":"rolling-text","title":"Rolling Text","type":"registry:ui"},{"dependencies":["motion"],"description":"A ScaleDownFade text animation component for SmoothUI.","name":"scale-down-fade","title":"Scale Down Fade","type":"registry:ui"},{"description":"A ScrambleHover component for SmoothUI.","name":"scramble-hover","title":"Scramble Hover","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Styled Scroll Area for SmoothUI with Base UI / Radix twins and custom scrollbars.","name":"scroll-area","title":"Scroll Area","type":"registry:ui"},{"dependencies":["motion"],"description":"An image revealed by an animated mask as it scrolls into view, with a counter-parallax on the image.","name":"scroll-image-reveal","title":"Scroll Image Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"A reading-progress indicator with bar, ring, number and segmented variants.","name":"scroll-progress","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Scroll Progress","type":"registry:ui"},{"dependencies":["motion"],"description":"A ScrollRevealParagraph component for SmoothUI.","name":"scroll-reveal-paragraph","title":"Scroll Reveal Paragraph","type":"registry:ui"},{"dependencies":["motion"],"description":"A ScrollableCardStack component for SmoothUI.","name":"scrollable-card-stack","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Scrollable Card Stack","type":"registry:ui"},{"dependencies":["motion"],"description":"Design-tool style scrubber slider with animated thumb and built-in label","name":"scrubber","title":"Scrubber","type":"registry:ui"},{"dependencies":["motion"],"description":"A persistent WebGL SDF blob transition wrapper for route and state changes.","name":"sdf-blob-transition","title":"Sdf Blob Transition","type":"registry:ui"},{"description":"A clean SDF circle reveal based on the first Codrops shader step.","name":"sdf-circle-transition","registryDependencies":["https://smoothui.dev/r/sdf-blob-transition.json"],"title":"Sdf Circle Transition","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"An animated Select dropdown component for SmoothUI wrapping Radix Select with smooth animations.","name":"select","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Select","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Thin Separator for SmoothUI with Base UI / Radix twins, horizontal and vertical.","name":"separator","title":"Separator","type":"registry:ui"},{"description":"Demo 3 adaptation: noisy circular reveal with radial interpolation.","name":"shader-reveal-circle-transition","registryDependencies":["https://smoothui.dev/r/shader-reveal-transition.json"],"title":"Shader Reveal Circle Transition","type":"registry:ui"},{"description":"Demo 5 adaptation: luminance-style vertical displacement translated into a shader overlay.","name":"shader-reveal-luma-transition","registryDependencies":["https://smoothui.dev/r/shader-reveal-transition.json"],"title":"Shader Reveal Luma Transition","type":"registry:ui"},{"description":"Demo 1 adaptation: 4D-noise threshold transition with an organic shader gate.","name":"shader-reveal-noise-transition","registryDependencies":["https://smoothui.dev/r/shader-reveal-transition.json"],"title":"Shader Reveal Noise Transition","type":"registry:ui"},{"description":"Demo 6 adaptation: rotated displacement vectors with a planetary swirl feel.","name":"shader-reveal-planetary-transition","registryDependencies":["https://smoothui.dev/r/shader-reveal-transition.json"],"title":"Shader Reveal Planetary Transition","type":"registry:ui"},{"description":"Demo 8 adaptation: procedural noise push/pull displacement.","name":"shader-reveal-push-transition","registryDependencies":["https://smoothui.dev/r/shader-reveal-transition.json"],"title":"Shader Reveal Push Transition","type":"registry:ui"},{"description":"Demo 7 adaptation: divided UV stripe displacement with diagonal motion.","name":"shader-reveal-stripes-transition","registryDependencies":["https://smoothui.dev/r/shader-reveal-transition.json"],"title":"Shader Reveal Stripes Transition","type":"registry:ui"},{"dependencies":["motion"],"description":"A shared WebGL transition engine with eight shader-driven reveal variants.","name":"shader-reveal-transition","title":"Shader Reveal Transition","type":"registry:ui"},{"description":"Demo 4 adaptation: displacement-noise horizontal wipe with a sharp eased edge.","name":"shader-reveal-wipe-transition","registryDependencies":["https://smoothui.dev/r/shader-reveal-transition.json"],"title":"Shader Reveal Wipe Transition","type":"registry:ui"},{"description":"Demo 2 adaptation: vertical-progress zoom mix translated into a UI frame transition.","name":"shader-reveal-zoom-transition","registryDependencies":["https://smoothui.dev/r/shader-reveal-transition.json"],"title":"Shader Reveal Zoom Transition","type":"registry:ui"},{"dependencies":["motion"],"description":"A SharedAxisX text animation component for SmoothUI.","name":"shared-axis-x","title":"Shared Axis X","type":"registry:ui"},{"dependencies":["motion"],"description":"A SharedAxisY text animation component for SmoothUI.","name":"shared-axis-y","title":"Shared Axis Y","type":"registry:ui"},{"dependencies":["motion"],"description":"A SharedAxisZ text animation component for SmoothUI.","name":"shared-axis-z","title":"Shared Axis Z","type":"registry:ui"},{"dependencies":["motion"],"description":"A ShimmerSweep text animation component for SmoothUI.","name":"shimmer-sweep","title":"Shimmer Sweep","type":"registry:ui"},{"dependencies":["motion"],"description":"A ShineText light-sweep text animation component for SmoothUI.","name":"shine-text","title":"Shine Text","type":"registry:ui"},{"dependencies":["motion"],"description":"A ShortSlideDown text animation component for SmoothUI.","name":"short-slide-down","title":"Short Slide Down","type":"registry:ui"},{"dependencies":["motion"],"description":"A ShortSlideRight text animation component for SmoothUI.","name":"short-slide-right","title":"Short Slide Right","type":"registry:ui"},{"dependencies":["motion"],"description":"Collapsible app sidebar shell for SmoothUI with provider and menu parts.","name":"sidebar","registryDependencies":["https://smoothui.dev/r/fluid-hover-highlight.json","https://smoothui.dev/r/lib.json"],"title":"Sidebar","type":"registry:ui"},{"dependencies":["motion"],"description":"A beautiful animated orb component inspired by Siri's visual design.","name":"siri-orb","registryDependencies":["https://smoothui.dev/r/ai-core.json"],"title":"Siri Orb","type":"registry:ui"},{"dependencies":["motion"],"description":"Skeleton loading placeholders for SmoothUI with optional shimmer.","name":"skeleton","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Skeleton","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Animated Slider primitive for SmoothUI with spring thumb press feedback.","name":"slider","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Slider","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","motion"],"description":"A polished button component with gradient variants and press animation","name":"smooth-button","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Smooth Button","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A profile hover card: avatar/handle trigger that expands into a preview with stats, bio and a follow action.","name":"social-hover-card","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/tokens.json"],"title":"Social Hover Card","type":"registry:ui"},{"dependencies":["motion"],"description":"A SocialSelector component for SmoothUI.","name":"social-selector","title":"Social Selector","type":"registry:ui"},{"dependencies":["motion"],"description":"A SoftBlurIn text animation component for SmoothUI.","name":"soft-blur-in","title":"Soft Blur In","type":"registry:ui"},{"dependencies":["motion"],"description":"Accessible loading Spinner for SmoothUI with Motion and reduced-motion support.","name":"spinner","registryDependencies":["https://smoothui.dev/r/lib.json"],"title":"Spinner","type":"registry:ui"},{"dependencies":["motion"],"description":"A SpringScaleIn text animation component for SmoothUI.","name":"spring-scale-in","title":"Spring Scale In","type":"registry:ui"},{"description":"A Squircle component for SmoothUI.","name":"squircle","title":"Squircle","type":"registry:ui"},{"dependencies":["motion"],"description":"A StaggerFromCenter text animation component for SmoothUI.","name":"stagger-from-center","title":"Stagger From Center","type":"registry:ui"},{"dependencies":["motion"],"description":"A StaggerFromEdges text animation component for SmoothUI.","name":"stagger-from-edges","title":"Stagger From Edges","type":"registry:ui"},{"dependencies":["motion"],"description":"Reveals any children through a custom SVG shape mask that can morph on a loop, on scroll, or on hover.","name":"svg-clip-mask","title":"Svg Clip Mask","type":"registry:ui"},{"dependencies":["motion"],"description":"An SVG path that draws itself as you scroll, optionally with a marker riding the tip.","name":"svg-draw-on-scroll","title":"Svg Draw On Scroll","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A SwapPanel component for SmoothUI.","name":"swap-panel","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/tokens.json"],"title":"Swap Panel","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"An animated Switch component for SmoothUI with a spring thumb toggle.","name":"switch","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Switch","type":"registry:ui"},{"description":"A SwitchboardCard component with light grid illustration for SmoothUI.","name":"switchboard-card","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Switchboard Card","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Animated Tabs primitive for SmoothUI with Base Indicator and underline/pill/segment variants.","name":"tabs","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Tabs","type":"registry:ui"},{"dependencies":["motion"],"description":"A TextMorph text animation component for SmoothUI.","name":"text-morph","title":"Text Morph","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Multi-line Textarea for SmoothUI matching Input / FieldControl styling. Base-only.","name":"textarea","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Textarea","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A light/dark/system theme switch with sun-moon, pill, switch and orb visual treatments.","name":"theme-toggle","title":"Theme Toggle","type":"registry:ui"},{"dependencies":["motion"],"description":"A TiltCard component for SmoothUI.","name":"tilt-card","title":"Tilt Card","type":"registry:ui"},{"dependencies":["motion"],"description":"A TimeMachineStack component for SmoothUI.","name":"time-machine-stack","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Time Machine Stack","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Toast notifications for SmoothUI built on Base UI Toast manager with Motion polish. Base-only.","name":"toast","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Toast","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Animated Toggle primitive for SmoothUI with press scale and pressed background.","name":"toggle","registryDependencies":["https://smoothui.dev/r/lib.json","https://smoothui.dev/r/tokens.json"],"title":"Toggle","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Animated Toggle Group primitive for SmoothUI — segmented single or multi selection.","name":"toggle-group","registryDependencies":["https://smoothui.dev/r/toggle.json"],"title":"Toggle Group","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Accessible Toolbar for SmoothUI with Base UI / Radix twins for grouped controls.","name":"toolbar","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Toolbar","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"Animated Tooltip component for SmoothUI with Base UI / Radix twins and Motion fade/scale.","name":"tooltip","title":"Tooltip","type":"registry:ui"},{"dependencies":["motion"],"description":"A TopDownLetters text animation component for SmoothUI.","name":"top-down-letters","title":"Top Down Letters","type":"registry:ui"},{"dependencies":["react-tweet"],"description":"A beautiful tweet card component for displaying Twitter/X posts.","name":"tweet-card","title":"Tweet Card","type":"registry:ui"},{"description":"A TypewriterText component for SmoothUI.","name":"typewriter-text","title":"Typewriter Text","type":"registry:ui"},{"dependencies":["motion"],"description":"An UnlockFaceId component for SmoothUI.","name":"unlock-face-id","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Unlock Face Id","type":"registry:ui"},{"dependencies":["motion","lucide-react","@radix-ui/react-popover"],"description":"A UserAccountAvatar component for SmoothUI.","name":"user-account-avatar","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"User Account Avatar","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"A Figma-style floating vector toolbar with tool selection, nested flyouts and a contextual properties bar.","name":"vector-editor-toolbar","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Vector Editor Toolbar","type":"registry:ui"},{"dependencies":["motion"],"description":"A video with a two-pass Ambilight-style glow sampled live from its own frames, with a CORS-safe static fallback.","name":"video-ambient","registryDependencies":["https://smoothui.dev/r/tokens.json"],"title":"Video Ambient","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"A video thumbnail that morphs into a full accessible player inside a modal, with a custom keyboard-operable control bar.","name":"video-modal","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Video Modal","type":"registry:ui"},{"dependencies":["motion","lucide-react"],"description":"A WalletCard component for SmoothUI.","name":"wallet-card","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Wallet Card","type":"registry:ui"},{"description":"A wavy perimeter circle reveal inspired by the Codrops circle warping step.","name":"warped-circle-transition","registryDependencies":["https://smoothui.dev/r/sdf-blob-transition.json"],"title":"Warped Circle Transition","type":"registry:ui"},{"dependencies":["motion"],"description":"A WaveText component for SmoothUI.","name":"wave-text","title":"Wave Text","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"Full ChatGPT-style chat surface — sidebar, transcript and composer — wired to a simulated agent so every AI component is on screen.","name":"chat-template","registryDependencies":["https://smoothui.dev/r/ai-approval.json","https://smoothui.dev/r/ai-artifact.json","https://smoothui.dev/r/ai-context-meter.json","https://smoothui.dev/r/ai-conversation.json","https://smoothui.dev/r/ai-core.json","https://smoothui.dev/r/ai-diff.json","https://smoothui.dev/r/ai-loader.json","https://smoothui.dev/r/ai-message.json","https://smoothui.dev/r/ai-prompt-input.json","https://smoothui.dev/r/ai-reasoning.json","https://smoothui.dev/r/ai-response.json","https://smoothui.dev/r/ai-sources.json","https://smoothui.dev/r/ai-suggestions.json","https://smoothui.dev/r/ai-task-list.json","https://smoothui.dev/r/ai-tool-call.json","https://smoothui.dev/r/siri-orb.json","https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/data.json"],"title":"Chat Template","type":"registry:block"}]},"reui":{"favicon":"/favicons/reui.ico","items":[{"dependencies":["cn","sonner"],"description":"Human in the loop task view: queue badges on steps that will need you, an answer field for agent questions, and a declined approval skipping its gated steps. ReUI Frame, Badge, shadcn Marker, Progress, InputGroup. For approval flow, run log.","name":"agent-activity-1","page":"https://reui.io/blocks/ai-agents/agent-activity/agent-activity-1","registryDependencies":["@reui/badge","@reui/frame","button","dropdown-menu","input-group","marker","progress","spinner","tooltip"],"title":"Agent run console that stops at approval steps for an inline Approve, Revise or Deny","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Narrates an agent run as it works: steps name the file, command, query or issue they touched, Stop strikes the rest as cancelled, transcript copy and download. Built on ReUI Badge, shadcn Card, Marker, DropdownMenu. For activity log, tool timeline.","name":"agent-activity-2","page":"https://reui.io/blocks/ai-agents/agent-activity/agent-activity-2","registryDependencies":["@reui/badge","avatar","button","card","dropdown-menu","marker","spinner","tooltip"],"title":"Live agent run feed with Summary, Detailed and Raw monospace log views","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Shows how an AI agent reached its reply: steps land live, hover copy and open actions per row, publisher logos. ReUI Timeline, Badge; shadcn Card, Item, Spinner, Tooltip. For deep research, citations panel, grounded AI answers.","name":"agent-activity-3","page":"https://reui.io/blocks/ai-agents/agent-activity/agent-activity-3","registryDependencies":["@reui/badge","@reui/timeline","button","card","item","marker","skeleton","spinner","tooltip"],"title":"Research timeline from search query via cited sources and repo files to a confidence rated answer","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Agent run permission review for a chat transcript: rows stream in over skeletons, a Denied only filter and a Dropped badge on a lost server. Built on ReUI Badge, shadcn Table, ToggleGroup, Empty. For MCP audit log, tool permissions, scope approval.","name":"agent-activity-4","page":"https://reui.io/blocks/ai-agents/agent-activity/agent-activity-4","registryDependencies":["@reui/badge","button","empty","skeleton","spinner","table","toggle-group"],"title":"MCP call table attributing each tool call to its server, with the refused scope and a Grant","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Wrap-up card for a finished agent task: the command, record or reason behind each row, a Grant button for a missing scope, and Keep what succeeded with undo. Built on ReUI Frame, Badge, shadcn Item, ButtonGroup. For run summary, task results.","name":"agent-activity-5","page":"https://reui.io/blocks/ai-agents/agent-activity/agent-activity-5","registryDependencies":["@reui/badge","@reui/frame","button","button-group","dropdown-menu","item","skeleton","spinner","tooltip"],"title":"Agent run outcome report with a done, failed or skipped badge per item and a scoped retry","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Full page AI copilot chat surface with a streaming transcript, a tabbed header thread switcher over pinned and recent chats, a starter view of prompt and thread shortcuts, model switching, and a docked composer with removable context chips.","name":"ai-chat-1","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-1","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/frame","attachment","avatar","bubble","button","@reui/code-block-highlight","collapsible","dropdown-menu","field","input-group","kbd","marker","message","message-scroller","popover","progress","scroll-area","spinner","tabs","tooltip"],"title":"AI copilot chat surface with streaming transcript and recent chats","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Launch surface for a source grounded copilot: a greeting, a framed ask box whose header toggles which files the chat may read, and three starter asks. Replies come back as structured documents, with sortable tables, Shiki highlighted code artifacts and proportional comparison bar","name":"ai-chat-10","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-10","registryDependencies":["@reui/badge","@reui/code-block","@reui/frame","attachment","bubble","button","dropdown-menu","field","input-group","item","kbd","marker","message","message-scroller","popover","progress","spinner","table","tabs","toggle-group","tooltip"],"title":"AI chat welcome screen with scoped sources and structured answers","type":"registry:block"},{"dependencies":["cn"],"description":"A self contained chat surface floating on an animated dot field. Asks stay bubbles while every reply renders as a framed receipt carrying the run behind it, a tool trace, a metric row or a code patch, with model, latency and token cost in the chrome bar. Streaming, stop, retry, t","name":"ai-chat-11","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-11","registryDependencies":["@reui/badge","@reui/frame","bubble","button","dropdown-menu","empty","field","input-group","item","kbd","marker","message","message-scroller","spinner","toggle-group","tooltip"],"title":"AI chat stage with framed answer receipts on a live dot field","type":"registry:block"},{"description":"A support assistant docked to a documentation page as a hideable right sidebar, answering only from the product knowledge base and showing its work while it does. Every question runs a visible retrieval: the search, then each matched article ticking from queued to read, then the ","name":"ai-chat-12","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-12","registryDependencies":["@reui/icon-stack","bubble","button","collapsible","dropdown-menu","empty","field","input-group","item","kbd","marker","message-scroller","sidebar","skeleton","spinner","tooltip"],"title":"Ask AI docs support panel that shows the knowledge base being read","type":"registry:block"},{"dependencies":["cn","motion","next-themes","sonner"],"description":"An in app assistant launched from a bottom right button: a non modal chat window over the page with starter questions, a streaming thread, chat history, attachable page context, and expand, minimize and end chat controls.","name":"ai-chat-13","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-13","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","alert-dialog","attachment","avatar","bubble","button","card","@reui/code-block-highlight","dropdown-menu","empty","field","input-group","item","kbd","marker","popover","separator","skeleton","spinner","table","tabs","toggle-group","tooltip"],"title":"Corner AI chat popup with history, expand and page context","type":"registry:block"},{"dependencies":["cn"],"description":"Sticky right side AI copilot beside a page: streaming thread, grouped Message bubbles, markdown code block, model picker, quick replies, and an Insert action that writes the reply into the document. Sheet on mobile.","name":"ai-chat-2","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-2","registryDependencies":["@reui/badge","@reui/code-block","@reui/icon-stack","@reui/icon-tile","avatar","bubble","button","@reui/code-block-highlight","dropdown-menu","empty","field","input-group","kbd","marker","message","message-scroller","scroll-area","sheet","skeleton","spinner","tooltip"],"title":"Docked AI assistant chat panel beside a page with insert into draft","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"AI assistant welcome screen and zero state: an Empty greeting with live workspace stats, one rail of start and resume rows that fill the composer and attach context, an InputGroup composer with Attachment chips, and a streaming reply with Stop. A new chat page with prompt suggest","name":"ai-chat-3","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-3","registryDependencies":["@reui/badge","@reui/code-block","@reui/icon-tile","attachment","bubble","button","card","collapsible","dropdown-menu","empty","field","input-group","kbd","marker","message","message-scroller","questionnaire","scroll-area","spinner","tooltip"],"title":"AI chat welcome screen with prompt starters and a docked composer","type":"registry:block"},{"dependencies":["sonner"],"description":"Reveal and hide a floating AI panel beside any page: select a sentence in an answer to reply to that line, a keyboard suggestion palette, a workspace Personalize toggle, thread switcher, model and mode picker, and a designed thinking indicator.","name":"ai-chat-4","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-4","registryDependencies":["@reui/badge","@reui/icon-stack","attachment","avatar","bubble","button","card","dropdown-menu","empty","field","input-group","kbd","marker","message","message-scroller","popover","sidebar","skeleton","tooltip"],"title":"Floating right chat sidebar that pushes the page and replies to a quoted sentence","type":"registry:block"},{"dependencies":["cn"],"description":"A centered new chat screen whose composer sits in a ReUI Frame: the panel is the box you type into and the frame footer is a live integrations strip of Google Drive, Slack, Calendar, Dropbox, OneDrive, Box, Zoom and Loom. Switching a logo on or off changes what the assistant may ","name":"ai-chat-5","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-5","registryDependencies":["@reui/frame","attachment","button","combobox","dropdown-menu","empty","field","input-group","item","kbd","radio-group","select","spinner","tooltip"],"title":"AI chat welcome screen where connected work apps set the answer scope","type":"registry:block"},{"dependencies":["sonner"],"description":"A docked AI panel that runs a task end to end: confirm which workspace sources and attached files the agent may read, edit and run an ordered plan step by step, retry a step that fails, answer the question the agent raises mid run to drop a branch from its own plan, then assign t","name":"ai-chat-6","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-6","registryDependencies":["@reui/badge","@reui/code-block","@reui/icon-stack","attachment","avatar","bubble","button","card","checkbox","dropdown-menu","empty","field","input-group","item","kbd","marker","message","message-scroller","questionnaire","select","sidebar","skeleton","spinner","tooltip"],"title":"Agentic side panel where the answers carry the controls","type":"registry:block"},{"dependencies":["cn"],"description":"Side by side compare view: two resizable panes answer one docked prompt and stream at different speeds, with sortable data tables in the replies, a scroll lock that reads both answers at the same depth, and per answer copy and rating actions. Select a line to ask both models abou","name":"ai-chat-7","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-7","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","attachment","bubble","button","dropdown-menu","empty","field","input-group","item","kbd","marker","message","message-scroller","resizable","scroll-area","select","spinner","table","tabs","toggle-group","tooltip"],"title":"Split pane model comparison running one prompt against two AI models","type":"registry:block"},{"dependencies":["cn"],"description":"A floating assistant panel beside any page, driven by voice as readily as typing. Hold the mic and the take lands as a playable turn with a scrubbable transport and its transcription, then the answer arrives in whichever shape the question deserves: a move plan behind an approval","name":"ai-chat-8","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-8","registryDependencies":["@reui/alert","@reui/badge","@reui/icon-stack","attachment","avatar","bubble","button","dropdown-menu","empty","field","input-group","item","kbd","marker","message-scroller","popover","sidebar","skeleton","slider","spinner","toggle-group","tooltip"],"title":"Docked voice first assistant panel that answers in a different shape each time","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"A standalone conversation under one minimal header: a tabbed thread switcher over pinned and recency lists, a favorite toggle and a fold for earlier turns, above replies that arrive as small documents with sections, bullets and code artifacts in markdown, yaml, json, typescript a","name":"ai-chat-9","page":"https://reui.io/blocks/ai-agents/ai-chat/ai-chat-9","registryDependencies":["@reui/badge","@reui/code-block","@reui/icon-stack","attachment","bubble","button","collapsible","dropdown-menu","empty","field","input-group","kbd","marker","message","message-scroller","popover","spinner","tabs","tooltip"],"title":"Branching AI chat thread with reply versions, cited sources and code artifacts","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"Plan next month's AI spend: a stepped token ruler with graduated volume discounts, model cards, add-on chips and a projected total against a monthly budget. ReUI Frame, Badge; shadcn Slider, RadioGroup, ToggleGroup, Switch, DropdownMenu, Tooltip; Motion. Usage pricing, AI billing","name":"ai-usage-1","page":"https://reui.io/blocks/ai-agents/ai-usage/ai-usage-1","registryDependencies":["@reui/badge","@reui/frame","avatar","button","dropdown-menu","field","radio-group","separator","sheet","slider","switch","toggle-group","tooltip"],"title":"Usage planner with a stepped token ruler, model cards and a live spend estimate","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Month to date AI spend as a fan map: a budget dial splits spend by model, team, agent and API key, flags caps at risk and scrubs one item's daily spend. ReUI Frame, Badge, IconTile; shadcn ToggleGroup, Progress, InputGroup; Motion. AI spend split.","name":"ai-usage-2","page":"https://reui.io/blocks/ai-agents/ai-usage/ai-usage-2","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","avatar","button","dropdown-menu","input-group","item","marker","progress","separator","sheet","spinner","toggle-group"],"title":"Spend map that fans monthly AI spend out by model, team, agent and API key","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Manage on-prem edge AI inference nodes: a grouped node picker, an isometric box with a lifting lid, memory lit per model and watt-based power budgets, plus usage, models, power and settings tabs. ReUI Frame, Alert; shadcn Combobox, Tabs, Sheet.","name":"ai-usage-3","page":"https://reui.io/blocks/ai-agents/ai-usage/ai-usage-3","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","alert-dialog","button","button-group","chart","combobox","dialog","dropdown-menu","empty","field","input","input-group","item","progress","select","separator","sheet","skeleton","switch","tabs","toggle","toggle-group","tooltip"],"title":"Edge AI node fleet with an isometric inference box you open, inspect and power cap","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Size open weight models on your own GPU server: an isometric server whose card LEDs show memory in use, model rows, an inspector, and a header to review pending changes, fit, copy, download or restart. ReUI Frame, Alert; shadcn Slider, Popover.","name":"ai-usage-4","page":"https://reui.io/blocks/ai-agents/ai-usage/ai-usage-4","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","button-group","dropdown-menu","field","item","popover","progress","select","slider","spinner","switch","toggle-group","tooltip"],"title":"Local model settings with a GPU server cutaway whose card LEDs show model memory","type":"registry:block"},{"dependencies":["class-variance-authority","cn"],"name":"alert","page":"https://reui.io/components/alert","title":"Alert","type":"registry:ui"},{"dependencies":["cn","next-themes"],"description":"Dashboard app shell with an icon-collapsible sidebar: workspace switcher, nested platform nav with count badges, pinned resources with row action menus, theme toggle, breadcrumb header. ReUI Badge, shadcn Sidebar, DropdownMenu, Avatar, Breadcrumb.","name":"app-shell-1","page":"https://reui.io/blocks/application/app-shell/app-shell-1","registryDependencies":["@reui/badge","avatar","breadcrumb","button","dropdown-menu","item","sidebar"],"title":"Collapsible icon-rail sidebar app shell with workspace switcher, nested nav, and user menu","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Inset sidebar shell for an AI agents console: command-K search, collapsible agent nav, projects with progress rings, usage-limit card, org and theme switcher, notifications popover. ReUI Frame, Badge, Rating; shadcn Sidebar, Popover, DropdownMenu.","name":"app-shell-10","page":"https://reui.io/blocks/application/app-shell/app-shell-10","registryDependencies":["@reui/badge","@reui/frame","@reui/rating","avatar","breadcrumb","button","button-group","dialog","dropdown-menu","input","item","kbd","label","popover","progress","scroll-area","separator","sidebar","switch","tooltip"],"title":"AI Agents App Shell with Collapsible Sidebar, Active-Project Rings, and Rich Notifications","type":"registry:block"},{"dependencies":["cn","next-themes","react-day-picker"],"description":"Dense operations console: collapsible nav, resizable split panes, an expandable bottom workbench sheet, and a right calendar and agenda rail. ReUI Badge, Frame, Rating with shadcn Sidebar, Resizable, Tabs, Calendar. Admin shell, SaaS dashboard.","name":"app-shell-11","page":"https://reui.io/blocks/application/app-shell/app-shell-11","registryDependencies":["@reui/badge","@reui/frame","@reui/rating","avatar","breadcrumb","button","button-group","calendar","checkbox","collapsible","dialog","dropdown-menu","input","item","kbd","popover","progress","resizable","scroll-area","separator","sheet","sidebar","tabs","tooltip","use-mobile"],"title":"Operations sidebar app shell with four toggleable regions and a resizable bottom workbench sheet","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Dashboard shell: collapsible icon-rail sidebar with nested nav, Soon badges, and project progress rings, plus a header command-K search, rich notifications feed, apps grid, and theme account menu. ReUI Badge, Rating; shadcn Sidebar, Popover, Dialog.","name":"app-shell-12","page":"https://reui.io/blocks/application/app-shell/app-shell-12","registryDependencies":["@reui/badge","@reui/rating","avatar","breadcrumb","button","button-group","dialog","dropdown-menu","input","item","popover","progress","scroll-area","separator","sidebar","tooltip"],"title":"Icon-rail sidebar app shell with command-K search, notifications feed, apps grid, and theme menu","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Full-width header over a collapsible icon-rail sidebar for community feed apps. Search, Create button, avatar menu, theme toggle, grouped nav with badges, nested Manage Feeds dropdown. ReUI Badge, shadcn Sidebar, Button, Card, DropdownMenu, Avatar.","name":"app-shell-13","page":"https://reui.io/blocks/application/app-shell/app-shell-13","registryDependencies":["@reui/badge","avatar","button","card","dropdown-menu","input","item","sidebar"],"title":"Community feed app shell with full-width header above a collapsible icon-rail sidebar","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Three-region workspace shell: icon rail, a toggleable secondary nav that swaps per section, and a toolbar with List, Kanban, Calendar, Dashboard tabs plus Sort, View, Filter, Search. ReUI Badge, shadcn Sidebar, Tabs, DropdownMenu, Avatar.","name":"app-shell-14","page":"https://reui.io/blocks/application/app-shell/app-shell-14","registryDependencies":["@reui/badge","avatar","breadcrumb","button","card","dialog","dropdown-menu","input","item","scroll-area","sidebar","tabs"],"title":"Mini icon-rail sidebar app shell with per-section secondary nav and a tabbed workspace toolbar","type":"registry:block"},{"dependencies":["cn"],"description":"Dashboard shell with a fixed dark topbar over an icon-collapsible sidebar: workspace switcher, pin/unpin nav with badges, favorites group, gradient Upgrade menu, team avatars. ReUI Badge, shadcn Sidebar, DropdownMenu, Avatar, Button, Card.","name":"app-shell-15","page":"https://reui.io/blocks/application/app-shell/app-shell-15","registryDependencies":["@reui/badge","avatar","button","card","dropdown-menu","item","separator","sidebar"],"title":"Dark full-width topbar app shell with workspace switcher, pinnable sidebar nav, and favorites","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Two-level dashboard layout: icon rail plus a toggleable secondary nav that swaps per section, with workspace switcher, breadcrumb header, search, and account menu with theme toggle. ReUI Badge, shadcn Sidebar, DropdownMenu, Avatar.","name":"app-shell-16","page":"https://reui.io/blocks/application/app-shell/app-shell-16","registryDependencies":["@reui/badge","avatar","button","card","dialog","dropdown-menu","input","item","scroll-area","sidebar"],"title":"Dual sidebar app shell with icon rail and collapsible secondary navigation panel","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"AI chat workspace: floating collapsible sidebar with a GPT-4/Claude/Gemini model picker, pinned and recent threads, a welcome canvas, and an InputGroup composer. shadcn Sidebar, DropdownMenu, Avatar, ReUI Badge. LLM assistant, chatbot, copilot UI.","name":"app-shell-17","page":"https://reui.io/blocks/application/app-shell/app-shell-17","registryDependencies":["@reui/badge","avatar","button","card","dropdown-menu","field","input-group","item","separator","sidebar"],"title":"AI chat assistant app shell with floating sidebar, model picker grid, and prompt composer","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Three-panel to-do shell: floating Sidebar with task lists, count Badges, color tags and a Progress focus card, plus a toggleable AI chat panel (in-flow at desktop, Sheet on mobile). Built on ReUI Badge, shadcn Sidebar, Dialog, DropdownMenu.","name":"app-shell-18","page":"https://reui.io/blocks/application/app-shell/app-shell-18","registryDependencies":["@reui/badge","avatar","button","dialog","dropdown-menu","field","input","item","kbd","progress","separator","sheet","sidebar","textarea"],"title":"Task workspace app shell with collapsible floating sidebar and a toggleable AI chat assistant panel","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Calendar app layout: inset Sidebar with a Calendar date picker, up-next agenda, calendars menu, account menu, and a header Day/Week/Month switcher. ReUI Badge, shadcn Sidebar, Calendar, DropdownMenu, Avatar. For scheduling apps and planners.","name":"app-shell-19","page":"https://reui.io/blocks/application/app-shell/app-shell-19","registryDependencies":["@reui/badge","avatar","button","calendar","card","dropdown-menu","item","sidebar"],"title":"Calendar app shell with inset sidebar date picker, up-next agenda, and Day/Week/Month view switcher","type":"registry:block"},{"dependencies":["cn"],"description":"App shell with a floating collapsible-to-icon Sidebar, command-K search Dialog, nested Platform nav with a live status pulse, workspace switcher Dropdown, and Breadcrumb header. Uses Sidebar, Breadcrumb, Avatar, Dialog, Kbd. Dashboard, admin panel.","name":"app-shell-2","page":"https://reui.io/blocks/application/app-shell/app-shell-2","registryDependencies":["avatar","breadcrumb","button","dialog","dropdown-menu","input","item","kbd","separator","sidebar"],"title":"Floating icon-collapsible sidebar shell with command-K search, nested nav, and workspace switcher","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Email workspace: inset Sidebar with account menu, compose dialog, folders, labels and contacts, a search and category-filter message list, a reading pane, and a right icon rail. shadcn Sidebar, Card, Empty, Dialog, ReUI Badge. Mail inbox, webmail UI.","name":"app-shell-20","page":"https://reui.io/blocks/application/app-shell/app-shell-20","registryDependencies":["@reui/badge","@reui/icon-stack","avatar","button","card","dialog","dropdown-menu","empty","input","label","scroll-area","sidebar","textarea","tooltip"],"title":"Mail client app shell with folder sidebar, split list and reading panes, and icon app rail","type":"registry:block"},{"dependencies":["cn","next-themes","react-resizable-panels"],"description":"AI chat workspace: resizable thread sidebar collapsing to an icon rail, pinned and grouped chats, a search palette, and a header model picker with memory toggle. shadcn Resizable, Sidebar, Dialog, ReUI Badge. Chatbot UI, AI assistant, LLM chat.","name":"app-shell-21","page":"https://reui.io/blocks/application/app-shell/app-shell-21","registryDependencies":["@reui/badge","avatar","button","collapsible","dialog","dropdown-menu","empty","input-group","item","kbd","resizable","scroll-area","sheet","sidebar","skeleton","tabs","toggle-group","tooltip","use-mobile"],"title":"AI chat app shell with resizable thread sidebar, collapsible icon rail, and model picker","type":"registry:block"},{"dependencies":["next-themes","sonner"],"description":"Fleet operator console: sticky rail with a Robots section menu and account menu, a sonner access-request toast (host mounts Toaster), Sheet drawer below lg. shadcn Sidebar, DropdownMenu, Tooltip, ToggleGroup. Hero header dashboard, SaaS layout.","name":"app-shell-22","page":"https://reui.io/blocks/application/app-shell/app-shell-22","registryDependencies":["avatar","button","card","dropdown-menu","sheet","sidebar","skeleton","toggle-group","tooltip"],"title":"Photo banner app shell with crossfading hero images, pixel dissolve, glass icon rail and pill nav","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Operations admin layout: Transport, Inspection and Recharge mission templates and a 9-row notifications Sheet with approvals and ratings. shadcn Sidebar, Breadcrumb, DropdownMenu, Sheet; ReUI Badge, Rating, Icon Tile. Robotics, IoT dashboard.","name":"app-shell-23","page":"https://reui.io/blocks/application/app-shell/app-shell-23","registryDependencies":["@reui/badge","@reui/icon-tile","@reui/rating","avatar","breadcrumb","button","button-group","card","dropdown-menu","progress","separator","sheet","sidebar","skeleton","tooltip"],"title":"Team and project switcher topbar app shell with indented sidebar route groups and a 3x3 apps menu","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Robotics ops shell: section nav folding into a bottom Drawer, ops toggles, presence status avatar badges and a sidebar footer account card. shadcn Sidebar, Sheet, Dialog, Drawer, DropdownMenu; ReUI Badge, Rating. Fleet admin, warehouse console.","name":"app-shell-24","page":"https://reui.io/blocks/application/app-shell/app-shell-24","registryDependencies":["@reui/badge","@reui/rating","avatar","button","button-group","card","dialog","drawer","dropdown-menu","empty","input-group","kbd","progress","separator","sheet","sidebar","skeleton","tooltip"],"title":"Inset notifications sheet app shell with route search palette and topbar section pills","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Delivery robot dispatch console: per-mission tick chart, run stats, collapsible Scheduled, Active, Paused and Failed sections, and a header search that filters robots. ReUI Frame, Badge; shadcn Sidebar, Tabs, InputGroup. Fleet ops, logistics.","name":"app-shell-25","page":"https://reui.io/blocks/application/app-shell/app-shell-25","registryDependencies":["@reui/badge","@reui/frame","avatar","button","card","dropdown-menu","empty","input-group","separator","sheet","sidebar","skeleton","tabs","tooltip"],"title":"Mission control app shell with icon rail, 4-tab missions panel and expandable robot event feeds","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react","cn","next-themes"],"description":"SOC dashboard layout: top bar with workspace picker, section pills, Cmd+K search, notifications feed and Run Scan; add or duplicate scopes. ReUI Sortable, Badge, Rating; shadcn Sidebar, Tabs, Drawer, Popover. SIEM, threat monitoring, admin UI.","name":"app-shell-26","page":"https://reui.io/blocks/application/app-shell/app-shell-26","registryDependencies":["@reui/badge","@reui/rating","@reui/sortable","avatar","button","button-group","card","collapsible","dialog","drawer","dropdown-menu","empty","input","popover","progress","separator","sidebar","skeleton","spinner","tabs","tooltip"],"title":"Security console app shell with icon scope tabs and a drag-to-reorder collapsible scope tree","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react","cn","next-themes"],"description":"Robot fleet security console with no top bar: Cmd+F focuses route search, grip-handle sub-scope reordering, Add buttons that append draft rows, count and status badges. ReUI Sortable, Badge; shadcn Sidebar, Tabs, Sheet. SOC, IoT admin console.","name":"app-shell-27","page":"https://reui.io/blocks/application/app-shell/app-shell-27","registryDependencies":["@reui/badge","@reui/icon-tile","@reui/sortable","avatar","button","card","collapsible","dropdown-menu","empty","input-group","kbd","sheet","sidebar","skeleton","tabs","tooltip"],"title":"Searchable route sidebar shell with a 48px icon rail fold and a Security, Assets, Events scope tree","type":"registry:block"},{"dependencies":["next-themes"],"description":"Robot admin console: section tabs collapse to a current-section dropdown and the rail to a Sheet below lg, Cmd+K search Dialog, 3-alert notifications menu. shadcn Sidebar, Sheet, DropdownMenu, ToggleGroup. Ops, logistics dashboard.","name":"app-shell-28","page":"https://reui.io/blocks/application/app-shell/app-shell-28","registryDependencies":["avatar","button","card","dialog","dropdown-menu","input","separator","sheet","sidebar","skeleton","toggle-group"],"title":"Single rounded-panel app shell framing a grouped nav rail and body under top icon section tabs","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Rail for robot, crew and event workspaces: tabs swap tile grids and trees, the rail folds to a tooltip icon strip or moves into a left Sheet under lg. ReUI Badge; shadcn Tabs, Collapsible, Sheet, DropdownMenu. Admin dashboard, device console.","name":"app-shell-29","page":"https://reui.io/blocks/application/app-shell/app-shell-29","registryDependencies":["@reui/badge","avatar","button","card","collapsible","dropdown-menu","input-group","kbd","sheet","skeleton","tabs","toggle-group","tooltip"],"title":"Section tile rail shell with a 3x3 tile grid, workspace tabs and a status-badged robot network tree","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Inset collapsible sidebar dashboard shell with workspace switcher, command search, project donut progress rings, usage limit meter, and notifications popover. ReUI Frame, Badge, Rating plus shadcn Sidebar, Popover, DropdownMenu, Progress, Avatar.","name":"app-shell-3","page":"https://reui.io/blocks/application/app-shell/app-shell-3","registryDependencies":["@reui/badge","@reui/frame","@reui/rating","avatar","breadcrumb","button","button-group","dialog","dropdown-menu","input","item","kbd","popover","progress","scroll-area","separator","sidebar","tooltip"],"title":"Inset sidebar app shell with per-project progress rings and a multi-type notifications popover","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Robot delivery console: icon sections and view tabs fold into Sections and Workspace views dropdowns on small screens, plus Onboard Robot, New Mission and Open Chat actions. ReUI Badge, Rating; shadcn Tabs, Sheet, DropdownMenu. Top navbar admin.","name":"app-shell-30","page":"https://reui.io/blocks/application/app-shell/app-shell-30","registryDependencies":["@reui/badge","@reui/rating","avatar","button","button-group","card","dialog","dropdown-menu","input","progress","separator","sheet","skeleton","tabs","toggle-group","tooltip"],"title":"Sidebar-free top nav app shell with an 8-tab segmented view track and a count-badge page header","type":"registry:block"},{"dependencies":["next-themes"],"description":"Glassmorphism dashboard: 9 icon sections with a lit active rim, 3 SVG-cut tabs (Operations, Structure, Insights), a theme toggle that keeps the account menu open. shadcn Tabs, ToggleGroup, DropdownMenu, Sheet, Skeleton. Fleet console, AI copilot.","name":"app-shell-31","page":"https://reui.io/blocks/application/app-shell/app-shell-31","registryDependencies":["avatar","button","card","dropdown-menu","sheet","skeleton","tabs","toggle-group","use-mobile"],"title":"Folder-tab workspace app shell with floating pill-group rail, color wash and assistant column","type":"registry:block"},{"dependencies":["cn","date-fns","next-themes","sonner"],"description":"Endpoint security console: Security, Assets, Events scope tree with drag-to-reorder and Add drafts, and an assistant that answers from fleet runbooks and shows what it read. ReUI Sortable, Badge; shadcn Dialog, Combobox, MessageScroller. EDR, SOC.","name":"app-shell-32","page":"https://reui.io/blocks/application/app-shell/app-shell-32","registryDependencies":["@reui/badge","@reui/icon-stack","@reui/icon-tile","@reui/sortable","avatar","bubble","button","calendar","card","checkbox","collapsible","combobox","dialog","dropdown-menu","empty","field","input-group","item","kbd","marker","message-scroller","separator","sheet","sidebar","skeleton","spinner","tabs","textarea","toggle-group","tooltip"],"title":"Fleet protection app shell with endpoint and threat counts, mission dialog and docked AI assistant","type":"registry:block"},{"dependencies":["cn","next-themes","sonner"],"description":"Robot delivery console: a searchable 4-section scope tree with reorderable sub-scopes, count and status badges, Quick Add and System menus, a skeleton body. ReUI Sortable, Badge; shadcn Collapsible, InputGroup, DropdownMenu, Sheet. Fleet ops.","name":"app-shell-33","page":"https://reui.io/blocks/application/app-shell/app-shell-33","registryDependencies":["@reui/badge","@reui/sortable","avatar","button","card","collapsible","dropdown-menu","input-group","separator","sheet","sidebar","skeleton","toggle-group","tooltip"],"title":"Fleet center app shell with an always-dark side card, pinnable view tiles and a connected apps rail","type":"registry:block"},{"dependencies":["cn","next-themes","sonner"],"description":"Accounts payable review console: order search, a Review, Ready, Overdue filter, 3 checks per PO with issue count badges, and an AI advisor that answers from AP policies. ReUI Badge, Frame; shadcn Collapsible, Tabs, MessageScroller. Procure-to-pay.","name":"app-shell-34","page":"https://reui.io/blocks/application/app-shell/app-shell-34","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-stack","@reui/icon-tile","avatar","bubble","button","card","collapsible","dropdown-menu","empty","field","input-group","item","kbd","marker","message-scroller","separator","sheet","skeleton","spinner","tabs","toggle-group","tooltip"],"title":"3-way invoice matching app shell with a PO tree, linked check markers and a docked AI advisor","type":"registry:block"},{"dependencies":["cn","next-themes","sonner"],"description":"Whiteboard workspace layout: an icon rail that becomes a left sheet below md, and 4 board views that fold into a bottom drawer below lg. Share, Export and a board menu with a Delete Board confirm. shadcn Sidebar, Drawer, Tabs, AlertDialog.","name":"app-shell-35","page":"https://reui.io/blocks/application/app-shell/app-shell-35","registryDependencies":["alert-dialog","avatar","breadcrumb","button","card","drawer","dropdown-menu","sheet","sidebar","skeleton","tabs","tooltip","use-mobile"],"title":"Whiteboard app shell with a fixed icon rail, centered board view tabs and editing-now avatars","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react","cn","next-themes","sonner"],"description":"Monitoring console layout on the shadcn Sidebar: workspace switcher, a Cmd+F nav filter, pinnable pages with Undo, one breadcrumb header and one skeleton card grid as every page body. Card, Empty, Sidebar. For APM and tracing apps.","name":"app-shell-36","page":"https://reui.io/blocks/application/app-shell/app-shell-36","registryDependencies":["@reui/badge","@reui/icon-tile","@reui/tree","avatar","breadcrumb","button","card","dropdown-menu","empty","input-group","kbd","separator","sheet","sidebar","skeleton","toggle","tooltip"],"title":"Observability app shell with grouped sidebar, pinned pages with Undo and nav search","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Mail and inbox shell: folder icon rail plus a wide 440px message list with live search, filter tabs, rich preview rows, and a selected-message action header (reply, star, delete). ReUI Badge, shadcn Sidebar, Tabs, Avatar, DropdownMenu.","name":"app-shell-4","page":"https://reui.io/blocks/application/app-shell/app-shell-4","registryDependencies":["@reui/badge","avatar","button","button-group","dropdown-menu","input","item","scroll-area","separator","sidebar","tabs","tooltip"],"title":"Mail inbox app shell with icon-rail folder sidebar, wide message list, and selected-message action header","type":"registry:block"},{"dependencies":["cn","next-themes","react-day-picker"],"description":"Calendar workspace with a dual-pane icon-rail Sidebar swapping mini-Calendar accounts, date-grouped Schedule, searchable Contacts, and Notifications. Uses ReUI Badge with shadcn Sidebar, Calendar, Avatar, DropdownMenu.","name":"app-shell-5","page":"https://reui.io/blocks/application/app-shell/app-shell-5","registryDependencies":["@reui/badge","avatar","button","button-group","calendar","card","checkbox","collapsible","dialog","dropdown-menu","hover-card","input","item","popover","scroll-area","separator","sidebar","tooltip"],"title":"Calendar app shell, icon-rail sidebar switching Calendar, Schedule, Contacts, Notifications panels","type":"registry:block"},{"dependencies":["cn","next-themes","react-day-picker"],"description":"Three-column workspace shell: dark collapsible nav rail with command search, team list and usage meter, breadcrumb header, and a slide-in right Calendar panel with agenda and account toggles. ReUI Frame, Badge, Rating plus shadcn Sidebar, Calendar.","name":"app-shell-6","page":"https://reui.io/blocks/application/app-shell/app-shell-6","registryDependencies":["@reui/badge","@reui/frame","@reui/rating","avatar","breadcrumb","button","button-group","calendar","checkbox","collapsible","dialog","dropdown-menu","input","item","kbd","popover","progress","scroll-area","separator","sheet","sidebar","tooltip","use-mobile"],"title":"Dual Sidebar App Shell with Dark Nav Rail and Slide-In Calendar Context Panel","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Header-first shell with a breadcrumb of org, app, and environment switcher dropdowns, a live system monitor popover with resource sparklines, command-palette search, and collapsible nested sidebar nav. shadcn Badge, Kbd, Sidebar, DropdownMenu.","name":"app-shell-7","page":"https://reui.io/blocks/application/app-shell/app-shell-7","registryDependencies":["avatar","badge","breadcrumb","button","dialog","dropdown-menu","input","item","kbd","popover","progress","sidebar"],"title":"Breadcrumb-switcher sidebar app shell with org/app/environment dropdowns and a live system monitor popover","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Two-level dashboard shell: icon rail plus a per-section secondary nav with live-metric/storage footers, org/app/env switchers, command-K search, and notifications drawer. ReUI Badge, Rating; shadcn Sidebar, Sheet, Dialog. Inventory, ops admin.","name":"app-shell-8","page":"https://reui.io/blocks/application/app-shell/app-shell-8","registryDependencies":["@reui/badge","@reui/rating","avatar","breadcrumb","button","button-group","card","dialog","dropdown-menu","input","input-group","item","kbd","progress","scroll-area","separator","sheet","sidebar","tooltip"],"title":"Inset icon-rail sidebar app shell with per-section secondary nav, org/app/env switchers, and notifications","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Dark collapsible-sidebar team shell: presence member rail, notifications feed, command search, AI-credit usage card, workspace switcher. ReUI Frame, Badge; shadcn Sidebar, Avatar, DropdownMenu, Progress. For SaaS dashboards and team apps.","name":"app-shell-9","page":"https://reui.io/blocks/application/app-shell/app-shell-9","registryDependencies":["@reui/badge","@reui/frame","avatar","breadcrumb","button","button-group","dialog","dropdown-menu","input","item","kbd","popover","progress","scroll-area","separator","sheet","sidebar","tooltip"],"title":"Dark inset-sidebar team workspace shell with member presence rail and notifications feed","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Sign-in page pairing an email or username and password form with show/hide toggle and Google plus Apple buttons over a masked animated grid and a full-height photo. Uses shadcn Field, InputGroup, Separator, Button, Card. Login, auth, sign in screen.","name":"auth-1","page":"https://reui.io/blocks/application/auth/auth-1","registryDependencies":["button","card","field","input","input-group","item","separator"],"title":"Split-screen login page with animated grid backdrop and editorial image panel","type":"registry:block"},{"dependencies":["cn"],"description":"Split passwordless login: magic-link email field plus Google, Apple, and GitHub SSO, beside a Frame trust card with a star-rated testimonial and brand logo wall. ReUI Frame; shadcn Field, Input, Button, Avatar. Login, social auth, SaaS onboarding.","name":"auth-10","page":"https://reui.io/blocks/application/auth/auth-10","registryDependencies":["@reui/frame","avatar","button","field","input","item","separator"],"title":"Split magic-link sign-in with a framed testimonial and customer logo wall trust sidebar","type":"registry:block"},{"dependencies":["cn"],"description":"Two-column login: email or username plus password with show/hide toggle, Google and Apple buttons, and a sidebar with a star-rated testimonial and trust-brand wordmarks over a twinkling dot canvas. shadcn Field, InputGroup, Button, Separator, Avatar.","name":"auth-11","page":"https://reui.io/blocks/application/auth/auth-11","registryDependencies":["avatar","button","field","input","input-group","item","separator"],"title":"Split-screen login with testimonial sidebar and animated dot backdrop","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"Login with Google, email, WebAuthn passkey, SAML SSO, and backup code, a two-step email reveal, and a framed sidebar with an animated brand-logo grid and rotating star testimonials. ReUI Alert; shadcn Button, Field, Input, Avatar. Sign-in, SSO.","name":"auth-12","page":"https://reui.io/blocks/application/auth/auth-12","registryDependencies":["@reui/alert","avatar","button","field","input","item"],"title":"Split login method picker with passkey, SAML SSO, and a framed brand-logo testimonial sidebar","type":"registry:block"},{"dependencies":["cn"],"description":"Magic-link login page: work email field sends a secure sign-in link, plus Google, Apple, and GitHub social buttons. Two-column split with a full-cover image sidebar. ReUI Frame, shadcn Field, Input, Button, Separator.","name":"auth-13","page":"https://reui.io/blocks/application/auth/auth-13","registryDependencies":["@reui/frame","button","field","input","item","separator"],"title":"Split-screen magic-link sign-in with left image sidebar and social login buttons","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Two-column workspace login page: email and password with show/hide toggle, forgot-password, and Google, Apple, GitHub SSO buttons beside an auto-cycling stacked photo panel. Uses Field, Input, InputGroup, Button, Separator.","name":"auth-14","page":"https://reui.io/blocks/application/auth/auth-14","registryDependencies":["button","field","input","input-group","item","separator"],"title":"Split-screen workspace sign-in with animated stacked media panel and social SSO","type":"registry:block"},{"dependencies":["cn"],"description":"Passwordless email login that sends a magic link, plus Google, Apple, and GitHub sign-in and a terms and copyright footer. Built with shadcn InputGroup, Field, Button, Separator. For login, SSO, passwordless auth screens.","name":"auth-15","page":"https://reui.io/blocks/application/auth/auth-15","registryDependencies":["button","field","input-group","item","separator"],"title":"Centered magic-link email login with logo, social sign-in buttons, and legal footer","type":"registry:block"},{"dependencies":["cn","lucide-react"],"description":"Single-column sign-in: app header with create-workspace link, centered Google, GitHub, and SSO buttons over one work-email Continue field, plus a footer customer logo wall. shadcn Button, Field, Input, Separator. Login, social auth, SaaS onboarding.","name":"auth-16","page":"https://reui.io/blocks/application/auth/auth-16","registryDependencies":["button","field","input","item","separator"],"title":"Full-page sign-in with app header, SSO and email-continue form, and customer logo trust strip footer","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Two-step sign-in: a centered method picker (Google, email, SAML SSO, passkey, backup code) that reveals an email field, with real WebAuthn passkey auth and toasts. Uses shadcn Button, Input, Field, Item and ReUI Alert. Login / auth page.","name":"auth-17","page":"https://reui.io/blocks/application/auth/auth-17","registryDependencies":["@reui/alert","button","field","input","item"],"title":"Centered login method picker with WebAuthn passkey sign-in and email reveal step","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Two-column login: email or username field, password Input with show/hide toggle, Google and Apple buttons, plus a testimonial and trust-brand sidebar. Uses shadcn Field, InputGroup, Avatar, Item, Separator, Button. For login and sign-in pages.","name":"auth-18","page":"https://reui.io/blocks/application/auth/auth-18","registryDependencies":["avatar","button","field","input","input-group","item","separator"],"title":"Split-screen sign-in with testimonial sidebar, social login, and password show/hide toggle","type":"registry:block"},{"dependencies":["cn"],"description":"Full-page login screen that emails a secure sign-in link to an approved work address, with Google and GitHub OAuth buttons above an or divider. Built from shadcn Card, Field, InputGroup, Separator, Button. For SSO, magic link, passwordless signin.","name":"auth-19","page":"https://reui.io/blocks/application/auth/auth-19","registryDependencies":["button","card","field","input-group","item","separator"],"title":"Passwordless workspace sign-in page with magic-link work email and Google plus GitHub login","type":"registry:block"},{"dependencies":["cn","embla-carousel-autoplay","motion"],"description":"Email or username and password sign-in with show/hide toggle and Google, Apple, GitHub buttons, beside a dark panel with an autoplay founder testimonial carousel and Trustpilot rating. shadcn Carousel, Card, Field, InputGroup. Login, social auth.","name":"auth-2","page":"https://reui.io/blocks/application/auth/auth-2","registryDependencies":["avatar","button","card","carousel","field","input","input-group","item","separator"],"title":"Split-screen login with an autoplay founder testimonial carousel and Trustpilot rating panel","type":"registry:block"},{"dependencies":["cn"],"description":"Login page with social sign-in (Google, Apple), an email or username field, and a show or hide password toggle, plus forgot-password and create-account links. Built on shadcn Card, Field, Input, InputGroup, Button, and Separator.","name":"auth-20","page":"https://reui.io/blocks/application/auth/auth-20","registryDependencies":["button","card","field","input","input-group","item","separator"],"title":"Centered sign-in card with Google and Apple buttons, password visibility toggle, and email login","type":"registry:block"},{"dependencies":["cn"],"description":"Passwordless magic-link sign-in with a single work-email field and Google, Apple, GitHub buttons, beside a testimonial and trust-brand sidebar on a twinkling dot canvas. shadcn Field, Input, Button, Avatar, Separator. Login, passwordless auth.","name":"auth-3","page":"https://reui.io/blocks/application/auth/auth-3","registryDependencies":["avatar","button","field","input","item","separator"],"title":"Split-screen magic-link sign-in with testimonial and trust-brand sidebar on a dot-grid canvas","type":"registry:block"},{"dependencies":["cn"],"description":"Login on a noise-textured background: ReUI Frame card with email-or-username and password fields, show/hide toggle, full-width submit, plus a Google/Apple/GitHub row and footer nav. shadcn Field, Input, InputGroup, Button. Sign in / log in page.","name":"auth-4","page":"https://reui.io/blocks/application/auth/auth-4","registryDependencies":["@reui/frame","button","field","input","input-group","item","separator"],"title":"Framed password sign-in card with email or username, social provider row, and footer nav","type":"registry:block"},{"dependencies":["cn"],"description":"Full-page registration with a marketing hero, OAuth buttons (Google, GitHub), email and show/hide password fields, and a brand logo trust strip over drifting gradient blobs. ReUI Frame, shadcn Button, Field, InputGroup, Separator.","name":"auth-5","page":"https://reui.io/blocks/application/auth/auth-5","registryDependencies":["@reui/frame","button","field","input","input-group","item","separator"],"title":"Split-screen marketing trial signup page with animated gradient blob background and social login","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Two-column sign-in page: email or username, password with show/hide toggle, Forgot password, and Google/Apple/GitHub OAuth, beside a customer testimonial and brand-logo panel on an animated grid. Uses Button, Input, InputGroup, Field, Separator.","name":"auth-6","page":"https://reui.io/blocks/application/auth/auth-6","registryDependencies":["button","field","input","input-group","item","separator"],"title":"Split-screen login with social OAuth and testimonial sidebar over an animated grid background","type":"registry:block"},{"dependencies":["cn"],"description":"Centered dark magic-link sign-in: email field sends a sign-in link, with Google, Apple and GitHub OAuth, a dashed crosshair-cornered frame, and a customer logo trust strip. Uses Button, Field, InputGroup. For login and auth pages.","name":"auth-7","page":"https://reui.io/blocks/application/auth/auth-7","registryDependencies":["button","field","input-group","item"],"title":"Blueprint-framed passwordless sign-in card with magic-link email and customer trust logos","type":"registry:block"},{"dependencies":["cn"],"description":"Single-card sign-in centered on a blurred Unsplash photo with noise grain: email or username and password fields, show/hide toggle, Forgot password, and Google, Apple, GitHub buttons. ReUI Frame; shadcn Field, InputGroup, Button. Login page.","name":"auth-8","page":"https://reui.io/blocks/application/auth/auth-8","registryDependencies":["@reui/frame","button","field","input-group","item","separator"],"title":"Centered Frame login card over a softened photo backdrop with social provider sign-in","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Split passwordless login: a work-email field emails a 15-minute magic link, with Google, Apple, GitHub buttons, beside a sidebar of brand logos animating in a grid under a rotating star testimonial. shadcn Field, Input, Button, Avatar. Login, auth.","name":"auth-9","page":"https://reui.io/blocks/application/auth/auth-9","registryDependencies":["avatar","button","field","input","item","separator"],"title":"Split magic-link sign-in with an animated brand-logo grid sidebar and rotating star testimonial","type":"registry:block"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"autocomplete","page":"https://reui.io/components/autocomplete","registryDependencies":["scroll-area"],"title":"Autocomplete","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"badge","page":"https://reui.io/components/badge","title":"Badge","type":"registry:ui"},{"description":"Blog listing on a responsive 1/2/3-column grid of Cards: 16:10 cover, date and read-time, clamped title and excerpt, author footer with Avatar and Read link. Built on Card, CardContent, Avatar. For blog index, article archive, news, or changelog.","name":"blog-1","page":"https://reui.io/blocks/marketing/blog/blog-1","registryDependencies":["avatar","card"],"title":"Blog index with cover-image post cards in a responsive three-column grid and author footers","type":"registry:block"},{"description":"Blog index of three full-bleed cover-image cards with a gradient scrim, title and tone label overlaid on the photo, a white pill category Badge, and hover zoom. ReUI Badge, shadcn Card. For articles index, news grid, insights, or journal pages.","name":"blog-2","page":"https://reui.io/blocks/marketing/blog/blog-2","registryDependencies":["@reui/badge","card"],"title":"Full-image blog post cards with titles overlaid on covers, hover zoom, and pill category badges","type":"registry:block"},{"description":"Featured-article blog carousel with circular prev/next buttons and a 1px progress line as position indicator. Cover scales on hover; category badge and read time. shadcn Carousel, Progress, AspectRatio, Badge, Card. Article slider, featured posts.","name":"blog-3","page":"https://reui.io/blocks/marketing/blog/blog-3","registryDependencies":["aspect-ratio","badge","card","carousel","progress"],"title":"Blog article carousel with cover cards, circular prev/next controls and a progress-line indicator","type":"registry:block"},{"description":"Blog index listing posts as stacked ReUI Frame cards in a three-column row: grayscale cover that zooms on hover, category, date, title, excerpt, and an author footer with shadcn Avatar and Read link. For news, insights, and article listings.","name":"blog-4","page":"https://reui.io/blocks/marketing/blog/blog-4","registryDependencies":["@reui/frame","avatar"],"title":"Three-column blog index with stacked Frame cards, grayscale hover-zoom covers, and author footers","type":"registry:block"},{"description":"Reading page for one blog post, news, changelog, or case study. Cover with gradient scrim, overlaid title and category badge, byline, sections, pull quote, author bio, and text-only related posts. Uses shadcn Card, AspectRatio, Avatar, Badge, Item.","name":"blog-5","page":"https://reui.io/blocks/marketing/blog/blog-5","registryDependencies":["aspect-ratio","avatar","badge","card","item"],"title":"Blog post detail page with gradient overlay image hero, byline, pull quote, and related posts list","type":"registry:block"},{"description":"Centered max-w-3xl blog post detail page: breadcrumb, headline, author byline, cover image, body sections, topic badges, and a two-up Read Next grid of related posts. Uses shadcn Breadcrumb, Card, Item, Avatar, Badge, Separator. For release notes.","name":"blog-6","page":"https://reui.io/blocks/marketing/blog/blog-6","registryDependencies":["avatar","badge","breadcrumb","card","item","separator"],"title":"Single-column blog post detail page with breadcrumb, author byline, topic badges, Read Next grid","type":"registry:block"},{"description":"A basic single-expand accordion","name":"c-accordion-1","page":"https://reui.io/components/accordion/c-accordion-1","registryDependencies":["accordion"],"title":"A basic single-expand accordion","type":"registry:block"},{"description":"Accordion with rotating arrow indicator","name":"c-accordion-10","page":"https://reui.io/components/accordion/c-accordion-10","registryDependencies":["accordion"],"title":"Accordion with rotating arrow indicator","type":"registry:block"},{"description":"Accordion component for onboarding or setup steps with icons, badges, and QR codes","name":"c-accordion-11","page":"https://reui.io/components/accordion/c-accordion-11","registryDependencies":["accordion","@reui/badge","button","button-group","input","spinner"],"title":"Accordion component for onboarding or setup steps with icons, badges, and QR codes","type":"registry:block"},{"description":"Accordion with plus/minus indicators","name":"c-accordion-2","page":"https://reui.io/components/accordion/c-accordion-2","registryDependencies":["accordion"],"title":"Accordion with plus/minus indicators","type":"registry:block"},{"description":"Accordion with borders and rounded corners","name":"c-accordion-3","page":"https://reui.io/components/accordion/c-accordion-3","registryDependencies":["accordion"],"title":"Accordion with borders and rounded corners","type":"registry:block"},{"description":"Accordion embedded within a Card","name":"c-accordion-4","page":"https://reui.io/components/accordion/c-accordion-4","registryDependencies":["accordion","button","card"],"title":"Accordion embedded within a Card","type":"registry:block"},{"description":"Accordion with disabled items and highlighted state","name":"c-accordion-5","page":"https://reui.io/components/accordion/c-accordion-5","registryDependencies":["accordion"],"title":"Accordion with disabled items and highlighted state","type":"registry:block"},{"description":"Advanced accordion with custom icons and badges","name":"c-accordion-6","page":"https://reui.io/components/accordion/c-accordion-6","registryDependencies":["accordion","@reui/badge"],"title":"Advanced accordion with custom icons and badges","type":"registry:block"},{"description":"Accordion items integrated within Frame and FramePanel","name":"c-accordion-7","page":"https://reui.io/components/accordion/c-accordion-7","registryDependencies":["accordion","@reui/badge","@reui/frame"],"title":"Accordion items integrated within Frame and FramePanel","type":"registry:block"},{"description":"Nested accordion example with bordered items","name":"c-accordion-8","page":"https://reui.io/components/accordion/c-accordion-8","registryDependencies":["accordion"],"title":"Nested accordion example with bordered items","type":"registry:block"},{"description":"User list accordion with avatars and role indicators","name":"c-accordion-9","page":"https://reui.io/components/accordion/c-accordion-9","registryDependencies":["accordion","avatar","@reui/badge","@reui/frame"],"title":"User list accordion with avatars and role indicators","type":"registry:block"},{"description":"Basic alert","name":"c-alert-1","page":"https://reui.io/components/alert/c-alert-1","registryDependencies":["@reui/alert"],"title":"Basic alert","type":"registry:block"},{"description":"Alert with icon and action buttons","name":"c-alert-10","page":"https://reui.io/components/alert/c-alert-10","registryDependencies":["@reui/alert","button"],"title":"Alert with icon and action buttons","type":"registry:block"},{"description":"Alert with description and action buttons","name":"c-alert-11","page":"https://reui.io/components/alert/c-alert-11","registryDependencies":["@reui/alert","button"],"title":"Alert with description and action buttons","type":"registry:block"},{"description":"Alert integrated within a Frame with reset borders","name":"c-alert-12","page":"https://reui.io/components/alert/c-alert-12","registryDependencies":["@reui/alert","@reui/frame"],"title":"Alert integrated within a Frame with reset borders","type":"registry:block"},{"description":"Stacked alerts within a Frame","name":"c-alert-13","page":"https://reui.io/components/alert/c-alert-13","registryDependencies":["@reui/alert","button","@reui/frame"],"title":"Stacked alerts within a Frame","type":"registry:block"},{"description":"Alert with actions integrated within a Frame","name":"c-alert-14","page":"https://reui.io/components/alert/c-alert-14","registryDependencies":["@reui/alert","button","@reui/frame"],"title":"Alert with actions integrated within a Frame","type":"registry:block"},{"description":"Inverted alert variant","name":"c-alert-15","page":"https://reui.io/components/alert/c-alert-15","registryDependencies":["@reui/alert","button","@reui/frame"],"title":"Inverted alert variant","type":"registry:block"},{"description":"Urgent billing notice","name":"c-alert-16","page":"https://reui.io/components/alert/c-alert-16","registryDependencies":["@reui/alert","button","@reui/frame"],"title":"Urgent billing notice","type":"registry:block"},{"description":"Service status summary stacked within a frame","name":"c-alert-17","page":"https://reui.io/components/alert/c-alert-17","registryDependencies":["@reui/alert","button","@reui/frame"],"title":"Service status summary stacked within a frame","type":"registry:block"},{"description":"Feature discovery alert","name":"c-alert-18","page":"https://reui.io/components/alert/c-alert-18","registryDependencies":["@reui/alert","button","@reui/frame"],"title":"Feature discovery alert","type":"registry:block"},{"description":"User message notification alert","name":"c-alert-19","page":"https://reui.io/components/alert/c-alert-19","registryDependencies":["@reui/alert","avatar","button","@reui/frame"],"title":"User message notification alert","type":"registry:block"},{"description":"Alert with icon","name":"c-alert-2","page":"https://reui.io/components/alert/c-alert-2","registryDependencies":["@reui/alert"],"title":"Alert with icon","type":"registry:block"},{"description":"User message notification alert","name":"c-alert-20","page":"https://reui.io/components/alert/c-alert-20","registryDependencies":["@reui/alert","avatar","button","@reui/frame"],"title":"User message notification alert","type":"registry:block"},{"description":"Alert with icon and action buttons","name":"c-alert-3","page":"https://reui.io/components/alert/c-alert-3","registryDependencies":["@reui/alert","button"],"title":"Alert with icon and action buttons","type":"registry:block"},{"description":"Destructive alert with icon and action buttons","name":"c-alert-4","page":"https://reui.io/components/alert/c-alert-4","registryDependencies":["@reui/alert"],"title":"Destructive alert with icon and action buttons","type":"registry:block"},{"description":"Info alert with icon and action buttons","name":"c-alert-5","page":"https://reui.io/components/alert/c-alert-5","registryDependencies":["@reui/alert"],"title":"Info alert with icon and action buttons","type":"registry:block"},{"description":"Success alert","name":"c-alert-6","page":"https://reui.io/components/alert/c-alert-6","registryDependencies":["@reui/alert"],"title":"Success alert","type":"registry:block"},{"description":"Warning alert","name":"c-alert-7","page":"https://reui.io/components/alert/c-alert-7","registryDependencies":["@reui/alert"],"title":"Warning alert","type":"registry:block"},{"description":"Error alert","name":"c-alert-8","page":"https://reui.io/components/alert/c-alert-8","registryDependencies":["@reui/alert"],"title":"Error alert","type":"registry:block"},{"description":"Invert alert","name":"c-alert-9","page":"https://reui.io/components/alert/c-alert-9","registryDependencies":["@reui/alert"],"title":"Invert alert","type":"registry:block"},{"description":"Basic alert dialog with title, description, and action buttons","name":"c-alert-dialog-1","page":"https://reui.io/components/alert-dialog/c-alert-dialog-1","registryDependencies":["alert-dialog","button"],"title":"Basic alert dialog with title, description, and action buttons","type":"registry:block"},{"description":"Confirmation for successful e-ticket registration","name":"c-alert-dialog-10","page":"https://reui.io/components/alert-dialog/c-alert-dialog-10","registryDependencies":["alert-dialog","button"],"title":"Confirmation for successful e-ticket registration","type":"registry:block"},{"description":"System update notification requiring application restart","name":"c-alert-dialog-11","page":"https://reui.io/components/alert-dialog/c-alert-dialog-11","registryDependencies":["alert-dialog","@reui/badge","button"],"title":"System update notification requiring application restart","type":"registry:block"},{"description":"Billing warning for expired subscriptions or failed payments","name":"c-alert-dialog-12","page":"https://reui.io/components/alert-dialog/c-alert-dialog-12","registryDependencies":["alert-dialog","@reui/badge","button"],"title":"Billing warning for expired subscriptions or failed payments","type":"registry:block"},{"description":"Logout confirmation dialog","name":"c-alert-dialog-13","page":"https://reui.io/components/alert-dialog/c-alert-dialog-13","registryDependencies":["alert-dialog","button"],"title":"Logout confirmation dialog","type":"registry:block"},{"description":"Advanced security audit confirmation","name":"c-alert-dialog-14","page":"https://reui.io/components/alert-dialog/c-alert-dialog-14","registryDependencies":["alert-dialog","@reui/badge","button"],"title":"Advanced security audit confirmation","type":"registry:block"},{"description":"Small size alert dialog for quick confirmations","name":"c-alert-dialog-2","page":"https://reui.io/components/alert-dialog/c-alert-dialog-2","registryDependencies":["alert-dialog","button"],"title":"Small size alert dialog for quick confirmations","type":"registry:block"},{"description":"Alert dialog with icon","name":"c-alert-dialog-3","page":"https://reui.io/components/alert-dialog/c-alert-dialog-3","registryDependencies":["alert-dialog","button"],"title":"Alert dialog with icon","type":"registry:block"},{"description":"Small size alert dialog with media (icon)","name":"c-alert-dialog-4","page":"https://reui.io/components/alert-dialog/c-alert-dialog-4","registryDependencies":["alert-dialog","button"],"title":"Small size alert dialog with media (icon)","type":"registry:block"},{"description":"Destructive alert dialog for irreversible actions like deletion","name":"c-alert-dialog-5","page":"https://reui.io/components/alert-dialog/c-alert-dialog-5","registryDependencies":["alert-dialog","button"],"title":"Destructive alert dialog for irreversible actions like deletion","type":"registry:block"},{"description":"Alert dialog nested within a standard Dialog component","name":"c-alert-dialog-6","page":"https://reui.io/components/alert-dialog/c-alert-dialog-6","registryDependencies":["alert-dialog","button","dialog"],"title":"Alert dialog nested within a standard Dialog component","type":"registry:block"},{"description":"Task success confirmation","name":"c-alert-dialog-7","page":"https://reui.io/components/alert-dialog/c-alert-dialog-7","registryDependencies":["alert-dialog","button","checkbox","label"],"title":"Task success confirmation","type":"registry:block"},{"description":"Account deactivation confirmation","name":"c-alert-dialog-8","page":"https://reui.io/components/alert-dialog/c-alert-dialog-8","registryDependencies":["alert-dialog","button"],"title":"Account deactivation confirmation","type":"registry:block"},{"description":"Warning for unsaved changes when navigating away","name":"c-alert-dialog-9","page":"https://reui.io/components/alert-dialog/c-alert-dialog-9","registryDependencies":["alert-dialog","button","checkbox","@reui/frame","label"],"title":"Warning for unsaved changes when navigating away","type":"registry:block"},{"description":"16:9 widescreen aspect ratio","name":"c-aspect-ratio-1","page":"https://reui.io/components/aspect-ratio/c-aspect-ratio-1","registryDependencies":["aspect-ratio"],"title":"16:9 widescreen aspect ratio","type":"registry:block"},{"description":"4:3 standard aspect ratio","name":"c-aspect-ratio-2","page":"https://reui.io/components/aspect-ratio/c-aspect-ratio-2","registryDependencies":["aspect-ratio"],"title":"4:3 standard aspect ratio","type":"registry:block"},{"description":"1:1 square aspect ratio","name":"c-aspect-ratio-3","page":"https://reui.io/components/aspect-ratio/c-aspect-ratio-3","registryDependencies":["aspect-ratio"],"title":"1:1 square aspect ratio","type":"registry:block"},{"description":"21:9 ultrawide aspect ratio","name":"c-aspect-ratio-4","page":"https://reui.io/components/aspect-ratio/c-aspect-ratio-4","registryDependencies":["aspect-ratio"],"title":"21:9 ultrawide aspect ratio","type":"registry:block"},{"description":"9:16 portrait aspect ratio","name":"c-aspect-ratio-5","page":"https://reui.io/components/aspect-ratio/c-aspect-ratio-5","registryDependencies":["aspect-ratio"],"title":"9:16 portrait aspect ratio","type":"registry:block"},{"description":"3:2 classic photography aspect ratio","name":"c-aspect-ratio-6","page":"https://reui.io/components/aspect-ratio/c-aspect-ratio-6","registryDependencies":["aspect-ratio"],"title":"3:2 classic photography aspect ratio","type":"registry:block"},{"description":"4:5 social media portrait aspect ratio","name":"c-aspect-ratio-7","page":"https://reui.io/components/aspect-ratio/c-aspect-ratio-7","registryDependencies":["aspect-ratio"],"title":"4:5 social media portrait aspect ratio","type":"registry:block"},{"description":"16:10 computer monitor aspect ratio","name":"c-aspect-ratio-8","page":"https://reui.io/components/aspect-ratio/c-aspect-ratio-8","registryDependencies":["aspect-ratio"],"title":"16:10 computer monitor aspect ratio","type":"registry:block"},{"description":"Single file attachment in an assistant reply","name":"c-attachment-1","page":"https://reui.io/components/attachment/c-attachment-1","registryDependencies":["attachment"],"title":"Single file attachment in an assistant reply","type":"registry:block"},{"description":"Composer tray with removable attachments","name":"c-attachment-2","page":"https://reui.io/components/attachment/c-attachment-2","registryDependencies":["attachment","field","input-group"],"title":"Composer tray with removable attachments","type":"registry:block"},{"description":"Image thumbnails in a snapping strip","name":"c-attachment-3","page":"https://reui.io/components/attachment/c-attachment-3","registryDependencies":["attachment"],"title":"Image thumbnails in a snapping strip","type":"registry:block"},{"description":"Three sizes carrying three levels of an answer","name":"c-attachment-4","page":"https://reui.io/components/attachment/c-attachment-4","registryDependencies":["attachment"],"title":"Three sizes carrying three levels of an answer","type":"registry:block"},{"description":"Upload queue across all five states","name":"c-attachment-5","page":"https://reui.io/components/attachment/c-attachment-5","registryDependencies":["attachment","spinner"],"title":"Upload queue across all five states","type":"registry:block"},{"description":"File picker that fills an attachment tray","name":"c-attachment-6","page":"https://reui.io/components/attachment/c-attachment-6","registryDependencies":["attachment","@reui/use-file-upload"],"title":"File picker that fills an attachment tray","type":"registry:block"},{"description":"Basic autocomplete control","name":"c-autocomplete-1","page":"https://reui.io/components/autocomplete/c-autocomplete-1","registryDependencies":["@reui/autocomplete"],"title":"Basic autocomplete control","type":"registry:block"},{"description":"Small autocomplete","name":"c-autocomplete-10","page":"https://reui.io/components/autocomplete/c-autocomplete-10","registryDependencies":["@reui/autocomplete"],"title":"Small autocomplete","type":"registry:block"},{"description":"Large autocomplete","name":"c-autocomplete-11","page":"https://reui.io/components/autocomplete/c-autocomplete-11","registryDependencies":["@reui/autocomplete"],"title":"Large autocomplete","type":"registry:block"},{"dependencies":["@hookform/resolvers","react-hook-form","sonner","zod"],"description":"Form integration","name":"c-autocomplete-12","page":"https://reui.io/components/autocomplete/c-autocomplete-12","registryDependencies":["alert","@reui/autocomplete","button","field"],"title":"Form integration","type":"registry:block"},{"description":"Disabled state","name":"c-autocomplete-2","page":"https://reui.io/components/autocomplete/c-autocomplete-2","registryDependencies":["@reui/autocomplete"],"title":"Disabled state","type":"registry:block"},{"description":"Auto highlight option as you type","name":"c-autocomplete-3","page":"https://reui.io/components/autocomplete/c-autocomplete-3","registryDependencies":["@reui/autocomplete"],"title":"Auto highlight option as you type","type":"registry:block"},{"description":"Control with label","name":"c-autocomplete-4","page":"https://reui.io/components/autocomplete/c-autocomplete-4","registryDependencies":["@reui/autocomplete","label"],"title":"Control with label","type":"registry:block"},{"description":"With clear button","name":"c-autocomplete-5","page":"https://reui.io/components/autocomplete/c-autocomplete-5","registryDependencies":["@reui/autocomplete"],"title":"With clear button","type":"registry:block"},{"description":"With trigger button","name":"c-autocomplete-6","page":"https://reui.io/components/autocomplete/c-autocomplete-6","registryDependencies":["@reui/autocomplete"],"title":"With trigger button","type":"registry:block"},{"description":"With clear and trigger buttons","name":"c-autocomplete-7","page":"https://reui.io/components/autocomplete/c-autocomplete-7","registryDependencies":["@reui/autocomplete"],"title":"With clear and trigger buttons","type":"registry:block"},{"dependencies":["@base-ui/react"],"description":"With groups and labels","name":"c-autocomplete-8","page":"https://reui.io/components/autocomplete/c-autocomplete-8","registryDependencies":["@reui/autocomplete","avatar"],"title":"With groups and labels","type":"registry:block"},{"dependencies":["@base-ui/react"],"description":"With search results","name":"c-autocomplete-9","page":"https://reui.io/components/autocomplete/c-autocomplete-9","registryDependencies":["@reui/autocomplete","avatar"],"title":"With search results","type":"registry:block"},{"description":"Basic avatar","name":"c-avatar-1","page":"https://reui.io/components/avatar/c-avatar-1","registryDependencies":["avatar"],"title":"Basic avatar","type":"registry:block"},{"description":"Basic avatar group","name":"c-avatar-10","page":"https://reui.io/components/avatar/c-avatar-10","registryDependencies":["avatar"],"title":"Basic avatar group","type":"registry:block"},{"description":"Avatar group with numerical count","name":"c-avatar-11","page":"https://reui.io/components/avatar/c-avatar-11","registryDependencies":["avatar"],"title":"Avatar group with numerical count","type":"registry:block"},{"description":"Avatar group with an icon count","name":"c-avatar-12","page":"https://reui.io/components/avatar/c-avatar-12","registryDependencies":["avatar"],"title":"Avatar group with an icon count","type":"registry:block"},{"description":"Avatar with a distinct border ring","name":"c-avatar-13","page":"https://reui.io/components/avatar/c-avatar-13","registryDependencies":["avatar"],"title":"Avatar with a distinct border ring","type":"registry:block"},{"description":"Avatar with light background color fallback","name":"c-avatar-14","page":"https://reui.io/components/avatar/c-avatar-14","registryDependencies":["avatar"],"title":"Avatar with light background color fallback","type":"registry:block"},{"description":"Avatar with a solid background color fallback","name":"c-avatar-15","page":"https://reui.io/components/avatar/c-avatar-15","registryDependencies":["avatar"],"title":"Avatar with a solid background color fallback","type":"registry:block"},{"description":"Avatar with user details and badge","name":"c-avatar-16","page":"https://reui.io/components/avatar/c-avatar-16","registryDependencies":["avatar","@reui/badge"],"title":"Avatar with user details and badge","type":"registry:block"},{"description":"Avatar with grayscale image filter","name":"c-avatar-17","page":"https://reui.io/components/avatar/c-avatar-17","registryDependencies":["avatar"],"title":"Avatar with grayscale image filter","type":"registry:block"},{"description":"Avatar group with online status on one","name":"c-avatar-18","page":"https://reui.io/components/avatar/c-avatar-18","registryDependencies":["avatar"],"title":"Avatar group with online status on one","type":"registry:block"},{"description":"Avatar inside small outline button","name":"c-avatar-19","page":"https://reui.io/components/avatar/c-avatar-19","registryDependencies":["avatar","button"],"title":"Avatar inside small outline button","type":"registry:block"},{"description":"Avatar with fallback","name":"c-avatar-2","page":"https://reui.io/components/avatar/c-avatar-2","registryDependencies":["avatar"],"title":"Avatar with fallback","type":"registry:block"},{"description":"Avatar social proof with text label","name":"c-avatar-20","page":"https://reui.io/components/avatar/c-avatar-20","registryDependencies":["avatar"],"title":"Avatar social proof with text label","type":"registry:block"},{"description":"Compact social proof with initials","name":"c-avatar-21","page":"https://reui.io/components/avatar/c-avatar-21","registryDependencies":["avatar","@reui/frame"],"title":"Compact social proof with initials","type":"registry:block"},{"description":"Avatar group with hover tooltips and lift effect","name":"c-avatar-22","page":"https://reui.io/components/avatar/c-avatar-22","registryDependencies":["avatar","tooltip"],"title":"Avatar group with hover tooltips and lift effect","type":"registry:block"},{"dependencies":["cn"],"description":"Avatar group with hover effect","name":"c-avatar-23","page":"https://reui.io/components/avatar/c-avatar-23","registryDependencies":["avatar"],"title":"Avatar group with hover effect","type":"registry:block"},{"dependencies":["cn"],"description":"Avatar group with hover effect and tooltips","name":"c-avatar-24","page":"https://reui.io/components/avatar/c-avatar-24","registryDependencies":["avatar","tooltip"],"title":"Avatar group with hover effect and tooltips","type":"registry:block"},{"description":"Avatar group with numerical count","name":"c-avatar-25","page":"https://reui.io/components/avatar/c-avatar-25","registryDependencies":["avatar"],"title":"Avatar group with numerical count","type":"registry:block"},{"description":"Pilled small outline button with avatar","name":"c-avatar-26","page":"https://reui.io/components/avatar/c-avatar-26","registryDependencies":["avatar","button"],"title":"Pilled small outline button with avatar","type":"registry:block"},{"description":"Pilled small button with avatar","name":"c-avatar-27","page":"https://reui.io/components/avatar/c-avatar-27","registryDependencies":["avatar","button"],"title":"Pilled small button with avatar","type":"registry:block"},{"description":"Avatar inside an empty state example","name":"c-avatar-28","page":"https://reui.io/components/avatar/c-avatar-28","registryDependencies":["avatar"],"title":"Avatar inside an empty state example","type":"registry:block"},{"description":"Avatar group with icon count and button","name":"c-avatar-29","page":"https://reui.io/components/avatar/c-avatar-29","registryDependencies":["avatar","button","tooltip"],"title":"Avatar group with icon count and button","type":"registry:block"},{"description":"Avatars with different sizes","name":"c-avatar-3","page":"https://reui.io/components/avatar/c-avatar-3","registryDependencies":["avatar"],"title":"Avatars with different sizes","type":"registry:block"},{"description":"Avatar with loading state demonstration","name":"c-avatar-30","page":"https://reui.io/components/avatar/c-avatar-30","registryDependencies":["avatar","spinner"],"title":"Avatar with loading state demonstration","type":"registry:block"},{"description":"Avatar with custom badge","name":"c-avatar-31","page":"https://reui.io/components/avatar/c-avatar-31","registryDependencies":["avatar"],"title":"Avatar with custom badge","type":"registry:block"},{"description":"Avatar with ring animation","name":"c-avatar-32","page":"https://reui.io/components/avatar/c-avatar-32","registryDependencies":["avatar"],"title":"Avatar with ring animation","type":"registry:block"},{"description":"Avatar with gradient animated ring","name":"c-avatar-33","page":"https://reui.io/components/avatar/c-avatar-33","registryDependencies":["avatar"],"title":"Avatar with gradient animated ring","type":"registry:block"},{"description":"Avatar with multiple badges","name":"c-avatar-34","page":"https://reui.io/components/avatar/c-avatar-34","registryDependencies":["avatar"],"title":"Avatar with multiple badges","type":"registry:block"},{"description":"Compact avatar dropdown menu","name":"c-avatar-35","page":"https://reui.io/components/avatar/c-avatar-35","registryDependencies":["avatar","button","dropdown-menu"],"title":"Compact avatar dropdown menu","type":"registry:block"},{"description":"Avatars with different border radiuses","name":"c-avatar-4","page":"https://reui.io/components/avatar/c-avatar-4","registryDependencies":["avatar"],"title":"Avatars with different border radiuses","type":"registry:block"},{"description":"Avatars with custom sizes","name":"c-avatar-5","page":"https://reui.io/components/avatar/c-avatar-5","registryDependencies":["avatar"],"title":"Avatars with custom sizes","type":"registry:block"},{"description":"Avatar with an online status badge","name":"c-avatar-6","page":"https://reui.io/components/avatar/c-avatar-6","registryDependencies":["avatar"],"title":"Avatar with an online status badge","type":"registry:block"},{"description":"Avatar with badge icon","name":"c-avatar-7","page":"https://reui.io/components/avatar/c-avatar-7","registryDependencies":["avatar"],"title":"Avatar with badge icon","type":"registry:block"},{"description":"Avatar with different badge positions","name":"c-avatar-8","page":"https://reui.io/components/avatar/c-avatar-8","registryDependencies":["avatar"],"title":"Avatar with different badge positions","type":"registry:block"},{"description":"Avatar with different badge positions","name":"c-avatar-9","page":"https://reui.io/components/avatar/c-avatar-9","registryDependencies":["avatar"],"title":"Avatar with different badge positions","type":"registry:block"},{"description":"Default badge","name":"c-badge-1","page":"https://reui.io/components/badge/c-badge-1","registryDependencies":["@reui/badge"],"title":"Default badge","type":"registry:block"},{"description":"Info outline badge","name":"c-badge-10","page":"https://reui.io/components/badge/c-badge-10","registryDependencies":["@reui/badge"],"title":"Info outline badge","type":"registry:block"},{"description":"Success outline badge","name":"c-badge-11","page":"https://reui.io/components/badge/c-badge-11","registryDependencies":["@reui/badge"],"title":"Success outline badge","type":"registry:block"},{"description":"Warning outline badge","name":"c-badge-12","page":"https://reui.io/components/badge/c-badge-12","registryDependencies":["@reui/badge"],"title":"Warning outline badge","type":"registry:block"},{"description":"Primary light badge","name":"c-badge-13","page":"https://reui.io/components/badge/c-badge-13","registryDependencies":["@reui/badge"],"title":"Primary light badge","type":"registry:block"},{"description":"Destructive light badge","name":"c-badge-14","page":"https://reui.io/components/badge/c-badge-14","registryDependencies":["@reui/badge"],"title":"Destructive light badge","type":"registry:block"},{"description":"Success light badge","name":"c-badge-15","page":"https://reui.io/components/badge/c-badge-15","registryDependencies":["@reui/badge"],"title":"Success light badge","type":"registry:block"},{"description":"Info light badge","name":"c-badge-16","page":"https://reui.io/components/badge/c-badge-16","registryDependencies":["@reui/badge"],"title":"Info light badge","type":"registry:block"},{"description":"Warning light badge","name":"c-badge-17","page":"https://reui.io/components/badge/c-badge-17","registryDependencies":["@reui/badge"],"title":"Warning light badge","type":"registry:block"},{"description":"Badge size variations","name":"c-badge-18","page":"https://reui.io/components/badge/c-badge-18","registryDependencies":["@reui/badge"],"title":"Badge size variations","type":"registry:block"},{"description":"Badge with full radius (radius=\"full\")","name":"c-badge-19","page":"https://reui.io/components/badge/c-badge-19","registryDependencies":["@reui/badge"],"title":"Badge with full radius (radius=\"full\")","type":"registry:block"},{"description":"Secondary badge","name":"c-badge-2","page":"https://reui.io/components/badge/c-badge-2","registryDependencies":["@reui/badge"],"title":"Secondary badge","type":"registry:block"},{"description":"Badge with an icon","name":"c-badge-20","page":"https://reui.io/components/badge/c-badge-20","registryDependencies":["@reui/badge"],"title":"Badge with an icon","type":"registry:block"},{"description":"Badge with a dismiss button","name":"c-badge-21","page":"https://reui.io/components/badge/c-badge-21","registryDependencies":["@reui/badge","button"],"title":"Badge with a dismiss button","type":"registry:block"},{"description":"Badge with a status dot","name":"c-badge-22","page":"https://reui.io/components/badge/c-badge-22","registryDependencies":["@reui/badge"],"title":"Badge with a status dot","type":"registry:block"},{"description":"Badge rendered as a link","name":"c-badge-23","page":"https://reui.io/components/badge/c-badge-23","registryDependencies":["@reui/badge"],"title":"Badge rendered as a link","type":"registry:block"},{"description":"Badge with avatar","name":"c-badge-24","page":"https://reui.io/components/badge/c-badge-24","registryDependencies":["avatar","@reui/badge","button"],"title":"Badge with avatar","type":"registry:block"},{"description":"Badge with flag image","name":"c-badge-25","page":"https://reui.io/components/badge/c-badge-25","registryDependencies":["@reui/badge"],"title":"Badge with flag image","type":"registry:block"},{"description":"Destructive badge","name":"c-badge-3","page":"https://reui.io/components/badge/c-badge-3","registryDependencies":["@reui/badge"],"title":"Destructive badge","type":"registry:block"},{"description":"Success badge","name":"c-badge-4","page":"https://reui.io/components/badge/c-badge-4","registryDependencies":["@reui/badge"],"title":"Success badge","type":"registry:block"},{"description":"Info badge","name":"c-badge-5","page":"https://reui.io/components/badge/c-badge-5","registryDependencies":["@reui/badge"],"title":"Info badge","type":"registry:block"},{"description":"Warning badge","name":"c-badge-6","page":"https://reui.io/components/badge/c-badge-6","registryDependencies":["@reui/badge"],"title":"Warning badge","type":"registry:block"},{"description":"Outline badge","name":"c-badge-7","page":"https://reui.io/components/badge/c-badge-7","registryDependencies":["@reui/badge"],"title":"Outline badge","type":"registry:block"},{"description":"Primary outline badge","name":"c-badge-8","page":"https://reui.io/components/badge/c-badge-8","registryDependencies":["@reui/badge"],"title":"Primary outline badge","type":"registry:block"},{"description":"Destructive outline badge","name":"c-badge-9","page":"https://reui.io/components/badge/c-badge-9","registryDependencies":["@reui/badge"],"title":"Destructive outline badge","type":"registry:block"},{"description":"Basic breadcrumb","name":"c-breadcrumb-1","page":"https://reui.io/components/breadcrumb/c-breadcrumb-1","registryDependencies":["breadcrumb"],"title":"Basic breadcrumb","type":"registry:block"},{"description":"Pill-style breadcrumb inside frame","name":"c-breadcrumb-10","page":"https://reui.io/components/breadcrumb/c-breadcrumb-10","registryDependencies":["breadcrumb","@reui/frame"],"title":"Pill-style breadcrumb inside frame","type":"registry:block"},{"description":"Breadcrumb items containing badge with count","name":"c-breadcrumb-11","page":"https://reui.io/components/breadcrumb/c-breadcrumb-11","registryDependencies":["@reui/badge","breadcrumb"],"title":"Breadcrumb items containing badge with count","type":"registry:block"},{"description":"Breadcrumb starting with home icon item","name":"c-breadcrumb-12","page":"https://reui.io/components/breadcrumb/c-breadcrumb-12","registryDependencies":["breadcrumb","button"],"title":"Breadcrumb starting with home icon item","type":"registry:block"},{"description":"Breadcrumb with a custom separator","name":"c-breadcrumb-13","page":"https://reui.io/components/breadcrumb/c-breadcrumb-13","registryDependencies":["breadcrumb"],"title":"Breadcrumb with a custom separator","type":"registry:block"},{"description":"Button-style breadcrumb","name":"c-breadcrumb-14","page":"https://reui.io/components/breadcrumb/c-breadcrumb-14","registryDependencies":["breadcrumb","button"],"title":"Button-style breadcrumb","type":"registry:block"},{"description":"Breadcrumb with project, user and document info","name":"c-breadcrumb-15","page":"https://reui.io/components/breadcrumb/c-breadcrumb-15","registryDependencies":["avatar","breadcrumb","@reui/frame"],"title":"Breadcrumb with project, user and document info","type":"registry:block"},{"description":"Breadcrumb with dropdown menu","name":"c-breadcrumb-2","page":"https://reui.io/components/breadcrumb/c-breadcrumb-2","registryDependencies":["breadcrumb","button","dropdown-menu"],"title":"Breadcrumb with dropdown menu","type":"registry:block"},{"description":"Breadcrumb with Next.js link","name":"c-breadcrumb-3","page":"https://reui.io/components/breadcrumb/c-breadcrumb-3","registryDependencies":["breadcrumb"],"title":"Breadcrumb with Next.js link","type":"registry:block"},{"description":"Breadcrumb with a custom slash separator","name":"c-breadcrumb-4","page":"https://reui.io/components/breadcrumb/c-breadcrumb-4","registryDependencies":["breadcrumb"],"title":"Breadcrumb with a custom slash separator","type":"registry:block"},{"description":"Breadcrumb with icons for each item","name":"c-breadcrumb-5","page":"https://reui.io/components/breadcrumb/c-breadcrumb-5","registryDependencies":["breadcrumb"],"title":"Breadcrumb with icons for each item","type":"registry:block"},{"description":"Breadcrumb with ellipsis for long paths","name":"c-breadcrumb-6","page":"https://reui.io/components/breadcrumb/c-breadcrumb-6","registryDependencies":["breadcrumb"],"title":"Breadcrumb with ellipsis for long paths","type":"registry:block"},{"description":"Breadcrumb items with avatars","name":"c-breadcrumb-7","page":"https://reui.io/components/breadcrumb/c-breadcrumb-7","registryDependencies":["avatar","breadcrumb"],"title":"Breadcrumb items with avatars","type":"registry:block"},{"description":"Breadcrumb with double chevron separators","name":"c-breadcrumb-8","page":"https://reui.io/components/breadcrumb/c-breadcrumb-8","registryDependencies":["breadcrumb"],"title":"Breadcrumb with double chevron separators","type":"registry:block"},{"description":"Breadcrumb inside card","name":"c-breadcrumb-9","page":"https://reui.io/components/breadcrumb/c-breadcrumb-9","registryDependencies":["breadcrumb","card"],"title":"Breadcrumb inside card","type":"registry:block"},{"description":"A two sided billing thread where align and variant carry the sender.","name":"c-bubble-1","page":"https://reui.io/components/bubble/c-bubble-1","registryDependencies":["avatar","bubble","card"],"title":"Support thread with sender alignment","type":"registry:block"},{"description":"All seven variants doing the job each one is for, in one deploy thread.","name":"c-bubble-2","page":"https://reui.io/components/bubble/c-bubble-2","registryDependencies":["bubble"],"title":"Bubble variants in a release thread","type":"registry:block"},{"description":"Consecutive turns from one sender collapse into a single BubbleGroup.","name":"c-bubble-3","page":"https://reui.io/components/bubble/c-bubble-3","registryDependencies":["bubble"],"title":"Grouped consecutive messages","type":"registry:block"},{"description":"A static emoji row, a pressable reaction with a count, and a top anchored row.","name":"c-bubble-4","page":"https://reui.io/components/bubble/c-bubble-4","registryDependencies":["bubble","button","card"],"title":"Message reactions and a reaction button","type":"registry:block"},{"description":"A long assistant answer folds to its first paragraph behind a Collapsible.","name":"c-bubble-5","page":"https://reui.io/components/bubble/c-bubble-5","registryDependencies":["bubble","button","collapsible"],"title":"Long reply with show more","type":"registry:block"},{"description":"Tinted bubbles that are real buttons and a link, plus an action row after the pick.","name":"c-bubble-6","page":"https://reui.io/components/bubble/c-bubble-6","registryDependencies":["bubble","button","card"],"title":"Quick reply bubbles and an action row","type":"registry:block"},{"description":"A ghost bubble carrying a heading, a list, emphasis and inline code.","name":"c-bubble-7","page":"https://reui.io/components/bubble/c-bubble-7","registryDependencies":["bubble"],"title":"Assistant answer with formatted content","type":"registry:block"},{"description":"Default button","name":"c-button-1","page":"https://reui.io/components/button/c-button-1","registryDependencies":["button"],"title":"Default button","type":"registry:block"},{"description":"Disabled button","name":"c-button-10","page":"https://reui.io/components/button/c-button-10","registryDependencies":["button"],"title":"Disabled button","type":"registry:block"},{"description":"Icon button","name":"c-button-11","page":"https://reui.io/components/button/c-button-11","registryDependencies":["button"],"title":"Icon button","type":"registry:block"},{"description":"Button with an icon on the right","name":"c-button-12","page":"https://reui.io/components/button/c-button-12","registryDependencies":["button"],"title":"Button with an icon on the right","type":"registry:block"},{"description":"Button in a loading state","name":"c-button-13","page":"https://reui.io/components/button/c-button-13","registryDependencies":["button","spinner"],"title":"Button in a loading state","type":"registry:block"},{"description":"Button with an icon on the left","name":"c-button-14","page":"https://reui.io/components/button/c-button-14","registryDependencies":["button"],"title":"Button with an icon on the left","type":"registry:block"},{"description":"Button with an invalid state highlight","name":"c-button-15","page":"https://reui.io/components/button/c-button-15","registryDependencies":["button"],"title":"Button with an invalid state highlight","type":"registry:block"},{"description":"Secondary button with an icon on the left","name":"c-button-16","page":"https://reui.io/components/button/c-button-16","registryDependencies":["button"],"title":"Secondary button with an icon on the left","type":"registry:block"},{"description":"Secondary button with an icon on the right","name":"c-button-17","page":"https://reui.io/components/button/c-button-17","registryDependencies":["button"],"title":"Secondary button with an icon on the right","type":"registry:block"},{"description":"Outline button with an icon on the left","name":"c-button-18","page":"https://reui.io/components/button/c-button-18","registryDependencies":["button"],"title":"Outline button with an icon on the left","type":"registry:block"},{"description":"Outline button with an icon on the right","name":"c-button-19","page":"https://reui.io/components/button/c-button-19","registryDependencies":["button"],"title":"Outline button with an icon on the right","type":"registry:block"},{"description":"Secondary button","name":"c-button-2","page":"https://reui.io/components/button/c-button-2","registryDependencies":["button"],"title":"Secondary button","type":"registry:block"},{"description":"Ghost button with an icon on the left","name":"c-button-20","page":"https://reui.io/components/button/c-button-20","registryDependencies":["button"],"title":"Ghost button with an icon on the left","type":"registry:block"},{"description":"Ghost button with an icon on the right","name":"c-button-21","page":"https://reui.io/components/button/c-button-21","registryDependencies":["button"],"title":"Ghost button with an icon on the right","type":"registry:block"},{"description":"Destructive button with an icon on the left","name":"c-button-22","page":"https://reui.io/components/button/c-button-22","registryDependencies":["button"],"title":"Destructive button with an icon on the left","type":"registry:block"},{"description":"Destructive button with an icon on the right","name":"c-button-23","page":"https://reui.io/components/button/c-button-23","registryDependencies":["button"],"title":"Destructive button with an icon on the right","type":"registry:block"},{"description":"Extra small icon button","name":"c-button-24","page":"https://reui.io/components/button/c-button-24","registryDependencies":["button"],"title":"Extra small icon button","type":"registry:block"},{"description":"Small icon button","name":"c-button-25","page":"https://reui.io/components/button/c-button-25","registryDependencies":["button"],"title":"Small icon button","type":"registry:block"},{"description":"Large (lg) icon-only button","name":"c-button-26","page":"https://reui.io/components/button/c-button-26","registryDependencies":["button"],"title":"Large (lg) icon-only button","type":"registry:block"},{"description":"Button rendered as a Next.js Link","name":"c-button-27","page":"https://reui.io/components/button/c-button-27","registryDependencies":["button"],"title":"Button rendered as a Next.js Link","type":"registry:block"},{"description":"Link button with an icon on the left","name":"c-button-28","page":"https://reui.io/components/button/c-button-28","registryDependencies":["button"],"title":"Link button with an icon on the left","type":"registry:block"},{"description":"Link button with an icon on the right","name":"c-button-29","page":"https://reui.io/components/button/c-button-29","registryDependencies":["button"],"title":"Link button with an icon on the right","type":"registry:block"},{"description":"Outline button","name":"c-button-3","page":"https://reui.io/components/button/c-button-3","registryDependencies":["button"],"title":"Outline button","type":"registry:block"},{"description":"Large button with an icon on the left","name":"c-button-30","page":"https://reui.io/components/button/c-button-30","registryDependencies":["button"],"title":"Large button with an icon on the left","type":"registry:block"},{"description":"Large button with an icon on the right","name":"c-button-31","page":"https://reui.io/components/button/c-button-31","registryDependencies":["button"],"title":"Large button with an icon on the right","type":"registry:block"},{"description":"Outline button with an invalid state","name":"c-button-32","page":"https://reui.io/components/button/c-button-32","registryDependencies":["button"],"title":"Outline button with an invalid state","type":"registry:block"},{"description":"Ghost button with an invalid state","name":"c-button-33","page":"https://reui.io/components/button/c-button-33","registryDependencies":["button"],"title":"Ghost button with an invalid state","type":"registry:block"},{"description":"Button with an icon on the left","name":"c-button-34","page":"https://reui.io/components/button/c-button-34","registryDependencies":["button"],"title":"Button with an icon on the left","type":"registry:block"},{"description":"Ghost button with more/less toggle","name":"c-button-35","page":"https://reui.io/components/button/c-button-35","registryDependencies":["button"],"title":"Ghost button with more/less toggle","type":"registry:block"},{"dependencies":["@remixicon/react"],"description":"Social login buttons with Remix Icons","name":"c-button-36","page":"https://reui.io/components/button/c-button-36","registryDependencies":["button"],"title":"Social login buttons with Remix Icons","type":"registry:block"},{"description":"Outline like button with count","name":"c-button-37","page":"https://reui.io/components/button/c-button-37","registryDependencies":["button"],"title":"Outline like button with count","type":"registry:block"},{"description":"Star button with count","name":"c-button-38","page":"https://reui.io/components/button/c-button-38","registryDependencies":["button"],"title":"Star button with count","type":"registry:block"},{"description":"Button with an unread badge","name":"c-button-39","page":"https://reui.io/components/button/c-button-39","registryDependencies":["@reui/badge","button"],"title":"Button with an unread badge","type":"registry:block"},{"description":"Ghost button","name":"c-button-4","page":"https://reui.io/components/button/c-button-4","registryDependencies":["button"],"title":"Ghost button","type":"registry:block"},{"description":"Button with icon, label, and shortcut keys","name":"c-button-40","page":"https://reui.io/components/button/c-button-40","registryDependencies":["button","kbd"],"title":"Button with icon, label, and shortcut keys","type":"registry:block"},{"description":"Copy button with feedback","name":"c-button-41","page":"https://reui.io/components/button/c-button-41","registryDependencies":["button","@reui/use-copy-to-clipboard"],"title":"Copy button with feedback","type":"registry:block"},{"description":"Icon-only copy button with feedback","name":"c-button-42","page":"https://reui.io/components/button/c-button-42","registryDependencies":["button","tooltip","@reui/use-copy-to-clipboard"],"title":"Icon-only copy button with feedback","type":"registry:block"},{"dependencies":["cn"],"description":"Animated hamburger / close toggle button","name":"c-button-43","page":"https://reui.io/components/button/c-button-43","registryDependencies":["button"],"title":"Animated hamburger / close toggle button","type":"registry:block"},{"description":"Async action button with loading and success states","name":"c-button-44","page":"https://reui.io/components/button/c-button-44","registryDependencies":["button","spinner"],"title":"Async action button with loading and success states","type":"registry:block"},{"description":"Outline button with inline count badge","name":"c-button-45","page":"https://reui.io/components/button/c-button-45","registryDependencies":["@reui/badge","button"],"title":"Outline button with inline count badge","type":"registry:block"},{"description":"Button with status dot badge","name":"c-button-46","page":"https://reui.io/components/button/c-button-46","registryDependencies":["button"],"title":"Button with status dot badge","type":"registry:block"},{"description":"Ghost button with a status badge","name":"c-button-47","page":"https://reui.io/components/button/c-button-47","registryDependencies":["@reui/badge","button"],"title":"Ghost button with a status badge","type":"registry:block"},{"description":"Icon button with notification badge","name":"c-button-48","page":"https://reui.io/components/button/c-button-48","registryDependencies":["@reui/badge","button"],"title":"Icon button with notification badge","type":"registry:block"},{"description":"Go back link button","name":"c-button-49","page":"https://reui.io/components/button/c-button-49","registryDependencies":["button"],"title":"Go back link button","type":"registry:block"},{"description":"Destructive button","name":"c-button-5","page":"https://reui.io/components/button/c-button-5","registryDependencies":["button"],"title":"Destructive button","type":"registry:block"},{"description":"Go back link button with animation","name":"c-button-50","page":"https://reui.io/components/button/c-button-50","registryDependencies":["button"],"title":"Go back link button with animation","type":"registry:block"},{"description":"Expanding button from icon to label","name":"c-button-51","page":"https://reui.io/components/button/c-button-51","registryDependencies":["button"],"title":"Expanding button from icon to label","type":"registry:block"},{"description":"Multi-line button with icon, title & description","name":"c-button-52","page":"https://reui.io/components/button/c-button-52","registryDependencies":["button"],"title":"Multi-line button with icon, title & description","type":"registry:block"},{"description":"Sliding Icon Button (Hover reveal)","name":"c-button-53","page":"https://reui.io/components/button/c-button-53","registryDependencies":["button"],"title":"Sliding Icon Button (Hover reveal)","type":"registry:block"},{"description":"Shortcut Tooltip Button (Kbd hints)","name":"c-button-54","page":"https://reui.io/components/button/c-button-54","registryDependencies":["button","kbd","tooltip"],"title":"Shortcut Tooltip Button (Kbd hints)","type":"registry:block"},{"description":"Button with avatar","name":"c-button-55","page":"https://reui.io/components/button/c-button-55","registryDependencies":["avatar","button"],"title":"Button with avatar","type":"registry:block"},{"description":"Outline button with avatar","name":"c-button-56","page":"https://reui.io/components/button/c-button-56","registryDependencies":["avatar","button"],"title":"Outline button with avatar","type":"registry:block"},{"description":"Small button with avatar","name":"c-button-57","page":"https://reui.io/components/button/c-button-57","registryDependencies":["avatar","button"],"title":"Small button with avatar","type":"registry:block"},{"description":"Small outline button with avatar","name":"c-button-58","page":"https://reui.io/components/button/c-button-58","registryDependencies":["avatar","button"],"title":"Small outline button with avatar","type":"registry:block"},{"dependencies":["@remixicon/react"],"description":"Social login buttons with Remix icons","name":"c-button-59","page":"https://reui.io/components/button/c-button-59","registryDependencies":["button"],"title":"Social login buttons with Remix icons","type":"registry:block"},{"description":"Link button variant","name":"c-button-6","page":"https://reui.io/components/button/c-button-6","registryDependencies":["button"],"title":"Link button variant","type":"registry:block"},{"dependencies":["@remixicon/react"],"description":"Social icon-only buttons with Remix icons","name":"c-button-60","page":"https://reui.io/components/button/c-button-60","registryDependencies":["button"],"title":"Social icon-only buttons with Remix icons","type":"registry:block"},{"dependencies":["cn"],"description":"Theme toggle button with animated moon and sun icons","name":"c-button-61","page":"https://reui.io/components/button/c-button-61","registryDependencies":["button"],"title":"Theme toggle button with animated moon and sun icons","type":"registry:block"},{"description":"Extra small button","name":"c-button-7","page":"https://reui.io/components/button/c-button-7","registryDependencies":["button"],"title":"Extra small button","type":"registry:block"},{"description":"Small button","name":"c-button-8","page":"https://reui.io/components/button/c-button-8","registryDependencies":["button"],"title":"Small button","type":"registry:block"},{"description":"Large button","name":"c-button-9","page":"https://reui.io/components/button/c-button-9","registryDependencies":["button"],"title":"Large button","type":"registry:block"},{"description":"Basic button group with two buttons","name":"c-button-group-1","page":"https://reui.io/components/button-group/c-button-group-1","registryDependencies":["button","button-group"],"title":"Basic button group with two buttons","type":"registry:block"},{"description":"Button group used for standard pagination","name":"c-button-group-10","page":"https://reui.io/components/button-group/c-button-group-10","registryDependencies":["button","button-group"],"title":"Button group used for standard pagination","type":"registry:block"},{"description":"Pagination split into page numbers and navigation arrows","name":"c-button-group-11","page":"https://reui.io/components/button-group/c-button-group-11","registryDependencies":["button","button-group"],"title":"Pagination split into page numbers and navigation arrows","type":"registry:block"},{"description":"Button group for editor text alignment controls","name":"c-button-group-12","page":"https://reui.io/components/button-group/c-button-group-12","registryDependencies":["button","button-group"],"title":"Button group for editor text alignment controls","type":"registry:block"},{"description":"Vertical button group orientation","name":"c-button-group-13","page":"https://reui.io/components/button-group/c-button-group-13","registryDependencies":["button","button-group"],"title":"Vertical button group orientation","type":"registry:block"},{"description":"Nested vertical button group for complex tool palettes","name":"c-button-group-14","page":"https://reui.io/components/button-group/c-button-group-14","registryDependencies":["button","button-group"],"title":"Nested vertical button group for complex tool palettes","type":"registry:block"},{"description":"Star button group with count and dropdown","name":"c-button-group-15","page":"https://reui.io/components/button-group/c-button-group-15","registryDependencies":["@reui/badge","button","button-group","dropdown-menu"],"title":"Star button group with count and dropdown","type":"registry:block"},{"description":"Search input with filter menu and clear button","name":"c-button-group-16","page":"https://reui.io/components/button-group/c-button-group-16","registryDependencies":["button","button-group","dropdown-menu","input"],"title":"Search input with filter menu and clear button","type":"registry:block"},{"description":"Button group with comprehensive action menu","name":"c-button-group-17","page":"https://reui.io/components/button-group/c-button-group-17","registryDependencies":["button","button-group","dropdown-menu"],"title":"Button group with comprehensive action menu","type":"registry:block"},{"description":"Advanced git toolbar with branch selection and split commit button","name":"c-button-group-18","page":"https://reui.io/components/button-group/c-button-group-18","registryDependencies":["button","button-group","dropdown-menu"],"title":"Advanced git toolbar with branch selection and split commit button","type":"registry:block"},{"description":"Button group with dropdown menu and input group","name":"c-button-group-19","page":"https://reui.io/components/button-group/c-button-group-19","registryDependencies":["button","button-group","dropdown-menu","input-group"],"title":"Button group with dropdown menu and input group","type":"registry:block"},{"description":"Button group with button followed by input","name":"c-button-group-2","page":"https://reui.io/components/button-group/c-button-group-2","registryDependencies":["button","button-group","input"],"title":"Button group with button followed by input","type":"registry:block"},{"description":"Button group with input group and button","name":"c-button-group-20","page":"https://reui.io/components/button-group/c-button-group-20","registryDependencies":["button","button-group","dropdown-menu","input-group"],"title":"Button group with input group and button","type":"registry:block"},{"description":"Button group with dropdown menu and input group","name":"c-button-group-21","page":"https://reui.io/components/button-group/c-button-group-21","registryDependencies":["button","button-group","dropdown-menu","input-group"],"title":"Button group with dropdown menu and input group","type":"registry:block"},{"description":"Basic button group with disabled button","name":"c-button-group-22","page":"https://reui.io/components/button-group/c-button-group-22","registryDependencies":["button","button-group"],"title":"Basic button group with disabled button","type":"registry:block"},{"description":"Button group buttons with separators","name":"c-button-group-23","page":"https://reui.io/components/button-group/c-button-group-23","registryDependencies":["button","button-group"],"title":"Button group buttons with separators","type":"registry:block"},{"description":"View switcher for dashboard layouts","name":"c-button-group-24","page":"https://reui.io/components/button-group/c-button-group-24","registryDependencies":["button","button-group"],"title":"View switcher for dashboard layouts","type":"registry:block"},{"dependencies":["cn"],"description":"Rating scale using numerical buttons","name":"c-button-group-25","page":"https://reui.io/components/button-group/c-button-group-25","registryDependencies":["button","button-group"],"title":"Rating scale using numerical buttons","type":"registry:block"},{"description":"Button group with user selection select","name":"c-button-group-26","page":"https://reui.io/components/button-group/c-button-group-26","registryDependencies":["avatar","button","button-group","select"],"title":"Button group with user selection select","type":"registry:block"},{"dependencies":["cn"],"description":"Button group with select status addon","name":"c-button-group-27","page":"https://reui.io/components/button-group/c-button-group-27","registryDependencies":["button-group","input","select"],"title":"Button group with select status addon","type":"registry:block"},{"description":"Volume controller with plus/minus actions","name":"c-button-group-28","page":"https://reui.io/components/button-group/c-button-group-28","registryDependencies":["button","button-group"],"title":"Volume controller with plus/minus actions","type":"registry:block"},{"description":"Button group with follower count","name":"c-button-group-29","page":"https://reui.io/components/button-group/c-button-group-29","registryDependencies":["button","button-group"],"title":"Button group with follower count","type":"registry:block"},{"description":"Button group with buttons and badge","name":"c-button-group-3","page":"https://reui.io/components/button-group/c-button-group-3","registryDependencies":["@reui/badge","button","button-group"],"title":"Button group with buttons and badge","type":"registry:block"},{"description":"Active state button group with count","name":"c-button-group-30","page":"https://reui.io/components/button-group/c-button-group-30","registryDependencies":["button","button-group"],"title":"Active state button group with count","type":"registry:block"},{"description":"Horizontal button group with primary and secondary labels","name":"c-button-group-31","page":"https://reui.io/components/button-group/c-button-group-31","registryDependencies":["button","button-group"],"title":"Horizontal button group with primary and secondary labels","type":"registry:block"},{"dependencies":["cn"],"description":"Button group with dropdown menu and view toggle","name":"c-button-group-32","page":"https://reui.io/components/button-group/c-button-group-32","registryDependencies":["button","button-group","dropdown-menu"],"title":"Button group with dropdown menu and view toggle","type":"registry:block"},{"description":"Button group with select controls","name":"c-button-group-33","page":"https://reui.io/components/button-group/c-button-group-33","registryDependencies":["button-group","select"],"title":"Button group with select controls","type":"registry:block"},{"dependencies":["cn"],"description":"Segmented control with dropdown inside button group","name":"c-button-group-34","page":"https://reui.io/components/button-group/c-button-group-34","registryDependencies":["button","button-group","dropdown-menu"],"title":"Segmented control with dropdown inside button group","type":"registry:block"},{"description":"Pagination button group","name":"c-button-group-35","page":"https://reui.io/components/button-group/c-button-group-35","registryDependencies":["button","button-group"],"title":"Pagination button group","type":"registry:block"},{"dependencies":["cn"],"description":"View switcher button group","name":"c-button-group-36","page":"https://reui.io/components/button-group/c-button-group-36","registryDependencies":["button","button-group"],"title":"View switcher button group","type":"registry:block"},{"description":"Zoom controls button group","name":"c-button-group-37","page":"https://reui.io/components/button-group/c-button-group-37","registryDependencies":["button","button-group"],"title":"Zoom controls button group","type":"registry:block"},{"description":"Media player controls button group","name":"c-button-group-38","page":"https://reui.io/components/button-group/c-button-group-38","registryDependencies":["button","button-group"],"title":"Media player controls button group","type":"registry:block"},{"description":"Split button with dropdown trigger","name":"c-button-group-39","page":"https://reui.io/components/button-group/c-button-group-39","registryDependencies":["button","button-group","dropdown-menu"],"title":"Split button with dropdown trigger","type":"registry:block"},{"description":"Button group with dropdown menu","name":"c-button-group-4","page":"https://reui.io/components/button-group/c-button-group-4","registryDependencies":["button","button-group","dropdown-menu"],"title":"Button group with dropdown menu","type":"registry:block"},{"dependencies":["cn"],"description":"Vertical button group","name":"c-button-group-40","page":"https://reui.io/components/button-group/c-button-group-40","registryDependencies":["button","button-group"],"title":"Vertical button group","type":"registry:block"},{"dependencies":["cn"],"description":"Model selector with tier badges","name":"c-button-group-41","page":"https://reui.io/components/button-group/c-button-group-41","registryDependencies":["@reui/badge","button","button-group","tooltip"],"title":"Model selector with tier badges","type":"registry:block"},{"dependencies":["cn"],"description":"Segmented order type selector","name":"c-button-group-42","page":"https://reui.io/components/button-group/c-button-group-42","registryDependencies":["button","button-group","tooltip"],"title":"Segmented order type selector","type":"registry:block"},{"description":"Buy sell hold toggle group","name":"c-button-group-43","page":"https://reui.io/components/button-group/c-button-group-43","registryDependencies":["button","button-group"],"title":"Buy sell hold toggle group","type":"registry:block"},{"description":"Pipeline stage mover with dropdown","name":"c-button-group-44","page":"https://reui.io/components/button-group/c-button-group-44","registryDependencies":["button","button-group","dropdown-menu"],"title":"Pipeline stage mover with dropdown","type":"registry:block"},{"dependencies":["cn"],"description":"Environment switcher with indicator","name":"c-button-group-45","page":"https://reui.io/components/button-group/c-button-group-45","registryDependencies":["button","button-group","tooltip"],"title":"Environment switcher with indicator","type":"registry:block"},{"dependencies":["cn"],"description":"Compact time interval selector","name":"c-button-group-46","page":"https://reui.io/components/button-group/c-button-group-46","registryDependencies":["button","button-group"],"title":"Compact time interval selector","type":"registry:block"},{"description":"Review actions split button","name":"c-button-group-47","page":"https://reui.io/components/button-group/c-button-group-47","registryDependencies":["button","button-group","dropdown-menu"],"title":"Review actions split button","type":"registry:block"},{"dependencies":["cn"],"description":"Toolbar filter with export and view toggle","name":"c-button-group-48","page":"https://reui.io/components/button-group/c-button-group-48","registryDependencies":["button","button-group","dropdown-menu"],"title":"Toolbar filter with export and view toggle","type":"registry:block"},{"dependencies":["cn"],"description":"Vertical nav links with icons","name":"c-button-group-49","page":"https://reui.io/components/button-group/c-button-group-49","registryDependencies":["button","button-group"],"title":"Vertical nav links with icons","type":"registry:block"},{"description":"Team activity and collaboration group","name":"c-button-group-5","page":"https://reui.io/components/button-group/c-button-group-5","registryDependencies":["avatar","button","button-group","dropdown-menu"],"title":"Team activity and collaboration group","type":"registry:block"},{"description":"Toolbar filter sort and more","name":"c-button-group-50","page":"https://reui.io/components/button-group/c-button-group-50","registryDependencies":["button","button-group","dropdown-menu"],"title":"Toolbar filter sort and more","type":"registry:block"},{"description":"New button with create dropdown","name":"c-button-group-51","page":"https://reui.io/components/button-group/c-button-group-51","registryDependencies":["button","button-group","dropdown-menu"],"title":"New button with create dropdown","type":"registry:block"},{"description":"Refresh share and export dropdown","name":"c-button-group-52","page":"https://reui.io/components/button-group/c-button-group-52","registryDependencies":["button","button-group","dropdown-menu"],"title":"Refresh share and export dropdown","type":"registry:block"},{"description":"Publish controls with split button and overflow","name":"c-button-group-53","page":"https://reui.io/components/button-group/c-button-group-53","registryDependencies":["avatar","button","button-group","dropdown-menu","separator"],"title":"Publish controls with split button and overflow","type":"registry:block"},{"description":"API service environment and version selectors","name":"c-button-group-54","page":"https://reui.io/components/button-group/c-button-group-54","registryDependencies":["button","button-group","dropdown-menu"],"title":"API service environment and version selectors","type":"registry:block"},{"description":"Payout release controls with amount context","name":"c-button-group-55","page":"https://reui.io/components/button-group/c-button-group-55","registryDependencies":["button","button-group","dropdown-menu"],"title":"Payout release controls with amount context","type":"registry:block"},{"description":"Attachment button group with download action","name":"c-button-group-56","page":"https://reui.io/components/button-group/c-button-group-56","registryDependencies":["button","button-group"],"title":"Attachment button group with download action","type":"registry:block"},{"dependencies":["cn"],"description":"Agent mode selector with credit cap dropdown","name":"c-button-group-57","page":"https://reui.io/components/button-group/c-button-group-57","registryDependencies":["button","button-group","dropdown-menu"],"title":"Agent mode selector with credit cap dropdown","type":"registry:block"},{"description":"Button group using icons for visual actions","name":"c-button-group-6","page":"https://reui.io/components/button-group/c-button-group-6","registryDependencies":["button","button-group"],"title":"Button group using icons for visual actions","type":"registry:block"},{"description":"Dropdown menu with status indicator","name":"c-button-group-7","page":"https://reui.io/components/button-group/c-button-group-7","registryDependencies":["button","button-group","dropdown-menu"],"title":"Dropdown menu with status indicator","type":"registry:block"},{"description":"Button group styled as a like button with a counter","name":"c-button-group-8","page":"https://reui.io/components/button-group/c-button-group-8","registryDependencies":["button","button-group"],"title":"Button group styled as a like button with a counter","type":"registry:block"},{"description":"Nested button groups for complex action sets","name":"c-button-group-9","page":"https://reui.io/components/button-group/c-button-group-9","registryDependencies":["button","button-group","input-group","tooltip"],"title":"Nested button groups for complex action sets","type":"registry:block"},{"description":"Basic calendar","name":"c-calendar-1","page":"https://reui.io/components/calendar/c-calendar-1","registryDependencies":["calendar","card"],"title":"Basic calendar","type":"registry:block"},{"dependencies":["react-day-picker"],"description":"Display week numbers","name":"c-calendar-10","page":"https://reui.io/components/calendar/c-calendar-10","registryDependencies":["calendar","card"],"title":"Display week numbers","type":"registry:block"},{"dependencies":["date-fns"],"description":"Current month button","name":"c-calendar-11","page":"https://reui.io/components/calendar/c-calendar-11","registryDependencies":["button","calendar","card"],"title":"Current month button","type":"registry:block"},{"dependencies":["date-fns"],"description":"Today button","name":"c-calendar-12","page":"https://reui.io/components/calendar/c-calendar-12","registryDependencies":["button","calendar","card"],"title":"Today button","type":"registry:block"},{"dependencies":["date-fns","react-day-picker"],"description":"Custom navigation with year view","name":"c-calendar-13","page":"https://reui.io/components/calendar/c-calendar-13","registryDependencies":["button","calendar","card","scroll-area"],"title":"Custom navigation with year view","type":"registry:block"},{"dependencies":["date-fns"],"description":"Preset time selection","name":"c-calendar-14","page":"https://reui.io/components/calendar/c-calendar-14","registryDependencies":["button","calendar","card","scroll-area"],"title":"Preset time selection","type":"registry:block"},{"dependencies":["date-fns"],"description":"Calendar with presets","name":"c-calendar-15","page":"https://reui.io/components/calendar/c-calendar-15","registryDependencies":["button","calendar","card"],"title":"Calendar with presets","type":"registry:block"},{"dependencies":["date-fns","react-day-picker"],"description":"Range calendar with presets","name":"c-calendar-16","page":"https://reui.io/components/calendar/c-calendar-16","registryDependencies":["button","calendar","card"],"title":"Range calendar with presets","type":"registry:block"},{"description":"Calendar with pricing","name":"c-calendar-17","page":"https://reui.io/components/calendar/c-calendar-17","registryDependencies":["calendar"],"title":"Calendar with pricing","type":"registry:block"},{"dependencies":["date-fns"],"description":"Calendar with presets","name":"c-calendar-18","page":"https://reui.io/components/calendar/c-calendar-18","registryDependencies":["button","calendar","card"],"title":"Calendar with presets","type":"registry:block"},{"description":"Appointment calendar","name":"c-calendar-19","page":"https://reui.io/components/calendar/c-calendar-19","registryDependencies":["button","calendar","card","scroll-area"],"title":"Appointment calendar","type":"registry:block"},{"dependencies":["date-fns","react-day-picker"],"description":"Range calendar","name":"c-calendar-2","page":"https://reui.io/components/calendar/c-calendar-2","registryDependencies":["calendar","card"],"title":"Range calendar","type":"registry:block"},{"description":"Display 2 months","name":"c-calendar-20","page":"https://reui.io/components/calendar/c-calendar-20","registryDependencies":["calendar","card"],"title":"Display 2 months","type":"registry:block"},{"dependencies":["react-day-picker"],"description":"Display 2 months with range picker","name":"c-calendar-21","page":"https://reui.io/components/calendar/c-calendar-21","registryDependencies":["calendar","card"],"title":"Display 2 months with range picker","type":"registry:block"},{"dependencies":["cn","little-date"],"description":"Calendar with event list","name":"c-calendar-22","page":"https://reui.io/components/calendar/c-calendar-22","registryDependencies":["button","calendar","card"],"title":"Calendar with event list","type":"registry:block"},{"dependencies":["react-day-picker"],"description":"Localize calendar","name":"c-calendar-23","page":"https://reui.io/components/calendar/c-calendar-23","registryDependencies":["calendar","card","select"],"title":"Localize calendar","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Calendar with date picker","name":"c-calendar-24","page":"https://reui.io/components/calendar/c-calendar-24","registryDependencies":["button","calendar","popover"],"title":"Calendar with date picker","type":"registry:block"},{"dependencies":["cn","date-fns","react-day-picker"],"description":"Calendar with date range picker","name":"c-calendar-25","page":"https://reui.io/components/calendar/c-calendar-25","registryDependencies":["button","calendar","card","popover"],"title":"Calendar with date range picker","type":"registry:block"},{"dependencies":["cn","date-fns","react-day-picker"],"description":"Calendar with date picker and year view","name":"c-calendar-26","page":"https://reui.io/components/calendar/c-calendar-26","registryDependencies":["button","calendar","card","popover","scroll-area"],"title":"Calendar with date picker and year view","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Calendar with date and appointment picker","name":"c-calendar-27","page":"https://reui.io/components/calendar/c-calendar-27","registryDependencies":["button","calendar","card","popover","scroll-area"],"title":"Calendar with date and appointment picker","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Calendar with date picker and presets","name":"c-calendar-28","page":"https://reui.io/components/calendar/c-calendar-28","registryDependencies":["button","calendar","card","popover"],"title":"Calendar with date picker and presets","type":"registry:block"},{"dependencies":["cn","date-fns","react-day-picker"],"description":"Range calendar with date picker and presets","name":"c-calendar-29","page":"https://reui.io/components/calendar/c-calendar-29","registryDependencies":["button","calendar","card","popover"],"title":"Range calendar with date picker and presets","type":"registry:block"},{"dependencies":["date-fns"],"description":"Disabled dates","name":"c-calendar-3","page":"https://reui.io/components/calendar/c-calendar-3","registryDependencies":["calendar","card"],"title":"Disabled dates","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Calendar with date and time range picker","name":"c-calendar-30","page":"https://reui.io/components/calendar/c-calendar-30","registryDependencies":["button","calendar","field","input-group","popover","separator"],"title":"Calendar with date and time range picker","type":"registry:block"},{"dependencies":["date-fns"],"description":"Multiple day selection","name":"c-calendar-4","page":"https://reui.io/components/calendar/c-calendar-4","registryDependencies":["calendar","card"],"title":"Multiple day selection","type":"registry:block"},{"description":"Custom select day style","name":"c-calendar-5","page":"https://reui.io/components/calendar/c-calendar-5","registryDependencies":["calendar","card"],"title":"Custom select day style","type":"registry:block"},{"dependencies":["date-fns","react-day-picker"],"description":"Custom select range style","name":"c-calendar-6","page":"https://reui.io/components/calendar/c-calendar-6","registryDependencies":["calendar","card"],"title":"Custom select range style","type":"registry:block"},{"description":"Right navigation","name":"c-calendar-7","page":"https://reui.io/components/calendar/c-calendar-7","registryDependencies":["calendar","card"],"title":"Right navigation","type":"registry:block"},{"dependencies":["react-day-picker"],"description":"Month and year selection","name":"c-calendar-8","page":"https://reui.io/components/calendar/c-calendar-8","registryDependencies":["calendar","card","select"],"title":"Month and year selection","type":"registry:block"},{"dependencies":["react-day-picker"],"description":"Year select with navigation","name":"c-calendar-9","page":"https://reui.io/components/calendar/c-calendar-9","registryDependencies":["calendar","card","select"],"title":"Year select with navigation","type":"registry:block"},{"description":"Basic card","name":"c-card-1","page":"https://reui.io/components/card/c-card-1","registryDependencies":["button","card"],"title":"Basic card","type":"registry:block"},{"description":"Full card with image and shadow fade effect","name":"c-card-10","page":"https://reui.io/components/card/c-card-10","registryDependencies":["avatar","@reui/badge","card"],"title":"Full card with image and shadow fade effect","type":"registry:block"},{"description":"Card with stacked depth effect","name":"c-card-11","page":"https://reui.io/components/card/c-card-11","registryDependencies":["button","card"],"title":"Card with stacked depth effect","type":"registry:block"},{"description":"Advanced clean login form card","name":"c-card-12","page":"https://reui.io/components/card/c-card-12","registryDependencies":["button","card","field","input","input-group"],"title":"Advanced clean login form card","type":"registry:block"},{"dependencies":["cn"],"description":"Expandable billing usage card","name":"c-card-13","page":"https://reui.io/components/card/c-card-13","registryDependencies":["button","card","progress"],"title":"Expandable billing usage card","type":"registry:block"},{"dependencies":["cn"],"description":"Deployment status summary card","name":"c-card-14","page":"https://reui.io/components/card/c-card-14","registryDependencies":["card"],"title":"Deployment status summary card","type":"registry:block"},{"description":"Stat card with trend and overflow menu","name":"c-card-15","page":"https://reui.io/components/card/c-card-15","registryDependencies":["@reui/badge","button","card","dropdown-menu","separator"],"title":"Stat card with trend and overflow menu","type":"registry:block"},{"description":"Card with header badge and actions","name":"c-card-16","page":"https://reui.io/components/card/c-card-16","registryDependencies":["avatar","@reui/badge","button","card","dropdown-menu"],"title":"Card with header badge and actions","type":"registry:block"},{"description":"Card with icon, title and link","name":"c-card-17","page":"https://reui.io/components/card/c-card-17","registryDependencies":["card"],"title":"Card with icon, title and link","type":"registry:block"},{"description":"Card with header label and link","name":"c-card-18","page":"https://reui.io/components/card/c-card-18","registryDependencies":["card"],"title":"Card with header label and link","type":"registry:block"},{"description":"Card header with border","name":"c-card-2","page":"https://reui.io/components/card/c-card-2","registryDependencies":["card"],"title":"Card header with border","type":"registry:block"},{"description":"Card with border separation","name":"c-card-3","page":"https://reui.io/components/card/c-card-3","registryDependencies":["button","card"],"title":"Card with border separation","type":"registry:block"},{"description":"Card with header and footer","name":"c-card-4","page":"https://reui.io/components/card/c-card-4","registryDependencies":["button","card"],"title":"Card with header and footer","type":"registry:block"},{"description":"Card with link","name":"c-card-5","page":"https://reui.io/components/card/c-card-5","registryDependencies":["button","card"],"title":"Card with link","type":"registry:block"},{"description":"Card with dropdown menu","name":"c-card-6","page":"https://reui.io/components/card/c-card-6","registryDependencies":["avatar","button","card","dropdown-menu"],"title":"Card with dropdown menu","type":"registry:block"},{"description":"Card with image","name":"c-card-7","page":"https://reui.io/components/card/c-card-7","registryDependencies":["@reui/badge","button","card"],"title":"Card with image","type":"registry:block"},{"description":"Card with image scale hover effect","name":"c-card-8","page":"https://reui.io/components/card/c-card-8","registryDependencies":["card"],"title":"Card with image scale hover effect","type":"registry:block"},{"description":"Card with full image","name":"c-card-9","page":"https://reui.io/components/card/c-card-9","registryDependencies":["@reui/badge","button","card"],"title":"Card with full image","type":"registry:block"},{"description":"Basic carousel with single item","name":"c-carousel-1","page":"https://reui.io/components/carousel/c-carousel-1","registryDependencies":["card","carousel"],"title":"Basic carousel with single item","type":"registry:block"},{"dependencies":["cn"],"description":"Carousel with overlay thumbnail navigation","name":"c-carousel-10","page":"https://reui.io/components/carousel/c-carousel-10","registryDependencies":["carousel"],"title":"Carousel with overlay thumbnail navigation","type":"registry:block"},{"dependencies":["cn"],"description":"Carousel with dots navigation and content overlays","name":"c-carousel-11","page":"https://reui.io/components/carousel/c-carousel-11","registryDependencies":["card","carousel"],"title":"Carousel with dots navigation and content overlays","type":"registry:block"},{"description":"Vertical carousel orientation","name":"c-carousel-2","page":"https://reui.io/components/carousel/c-carousel-2","registryDependencies":["card","carousel"],"title":"Vertical carousel orientation","type":"registry:block"},{"description":"Carousel with multiple items visible","name":"c-carousel-3","page":"https://reui.io/components/carousel/c-carousel-3","registryDependencies":["card","carousel"],"title":"Carousel with multiple items visible","type":"registry:block"},{"description":"Carousel with responsive basis","name":"c-carousel-4","page":"https://reui.io/components/carousel/c-carousel-4","registryDependencies":["card","carousel"],"title":"Carousel with responsive basis","type":"registry:block"},{"dependencies":["embla-carousel-autoplay"],"description":"Carousel with autoplay plugin","name":"c-carousel-5","page":"https://reui.io/components/carousel/c-carousel-5","registryDependencies":["card","carousel"],"title":"Carousel with autoplay plugin","type":"registry:block"},{"description":"Carousel with centered slide alignment","name":"c-carousel-6","page":"https://reui.io/components/carousel/c-carousel-6","registryDependencies":["card","carousel"],"title":"Carousel with centered slide alignment","type":"registry:block"},{"description":"Carousel with custom spacing","name":"c-carousel-7","page":"https://reui.io/components/carousel/c-carousel-7","registryDependencies":["card","carousel"],"title":"Carousel with custom spacing","type":"registry:block"},{"description":"Carousel with images and overlays","name":"c-carousel-8","page":"https://reui.io/components/carousel/c-carousel-8","registryDependencies":["card","carousel"],"title":"Carousel with images and overlays","type":"registry:block"},{"dependencies":["cn"],"description":"Carousel with thumbnail navigation","name":"c-carousel-9","page":"https://reui.io/components/carousel/c-carousel-9","registryDependencies":["carousel"],"title":"Carousel with thumbnail navigation","type":"registry:block"},{"description":"Nested attribute picker with drill-down navigation.","name":"c-cascader-1","page":"https://reui.io/components/cascader/c-cascader-1","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Nested attribute picker with drill-down navigation.","type":"registry:block"},{"description":"A German country picker where every string the primitive renders comes from labels, including the live-region announcements, with each flag in an IconTile.","name":"c-cascader-10","page":"https://reui.io/components/cascader/c-cascader-10","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Translated labels across a country picker.","type":"registry:block"},{"description":"Two-line rows with descriptions and a disabled option.","name":"c-cascader-11","page":"https://reui.io/components/cascader/c-cascader-11","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","@reui/icon-tile"],"title":"Two-line rows with descriptions and a disabled option.","type":"registry:block"},{"description":"Form field that submits like a native input.","name":"c-cascader-12","page":"https://reui.io/components/cascader/c-cascader-12","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","field"],"title":"Form field that submits like a native input.","type":"registry:block"},{"dependencies":["cn"],"description":"A media library in Miller columns where all three panes overflow and each scrolls on its own.","name":"c-cascader-13","page":"https://reui.io/components/cascader/c-cascader-13","registryDependencies":["@reui/badge","button","@reui/cascader","@reui/cascader-columns","@reui/cascader-nav","@reui/cascader-types","@reui/icon-tile"],"title":"Columns mode with independently scrolling panels.","type":"registry:block"},{"description":"Tree mode with inline expand and multi-select scopes.","name":"c-cascader-14","page":"https://reui.io/components/cascader/c-cascader-14","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Tree mode with inline expand and multi-select scopes.","type":"registry:block"},{"dependencies":["cn"],"description":"Async drill-down that loads before it navigates.","name":"c-cascader-15","page":"https://reui.io/components/cascader/c-cascader-15","registryDependencies":["@reui/badge","button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Async drill-down that loads before it navigates.","type":"registry:block"},{"dependencies":["cn"],"description":"Six unevenly sized regions of country markets, windowed so only the visible rows ever mount.","name":"c-cascader-16","page":"https://reui.io/components/cascader/c-cascader-16","registryDependencies":["@reui/badge","button","@reui/cascader","@reui/cascader-nav","@reui/cascader-types","@reui/cascader-virtual","spinner"],"title":"Virtualized level with thousands of rows.","type":"registry:block"},{"description":"Chips rendered outside the primitive from useCascaderSelection, each carrying its full path so repeated column names stay distinct.","name":"c-cascader-17","page":"https://reui.io/components/cascader/c-cascader-17","registryDependencies":["@reui/badge","button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Consumer-rendered removable chips with path-aware labels.","type":"registry:block"},{"description":"A cascading tree with indeterminate branches in a popover, bounded by the positioner's available height.","name":"c-cascader-18","page":"https://reui.io/components/cascader/c-cascader-18","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Cascading tree multi-select inside a popover.","type":"registry:block"},{"dependencies":["cn"],"description":"Status and priority colour dots via renderLabel.","name":"c-cascader-19","page":"https://reui.io/components/cascader/c-cascader-19","registryDependencies":["button","@reui/cascader","@reui/cascader-footer","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Status and priority colour dots via renderLabel.","type":"registry:block"},{"dependencies":["cn"],"description":"Multi-select permissions with checkboxes and a selection cap.","name":"c-cascader-2","page":"https://reui.io/components/cascader/c-cascader-2","registryDependencies":["button","@reui/cascader","@reui/cascader-footer","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Multi-select permissions with checkboxes and a selection cap.","type":"registry:block"},{"dependencies":["cn"],"description":"Expense accounts with a colour inherited down each branch.","name":"c-cascader-20","page":"https://reui.io/components/cascader/c-cascader-20","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","@reui/icon-tile"],"title":"Expense accounts with a colour inherited down each branch.","type":"registry:block"},{"description":"A product category field that reopens on its current level, where typing still searches the whole catalog and each hit shows the trail it lives under.","name":"c-cascader-21","page":"https://reui.io/components/cascader/c-cascader-21","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","field"],"title":"Global search across the whole tree from a nested level.","type":"registry:block"},{"description":"Deep search across every level with path-annotated results.","name":"c-cascader-3","page":"https://reui.io/components/cascader/c-cascader-3","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Deep search across every level with path-annotated results.","type":"registry:block"},{"description":"Pinned footer with a side-anchored import flyout.","name":"c-cascader-4","page":"https://reui.io/components/cascader/c-cascader-4","registryDependencies":["button","@reui/cascader","@reui/cascader-footer","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Pinned footer with a side-anchored import flyout.","type":"registry:block"},{"dependencies":["cn"],"description":"Custom rows pairing avatars with outline role badges that color-code seniority.","name":"c-cascader-5","page":"https://reui.io/components/cascader/c-cascader-5","registryDependencies":["avatar","@reui/badge","button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Custom rows with avatars and role badges.","type":"registry:block"},{"description":"Trigger path formatting and collapsing.","name":"c-cascader-6","page":"https://reui.io/components/cascader/c-cascader-6","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","toggle-group"],"title":"Trigger path formatting and collapsing.","type":"registry:block"},{"description":"Embedded panel without a popover.","name":"c-cascader-7","page":"https://reui.io/components/cascader/c-cascader-7","registryDependencies":["card","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Embedded panel without a popover.","type":"registry:block"},{"description":"Flat adjacency data with a parent pointer.","name":"c-cascader-8","page":"https://reui.io/components/cascader/c-cascader-8","registryDependencies":["button","@reui/cascader","@reui/cascader-footer","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Flat adjacency data with a parent pointer.","type":"registry:block"},{"description":"External buttons jump the panel to a level, reset it to the root and clear the selection, with all four controlled props printed under the control.","name":"c-cascader-9","page":"https://reui.io/components/cascader/c-cascader-9","registryDependencies":["button","@reui/cascader","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types"],"title":"Controlled path, value, query and open state.","type":"registry:block"},{"dependencies":["recharts"],"description":"Basic bar chart","name":"c-chart-1","page":"https://reui.io/components/chart/c-chart-1","registryDependencies":["@reui/badge","card","chart"],"title":"Basic bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Duotone gradient bar chart","name":"c-chart-10","page":"https://reui.io/components/chart/c-chart-10","registryDependencies":["@reui/badge","card","chart"],"title":"Duotone gradient bar chart","type":"registry:block"},{"dependencies":["cn","motion","recharts"],"description":"Animated monochrome bar chart","name":"c-chart-11","page":"https://reui.io/components/chart/c-chart-11","registryDependencies":["@reui/badge","card","chart"],"title":"Animated monochrome bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Vertical bar chart","name":"c-chart-12","page":"https://reui.io/components/chart/c-chart-12","registryDependencies":["@reui/badge","card","chart"],"title":"Vertical bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Gradient area chart with stripe overlay","name":"c-chart-13","page":"https://reui.io/components/chart/c-chart-13","registryDependencies":["@reui/badge","card","chart"],"title":"Gradient area chart with stripe overlay","type":"registry:block"},{"dependencies":["recharts"],"description":"Stacked area chart with dashed strokes","name":"c-chart-14","page":"https://reui.io/components/chart/c-chart-14","registryDependencies":["@reui/badge","card","chart"],"title":"Stacked area chart with dashed strokes","type":"registry:block"},{"dependencies":["recharts"],"description":"Step area chart with dotted pattern fill","name":"c-chart-15","page":"https://reui.io/components/chart/c-chart-15","registryDependencies":["@reui/badge","card","chart"],"title":"Step area chart with dotted pattern fill","type":"registry:block"},{"dependencies":["recharts"],"description":"Area chart with glowing dot markers","name":"c-chart-16","page":"https://reui.io/components/chart/c-chart-16","registryDependencies":["@reui/badge","card","chart"],"title":"Area chart with glowing dot markers","type":"registry:block"},{"dependencies":["recharts"],"description":"Forecast line chart with stripe pattern zone","name":"c-chart-17","page":"https://reui.io/components/chart/c-chart-17","registryDependencies":["card","chart"],"title":"Forecast line chart with stripe pattern zone","type":"registry:block"},{"dependencies":["recharts"],"description":"Stacked area chart with crosshatch pattern fill","name":"c-chart-18","page":"https://reui.io/components/chart/c-chart-18","registryDependencies":["@reui/badge","card","chart"],"title":"Stacked area chart with crosshatch pattern fill","type":"registry:block"},{"dependencies":["recharts"],"description":"Donut chart with center total","name":"c-chart-19","page":"https://reui.io/components/chart/c-chart-19","registryDependencies":["card","chart"],"title":"Donut chart with center total","type":"registry:block"},{"dependencies":["recharts"],"description":"Multi-dataset bar chart","name":"c-chart-2","page":"https://reui.io/components/chart/c-chart-2","registryDependencies":["@reui/badge","card","chart"],"title":"Multi-dataset bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Donut chart with center stats","name":"c-chart-20","page":"https://reui.io/components/chart/c-chart-20","registryDependencies":["card","chart"],"title":"Donut chart with center stats","type":"registry:block"},{"dependencies":["recharts"],"description":"Bug priority pie with stripe patterns","name":"c-chart-21","page":"https://reui.io/components/chart/c-chart-21","registryDependencies":["card","chart"],"title":"Bug priority pie with stripe patterns","type":"registry:block"},{"dependencies":["recharts"],"description":"Active segment donut with center label","name":"c-chart-22","page":"https://reui.io/components/chart/c-chart-22","registryDependencies":["card","chart"],"title":"Active segment donut with center label","type":"registry:block"},{"dependencies":["recharts"],"description":"Radar chart with gradient fill","name":"c-chart-23","page":"https://reui.io/components/chart/c-chart-23","registryDependencies":["card","chart"],"title":"Radar chart with gradient fill","type":"registry:block"},{"dependencies":["recharts"],"description":"Filled radar with glowing stroke","name":"c-chart-24","page":"https://reui.io/components/chart/c-chart-24","registryDependencies":["card","chart"],"title":"Filled radar with glowing stroke","type":"registry:block"},{"dependencies":["recharts"],"description":"Lighthouse scores radial with labels","name":"c-chart-25","page":"https://reui.io/components/chart/c-chart-25","registryDependencies":["card","chart"],"title":"Lighthouse scores radial with labels","type":"registry:block"},{"dependencies":["recharts"],"description":"Diagonal stripe bar chart","name":"c-chart-3","page":"https://reui.io/components/chart/c-chart-3","registryDependencies":["@reui/badge","card","chart"],"title":"Diagonal stripe bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Dotted pattern bar chart","name":"c-chart-4","page":"https://reui.io/components/chart/c-chart-4","registryDependencies":["@reui/badge","card","chart"],"title":"Dotted pattern bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Striped and solid bar chart","name":"c-chart-5","page":"https://reui.io/components/chart/c-chart-5","registryDependencies":["@reui/badge","card","chart"],"title":"Striped and solid bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"3D gradient bar chart","name":"c-chart-6","page":"https://reui.io/components/chart/c-chart-6","registryDependencies":["@reui/badge","card","chart"],"title":"3D gradient bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Gradient bar chart","name":"c-chart-7","page":"https://reui.io/components/chart/c-chart-7","registryDependencies":["@reui/badge","card","chart"],"title":"Gradient bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"3D isometric bar chart","name":"c-chart-8","page":"https://reui.io/components/chart/c-chart-8","registryDependencies":["@reui/badge","card","chart"],"title":"3D isometric bar chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Dotted and solid bar chart","name":"c-chart-9","page":"https://reui.io/components/chart/c-chart-9","registryDependencies":["@reui/badge","card","chart"],"title":"Dotted and solid bar chart","type":"registry:block"},{"description":"Basic checkbox with label","name":"c-checkbox-1","page":"https://reui.io/components/checkbox/c-checkbox-1","registryDependencies":["checkbox","field"],"title":"Basic checkbox with label","type":"registry:block"},{"description":"Checkbox group in a frame","name":"c-checkbox-10","page":"https://reui.io/components/checkbox/c-checkbox-10","registryDependencies":["checkbox","field","@reui/frame","separator"],"title":"Checkbox group in a frame","type":"registry:block"},{"description":"Card checkbox group with icons","name":"c-checkbox-11","page":"https://reui.io/components/checkbox/c-checkbox-11","registryDependencies":["card","checkbox","field","separator"],"title":"Card checkbox group with icons","type":"registry:block"},{"description":"Card checkbox group with icons","name":"c-checkbox-12","page":"https://reui.io/components/checkbox/c-checkbox-12","registryDependencies":["card","checkbox","field","separator"],"title":"Card checkbox group with icons","type":"registry:block"},{"description":"Custom positioned checkbox","name":"c-checkbox-13","page":"https://reui.io/components/checkbox/c-checkbox-13","registryDependencies":["checkbox","field"],"title":"Custom positioned checkbox","type":"registry:block"},{"description":"Custom positioned checkbox","name":"c-checkbox-14","page":"https://reui.io/components/checkbox/c-checkbox-14","registryDependencies":["checkbox","field"],"title":"Custom positioned checkbox","type":"registry:block"},{"description":"Avatar based card checkbox","name":"c-checkbox-15","page":"https://reui.io/components/checkbox/c-checkbox-15","registryDependencies":["avatar","checkbox","field"],"title":"Avatar based card checkbox","type":"registry:block"},{"description":"Nested checkbox group","name":"c-checkbox-16","page":"https://reui.io/components/checkbox/c-checkbox-16","registryDependencies":["checkbox","field"],"title":"Nested checkbox group","type":"registry:block"},{"description":"Payment method card checkbox","name":"c-checkbox-17","page":"https://reui.io/components/checkbox/c-checkbox-17","registryDependencies":["checkbox","field"],"title":"Payment method card checkbox","type":"registry:block"},{"description":"Checkbox with label and tooltip info","name":"c-checkbox-18","page":"https://reui.io/components/checkbox/c-checkbox-18","registryDependencies":["checkbox","field","tooltip"],"title":"Checkbox with label and tooltip info","type":"registry:block"},{"description":"Checkbox group with badge","name":"c-checkbox-19","page":"https://reui.io/components/checkbox/c-checkbox-19","registryDependencies":["@reui/badge","checkbox","field"],"title":"Checkbox group with badge","type":"registry:block"},{"description":"Disabled checkbox","name":"c-checkbox-2","page":"https://reui.io/components/checkbox/c-checkbox-2","registryDependencies":["checkbox","field"],"title":"Disabled checkbox","type":"registry:block"},{"description":"Checkbox with label and tooltip info","name":"c-checkbox-20","page":"https://reui.io/components/checkbox/c-checkbox-20","registryDependencies":["checkbox","field","tooltip"],"title":"Checkbox with label and tooltip info","type":"registry:block"},{"description":"Inline horizontal checkbox group","name":"c-checkbox-21","page":"https://reui.io/components/checkbox/c-checkbox-21","registryDependencies":["checkbox","field"],"title":"Inline horizontal checkbox group","type":"registry:block"},{"description":"Checkbox with feature badge","name":"c-checkbox-22","page":"https://reui.io/components/checkbox/c-checkbox-22","registryDependencies":["badge","checkbox","field"],"title":"Checkbox with feature badge","type":"registry:block"},{"description":"Invalid checkbox","name":"c-checkbox-3","page":"https://reui.io/components/checkbox/c-checkbox-3","registryDependencies":["checkbox","field"],"title":"Invalid checkbox","type":"registry:block"},{"description":"Indeterminate checkbox","name":"c-checkbox-4","page":"https://reui.io/components/checkbox/c-checkbox-4","registryDependencies":["checkbox","field"],"title":"Indeterminate checkbox","type":"registry:block"},{"description":"Checkbox with label and description","name":"c-checkbox-5","page":"https://reui.io/components/checkbox/c-checkbox-5","registryDependencies":["checkbox","field"],"title":"Checkbox with label and description","type":"registry:block"},{"description":"Colored checkbox","name":"c-checkbox-6","page":"https://reui.io/components/checkbox/c-checkbox-6","registryDependencies":["checkbox","field"],"title":"Colored checkbox","type":"registry:block"},{"description":"Circle checkbox","name":"c-checkbox-7","page":"https://reui.io/components/checkbox/c-checkbox-7","registryDependencies":["checkbox","field"],"title":"Circle checkbox","type":"registry:block"},{"description":"Checkbox group","name":"c-checkbox-8","page":"https://reui.io/components/checkbox/c-checkbox-8","registryDependencies":["checkbox","field"],"title":"Checkbox group","type":"registry:block"},{"description":"Card checkbox with group","name":"c-checkbox-9","page":"https://reui.io/components/checkbox/c-checkbox-9","registryDependencies":["checkbox","field"],"title":"Card checkbox with group","type":"registry:block"},{"description":"Code block with header, filename, language and copy button.","name":"c-code-block-1","page":"https://reui.io/components/code-block/c-code-block-1","registryDependencies":["@reui/code-block"],"title":"Basic code block","type":"registry:block"},{"dependencies":["cn"],"description":"Collapsed at a line budget with an expand control and a line offset.","name":"c-code-block-10","page":"https://reui.io/components/code-block/c-code-block-10","registryDependencies":["@reui/code-block","scroll-area"],"title":"Long file with expand","type":"registry:block"},{"description":"Error and warning lines with an action button on the active line.","name":"c-code-block-11","page":"https://reui.io/components/code-block/c-code-block-11","registryDependencies":["@reui/badge","button","@reui/code-block"],"title":"Line actions and diagnostics","type":"registry:block"},{"description":"Selecting lines to ask an assistant about them.","name":"c-code-block-12","page":"https://reui.io/components/code-block/c-code-block-12","registryDependencies":["@reui/badge","button","@reui/code-block"],"title":"Line selection","type":"registry:block"},{"description":"Live search marking every match, with a counter that reads the block through useCodeBlockConfig.","name":"c-code-block-13","page":"https://reui.io/components/code-block/c-code-block-13","registryDependencies":["@reui/badge","button","button-group","@reui/code-block","input","scroll-area"],"title":"Search in file","type":"registry:block"},{"description":"A framed file switcher loading one grammar chunk per selected language.","name":"c-code-block-14","page":"https://reui.io/components/code-block/c-code-block-14","registryDependencies":["@reui/code-block","@reui/frame","tabs"],"title":"File tabs in a dense frame","type":"registry:block"},{"description":"Lines built without shiki, the shape a server component passes down.","name":"c-code-block-15","page":"https://reui.io/components/code-block/c-code-block-15","registryDependencies":["@reui/code-block"],"title":"Pre-highlighted lines","type":"registry:block"},{"description":"Two blocks stacked in a frame for a refactor review.","name":"c-code-block-16","page":"https://reui.io/components/code-block/c-code-block-16","registryDependencies":["@reui/code-block","@reui/frame"],"title":"Before and after","type":"registry:block"},{"description":"Long single-line content with a wrap toggle.","name":"c-code-block-17","page":"https://reui.io/components/code-block/c-code-block-17","registryDependencies":["@reui/badge","@reui/code-block","separator"],"title":"Soft wrap","type":"registry:block"},{"description":"A git patch parsed into files with dual old/new gutters, counters and a download.","name":"c-code-block-18","page":"https://reui.io/components/code-block/c-code-block-18","registryDependencies":["@reui/badge","@reui/code-block"],"title":"Unified patch review","type":"registry:block"},{"description":"Syntax colors driven by CSS variables mapped to design tokens.","name":"c-code-block-19","page":"https://reui.io/components/code-block/c-code-block-19","registryDependencies":["@reui/code-block","scroll-area"],"title":"Design-token theme","type":"registry:block"},{"description":"Headerless block with a pinned copy button and dual-axis scrolling.","name":"c-code-block-2","page":"https://reui.io/components/code-block/c-code-block-2","registryDependencies":["@reui/code-block","scroll-area"],"title":"Pinned copy button","type":"registry:block"},{"description":"A block that stays dark in both site themes, with window chrome and every line state.","name":"c-code-block-20","page":"https://reui.io/components/code-block/c-code-block-20","registryDependencies":["@reui/code-block"],"title":"Always-dark block","type":"registry:block"},{"description":"ANSI-style colored terminal output built from plain lines.","name":"c-code-block-21","page":"https://reui.io/components/code-block/c-code-block-21","registryDependencies":["@reui/code-block"],"title":"Dark terminal","type":"registry:block"},{"description":"Agent-proposed diff with accept and reject actions.","name":"c-code-block-22","page":"https://reui.io/components/code-block/c-code-block-22","registryDependencies":["@reui/badge","button","card","@reui/code-block"],"title":"Patch review actions","type":"registry:block"},{"description":"Fold regions detected from indentation, with nesting and fold-all controls.","name":"c-code-block-23","page":"https://reui.io/components/code-block/c-code-block-23","registryDependencies":["button","@reui/code-block","scroll-area","separator"],"title":"Nested code folding","type":"registry:block"},{"description":"A line action scoped to the diagnostic line that applies the patch.","name":"c-code-block-24","page":"https://reui.io/components/code-block/c-code-block-24","registryDependencies":["@reui/badge","button","@reui/code-block"],"title":"Fix with AI on the failing line","type":"registry:block"},{"description":"A gutter button that turns lines or a selection into file:line reference badges in a chat composer.","name":"c-code-block-25","page":"https://reui.io/components/code-block/c-code-block-25","registryDependencies":["@reui/badge","button","card","@reui/code-block"],"title":"Reference lines in chat","type":"registry:block"},{"description":"A changed-file list where one shadcn ScrollArea scrolls every block at once.","name":"c-code-block-26","page":"https://reui.io/components/code-block/c-code-block-26","registryDependencies":["@reui/badge","card","@reui/code-block","scroll-area"],"title":"Framed by an external ScrollArea","type":"registry:block"},{"description":"Agent stdout with SGR colour codes parsed by ansiToLines, retintable via --code-ansi-* variables.","name":"c-code-block-27","page":"https://reui.io/components/code-block/c-code-block-27","registryDependencies":["@reui/code-block"],"title":"ANSI terminal output","type":"registry:block"},{"description":"Agent writing code in real time with a caret and stick-to-bottom.","name":"c-code-block-3","page":"https://reui.io/components/code-block/c-code-block-3","registryDependencies":["@reui/badge","button","@reui/code-block","scroll-area"],"title":"Streaming agent response","type":"registry:block"},{"description":"Streaming assistant message rendering markdown code fences.","name":"c-code-block-4","page":"https://reui.io/components/code-block/c-code-block-4","registryDependencies":["avatar","@reui/code-block","@reui/frame"],"title":"AI chat with code fences","type":"registry:block"},{"description":"A props-driven diff with added and removed lines and a change summary.","name":"c-code-block-5","page":"https://reui.io/components/code-block/c-code-block-5","registryDependencies":["@reui/code-block"],"title":"Diff with change summary","type":"registry:block"},{"description":"A diff expressed through a shiki transformer instead of props.","name":"c-code-block-6","page":"https://reui.io/components/code-block/c-code-block-6","registryDependencies":["@reui/code-block"],"title":"Diff via shiki transformers","type":"registry:block"},{"description":"Line ranges and word matches highlighted together.","name":"c-code-block-7","page":"https://reui.io/components/code-block/c-code-block-7","registryDependencies":["@reui/code-block"],"title":"Highlighted lines and words","type":"registry:block"},{"description":"Stepping through regions of a file with the rest dimmed.","name":"c-code-block-8","page":"https://reui.io/components/code-block/c-code-block-8","registryDependencies":["@reui/badge","button","@reui/code-block"],"title":"Focus walkthrough","type":"registry:block"},{"description":"Unhighlighted command output with a wrap toggle.","name":"c-code-block-9","page":"https://reui.io/components/code-block/c-code-block-9","registryDependencies":["@reui/code-block"],"title":"Terminal output","type":"registry:block"},{"description":"Basic collapsible","name":"c-collapsible-1","page":"https://reui.io/components/collapsible/c-collapsible-1","registryDependencies":["@reui/badge","button","collapsible"],"title":"Basic collapsible","type":"registry:block"},{"description":"Tree view with file actions","name":"c-collapsible-10","page":"https://reui.io/components/collapsible/c-collapsible-10","registryDependencies":["button","card","collapsible","item","tabs"],"title":"Tree view with file actions","type":"registry:block"},{"description":"Collapsible with checkbox settings","name":"c-collapsible-2","page":"https://reui.io/components/collapsible/c-collapsible-2","registryDependencies":["button","card","checkbox","collapsible","field"],"title":"Collapsible with checkbox settings","type":"registry:block"},{"description":"Collapsible animated card","name":"c-collapsible-3","page":"https://reui.io/components/collapsible/c-collapsible-3","registryDependencies":["card","collapsible"],"title":"Collapsible animated card","type":"registry:block"},{"description":"Collapsible card with bottom trigger","name":"c-collapsible-4","page":"https://reui.io/components/collapsible/c-collapsible-4","registryDependencies":["button","card","collapsible","progress"],"title":"Collapsible card with bottom trigger","type":"registry:block"},{"description":"Collapsible form fields","name":"c-collapsible-5","page":"https://reui.io/components/collapsible/c-collapsible-5","registryDependencies":["button","card","collapsible","field","input-group"],"title":"Collapsible form fields","type":"registry:block"},{"description":"Collapsible frame","name":"c-collapsible-6","page":"https://reui.io/components/collapsible/c-collapsible-6","registryDependencies":["collapsible","@reui/frame"],"title":"Collapsible frame","type":"registry:block"},{"description":"Nested collapsible list with actions","name":"c-collapsible-7","page":"https://reui.io/components/collapsible/c-collapsible-7","registryDependencies":["button","collapsible","dropdown-menu","@reui/frame","@reui/use-copy-to-clipboard"],"title":"Nested collapsible list with actions","type":"registry:block"},{"description":"Collapsible User profile","name":"c-collapsible-8","page":"https://reui.io/components/collapsible/c-collapsible-8","registryDependencies":["avatar","collapsible","@reui/frame"],"title":"Collapsible User profile","type":"registry:block"},{"description":"Multi-level collapsible menu","name":"c-collapsible-9","page":"https://reui.io/components/collapsible/c-collapsible-9","registryDependencies":["card","collapsible","item"],"title":"Multi-level collapsible menu","type":"registry:block"},{"description":"Saturation area, hue and opacity sliders, format fields and preset swatches rendered in place.","name":"c-color-picker-1","page":"https://reui.io/components/color-picker/c-color-picker-1","registryDependencies":["card","@reui/color-picker"],"title":"Inline color panel","type":"registry:block"},{"description":"Editor toolbar buttons with preset palettes and a way back to the default color.","name":"c-color-picker-10","page":"https://reui.io/components/color-picker/c-color-picker-10","registryDependencies":["@reui/color-picker","@reui/frame","separator","toggle"],"title":"Text and highlight colors","type":"registry:block"},{"description":"Red, green, blue and opacity sliders with numeric fields, each track redrawn from the others.","name":"c-color-picker-11","page":"https://reui.io/components/color-picker/c-color-picker-11","registryDependencies":["card","@reui/color-picker","input-group"],"title":"Channel sliders","type":"registry:block"},{"description":"Fill, stroke and shadow rows that open a compact picker with vertical hue and opacity tracks.","name":"c-color-picker-12","page":"https://reui.io/components/color-picker/c-color-picker-12","registryDependencies":["card","@reui/color-picker"],"title":"Design inspector","type":"registry:block"},{"description":"Text and background pickers with a live preview, the WCAG ratio and AA and AAA results.","name":"c-color-picker-13","page":"https://reui.io/components/color-picker/c-color-picker-13","registryDependencies":["@reui/badge","button","card","@reui/color-picker","field","@reui/frame"],"title":"Contrast checker","type":"registry:block"},{"description":"11 shades from 50 to 950 generated in OKLCH from one base color, copied as CSS variables.","name":"c-color-picker-14","page":"https://reui.io/components/color-picker/c-color-picker-14","registryDependencies":["button","card","@reui/color-picker","field"],"title":"Brand scale","type":"registry:block"},{"description":"Native form field with a required check, an error, reset and the submitted value.","name":"c-color-picker-15","page":"https://reui.io/components/color-picker/c-color-picker-15","registryDependencies":["button","@reui/color-picker","field"],"title":"Form field with validation","type":"registry:block"},{"description":"Outline trigger in a labelled field that opens the full picker with an eye dropper and format fields.","name":"c-color-picker-2","page":"https://reui.io/components/color-picker/c-color-picker-2","registryDependencies":["@reui/color-picker","field"],"title":"Popover picker","type":"registry:block"},{"description":"Typable field that reads hex, rgb(), hsl(), oklch() or a CSS name, with a swatch that opens the picker.","name":"c-color-picker-3","page":"https://reui.io/components/color-picker/c-color-picker-3","registryDependencies":["@reui/color-picker","field"],"title":"Color input","type":"registry:block"},{"description":"A banner overlay with an opacity slider and field, written as rgb() with alpha.","name":"c-color-picker-4","page":"https://reui.io/components/color-picker/c-color-picker-4","registryDependencies":["card","@reui/color-picker","field"],"title":"Opacity","type":"registry:block"},{"description":"Round label colors to pick from, a plus that opens the full picker, and a live label preview.","name":"c-color-picker-5","page":"https://reui.io/components/color-picker/c-color-picker-5","registryDependencies":["@reui/badge","card","@reui/color-picker","field","input"],"title":"Preset swatches","type":"registry:block"},{"description":"Lightness, chroma and hue sliders for a --primary token, with a live Button and Badge preview.","name":"c-color-picker-6","page":"https://reui.io/components/color-picker/c-color-picker-6","registryDependencies":["@reui/badge","button","card","checkbox","@reui/color-picker","input-group","label"],"title":"OKLCH theme token","type":"registry:block"},{"description":"One color as HEX, RGB, HSL, HSB and OKLCH, each with a copy button.","name":"c-color-picker-7","page":"https://reui.io/components/color-picker/c-color-picker-7","registryDependencies":["card","@reui/color-picker"],"title":"Format converter","type":"registry:block"},{"description":"A hue ring around a saturation and brightness square, with HEX, RGB and HSL fields.","name":"c-color-picker-8","page":"https://reui.io/components/color-picker/c-color-picker-8","registryDependencies":["card","@reui/color-picker"],"title":"Hue wheel","type":"registry:block"},{"description":"Each pick is saved to a Recent row once a drag is released, not on every move.","name":"c-color-picker-9","page":"https://reui.io/components/color-picker/c-color-picker-9","registryDependencies":["@reui/color-picker","field"],"title":"Recent colors","type":"registry:block"},{"description":"A basic combobox with a list of options","name":"c-combobox-1","page":"https://reui.io/components/combobox/c-combobox-1","registryDependencies":["combobox","field"],"title":"A basic combobox with a list of options","type":"registry:block"},{"description":"A combobox rendered inside a popup","name":"c-combobox-10","page":"https://reui.io/components/combobox/c-combobox-10","registryDependencies":["button","combobox","field"],"title":"A combobox rendered inside a popup","type":"registry:block"},{"dependencies":["sonner"],"description":"A combobox used within a form","name":"c-combobox-11","page":"https://reui.io/components/combobox/c-combobox-11","registryDependencies":["button","combobox","field"],"title":"A combobox used within a form","type":"registry:block"},{"description":"A multi-select combobox","name":"c-combobox-12","page":"https://reui.io/components/combobox/c-combobox-12","registryDependencies":["combobox","field"],"title":"A multi-select combobox","type":"registry:block"},{"description":"A disabled multi-select combobox","name":"c-combobox-13","page":"https://reui.io/components/combobox/c-combobox-13","registryDependencies":["combobox","field"],"title":"A disabled multi-select combobox","type":"registry:block"},{"description":"A multi-select combobox in an invalid state","name":"c-combobox-14","page":"https://reui.io/components/combobox/c-combobox-14","registryDependencies":["combobox","field"],"title":"A multi-select combobox in an invalid state","type":"registry:block"},{"description":"A multi-select with chips that cannot be removed","name":"c-combobox-15","page":"https://reui.io/components/combobox/c-combobox-15","registryDependencies":["combobox","field"],"title":"A multi-select with chips that cannot be removed","type":"registry:block"},{"description":"A combobox with custom item rendering","name":"c-combobox-16","page":"https://reui.io/components/combobox/c-combobox-16","registryDependencies":["avatar","button","combobox","field","item"],"title":"A combobox with custom item rendering","type":"registry:block"},{"dependencies":["sonner"],"description":"A combobox used within a dialog","name":"c-combobox-17","page":"https://reui.io/components/combobox/c-combobox-17","registryDependencies":["button","combobox","dialog","field"],"title":"A combobox used within a dialog","type":"registry:block"},{"dependencies":["@base-ui/react"],"description":"A combobox with a custom trigger icon","name":"c-combobox-18","page":"https://reui.io/components/combobox/c-combobox-18","registryDependencies":["combobox","field"],"title":"A combobox with a custom trigger icon","type":"registry:block"},{"description":"A multi-select combobox with user tags","name":"c-combobox-19","page":"https://reui.io/components/combobox/c-combobox-19","registryDependencies":["avatar","combobox","field","item"],"title":"A multi-select combobox with user tags","type":"registry:block"},{"description":"A disabled combobox","name":"c-combobox-2","page":"https://reui.io/components/combobox/c-combobox-2","registryDependencies":["combobox","field"],"title":"A disabled combobox","type":"registry:block"},{"description":"Invisible combobox with member tags","name":"c-combobox-20","page":"https://reui.io/components/combobox/c-combobox-20","registryDependencies":["avatar","combobox","field","item"],"title":"Invisible combobox with member tags","type":"registry:block"},{"dependencies":["cn"],"description":"A status change combobox","name":"c-combobox-21","page":"https://reui.io/components/combobox/c-combobox-21","registryDependencies":["button","combobox","field"],"title":"A status change combobox","type":"registry:block"},{"dependencies":["cn"],"description":"A priority change combobox","name":"c-combobox-22","page":"https://reui.io/components/combobox/c-combobox-22","registryDependencies":["button","combobox","field"],"title":"A priority change combobox","type":"registry:block"},{"dependencies":["cn"],"description":"A lead selection combobox","name":"c-combobox-23","page":"https://reui.io/components/combobox/c-combobox-23","registryDependencies":["avatar","button","combobox","field","item"],"title":"A lead selection combobox","type":"registry:block"},{"dependencies":["cn"],"description":"A multi-member selection combobox","name":"c-combobox-24","page":"https://reui.io/components/combobox/c-combobox-24","registryDependencies":["avatar","button","combobox","field","item"],"title":"A multi-member selection combobox","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"A date selection combobox with an optional custom picker dialog","name":"c-combobox-25","page":"https://reui.io/components/combobox/c-combobox-25","registryDependencies":["button","calendar","combobox","dialog","field"],"title":"A date selection combobox with an optional custom picker dialog","type":"registry:block"},{"dependencies":["cn"],"description":"A multi-label selection combobox with a no-label mode","name":"c-combobox-26","page":"https://reui.io/components/combobox/c-combobox-26","registryDependencies":["button","combobox","field"],"title":"A multi-label selection combobox with a no-label mode","type":"registry:block"},{"dependencies":["cn"],"description":"A team selection combobox","name":"c-combobox-27","page":"https://reui.io/components/combobox/c-combobox-27","registryDependencies":["button","combobox","field"],"title":"A team selection combobox","type":"registry:block"},{"dependencies":["cn"],"description":"An assignee selection combobox","name":"c-combobox-28","page":"https://reui.io/components/combobox/c-combobox-28","registryDependencies":["avatar","button","combobox","field","item"],"title":"An assignee selection combobox","type":"registry:block"},{"description":"A combobox in an invalid state","name":"c-combobox-3","page":"https://reui.io/components/combobox/c-combobox-3","registryDependencies":["combobox","field"],"title":"A combobox in an invalid state","type":"registry:block"},{"description":"A combobox with a clear button","name":"c-combobox-4","page":"https://reui.io/components/combobox/c-combobox-4","registryDependencies":["combobox","field"],"title":"A combobox with a clear button","type":"registry:block"},{"description":"A combobox with auto-highlight enabled","name":"c-combobox-5","page":"https://reui.io/components/combobox/c-combobox-5","registryDependencies":["combobox","field"],"title":"A combobox with auto-highlight enabled","type":"registry:block"},{"description":"A combobox with grouped options","name":"c-combobox-6","page":"https://reui.io/components/combobox/c-combobox-6","registryDependencies":["combobox","field"],"title":"A combobox with grouped options","type":"registry:block"},{"description":"A combobox with grouped options and separators","name":"c-combobox-7","page":"https://reui.io/components/combobox/c-combobox-7","registryDependencies":["combobox","field"],"title":"A combobox with grouped options and separators","type":"registry:block"},{"description":"A combobox with a large list of options","name":"c-combobox-8","page":"https://reui.io/components/combobox/c-combobox-8","registryDependencies":["combobox","field"],"title":"A combobox with a large list of options","type":"registry:block"},{"description":"A combobox with an icon addon","name":"c-combobox-9","page":"https://reui.io/components/combobox/c-combobox-9","registryDependencies":["combobox","field","input-group"],"title":"A combobox with an icon addon","type":"registry:block"},{"description":"Basic command","name":"c-command-1","page":"https://reui.io/components/command/c-command-1","registryDependencies":["card","command"],"title":"Basic command","type":"registry:block"},{"description":"Command with shortcuts","name":"c-command-2","page":"https://reui.io/components/command/c-command-2","registryDependencies":["button","command"],"title":"Command with shortcuts","type":"registry:block"},{"description":"Command with groups","name":"c-command-3","page":"https://reui.io/components/command/c-command-3","registryDependencies":["button","command"],"title":"Command with groups","type":"registry:block"},{"description":"Command with many groups","name":"c-command-4","page":"https://reui.io/components/command/c-command-4","registryDependencies":["button","command"],"title":"Command with many groups","type":"registry:block"},{"description":"File search command palette","name":"c-command-5","page":"https://reui.io/components/command/c-command-5","registryDependencies":["@reui/badge","button","command","kbd"],"title":"File search command palette","type":"registry:block"},{"description":"User search command with avatars","name":"c-command-6","page":"https://reui.io/components/command/c-command-6","registryDependencies":["avatar","@reui/badge","button","command"],"title":"User search command with avatars","type":"registry:block"},{"description":"Action palette with keyboard shortcuts","name":"c-command-7","page":"https://reui.io/components/command/c-command-7","registryDependencies":["button","command"],"title":"Action palette with keyboard shortcuts","type":"registry:block"},{"description":"Command with recent and favorites sections","name":"c-command-8","page":"https://reui.io/components/command/c-command-8","registryDependencies":["button","command"],"title":"Command with recent and favorites sections","type":"registry:block"},{"description":"Basic context menu.","name":"c-context-menu-1","page":"https://reui.io/components/context-menu/c-context-menu-1","registryDependencies":["context-menu"],"title":"Basic context menu.","type":"registry:block"},{"description":"Context menu used inside a dialog component.","name":"c-context-menu-10","page":"https://reui.io/components/context-menu/c-context-menu-10","registryDependencies":["button","context-menu","dialog"],"title":"Context menu used inside a dialog component.","type":"registry:block"},{"description":"Context menu with icons for common actions.","name":"c-context-menu-2","page":"https://reui.io/components/context-menu/c-context-menu-2","registryDependencies":["context-menu"],"title":"Context menu with icons for common actions.","type":"registry:block"},{"description":"Context menu with keyboard shortcuts.","name":"c-context-menu-3","page":"https://reui.io/components/context-menu/c-context-menu-3","registryDependencies":["context-menu"],"title":"Context menu with keyboard shortcuts.","type":"registry:block"},{"description":"Context menu with nested submenus.","name":"c-context-menu-4","page":"https://reui.io/components/context-menu/c-context-menu-4","registryDependencies":["context-menu"],"title":"Context menu with nested submenus.","type":"registry:block"},{"description":"Context menu labels and separators.","name":"c-context-menu-5","page":"https://reui.io/components/context-menu/c-context-menu-5","registryDependencies":["context-menu"],"title":"Context menu labels and separators.","type":"registry:block"},{"description":"Context menu with checkbox items.","name":"c-context-menu-6","page":"https://reui.io/components/context-menu/c-context-menu-6","registryDependencies":["context-menu"],"title":"Context menu with checkbox items.","type":"registry:block"},{"description":"Context menu with radio items.","name":"c-context-menu-7","page":"https://reui.io/components/context-menu/c-context-menu-7","registryDependencies":["context-menu"],"title":"Context menu with radio items.","type":"registry:block"},{"description":"Context menu with destructive actions.","name":"c-context-menu-8","page":"https://reui.io/components/context-menu/c-context-menu-8","registryDependencies":["context-menu"],"title":"Context menu with destructive actions.","type":"registry:block"},{"description":"Context menu with different alignment sides.","name":"c-context-menu-9","page":"https://reui.io/components/context-menu/c-context-menu-9","registryDependencies":["context-menu"],"title":"Context menu with different alignment sides.","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with pagination","name":"c-data-grid-1","page":"https://reui.io/components/data-grid/c-data-grid-1","registryDependencies":["@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with pagination","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with column icons","name":"c-data-grid-10","page":"https://reui.io/components/data-grid/c-data-grid-10","registryDependencies":["avatar","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with column icons","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with sortable columns","name":"c-data-grid-11","page":"https://reui.io/components/data-grid/c-data-grid-11","registryDependencies":["avatar","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with sortable columns","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with movable columns","name":"c-data-grid-12","page":"https://reui.io/components/data-grid/c-data-grid-12","registryDependencies":["avatar","@reui/badge","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with movable columns","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@tanstack/react-table"],"description":"Data grid with draggable columns","name":"c-data-grid-13","page":"https://reui.io/components/data-grid/c-data-grid-13","registryDependencies":["avatar","@reui/badge","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table-dnd"],"title":"Data grid with draggable columns","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@tanstack/react-table"],"description":"Data grid with draggable rows","name":"c-data-grid-14","page":"https://reui.io/components/data-grid/c-data-grid-14","registryDependencies":["avatar","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table-dnd-rows"],"title":"Data grid with draggable rows","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with column resizing","name":"c-data-grid-15","page":"https://reui.io/components/data-grid/c-data-grid-15","registryDependencies":["avatar","@reui/badge","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with column resizing","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with pinnable columns","name":"c-data-grid-16","page":"https://reui.io/components/data-grid/c-data-grid-16","registryDependencies":["avatar","@reui/badge","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with pinnable columns","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn"],"description":"Data grid with sticky header","name":"c-data-grid-17","page":"https://reui.io/components/data-grid/c-data-grid-17","registryDependencies":["avatar","@reui/badge","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with sticky header","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with column controls","name":"c-data-grid-18","page":"https://reui.io/components/data-grid/c-data-grid-18","registryDependencies":["avatar","@reui/badge","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with column controls","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with card container","name":"c-data-grid-19","page":"https://reui.io/components/data-grid/c-data-grid-19","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with card container","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with cell border","name":"c-data-grid-2","page":"https://reui.io/components/data-grid/c-data-grid-2","registryDependencies":["avatar","card","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with cell border","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with column visibility controls","name":"c-data-grid-20","page":"https://reui.io/components/data-grid/c-data-grid-20","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-column-visibility","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with column visibility controls","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with loading skeleton","name":"c-data-grid-21","page":"https://reui.io/components/data-grid/c-data-grid-21","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","skeleton"],"title":"Data grid with loading skeleton","type":"registry:block"},{"dependencies":["@tanstack/react-table","sonner"],"description":"Data grid with CRUD features","name":"c-data-grid-22","page":"https://reui.io/components/data-grid/c-data-grid-22","registryDependencies":["avatar","@reui/badge","button","card","checkbox","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","label","popover","@reui/use-copy-to-clipboard"],"title":"Data grid with CRUD features","type":"registry:block"},{"dependencies":["@tanstack/react-table","sonner"],"description":"Data grid with CRUD in frame container","name":"c-data-grid-23","page":"https://reui.io/components/data-grid/c-data-grid-23","registryDependencies":["avatar","@reui/badge","button","checkbox","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","@reui/frame","input-group","label","popover","@reui/use-copy-to-clipboard"],"title":"Data grid with CRUD in frame container","type":"registry:block"},{"dependencies":["@tanstack/react-table","sonner"],"description":"Data grid with column totals footer","name":"c-data-grid-24","page":"https://reui.io/components/data-grid/c-data-grid-24","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","separator","@reui/use-copy-to-clipboard"],"title":"Data grid with column totals footer","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with summary stats footer","name":"c-data-grid-25","page":"https://reui.io/components/data-grid/c-data-grid-25","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with summary stats footer","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with per-column aggregate footer","name":"c-data-grid-26","page":"https://reui.io/components/data-grid/c-data-grid-26","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with per-column aggregate footer","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with local infinite scroll","name":"c-data-grid-27","page":"https://reui.io/components/data-grid/c-data-grid-27","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table-virtual"],"title":"Data grid with local infinite scroll","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with remote infinite scroll","name":"c-data-grid-28","page":"https://reui.io/components/data-grid/c-data-grid-28","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table-virtual"],"title":"Data grid with remote infinite scroll","type":"registry:block"},{"dependencies":["@tanstack/react-table","sonner"],"description":"Data grid with row pinning support","name":"c-data-grid-29","page":"https://reui.io/components/data-grid/c-data-grid-29","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","@reui/use-copy-to-clipboard"],"title":"Data grid with row pinning support","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with dense layout","name":"c-data-grid-3","page":"https://reui.io/components/data-grid/c-data-grid-3","registryDependencies":["avatar","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with dense layout","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with tree rows","name":"c-data-grid-30","page":"https://reui.io/components/data-grid/c-data-grid-30","registryDependencies":["avatar","@reui/badge","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with tree rows","type":"registry:block"},{"dependencies":["@tanstack/react-table","date-fns"],"description":"Data grid with spreadsheet editing","name":"c-data-grid-31","page":"https://reui.io/components/data-grid/c-data-grid-31","registryDependencies":["alert-dialog","avatar","@reui/badge","button","calendar","card","combobox","context-menu","@reui/data-grid","@reui/data-grid-cell-selection","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","popover","select","toast"],"title":"Data grid with spreadsheet editing","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with column virtualization","name":"c-data-grid-32","page":"https://reui.io/components/data-grid/c-data-grid-32","registryDependencies":["avatar","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table-virtual"],"title":"Data grid with column virtualization","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with localized labels","name":"c-data-grid-33","page":"https://reui.io/components/data-grid/c-data-grid-33","registryDependencies":["avatar","@reui/badge","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","toggle-group"],"title":"Data grid with localized labels","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with server side pagination, sorting, search and status filter","name":"c-data-grid-34","page":"https://reui.io/components/data-grid/c-data-grid-34","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","input","select","skeleton"],"title":"Data grid with server side pagination","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn"],"description":"Data grid without table borders","name":"c-data-grid-4","page":"https://reui.io/components/data-grid/c-data-grid-4","registryDependencies":["avatar","@reui/badge","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid without table borders","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with striped rows","name":"c-data-grid-5","page":"https://reui.io/components/data-grid/c-data-grid-5","registryDependencies":["avatar","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with striped rows","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with auto width table layout","name":"c-data-grid-6","page":"https://reui.io/components/data-grid/c-data-grid-6","registryDependencies":["avatar","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with auto width table layout","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn"],"description":"Data grid with row selection","name":"c-data-grid-7","page":"https://reui.io/components/data-grid/c-data-grid-7","registryDependencies":["avatar","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with row selection","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Data grid with expandable rows","name":"c-data-grid-8","page":"https://reui.io/components/data-grid/c-data-grid-8","registryDependencies":["avatar","@reui/badge","button","@reui/data-grid","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with expandable rows","type":"registry:block"},{"dependencies":["@tanstack/react-table","class-variance-authority"],"description":"Data grid with sub table","name":"c-data-grid-9","page":"https://reui.io/components/data-grid/c-data-grid-9","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table"],"title":"Data grid with sub table","type":"registry:block"},{"dependencies":["date-fns"],"description":"Basic date selector","name":"c-date-selector-1","page":"https://reui.io/components/date-selector/c-date-selector-1","registryDependencies":["card","@reui/date-selector"],"title":"Basic date selector","type":"registry:block"},{"description":"Date selector with popover","name":"c-date-selector-2","page":"https://reui.io/components/date-selector/c-date-selector-2","registryDependencies":["button","@reui/date-selector","popover","separator"],"title":"Date selector with popover","type":"registry:block"},{"description":"Date selector with dialog","name":"c-date-selector-3","page":"https://reui.io/components/date-selector/c-date-selector-3","registryDependencies":["button","@reui/date-selector","dialog"],"title":"Date selector with dialog","type":"registry:block"},{"description":"Date selector with dropdown menu","name":"c-date-selector-4","page":"https://reui.io/components/date-selector/c-date-selector-4","registryDependencies":["button","@reui/date-selector","dialog","dropdown-menu"],"title":"Date selector with dropdown menu","type":"registry:block"},{"description":"Basic dialog","name":"c-dialog-1","page":"https://reui.io/components/dialog/c-dialog-1","registryDependencies":["button","dialog","field","input"],"title":"Basic dialog","type":"registry:block"},{"description":"Dialog with full width button","name":"c-dialog-10","page":"https://reui.io/components/dialog/c-dialog-10","registryDependencies":["button","dialog"],"title":"Dialog with full width button","type":"registry:block"},{"description":"Dialog with scrollable content","name":"c-dialog-2","page":"https://reui.io/components/dialog/c-dialog-2","registryDependencies":["button","dialog"],"title":"Dialog with scrollable content","type":"registry:block"},{"description":"Dialog with scrollable content and sticky footer.","name":"c-dialog-3","page":"https://reui.io/components/dialog/c-dialog-3","registryDependencies":["button","dialog"],"title":"Dialog with scrollable content and sticky footer","type":"registry:block"},{"description":"Dialog without a close button.","name":"c-dialog-4","page":"https://reui.io/components/dialog/c-dialog-4","registryDependencies":["button","dialog"],"title":"Dialog without a close button","type":"registry:block"},{"dependencies":["cn"],"description":"Dialog with custom close button","name":"c-dialog-5","page":"https://reui.io/components/dialog/c-dialog-5","registryDependencies":["button","dialog","field","input"],"title":"Dialog with custom close button","type":"registry:block"},{"description":"Full-screen fluid dialog with sticky header and footer","name":"c-dialog-6","page":"https://reui.io/components/dialog/c-dialog-6","registryDependencies":["button","dialog"],"title":"Full-screen fluid dialog with sticky header and footer","type":"registry:block"},{"description":"Confirmation dialog with destructive action","name":"c-dialog-7","page":"https://reui.io/components/dialog/c-dialog-7","registryDependencies":["button","dialog"],"title":"Confirmation dialog with destructive action","type":"registry:block"},{"description":"Cookie consent dialog","name":"c-dialog-8","page":"https://reui.io/components/dialog/c-dialog-8","registryDependencies":["button","dialog","label","switch"],"title":"Cookie consent dialog","type":"registry:block"},{"description":"Dialog with keyboard shortcuts list","name":"c-dialog-9","page":"https://reui.io/components/dialog/c-dialog-9","registryDependencies":["button","dialog","kbd"],"title":"Dialog with keyboard shortcuts list","type":"registry:block"},{"description":"A basic drawer with scrollable content","name":"c-drawer-1","page":"https://reui.io/components/drawer/c-drawer-1","registryDependencies":["button","drawer"],"title":"A basic drawer with scrollable content","type":"registry:block"},{"description":"A drawer that opens from the right side","name":"c-drawer-2","page":"https://reui.io/components/drawer/c-drawer-2","registryDependencies":["button","drawer"],"title":"A drawer that opens from the right side","type":"registry:block"},{"description":"A drawer that opens from the left side","name":"c-drawer-3","page":"https://reui.io/components/drawer/c-drawer-3","registryDependencies":["button","drawer"],"title":"A drawer that opens from the left side","type":"registry:block"},{"description":"A drawer that opens from the top side","name":"c-drawer-4","page":"https://reui.io/components/drawer/c-drawer-4","registryDependencies":["button","drawer"],"title":"A drawer that opens from the top side","type":"registry:block"},{"description":"Drawers opening from different sides","name":"c-drawer-5","page":"https://reui.io/components/drawer/c-drawer-5","registryDependencies":["button","drawer"],"title":"Drawers opening from different sides","type":"registry:block"},{"description":"Basic dropdown menu","name":"c-dropdown-menu-1","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-1","registryDependencies":["button","dropdown-menu"],"title":"Basic dropdown menu","type":"registry:block"},{"description":"Workspace switcher dropdown menu","name":"c-dropdown-menu-10","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-10","registryDependencies":["avatar","button","dropdown-menu"],"title":"Workspace switcher dropdown menu","type":"registry:block"},{"description":"Notifications dropdown menu","name":"c-dropdown-menu-11","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-11","registryDependencies":["avatar","@reui/badge","button","dropdown-menu"],"title":"Notifications dropdown menu","type":"registry:block"},{"description":"Actions dropdown menu","name":"c-dropdown-menu-12","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-12","registryDependencies":["button","dropdown-menu"],"title":"Actions dropdown menu","type":"registry:block"},{"description":"Share and export dropdown menu","name":"c-dropdown-menu-13","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-13","registryDependencies":["button","dropdown-menu"],"title":"Share and export dropdown menu","type":"registry:block"},{"dependencies":["cn"],"description":"User profile dropdown menu with theme toggle and status selector","name":"c-dropdown-menu-14","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-14","registryDependencies":["avatar","@reui/badge","button","dropdown-menu","tabs"],"title":"User profile dropdown menu with theme toggle and status selector","type":"registry:block"},{"description":"User and create menu","name":"c-dropdown-menu-15","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-15","registryDependencies":["avatar","button","dropdown-menu","separator"],"title":"User and create menu","type":"registry:block"},{"description":"Quick action menu","name":"c-dropdown-menu-16","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-16","registryDependencies":["button","dropdown-menu"],"title":"Quick action menu","type":"registry:block"},{"description":"Notifications dropdown with items","name":"c-dropdown-menu-17","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-17","registryDependencies":["button","dropdown-menu"],"title":"Notifications dropdown with items","type":"registry:block"},{"description":"AI model selector with provider icons","name":"c-dropdown-menu-18","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-18","registryDependencies":["button","dropdown-menu"],"title":"AI model selector with provider icons","type":"registry:block"},{"description":"Dropdown menus opening positions","name":"c-dropdown-menu-2","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-2","registryDependencies":["button","dropdown-menu"],"title":"Dropdown menus opening positions","type":"registry:block"},{"description":"Dropdown menu with icons","name":"c-dropdown-menu-3","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-3","registryDependencies":["button","dropdown-menu"],"title":"Dropdown menu with icons","type":"registry:block"},{"description":"Dropdown menu with keyboard shortcuts","name":"c-dropdown-menu-4","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-4","registryDependencies":["button","dropdown-menu"],"title":"Dropdown menu with keyboard shortcuts","type":"registry:block"},{"description":"Dropdown menu with nested submenus","name":"c-dropdown-menu-5","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-5","registryDependencies":["button","dropdown-menu"],"title":"Dropdown menu with nested submenus","type":"registry:block"},{"description":"Dropdown menu with checkboxes","name":"c-dropdown-menu-6","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-6","registryDependencies":["button","dropdown-menu"],"title":"Dropdown menu with checkboxes","type":"registry:block"},{"description":"Dropdown menu with radio groups","name":"c-dropdown-menu-7","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-7","registryDependencies":["button","dropdown-menu"],"title":"Dropdown menu with radio groups","type":"registry:block"},{"description":"Advance dropdown menu","name":"c-dropdown-menu-8","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-8","registryDependencies":["button","dropdown-menu"],"title":"Advance dropdown menu","type":"registry:block"},{"description":"User profile dropdown menu","name":"c-dropdown-menu-9","page":"https://reui.io/components/dropdown-menu/c-dropdown-menu-9","registryDependencies":["avatar","button","dropdown-menu"],"title":"User profile dropdown menu","type":"registry:block"},{"description":"The full picker inline on a card: search, category tabs, the grid and a footer with the preview and skin tone.","name":"c-emoji-picker-1","page":"https://reui.io/components/emoji-picker/c-emoji-picker-1","registryDependencies":["card","@reui/emoji-picker"],"title":"Inline emoji picker","type":"registry:block"},{"description":"A chat composer that inserts emoji at the caret and keeps the draft in view.","name":"c-emoji-picker-2","page":"https://reui.io/components/emoji-picker/c-emoji-picker-2","registryDependencies":["avatar","bubble","button","card","@reui/emoji-picker","input-group","message","separator"],"title":"Chat composer","type":"registry:block"},{"description":"A product update with reactions you can toggle, a tooltip naming who reacted and a picker that opens on quick reactions.","name":"c-emoji-picker-3","page":"https://reui.io/components/emoji-picker/c-emoji-picker-3","registryDependencies":["avatar","button","@reui/emoji-picker","item","tooltip"],"title":"Message reactions","type":"registry:block"},{"description":"A page header with an emoji icon above the title, plus Random and Remove in the picker.","name":"c-emoji-picker-4","page":"https://reui.io/components/emoji-picker/c-emoji-picker-4","registryDependencies":["avatar","badge","breadcrumb","button","card","@reui/emoji-picker","popover","separator"],"title":"Page icon","type":"registry:block"},{"description":"A release thread whose reply field inserts the workspace's own emoji as shortcodes from their own tab.","name":"c-emoji-picker-5","page":"https://reui.io/components/emoji-picker/c-emoji-picker-5","registryDependencies":["avatar","button","card","@reui/emoji-picker","input-group","item","separator"],"title":"Custom team emoji","type":"registry:block"},{"description":"A design review reply where typing a colon shortcode shows emoji suggestions under the field.","name":"c-emoji-picker-6","page":"https://reui.io/components/emoji-picker/c-emoji-picker-6","registryDependencies":["avatar","button","card","@reui/emoji-picker","input-group","item"],"title":"Shortcode suggestions","type":"registry:block"},{"description":"A kudos card whose picker hides a blocklist and newer emoji, then posts the note to #platform.","name":"c-emoji-picker-7","page":"https://reui.io/components/emoji-picker/c-emoji-picker-7","registryDependencies":["avatar","button","card","@reui/emoji-picker","item","textarea"],"title":"Workplace-safe set","type":"registry:block"},{"description":"A status emoji card in German, French or Japanese, with localized emoji names, keywords and labels.","name":"c-emoji-picker-8","page":"https://reui.io/components/emoji-picker/c-emoji-picker-8","registryDependencies":["card","@reui/emoji-picker","native-select"],"title":"Localized data and labels","type":"registry:block"},{"description":"Basic empty state","name":"c-empty-1","page":"https://reui.io/components/empty/c-empty-1","registryDependencies":["button","empty"],"title":"Basic empty state","type":"registry:block"},{"description":"No data analytics empty state","name":"c-empty-10","page":"https://reui.io/components/empty/c-empty-10","registryDependencies":["button","empty"],"title":"No data analytics empty state","type":"registry:block"},{"description":"Bookmarks empty state","name":"c-empty-11","page":"https://reui.io/components/empty/c-empty-11","registryDependencies":["button","empty"],"title":"Bookmarks empty state","type":"registry:block"},{"description":"Tasks empty state","name":"c-empty-12","page":"https://reui.io/components/empty/c-empty-12","registryDependencies":["button","card","empty"],"title":"Tasks empty state","type":"registry:block"},{"description":"No automations empty state with toggle illustration","name":"c-empty-13","page":"https://reui.io/components/empty/c-empty-13","registryDependencies":["button","empty"],"title":"No automations empty state with toggle illustration","type":"registry:block"},{"description":"Comments empty state with isometric board illustration","name":"c-empty-14","page":"https://reui.io/components/empty/c-empty-14","registryDependencies":["empty"],"title":"Comments empty state with isometric board illustration","type":"registry:block"},{"description":"No products empty state with stacked cards and blur effect","name":"c-empty-15","page":"https://reui.io/components/empty/c-empty-15","registryDependencies":["empty"],"title":"No products empty state with stacked cards and blur effect","type":"registry:block"},{"description":"Search empty state with stacked file cards illustration","name":"c-empty-16","page":"https://reui.io/components/empty/c-empty-16","registryDependencies":["empty"],"title":"Search empty state with stacked file cards illustration","type":"registry:block"},{"description":"No messages empty state with chat bubbles illustration","name":"c-empty-17","page":"https://reui.io/components/empty/c-empty-17","registryDependencies":["button","empty"],"title":"No messages empty state with chat bubbles illustration","type":"registry:block"},{"description":"No payments empty state with credit card illustration","name":"c-empty-18","page":"https://reui.io/components/empty/c-empty-18","registryDependencies":["button","empty"],"title":"No payments empty state with credit card illustration","type":"registry:block"},{"description":"No integrations empty state with connected nodes illustration","name":"c-empty-19","page":"https://reui.io/components/empty/c-empty-19","registryDependencies":["button","empty"],"title":"No integrations empty state with connected nodes illustration","type":"registry:block"},{"description":"Search empty state","name":"c-empty-2","page":"https://reui.io/components/empty/c-empty-2","registryDependencies":["button","empty"],"title":"Search empty state","type":"registry:block"},{"description":"No events empty state with calendar illustration","name":"c-empty-20","page":"https://reui.io/components/empty/c-empty-20","registryDependencies":["button","empty"],"title":"No events empty state with calendar illustration","type":"registry:block"},{"description":"Empty state with search input","name":"c-empty-3","page":"https://reui.io/components/empty/c-empty-3","registryDependencies":["empty","input-group","kbd"],"title":"Empty state with search input","type":"registry:block"},{"description":"Empty state with add button","name":"c-empty-4","page":"https://reui.io/components/empty/c-empty-4","registryDependencies":["button","empty"],"title":"Empty state with add button","type":"registry:block"},{"description":"Document empty state","name":"c-empty-5","page":"https://reui.io/components/empty/c-empty-5","registryDependencies":["button","card","empty"],"title":"Document empty state","type":"registry:block"},{"description":"Dashed upload empty state","name":"c-empty-6","page":"https://reui.io/components/empty/c-empty-6","registryDependencies":["button","empty"],"title":"Dashed upload empty state","type":"registry:block"},{"description":"Inbox empty state","name":"c-empty-7","page":"https://reui.io/components/empty/c-empty-7","registryDependencies":["empty"],"title":"Inbox empty state","type":"registry:block"},{"description":"Team members empty state","name":"c-empty-8","page":"https://reui.io/components/empty/c-empty-8","registryDependencies":["button","card","empty"],"title":"Team members empty state","type":"registry:block"},{"description":"No notifications empty state","name":"c-empty-9","page":"https://reui.io/components/empty/c-empty-9","registryDependencies":["empty"],"title":"No notifications empty state","type":"registry:block"},{"dependencies":["date-fns"],"description":"Event calendar with all views and live settings","name":"c-event-calendar-1","page":"https://reui.io/components/event-calendar/c-event-calendar-1","registryDependencies":["avatar","button","card","@reui/event-calendar","@reui/event-calendar-content","@reui/event-calendar-i18n","@reui/event-calendar-nav","@reui/event-calendar-types","label","popover","select","switch","tabs"],"title":"Event calendar with all views and live settings","type":"registry:block"},{"dependencies":["date-fns"],"description":"Event calendar with resource view for room bookings","name":"c-event-calendar-2","page":"https://reui.io/components/event-calendar/c-event-calendar-2","registryDependencies":["button","card","@reui/event-calendar","@reui/event-calendar-content","@reui/event-calendar-nav","@reui/event-calendar-types"],"title":"Event calendar with resource view for room bookings","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Month calendar with event CRUD in one dialog: open from an empty day, an event, or Add event, commit via apiRef. Title, color, start, duration, all-day fields. ReUI EventCalendar, Nav, Toolbar; shadcn Dialog, Field, Select, Switch. Scheduling apps.","name":"c-event-calendar-3","page":"https://reui.io/components/event-calendar/c-event-calendar-3","registryDependencies":["button","card","dialog","@reui/event-calendar","@reui/event-calendar-content","@reui/event-calendar-nav","@reui/event-calendar-types","field","input","select","switch"],"title":"Event calendar with create and edit dialog","type":"registry:block"},{"dependencies":["date-fns"],"description":"Event calendar with custom event chips","name":"c-event-calendar-4","page":"https://reui.io/components/event-calendar/c-event-calendar-4","registryDependencies":["button","card","@reui/event-calendar","@reui/event-calendar-content","@reui/event-calendar-nav","@reui/event-calendar-types"],"title":"Event calendar with custom event chips","type":"registry:block"},{"dependencies":["date-fns"],"description":"Event calendar with drag-to-book appointments","name":"c-event-calendar-5","page":"https://reui.io/components/event-calendar/c-event-calendar-5","registryDependencies":["avatar","button","card","@reui/event-calendar","@reui/event-calendar-content","@reui/event-calendar-nav","@reui/event-calendar-types"],"title":"Event calendar with drag-to-book appointments","type":"registry:block"},{"description":"Fields with input groups","name":"c-field-1","page":"https://reui.io/components/field/c-field-1","registryDependencies":["field","input","input-group"],"title":"Fields with input groups","type":"registry:block"},{"description":"Notification preferences form","name":"c-field-10","page":"https://reui.io/components/field/c-field-10","registryDependencies":["checkbox","field","switch"],"title":"Notification preferences form","type":"registry:block"},{"description":"Form with validation errors","name":"c-field-11","page":"https://reui.io/components/field/c-field-11","registryDependencies":["button","field","input","input-group"],"title":"Form with validation errors","type":"registry:block"},{"description":"Field with input and textarea","name":"c-field-2","page":"https://reui.io/components/field/c-field-2","registryDependencies":["field","input","textarea"],"title":"Field with input and textarea","type":"registry:block"},{"description":"Field with select control","name":"c-field-3","page":"https://reui.io/components/field/c-field-3","registryDependencies":["field","select"],"title":"Field with select control","type":"registry:block"},{"description":"Field with radio groups and checkboxes","name":"c-field-4","page":"https://reui.io/components/field/c-field-4","registryDependencies":["checkbox","field","radio-group"],"title":"Field with radio groups and checkboxes","type":"registry:block"},{"description":"Filed with slider and switch","name":"c-field-5","page":"https://reui.io/components/field/c-field-5","registryDependencies":["field","slider","switch"],"title":"Filed with slider and switch","type":"registry:block"},{"description":"Field with OTP input","name":"c-field-6","page":"https://reui.io/components/field/c-field-6","registryDependencies":["field","input-otp","native-select"],"title":"Field with OTP input","type":"registry:block"},{"description":"Settings form with validation","name":"c-field-7","page":"https://reui.io/components/field/c-field-7","registryDependencies":["button","checkbox","field","input","switch","textarea"],"title":"Settings form with validation","type":"registry:block"},{"description":"Permission settings with checkboxes","name":"c-field-8","page":"https://reui.io/components/field/c-field-8","registryDependencies":["checkbox","field"],"title":"Permission settings with checkboxes","type":"registry:block"},{"description":"Responsive field layout","name":"c-field-9","page":"https://reui.io/components/field/c-field-9","registryDependencies":["button","field","input","select"],"title":"Responsive field layout","type":"registry:block"},{"description":"The formats people share most, in their brand colors.","name":"c-file-type-1","page":"https://reui.io/components/file-type/c-file-type-1","registryDependencies":["@reui/file-type"],"title":"Common formats","type":"registry:block"},{"description":"Version tags and document codes in place of the extension.","name":"c-file-type-10","page":"https://reui.io/components/file-type/c-file-type-10","registryDependencies":["@reui/file-type","item"],"title":"Custom labels","type":"registry:block"},{"description":"Unknown extensions fall back to a neutral icon, and one class recolors any type.","name":"c-file-type-11","page":"https://reui.io/components/file-type/c-file-type-11","registryDependencies":["@reui/file-type"],"title":"Custom colors and unknown types","type":"registry:block"},{"description":"Radio cards for choosing an export format, each with its file type icon.","name":"c-file-type-12","page":"https://reui.io/components/file-type/c-file-type-12","registryDependencies":["button","field","@reui/file-type","radio-group"],"title":"Export format picker","type":"registry:block"},{"description":"A lock, link or star drawn on the icon in place of the extension label.","name":"c-file-type-13","page":"https://reui.io/components/file-type/c-file-type-13","registryDependencies":["@reui/file-type"],"title":"Locked, linked and starred","type":"registry:block"},{"description":"File type extension labels restyled through labelClassName: rounded, outlined, inverted, recolored.","name":"c-file-type-14","page":"https://reui.io/components/file-type/c-file-type-14","registryDependencies":["@reui/file-type"],"title":"Restyled labels","type":"registry:block"},{"description":"Icons read from names such as .env.local, Dockerfile and Makefile, which carry no usual extension.","name":"c-file-type-15","page":"https://reui.io/components/file-type/c-file-type-15","registryDependencies":["@reui/file-type"],"title":"Dotfiles and build names","type":"registry:block"},{"description":"The 4 variants side by side: outlined, filled, soft grey and one gray for every type.","name":"c-file-type-2","page":"https://reui.io/components/file-type/c-file-type-2","registryDependencies":["@reui/file-type"],"title":"Outline, solid, light and mono","type":"registry:block"},{"description":"6 sizes from 18px to 56px drawing the same icon, tuned to stay legible at 18px.","name":"c-file-type-3","page":"https://reui.io/components/file-type/c-file-type-3","registryDependencies":["@reui/file-type"],"title":"Sizes","type":"registry:block"},{"description":"One glyph per family, drawn on one grid, for family types and the glyph option.","name":"c-file-type-4","page":"https://reui.io/components/file-type/c-file-type-4","registryDependencies":["@reui/file-type"],"title":"Family glyphs","type":"registry:block"},{"description":"Every built-in format grouped by family, with a variant switch.","name":"c-file-type-5","page":"https://reui.io/components/file-type/c-file-type-5","registryDependencies":["@reui/file-type","tabs"],"title":"All formats","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"Mini icons resolved from each file name in the rows of a sortable data grid.","name":"c-file-type-6","page":"https://reui.io/components/file-type/c-file-type-6","registryDependencies":["@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","@reui/file-type"],"title":"Data grid file browser","type":"registry:block"},{"description":"Attachments with their type, size and a download action.","name":"c-file-type-7","page":"https://reui.io/components/file-type/c-file-type-7","registryDependencies":["button","@reui/file-type","item"],"title":"Attachment list","type":"registry:block"},{"description":"Files uploading with progress, each icon resolved from its MIME type.","name":"c-file-type-8","page":"https://reui.io/components/file-type/c-file-type-8","registryDependencies":["button","@reui/file-type","item","progress"],"title":"Upload queue","type":"registry:block"},{"description":"Type a file name, path, URL or MIME type and see the icon it resolves to.","name":"c-file-type-9","page":"https://reui.io/components/file-type/c-file-type-9","registryDependencies":["button","card","field","@reui/file-type","input-group"],"title":"Resolve from a file name","type":"registry:block"},{"description":"Basic file upload","name":"c-file-upload-1","page":"https://reui.io/components/file-upload/c-file-upload-1","registryDependencies":["button","@reui/use-file-upload"],"title":"Basic file upload","type":"registry:block"},{"dependencies":["cn"],"description":"Cover image upload.","name":"c-file-upload-10","page":"https://reui.io/components/file-upload/c-file-upload-10","registryDependencies":["@reui/alert","button","@reui/use-file-upload"],"title":"Cover image upload.","type":"registry:block"},{"dependencies":["cn"],"description":"Avatar upload","name":"c-file-upload-2","page":"https://reui.io/components/file-upload/c-file-upload-2","registryDependencies":["@reui/alert","button","@reui/use-file-upload"],"title":"Avatar upload","type":"registry:block"},{"dependencies":["cn"],"description":"Basic drag and drop file upload","name":"c-file-upload-3","page":"https://reui.io/components/file-upload/c-file-upload-3","registryDependencies":["@reui/alert","button","@reui/use-file-upload"],"title":"Basic drag and drop file upload","type":"registry:block"},{"dependencies":["cn"],"description":"Gallery file upload","name":"c-file-upload-4","page":"https://reui.io/components/file-upload/c-file-upload-4","registryDependencies":["@reui/alert","button","dialog","spinner","@reui/use-file-upload"],"title":"Gallery file upload","type":"registry:block"},{"dependencies":["cn"],"description":"Progress file upload","name":"c-file-upload-5","page":"https://reui.io/components/file-upload/c-file-upload-5","registryDependencies":["@reui/alert","@reui/badge","button","progress","@reui/use-file-upload"],"title":"Progress file upload","type":"registry:block"},{"dependencies":["cn"],"description":"Table file upload","name":"c-file-upload-6","page":"https://reui.io/components/file-upload/c-file-upload-6","registryDependencies":["@reui/alert","@reui/badge","button","table","@reui/use-file-upload"],"title":"Table file upload","type":"registry:block"},{"dependencies":["cn"],"description":"Image upload","name":"c-file-upload-7","page":"https://reui.io/components/file-upload/c-file-upload-7","registryDependencies":["@reui/alert","button","card","progress"],"title":"Image upload","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Image upload with sorting.","name":"c-file-upload-8","page":"https://reui.io/components/file-upload/c-file-upload-8","registryDependencies":["@reui/alert","button","card","progress","@reui/sortable"],"title":"Image upload with sorting.","type":"registry:block"},{"dependencies":["cn"],"description":"Card file upload.","name":"c-file-upload-9","page":"https://reui.io/components/file-upload/c-file-upload-9","registryDependencies":["@reui/alert","button","tooltip","@reui/use-file-upload"],"title":"Card file upload.","type":"registry:block"},{"dependencies":["cn"],"description":"Multi-select, nested fields, async options and stacked values.","name":"c-filters-1","page":"https://reui.io/components/filters/c-filters-1","registryDependencies":["avatar","@reui/filters","@reui/filters-query","@reui/filters-types"],"title":"Everything in one filter bar","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn"],"description":"A data grid paged, sorted and totalled under a popover builder.","name":"c-filters-10","page":"https://reui.io/components/filters/c-filters-10","registryDependencies":["avatar","@reui/badge","button","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","@reui/filters","@reui/filters-operators","@reui/filters-query","@reui/filters-types"],"title":"Nested groups in a popover","type":"registry:block"},{"dependencies":["cn"],"description":"The builder inline, beside its own tree read back as an expression.","name":"c-filters-11","page":"https://reui.io/components/filters/c-filters-11","registryDependencies":["avatar","button","card","@reui/filters","@reui/filters-query","@reui/filters-types"],"title":"Nested groups inline, walked back out","type":"registry:block"},{"dependencies":["cn"],"description":"One controlled query, three locales and every change reported.","name":"c-filters-12","page":"https://reui.io/components/filters/c-filters-12","registryDependencies":["avatar","@reui/badge","@reui/filters","@reui/filters-operators","@reui/filters-query","@reui/filters-types","toggle-group"],"title":"Controlled, sized and translated","type":"registry:block"},{"description":"Drill-down groups, a filterable branch and deep search.","name":"c-filters-2","page":"https://reui.io/components/filters/c-filters-2","registryDependencies":["@reui/filters","@reui/filters-query","@reui/filters-types"],"title":"Nested attributes at workspace scale","type":"registry:block"},{"dependencies":["cn"],"description":"Colour-coded options and badges in the chip.","name":"c-filters-3","page":"https://reui.io/components/filters/c-filters-3","registryDependencies":["@reui/badge","@reui/filters","@reui/filters-query","@reui/filters-types"],"title":"Status and priority colour badges","type":"registry:block"},{"description":"Avatar options, results paged over the wire and a saved view.","name":"c-filters-4","page":"https://reui.io/components/filters/c-filters-4","registryDependencies":["avatar","button","@reui/filters","@reui/filters-query","@reui/filters-types"],"title":"Avatars, paging and a restored view","type":"registry:block"},{"description":"Consumer-owned date and date range controls.","name":"c-filters-5","page":"https://reui.io/components/filters/c-filters-5","registryDependencies":["button","calendar","@reui/filters","@reui/filters-date","@reui/filters-query","@reui/filters-types","input"],"title":"A date and a date range editor","type":"registry:block"},{"description":"One slider editor for range and single-value operators.","name":"c-filters-6","page":"https://reui.io/components/filters/c-filters-6","registryDependencies":["button","@reui/filters","@reui/filters-query","@reui/filters-types","slider"],"title":"Sliders as the value editor","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn"],"description":"The query tree compiled to a row predicate.","name":"c-filters-7","page":"https://reui.io/components/filters/c-filters-7","registryDependencies":["avatar","@reui/badge","card","@reui/data-grid","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","@reui/filters","@reui/filters-query","@reui/filters-types"],"title":"Filtering a table","type":"registry:block"},{"dependencies":["cn"],"description":"Toggle group, radios, checkboxes, select and switch.","name":"c-filters-8","page":"https://reui.io/components/filters/c-filters-8","registryDependencies":["button","checkbox","@reui/filters","@reui/filters-query","@reui/filters-types","label","native-select","radio-group","switch","toggle-group"],"title":"Choice controls as editors","type":"registry:block"},{"dependencies":["cn"],"description":"An input group, a term list, code slots and a validated domain.","name":"c-filters-9","page":"https://reui.io/components/filters/c-filters-9","registryDependencies":["button","@reui/filters","@reui/filters-query","@reui/filters-types","input","input-group","input-otp","textarea"],"title":"Typed values in shadcn inputs","type":"registry:block"},{"description":"Basic frame","name":"c-frame-1","page":"https://reui.io/components/frame/c-frame-1","registryDependencies":["@reui/frame"],"title":"Basic frame","type":"registry:block"},{"description":"Frame with small spacing","name":"c-frame-10","page":"https://reui.io/components/frame/c-frame-10","registryDependencies":["@reui/frame"],"title":"Frame with small spacing","type":"registry:block"},{"description":"Frame with default spacing","name":"c-frame-11","page":"https://reui.io/components/frame/c-frame-11","registryDependencies":["@reui/frame"],"title":"Frame with default spacing","type":"registry:block"},{"description":"Frame with large spacing","name":"c-frame-12","page":"https://reui.io/components/frame/c-frame-12","registryDependencies":["@reui/frame"],"title":"Frame with large spacing","type":"registry:block"},{"description":"Frame with small border radius","name":"c-frame-13","page":"https://reui.io/components/frame/c-frame-13","registryDependencies":["@reui/frame"],"title":"Frame with small border radius","type":"registry:block"},{"description":"Frame with medium border radius","name":"c-frame-14","page":"https://reui.io/components/frame/c-frame-14","registryDependencies":["@reui/frame"],"title":"Frame with medium border radius","type":"registry:block"},{"description":"Frame with large border radius","name":"c-frame-15","page":"https://reui.io/components/frame/c-frame-15","registryDependencies":["@reui/frame"],"title":"Frame with large border radius","type":"registry:block"},{"description":"Frame with default border radius","name":"c-frame-16","page":"https://reui.io/components/frame/c-frame-16","registryDependencies":["@reui/frame"],"title":"Frame with default border radius","type":"registry:block"},{"description":"Frame with extra large border radius","name":"c-frame-17","page":"https://reui.io/components/frame/c-frame-17","registryDependencies":["@reui/frame"],"title":"Frame with extra large border radius","type":"registry:block"},{"description":"Frame with content-only panels","name":"c-frame-18","page":"https://reui.io/components/frame/c-frame-18","registryDependencies":["@reui/frame"],"title":"Frame with content-only panels","type":"registry:block"},{"description":"Frame with stacked content-only panels","name":"c-frame-19","page":"https://reui.io/components/frame/c-frame-19","registryDependencies":["@reui/frame"],"title":"Frame with stacked content-only panels","type":"registry:block"},{"description":"Frame with separated panels","name":"c-frame-2","page":"https://reui.io/components/frame/c-frame-2","registryDependencies":["@reui/frame"],"title":"Frame with separated panels","type":"registry:block"},{"description":"Frame with stacked panels","name":"c-frame-3","page":"https://reui.io/components/frame/c-frame-3","registryDependencies":["@reui/frame"],"title":"Frame with stacked panels","type":"registry:block"},{"description":"Frame with stacked panels and dense style","name":"c-frame-4","page":"https://reui.io/components/frame/c-frame-4","registryDependencies":["@reui/frame"],"title":"Frame with stacked panels and dense style","type":"registry:block"},{"description":"Frame with collapsible panels","name":"c-frame-5","page":"https://reui.io/components/frame/c-frame-5","registryDependencies":["collapsible","@reui/frame"],"title":"Frame with collapsible panels","type":"registry:block"},{"description":"Frame with ghost variant","name":"c-frame-6","page":"https://reui.io/components/frame/c-frame-6","registryDependencies":["@reui/frame"],"title":"Frame with ghost variant","type":"registry:block"},{"description":"Frame with dense layout","name":"c-frame-7","page":"https://reui.io/components/frame/c-frame-7","registryDependencies":["@reui/frame"],"title":"Frame with dense layout","type":"registry:block"},{"description":"Frame with stacked panels","name":"c-frame-8","page":"https://reui.io/components/frame/c-frame-8","registryDependencies":["@reui/frame"],"title":"Frame with stacked panels","type":"registry:block"},{"description":"Frame with extra small spacing","name":"c-frame-9","page":"https://reui.io/components/frame/c-frame-9","registryDependencies":["@reui/frame"],"title":"Frame with extra small spacing","type":"registry:block"},{"dependencies":["date-fns"],"description":"Gantt chart with settings menu and schedulable rows","name":"c-gantt-1","page":"https://reui.io/components/gantt/c-gantt-1","registryDependencies":["button","card","@reui/gantt","@reui/gantt-i18n","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view","label","popover","radio-group","select","switch","tabs"],"title":"Gantt chart with settings menu and schedulable rows","type":"registry:block"},{"dependencies":["date-fns"],"description":"Gantt chart with drag-to-reorder tree rows","name":"c-gantt-2","page":"https://reui.io/components/gantt/c-gantt-2","registryDependencies":["card","@reui/gantt","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view"],"title":"Gantt chart with drag-to-reorder tree rows","type":"registry:block"},{"dependencies":["date-fns"],"description":"Gantt chart with quarter roadmap and rollups","name":"c-gantt-3","page":"https://reui.io/components/gantt/c-gantt-3","registryDependencies":["button","card","@reui/gantt","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view"],"title":"Gantt chart with quarter roadmap and rollups","type":"registry:block"},{"dependencies":["date-fns"],"description":"Gantt chart with weekly capacity board","name":"c-gantt-4","page":"https://reui.io/components/gantt/c-gantt-4","registryDependencies":["avatar","button","card","@reui/gantt","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view"],"title":"Gantt chart with weekly capacity board","type":"registry:block"},{"dependencies":["date-fns"],"description":"Gantt chart with task table and progress","name":"c-gantt-5","page":"https://reui.io/components/gantt/c-gantt-5","registryDependencies":["avatar","@reui/badge","button","card","@reui/gantt","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view"],"title":"Gantt chart with task table and progress","type":"registry:block"},{"dependencies":["date-fns"],"description":"Gantt chart with as-built baseline tracking","name":"c-gantt-6","page":"https://reui.io/components/gantt/c-gantt-6","registryDependencies":["card","@reui/gantt","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view"],"title":"Gantt chart with as-built baseline tracking","type":"registry:block"},{"dependencies":["date-fns"],"description":"Gantt chart with dependency arrows and milestones","name":"c-gantt-7","page":"https://reui.io/components/gantt/c-gantt-7","registryDependencies":["card","@reui/gantt","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view"],"title":"Gantt chart with dependency arrows and milestones","type":"registry:block"},{"description":"Basic hover card.","name":"c-hover-card-1","page":"https://reui.io/components/hover-card/c-hover-card-1","registryDependencies":["button","hover-card"],"title":"Basic hover card.","type":"registry:block"},{"description":"Hover card with positions.","name":"c-hover-card-2","page":"https://reui.io/components/hover-card/c-hover-card-2","registryDependencies":["button","hover-card"],"title":"Hover card with positions.","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Hover card with profile information.","name":"c-hover-card-3","page":"https://reui.io/components/hover-card/c-hover-card-3","registryDependencies":["avatar","hover-card"],"title":"Hover card with profile information.","type":"registry:block"},{"description":"Hover card with icon","name":"c-hover-card-4","page":"https://reui.io/components/hover-card/c-hover-card-4","registryDependencies":["button","hover-card"],"title":"Hover card with icon","type":"registry:block"},{"description":"Hover card with an image and text content.","name":"c-hover-card-5","page":"https://reui.io/components/hover-card/c-hover-card-5","registryDependencies":["button","hover-card"],"title":"Hover card with an image and text content.","type":"registry:block"},{"description":"Hover card inside a dialog.","name":"c-hover-card-6","page":"https://reui.io/components/hover-card/c-hover-card-6","registryDependencies":["button","dialog","hover-card"],"title":"Hover card inside a dialog.","type":"registry:block"},{"dependencies":["date-fns"],"description":"Timestamp hover card with active relative time","name":"c-hover-card-7","page":"https://reui.io/components/hover-card/c-hover-card-7","registryDependencies":["@reui/badge","hover-card","separator"],"title":"Timestamp hover card with active relative time","type":"registry:block"},{"description":"Hover card with paginated release notes","name":"c-hover-card-8","page":"https://reui.io/components/hover-card/c-hover-card-8","registryDependencies":["@reui/badge","button","hover-card"],"title":"Hover card with paginated release notes","type":"registry:block"},{"description":"Layered isometric icon","name":"c-icon-stack-1","page":"https://reui.io/components/icon-stack/c-icon-stack-1","registryDependencies":["@reui/icon-stack"],"title":"Isometric icon stack","type":"registry:block"},{"description":"Responsive icon stack sizes","name":"c-icon-stack-2","page":"https://reui.io/components/icon-stack/c-icon-stack-2","registryDependencies":["@reui/icon-stack"],"title":"Icon stack sizes","type":"registry:block"},{"description":"Semantic icon stack colors","name":"c-icon-stack-3","page":"https://reui.io/components/icon-stack/c-icon-stack-3","registryDependencies":["@reui/icon-stack"],"title":"Icon stack colors","type":"registry:block"},{"description":"Icon stack with badge overlay","name":"c-icon-stack-4","page":"https://reui.io/components/icon-stack/c-icon-stack-4","registryDependencies":["@reui/icon-stack"],"title":"Icon badge stack","type":"registry:block"},{"description":"Shadcn empty state illustration","name":"c-icon-stack-5","page":"https://reui.io/components/icon-stack/c-icon-stack-5","registryDependencies":["button","empty","@reui/icon-stack"],"title":"Empty state illustration","type":"registry:block"},{"description":"Icon stack in shadcn item","name":"c-icon-stack-6","page":"https://reui.io/components/icon-stack/c-icon-stack-6","registryDependencies":["@reui/icon-stack","item"],"title":"Item media stack","type":"registry:block"},{"description":"Default icon tile","name":"c-icon-tile-1","page":"https://reui.io/components/icon-tile/c-icon-tile-1","registryDependencies":["@reui/icon-tile"],"title":"Default icon tile","type":"registry:block"},{"description":"Icon tile in a list row","name":"c-icon-tile-10","page":"https://reui.io/components/icon-tile/c-icon-tile-10","registryDependencies":["@reui/icon-tile","item"],"title":"List row","type":"registry:block"},{"description":"Icon tile in a feature card","name":"c-icon-tile-11","page":"https://reui.io/components/icon-tile/c-icon-tile-11","registryDependencies":["@reui/frame","@reui/icon-tile"],"title":"Feature card","type":"registry:block"},{"description":"Icon tile in an empty state","name":"c-icon-tile-12","page":"https://reui.io/components/icon-tile/c-icon-tile-12","registryDependencies":["empty","@reui/icon-tile"],"title":"Empty state","type":"registry:block"},{"description":"Interactive icon tile","name":"c-icon-tile-13","page":"https://reui.io/components/icon-tile/c-icon-tile-13","registryDependencies":["@reui/icon-tile"],"title":"Interactive tile","type":"registry:block"},{"description":"Icon tile with status overlay","name":"c-icon-tile-14","page":"https://reui.io/components/icon-tile/c-icon-tile-14","registryDependencies":["@reui/icon-tile"],"title":"Status overlay","type":"registry:block"},{"description":"Tone-adjustable soft variant","name":"c-icon-tile-15","page":"https://reui.io/components/icon-tile/c-icon-tile-15","registryDependencies":["@reui/icon-tile"],"title":"Soft tones","type":"registry:block"},{"description":"Tone-adjustable solid variant","name":"c-icon-tile-16","page":"https://reui.io/components/icon-tile/c-icon-tile-16","registryDependencies":["@reui/icon-tile"],"title":"Solid tones","type":"registry:block"},{"description":"Elevated tile with a Tailwind color fill","name":"c-icon-tile-17","page":"https://reui.io/components/icon-tile/c-icon-tile-17","registryDependencies":["@reui/icon-tile"],"title":"Brand colors","type":"registry:block"},{"description":"Icon tile with elevated surface","name":"c-icon-tile-2","page":"https://reui.io/components/icon-tile/c-icon-tile-2","registryDependencies":["@reui/icon-tile"],"title":"Elevated icon tile","type":"registry:block"},{"description":"Icon tile with framed surface","name":"c-icon-tile-3","page":"https://reui.io/components/icon-tile/c-icon-tile-3","registryDependencies":["@reui/icon-tile"],"title":"Framed icon tile","type":"registry:block"},{"description":"Every icon tile variant","name":"c-icon-tile-4","page":"https://reui.io/components/icon-tile/c-icon-tile-4","registryDependencies":["@reui/icon-tile"],"title":"All variants","type":"registry:block"},{"description":"Icon tile size scale","name":"c-icon-tile-5","page":"https://reui.io/components/icon-tile/c-icon-tile-5","registryDependencies":["@reui/icon-tile"],"title":"Sizes","type":"registry:block"},{"description":"Icon tiles with circular shape","name":"c-icon-tile-6","page":"https://reui.io/components/icon-tile/c-icon-tile-6","registryDependencies":["@reui/icon-tile"],"title":"Circular tiles","type":"registry:block"},{"description":"Icon tile with custom sizing","name":"c-icon-tile-7","page":"https://reui.io/components/icon-tile/c-icon-tile-7","registryDependencies":["@reui/icon-tile"],"title":"Custom sizing","type":"registry:block"},{"description":"Semantic icon tile color tones","name":"c-icon-tile-8","page":"https://reui.io/components/icon-tile/c-icon-tile-8","registryDependencies":["@reui/icon-tile"],"title":"Color tones","type":"registry:block"},{"description":"Icon tile with text content","name":"c-icon-tile-9","page":"https://reui.io/components/icon-tile/c-icon-tile-9","registryDependencies":["@reui/icon-tile"],"title":"Text content","type":"registry:block"},{"description":"Basic input","name":"c-input-1","page":"https://reui.io/components/input/c-input-1","registryDependencies":["field","input"],"title":"Basic input","type":"registry:block"},{"description":"Input with number type","name":"c-input-10","page":"https://reui.io/components/input/c-input-10","registryDependencies":["field","input"],"title":"Input with number type","type":"registry:block"},{"description":"Input with date type","name":"c-input-11","page":"https://reui.io/components/input/c-input-11","registryDependencies":["field","input"],"title":"Input with date type","type":"registry:block"},{"description":"Input with file type","name":"c-input-12","page":"https://reui.io/components/input/c-input-12","registryDependencies":["field","input"],"title":"Input with file type","type":"registry:block"},{"description":"Input with required indicator","name":"c-input-13","page":"https://reui.io/components/input/c-input-13","registryDependencies":["field","input"],"title":"Input with required indicator","type":"registry:block"},{"description":"Input with time type","name":"c-input-14","page":"https://reui.io/components/input/c-input-14","registryDependencies":["field","input"],"title":"Input with time type","type":"registry:block"},{"description":"Complex input form with multiple fields","name":"c-input-15","page":"https://reui.io/components/input/c-input-15","registryDependencies":["button","field","input","select"],"title":"Complex input form with multiple fields","type":"registry:block"},{"description":"Input label with tooltip","name":"c-input-16","page":"https://reui.io/components/input/c-input-16","registryDependencies":["field","input","tooltip"],"title":"Input label with tooltip","type":"registry:block"},{"description":"Input label with badge","name":"c-input-17","page":"https://reui.io/components/input/c-input-17","registryDependencies":["@reui/badge","field","input"],"title":"Input label with badge","type":"registry:block"},{"description":"Input label with optional badge","name":"c-input-18","page":"https://reui.io/components/input/c-input-18","registryDependencies":["@reui/badge","field","input"],"title":"Input label with optional badge","type":"registry:block"},{"description":"Input label with link and visibility toggle","name":"c-input-19","page":"https://reui.io/components/input/c-input-19","registryDependencies":["field","input"],"title":"Input label with link and visibility toggle","type":"registry:block"},{"description":"Input with label","name":"c-input-2","page":"https://reui.io/components/input/c-input-2","registryDependencies":["field","input"],"title":"Input with label","type":"registry:block"},{"description":"Input with horizontal orientation","name":"c-input-20","page":"https://reui.io/components/input/c-input-20","registryDependencies":["field","input"],"title":"Input with horizontal orientation","type":"registry:block"},{"description":"Input with multiple error messages","name":"c-input-21","page":"https://reui.io/components/input/c-input-21","registryDependencies":["field","input"],"title":"Input with multiple error messages","type":"registry:block"},{"dependencies":["cn"],"description":"Basic password strength with dynamic hint and icons","name":"c-input-22","page":"https://reui.io/components/input/c-input-22","registryDependencies":["field","input"],"title":"Basic password strength with dynamic hint and icons","type":"registry:block"},{"description":"Advanced password strength indicator with progress","name":"c-input-23","page":"https://reui.io/components/input/c-input-23","registryDependencies":["field","input"],"title":"Advanced password strength indicator with progress","type":"registry:block"},{"description":"Input with pulsed background animation","name":"c-input-24","page":"https://reui.io/components/input/c-input-24","registryDependencies":["field","input"],"title":"Input with pulsed background animation","type":"registry:block"},{"description":"Input with custom focus ring","name":"c-input-25","page":"https://reui.io/components/input/c-input-25","registryDependencies":["field","input"],"title":"Input with custom focus ring","type":"registry:block"},{"description":"Input with subtle background","name":"c-input-26","page":"https://reui.io/components/input/c-input-26","registryDependencies":["field","input"],"title":"Input with subtle background","type":"registry:block"},{"description":"Input with bottom border only","name":"c-input-27","page":"https://reui.io/components/input/c-input-27","registryDependencies":["field","input"],"title":"Input with bottom border only","type":"registry:block"},{"description":"Color input","name":"c-input-28","page":"https://reui.io/components/input/c-input-28","registryDependencies":["field","input"],"title":"Color input","type":"registry:block"},{"description":"Range input with value indicator","name":"c-input-29","page":"https://reui.io/components/input/c-input-29","registryDependencies":["field","input"],"title":"Range input with value indicator","type":"registry:block"},{"description":"Input with description","name":"c-input-3","page":"https://reui.io/components/input/c-input-3","registryDependencies":["field","input"],"title":"Input with description","type":"registry:block"},{"description":"Pill-shaped input","name":"c-input-30","page":"https://reui.io/components/input/c-input-30","registryDependencies":["field","input"],"title":"Pill-shaped input","type":"registry:block"},{"description":"Minimal input without borders or background","name":"c-input-31","page":"https://reui.io/components/input/c-input-31","registryDependencies":["field","input"],"title":"Minimal input without borders or background","type":"registry:block"},{"description":"Disabled input","name":"c-input-4","page":"https://reui.io/components/input/c-input-4","registryDependencies":["field","input"],"title":"Disabled input","type":"registry:block"},{"description":"Input with error message","name":"c-input-5","page":"https://reui.io/components/input/c-input-5","registryDependencies":["field","input"],"title":"Input with error message","type":"registry:block"},{"description":"Input with character counter","name":"c-input-6","page":"https://reui.io/components/input/c-input-6","registryDependencies":["field","input"],"title":"Input with character counter","type":"registry:block"},{"description":"Input with password type","name":"c-input-7","page":"https://reui.io/components/input/c-input-7","registryDependencies":["field","input"],"title":"Input with password type","type":"registry:block"},{"description":"Input with phone type","name":"c-input-8","page":"https://reui.io/components/input/c-input-8","registryDependencies":["field","input"],"title":"Input with phone type","type":"registry:block"},{"description":"Input with URL type","name":"c-input-9","page":"https://reui.io/components/input/c-input-9","registryDependencies":["field","input"],"title":"Input with URL type","type":"registry:block"},{"description":"Basic input group","name":"c-input-group-1","page":"https://reui.io/components/input-group/c-input-group-1","registryDependencies":["field","input-group"],"title":"Basic input group","type":"registry:block"},{"description":"Input group with action button addon","name":"c-input-group-10","page":"https://reui.io/components/input-group/c-input-group-10","registryDependencies":["field","input-group"],"title":"Input group with action button addon","type":"registry:block"},{"dependencies":["sonner"],"description":"Input group with icon button action","name":"c-input-group-11","page":"https://reui.io/components/input-group/c-input-group-11","registryDependencies":["field","input-group"],"title":"Input group with icon button action","type":"registry:block"},{"description":"Input group with dropdown menu selection","name":"c-input-group-12","page":"https://reui.io/components/input-group/c-input-group-12","registryDependencies":["dropdown-menu","field","input-group"],"title":"Input group with dropdown menu selection","type":"registry:block"},{"description":"Input group with keyboard shortcut (Kbd)","name":"c-input-group-13","page":"https://reui.io/components/input-group/c-input-group-13","registryDependencies":["field","input-group","kbd"],"title":"Input group with keyboard shortcut (Kbd)","type":"registry:block"},{"description":"Input group with tooltip action","name":"c-input-group-14","page":"https://reui.io/components/input-group/c-input-group-14","registryDependencies":["field","input-group","tooltip"],"title":"Input group with tooltip action","type":"registry:block"},{"description":"Input group with loading spinner","name":"c-input-group-15","page":"https://reui.io/components/input-group/c-input-group-15","registryDependencies":["field","input-group","spinner"],"title":"Input group with loading spinner","type":"registry:block"},{"description":"Input group with block-start addon","name":"c-input-group-16","page":"https://reui.io/components/input-group/c-input-group-16","registryDependencies":["field","input-group"],"title":"Input group with block-start addon","type":"registry:block"},{"description":"Textarea input group with dynamic character limit","name":"c-input-group-17","page":"https://reui.io/components/input-group/c-input-group-17","registryDependencies":["field","input-group"],"title":"Textarea input group with dynamic character limit","type":"registry:block"},{"description":"AI Chat textarea with rich toolbar actions","name":"c-input-group-18","page":"https://reui.io/components/input-group/c-input-group-18","registryDependencies":["dropdown-menu","field","input-group","kbd"],"title":"AI Chat textarea with rich toolbar actions","type":"registry:block"},{"description":"AI Chat interface with file and context attachments","name":"c-input-group-19","page":"https://reui.io/components/input-group/c-input-group-19","registryDependencies":["dropdown-menu","field","input-group"],"title":"AI Chat interface with file and context attachments","type":"registry:block"},{"description":"Input group in disabled state","name":"c-input-group-2","page":"https://reui.io/components/input-group/c-input-group-2","registryDependencies":["field","input-group"],"title":"Input group in disabled state","type":"registry:block"},{"description":"Input group demonstrating label usage","name":"c-input-group-20","page":"https://reui.io/components/input-group/c-input-group-20","registryDependencies":["field","input-group"],"title":"Input group demonstrating label usage","type":"registry:block"},{"dependencies":["sonner"],"description":"Input group with multiple icons/buttons at the end","name":"c-input-group-21","page":"https://reui.io/components/input-group/c-input-group-21","registryDependencies":["field","input-group"],"title":"Input group with multiple icons/buttons at the end","type":"registry:block"},{"description":"Input group with popover trigger addon","name":"c-input-group-22","page":"https://reui.io/components/input-group/c-input-group-22","registryDependencies":["field","input-group","popover"],"title":"Input group with popover trigger addon","type":"registry:block"},{"description":"Input group with Sparkles icon and complex Kbd shortcut","name":"c-input-group-23","page":"https://reui.io/components/input-group/c-input-group-23","registryDependencies":["field","input-group","kbd"],"title":"Input group with Sparkles icon and complex Kbd shortcut","type":"registry:block"},{"description":"Input group with success indicator circle","name":"c-input-group-24","page":"https://reui.io/components/input-group/c-input-group-24","registryDependencies":["field","input-group"],"title":"Input group with success indicator circle","type":"registry:block"},{"description":"Input group with search results count","name":"c-input-group-25","page":"https://reui.io/components/input-group/c-input-group-25","registryDependencies":["field","input-group"],"title":"Input group with search results count","type":"registry:block"},{"description":"Textarea input group with action buttons","name":"c-input-group-26","page":"https://reui.io/components/input-group/c-input-group-26","registryDependencies":["field","input-group"],"title":"Textarea input group with action buttons","type":"registry:block"},{"description":"Input group wrapped in a button group with text prefixes/suffixes","name":"c-input-group-27","page":"https://reui.io/components/input-group/c-input-group-27","registryDependencies":["button-group","field","input-group"],"title":"Input group wrapped in a button group with text prefixes/suffixes","type":"registry:block"},{"description":"Input group with a menu button (three dots) at the end","name":"c-input-group-28","page":"https://reui.io/components/input-group/c-input-group-28","registryDependencies":["dropdown-menu","field","input-group"],"title":"Input group with a menu button (three dots) at the end","type":"registry:block"},{"description":"Pill-shaped input group with a category dropdown at the end","name":"c-input-group-29","page":"https://reui.io/components/input-group/c-input-group-29","registryDependencies":["dropdown-menu","field","input-group"],"title":"Pill-shaped input group with a category dropdown at the end","type":"registry:block"},{"description":"Input group in invalid state","name":"c-input-group-3","page":"https://reui.io/components/input-group/c-input-group-3","registryDependencies":["field","input-group"],"title":"Input group in invalid state","type":"registry:block"},{"description":"Input group with inline addons (no separating borders)","name":"c-input-group-30","page":"https://reui.io/components/input-group/c-input-group-30","registryDependencies":["field","input-group"],"title":"Input group with inline addons (no separating borders)","type":"registry:block"},{"description":"Input group with inline start and block-end addon","name":"c-input-group-31","page":"https://reui.io/components/input-group/c-input-group-31","registryDependencies":["field","input-group"],"title":"Input group with inline start and block-end addon","type":"registry:block"},{"description":"Member row with avatar, email and role selection","name":"c-input-group-32","page":"https://reui.io/components/input-group/c-input-group-32","registryDependencies":["avatar","dropdown-menu","field","input-group"],"title":"Member row with avatar, email and role selection","type":"registry:block"},{"description":"Project save interface with status and action buttons","name":"c-input-group-33","page":"https://reui.io/components/input-group/c-input-group-33","registryDependencies":["dropdown-menu","field","input-group"],"title":"Project save interface with status and action buttons","type":"registry:block"},{"description":"Pill-shaped AI prompt bar with voice and audio icons","name":"c-input-group-34","page":"https://reui.io/components/input-group/c-input-group-34","registryDependencies":["dropdown-menu","field","input-group"],"title":"Pill-shaped AI prompt bar with voice and audio icons","type":"registry:block"},{"description":"Password input with visibility toggle","name":"c-input-group-35","page":"https://reui.io/components/input-group/c-input-group-35","registryDependencies":["field","input-group"],"title":"Password input with visibility toggle","type":"registry:block"},{"dependencies":["cn"],"description":"API request input with method selector and send action","name":"c-input-group-36","page":"https://reui.io/components/input-group/c-input-group-36","registryDependencies":["dropdown-menu","field","input-group"],"title":"API request input with method selector and send action","type":"registry:block"},{"description":"Order search input with status filter","name":"c-input-group-37","page":"https://reui.io/components/input-group/c-input-group-37","registryDependencies":["checkbox","field","input-group","label","popover"],"title":"Order search input with status filter","type":"registry:block"},{"description":"Company search input with region selector","name":"c-input-group-38","page":"https://reui.io/components/input-group/c-input-group-38","registryDependencies":["dropdown-menu","field","input-group"],"title":"Company search input with region selector","type":"registry:block"},{"description":"Contact search input with filter and actions menu","name":"c-input-group-39","page":"https://reui.io/components/input-group/c-input-group-39","registryDependencies":["checkbox","dropdown-menu","field","input-group","label","popover"],"title":"Contact search input with filter and actions menu","type":"registry:block"},{"description":"Input group with prefix icon","name":"c-input-group-4","page":"https://reui.io/components/input-group/c-input-group-4","registryDependencies":["field","input-group"],"title":"Input group with prefix icon","type":"registry:block"},{"description":"Share link input with visibility selector and copy action","name":"c-input-group-40","page":"https://reui.io/components/input-group/c-input-group-40","registryDependencies":["dropdown-menu","field","input-group"],"title":"Share link input with visibility selector and copy action","type":"registry:block"},{"description":"Input group with suffix icon","name":"c-input-group-5","page":"https://reui.io/components/input-group/c-input-group-5","registryDependencies":["field","input-group"],"title":"Input group with suffix icon","type":"registry:block"},{"description":"Input group with both prefix and suffix icons","name":"c-input-group-6","page":"https://reui.io/components/input-group/c-input-group-6","registryDependencies":["field","input-group"],"title":"Input group with both prefix and suffix icons","type":"registry:block"},{"description":"Input group with prefix text addon","name":"c-input-group-7","page":"https://reui.io/components/input-group/c-input-group-7","registryDependencies":["field","input-group"],"title":"Input group with prefix text addon","type":"registry:block"},{"description":"Input group with suffix text addon","name":"c-input-group-8","page":"https://reui.io/components/input-group/c-input-group-8","registryDependencies":["field","input-group"],"title":"Input group with suffix text addon","type":"registry:block"},{"description":"Input group with both prefix and suffix text addons","name":"c-input-group-9","page":"https://reui.io/components/input-group/c-input-group-9","registryDependencies":["field","input-group"],"title":"Input group with both prefix and suffix text addons","type":"registry:block"},{"description":"Basic OTP input.","name":"c-input-otp-1","page":"https://reui.io/components/input-otp/c-input-otp-1","registryDependencies":["field","input-otp"],"title":"Basic OTP input.","type":"registry:block"},{"dependencies":["input-otp"],"description":"OTP input with numeric digits.","name":"c-input-otp-2","page":"https://reui.io/components/input-otp/c-input-otp-2","registryDependencies":["field","input-otp"],"title":"OTP input with numeric digits.","type":"registry:block"},{"description":"OTP input with multiple separators.","name":"c-input-otp-3","page":"https://reui.io/components/input-otp/c-input-otp-3","registryDependencies":["field","input-otp"],"title":"OTP input with multiple separators.","type":"registry:block"},{"dependencies":["input-otp"],"description":"OTP input with letters and numbers.","name":"c-input-otp-4","page":"https://reui.io/components/input-otp/c-input-otp-4","registryDependencies":["field","input-otp"],"title":"OTP input with letters and numbers.","type":"registry:block"},{"dependencies":["input-otp"],"description":"OTP input for PIN codes.","name":"c-input-otp-5","page":"https://reui.io/components/input-otp/c-input-otp-5","registryDependencies":["field","input-otp"],"title":"OTP input for PIN codes.","type":"registry:block"},{"description":"OTP input verification code.","name":"c-input-otp-6","page":"https://reui.io/components/input-otp/c-input-otp-6","registryDependencies":["button","card","field","input-otp"],"title":"OTP input verification code.","type":"registry:block"},{"description":"Basic item with title and description","name":"c-item-1","page":"https://reui.io/components/item/c-item-1","registryDependencies":["item"],"title":"Basic item with title and description","type":"registry:block"},{"description":"Item with header and footer sections","name":"c-item-10","page":"https://reui.io/components/item/c-item-10","registryDependencies":["avatar","@reui/badge","button","item","progress"],"title":"Item with header and footer sections","type":"registry:block"},{"description":"Integration items with connect actions","name":"c-item-11","page":"https://reui.io/components/item/c-item-11","registryDependencies":["@reui/badge","button","item"],"title":"Integration items with connect actions","type":"registry:block"},{"description":"Activity feed items with avatars and actions","name":"c-item-12","page":"https://reui.io/components/item/c-item-12","registryDependencies":["avatar","@reui/badge","item"],"title":"Activity feed items with avatars and actions","type":"registry:block"},{"description":"Items with icon media and action buttons","name":"c-item-2","page":"https://reui.io/components/item/c-item-2","registryDependencies":["button","item"],"title":"Items with icon media and action buttons","type":"registry:block"},{"description":"User item with avatar, info, and follow button","name":"c-item-3","page":"https://reui.io/components/item/c-item-3","registryDependencies":["avatar","button","item"],"title":"User item with avatar, info, and follow button","type":"registry:block"},{"description":"Clickable navigation items with icons and chevron","name":"c-item-4","page":"https://reui.io/components/item/c-item-4","registryDependencies":["item"],"title":"Clickable navigation items with icons and chevron","type":"registry:block"},{"description":"Item group with status badges","name":"c-item-5","page":"https://reui.io/components/item/c-item-5","registryDependencies":["avatar","@reui/badge","item"],"title":"Item group with status badges","type":"registry:block"},{"description":"File items with icon media, size, and actions","name":"c-item-6","page":"https://reui.io/components/item/c-item-6","registryDependencies":["@reui/badge","button","item"],"title":"File items with icon media, size, and actions","type":"registry:block"},{"description":"Items with keyboard shortcuts","name":"c-item-7","page":"https://reui.io/components/item/c-item-7","registryDependencies":["item","kbd"],"title":"Items with keyboard shortcuts","type":"registry:block"},{"description":"Small-size items with badges","name":"c-item-8","page":"https://reui.io/components/item/c-item-8","registryDependencies":["@reui/badge","item"],"title":"Small-size items with badges","type":"registry:block"},{"description":"Team members with roles and multiple actions","name":"c-item-9","page":"https://reui.io/components/item/c-item-9","registryDependencies":["avatar","@reui/badge","button","dropdown-menu","item"],"title":"Team members with roles and multiple actions","type":"registry:block"},{"description":"Kanban board with placeholder overlay","name":"c-kanban-1","page":"https://reui.io/components/kanban/c-kanban-1","registryDependencies":["avatar","@reui/badge","button","card","@reui/kanban"],"title":"Kanban board with placeholder overlay","type":"registry:block"},{"description":"Kanban board with dynamic overlay","name":"c-kanban-2","page":"https://reui.io/components/kanban/c-kanban-2","registryDependencies":["avatar","@reui/badge","button","card","@reui/kanban"],"title":"Kanban board with dynamic overlay","type":"registry:block"},{"description":"Kanban board with frame columns","name":"c-kanban-3","page":"https://reui.io/components/kanban/c-kanban-3","registryDependencies":["@reui/badge","@reui/frame","@reui/kanban"],"title":"Kanban board with frame columns","type":"registry:block"},{"description":"Minimal kanban with stacked frame","name":"c-kanban-4","page":"https://reui.io/components/kanban/c-kanban-4","registryDependencies":["avatar","@reui/badge","@reui/frame","@reui/kanban","progress"],"title":"Minimal kanban with stacked frame","type":"registry:block"},{"dependencies":["cn"],"description":"Feature roadmap kanban with progress","name":"c-kanban-5","page":"https://reui.io/components/kanban/c-kanban-5","registryDependencies":["@reui/badge","@reui/frame","@reui/kanban","progress"],"title":"Feature roadmap kanban with progress","type":"registry:block"},{"dependencies":["sonner"],"description":"Persist moves with onValueCommit, optimistic updates, and Sonner rollback","name":"c-kanban-6","page":"https://reui.io/components/kanban/c-kanban-6","registryDependencies":["@reui/badge","button","card","@reui/kanban"],"title":"Kanban board persisted to a backend","type":"registry:block"},{"description":"Basic keyboard keys.","name":"c-kbd-1","page":"https://reui.io/components/kbd/c-kbd-1","registryDependencies":["kbd"],"title":"Basic keyboard keys.","type":"registry:block"},{"description":"Keyboard keys grouped together.","name":"c-kbd-2","page":"https://reui.io/components/kbd/c-kbd-2","registryDependencies":["kbd"],"title":"Keyboard keys grouped together.","type":"registry:block"},{"description":"Keyboard keys combined with icons.","name":"c-kbd-3","page":"https://reui.io/components/kbd/c-kbd-3","registryDependencies":["kbd"],"title":"Keyboard keys combined with icons.","type":"registry:block"},{"description":"Keyboard key within an input.","name":"c-kbd-4","page":"https://reui.io/components/kbd/c-kbd-4","registryDependencies":["input-group","kbd"],"title":"Keyboard key within an input.","type":"registry:block"},{"description":"Keyboard shortcut in a tooltip.","name":"c-kbd-5","page":"https://reui.io/components/kbd/c-kbd-5","registryDependencies":["button","kbd","tooltip"],"title":"Keyboard shortcut in a tooltip.","type":"registry:block"},{"description":"Keyboard shortcuts reference list","name":"c-kbd-6","page":"https://reui.io/components/kbd/c-kbd-6","registryDependencies":["kbd","separator"],"title":"Keyboard shortcuts reference list","type":"registry:block"},{"description":"Basic label.","name":"c-label-1","page":"https://reui.io/components/label/c-label-1","registryDependencies":["field","input","label"],"title":"Basic label.","type":"registry:block"},{"description":"Label with helper description text","name":"c-label-10","page":"https://reui.io/components/label/c-label-10","registryDependencies":["field","input","label"],"title":"Label with helper description text","type":"registry:block"},{"description":"Label with error state","name":"c-label-11","page":"https://reui.io/components/label/c-label-11","registryDependencies":["field","input","label"],"title":"Label with error state","type":"registry:block"},{"description":"Label with inline edit toggle","name":"c-label-12","page":"https://reui.io/components/label/c-label-12","registryDependencies":["button","field","input","label"],"title":"Label with inline edit toggle","type":"registry:block"},{"description":"Label with status indicator dot","name":"c-label-13","page":"https://reui.io/components/label/c-label-13","registryDependencies":["field","input","label"],"title":"Label with status indicator dot","type":"registry:block"},{"description":"Label paired with a checkbox.","name":"c-label-2","page":"https://reui.io/components/label/c-label-2","registryDependencies":["checkbox","field","label"],"title":"Label paired with a checkbox.","type":"registry:block"},{"description":"Label for a textarea field.","name":"c-label-3","page":"https://reui.io/components/label/c-label-3","registryDependencies":["field","label","textarea"],"title":"Label for a textarea field.","type":"registry:block"},{"description":"Label in a disabled state.","name":"c-label-4","page":"https://reui.io/components/label/c-label-4","registryDependencies":["field","input","label"],"title":"Label in a disabled state.","type":"registry:block"},{"description":"Label with required indicator","name":"c-label-5","page":"https://reui.io/components/label/c-label-5","registryDependencies":["field","input","label"],"title":"Label with required indicator","type":"registry:block"},{"description":"Label with optional indicator","name":"c-label-6","page":"https://reui.io/components/label/c-label-6","registryDependencies":["field","input","label"],"title":"Label with optional indicator","type":"registry:block"},{"description":"Label with tooltip info icon","name":"c-label-7","page":"https://reui.io/components/label/c-label-7","registryDependencies":["field","input","label","tooltip"],"title":"Label with tooltip info icon","type":"registry:block"},{"description":"Label with badge indicator","name":"c-label-8","page":"https://reui.io/components/label/c-label-8","registryDependencies":["@reui/badge","field","input","label"],"title":"Label with badge indicator","type":"registry:block"},{"description":"Label with character counter","name":"c-label-9","page":"https://reui.io/components/label/c-label-9","registryDependencies":["field","label","textarea"],"title":"Label with character counter","type":"registry:block"},{"description":"Default, separator, and border markers","name":"c-marker-1","page":"https://reui.io/components/marker/c-marker-1","registryDependencies":["marker"],"title":"Default, separator, and border markers","type":"registry:block"},{"description":"Tool call log with icon markers","name":"c-marker-2","page":"https://reui.io/components/marker/c-marker-2","registryDependencies":["marker"],"title":"Tool call log with icon markers","type":"registry:block"},{"description":"Run status markers with a live step","name":"c-marker-3","page":"https://reui.io/components/marker/c-marker-3","registryDependencies":["@reui/badge","card","marker","spinner"],"title":"Run status markers with a live step","type":"registry:block"},{"description":"Agent run log grouped by phase separators","name":"c-marker-4","page":"https://reui.io/components/marker/c-marker-4","registryDependencies":["card","marker"],"title":"Agent run log grouped by phase separators","type":"registry:block"},{"description":"Changed files summary with border markers","name":"c-marker-5","page":"https://reui.io/components/marker/c-marker-5","registryDependencies":["@reui/badge","marker"],"title":"Changed files summary with border markers","type":"registry:block"},{"description":"Markers as links and as an action button","name":"c-marker-6","page":"https://reui.io/components/marker/c-marker-6","registryDependencies":["marker"],"title":"Markers as links and as an action button","type":"registry:block"},{"description":"Basic menubar.","name":"c-menubar-1","page":"https://reui.io/components/menubar/c-menubar-1","registryDependencies":["menubar"],"title":"Basic menubar.","type":"registry:block"},{"description":"Menubar with dropdown submenus.","name":"c-menubar-2","page":"https://reui.io/components/menubar/c-menubar-2","registryDependencies":["menubar"],"title":"Menubar with dropdown submenus.","type":"registry:block"},{"description":"Menubar with checkbox & radio items.","name":"c-menubar-3","page":"https://reui.io/components/menubar/c-menubar-3","registryDependencies":["menubar"],"title":"Menubar with checkbox & radio items.","type":"registry:block"},{"description":"Menubar with icons.","name":"c-menubar-4","page":"https://reui.io/components/menubar/c-menubar-4","registryDependencies":["menubar"],"title":"Menubar with icons.","type":"registry:block"},{"description":"Menubar for formatting and media.","name":"c-menubar-5","page":"https://reui.io/components/menubar/c-menubar-5","registryDependencies":["menubar"],"title":"Menubar for formatting and media.","type":"registry:block"},{"description":"Incoming and outgoing rows separated by nothing but the align prop.","name":"c-message-1","page":"https://reui.io/components/message/c-message-1","registryDependencies":["bubble","message"],"title":"Two-sided conversation","type":"registry:block"},{"description":"Bottom-anchored avatars that flip with the row, plus a presence dot.","name":"c-message-2","page":"https://reui.io/components/message/c-message-2","registryDependencies":["avatar","bubble","message"],"title":"Avatars on both sides","type":"registry:block"},{"description":"Header for identity, footer for status, and how each one picks its side.","name":"c-message-3","page":"https://reui.io/components/message/c-message-3","registryDependencies":["bubble","message"],"title":"Sender name and delivery status","type":"registry:block"},{"description":"Copy, regenerate and rating controls under an unframed assistant reply.","name":"c-message-4","page":"https://reui.io/components/message/c-message-4","registryDependencies":["bubble","button","message"],"title":"Reply actions in the footer","type":"registry:block"},{"description":"Image and document attachments stacked with the bubble in one message.","name":"c-message-5","page":"https://reui.io/components/message/c-message-5","registryDependencies":["attachment","avatar","bubble","message"],"title":"Files shared in a thread","type":"registry:block"},{"description":"A run of three messages under a single avatar, using MessageGroup.","name":"c-message-6","page":"https://reui.io/components/message/c-message-6","registryDependencies":["avatar","bubble","message"],"title":"Consecutive messages from one sender","type":"registry:block"},{"description":"One assistant row moving from thinking, to typing, to settled.","name":"c-message-7","page":"https://reui.io/components/message/c-message-7","registryDependencies":["bubble","button","marker","message","spinner"],"title":"Streaming reply with a pending state","type":"registry:block"},{"description":"A scroll region that opens at the live edge with a jump to latest control.","name":"c-message-scroller-1","page":"https://reui.io/components/message-scroller/c-message-scroller-1","registryDependencies":["avatar","bubble","card","message","message-scroller"],"title":"Chat transcript with jump to latest","type":"registry:block"},{"description":"autoScroll pins the viewport while tokens arrive, and releases the moment the reader scrolls up.","name":"c-message-scroller-2","page":"https://reui.io/components/message-scroller/c-message-scroller-2","registryDependencies":["avatar","@reui/badge","bubble","button","card","message","message-scroller","spinner"],"title":"Streaming reply that follows the edge","type":"registry:block"},{"description":"scrollAnchor lifts a sent message near the top while a slice of the previous turn stays visible.","name":"c-message-scroller-3","page":"https://reui.io/components/message-scroller/c-message-scroller-3","registryDependencies":["avatar","bubble","card","input-group","message","message-scroller"],"title":"Anchored turn with a previous peek","type":"registry:block"},{"description":"Compare start, end and last-anchor as the place a reopened thread opens at.","name":"c-message-scroller-4","page":"https://reui.io/components/message-scroller/c-message-scroller-4","registryDependencies":["bubble","card","marker","message","message-scroller","tabs"],"title":"Opening position for a saved thread","type":"registry:block"},{"description":"Older turns prepend above the reader while the row they were reading stays put.","name":"c-message-scroller-5","page":"https://reui.io/components/message-scroller/c-message-scroller-5","registryDependencies":["avatar","@reui/badge","bubble","button","card","marker","message","message-scroller","spinner"],"title":"Load earlier without losing your place","type":"registry:block"},{"description":"A footer navigator that reports the turn you are reading and jumps between turns.","name":"c-message-scroller-6","page":"https://reui.io/components/message-scroller/c-message-scroller-6","registryDependencies":["avatar","bubble","button","card","message","message-scroller"],"title":"Thread navigator for stepping turns","type":"registry:block"},{"description":"Basic native select.","name":"c-native-select-1","page":"https://reui.io/components/native-select/c-native-select-1","registryDependencies":["native-select"],"title":"Basic native select.","type":"registry:block"},{"description":"Native select with options grouped.","name":"c-native-select-2","page":"https://reui.io/components/native-select/c-native-select-2","registryDependencies":["native-select"],"title":"Native select with options grouped.","type":"registry:block"},{"description":"Small native select.","name":"c-native-select-3","page":"https://reui.io/components/native-select/c-native-select-3","registryDependencies":["native-select"],"title":"Small native select.","type":"registry:block"},{"description":"Native select embedded within a field.","name":"c-native-select-4","page":"https://reui.io/components/native-select/c-native-select-4","registryDependencies":["field","native-select"],"title":"Native select embedded within a field.","type":"registry:block"},{"description":"Disabled native select.","name":"c-native-select-5","page":"https://reui.io/components/native-select/c-native-select-5","registryDependencies":["native-select"],"title":"Disabled native select.","type":"registry:block"},{"description":"Invalid native select.","name":"c-native-select-6","page":"https://reui.io/components/native-select/c-native-select-6","registryDependencies":["native-select"],"title":"Invalid native select.","type":"registry:block"},{"description":"Basic navigation menu.","name":"c-navigation-menu-1","page":"https://reui.io/components/navigation-menu/c-navigation-menu-1","registryDependencies":["navigation-menu"],"title":"Basic navigation menu.","type":"registry:block"},{"description":"Navigation menu with grid layout.","name":"c-navigation-menu-2","page":"https://reui.io/components/navigation-menu/c-navigation-menu-2","registryDependencies":["navigation-menu"],"title":"Navigation menu with grid layout.","type":"registry:block"},{"description":"Navigation menu with icons.","name":"c-navigation-menu-3","page":"https://reui.io/components/navigation-menu/c-navigation-menu-3","registryDependencies":["navigation-menu"],"title":"Navigation menu with icons.","type":"registry:block"},{"description":"Navigation menu with grid layout and learn more button.","name":"c-navigation-menu-4","page":"https://reui.io/components/navigation-menu/c-navigation-menu-4","registryDependencies":["button","navigation-menu"],"title":"Navigation menu with grid layout and learn more button.","type":"registry:block"},{"description":"Basic number field","name":"c-number-field-1","page":"https://reui.io/components/number-field/c-number-field-1","registryDependencies":["@reui/number-field"],"title":"Basic number field","type":"registry:block"},{"description":"Basic number field","name":"c-number-field-2","page":"https://reui.io/components/number-field/c-number-field-2","registryDependencies":["@reui/number-field"],"title":"Basic number field","type":"registry:block"},{"description":"Basic number field","name":"c-number-field-3","page":"https://reui.io/components/number-field/c-number-field-3","registryDependencies":["@reui/number-field"],"title":"Basic number field","type":"registry:block"},{"description":"Number field with buttons on right","name":"c-number-field-4","page":"https://reui.io/components/number-field/c-number-field-4","registryDependencies":["@reui/number-field"],"title":"Number field with buttons on right","type":"registry:block"},{"description":"Number field with spinner buttons","name":"c-number-field-5","page":"https://reui.io/components/number-field/c-number-field-5","registryDependencies":["@reui/number-field"],"title":"Number field with spinner buttons","type":"registry:block"},{"dependencies":["@hookform/resolvers","react-hook-form","sonner","zod"],"description":"Number field in form","name":"c-number-field-6","page":"https://reui.io/components/number-field/c-number-field-6","registryDependencies":["alert","button","field","@reui/number-field"],"title":"Number field in form","type":"registry:block"},{"description":"Basic pagination.","name":"c-pagination-1","page":"https://reui.io/components/pagination/c-pagination-1","registryDependencies":["pagination"],"title":"Basic pagination.","type":"registry:block"},{"description":"Pagination with ellipsis indicator","name":"c-pagination-10","page":"https://reui.io/components/pagination/c-pagination-10","registryDependencies":["pagination"],"title":"Pagination with ellipsis indicator","type":"registry:block"},{"description":"Pagination with outline style buttons","name":"c-pagination-11","page":"https://reui.io/components/pagination/c-pagination-11","registryDependencies":["pagination"],"title":"Pagination with outline style buttons","type":"registry:block"},{"description":"Rows per page select with range info and first/prev/next/last icons","name":"c-pagination-12","page":"https://reui.io/components/pagination/c-pagination-12","registryDependencies":["native-select","pagination"],"title":"Rows per page select with range info and first/prev/next/last icons","type":"registry:block"},{"description":"Pagination with page select dropdown and first/last navigation","name":"c-pagination-13","page":"https://reui.io/components/pagination/c-pagination-13","registryDependencies":["native-select","pagination"],"title":"Pagination with page select dropdown and first/last navigation","type":"registry:block"},{"description":"Numbered pagination with go-to-page input","name":"c-pagination-14","page":"https://reui.io/components/pagination/c-pagination-14","registryDependencies":["input","pagination"],"title":"Numbered pagination with go-to-page input","type":"registry:block"},{"description":"Pagination with page info, numbered pages, ellipsis, and per-page select","name":"c-pagination-15","page":"https://reui.io/components/pagination/c-pagination-15","registryDependencies":["native-select","pagination"],"title":"Pagination with page info, numbered pages, ellipsis, and per-page select","type":"registry:block"},{"description":"Pagination without labels.","name":"c-pagination-2","page":"https://reui.io/components/pagination/c-pagination-2","registryDependencies":["pagination"],"title":"Pagination without labels.","type":"registry:block"},{"description":"Pagination with hover effect.","name":"c-pagination-3","page":"https://reui.io/components/pagination/c-pagination-3","registryDependencies":["pagination"],"title":"Pagination with hover effect.","type":"registry:block"},{"dependencies":["cn"],"description":"Pagination with circle buttons.","name":"c-pagination-4","page":"https://reui.io/components/pagination/c-pagination-4","registryDependencies":["button","pagination"],"title":"Pagination with circle buttons.","type":"registry:block"},{"description":"Pagination with go-to-page input","name":"c-pagination-5","page":"https://reui.io/components/pagination/c-pagination-5","registryDependencies":["input","pagination"],"title":"Pagination with go-to-page input","type":"registry:block"},{"description":"Numbered pagination in card","name":"c-pagination-6","page":"https://reui.io/components/pagination/c-pagination-6","registryDependencies":["card","pagination"],"title":"Numbered pagination in card","type":"registry:block"},{"description":"Pagination with arrows buttons","name":"c-pagination-7","page":"https://reui.io/components/pagination/c-pagination-7","registryDependencies":["pagination"],"title":"Pagination with arrows buttons","type":"registry:block"},{"description":"Pagination with page info on center","name":"c-pagination-8","page":"https://reui.io/components/pagination/c-pagination-8","registryDependencies":["pagination"],"title":"Pagination with page info on center","type":"registry:block"},{"description":"Pagination with page info on left","name":"c-pagination-9","page":"https://reui.io/components/pagination/c-pagination-9","registryDependencies":["pagination"],"title":"Pagination with page info on left","type":"registry:block"},{"description":"Basic phone input","name":"c-phone-input-1","page":"https://reui.io/components/phone-input/c-phone-input-1","registryDependencies":["@reui/phone-input"],"title":"Basic phone input","type":"registry:block"},{"description":"Small phone input","name":"c-phone-input-2","page":"https://reui.io/components/phone-input/c-phone-input-2","registryDependencies":["@reui/phone-input"],"title":"Small phone input","type":"registry:block"},{"description":"Large phone input","name":"c-phone-input-3","page":"https://reui.io/components/phone-input/c-phone-input-3","registryDependencies":["@reui/phone-input"],"title":"Large phone input","type":"registry:block"},{"description":"Disabled phone input","name":"c-phone-input-4","page":"https://reui.io/components/phone-input/c-phone-input-4","registryDependencies":["@reui/phone-input"],"title":"Disabled phone input","type":"registry:block"},{"description":"Phone input with preset value","name":"c-phone-input-5","page":"https://reui.io/components/phone-input/c-phone-input-5","registryDependencies":["@reui/phone-input"],"title":"Phone input with preset value","type":"registry:block"},{"description":"Phone input with error state","name":"c-phone-input-6","page":"https://reui.io/components/phone-input/c-phone-input-6","registryDependencies":["@reui/phone-input"],"title":"Phone input with error state","type":"registry:block"},{"description":"Phone input with specific default country","name":"c-phone-input-7","page":"https://reui.io/components/phone-input/c-phone-input-7","registryDependencies":["@reui/phone-input"],"title":"Phone input with specific default country","type":"registry:block"},{"description":"Read-only phone input","name":"c-phone-input-8","page":"https://reui.io/components/phone-input/c-phone-input-8","registryDependencies":["@reui/phone-input"],"title":"Read-only phone input","type":"registry:block"},{"description":"Basic popover.","name":"c-popover-1","page":"https://reui.io/components/popover/c-popover-1","registryDependencies":["button","popover"],"title":"Basic popover.","type":"registry:block"},{"description":"Popover with controls","name":"c-popover-10","page":"https://reui.io/components/popover/c-popover-10","registryDependencies":["button","popover","slider","switch"],"title":"Popover with controls","type":"registry:block"},{"description":"Popover with navigation","name":"c-popover-11","page":"https://reui.io/components/popover/c-popover-11","registryDependencies":["button","popover"],"title":"Popover with navigation","type":"registry:block"},{"description":"Popovers opening from different sides.","name":"c-popover-2","page":"https://reui.io/components/popover/c-popover-2","registryDependencies":["button","popover"],"title":"Popovers opening from different sides.","type":"registry:block"},{"description":"Popover with form.","name":"c-popover-3","page":"https://reui.io/components/popover/c-popover-3","registryDependencies":["button","field","input","popover"],"title":"Popover with form.","type":"registry:block"},{"description":"Popover alignment positions.","name":"c-popover-4","page":"https://reui.io/components/popover/c-popover-4","registryDependencies":["button","popover"],"title":"Popover alignment positions.","type":"registry:block"},{"description":"Popover within a dialog.","name":"c-popover-5","page":"https://reui.io/components/popover/c-popover-5","registryDependencies":["button","dialog","popover"],"title":"Popover within a dialog.","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Popover with user profile details.","name":"c-popover-6","page":"https://reui.io/components/popover/c-popover-6","registryDependencies":["avatar","button","popover"],"title":"Popover with user profile details.","type":"registry:block"},{"description":"Popover with custom content","name":"c-popover-7","page":"https://reui.io/components/popover/c-popover-7","registryDependencies":["button","popover"],"title":"Popover with custom content","type":"registry:block"},{"description":"Popover with media preview.","name":"c-popover-8","page":"https://reui.io/components/popover/c-popover-8","registryDependencies":["button","popover"],"title":"Popover with media preview.","type":"registry:block"},{"dependencies":["date-fns"],"description":"Relative time popover with timezone details","name":"c-popover-9","page":"https://reui.io/components/popover/c-popover-9","registryDependencies":["@reui/badge","popover"],"title":"Relative time popover with timezone details","type":"registry:block"},{"description":"Basic progress.","name":"c-progress-1","page":"https://reui.io/components/progress/c-progress-1","registryDependencies":["progress"],"title":"Basic progress.","type":"registry:block"},{"description":"Small progress.","name":"c-progress-2","page":"https://reui.io/components/progress/c-progress-2","registryDependencies":["progress"],"title":"Small progress.","type":"registry:block"},{"description":"Large progress.","name":"c-progress-3","page":"https://reui.io/components/progress/c-progress-3","registryDependencies":["progress"],"title":"Large progress.","type":"registry:block"},{"description":"Progress bar with status messages.","name":"c-progress-4","page":"https://reui.io/components/progress/c-progress-4","registryDependencies":["progress"],"title":"Progress bar with status messages.","type":"registry:block"},{"description":"File upload list with progress & status.","name":"c-progress-5","page":"https://reui.io/components/progress/c-progress-5","registryDependencies":["item","progress"],"title":"File upload list with progress & status.","type":"registry:block"},{"description":"Progress bar with slider.","name":"c-progress-6","page":"https://reui.io/components/progress/c-progress-6","registryDependencies":["progress","slider"],"title":"Progress bar with slider.","type":"registry:block"},{"description":"Multi-step progress indicator","name":"c-progress-7","page":"https://reui.io/components/progress/c-progress-7","registryDependencies":["progress"],"title":"Multi-step progress indicator","type":"registry:block"},{"description":"Progress bar with custom colors.","name":"c-progress-8","page":"https://reui.io/components/progress/c-progress-8","registryDependencies":["progress"],"title":"Progress bar with custom colors.","type":"registry:block"},{"description":"Three required questions in a card, with progress, navigation and a summary on submit.","name":"c-questionnaire-1","page":"https://reui.io/components/questionnaire/c-questionnaire-1","registryDependencies":["button","card","questionnaire"],"title":"Guided workspace setup","type":"registry:block"},{"description":"A checkbox question that accepts several answers, with a live count and a chip summary.","name":"c-questionnaire-2","page":"https://reui.io/components/questionnaire/c-questionnaire-2","registryDependencies":["@reui/badge","button","card","questionnaire"],"title":"Multi-select answers","type":"registry:block"},{"description":"A text input sitting with the fixed choices, so an answer can be typed instead of picked.","name":"c-questionnaire-3","page":"https://reui.io/components/questionnaire/c-questionnaire-3","registryDependencies":["button","card","label","questionnaire"],"title":"A written answer beside the choices","type":"registry:block"},{"dependencies":["cn"],"description":"A custom progress bar built from the progress render state, over a four question flow.","name":"c-questionnaire-4","page":"https://reui.io/components/questionnaire/c-questionnaire-4","registryDependencies":["button","empty","questionnaire"],"title":"Segmented progress with step labels","type":"registry:block"},{"dependencies":["@shadcn/react"],"description":"A question the visitor may skip on purpose, with the skipped state carried into the summary.","name":"c-questionnaire-5","page":"https://reui.io/components/questionnaire/c-questionnaire-5","registryDependencies":["@reui/badge","button","card","questionnaire"],"title":"An optional question with skip","type":"registry:block"},{"description":"A cross-question rule checked on submit, returning the flow to the question that broke it.","name":"c-questionnaire-6","page":"https://reui.io/components/questionnaire/c-questionnaire-6","registryDependencies":["button","card","questionnaire"],"title":"A rule that sends you back","type":"registry:block"},{"dependencies":["cn"],"description":"A question that only joins the flow after an earlier answer, with avatars, reset and a summary.","name":"c-questionnaire-7","page":"https://reui.io/components/questionnaire/c-questionnaire-7","registryDependencies":["avatar","button","card","questionnaire"],"title":"A branch that appears when it applies","type":"registry:block"},{"description":"Basic radio group","name":"c-radio-group-1","page":"https://reui.io/components/radio-group/c-radio-group-1","registryDependencies":["field","radio-group"],"title":"Basic radio group","type":"registry:block"},{"description":"Radio group in frame","name":"c-radio-group-10","page":"https://reui.io/components/radio-group/c-radio-group-10","registryDependencies":["field","@reui/frame","radio-group","separator"],"title":"Radio group in frame","type":"registry:block"},{"description":"Radio group with grid layout","name":"c-radio-group-11","page":"https://reui.io/components/radio-group/c-radio-group-11","registryDependencies":["field","radio-group"],"title":"Radio group with grid layout","type":"registry:block"},{"description":"Avatar based card radio group","name":"c-radio-group-12","page":"https://reui.io/components/radio-group/c-radio-group-12","registryDependencies":["avatar","field","radio-group"],"title":"Avatar based card radio group","type":"registry:block"},{"description":"Payment method radio cards","name":"c-radio-group-13","page":"https://reui.io/components/radio-group/c-radio-group-13","registryDependencies":["field","radio-group"],"title":"Payment method radio cards","type":"registry:block"},{"description":"Radio group with tooltip info","name":"c-radio-group-14","page":"https://reui.io/components/radio-group/c-radio-group-14","registryDependencies":["field","radio-group","tooltip"],"title":"Radio group with tooltip info","type":"registry:block"},{"description":"Radio group with badges","name":"c-radio-group-15","page":"https://reui.io/components/radio-group/c-radio-group-15","registryDependencies":["badge","field","radio-group"],"title":"Radio group with badges","type":"registry:block"},{"description":"Inline horizontal radio group","name":"c-radio-group-16","page":"https://reui.io/components/radio-group/c-radio-group-16","registryDependencies":["field","radio-group"],"title":"Inline horizontal radio group","type":"registry:block"},{"description":"Pricing plan radio cards","name":"c-radio-group-17","page":"https://reui.io/components/radio-group/c-radio-group-17","registryDependencies":["field","radio-group"],"title":"Pricing plan radio cards","type":"registry:block"},{"description":"Disabled radio group","name":"c-radio-group-2","page":"https://reui.io/components/radio-group/c-radio-group-2","registryDependencies":["field","radio-group"],"title":"Disabled radio group","type":"registry:block"},{"description":"Radio with description","name":"c-radio-group-3","page":"https://reui.io/components/radio-group/c-radio-group-3","registryDependencies":["field","radio-group"],"title":"Radio with description","type":"registry:block"},{"description":"Invalid radio group","name":"c-radio-group-4","page":"https://reui.io/components/radio-group/c-radio-group-4","registryDependencies":["field","radio-group"],"title":"Invalid radio group","type":"registry:block"},{"description":"Colored radio group","name":"c-radio-group-5","page":"https://reui.io/components/radio-group/c-radio-group-5","registryDependencies":["field","radio-group"],"title":"Colored radio group","type":"registry:block"},{"description":"Radio group with legend and description","name":"c-radio-group-6","page":"https://reui.io/components/radio-group/c-radio-group-6","registryDependencies":["field","radio-group"],"title":"Radio group with legend and description","type":"registry:block"},{"description":"Card radio group with descriptions","name":"c-radio-group-7","page":"https://reui.io/components/radio-group/c-radio-group-7","registryDependencies":["field","radio-group"],"title":"Card radio group with descriptions","type":"registry:block"},{"description":"Radio group in card with separators","name":"c-radio-group-8","page":"https://reui.io/components/radio-group/c-radio-group-8","registryDependencies":["card","field","radio-group","separator"],"title":"Radio group in card with separators","type":"registry:block"},{"description":"Radio group in card with icons","name":"c-radio-group-9","page":"https://reui.io/components/radio-group/c-radio-group-9","registryDependencies":["card","field","radio-group","separator"],"title":"Radio group in card with icons","type":"registry:block"},{"description":"Basic rating.","name":"c-rating-1","page":"https://reui.io/components/rating/c-rating-1","registryDependencies":["@reui/rating"],"title":"Basic rating.","type":"registry:block"},{"description":"Rating with decimal value.","name":"c-rating-2","page":"https://reui.io/components/rating/c-rating-2","registryDependencies":["@reui/rating"],"title":"Rating with decimal value.","type":"registry:block"},{"description":"Rating with show value.","name":"c-rating-3","page":"https://reui.io/components/rating/c-rating-3","registryDependencies":["@reui/rating"],"title":"Rating with show value.","type":"registry:block"},{"dependencies":["sonner"],"description":"Rating with editable.","name":"c-rating-4","page":"https://reui.io/components/rating/c-rating-4","registryDependencies":["@reui/rating"],"title":"Rating with editable.","type":"registry:block"},{"description":"Rating with size.","name":"c-rating-5","page":"https://reui.io/components/rating/c-rating-5","registryDependencies":["@reui/rating"],"title":"Rating with size.","type":"registry:block"},{"description":"Rating with review summary","name":"c-rating-6","page":"https://reui.io/components/rating/c-rating-6","registryDependencies":["progress","@reui/rating","separator"],"title":"Rating with review summary","type":"registry:block"},{"description":"Interactive half-star rating","name":"c-rating-7","page":"https://reui.io/components/rating/c-rating-7","registryDependencies":["@reui/rating"],"title":"Interactive half-star rating","type":"registry:block"},{"dependencies":["cn"],"description":"Emoji reaction rating","name":"c-rating-8","page":"https://reui.io/components/rating/c-rating-8","title":"Emoji reaction rating","type":"registry:block"},{"description":"Rating with review text input","name":"c-rating-9","page":"https://reui.io/components/rating/c-rating-9","registryDependencies":["button","card","label","@reui/rating","textarea"],"title":"Rating with review text input","type":"registry:block"},{"description":"Horizontal resizable layout","name":"c-resizable-1","page":"https://reui.io/components/resizable/c-resizable-1","registryDependencies":["resizable"],"title":"Horizontal resizable layout","type":"registry:block"},{"description":"State-tracked resizable layout.","name":"c-resizable-10","page":"https://reui.io/components/resizable/c-resizable-10","registryDependencies":["resizable"],"title":"State-tracked resizable layout.","type":"registry:block"},{"description":"Vertical resizable layout.","name":"c-resizable-2","page":"https://reui.io/components/resizable/c-resizable-2","registryDependencies":["resizable"],"title":"Vertical resizable layout.","type":"registry:block"},{"description":"Nested mixed-direction resizable layout.","name":"c-resizable-3","page":"https://reui.io/components/resizable/c-resizable-3","registryDependencies":["resizable"],"title":"Nested mixed-direction resizable layout.","type":"registry:block"},{"description":"Nested resizable","name":"c-resizable-4","page":"https://reui.io/components/resizable/c-resizable-4","registryDependencies":["resizable"],"title":"Nested resizable","type":"registry:block"},{"description":"Handle with animated pill indicator","name":"c-resizable-5","page":"https://reui.io/components/resizable/c-resizable-5","registryDependencies":["resizable"],"title":"Handle with animated pill indicator","type":"registry:block"},{"description":"Handle pill with spring scale on drag","name":"c-resizable-6","page":"https://reui.io/components/resizable/c-resizable-6","registryDependencies":["resizable"],"title":"Handle pill with spring scale on drag","type":"registry:block"},{"description":"Handle with large capsule expansion on drag","name":"c-resizable-7","page":"https://reui.io/components/resizable/c-resizable-7","registryDependencies":["resizable"],"title":"Handle with large capsule expansion on drag","type":"registry:block"},{"description":"Nested layout with animated pill handles","name":"c-resizable-8","page":"https://reui.io/components/resizable/c-resizable-8","registryDependencies":["resizable"],"title":"Nested layout with animated pill handles","type":"registry:block"},{"description":"Three-panel layout with animated pill handles","name":"c-resizable-9","page":"https://reui.io/components/resizable/c-resizable-9","registryDependencies":["resizable"],"title":"Three-panel layout with animated pill handles","type":"registry:block"},{"description":"Basic scroll area","name":"c-scroll-area-1","page":"https://reui.io/components/scroll-area/c-scroll-area-1","registryDependencies":["scroll-area"],"title":"Basic scroll area","type":"registry:block"},{"description":"Scroll area with horizontal scrollbar","name":"c-scroll-area-2","page":"https://reui.io/components/scroll-area/c-scroll-area-2","registryDependencies":["scroll-area"],"title":"Scroll area with horizontal scrollbar","type":"registry:block"},{"description":"Scroll area with both scrollbars","name":"c-scroll-area-3","page":"https://reui.io/components/scroll-area/c-scroll-area-3","registryDependencies":["scroll-area"],"title":"Scroll area with both scrollbars","type":"registry:block"},{"dependencies":["cn"],"description":"Scroll area with fade effect","name":"c-scroll-area-4","page":"https://reui.io/components/scroll-area/c-scroll-area-4","registryDependencies":["scroll-area"],"title":"Scroll area with fade effect","type":"registry:block"},{"description":"Scroll area with scrollbar gutter","name":"c-scroll-area-5","page":"https://reui.io/components/scroll-area/c-scroll-area-5","registryDependencies":["scroll-area"],"title":"Scroll area with scrollbar gutter","type":"registry:block"},{"description":"Basic scrollspy","name":"c-scrollspy-1","page":"https://reui.io/components/scrollspy/c-scrollspy-1","registryDependencies":["button","scroll-area","@reui/scrollspy"],"title":"Basic scrollspy","type":"registry:block"},{"description":"Basic scroll area","name":"c-scrollspy-2","page":"https://reui.io/components/scrollspy/c-scrollspy-2","registryDependencies":["button","scroll-area","@reui/scrollspy"],"title":"Basic scroll area","type":"registry:block"},{"description":"A basic select component with a list of options","name":"c-select-1","page":"https://reui.io/components/select/c-select-1","registryDependencies":["field","select"],"title":"A basic select component with a list of options","type":"registry:block"},{"description":"Select component in a disabled state","name":"c-select-10","page":"https://reui.io/components/select/c-select-10","registryDependencies":["field","select"],"title":"Select component in a disabled state","type":"registry:block"},{"description":"Select component inside a Dialog","name":"c-select-11","page":"https://reui.io/components/select/c-select-11","registryDependencies":["button","dialog","field","select"],"title":"Select component inside a Dialog","type":"registry:block"},{"description":"Select component with multiple selection","name":"c-select-12","page":"https://reui.io/components/select/c-select-12","registryDependencies":["field","select"],"title":"Select component with multiple selection","type":"registry:block"},{"description":"Select component inline with Input","name":"c-select-13","page":"https://reui.io/components/select/c-select-13","registryDependencies":["input","select"],"title":"Select component inline with Input","type":"registry:block"},{"description":"Select component with Button side by side","name":"c-select-14","page":"https://reui.io/components/select/c-select-14","registryDependencies":["button","select"],"title":"Select component with Button side by side","type":"registry:block"},{"description":"Select component with item alignment enabled","name":"c-select-15","page":"https://reui.io/components/select/c-select-15","registryDependencies":["field","select"],"title":"Select component with item alignment enabled","type":"registry:block"},{"description":"Select with custom access level descriptions","name":"c-select-16","page":"https://reui.io/components/select/c-select-16","registryDependencies":["field","select"],"title":"Select with custom access level descriptions","type":"registry:block"},{"dependencies":["cn"],"description":"Select with colored bullets for status","name":"c-select-17","page":"https://reui.io/components/select/c-select-17","registryDependencies":["field","select"],"title":"Select with colored bullets for status","type":"registry:block"},{"description":"Select with user avatars","name":"c-select-18","page":"https://reui.io/components/select/c-select-18","registryDependencies":["avatar","field","select"],"title":"Select with user avatars","type":"registry:block"},{"description":"Select with status badges","name":"c-select-19","page":"https://reui.io/components/select/c-select-19","registryDependencies":["@reui/badge","field","select"],"title":"Select with status badges","type":"registry:block"},{"description":"Select with icons and placeholder state","name":"c-select-2","page":"https://reui.io/components/select/c-select-2","registryDependencies":["field","select"],"title":"Select with icons and placeholder state","type":"registry:block"},{"description":"Select with indicator on the left side","name":"c-select-20","page":"https://reui.io/components/select/c-select-20","registryDependencies":["field","select"],"title":"Select with indicator on the left side","type":"registry:block"},{"dependencies":["cn"],"description":"Select with clear button","name":"c-select-21","page":"https://reui.io/components/select/c-select-21","registryDependencies":["field","select"],"title":"Select with clear button","type":"registry:block"},{"description":"Select with custom chevrons up down icon","name":"c-select-22","page":"https://reui.io/components/select/c-select-22","registryDependencies":["field","select"],"title":"Select with custom chevrons up down icon","type":"registry:block"},{"dependencies":["cn"],"description":"Multi-select with overlapping dots","name":"c-select-23","page":"https://reui.io/components/select/c-select-23","registryDependencies":["@reui/badge","field","select"],"title":"Multi-select with overlapping dots","type":"registry:block"},{"description":"Select with grouped options and separators","name":"c-select-24","page":"https://reui.io/components/select/c-select-24","registryDependencies":["field","select"],"title":"Select with grouped options and separators","type":"registry:block"},{"description":"Country picker select with flag emojis","name":"c-select-25","page":"https://reui.io/components/select/c-select-25","registryDependencies":["field","select"],"title":"Country picker select with flag emojis","type":"registry:block"},{"description":"Status filter select with colored dots","name":"c-select-26","page":"https://reui.io/components/select/c-select-26","registryDependencies":["field","select"],"title":"Status filter select with colored dots","type":"registry:block"},{"description":"Select with description text per option","name":"c-select-27","page":"https://reui.io/components/select/c-select-27","registryDependencies":["field","select"],"title":"Select with description text per option","type":"registry:block"},{"description":"Timezone select with UTC offsets","name":"c-select-28","page":"https://reui.io/components/select/c-select-28","registryDependencies":["field","select"],"title":"Timezone select with UTC offsets","type":"registry:block"},{"description":"Select with avatar items for team member assignment","name":"c-select-29","page":"https://reui.io/components/select/c-select-29","registryDependencies":["avatar","field","select"],"title":"Select with avatar items for team member assignment","type":"registry:block"},{"description":"Select component with grouped options and labels","name":"c-select-3","page":"https://reui.io/components/select/c-select-3","registryDependencies":["field","select"],"title":"Select component with grouped options and labels","type":"registry:block"},{"description":"Priority select with colored badges","name":"c-select-30","page":"https://reui.io/components/select/c-select-30","registryDependencies":["@reui/badge","field","select"],"title":"Priority select with colored badges","type":"registry:block"},{"description":"Font family select with preview","name":"c-select-31","page":"https://reui.io/components/select/c-select-31","registryDependencies":["field","select"],"title":"Font family select with preview","type":"registry:block"},{"description":"Select with icon-labeled categories","name":"c-select-32","page":"https://reui.io/components/select/c-select-32","registryDependencies":["field","select"],"title":"Select with icon-labeled categories","type":"registry:block"},{"description":"Size variant select with small trigger","name":"c-select-33","page":"https://reui.io/components/select/c-select-33","registryDependencies":["field","select"],"title":"Size variant select with small trigger","type":"registry:block"},{"description":"Select component with a large list of options","name":"c-select-4","page":"https://reui.io/components/select/c-select-4","registryDependencies":["field","select"],"title":"Select component with a large list of options","type":"registry:block"},{"description":"Select component with small trigger size","name":"c-select-5","page":"https://reui.io/components/select/c-select-5","registryDependencies":["field","select"],"title":"Select component with small trigger size","type":"registry:block"},{"description":"Select component with a subscription plan style","name":"c-select-6","page":"https://reui.io/components/select/c-select-6","registryDependencies":["field","item","select"],"title":"Select component with a subscription plan style","type":"registry:block"},{"description":"Select component with item alignment disabled","name":"c-select-7","page":"https://reui.io/components/select/c-select-7","registryDependencies":["field","select"],"title":"Select component with item alignment disabled","type":"registry:block"},{"description":"Select component within a Field with label and description","name":"c-select-8","page":"https://reui.io/components/select/c-select-8","registryDependencies":["field","select"],"title":"Select component within a Field with label and description","type":"registry:block"},{"description":"Select component in an invalid state","name":"c-select-9","page":"https://reui.io/components/select/c-select-9","registryDependencies":["field","select"],"title":"Select component in an invalid state","type":"registry:block"},{"description":"Horizontal separator for content sections.","name":"c-separator-1","page":"https://reui.io/components/separator/c-separator-1","registryDependencies":["separator"],"title":"Horizontal separator for content sections.","type":"registry:block"},{"description":"Vertical separator for inline elements.","name":"c-separator-2","page":"https://reui.io/components/separator/c-separator-2","registryDependencies":["separator"],"title":"Vertical separator for inline elements.","type":"registry:block"},{"description":"Vertical separator groups related menu items.","name":"c-separator-3","page":"https://reui.io/components/separator/c-separator-3","registryDependencies":["separator"],"title":"Vertical separator groups related menu items.","type":"registry:block"},{"description":"Horizontal separator between items in a list.","name":"c-separator-4","page":"https://reui.io/components/separator/c-separator-4","registryDependencies":["separator"],"title":"Horizontal separator between items in a list.","type":"registry:block"},{"description":"Separator with centered text label","name":"c-separator-5","page":"https://reui.io/components/separator/c-separator-5","registryDependencies":["separator"],"title":"Separator with centered text label","type":"registry:block"},{"description":"Order summary with separators","name":"c-separator-6","page":"https://reui.io/components/separator/c-separator-6","registryDependencies":["separator"],"title":"Order summary with separators","type":"registry:block"},{"description":"Sheet containing a form for editing profile information.","name":"c-sheet-1","page":"https://reui.io/components/sheet/c-sheet-1","registryDependencies":["button","field","input","sheet"],"title":"Sheet containing a form for editing profile information","type":"registry:block"},{"description":"Sheet containing a profile form with the corner close button hidden, so the footer Cancel button closes it.","name":"c-sheet-2","page":"https://reui.io/components/sheet/c-sheet-2","registryDependencies":["button","field","input","sheet"],"title":"Sheet without a corner close button","type":"registry:block"},{"description":"Sheets that open from any side.","name":"c-sheet-3","page":"https://reui.io/components/sheet/c-sheet-3","registryDependencies":["button","sheet"],"title":"Sheets that open from any side","type":"registry:block"},{"description":"Sheet with scrollable content","name":"c-sheet-4","page":"https://reui.io/components/sheet/c-sheet-4","registryDependencies":["button","scroll-area","sheet"],"title":"Sheet with scrollable content","type":"registry:block"},{"dependencies":["cn"],"description":"Grouped navigation with count badges, row menus and a footer account menu.","name":"c-sidebar-1","page":"https://reui.io/components/sidebar/c-sidebar-1","registryDependencies":["avatar","breadcrumb","button","card","dropdown-menu","sidebar"],"title":"Application shell with a workspace switcher","type":"registry:block"},{"dependencies":["cn"],"description":"Labels give way to tooltips at 3rem, with a rail and a trigger to drive it.","name":"c-sidebar-2","page":"https://reui.io/components/sidebar/c-sidebar-2","registryDependencies":["avatar","button","sidebar"],"title":"Icon rail that collapses","type":"registry:block"},{"dependencies":["cn"],"description":"A search field, sections that collapse and a sub-tree under the current page.","name":"c-sidebar-3","page":"https://reui.io/components/sidebar/c-sidebar-3","registryDependencies":["collapsible","sidebar"],"title":"Documentation nav with sub-menus","type":"registry:block"},{"description":"A floating off-canvas panel with row actions, linked counts and a status badge.","name":"c-sidebar-4","page":"https://reui.io/components/sidebar/c-sidebar-4","registryDependencies":["avatar","@reui/badge","button","dropdown-menu","sidebar"],"title":"Right-hand inspector panel","type":"registry:block"},{"dependencies":["cn"],"description":"A filter field, skeleton rows while a refresh runs, and a real empty state.","name":"c-sidebar-5","page":"https://reui.io/components/sidebar/c-sidebar-5","registryDependencies":["button","card","input-group","sidebar"],"title":"Filtering, loading and empty states","type":"registry:block"},{"description":"Muted signing surface with clear and save controls pinned inside the pad.","name":"c-signature-pad-1","page":"https://reui.io/components/signature-pad/c-signature-pad-1","registryDependencies":["@reui/signature-pad"],"title":"Pinned clear and save","type":"registry:block"},{"description":"Compact initial pads for each contract clause with a completion count.","name":"c-signature-pad-10","page":"https://reui.io/components/signature-pad/c-signature-pad-10","registryDependencies":["@reui/badge","button","item","@reui/signature-pad"],"title":"Initials per clause","type":"registry:block"},{"description":"Mobile delivery card with recipient name, a touch signature and confirmation.","name":"c-signature-pad-11","page":"https://reui.io/components/signature-pad/c-signature-pad-11","registryDependencies":["@reui/badge","button","card","field","input","@reui/signature-pad"],"title":"Proof of delivery","type":"registry:block"},{"description":"Read the pad from outside its tree and attach the signature as a PNG file.","name":"c-signature-pad-12","page":"https://reui.io/components/signature-pad/c-signature-pad-12","registryDependencies":["button","@reui/signature-pad"],"title":"Upload with apiRef","type":"registry:block"},{"description":"Toolbar with undo, redo and clear, plus Ctrl+Z and Ctrl+Shift+Z shortcuts.","name":"c-signature-pad-2","page":"https://reui.io/components/signature-pad/c-signature-pad-2","registryDependencies":["button-group","kbd","@reui/signature-pad"],"title":"Undo and redo toolbar","type":"registry:block"},{"description":"Native form field that submits an SVG signature, with a required check and reset.","name":"c-signature-pad-3","page":"https://reui.io/components/signature-pad/c-signature-pad-3","registryDependencies":["button","field","input","@reui/signature-pad"],"title":"Form field with validation","type":"registry:block"},{"dependencies":["cn"],"description":"Ink colors, line weights, undo, redo, replay and PNG or SVG download in one signing card.","name":"c-signature-pad-4","page":"https://reui.io/components/signature-pad/c-signature-pad-4","registryDependencies":["@reui/badge","button","card","dropdown-menu","separator","@reui/signature-pad"],"title":"Signing workspace","type":"registry:block"},{"description":"Export the signature in 4 formats with a preview, payload size and download link.","name":"c-signature-pad-5","page":"https://reui.io/components/signature-pad/c-signature-pad-5","registryDependencies":["button","button-group","@reui/frame","@reui/signature-pad"],"title":"Export PNG, JPEG, SVG or JSON","type":"registry:block"},{"description":"Tabs to draw a signature or type it, the keyboard route to the same outcome.","name":"c-signature-pad-6","page":"https://reui.io/components/signature-pad/c-signature-pad-6","registryDependencies":["@reui/badge","button","field","input","@reui/signature-pad","tabs"],"title":"Draw or type","type":"registry:block"},{"description":"Agreement card that locks the signature read-only once it is signed and dated.","name":"c-signature-pad-7","page":"https://reui.io/components/signature-pad/c-signature-pad-7","registryDependencies":["@reui/badge","button","card","checkbox","field","@reui/signature-pad"],"title":"Agreement signing card","type":"registry:block"},{"description":"Saved profile signature with a dialog to draw, edit or remove it.","name":"c-signature-pad-8","page":"https://reui.io/components/signature-pad/c-signature-pad-8","registryDependencies":["button","dialog","item","@reui/signature-pad"],"title":"Signature in a dialog","type":"registry:block"},{"description":"Pen-only input that ignores a resting palm, with pressure-sensitive ink.","name":"c-signature-pad-9","page":"https://reui.io/components/signature-pad/c-signature-pad-9","registryDependencies":["@reui/badge","field","@reui/signature-pad","switch"],"title":"Stylus mode with palm rejection","type":"registry:block"},{"description":"Skeleton loader for avatars and user info.","name":"c-skeleton-1","page":"https://reui.io/components/skeleton/c-skeleton-1","registryDependencies":["skeleton"],"title":"Skeleton loader for avatars and user info.","type":"registry:block"},{"description":"Skeleton loader for chat messages","name":"c-skeleton-10","page":"https://reui.io/components/skeleton/c-skeleton-10","registryDependencies":["card","skeleton"],"title":"Skeleton loader for chat messages","type":"registry:block"},{"description":"Skeleton loader for a card component.","name":"c-skeleton-2","page":"https://reui.io/components/skeleton/c-skeleton-2","registryDependencies":["card","skeleton"],"title":"Skeleton loader for a card component.","type":"registry:block"},{"description":"Skeleton loader for text and paragraphs.","name":"c-skeleton-3","page":"https://reui.io/components/skeleton/c-skeleton-3","registryDependencies":["skeleton"],"title":"Skeleton loader for text and paragraphs.","type":"registry:block"},{"description":"Skeleton loader for a form.","name":"c-skeleton-4","page":"https://reui.io/components/skeleton/c-skeleton-4","registryDependencies":["skeleton"],"title":"Skeleton loader for a form.","type":"registry:block"},{"description":"Skeleton loader for a data table.","name":"c-skeleton-5","page":"https://reui.io/components/skeleton/c-skeleton-5","registryDependencies":["skeleton"],"title":"Skeleton loader for a data table.","type":"registry:block"},{"description":"Skeleton loader for a dashboard stats row","name":"c-skeleton-6","page":"https://reui.io/components/skeleton/c-skeleton-6","registryDependencies":["card","skeleton"],"title":"Skeleton loader for a dashboard stats row","type":"registry:block"},{"description":"Skeleton loader for a list with actions","name":"c-skeleton-7","page":"https://reui.io/components/skeleton/c-skeleton-7","registryDependencies":["separator","skeleton"],"title":"Skeleton loader for a list with actions","type":"registry:block"},{"description":"Skeleton loader for a card grid","name":"c-skeleton-8","page":"https://reui.io/components/skeleton/c-skeleton-8","registryDependencies":["card","skeleton"],"title":"Skeleton loader for a card grid","type":"registry:block"},{"description":"Skeleton loader for a full profile page","name":"c-skeleton-9","page":"https://reui.io/components/skeleton/c-skeleton-9","registryDependencies":["card","separator","skeleton"],"title":"Skeleton loader for a full profile page","type":"registry:block"},{"description":"Basic slider.","name":"c-slider-1","page":"https://reui.io/components/slider/c-slider-1","registryDependencies":["slider"],"title":"Basic slider.","type":"registry:block"},{"dependencies":["cn"],"description":"Slider with tick marks","name":"c-slider-10","page":"https://reui.io/components/slider/c-slider-10","registryDependencies":["label","slider"],"title":"Slider with tick marks","type":"registry:block"},{"description":"Slider with dynamic tooltip indicator","name":"c-slider-11","page":"https://reui.io/components/slider/c-slider-11","registryDependencies":["label","slider"],"title":"Slider with dynamic tooltip indicator","type":"registry:block"},{"description":"Rating slider with emoji feedback","name":"c-slider-12","page":"https://reui.io/components/slider/c-slider-12","registryDependencies":["label","slider"],"title":"Rating slider with emoji feedback","type":"registry:block"},{"description":"Disabled slider","name":"c-slider-2","page":"https://reui.io/components/slider/c-slider-2","registryDependencies":["slider"],"title":"Disabled slider","type":"registry:block"},{"description":"Slider with multiple discrete values","name":"c-slider-3","page":"https://reui.io/components/slider/c-slider-3","registryDependencies":["slider"],"title":"Slider with multiple discrete values","type":"registry:block"},{"description":"Vertical slider with range selection","name":"c-slider-4","page":"https://reui.io/components/slider/c-slider-4","registryDependencies":["slider"],"title":"Vertical slider with range selection","type":"registry:block"},{"description":"Slider with controlled value tracking","name":"c-slider-5","page":"https://reui.io/components/slider/c-slider-5","registryDependencies":["label","slider"],"title":"Slider with controlled value tracking","type":"registry:block"},{"description":"Slider with range selection","name":"c-slider-6","page":"https://reui.io/components/slider/c-slider-6","registryDependencies":["slider"],"title":"Slider with range selection","type":"registry:block"},{"description":"Slider synced with number input","name":"c-slider-7","page":"https://reui.io/components/slider/c-slider-7","registryDependencies":["input","label","slider"],"title":"Slider synced with number input","type":"registry:block"},{"description":"Color temperature slider","name":"c-slider-8","page":"https://reui.io/components/slider/c-slider-8","registryDependencies":["label","slider"],"title":"Color temperature slider","type":"registry:block"},{"description":"Slider with reference labels","name":"c-slider-9","page":"https://reui.io/components/slider/c-slider-9","registryDependencies":["label","slider"],"title":"Slider with reference labels","type":"registry:block"},{"dependencies":["sonner"],"description":"Basic toast notification.","name":"c-sonner-1","page":"https://reui.io/components/sonner/c-sonner-1","registryDependencies":["button"],"title":"Basic toast notification.","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast with upload progress simulation","name":"c-sonner-10","page":"https://reui.io/components/sonner/c-sonner-10","registryDependencies":["button","progress"],"title":"Toast with upload progress simulation","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast with status alert markup","name":"c-sonner-11","page":"https://reui.io/components/sonner/c-sonner-11","registryDependencies":["button"],"title":"Toast with status alert markup","type":"registry:block"},{"dependencies":["sonner"],"description":"Custom accent border toast","name":"c-sonner-12","page":"https://reui.io/components/sonner/c-sonner-12","registryDependencies":["button"],"title":"Custom accent border toast","type":"registry:block"},{"dependencies":["sonner"],"description":"Custom invert success toast","name":"c-sonner-13","page":"https://reui.io/components/sonner/c-sonner-13","registryDependencies":["button"],"title":"Custom invert success toast","type":"registry:block"},{"dependencies":["sonner"],"description":"Custom invert error toast with details","name":"c-sonner-14","page":"https://reui.io/components/sonner/c-sonner-14","registryDependencies":["button","separator"],"title":"Custom invert error toast with details","type":"registry:block"},{"dependencies":["sonner"],"description":"Custom invert info toast with avatar","name":"c-sonner-15","page":"https://reui.io/components/sonner/c-sonner-15","registryDependencies":["avatar","button"],"title":"Custom invert info toast with avatar","type":"registry:block"},{"dependencies":["sonner"],"description":"Custom invert warning toast with countdown","name":"c-sonner-16","page":"https://reui.io/components/sonner/c-sonner-16","registryDependencies":["button"],"title":"Custom invert warning toast with countdown","type":"registry:block"},{"dependencies":["sonner"],"description":"Multi-action invert toast with avatar group","name":"c-sonner-17","page":"https://reui.io/components/sonner/c-sonner-17","registryDependencies":["avatar","button","separator"],"title":"Multi-action invert toast with avatar group","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast with close button on top-right","name":"c-sonner-18","page":"https://reui.io/components/sonner/c-sonner-18","registryDependencies":["button"],"title":"Toast with close button on top-right","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast with custom icon","name":"c-sonner-19","page":"https://reui.io/components/sonner/c-sonner-19","registryDependencies":["button"],"title":"Toast with custom icon","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast notification with description.","name":"c-sonner-2","page":"https://reui.io/components/sonner/c-sonner-2","registryDependencies":["button"],"title":"Toast notification with description.","type":"registry:block"},{"dependencies":["sonner"],"description":"Custom integration toast","name":"c-sonner-20","page":"https://reui.io/components/sonner/c-sonner-20","registryDependencies":["button","separator"],"title":"Custom integration toast","type":"registry:block"},{"dependencies":["sonner"],"description":"Updatable toast with ID","name":"c-sonner-21","page":"https://reui.io/components/sonner/c-sonner-21","registryDependencies":["button","spinner"],"title":"Updatable toast with ID","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast positions","name":"c-sonner-3","page":"https://reui.io/components/sonner/c-sonner-3","registryDependencies":["button"],"title":"Toast positions","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast variants with colored icons","name":"c-sonner-4","page":"https://reui.io/components/sonner/c-sonner-4","registryDependencies":["button"],"title":"Toast variants with colored icons","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast duration options","name":"c-sonner-5","page":"https://reui.io/components/sonner/c-sonner-5","registryDependencies":["button"],"title":"Toast duration options","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast with action button","name":"c-sonner-6","page":"https://reui.io/components/sonner/c-sonner-6","registryDependencies":["button"],"title":"Toast with action button","type":"registry:block"},{"dependencies":["sonner"],"description":"Promise toast with loading state","name":"c-sonner-7","page":"https://reui.io/components/sonner/c-sonner-7","registryDependencies":["button"],"title":"Promise toast with loading state","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast with custom close and cancel buttons","name":"c-sonner-8","page":"https://reui.io/components/sonner/c-sonner-8","registryDependencies":["button"],"title":"Toast with custom close and cancel buttons","type":"registry:block"},{"dependencies":["sonner"],"description":"Toast with custom rich content","name":"c-sonner-9","page":"https://reui.io/components/sonner/c-sonner-9","registryDependencies":["avatar","button"],"title":"Toast with custom rich content","type":"registry:block"},{"dependencies":["sonner"],"description":"Sortable list of items with drag-and-drop","name":"c-sortable-1","page":"https://reui.io/components/sortable/c-sortable-1","registryDependencies":["@reui/badge","@reui/sortable"],"title":"Sortable list of items with drag-and-drop","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Sortable list of items with grid layout","name":"c-sortable-2","page":"https://reui.io/components/sortable/c-sortable-2","registryDependencies":["@reui/badge","@reui/sortable"],"title":"Sortable list of items with grid layout","type":"registry:block"},{"dependencies":["sonner"],"description":"Sortable list of items with nested layout","name":"c-sortable-3","page":"https://reui.io/components/sortable/c-sortable-3","registryDependencies":["card","@reui/sortable"],"title":"Sortable list of items with nested layout","type":"registry:block"},{"description":"Sortable playlist with frame","name":"c-sortable-4","page":"https://reui.io/components/sortable/c-sortable-4","registryDependencies":["@reui/badge","@reui/frame","@reui/sortable"],"title":"Sortable playlist with frame","type":"registry:block"},{"description":"Sortable settings priority with frame","name":"c-sortable-5","page":"https://reui.io/components/sortable/c-sortable-5","registryDependencies":["@reui/frame","@reui/sortable","switch"],"title":"Sortable settings priority with frame","type":"registry:block"},{"description":"Sortable sidebar navigation with frame","name":"c-sortable-6","page":"https://reui.io/components/sortable/c-sortable-6","registryDependencies":["@reui/badge","@reui/frame","@reui/sortable"],"title":"Sortable sidebar navigation with frame","type":"registry:block"},{"description":"Sortable image gallery grid with frame","name":"c-sortable-7","page":"https://reui.io/components/sortable/c-sortable-7","registryDependencies":["@reui/frame","@reui/sortable"],"title":"Sortable image gallery grid with frame","type":"registry:block"},{"dependencies":["sonner"],"description":"Persist the new order with onValueCommit, optimistic updates, and Sonner rollback","name":"c-sortable-8","page":"https://reui.io/components/sortable/c-sortable-8","registryDependencies":["@reui/badge","@reui/sortable"],"title":"Sortable list persisted to a backend","type":"registry:block"},{"description":"Basic spinner.","name":"c-spinner-1","page":"https://reui.io/components/spinner/c-spinner-1","registryDependencies":["spinner"],"title":"Basic spinner.","type":"registry:block"},{"description":"Animated loading dots","name":"c-spinner-10","page":"https://reui.io/components/spinner/c-spinner-10","title":"Animated loading dots","type":"registry:block"},{"description":"Spinner overlay on card","name":"c-spinner-11","page":"https://reui.io/components/spinner/c-spinner-11","registryDependencies":["card","spinner"],"title":"Spinner overlay on card","type":"registry:block"},{"description":"Spinner color variants","name":"c-spinner-12","page":"https://reui.io/components/spinner/c-spinner-12","registryDependencies":["spinner"],"title":"Spinner color variants","type":"registry:block"},{"description":"Spinners in buttons.","name":"c-spinner-2","page":"https://reui.io/components/spinner/c-spinner-2","registryDependencies":["button","spinner"],"title":"Spinners in buttons.","type":"registry:block"},{"description":"Spinners in badges.","name":"c-spinner-3","page":"https://reui.io/components/spinner/c-spinner-3","registryDependencies":["@reui/badge","spinner"],"title":"Spinners in badges.","type":"registry:block"},{"description":"Spinner in input group.","name":"c-spinner-4","page":"https://reui.io/components/spinner/c-spinner-4","registryDependencies":["field","input-group","spinner"],"title":"Spinner in input group.","type":"registry:block"},{"description":"Spinner in empty state.","name":"c-spinner-5","page":"https://reui.io/components/spinner/c-spinner-5","registryDependencies":["button","empty","spinner"],"title":"Spinner in empty state.","type":"registry:block"},{"description":"Button loading states","name":"c-spinner-6","page":"https://reui.io/components/spinner/c-spinner-6","registryDependencies":["button","spinner"],"title":"Button loading states","type":"registry:block"},{"description":"Overlay loading spinner","name":"c-spinner-7","page":"https://reui.io/components/spinner/c-spinner-7","registryDependencies":["card","spinner"],"title":"Overlay loading spinner","type":"registry:block"},{"description":"Full page loading state","name":"c-spinner-8","page":"https://reui.io/components/spinner/c-spinner-8","registryDependencies":["card","spinner"],"title":"Full page loading state","type":"registry:block"},{"description":"Inline loading text with spinner","name":"c-spinner-9","page":"https://reui.io/components/spinner/c-spinner-9","registryDependencies":["spinner"],"title":"Inline loading text with spinner","type":"registry:block"},{"description":"Basic stepper","name":"c-stepper-1","page":"https://reui.io/components/stepper/c-stepper-1","registryDependencies":["@reui/stepper"],"title":"Basic stepper","type":"registry:block"},{"description":"Stepper with content for each step","name":"c-stepper-10","page":"https://reui.io/components/stepper/c-stepper-10","registryDependencies":["@reui/stepper"],"title":"Stepper with content for each step","type":"registry:block"},{"description":"Stepper with progress bar and titles","name":"c-stepper-11","page":"https://reui.io/components/stepper/c-stepper-11","registryDependencies":["@reui/stepper"],"title":"Stepper with progress bar and titles","type":"registry:block"},{"dependencies":["cn"],"description":"Stepper with segmented progress bar","name":"c-stepper-12","page":"https://reui.io/components/stepper/c-stepper-12","registryDependencies":["button","@reui/stepper"],"title":"Stepper with segmented progress bar","type":"registry:block"},{"description":"Stepper with vertical orientation and descriptions","name":"c-stepper-13","page":"https://reui.io/components/stepper/c-stepper-13","registryDependencies":["@reui/stepper"],"title":"Stepper with vertical orientation and descriptions","type":"registry:block"},{"description":"Stepper with vertical orientation","name":"c-stepper-14","page":"https://reui.io/components/stepper/c-stepper-14","registryDependencies":["@reui/stepper"],"title":"Stepper with vertical orientation","type":"registry:block"},{"description":"Stepper with vertical orientation and titles","name":"c-stepper-15","page":"https://reui.io/components/stepper/c-stepper-15","registryDependencies":["button","@reui/stepper"],"title":"Stepper with vertical orientation and titles","type":"registry:block"},{"dependencies":["cn"],"description":"A vertical rail of 5 delivery addresses joined by dotted connectors, an On time badge on the current stop and arrival times on hover.","name":"c-stepper-16","page":"https://reui.io/components/stepper/c-stepper-16","registryDependencies":["@reui/badge","button","separator","@reui/stepper","tooltip"],"title":"Stepper with delivery stops and ETAs","type":"registry:block"},{"dependencies":["cn"],"description":"5 label-free dots for a workspace setup flow, with the step count, name and hint of the selected step shown below.","name":"c-stepper-17","page":"https://reui.io/components/stepper/c-stepper-17","registryDependencies":["button","@reui/stepper"],"title":"Stepper with dotted progress","type":"registry:block"},{"dependencies":["cn"],"description":"5 delivery run stages from loading to return, each with a time and dashed-leader rows such as gate, delay, ETA and battery.","name":"c-stepper-18","page":"https://reui.io/components/stepper/c-stepper-18","registryDependencies":["avatar","@reui/badge","button","carousel","@reui/stepper"],"title":"Stepper with key-value stage details","type":"registry:block"},{"description":"3 resolution steps in a framed header bar with check or dashed ring tiles and subtitles, collapsing to tiles alone when narrow.","name":"c-stepper-19","page":"https://reui.io/components/stepper/c-stepper-19","registryDependencies":["button","empty","@reui/frame","@reui/icon-tile","@reui/stepper"],"title":"Stepper with icon tiles in a frame","type":"registry:block"},{"description":"Stepper with completed state","name":"c-stepper-2","page":"https://reui.io/components/stepper/c-stepper-2","registryDependencies":["@reui/stepper"],"title":"Stepper with completed state","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react","cn"],"description":"6 purchase orders that expand into 3-way match checks, each passed, failed with an issue count, or pending, with payment links under More.","name":"c-stepper-20","page":"https://reui.io/components/stepper/c-stepper-20","registryDependencies":["@reui/badge","button","dropdown-menu","separator","@reui/tree"],"title":"Stepper with purchase order checks","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react","cn"],"description":"29 security checks under 12 numbered steps in 4 areas, with finding counts and severity badges, and Previous and Next closing the branch they leave.","name":"c-stepper-21","page":"https://reui.io/components/stepper/c-stepper-21","registryDependencies":["@reui/badge","button","separator","@reui/tree"],"title":"Stepper with grouped security checks","type":"registry:block"},{"dependencies":["cn"],"description":"4 billing setup steps as colored bars along the panel's bottom edge, the active one thicker, under the current step's icon, name and hint.","name":"c-stepper-22","page":"https://reui.io/components/stepper/c-stepper-22","registryDependencies":["button","@reui/frame","@reui/icon-stack","@reui/stepper"],"title":"Stepper with color-coded bottom bars","type":"registry:block"},{"dependencies":["cn"],"description":"Adding a payment card in 4 steps, each tab with its own color bar on the top edge that thickens when selected, over a card drawing and a caption.","name":"c-stepper-23","page":"https://reui.io/components/stepper/c-stepper-23","registryDependencies":["button","@reui/frame","@reui/stepper"],"title":"Stepper with top color bars and card art","type":"registry:block"},{"description":"4 incident resolution steps in a vertical list, each row showing an icon, a title, a subtitle and its status, above the selected step's detail line.","name":"c-stepper-24","page":"https://reui.io/components/stepper/c-stepper-24","registryDependencies":["button","@reui/frame","@reui/icon-tile","@reui/stepper"],"title":"Stepper with icon tile rows","type":"registry:block"},{"dependencies":["cn"],"description":"A refund case in 4 phases labeled Phase 1 to 4, joined by a single track with a dot per phase and slash dividers, above the selected phase's summary.","name":"c-stepper-25","page":"https://reui.io/components/stepper/c-stepper-25","registryDependencies":["button","@reui/stepper"],"title":"Stepper with phase track","type":"registry:block"},{"dependencies":["cn"],"description":"Shipment tracking across 4 stops from loading to delivery, with the time each stop was reached above a dot on a shared track and a summary per stop.","name":"c-stepper-26","page":"https://reui.io/components/stepper/c-stepper-26","registryDependencies":["button","@reui/stepper"],"title":"Stepper with timestamped checkpoints","type":"registry:block"},{"dependencies":["cn"],"description":"4-stop freight route with times, Est. and ETA labels and a ticked track where an arrow leads toward the current stop, plus a summary per stop.","name":"c-stepper-27","page":"https://reui.io/components/stepper/c-stepper-27","registryDependencies":["button","@reui/stepper"],"title":"Stepper with transit arrow","type":"registry:block"},{"dependencies":["cn"],"description":"5-step new hire onboarding shown as step names split by chevrons, with a step counter, a 5-segment bar and the selected step's summary below.","name":"c-stepper-28","page":"https://reui.io/components/stepper/c-stepper-28","registryDependencies":["button","@reui/stepper"],"title":"Stepper with breadcrumb steps","type":"registry:block"},{"dependencies":["cn"],"description":"5 new hire onboarding steps in a single row of small status dots and names, with connectors that turn blue as steps finish and a summary below.","name":"c-stepper-29","page":"https://reui.io/components/stepper/c-stepper-29","registryDependencies":["button","@reui/stepper"],"title":"Stepper with compact inline progress","type":"registry:block"},{"description":"Stepper with loading state","name":"c-stepper-3","page":"https://reui.io/components/stepper/c-stepper-3","registryDependencies":["@reui/stepper"],"title":"Stepper with loading state","type":"registry:block"},{"dependencies":["cn"],"description":"7 stops on a 2,890 km truck run from Memphis to Los Angeles, with dashed legs, 8H rest badges and a truck on the leg in progress.","name":"c-stepper-30","page":"https://reui.io/components/stepper/c-stepper-30","registryDependencies":["@reui/badge","button","@reui/icon-tile","@reui/stepper"],"title":"Stepper with truck route and rest stops","type":"registry:block"},{"description":"4 incident resolution steps, each a tinted icon tile with its title and step number, joined by chevrons, with the step's detail below.","name":"c-stepper-31","page":"https://reui.io/components/stepper/c-stepper-31","registryDependencies":["button","@reui/icon-tile","@reui/stepper"],"title":"Stepper with icon tiles and chevrons","type":"registry:block"},{"dependencies":["cn"],"description":"7 sales pipeline stages from Lead to Approval as a bar of interlocking arrows, each with a numbered keycap and the current stage filled blue.","name":"c-stepper-32","page":"https://reui.io/components/stepper/c-stepper-32","registryDependencies":["button","@reui/icon-tile","@reui/stepper"],"title":"Stepper with numbered chevron stages","type":"registry:block"},{"dependencies":["cn"],"description":"8 proposal steps as nested arrows in a frame, green with a check once finished, solid blue with a spinner when current and dashed rings ahead.","name":"c-stepper-33","page":"https://reui.io/components/stepper/c-stepper-33","registryDependencies":["button","@reui/frame","@reui/stepper"],"title":"Stepper with filled status chevrons","type":"registry:block"},{"dependencies":["cn"],"description":"6 proposal steps as nested arrows after a done count, finished ones outlined in green with a check and the current one in blue with a spinner.","name":"c-stepper-34","page":"https://reui.io/components/stepper/c-stepper-34","registryDependencies":["button","@reui/frame","@reui/stepper"],"title":"Stepper with outlined chevron plan","type":"registry:block"},{"description":"6 contract steps as borderless arrows after a done count, finished ones in darker gray with a check and the current one tinted blue with a spinner.","name":"c-stepper-35","page":"https://reui.io/components/stepper/c-stepper-35","registryDependencies":["button","@reui/frame","@reui/stepper"],"title":"Stepper with flat chevron plan","type":"registry:block"},{"dependencies":["cn"],"description":"5 ports from Singapore to Hamburg, each with carrier, voyage and dates over dashed leaders, and a wave marking the leg in progress.","name":"c-stepper-36","page":"https://reui.io/components/stepper/c-stepper-36","registryDependencies":["avatar","@reui/badge","button","@reui/icon-tile","@reui/stepper"],"title":"Stepper with shipping route and stop details","type":"registry:block"},{"dependencies":["cn"],"description":"4 incident rollback steps as clickable icon cards that wrap to 2 columns when narrow, with a corner check on done cards and the step detail below.","name":"c-stepper-37","page":"https://reui.io/components/stepper/c-stepper-37","registryDependencies":["button","@reui/frame","@reui/icon-tile","@reui/stepper"],"title":"Stepper with horizontal step cards","type":"registry:block"},{"dependencies":["cn"],"description":"Order tracking across 6 stages from placed to delivered, with a green plane badge on the current stage and a dashed track that fills green behind it.","name":"c-stepper-38","page":"https://reui.io/components/stepper/c-stepper-38","registryDependencies":["@reui/badge","button","@reui/stepper"],"title":"Stepper with shipment progress bar","type":"registry:block"},{"dependencies":["cn"],"description":"4 incident rollback steps as stacked icon cards beside the step detail, done cards tinted green with a corner check, plus Previous and Next.","name":"c-stepper-39","page":"https://reui.io/components/stepper/c-stepper-39","registryDependencies":["button","@reui/frame","@reui/icon-tile","separator","@reui/stepper"],"title":"Stepper with vertical step cards","type":"registry:block"},{"description":"Controlled stepper","name":"c-stepper-4","page":"https://reui.io/components/stepper/c-stepper-4","registryDependencies":["button","@reui/stepper"],"title":"Controlled stepper","type":"registry:block"},{"description":"6 incident response steps as rows with their own icons, a blue bar on the current row, green checks on done rows and the step detail beside them.","name":"c-stepper-40","page":"https://reui.io/components/stepper/c-stepper-40","registryDependencies":["button","@reui/frame","separator","@reui/stepper"],"title":"Stepper with side rail and step icons","type":"registry:block"},{"description":"6 incident response steps with a status glyph per row: a check when done, a spinning ring on the current step and a dashed circle for the rest.","name":"c-stepper-41","page":"https://reui.io/components/stepper/c-stepper-41","registryDependencies":["button","@reui/frame","separator","@reui/stepper"],"title":"Stepper with status list","type":"registry:block"},{"description":"5 incident resolution steps, each marked by a thin vertical bar that is gray, green when done or dashed blue while current, with the detail beside.","name":"c-stepper-42","page":"https://reui.io/components/stepper/c-stepper-42","registryDependencies":["button","separator","@reui/stepper"],"title":"Stepper with vertical status bars","type":"registry:block"},{"dependencies":["cn"],"description":"5 ticket resolution phases holding 17 tasks, where the open phase lists its task status in a bordered box and folds away when clicked again.","name":"c-stepper-43","page":"https://reui.io/components/stepper/c-stepper-43","registryDependencies":["button","collapsible","@reui/frame","separator","@reui/stepper"],"title":"Stepper with sub-steps in a collapsible card","type":"registry:block"},{"dependencies":["cn"],"description":"5 ticket resolution phases on a vertical rail, only the current one unfolding its tasks, while Previous and Next walk all 17 tasks in order.","name":"c-stepper-44","page":"https://reui.io/components/stepper/c-stepper-44","registryDependencies":["button","collapsible","separator","@reui/stepper"],"title":"Stepper with right-aligned sub-steps","type":"registry:block"},{"description":"Stepper with title and indicator","name":"c-stepper-5","page":"https://reui.io/components/stepper/c-stepper-5","registryDependencies":["@reui/stepper"],"title":"Stepper with title and indicator","type":"registry:block"},{"description":"Stepper with progress bar indicator","name":"c-stepper-6","page":"https://reui.io/components/stepper/c-stepper-6","registryDependencies":["@reui/stepper"],"title":"Stepper with progress bar indicator","type":"registry:block"},{"description":"Stepper with icons and badges","name":"c-stepper-7","page":"https://reui.io/components/stepper/c-stepper-7","registryDependencies":["@reui/badge","button","@reui/stepper"],"title":"Stepper with icons and badges","type":"registry:block"},{"description":"Stepper with descriptions","name":"c-stepper-8","page":"https://reui.io/components/stepper/c-stepper-8","registryDependencies":["@reui/stepper"],"title":"Stepper with descriptions","type":"registry:block"},{"description":"Stepper with inline titles","name":"c-stepper-9","page":"https://reui.io/components/stepper/c-stepper-9","registryDependencies":["@reui/stepper"],"title":"Stepper with inline titles","type":"registry:block"},{"description":"Basic switch.","name":"c-switch-1","page":"https://reui.io/components/switch/c-switch-1","registryDependencies":["field","switch"],"title":"Basic switch.","type":"registry:block"},{"description":"Switch with badges","name":"c-switch-10","page":"https://reui.io/components/switch/c-switch-10","registryDependencies":["badge","field","switch"],"title":"Switch with badges","type":"registry:block"},{"description":"Colored switches","name":"c-switch-11","page":"https://reui.io/components/switch/c-switch-11","registryDependencies":["field","switch"],"title":"Colored switches","type":"registry:block"},{"description":"Destructive switch with confirmation text","name":"c-switch-12","page":"https://reui.io/components/switch/c-switch-12","registryDependencies":["field","switch"],"title":"Destructive switch with confirmation text","type":"registry:block"},{"description":"Compact settings table with switches","name":"c-switch-13","page":"https://reui.io/components/switch/c-switch-13","registryDependencies":["separator","switch"],"title":"Compact settings table with switches","type":"registry:block"},{"description":"Switch with descriptions in card grid","name":"c-switch-14","page":"https://reui.io/components/switch/c-switch-14","registryDependencies":["field","switch"],"title":"Switch with descriptions in card grid","type":"registry:block"},{"description":"Switch with description.","name":"c-switch-2","page":"https://reui.io/components/switch/c-switch-2","registryDependencies":["field","switch"],"title":"Switch with description.","type":"registry:block"},{"description":"Disabled switch.","name":"c-switch-3","page":"https://reui.io/components/switch/c-switch-3","registryDependencies":["label","switch"],"title":"Disabled switch.","type":"registry:block"},{"description":"Switch in different sizes.","name":"c-switch-4","page":"https://reui.io/components/switch/c-switch-4","registryDependencies":["label","switch"],"title":"Switch in different sizes.","type":"registry:block"},{"description":"Switch group","name":"c-switch-5","page":"https://reui.io/components/switch/c-switch-5","registryDependencies":["field","switch"],"title":"Switch group","type":"registry:block"},{"description":"Switch list in card with separators","name":"c-switch-6","page":"https://reui.io/components/switch/c-switch-6","registryDependencies":["card","field","separator","switch"],"title":"Switch list in card with separators","type":"registry:block"},{"description":"Switch list in card with icons","name":"c-switch-7","page":"https://reui.io/components/switch/c-switch-7","registryDependencies":["card","field","separator","switch"],"title":"Switch list in card with icons","type":"registry:block"},{"description":"Switch in frame","name":"c-switch-8","page":"https://reui.io/components/switch/c-switch-8","registryDependencies":["field","@reui/frame","separator","switch"],"title":"Switch in frame","type":"registry:block"},{"description":"Switch with tooltip info","name":"c-switch-9","page":"https://reui.io/components/switch/c-switch-9","registryDependencies":["field","switch","tooltip"],"title":"Switch with tooltip info","type":"registry:block"},{"description":"Basic table.","name":"c-table-1","page":"https://reui.io/components/table/c-table-1","registryDependencies":["table"],"title":"Basic table.","type":"registry:block"},{"description":"Subscriptions table with plan badges and billing info","name":"c-table-10","page":"https://reui.io/components/table/c-table-10","registryDependencies":["@reui/badge","button","table"],"title":"Subscriptions table with plan badges and billing info","type":"registry:block"},{"description":"Product inventory table with stock badges and prices","name":"c-table-11","page":"https://reui.io/components/table/c-table-11","registryDependencies":["@reui/badge","button","dropdown-menu","table"],"title":"Product inventory table with stock badges and prices","type":"registry:block"},{"description":"API keys table with permission badges and actions","name":"c-table-12","page":"https://reui.io/components/table/c-table-12","registryDependencies":["@reui/badge","button","card","table"],"title":"API keys table with permission badges and actions","type":"registry:block"},{"description":"File manager table with owners and sharing badges","name":"c-table-13","page":"https://reui.io/components/table/c-table-13","registryDependencies":["avatar","@reui/badge","table"],"title":"File manager table with owners and sharing badges","type":"registry:block"},{"description":"Issues table with priority, assignee, and labels","name":"c-table-14","page":"https://reui.io/components/table/c-table-14","registryDependencies":["avatar","@reui/badge","card","table"],"title":"Issues table with priority, assignee, and labels","type":"registry:block"},{"description":"Leaderboard table with rank, score, and level badges","name":"c-table-15","page":"https://reui.io/components/table/c-table-15","registryDependencies":["avatar","@reui/badge","table"],"title":"Leaderboard table with rank, score, and level badges","type":"registry:block"},{"description":"Vertical table with employee profile details","name":"c-table-16","page":"https://reui.io/components/table/c-table-16","registryDependencies":["avatar","@reui/badge","table"],"title":"Vertical table with employee profile details","type":"registry:block"},{"description":"Vertical table with server configuration details","name":"c-table-17","page":"https://reui.io/components/table/c-table-17","registryDependencies":["@reui/badge","@reui/frame","table"],"title":"Vertical table with server configuration details","type":"registry:block"},{"description":"Table with footer.","name":"c-table-2","page":"https://reui.io/components/table/c-table-2","registryDependencies":["table"],"title":"Table with footer.","type":"registry:block"},{"description":"Table in card with status badges.","name":"c-table-3","page":"https://reui.io/components/table/c-table-3","registryDependencies":["card","table"],"title":"Table in card with status badges.","type":"registry:block"},{"description":"Table card with actions column.","name":"c-table-4","page":"https://reui.io/components/table/c-table-4","registryDependencies":["button","card","dropdown-menu","table"],"title":"Table card with actions column.","type":"registry:block"},{"description":"Table with interactive elements.","name":"c-table-5","page":"https://reui.io/components/table/c-table-5","registryDependencies":["card","input","table"],"title":"Table with interactive elements.","type":"registry:block"},{"description":"Team members table with avatars, roles, and status","name":"c-table-6","page":"https://reui.io/components/table/c-table-6","registryDependencies":["avatar","@reui/badge","@reui/frame","table"],"title":"Team members table with avatars, roles, and status","type":"registry:block"},{"description":"Orders table with customer info and payment status","name":"c-table-7","page":"https://reui.io/components/table/c-table-7","registryDependencies":["avatar","@reui/badge","table"],"title":"Orders table with customer info and payment status","type":"registry:block"},{"description":"Projects table with team avatars and status","name":"c-table-8","page":"https://reui.io/components/table/c-table-8","registryDependencies":["avatar","@reui/badge","table"],"title":"Projects table with team avatars and status","type":"registry:block"},{"description":"Activity log table with user avatars and timestamps","name":"c-table-9","page":"https://reui.io/components/table/c-table-9","registryDependencies":["avatar","@reui/badge","@reui/frame","table"],"title":"Activity log table with user avatars and timestamps","type":"registry:block"},{"description":"Basic tabs.","name":"c-tabs-1","page":"https://reui.io/components/tabs/c-tabs-1","registryDependencies":["button","card","input","label","tabs"],"title":"Basic tabs.","type":"registry:block"},{"description":"Tabs with line variant.","name":"c-tabs-2","page":"https://reui.io/components/tabs/c-tabs-2","registryDependencies":["button","card","input","label","tabs"],"title":"Tabs with line variant.","type":"registry:block"},{"description":"Tabs with vertical orientation.","name":"c-tabs-3","page":"https://reui.io/components/tabs/c-tabs-3","registryDependencies":["button","card","input","label","tabs"],"title":"Tabs with vertical orientation.","type":"registry:block"},{"description":"Tabs with vertical orientation and line variant.","name":"c-tabs-4","page":"https://reui.io/components/tabs/c-tabs-4","registryDependencies":["button","card","input","label","tabs"],"title":"Tabs with vertical orientation and line variant.","type":"registry:block"},{"description":"Tabs with icons.","name":"c-tabs-5","page":"https://reui.io/components/tabs/c-tabs-5","registryDependencies":["button","card","input","label","tabs"],"title":"Tabs with icons.","type":"registry:block"},{"description":"Tabs with icons","name":"c-tabs-6","page":"https://reui.io/components/tabs/c-tabs-6","registryDependencies":["card","tabs"],"title":"Tabs with icons","type":"registry:block"},{"description":"Tabs with badge counts","name":"c-tabs-7","page":"https://reui.io/components/tabs/c-tabs-7","registryDependencies":["@reui/badge","card","tabs"],"title":"Tabs with badge counts","type":"registry:block"},{"description":"Tabs with icons and line variant","name":"c-tabs-8","page":"https://reui.io/components/tabs/c-tabs-8","registryDependencies":["@reui/badge","card","tabs"],"title":"Tabs with icons and line variant","type":"registry:block"},{"description":"Segmented control tabs","name":"c-tabs-9","page":"https://reui.io/components/tabs/c-tabs-9","registryDependencies":["card","tabs"],"title":"Segmented control tabs","type":"registry:block"},{"description":"Basic textarea.","name":"c-textarea-1","page":"https://reui.io/components/textarea/c-textarea-1","registryDependencies":["textarea"],"title":"Basic textarea.","type":"registry:block"},{"description":"Invalid textarea.","name":"c-textarea-2","page":"https://reui.io/components/textarea/c-textarea-2","registryDependencies":["textarea"],"title":"Invalid textarea.","type":"registry:block"},{"description":"Textarea with label.","name":"c-textarea-3","page":"https://reui.io/components/textarea/c-textarea-3","registryDependencies":["field","textarea"],"title":"Textarea with label.","type":"registry:block"},{"description":"Textarea with description.","name":"c-textarea-4","page":"https://reui.io/components/textarea/c-textarea-4","registryDependencies":["field","textarea"],"title":"Textarea with description.","type":"registry:block"},{"description":"Disabled textarea.","name":"c-textarea-5","page":"https://reui.io/components/textarea/c-textarea-5","registryDependencies":["field","textarea"],"title":"Disabled textarea.","type":"registry:block"},{"description":"Auto-resize textarea with character count","name":"c-textarea-6","page":"https://reui.io/components/textarea/c-textarea-6","registryDependencies":["field","textarea"],"title":"Auto-resize textarea with character count","type":"registry:block"},{"description":"Hour and minute columns rendered in place, with Now, Clear and a live readout.","name":"c-time-picker-1","page":"https://reui.io/components/time-picker/c-time-picker-1","registryDependencies":["card","@reui/time-picker"],"title":"Inline time panel","type":"registry:block"},{"description":"Column picks stay a draft until OK, so a shift change applies once.","name":"c-time-picker-10","page":"https://reui.io/components/time-picker/c-time-picker-10","registryDependencies":["field","@reui/time-picker"],"title":"Confirm before applying","type":"registry:block"},{"description":"English, German, Chinese and Arabic labels, clocks and digits, with Arabic right to left.","name":"c-time-picker-11","page":"https://reui.io/components/time-picker/c-time-picker-11","registryDependencies":["card","tabs","@reui/time-picker"],"title":"Localized labels","type":"registry:block"},{"description":"Native form field with a required check, an error, reset and the submitted value.","name":"c-time-picker-12","page":"https://reui.io/components/time-picker/c-time-picker-12","registryDependencies":["button","field","@reui/time-picker"],"title":"Form field with validation","type":"registry:block"},{"description":"Schedule a post with a calendar and time columns side by side in one card.","name":"c-time-picker-13","page":"https://reui.io/components/time-picker/c-time-picker-13","registryDependencies":["button","calendar","card","@reui/time-picker"],"title":"Date and time","type":"registry:block"},{"description":"Outline trigger in a labelled field that opens hour and minute columns with Now, Clear and OK.","name":"c-time-picker-2","page":"https://reui.io/components/time-picker/c-time-picker-2","registryDependencies":["field","@reui/time-picker"],"title":"Popover picker","type":"registry:block"},{"description":"Type 930, 14:30 or 2:30 pm, or step through free times with the arrow keys.","name":"c-time-picker-3","page":"https://reui.io/components/time-picker/c-time-picker-3","registryDependencies":["field","@reui/time-picker"],"title":"Typable time input","type":"registry:block"},{"description":"Hour, minute, second and AM/PM columns for a stream go-live time.","name":"c-time-picker-4","page":"https://reui.io/components/time-picker/c-time-picker-4","registryDependencies":["field","@reui/time-picker"],"title":"12-hour clock with seconds","type":"registry:block"},{"description":"A daily digest send time picked by the hour in a settings row.","name":"c-time-picker-5","page":"https://reui.io/components/time-picker/c-time-picker-5","registryDependencies":["item","@reui/time-picker"],"title":"Hour only","type":"registry:block"},{"description":"15-minute steps limited to 08:30 to 17:30, with out-of-range hours disabled.","name":"c-time-picker-6","page":"https://reui.io/components/time-picker/c-time-picker-6","registryDependencies":["field","@reui/time-picker"],"title":"Steps and opening hours","type":"registry:block"},{"description":"30-minute appointment slots with the lunch hour and booked times disabled.","name":"c-time-picker-7","page":"https://reui.io/components/time-picker/c-time-picker-7","registryDependencies":["field","@reui/time-picker"],"title":"Unavailable slots","type":"registry:block"},{"description":"A meeting range where the end stays after the start and the duration updates.","name":"c-time-picker-8","page":"https://reui.io/components/time-picker/c-time-picker-8","registryDependencies":["field","@reui/time-picker"],"title":"Start and end time","type":"registry:block"},{"description":"Event time in the venue's time zone, shown in the trigger, with a footer that leaves out Now.","name":"c-time-picker-9","page":"https://reui.io/components/time-picker/c-time-picker-9","registryDependencies":["field","@reui/time-picker"],"title":"Time zone label","type":"registry:block"},{"description":"Basic timeline.","name":"c-timeline-1","page":"https://reui.io/components/timeline/c-timeline-1","registryDependencies":["@reui/timeline"],"title":"Basic timeline.","type":"registry:block"},{"dependencies":["cn"],"description":"Deployment log timeline","name":"c-timeline-10","page":"https://reui.io/components/timeline/c-timeline-10","registryDependencies":["@reui/badge","@reui/timeline"],"title":"Deployment log timeline","type":"registry:block"},{"description":"Activity feed timeline with user avatars","name":"c-timeline-11","page":"https://reui.io/components/timeline/c-timeline-11","registryDependencies":["avatar","@reui/timeline"],"title":"Activity feed timeline with user avatars","type":"registry:block"},{"dependencies":["cn"],"description":"Compact horizontal milestone timeline","name":"c-timeline-12","page":"https://reui.io/components/timeline/c-timeline-12","registryDependencies":["@reui/badge","@reui/timeline"],"title":"Compact horizontal milestone timeline","type":"registry:block"},{"description":"Timeline with roadmap.","name":"c-timeline-2","page":"https://reui.io/components/timeline/c-timeline-2","registryDependencies":["@reui/timeline"],"title":"Timeline with roadmap.","type":"registry:block"},{"description":"Timeline with order status.","name":"c-timeline-3","page":"https://reui.io/components/timeline/c-timeline-3","registryDependencies":["@reui/timeline"],"title":"Timeline with order status.","type":"registry:block"},{"description":"Timeline with git activity.","name":"c-timeline-4","page":"https://reui.io/components/timeline/c-timeline-4","registryDependencies":["@reui/timeline"],"title":"Timeline with git activity.","type":"registry:block"},{"dependencies":["cn"],"description":"Timeline with milestones.","name":"c-timeline-5","page":"https://reui.io/components/timeline/c-timeline-5","registryDependencies":["@reui/timeline"],"title":"Timeline with milestones.","type":"registry:block"},{"dependencies":["cn"],"description":"Timeline with pipeline steps.","name":"c-timeline-6","page":"https://reui.io/components/timeline/c-timeline-6","registryDependencies":["avatar","@reui/badge","collapsible","@reui/frame","spinner","@reui/timeline"],"title":"Timeline with pipeline steps.","type":"registry:block"},{"dependencies":["cn"],"description":"Timeline with roadmap items.","name":"c-timeline-7","page":"https://reui.io/components/timeline/c-timeline-7","registryDependencies":["@reui/timeline"],"title":"Timeline with roadmap items.","type":"registry:block"},{"description":"Vertical timeline","name":"c-timeline-8","page":"https://reui.io/components/timeline/c-timeline-8","registryDependencies":["@reui/timeline"],"title":"Vertical timeline","type":"registry:block"},{"description":"Horizontal timeline with leading labels","name":"c-timeline-9","page":"https://reui.io/components/timeline/c-timeline-9","registryDependencies":["@reui/timeline"],"title":"Horizontal timeline with leading labels","type":"registry:block"},{"description":"Basic toggle.","name":"c-toggle-1","page":"https://reui.io/components/toggle/c-toggle-1","registryDependencies":["toggle"],"title":"Basic toggle.","type":"registry:block"},{"description":"Toggle with text label that changes","name":"c-toggle-10","page":"https://reui.io/components/toggle/c-toggle-10","registryDependencies":["toggle"],"title":"Toggle with text label that changes","type":"registry:block"},{"description":"Social media reaction toggles","name":"c-toggle-11","page":"https://reui.io/components/toggle/c-toggle-11","registryDependencies":["toggle"],"title":"Social media reaction toggles","type":"registry:block"},{"description":"Toggle with tooltip","name":"c-toggle-12","page":"https://reui.io/components/toggle/c-toggle-12","registryDependencies":["toggle","tooltip"],"title":"Toggle with tooltip","type":"registry:block"},{"description":"Disabled toggle states","name":"c-toggle-13","page":"https://reui.io/components/toggle/c-toggle-13","registryDependencies":["toggle"],"title":"Disabled toggle states","type":"registry:block"},{"description":"Toggle as mute/unmute button","name":"c-toggle-14","page":"https://reui.io/components/toggle/c-toggle-14","registryDependencies":["toggle"],"title":"Toggle as mute/unmute button","type":"registry:block"},{"description":"Toggle buttons with outline variant.","name":"c-toggle-2","page":"https://reui.io/components/toggle/c-toggle-2","registryDependencies":["toggle"],"title":"Toggle buttons with outline variant.","type":"registry:block"},{"description":"Toggle buttons in different sizes.","name":"c-toggle-3","page":"https://reui.io/components/toggle/c-toggle-3","registryDependencies":["toggle"],"title":"Toggle buttons in different sizes.","type":"registry:block"},{"description":"Toggle with button and icon.","name":"c-toggle-4","page":"https://reui.io/components/toggle/c-toggle-4","registryDependencies":["button","toggle"],"title":"Toggle with button and icon.","type":"registry:block"},{"description":"Disabled toggle.","name":"c-toggle-5","page":"https://reui.io/components/toggle/c-toggle-5","registryDependencies":["toggle"],"title":"Disabled toggle.","type":"registry:block"},{"description":"Toggle with icon.","name":"c-toggle-6","page":"https://reui.io/components/toggle/c-toggle-6","registryDependencies":["toggle"],"title":"Toggle with icon.","type":"registry:block"},{"description":"Toggle with notification count badge","name":"c-toggle-7","page":"https://reui.io/components/toggle/c-toggle-7","registryDependencies":["@reui/badge","toggle"],"title":"Toggle with notification count badge","type":"registry:block"},{"description":"Toggle size variants showcase","name":"c-toggle-8","page":"https://reui.io/components/toggle/c-toggle-8","registryDependencies":["toggle"],"title":"Toggle size variants showcase","type":"registry:block"},{"description":"Toggle with icon swap on press","name":"c-toggle-9","page":"https://reui.io/components/toggle/c-toggle-9","registryDependencies":["toggle"],"title":"Toggle with icon swap on press","type":"registry:block"},{"description":"Basic toggle group.","name":"c-toggle-group-1","page":"https://reui.io/components/toggle-group/c-toggle-group-1","registryDependencies":["toggle-group"],"title":"Basic toggle group.","type":"registry:block"},{"description":"Toggle group for color theme","name":"c-toggle-group-10","page":"https://reui.io/components/toggle-group/c-toggle-group-10","registryDependencies":["toggle-group"],"title":"Toggle group for color theme","type":"registry:block"},{"description":"Toggle group for font size","name":"c-toggle-group-11","page":"https://reui.io/components/toggle-group/c-toggle-group-11","registryDependencies":["toggle-group"],"title":"Toggle group for font size","type":"registry:block"},{"description":"Toggle group for time range filter","name":"c-toggle-group-12","page":"https://reui.io/components/toggle-group/c-toggle-group-12","registryDependencies":["toggle-group"],"title":"Toggle group for time range filter","type":"registry:block"},{"description":"Toggle group for notification channels","name":"c-toggle-group-13","page":"https://reui.io/components/toggle-group/c-toggle-group-13","registryDependencies":["toggle-group"],"title":"Toggle group for notification channels","type":"registry:block"},{"description":"Toggle group for layout columns","name":"c-toggle-group-14","page":"https://reui.io/components/toggle-group/c-toggle-group-14","registryDependencies":["toggle-group"],"title":"Toggle group for layout columns","type":"registry:block"},{"description":"Toggle group for sort direction","name":"c-toggle-group-15","page":"https://reui.io/components/toggle-group/c-toggle-group-15","registryDependencies":["toggle-group"],"title":"Toggle group for sort direction","type":"registry:block"},{"description":"Toggle group for pricing tier","name":"c-toggle-group-16","page":"https://reui.io/components/toggle-group/c-toggle-group-16","registryDependencies":["toggle-group"],"title":"Toggle group for pricing tier","type":"registry:block"},{"description":"Toggle group with outline variant.","name":"c-toggle-group-2","page":"https://reui.io/components/toggle-group/c-toggle-group-2","registryDependencies":["toggle-group"],"title":"Toggle group with outline variant.","type":"registry:block"},{"description":"Toggle groups in different sizes.","name":"c-toggle-group-3","page":"https://reui.io/components/toggle-group/c-toggle-group-3","registryDependencies":["toggle-group"],"title":"Toggle groups in different sizes.","type":"registry:block"},{"description":"Toggle group with custom spacing.","name":"c-toggle-group-4","page":"https://reui.io/components/toggle-group/c-toggle-group-4","registryDependencies":["toggle-group"],"title":"Toggle group with custom spacing.","type":"registry:block"},{"description":"Toggle group with filter control.","name":"c-toggle-group-5","page":"https://reui.io/components/toggle-group/c-toggle-group-5","registryDependencies":["toggle-group"],"title":"Toggle group with filter control.","type":"registry:block"},{"description":"Toggle group with vertical orientation.","name":"c-toggle-group-6","page":"https://reui.io/components/toggle-group/c-toggle-group-6","registryDependencies":["toggle-group"],"title":"Toggle group with vertical orientation.","type":"registry:block"},{"description":"Toggle group for text alignment","name":"c-toggle-group-7","page":"https://reui.io/components/toggle-group/c-toggle-group-7","registryDependencies":["toggle-group"],"title":"Toggle group for text alignment","type":"registry:block"},{"description":"Toggle group for view mode switching","name":"c-toggle-group-8","page":"https://reui.io/components/toggle-group/c-toggle-group-8","registryDependencies":["toggle-group"],"title":"Toggle group for view mode switching","type":"registry:block"},{"description":"Vertical toggle group for settings","name":"c-toggle-group-9","page":"https://reui.io/components/toggle-group/c-toggle-group-9","registryDependencies":["toggle-group"],"title":"Vertical toggle group for settings","type":"registry:block"},{"description":"Basic tooltip.","name":"c-tooltip-1","page":"https://reui.io/components/tooltip/c-tooltip-1","registryDependencies":["button","tooltip"],"title":"Basic tooltip.","type":"registry:block"},{"description":"Tooltip with feature badge and upgrade link","name":"c-tooltip-10","page":"https://reui.io/components/tooltip/c-tooltip-10","registryDependencies":["@reui/badge","button","tooltip"],"title":"Tooltip with feature badge and upgrade link","type":"registry:block"},{"description":"Tooltip with avatar and role badge","name":"c-tooltip-11","page":"https://reui.io/components/tooltip/c-tooltip-11","registryDependencies":["avatar","@reui/badge","tooltip"],"title":"Tooltip with avatar and role badge","type":"registry:block"},{"description":"Tooltip on disabled button with wrapper","name":"c-tooltip-12","page":"https://reui.io/components/tooltip/c-tooltip-12","registryDependencies":["button","tooltip"],"title":"Tooltip on disabled button with wrapper","type":"registry:block"},{"description":"Tooltip with online status indicator","name":"c-tooltip-13","page":"https://reui.io/components/tooltip/c-tooltip-13","registryDependencies":["avatar","tooltip"],"title":"Tooltip with online status indicator","type":"registry:block"},{"description":"Tooltip with file info and badges","name":"c-tooltip-14","page":"https://reui.io/components/tooltip/c-tooltip-14","registryDependencies":["@reui/badge","tooltip"],"title":"Tooltip with file info and badges","type":"registry:block"},{"description":"Tooltip with label badges","name":"c-tooltip-15","page":"https://reui.io/components/tooltip/c-tooltip-15","registryDependencies":["@reui/badge","tooltip"],"title":"Tooltip with label badges","type":"registry:block"},{"description":"Tooltip with action button inside","name":"c-tooltip-16","page":"https://reui.io/components/tooltip/c-tooltip-16","registryDependencies":["button","tooltip"],"title":"Tooltip with action button inside","type":"registry:block"},{"description":"Tooltips opening from different sides.","name":"c-tooltip-2","page":"https://reui.io/components/tooltip/c-tooltip-2","registryDependencies":["button","tooltip"],"title":"Tooltips opening from different sides.","type":"registry:block"},{"description":"Tooltip with icon trigger.","name":"c-tooltip-3","page":"https://reui.io/components/tooltip/c-tooltip-3","registryDependencies":["button","tooltip"],"title":"Tooltip with icon trigger.","type":"registry:block"},{"description":"Tooltip with keyboard shortcut.","name":"c-tooltip-4","page":"https://reui.io/components/tooltip/c-tooltip-4","registryDependencies":["button","kbd","tooltip"],"title":"Tooltip with keyboard shortcut.","type":"registry:block"},{"description":"Tooltip on notification bell with badge count","name":"c-tooltip-5","page":"https://reui.io/components/tooltip/c-tooltip-5","registryDependencies":["@reui/badge","button","tooltip"],"title":"Tooltip on notification bell with badge count","type":"registry:block"},{"description":"Tooltip with status badge","name":"c-tooltip-6","page":"https://reui.io/components/tooltip/c-tooltip-6","registryDependencies":["@reui/badge","button","tooltip"],"title":"Tooltip with status badge","type":"registry:block"},{"description":"Tooltip with icon and description","name":"c-tooltip-7","page":"https://reui.io/components/tooltip/c-tooltip-7","registryDependencies":["@reui/badge","tooltip"],"title":"Tooltip with icon and description","type":"registry:block"},{"description":"Toolbar with tooltip actions","name":"c-tooltip-8","page":"https://reui.io/components/tooltip/c-tooltip-8","registryDependencies":["button","separator","tooltip"],"title":"Toolbar with tooltip actions","type":"registry:block"},{"description":"Tooltip with warning badge","name":"c-tooltip-9","page":"https://reui.io/components/tooltip/c-tooltip-9","registryDependencies":["@reui/badge","button","tooltip"],"title":"Tooltip with warning badge","type":"registry:block"},{"description":"An agent turn with a search, a diff, test output, a lint failure and a fix still running.","name":"c-trace-1","page":"https://reui.io/components/trace/c-trace-1","registryDependencies":["@reui/code-block","trace"],"title":"Agent steps","type":"registry:block"},{"description":"Request spans nested under their parent with their durations, each opening to its attributes, the slowest one marked.","name":"c-trace-10","page":"https://reui.io/components/trace/c-trace-10","registryDependencies":["@reui/badge","trace"],"title":"Distributed trace spans","type":"registry:block"},{"description":"The events that led to a crash, the response body of the request behind it, and the stack trace below.","name":"c-trace-11","page":"https://reui.io/components/trace/c-trace-11","registryDependencies":["@reui/code-block","dialog","trace"],"title":"Error breadcrumbs","type":"registry:block"},{"description":"An EXPLAIN ANALYZE result opened along the path to the slowest scan, with the index that would remove it.","name":"c-trace-12","page":"https://reui.io/components/trace/c-trace-12","registryDependencies":["@reui/badge","@reui/code-block","trace"],"title":"SQL query plan","type":"registry:block"},{"description":"A dbt build where a failed uniqueness test shows its duplicates, and a downstream model skips.","name":"c-trace-13","page":"https://reui.io/components/trace/c-trace-13","registryDependencies":["card","table","trace"],"title":"Data pipeline run","type":"registry:block"},{"description":"Delivery attempts for one event, with failures opening to the response and Resend appending a new attempt.","name":"c-trace-14","page":"https://reui.io/components/trace/c-trace-14","registryDependencies":["button","@reui/code-block","trace"],"title":"Webhook delivery attempts","type":"registry:block"},{"description":"A CSV import that counts up while it runs, with rejected records, their problems and a download link.","name":"c-trace-15","page":"https://reui.io/components/trace/c-trace-15","registryDependencies":["button","card","table","trace"],"title":"CSV import","type":"registry:block"},{"description":"Vulnerable packages that open to the chain that pulled them in, with the upgrade or lockfile update that fixes each.","name":"c-trace-16","page":"https://reui.io/components/trace/c-trace-16","registryDependencies":["@reui/badge","button","trace"],"title":"Dependency audit","type":"registry:block"},{"description":"Findings from an automated pull request review, each opening the flagged lines and a suggested fix, resolved in place.","name":"c-trace-17","page":"https://reui.io/components/trace/c-trace-17","registryDependencies":["button","@reui/code-block","sheet","trace"],"title":"AI review findings","type":"registry:block"},{"description":"LLM eval cases where a failure expands to the expected answer, the model's answer and the judge's note.","name":"c-trace-18","page":"https://reui.io/components/trace/c-trace-18","registryDependencies":["label","switch","trace"],"title":"Model eval results","type":"registry:block"},{"description":"Why a member can or cannot open a part of the app, rule by rule, with the deciding rule and those never reached.","name":"c-trace-19","page":"https://reui.io/components/trace/c-trace-19","registryDependencies":["field","select","trace"],"title":"Access decision","type":"registry:block"},{"description":"Agent steps that stream in as they happen, with the running step open and Stop or Run again under the steps.","name":"c-trace-2","page":"https://reui.io/components/trace/c-trace-2","registryDependencies":["button","@reui/code-block","trace"],"title":"Streaming agent run","type":"registry:block"},{"description":"KYC results for an applicant, where the rejected document opens to its reason and a request for another.","name":"c-trace-20","page":"https://reui.io/components/trace/c-trace-20","registryDependencies":["button","trace"],"title":"Identity verification","type":"registry:block"},{"description":"Sending domain setup with records to copy, a lookup that finds 2 of 3, then the go live step once DNS passes.","name":"c-trace-21","page":"https://reui.io/components/trace/c-trace-21","registryDependencies":["button","card","table","trace"],"title":"Domain DNS setup","type":"registry:block"},{"description":"Renditions that encode in parallel with their own percentages, then thumbnails and a CDN publish.","name":"c-trace-22","page":"https://reui.io/components/trace/c-trace-22","registryDependencies":["trace"],"title":"Media transcode","type":"registry:block"},{"description":"An assistant reply whose SQL queries fold into one summary above the answer, with the dashboards it cited below.","name":"c-trace-3","page":"https://reui.io/components/trace/c-trace-3","registryDependencies":["bubble","@reui/code-block","message","trace"],"title":"Chat turn with sources","type":"registry:block"},{"description":"An orchestrator whose summary and status come from 3 subagents, with a retry for the one that failed.","name":"c-trace-4","page":"https://reui.io/components/trace/c-trace-4","registryDependencies":["button","@reui/code-block","trace"],"title":"Parallel subagents","type":"registry:block"},{"description":"Terraform resource changes that move from pending to running to done once someone signs off.","name":"c-trace-5","page":"https://reui.io/components/trace/c-trace-5","registryDependencies":["button","item","trace"],"title":"Terraform change approval","type":"registry:block"},{"dependencies":["cn"],"description":"Numbered citations in a research answer open the sources and move focus to the cited source.","name":"c-trace-6","page":"https://reui.io/components/trace/c-trace-6","registryDependencies":["@reui/badge","trace"],"title":"Answer with citations","type":"registry:block"},{"description":"A drafted support reply with the order and policy lookups behind it, and Regenerate replaying them.","name":"c-trace-7","page":"https://reui.io/components/trace/c-trace-7","registryDependencies":["button","trace"],"title":"Support copilot draft","type":"registry:block"},{"description":"What a shadcn add run resolved, installed and wrote, including a file it kept because it already existed.","name":"c-trace-8","page":"https://reui.io/components/trace/c-trace-8","registryDependencies":["@reui/code-block","trace"],"title":"CLI install summary","type":"registry:block"},{"description":"Jobs that expand to their steps, a failing test log, and a re-run that walks the remaining jobs to done.","name":"c-trace-9","page":"https://reui.io/components/trace/c-trace-9","registryDependencies":["button","@reui/code-block","trace"],"title":"CI pipeline run","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react"],"description":"Basic tree.","name":"c-tree-1","page":"https://reui.io/components/tree/c-tree-1","registryDependencies":["@reui/tree"],"title":"Basic tree.","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react"],"description":"Tree with indented lines.","name":"c-tree-2","page":"https://reui.io/components/tree/c-tree-2","registryDependencies":["@reui/tree"],"title":"Tree with indented lines.","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react"],"description":"Tree with custom indent.","name":"c-tree-3","page":"https://reui.io/components/tree/c-tree-3","registryDependencies":["@reui/tree"],"title":"Tree with custom indent.","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react"],"description":"Tree with custom indent.","name":"c-tree-4","page":"https://reui.io/components/tree/c-tree-4","registryDependencies":["@reui/tree"],"title":"Tree with custom indent.","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react"],"description":"File explorer tree with type icons","name":"c-tree-5","page":"https://reui.io/components/tree/c-tree-5","registryDependencies":["@reui/tree"],"title":"File explorer tree with type icons","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react"],"description":"Organization chart tree with avatars","name":"c-tree-6","page":"https://reui.io/components/tree/c-tree-6","registryDependencies":["avatar","@reui/tree"],"title":"Organization chart tree with avatars","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react"],"description":"Permissions tree with checkboxes","name":"c-tree-7","page":"https://reui.io/components/tree/c-tree-7","registryDependencies":["checkbox","@reui/tree"],"title":"Permissions tree with checkboxes","type":"registry:block"},{"description":"Responsive grid of compact brand cards, each centering a company logo in a bordered tile over a linked name. ReUI Frame plus shadcn Item, ItemMedia. For integrations, partners, tech stack, or logo wall.","name":"card-1","page":"https://reui.io/blocks/application/card/card-1","registryDependencies":["@reui/frame","@reui/icon-tile"],"title":"Brand logo grid card with centered icon tile and linked name per company","type":"registry:block"},{"dependencies":["cn"],"description":"Responsive card grid of pastel stacked Frames, each with an uppercase date, ReUI Frame and Badge plus shadcn DropdownMenu, Button, and Separator. For reports, updates, announcements, and activity feeds.","name":"card-10","page":"https://reui.io/blocks/application/card/card-10","registryDependencies":["@reui/badge","@reui/frame","button","dropdown-menu","separator"],"title":"Color-tinted stacked Frame cards with date header, actions menu, and category badges","type":"registry:block"},{"description":"Responsive container-query grid of text-only notice cards built on the ReUI Frame, each pairing an accent-colored label with a description over a faded dotted SVG pattern. For reminders, tips, alerts, status callouts.","name":"card-11","page":"https://reui.io/blocks/application/card/card-11","registryDependencies":["@reui/frame"],"title":"Minimal text-only notice card grid with accent label and faded dot-pattern background","type":"registry:block"},{"description":"Responsive grid of clickable cards, each a link with a top icon and title only and no body copy, with hover and focus-ring states. Uses ReUI Frame and FramePanel. For category tiles, quick-link menus, dashboard navigation, and feature shortcuts.","name":"card-12","page":"https://reui.io/blocks/application/card/card-12","registryDependencies":["@reui/frame"],"title":"Compact icon-and-title link card grid, no description text, built on ReUI Frame","type":"registry:block"},{"description":"Showcase sponsors, affiliates, or integration partners: each card pairs a hover link heading and muted description with a wrap of bordered brand logo badges. Built with ReUI Frame and shadcn Item.","name":"card-13","page":"https://reui.io/blocks/application/card/card-13","registryDependencies":["@reui/frame","item"],"title":"Two-column card grid with link title, description, and a row of bordered logo chips","type":"registry:block"},{"description":"Single order delivery card showing address, ETA, and tracking number as icon rows with a Home badge, a notes block, and a header actions menu. Built with ReUI Frame and Badge plus shadcn Item, DropdownMenu, Button. Order tracking, shipment status.","name":"card-14","page":"https://reui.io/blocks/application/card/card-14","registryDependencies":["@reui/badge","@reui/frame","button","dropdown-menu","item"],"title":"Delivery tracking card with icon-labeled detail rows, status badge, header menu, and notes section","type":"registry:block"},{"description":"Two-column grid of agenda meeting cards: title, time, duration badge, attendee AvatarGroup with overflow count, kebab menu, and a Google Meet Join link. ReUI Frame, Badge with shadcn Avatar, DropdownMenu, Button. For calendars, schedules, agendas.","name":"card-15","page":"https://reui.io/blocks/application/card/card-15","registryDependencies":["@reui/badge","@reui/frame","avatar","button","dropdown-menu","item"],"title":"Meeting cards grid with attendee avatars, duration badge, and a Join Meeting link","type":"registry:block"},{"description":"Integration card for app marketplaces: patterned dark header with status Badge and ellipsis DropdownMenu, brand logo, title, description, user AvatarGroup and full-width outline Button. Uses ReUI Frame, Badge with shadcn Avatar, Button, DropdownMenu.","name":"card-16","page":"https://reui.io/blocks/application/card/card-16","registryDependencies":["@reui/badge","@reui/frame","avatar","button","dropdown-menu"],"title":"Dark integration app card with patterned header, status badge, ellipsis menu and avatar group","type":"registry:block"},{"dependencies":["cn"],"description":"Responsive grid of navigation shortcut cards, each with a colored rounded icon tile, a masked dot-pattern canvas background, title, description, and a chevron action link. ReUI Frame, FramePanel with shadcn Item. Quick links, hub, launcher, jump-to.","name":"card-17","page":"https://reui.io/blocks/application/card/card-17","registryDependencies":["@reui/frame","item"],"title":"Shortcut cards grid with colored icon tiles, dotted canvas backdrop, and a labeled action link","type":"registry:block"},{"description":"Responsive 3-column grid of compact info cards using ReUI Frame, FrameHeader, and FramePanel. Each card pairs an icon-and-label header with a short description and an underlined source link. For stat tiles, resource lists, or dashboard cards.","name":"card-18","page":"https://reui.io/blocks/application/card/card-18","registryDependencies":["@reui/frame"],"title":"Compact info card grid with icon-label header, description, and source link in framed panels","type":"registry:block"},{"description":"Asset overview card showing a market ticker, large price quote, green percent-change delta, last-updated time, and outline Follow plus primary Trade buttons. ReUI Frame, shadcn Button. For crypto, stock, watchlist, and trading dashboards.","name":"card-19","page":"https://reui.io/blocks/application/card/card-19","registryDependencies":["@reui/frame","button"],"title":"Crypto asset price card with ticker, large quote, percent-change delta and Follow plus Trade actions","type":"registry:block"},{"description":"Container-query feature cards that scale from one to four columns, each pairing a bordered icon tile, linked title, and muted blurb over a dotted backdrop. ReUI Frame, shadcn Item. For benefits, services, capabilities sections.","name":"card-2","page":"https://reui.io/blocks/application/card/card-2","registryDependencies":["@reui/frame","@reui/icon-tile"],"title":"Feature highlights grid of icon-tile cards with a faded dot-pattern background","type":"registry:block"},{"dependencies":["cn"],"description":"Three-up help center grid where each ReUI Frame card pairs a colored icon badge, title, and summary with a bordered list of guide links carrying arrow icons. Docs hub, knowledge base, resource directory. Built with ReUI Frame and shadcn Item.","name":"card-20","page":"https://reui.io/blocks/application/card/card-20","registryDependencies":["@reui/frame","item"],"title":"Help center guide cards grid with colored icon badge and bordered article link list","type":"registry:block"},{"dependencies":["cn"],"description":"Three-column grid of project cards, each with an icon badge, project title link, client name, and a Due countdown. Built with ReUI Frame, shadcn Button and Item. For project lists, task boards, deadlines.","name":"card-21","page":"https://reui.io/blocks/application/card/card-21","registryDependencies":["@reui/frame","button","item"],"title":"Project task cards grid with client name, due-date countdown, and share action","type":"registry:block"},{"description":"Vertical promo card pairing two rotated, overlapping square thumbnails with an outline Badge, heading, subtext, and icon Button. For upsell, demo, feature highlight, or onboarding tiles. Built with ReUI Frame plus shadcn AspectRatio, Badge, Button.","name":"card-22","page":"https://reui.io/blocks/application/card/card-22","registryDependencies":["@reui/frame","aspect-ratio","badge","button"],"title":"Centered promo card with overlapping tilted image pair, pill badge, and rounded CTA button","type":"registry:block"},{"description":"Stacked two-panel ReUI Frame promo: a large 24/7 monitoring metric over a faded grid with AI integration logo tiles, plus a headline, blurb, and shadcn Button CTA. For uptime, monitoring, and SaaS marketing cards.","name":"card-23","page":"https://reui.io/blocks/application/card/card-23","registryDependencies":["@reui/frame","button"],"title":"AI monitoring promo card with stacked Frame, 24/7 uptime metric, integration logo tiles, and CTA","type":"registry:block"},{"description":"Job recommendation card with company logo tile, role title, and an icon meta row for location, work mode, and salary, plus a description and Quick Apply / View Details buttons. ReUI Frame, shadcn Button, Separator. Job board, careers, hiring.","name":"card-24","page":"https://reui.io/blocks/application/card/card-24","registryDependencies":["@reui/frame","button","separator"],"title":"Recommended job role card with company logo, location, work mode, and salary meta row","type":"registry:block"},{"dependencies":["cn"],"description":"Multi-account balance overview: per-account cards showing balance, type label, and color-coded gain/loss delta with a colored icon tile. Built on ReUI Frame, FramePanel, and shadcn Item. For wallet, treasury, and finance dashboards.","name":"card-25","page":"https://reui.io/blocks/application/card/card-25","registryDependencies":["@reui/frame","item"],"title":"Account balance summary card grid with colored icon tiles and signed percent-change indicators","type":"registry:block"},{"description":"Responsive 3-up grid of compact stat cards built on the ReUI Frame, each with an icon and label header plus a panel holding a clickable title link and muted description. For dashboard metrics, KPI summaries, and overview tiles.","name":"card-26","page":"https://reui.io/blocks/application/card/card-26","registryDependencies":["@reui/frame"],"title":"Three-column metric card grid with icon-and-label headers and linked titles in framed panels","type":"registry:block"},{"dependencies":["cn"],"description":"Single-row record card with details in labeled columns (created, status, mobile, email, domain, team), a green status dot, info Badge, and overflow avatar group on a faded dot grid. ReUI Frame, Badge, shadcn Avatar group. Account summary row.","name":"card-27","page":"https://reui.io/blocks/application/card/card-27","registryDependencies":["@reui/badge","@reui/frame","avatar"],"title":"Horizontal application summary card with labeled metadata columns, status dot, and team avatar group","type":"registry:block"},{"description":"Responsive 1 to 4 column stat grid where each panel shows a large two-tone value with faint decimals, a metric label, and an up or down trend Badge with percent and period. ReUI Frame, FramePanel, Badge. Dashboard KPIs, analytics tiles.","name":"card-28","page":"https://reui.io/blocks/application/card/card-28","registryDependencies":["@reui/badge","@reui/frame"],"title":"KPI metric card grid with two-tone numeric values and per-panel trend Badge with period label","type":"registry:block"},{"dependencies":["cn"],"description":"Dashboard KPI stat grid: bordered Frame splits into metric cells, each with an icon, large value, delta Badge, and an area chart. ReUI Frame, FramePanel, Badge. Analytics overview, stats cards, metric tiles.","name":"card-29","page":"https://reui.io/blocks/application/card/card-29","registryDependencies":["@reui/badge","@reui/frame"],"title":"KPI metric stat grid in a bordered frame with per-cell area charts and trend badges","type":"registry:block"},{"description":"Investor profile card: avatar, name, status badge, three-column stats strip, and a ranked funding sources list with colored icon tiles and amounts. ReUI Frame, Badge plus shadcn Item, AspectRatio, Button. For fundraising, VC, fund directory cards.","name":"card-3","page":"https://reui.io/blocks/application/card/card-3","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","item","separator"],"title":"Investor profile card with availability badge, stats strip, and ranked funding sources list","type":"registry:block"},{"dependencies":["cn"],"description":"Responsive metric card grid (1 to 4 columns); each tile has an icon, large value, label, colored status badge with trend arrow, and an actions dropdown (Edit, Copy, Delete). KPI dashboard, analytics summary. ReUI Frame, Badge; shadcn DropdownMenu.","name":"card-30","page":"https://reui.io/blocks/application/card/card-30","registryDependencies":["@reui/badge","@reui/frame","button","dropdown-menu","item"],"title":"Stat card grid with icon tile, actions menu, and trend badge per metric","type":"registry:block"},{"dependencies":["cn"],"description":"Four-up metric cards showing a big number, label, and a colored icon tile over a masked square-mesh grid pattern. Built on ReUI Frame and FramePanel. For dashboards, analytics overviews, and KPI stat summaries.","name":"card-31","page":"https://reui.io/blocks/application/card/card-31","registryDependencies":["@reui/frame"],"title":"KPI stat cards in a responsive grid with faded line-grid backgrounds and glossy colored icon tiles","type":"registry:block"},{"dependencies":["cn"],"description":"Single-row summary splitting metrics across divided columns, each with a colored status icon, value, and unit, plus an overflow team avatar column. Built with ReUI Frame and shadcn Avatar, AvatarGroup. For compliance, security, or KPI overview cards.","name":"card-32","page":"https://reui.io/blocks/application/card/card-32","registryDependencies":["@reui/frame","avatar"],"title":"Horizontal stats summary card with labeled metric columns, status icons, and a team avatar group","type":"registry:block"},{"description":"Responsive four-up grid of inventory stat cards, each with a gradient icon badge, dotted backdrop, linked title, value, and an ellipsis menu (Edit, Copy link, Delete). Uses ReUI Frame, shadcn DropdownMenu, Item, Button. Dashboard KPIs and stats.","name":"card-33","page":"https://reui.io/blocks/application/card/card-33","registryDependencies":["@reui/frame","button","dropdown-menu","item"],"title":"Inventory stat card grid with gradient icon badge, dotted backdrop, and per-card actions menu","type":"registry:block"},{"description":"Responsive grid of compact stat cards: each shows a metric label, large value with a faded decimal tail, and a colored trend Badge (up or down) with a period label. Built on ReUI Frame, FramePanel, Badge. For dashboards, analytics, KPI summaries.","name":"card-34","page":"https://reui.io/blocks/application/card/card-34","registryDependencies":["@reui/badge","@reui/frame"],"title":"KPI metric cards with bold value, faint decimal fraction, and up or down trend badge per period","type":"registry:block"},{"description":"Responsive grid of compact metric cards, each pairing a muted label with a bold value over a masked halftone dot pattern. Built on the ReUI Frame and FramePanel. For dashboard KPI tiles, stats overview, and analytics summary cards.","name":"card-35","page":"https://reui.io/blocks/application/card/card-35","registryDependencies":["@reui/frame"],"title":"KPI stat card grid with metric label, large value, and halftone dot-pattern backdrop","type":"registry:block"},{"description":"Responsive container-query grid of compact KPI stat cards, each pairing a large metric value with a muted label over a masked dot-grid pattern. Built on ReUI Frame and FramePanel for dashboards, analytics, and metrics overviews.","name":"card-36","page":"https://reui.io/blocks/application/card/card-36","registryDependencies":["@reui/frame"],"title":"KPI stat card grid with big metric over label and a masked dot-grid backdrop","type":"registry:block"},{"description":"Responsive 3-column grid of compact KPI tiles, each a muted label over a green icon plus bold metric value (MRR, revenue, growth). Built on ReUI Frame and FramePanel for stats summaries, metric cards, company snapshots.","name":"card-37","page":"https://reui.io/blocks/application/card/card-37","registryDependencies":["@reui/frame"],"title":"Compact KPI stat tile grid with muted labels and green metric icons","type":"registry:block"},{"dependencies":["cn"],"description":"Horizontal KPI strip in a ReUI Frame: equal stat columns with bold value over muted label, hairline dividers, and a dotted-texture final cell. Profile or dashboard summary stats, metric row.","name":"card-38","page":"https://reui.io/blocks/application/card/card-38","registryDependencies":["@reui/frame"],"title":"Horizontal stat strip card with divided metric columns and a dotted accent cell","type":"registry:block"},{"description":"Responsive grid of clickable resource cards, each with an icon badge, title link, and short blurb. Built on ReUI Frame and FramePanel with shadcn Item and ItemMedia. For docs hubs, help centers, onboarding, and platform overview sections.","name":"card-39","page":"https://reui.io/blocks/application/card/card-39","registryDependencies":["@reui/frame","item"],"title":"Icon-badge resource card grid linking to help, docs, and platform sections","type":"registry:block"},{"dependencies":["cn"],"description":"Grid of dark metric cards on colored panels, each with a big value, an up-trend Badge with percent, an icon tile, and a footer report link. Built with ReUI Frame and Badge plus shadcn Item for KPI, stats, and analytics dashboards.","name":"card-4","page":"https://reui.io/blocks/application/card/card-4","registryDependencies":["@reui/badge","@reui/frame","item"],"title":"Colorful dark KPI stat cards with trend badge, grid-mesh background, and footer report link","type":"registry:block"},{"description":"Two-column grid of metric tiles, each pairing a large value with a small unit and a muted label, for KPI summaries, fitness and activity stats, and dashboard quick stats. Built on ReUI Frame and FramePanel.","name":"card-40","page":"https://reui.io/blocks/application/card/card-40","registryDependencies":["@reui/frame"],"title":"Compact two-column metric stat grid with large value, unit, and muted label tiles","type":"registry:block"},{"dependencies":["cn"],"description":"Responsive grid of compact topic cards, each a colored icon tile, linked title, and one-line summary. Built on ReUI Frame with shadcn Item and ItemMedia. For help center topics, quick links, resource and feature shortcuts.","name":"card-41","page":"https://reui.io/blocks/application/card/card-41","registryDependencies":["@reui/frame","item"],"title":"Topic Link Card Grid with Colored Icon Tiles and Hover Title Links","type":"registry:block"},{"dependencies":["cn"],"description":"Profile card with avatar, online status badge, verified name, company and email, team avatar group, 3-column stats row, and a Connected button. ReUI Frame with shadcn Avatar, AvatarGroup, Item, Separator, Button. For team, contact, or account cards.","name":"card-42","page":"https://reui.io/blocks/application/card/card-42","registryDependencies":["@reui/frame","avatar","button","item","separator"],"title":"Profile card with verified name, online badge, team avatar group, stats row, and connect button","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Profile card with a desaturated cover banner, ring avatar with status badge and verified check, and a horizontal-scrolling portfolio rail of project thumbnails. Uses ReUI Frame, shadcn Avatar, ScrollArea, Button. For team or contributor profiles.","name":"card-43","page":"https://reui.io/blocks/application/card/card-43","registryDependencies":["@reui/frame","avatar","button","scroll-area"],"title":"Profile card with cover banner, verified avatar, and horizontal project portfolio rail","type":"registry:block"},{"dependencies":["cn"],"description":"Integration cards pairing a brand logo (Resend, PayPal, Supabase) with flanking icons on a dashed connector line over a dotted canvas, plus a title link, tier Badge, and blurb. ReUI Frame, Badge, shadcn Item. Marketplace, connectors, plugins.","name":"card-5","page":"https://reui.io/blocks/application/card/card-5","registryDependencies":["@reui/badge","@reui/frame","item"],"title":"Integration Cards with Brand Logo, Connector Diagram, and Tier Badge over a Dotted Backdrop","type":"registry:block"},{"description":"Onboarding or setup walkthrough showing numbered steps (0.1 to 0.4) as titled, hover-linked cards in a responsive container-query grid that flows one to four columns. Built on ReUI Frame and FramePanel. For getting-started and how-it-works sections.","name":"card-6","page":"https://reui.io/blocks/application/card/card-6","registryDependencies":["@reui/frame"],"title":"Numbered setup-step card grid with ordinal labels and a responsive one to four column Frame layout","type":"registry:block"},{"description":"Responsive grid of compact detail cards, each with a labeled value plus a trailing brand logo, status Badge, or stacked Avatar group. Uses ReUI Frame, Badge and shadcn Avatar. For dashboards, company, profile, and metric cards.","name":"card-7","page":"https://reui.io/blocks/application/card/card-7","registryDependencies":["@reui/badge","@reui/frame","avatar"],"title":"Detail stat card grid with label, value, and swappable logo, badge, or avatar group accent","type":"registry:block"},{"dependencies":["cn"],"description":"Three-column grid of status cards, each pairing an icon box, a linked title, a color-coded status dot and label (Online, Synced, Idle) and a timestamp on a dot-pattern panel. ReUI Frame, shadcn Item. For infrastructure and uptime monitoring.","name":"card-8","page":"https://reui.io/blocks/application/card/card-8","registryDependencies":["@reui/frame","item"],"title":"Service status card grid with icon box, linked title, color-coded status dot and timestamp","type":"registry:block"},{"dependencies":["cn"],"description":"Horizontal candidate summary card: labeled columns for role, location, and contact with copy-icon buttons, plus a wrapped skill-badge row over a dot-pattern panel. ReUI Frame, Badge, shadcn Button. For ATS, recruiting, and applicant detail views.","name":"card-9","page":"https://reui.io/blocks/application/card/card-9","registryDependencies":["@reui/badge","@reui/frame","button"],"title":"Applicant profile card with detail columns, copy-action contact fields, and skill badges","type":"registry:block"},{"dependencies":["@base-ui/react","@tanstack/react-virtual","cn"],"name":"cascader","page":"https://reui.io/components/cascader","registryDependencies":["@reui/cascader-async","@reui/cascader-columns","@reui/cascader-context","@reui/cascader-i18n","@reui/cascader-item","@reui/cascader-lib","@reui/cascader-types","scroll-area","spinner"],"title":"Cascader","type":"registry:ui"},{"name":"cascader-async","registryDependencies":["@reui/cascader-context","@reui/cascader-lib","@reui/cascader-types"],"title":"Cascader Async","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"cascader-columns","registryDependencies":["@reui/cascader-context","@reui/cascader-item","@reui/cascader-lib","scroll-area"],"title":"Cascader Columns","type":"registry:ui"},{"name":"cascader-context","registryDependencies":["@reui/cascader-types"],"title":"Cascader Context","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"cascader-footer","registryDependencies":["@reui/cascader-context","@reui/cascader-item","@reui/cascader-lib","@reui/cascader-types"],"title":"Cascader Footer","type":"registry:ui"},{"name":"cascader-i18n","registryDependencies":["@reui/cascader-types"],"title":"Cascader I18n","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"cascader-item","registryDependencies":["@reui/cascader-context","@reui/cascader-lib","@reui/cascader-types","spinner"],"title":"Cascader Item","type":"registry:ui"},{"name":"cascader-lib","registryDependencies":["@reui/cascader-types"],"title":"Cascader Lib","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"cascader-nav","registryDependencies":["@reui/cascader-context","@reui/cascader-i18n","@reui/cascader-lib","@reui/cascader-types"],"title":"Cascader Nav","type":"registry:ui"},{"description":"Nested multi-level combobox with drill-down, columns and tree modes.","name":"cascader-types","title":"Nested multi-level combobox with drill-down, columns and tree modes.","type":"registry:ui"},{"dependencies":["@tanstack/react-virtual"],"name":"cascader-virtual","registryDependencies":["@reui/cascader-columns","@reui/cascader-context","@reui/cascader-item"],"title":"Cascader Virtual","type":"registry:ui"},{"description":"Four-column image grid for browsing product categories. Each card has a photo with hover-reveal browse button, optional badge, name, and item count. ReUI Badge, shadcn Button, Breadcrumb. Shop-by-category, product taxonomy, ecommerce catalog.","name":"category-card-1","page":"https://reui.io/blocks/ecommerce/category-card/category-card-1","registryDependencies":["@reui/badge","breadcrumb","button"],"title":"Shop by Category Grid with Hover Browse Buttons and Badges","type":"registry:block"},{"dependencies":["cn"],"description":"Filterable collection grid with search, category, availability, and fit filters, sort, and pagination. Cards show clipped image with badge, title, tags, and count. ReUI Badge; shadcn Button, Select, Switch, Popover, Breadcrumb, Pagination.","name":"category-card-2","page":"https://reui.io/blocks/ecommerce/category-card/category-card-2","registryDependencies":["@reui/badge","breadcrumb","button","empty","field","input-group","pagination","popover","select","skeleton","switch"],"title":"Curated collection browse page with multi-filter toolbar and pagination","type":"registry:block"},{"description":"Paginated carousel for browsing product collections. Color-tinted cards with image zoom on hover, a reveal browse button, and page-count badge. ReUI Badge; shadcn Card, Button, Carousel. Category filter, shop landing, ecommerce browsing.","name":"category-card-3","page":"https://reui.io/blocks/ecommerce/category-card/category-card-3","registryDependencies":["@reui/badge","button","card","carousel"],"title":"Carousel collection filter with color-tinted category cards and hover browse buttons","type":"registry:block"},{"description":"Catalog landing pairing a large featured department hero with a scrollable sidebar of category tiles, breadcrumb header, item and price counts. ReUI Badge; shadcn Breadcrumb, Button, ScrollArea. For shop home, category browse, department directory.","name":"category-card-4","page":"https://reui.io/blocks/ecommerce/category-card/category-card-4","registryDependencies":["@reui/badge","breadcrumb","button","scroll-area"],"title":"Ecommerce catalog page with featured department and scrollable category index","type":"registry:block"},{"description":"Ecommerce collection guides browser with single-column image-led rows, status badges, item count and budget metadata, tag links, and per-collection actions. Uses ReUI Badge; shadcn Breadcrumb, Button. For product discovery and category guides.","name":"category-card-5","page":"https://reui.io/blocks/ecommerce/category-card/category-card-5","registryDependencies":["@reui/badge","breadcrumb","button"],"title":"Collection Guides Browser with Image-Led List Rows and Category Links","type":"registry:block"},{"dependencies":["cn"],"description":"Image-first two-column category grid; each card reveals item count, description, and a shop button on hover, with a resting label and Badge. Uses ReUI Badge; shadcn Breadcrumb, Button. For collection, catalog, and category browsing pages.","name":"category-card-6","page":"https://reui.io/blocks/ecommerce/category-card/category-card-6","registryDependencies":["@reui/badge","breadcrumb","button"],"title":"Seasonal Category Grid with Full-Card Hover Reveal and Breadcrumb Header","type":"registry:block"},{"dependencies":["cn","recharts"],"description":"Catalog health overview: Week/Month/Year tabs switch four inventory KPIs (in stock, out-of-stock, restock, slow movers), each with a recharts sparkline and tone-coded delta. ReUI Frame and Badge; shadcn Tabs, Chart, Button. Stats dashboard widget.","name":"chart-1","page":"https://reui.io/blocks/chart/sparkline/chart-1","registryDependencies":["@reui/badge","@reui/frame","button","chart","tabs"],"title":"Inventory KPI summary card with period tabs and per-metric sparkline trends","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"12 weeks of running time or distance as patterned bars against the last block or the plan, with a week readout, legend totals, an Expand dialog and CSV or JSON exports. shadcn Card, Chart, ToggleGroup, Dialog. For marathon training logs.","name":"chart-10","page":"https://reui.io/blocks/chart/bar-chart/chart-10","registryDependencies":["button","button-group","card","chart","dialog","dropdown-menu","spinner","toggle-group","tooltip"],"title":"Weekly training volume bar chart with an accent week and last block ghost bars or plan finish tapes","type":"registry:block"},{"description":"Cycling distance KPI card that swaps a dotted area sparkline and value across Week, Month, and Year tabs. Built with ReUI Frame and shadcn Tabs for fitness, activity, or analytics stat panels and metric widgets.","name":"chart-11","page":"https://reui.io/blocks/chart/sparkline/chart-11","registryDependencies":["@reui/frame","tabs"],"title":"Distance Metric Card with Week, Month, Year Tabs and Dotted Sparkline Fill","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Every day of the period as a spoke stacked by source, last period as ghost spokes, and a target ring of settled arcs per source plus cash in transit, with a pace bead, forecast figures and a source list. ReUI Frame, IconTile, Badge.","name":"chart-12","page":"https://reui.io/blocks/chart/radial-chart/chart-12","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","button-group","dialog","dropdown-menu","empty","field","input-group","select","skeleton","spinner","tooltip"],"title":"Cash inflows radial day clock with source spokes and a source-stacked target ring","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Capital inflows card with a week, month or year switch, the total and its change on the period before, a ring of three tracked sources and a hatched rest, and source rows with share and change. ReUI Frame, Badge, shadcn Chart, ToggleGroup.","name":"chart-13","page":"https://reui.io/blocks/chart/pie-chart/chart-13","registryDependencies":["@reui/badge","@reui/frame","button","chart","dropdown-menu","empty","skeleton","toggle-group","tooltip"],"title":"Capital inflows donut card with a period switch, change on the period before and a source breakdown","type":"registry:block"},{"dependencies":["recharts"],"description":"Responsive row of metric cards, each pairing an icon, label, period and big value with a compact gradient area sparkline and hover tooltip. ReUI Frame, Recharts AreaChart. KPI dashboard, revenue and user stats overview.","name":"chart-15","page":"https://reui.io/blocks/chart/sparkline/chart-15","registryDependencies":["@reui/frame"],"title":"Three KPI stat cards with gradient sparkline area charts and hover tooltips","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Hourly grid output for one day by solar, wind, nuclear, gas, hydro and battery, a total vs forecast, last week or 30-day average, source presets, hour readout, CSV and JSON export. ReUI Frame, shadcn ToggleGroup, Dialog. Energy dashboard.","name":"chart-16","page":"https://reui.io/blocks/chart/area-chart/chart-16","registryDependencies":["@reui/frame","button","button-group","chart","dialog","dropdown-menu","spinner","toggle-group","tooltip"],"title":"Power generation mix ridgeline chart with 6 sources in 3D depth, a 2D toggle and baseline menu","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Ad impressions summed across search, social, display and video as dashed current and prior period areas, plus total, daily average, peak and top channel stats, a mix tooltip, accent picker and CSV export. ReUI Frame, Badge, ColorPicker. Marketing.","name":"chart-17","page":"https://reui.io/blocks/chart/area-chart/chart-17","registryDependencies":["@reui/badge","@reui/color-picker","@reui/frame","button","button-group","chart","dropdown-menu","separator","tooltip"],"title":"Campaign impressions chart of this period against the prior one, with 4 stats and a channel filter","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Store performance card: a Day, Week, Month or Year menu, metric tabs with change on the prior period, a pinned value pill, curve and layer options, refresh, expand, CSV and copy export. ReUI Frame, shadcn Tabs, DropdownMenu. Ecommerce sales.","name":"chart-18","page":"https://reui.io/blocks/chart/area-chart/chart-18","registryDependencies":["@reui/frame","button","button-group","chart","dialog","dropdown-menu","spinner","tabs","tooltip"],"title":"Orders overview chart with orders, revenue and average order tabs over a hatched gradient area","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Lending pool supply stacked by asset over withdrawals below zero, with TVL in a lane above, 30D, 90D or 1Y ranges, an asset filter and a menu for layers, CSV and copy. ReUI Frame, Badge, IconTile; shadcn Chart, Dropdown Menu.","name":"chart-19","page":"https://reui.io/blocks/chart/composed-chart/chart-19","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","button-group","chart","dropdown-menu","spinner","toggle-group","tooltip"],"title":"Lending pool liquidity chart with asset-stacked supply, withdrawals below zero and a TVL lane","type":"registry:block"},{"dependencies":["cn","recharts"],"description":"Bordered row of compact KPI stat cards, each pairing a big value with a top-right line sparkline (hover tooltip) and an up/down trend badge. Built with ReUI Frame and Badge plus shadcn Chart over Recharts. For dashboard metric strips and analytics.","name":"chart-2","page":"https://reui.io/blocks/chart/sparkline/chart-2","registryDependencies":["@reui/badge","@reui/frame","chart"],"title":"Four-column KPI stat row with corner line sparklines and trend badges","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Closed sales by month against a dashed goal and last year. Tooltip with attainment, deltas and running YTD; range and display menus, color picker, refresh, expand, CSV and copy export. shadcn Card, ReUI ColorPicker, Badge. Quota dashboard.","name":"chart-20","page":"https://reui.io/blocks/chart/composed-chart/chart-20","registryDependencies":["@reui/badge","@reui/color-picker","button","button-group","card","chart","dialog","dropdown-menu","spinner","tooltip"],"title":"Sales vs goal line chart with an attainment and YTD tooltip, quarter close marker and accent picker","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Operating cashflow card: a balance panel over a reserve floor above in and out columns with net flow dots, or a Waterfall from the opening; closing cash, burn and low point KPIs, a 3 row breakdown, CSV export. ReUI Frame, Badge. Finance dashboards.","name":"chart-21","page":"https://reui.io/blocks/chart/composed-chart/chart-21","registryDependencies":["@reui/badge","@reui/frame","button","button-group","chart","dropdown-menu","tooltip"],"title":"Cashflow composed chart with a balance panel, in and out columns, net flow dots and a waterfall","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Net revenue over 7 days to 12 months beside subscription and one-time lines and a dashed baseline from the previous period or last year, with KPI deltas, a running total view and CSV export. ReUI Frame, Badge. SaaS finance dashboard.","name":"chart-22","page":"https://reui.io/blocks/chart/line-chart/chart-22","registryDependencies":["@reui/badge","@reui/frame","button","button-group","chart","dropdown-menu","empty","select","separator","spinner","toggle-group","tooltip"],"title":"Revenue trend line chart with subscription and one-time streams against the previous period","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Facebook, Instagram and LinkedIn lines over 24 hours to 12 months, switchable between engagement rate, engagements, impressions and link clicks, a format filter, previous-period ghosts and a per-channel table. ReUI Frame, Badge. Social analytics.","name":"chart-23","page":"https://reui.io/blocks/chart/line-chart/chart-23","registryDependencies":["@reui/badge","@reui/frame","button","button-group","chart","dropdown-menu","empty","progress","select","separator","skeleton","spinner","table","toggle","toggle-group","tooltip"],"title":"Social engagement line chart comparing channels by metric with a per-channel breakdown table","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Storefront sales and product views over 30 days, 13 weeks or 12 months, with previous period lines, per line color pickers, sales, views, conversion and order value KPIs, CSV or JSON export. shadcn Card, Chart, ToggleGroup. For e-commerce analytics.","name":"chart-24","page":"https://reui.io/blocks/chart/line-chart/chart-24","registryDependencies":["@reui/badge","@reui/color-picker","button","button-group","card","chart","dialog","dropdown-menu","separator","spinner","toggle","toggle-group","tooltip"],"title":"Dual-axis sales vs traffic line chart with period compare, line color pickers and store KPIs","type":"registry:block"},{"dependencies":["recharts"],"description":"Vertical KPI metrics list: each row pairs a value, suffix, and up or down trend Badge with a compact line sparkline over a grid. Uses ReUI Frame, Badge and shadcn ChartContainer, Separator. For orders, spend and finance dashboards.","name":"chart-25","page":"https://reui.io/blocks/chart/sparkline/chart-25","registryDependencies":["@reui/badge","@reui/frame","chart","separator"],"title":"Order Metrics List Card with Per-Row Line Sparklines and Trend Badges","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Daily NFT collection floor price over 7D, 30D, 90D or 1Y against the top collection bid, with the spread as a band, a floor alert that tints every close below its level, a full readout tooltip, stats and CSV export. ReUI Frame.","name":"chart-26","page":"https://reui.io/blocks/chart/line-chart/chart-26","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","button-group","chart","dropdown-menu","empty","field","input-group","popover","skeleton","switch","toggle-group","tooltip"],"title":"NFT floor price line chart with a top bid spread band and a floor alert","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Unique visitors by browser or rendering engine over 7, 30 or 90 days, drilling into versions flagged under a support line, with a previous period ring, share bars and change badges, CSV and summary export. ReUI Frame, Chart, Table, ToggleGroup.","name":"chart-27","page":"https://reui.io/blocks/chart/pie-chart/chart-27","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","button-group","chart","dropdown-menu","empty","progress","skeleton","table","toggle","toggle-group","tooltip"],"title":"Browser usage donut with version drill-down, support line flags and a breakdown table","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Daily units sold for 12 categories as pill bars toned healthy, watch or slow by days of supply, with a stock health bar and a warehouse hover readout. Period, sort and warehouse menus, color picker, CSV. ReUI Frame, Badge, ColorPicker; shadcn Chart.","name":"chart-29","page":"https://reui.io/blocks/chart/bar-chart/chart-29","registryDependencies":["@reui/badge","@reui/color-picker","@reui/frame","button","button-group","chart","dropdown-menu","separator","spinner","tooltip"],"title":"Inventory velocity bar chart with pill bars toned by stock health, a warehouse filter and sorting","type":"registry:block"},{"dependencies":["cn","recharts"],"description":"Three-column grid of balance cards, each with an icon tile, total value, up or down percent change, and a full-width line chart over a dotted background. Built with ReUI Frame and shadcn ChartContainer for wallet, fund, and portfolio dashboards.","name":"chart-3","page":"https://reui.io/blocks/chart/sparkline/chart-3","registryDependencies":["@reui/frame","chart"],"title":"Portfolio Balance Cards with Bottom-Anchored Line Charts on a Dotted Bed","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"Road and rail lanes per region as capsules growing from the target line, ranked by gap and nudged by a live carrier feed. Median or P90 toggle, sort and overlay menus, CSV export. ReUI Frame, Badge; shadcn Chart, ToggleGroup. For logistics SLAs.","name":"chart-30","page":"https://reui.io/blocks/chart/bar-chart/chart-30","registryDependencies":["@reui/badge","@reui/frame","button","button-group","chart","dialog","dropdown-menu","separator","spinner","toggle-group","tooltip"],"title":"Diverging road and rail transit bar chart by region, ahead of or behind target on a live feed","type":"registry:block"},{"dependencies":["cn","recharts"],"description":"4 KPI tiles for a cron job fleet: active jobs by health, success rate against a dashed SLO line, failed vs timed out runs and the next scheduled run. Built on ReUI Frame, Badge, IconTile and shadcn Chart, Progress. For scheduler and job monitoring.","name":"chart-31","page":"https://reui.io/blocks/chart/sparkline/chart-31","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","chart","progress","spinner"],"title":"Cron job health KPI strip with SLO sparkline, failure split and next run track","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Cron runner time or run counts over 6, 12 or 24 hours as hourly bars stacked by succeeded, timed out and failed, with 4 stats, a searchable job picker, outcome presets and auto-refresh. ReUI Frame, Badge; shadcn Chart, Combobox.","name":"chart-32","page":"https://reui.io/blocks/chart/bar-chart/chart-32","registryDependencies":["@reui/badge","@reui/frame","button","button-group","chart","combobox","dropdown-menu","spinner","tooltip"],"title":"Hourly runner time stacked bar chart with outcome toggles and a timeout burn callout","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"A cron job's last 20 runs as Recharts bars split into queue, execute and teardown over a p50 to p95 band with outliers and deploys, in a pickable chart color. A bar opens its log tail and Retry in a shadcn Sheet. ReUI Frame, ColorPicker, CodeBlock.","name":"chart-33","page":"https://reui.io/blocks/chart/bar-chart/chart-33","registryDependencies":["@reui/badge","@reui/code-block","@reui/color-picker","@reui/frame","@reui/icon-tile","alert-dialog","button","button-group","chart","dropdown-menu","sheet","spinner","tooltip"],"title":"Cron job run duration bars with status tones, a timeout line and a Run now toolbar","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"Cron fleet run history: success rate and trend, run outcome mix, failing jobs and slowest p95 over a row per job with last run, a 10 or 20 run capsule strip of HoverCards and p95. Filter, sort, export. ReUI Frame, Badge, shadcn Item, Select.","name":"chart-34","page":"https://reui.io/blocks/chart/status-tracker/chart-34","registryDependencies":["@reui/badge","@reui/frame","button","button-group","dropdown-menu","empty","hover-card","item","select","separator","skeleton","tooltip"],"title":"Cron job run history list with capsule duration strips, a fleet summary, filters and CSV export","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Audit log event volume over 1h to 30d as stacked success, denied and failed pills, with category and actor filters, auto-refresh and CSV or JSON export. A readout and breakdown strip follow the hovered bar or dragged range. ReUI Frame.","name":"chart-35","page":"https://reui.io/blocks/chart/bar-chart/chart-35","registryDependencies":["@reui/badge","@reui/frame","avatar","button","button-group","chart","dropdown-menu","spinner","toggle-group","tooltip"],"title":"Audit log event volume chart with stacked outcome pills, drag range selection and denial avatars","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Fiscal year P&L by month or quarter: revenue and opex columns, an operating margin line against a dashed target, hatched forecast months, YTD stats and CSV export. Recharts in a ReUI Frame with ToggleGroup. Finance and margin dashboards.","name":"chart-36","page":"https://reui.io/blocks/chart/composed-chart/chart-36","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","chart","dropdown-menu","toggle-group","tooltip"],"title":"Operating margin chart with revenue and opex bars, a margin lane, a target and hatched forecast","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Canary latency for a rolled-back release, one stacked column per sample: the old version's baseline, the regression and the excess past a dashed limit, under a stage track ending on the rollback. Percentile switch, layers, replay and CSV export.","name":"chart-37","page":"https://reui.io/blocks/chart/composed-chart/chart-37","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","button-group","chart","dropdown-menu","toggle-group","tooltip"],"title":"Canary latency chart with stacked baseline and regression columns, breach stats and a rollback track","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Staging, Sandbox and Production release lanes with live 6-segment stage meters and Promote connectors between them. A canary waits at a Promote gate behind an AlertDialog; a Collapsible matrix flags held and failed services with Badges. CI/CD board.","name":"chart-38","page":"https://reui.io/blocks/chart/status-tracker/chart-38","registryDependencies":["@reui/badge","@reui/frame","alert-dialog","avatar","button","collapsible","dropdown-menu","separator","spinner","tooltip"],"title":"Environment release lanes with live 6-stage meters, Promote gates and a service version matrix","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"A deploy history list in a Frame where each run shows its service, version, environment and status Badge beside a 6-segment stage meter. A filter, a New deploy Dialog and CSV or JSON export sit in the header. HoverCard stage breakdowns. CI/CD.","name":"chart-39","page":"https://reui.io/blocks/chart/status-tracker/chart-39","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","dialog","dropdown-menu","empty","field","hover-card","item","select","separator","spinner","switch","toggle-group"],"title":"Pipeline runs list with segmented stage meters, an environment filter and a New deploy dialog","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Daily account balance over 1M, 3M, YTD or 1Y: a morphing Recharts line with high and low markers, a Compare benchmark toggle, an average line, a line color picker, a full readout tooltip, stats and CSV export. ReUI Frame.","name":"chart-4","page":"https://reui.io/blocks/chart/line-chart/chart-4","registryDependencies":["@reui/badge","@reui/color-picker","@reui/frame","@reui/icon-tile","button","button-group","chart","dropdown-menu","spinner","toggle","toggle-group","tooltip"],"title":"Portfolio balance line chart with range tabs, high and low markers and a benchmark overlay","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Firewall traffic per hour as pill columns of blocked, challenged and allowed requests that light up on load. Hover or focus opens an hour's breakdown tooltip; the toolbar sets range, view and layers, refreshes and exports.","name":"chart-40","page":"https://reui.io/blocks/chart/bar-chart/chart-40","registryDependencies":["@reui/badge","@reui/frame","button","button-group","dropdown-menu","spinner","tooltip"],"title":"Hourly firewall traffic pill grid with hour tooltips, a range and view toolbar and incident markers","type":"registry:block"},{"dependencies":["cn","motion","recharts"],"description":"4 KPI tiles for an SLO fleet: objectives meeting target, median budget left, hourly burn peaks and budget events, each with a lollipop or bead mini. Hover turns the footer into a column readout. ReUI Frame, Badge, IconTile, Recharts. Error budgets.","name":"chart-41","page":"https://reui.io/blocks/chart/sparkline/chart-41","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","chart"],"title":"SLO health KPI strip with lollipop minis for budget left, hourly burn peaks and budget events","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"SLO error budget burn-down as daily Recharts lollipops below 0% once overspent, with a forecast tail and drag to sum spend. A Select picks the SLO; menus mute burn alerts, freeze deploys, declare incidents and export. ReUI Frame. SRE dashboards.","name":"chart-42","page":"https://reui.io/blocks/chart/bar-chart/chart-42","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","alert-dialog","button","button-group","chart","dropdown-menu","select","tooltip"],"title":"Error budget burn-down with daily lollipop stems, an SLO picker and a budget ribbon","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Multiwindow SLO burn rate panel: the last hour, log tracks for 5 windows from 5m to 3d and alert rules with state Badges. Hourly Recharts lollipops on a log axis with a 24h or 72h toggle, Mute alerts and CSV or JSON export. ReUI Frame, shadcn Item.","name":"chart-43","page":"https://reui.io/blocks/chart/bar-chart/chart-43","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","alert-dialog","button","chart","dropdown-menu","item","toggle-group"],"title":"SLO burn rate panel with hourly log scale lollipops, window tracks, alert rules and mute","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"A Frame list of service level objectives, each row pairing a diverging lollipop pin of error budget left or overspent with a 28-day bead sparkline. A filter, sort, New SLO dialog and CSV or JSON export sit in the header. SLO tracking.","name":"chart-44","page":"https://reui.io/blocks/chart/sparkline/chart-44","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","dialog","dropdown-menu","empty","field","hover-card","input","item","select","separator","toggle-group"],"title":"SLO error budget list with diverging lollipop pins, an attention filter and a New SLO dialog","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Data sync activity over 24 hours as Recharts columns stacked by outcome, under runs, landed, failed and rows synced stats. Tooltips name failing and slow connections; a menu exports CSV or copies a summary. ReUI Frame, Badge. ETL pipeline health.","name":"chart-45","page":"https://reui.io/blocks/chart/bar-chart/chart-45","registryDependencies":["@reui/badge","@reui/frame","button","button-group","chart","dropdown-menu","empty","separator","spinner","toggle-group","tooltip"],"title":"Hourly data sync activity chart for all connections with a Runs or Rows toggle and a source filter","type":"registry:block"},{"dependencies":["cn","recharts"],"description":"4 KPI tiles for a data integration fleet: health and dataset sync segment bars, a rows synced area and failed syncs by day, the 2 daily plots with a day readout, toned change arrows. ReUI Frame, shadcn Chart on Recharts. ETL sync monitoring.","name":"chart-46","page":"https://reui.io/blocks/chart/sparkline/chart-46","registryDependencies":["@reui/frame","chart"],"title":"Data connection KPI strip with health segment bars, a rows synced area trend and failure day bars","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Sync history for one data connection: success rate against the prior 24h with freshness and next sync, 24 hours of hatched Recharts columns by rows or runs, and the 5 newest runs with errors and Retry. ReUI Frame, Badge, IconTile. ETL monitoring.","name":"chart-47","page":"https://reui.io/blocks/chart/bar-chart/chart-47","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","alert-dialog","button","button-group","chart","dropdown-menu","empty","separator","spinner","toggle-group","tooltip"],"title":"Connection sync history card with hourly outcome columns and a recent runs list","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Quarterly P&L as a Recharts Sankey: 3 revenue lines merge, then split into costs and profit down to net income. KPI deltas vs last quarter, node pinning, a revenue, cost or profit highlight, CSV export. ReUI Frame, shadcn Select. Earnings report.","name":"chart-48","page":"https://reui.io/blocks/chart/sankey-chart/chart-48","registryDependencies":["@reui/badge","@reui/frame","button","chart","dropdown-menu","select","toggle-group"],"title":"Income statement Sankey chart with revenue, cost and profit flows and a quarter picker","type":"registry:block"},{"dependencies":["cn","recharts"],"description":"Trial journey as a Recharts Sankey: 4 channels merge into signups, then each stage splits into survivors and a drop-off node. Flows sweep in, pulses ride each link by volume, hover traces lineage. ReUI Frame, shadcn ToggleGroup. PLG onboarding.","name":"chart-49","page":"https://reui.io/blocks/chart/sankey-chart/chart-49","registryDependencies":["@reui/badge","@reui/frame","button","chart","toggle-group"],"title":"Trial conversion Sankey chart with channel signups, a drop-off node per stage and volume pulses","type":"registry:block"},{"dependencies":["recharts"],"description":"Finance overview KPI grid: net worth, portfolio, investments and cashflow cards with delta badges, brand logo stacks, and mini area-chart sparklines. Uses ReUI Frame and Badge plus shadcn Chart. For wealth, fintech, crypto dashboards.","name":"chart-5","page":"https://reui.io/blocks/chart/sparkline/chart-5","registryDependencies":["@reui/badge","@reui/frame","chart"],"title":"Finance KPI metric grid with delta badges, brand logo stacks and mini area sparklines","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Services ranked by traffic slope to their days of error budget left, re-sorting live as burn drifts, below 4 fleet stats with an inspector footer and CSV export. ReUI Frame, Badge; shadcn ToggleGroup, Progress; Recharts. SRE wallboard.","name":"chart-50","page":"https://reui.io/blocks/chart/slope-chart/chart-50","registryDependencies":["@reui/badge","@reui/frame","button","chart","dropdown-menu","progress","toggle-group"],"title":"Live error budget runway slope chart with traffic weighted lines and a current or baseline switch","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Acquisition channels ranked by signups slope to their rank by users kept, scrubbed from Day 1 to 90 through 3 lifecycle stages, with an insight footer and CSV export. ReUI Frame, Badge; shadcn Slider, ButtonGroup; Recharts. Cohort retention.","name":"chart-51","page":"https://reui.io/blocks/chart/slope-chart/chart-51","registryDependencies":["@reui/badge","@reui/frame","button","button-group","chart","dropdown-menu","slider"],"title":"Channel retention slope chart with a day ruler re-ranking channels from signups to Day N retention","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Leads per month or quarter over an area fill with drifting dots, against last year in grey, with a trend line. Display and Trend menus, color picker, refresh, expand dialog, CSV and copy export. shadcn Card, ReUI ColorPicker. CRM dashboard.","name":"chart-52","page":"https://reui.io/blocks/chart/area-chart/chart-52","registryDependencies":["@reui/color-picker","button","button-group","card","chart","dialog","dropdown-menu","spinner","toggle-group","tooltip"],"title":"Monthly leads area chart comparing this year to last, with a widget toolbar and accent picker","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Deals by lead source as a centered funnel Sankey in a shadcn Card, under a stat strip of conversion, leads, won deals and the biggest leak. Ribbons drain in, drops leak by loss rate, ranges morph, hover reads each stage; CSV and copy export.","name":"chart-53","page":"https://reui.io/blocks/chart/sankey-chart/chart-53","registryDependencies":["@reui/badge","button","card","chart","dropdown-menu","separator","toggle-group"],"title":"Sales funnel Sankey chart with lead source ribbons, a draining entrance and leak drops","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"FinOps budget rose of amortized cloud cost: each wedge is as wide as its category's budget and as long as its use, breaking a dashed budget ring once over, with a drill into its services. ReUI Frame, Item, Select.","name":"chart-54","page":"https://reui.io/blocks/chart/pie-chart/chart-54","registryDependencies":["@reui/badge","@reui/frame","button","button-group","dropdown-menu","empty","item","select","skeleton","tooltip"],"title":"Budget rose of cloud spend by category with overspend past a budget ring and service drill-in","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Storefront metrics card where four KPI tiles (orders, revenue, active users, p95 latency) switch one daily area trend, read against the previous period as a dashed line, with release and sale annotations, 7D to 90D ranges and CSV export.","name":"chart-6","page":"https://reui.io/blocks/chart/line-chart/chart-6","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","button-group","chart","dropdown-menu","toggle-group","tooltip"],"title":"Metric switcher trend chart with KPI tiles, a previous-period ghost line and event annotations","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Error budget card for one service: four striped concentric radial rings of the budget each objective has left, beside a table of target, attainment, budget bars, burn and status. ReUI Frame, Badge, shadcn Chart, Table, Select.","name":"chart-7","page":"https://reui.io/blocks/chart/radial-chart/chart-7","registryDependencies":["@reui/badge","@reui/frame","button","chart","dropdown-menu","empty","progress","select","skeleton","table","toggle-group","tooltip"],"title":"SLO error budget card with concentric radial rings per objective, burn rate and a service switch","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"API health panel: availability, p95 latency, error rate and throughput as segmented SLO rings with a redline band, trend arrows vs the prior window, latest, peak and time past limit per region, auto refresh and CSV export.","name":"chart-8","page":"https://reui.io/blocks/chart/radial-chart/chart-8","registryDependencies":["@reui/badge","@reui/frame","button","button-group","dropdown-menu","empty","select","skeleton","spinner","toggle-group","tooltip"],"title":"API health KPI panel with SLO ring gauges, trend arrows and region scope","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Net new capital per year across 6 funds, with KPIs for growth, top fund share and run rate. Year range and fund menus, a legend that isolates one fund, CSV and copy exports. ReUI Frame, Badge, IconTile; shadcn ToggleGroup. For treasury dashboards.","name":"chart-9","page":"https://reui.io/blocks/chart/bar-chart/chart-9","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","button-group","dropdown-menu","spinner","toggle","toggle-group","tooltip"],"title":"Yearly capital inflows chart with 3D prisms stacked by fund and a hatched run-rate estimate","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"Four-step purchase flow for contact, address, delivery speed, and card/PayPal/Apple Pay payment, with promo code, validation, and a sticky order summary. Uses ReUI Stepper, Badge, Alert; shadcn Combobox, RadioGroup. For cart, order, checkout pages.","name":"checkout-1","page":"https://reui.io/blocks/ecommerce/checkout/checkout-1","registryDependencies":["@reui/alert","@reui/badge","@reui/stepper","button","checkbox","combobox","field","input","item","radio-group","separator","spinner"],"title":"Multi-Step Checkout with Stepper Progress and Sticky Order Summary","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"Four-step checkout (contact, delivery, payment, review) with order summary, promo codes, saved addresses, and card, PayPal, or Apple Pay payment. ReUI Stepper, Badge, Alert; shadcn Card, RadioGroup, Combobox. For e-commerce checkout and payment pages","name":"checkout-2","page":"https://reui.io/blocks/ecommerce/checkout/checkout-2","registryDependencies":["@reui/alert","@reui/badge","@reui/stepper","button","card","checkbox","combobox","field","input","input-group","item","radio-group","separator","spinner"],"title":"Multi-step checkout form with stepper and sticky order summary","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Three-step wizard to buy prepaid AI token credits: pick a provider, choose a bundle with auto top-up and usage alerts, then pay. ReUI Stepper, Frame, Alert, Badge; shadcn RadioGroup, Field, Input, Switch. Credit top-up, token billing, AI marketplace.","name":"checkout-3","page":"https://reui.io/blocks/ecommerce/checkout/checkout-3","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/stepper","button","checkbox","field","input","item","radio-group","spinner","switch"],"title":"Multi-step AI token credit checkout with stepper and auto top-up controls","type":"registry:block"},{"description":"Express checkout with saved contact, address, and card review rows, a CVV security field, and a collapsible new-card form beside a live order summary. ReUI Badge; shadcn Card, Button, Field, InputGroup, Separator. Payment, order review.","name":"checkout-4","page":"https://reui.io/blocks/ecommerce/checkout/checkout-4","registryDependencies":["@reui/badge","button","card","field","input-group","item","separator"],"title":"Two-pane express checkout with saved details and order summary rail","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"Four-step ecommerce checkout (contact, delivery, payment, review) with animated stepper, saved addresses, delivery and payment options, and promo codes. ReUI Frame, Stepper, Badge; shadcn Button, Combobox, RadioGroup. Use for: payment flow, checkout.","name":"checkout-5","page":"https://reui.io/blocks/ecommerce/checkout/checkout-5","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/stepper","button","checkbox","combobox","field","input","item","radio-group","separator","spinner"],"title":"Four-step ecommerce checkout with stepper and order summary sidebar","type":"registry:block"},{"description":"Ecommerce checkout with order summary and payment form. Product list with totals, shipping details, card input with Apple Pay button and payment brand logos. Uses ReUI Badge; shadcn Button, Card, Checkbox, Field, Input, Item, Select, Separator, Tooltip.","name":"checkout-6","page":"https://reui.io/blocks/ecommerce/checkout/checkout-6","registryDependencies":["@reui/badge","button","card","checkbox","field","input","item","select","separator","tooltip"],"title":"Two-column checkout with order summary and payment form","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Stepper-driven checkout for contact, shipping, delivery method, and payment, plus promo code discount, tax, and a live order summary. ReUI Stepper, Badge, Alert; shadcn RadioGroup, Select, Input, Button. For checkout page, payment, order review.","name":"checkout-7","page":"https://reui.io/blocks/ecommerce/checkout/checkout-7","registryDependencies":["@reui/alert","@reui/badge","@reui/stepper","button","checkbox","field","input","item","radio-group","select","separator","spinner"],"title":"Multi-step checkout with stepper navigation and live order summary","type":"registry:block"},{"dependencies":["cn","shiki"],"description":"Shadcn code block with Shiki highlighting, streaming, diffs, folding and per-line interaction for AI chat UIs.","name":"code-block","page":"https://reui.io/components/code-block","registryDependencies":["button","@reui/code-block-highlight"],"title":"Shadcn code block with Shiki highlighting, streaming, diffs, folding and per-line interaction for AI chat UIs.","type":"registry:ui"},{"dependencies":["shiki"],"description":"Isomorphic shiki engine and pure helpers for the code block.","name":"code-block-highlight","title":"Isomorphic shiki engine and pure helpers for the code block.","type":"registry:ui"},{"dependencies":["cn"],"description":"Shadcn color picker with a saturation area, hue, alpha and channel sliders, a hue wheel, HEX, RGB, HSL, HSB and OKLCH fields, swatches and an eye dropper.","name":"color-picker","page":"https://reui.io/components/color-picker","registryDependencies":["button","dropdown-menu","input-group","popover","separator"],"title":"Shadcn color picker with a saturation area, hue, alpha and channel sliders, a hue wheel, HEX, RGB, HSL, HSB and OKLCH fields, swatches and an eye dropper.","type":"registry:ui"},{"dependencies":["cn"],"description":"Old way vs new way pitch: eyebrow link, headline with a highlighted claim chip, docs and registry CTAs, row-aligned steps that stack when narrow. Built on ReUI Badge, IconTile, shadcn Card, Item, Button. For versus, before and after, why us.","name":"compare-1","page":"https://reui.io/blocks/marketing/compare/compare-1","registryDependencies":["@reui/badge","@reui/icon-tile","button","card","item"],"title":"Workflow comparison card with 2 numbered 5-step tracks, a hatched VS rail and time-cost bands","type":"registry:block"},{"dependencies":["cn"],"description":"Versus section setting 9 AI workflow features, with icon tiles and info tooltips, against the manual step a prompt-only approach leaves. Built on shadcn Card, Tooltip and ReUI Badge, IconTile. For us vs them, with vs without, feature matrix pages.","name":"compare-2","page":"https://reui.io/blocks/marketing/compare/compare-2","registryDependencies":["@reui/badge","@reui/icon-tile","card","tooltip"],"title":"3-column feature comparison table with a center emerald checkmark column","type":"registry:block"},{"dependencies":["cn"],"description":"Tool against manual work: 7 MCP capabilities with info hints, each level with the manual step it replaces as labels wrap, stacking card first in tight containers. ReUI IconTile, Badge, shadcn Tooltip, Card. For alternatives, competitor pages.","name":"compare-3","page":"https://reui.io/blocks/marketing/compare/compare-3","registryDependencies":["@reui/badge","@reui/icon-tile","card","tooltip"],"title":"Lit emerald capability card beside a plain prompt-only step list, a 2-column feature comparison","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Compare products column by column with grouped feature rows, star ratings, hint tooltips, badges, pricing, and removable columns over a sticky-label scroll area. ReUI Badge; shadcn Button, Tooltip, Scroll Area. Specs table, product picker.","name":"comparison-1","page":"https://reui.io/blocks/ecommerce/comparison/comparison-1","registryDependencies":["@reui/badge","button","scroll-area","tooltip"],"title":"Side-by-side product comparison table with grouped specs and sticky labels","type":"registry:block"},{"dependencies":["cn"],"description":"Side-by-side product comparison with swappable selector cards, multi-group feature table, and automatic winner highlighting. ReUI Badge; shadcn Button, Select, Tooltip. Perfect for purchase decisions, ecommerce comparison pages, product spec lookups.","name":"comparison-2","page":"https://reui.io/blocks/ecommerce/comparison/comparison-2","registryDependencies":["@reui/badge","button","select","tooltip"],"title":"Two-Product Comparison with Auto Winner Indicators","type":"registry:block"},{"dependencies":["cn"],"description":"Three recommendation cards labeled best value, editor's choice and top premium, each with a badge, star rating, price, feature checklist, key specs and add-to-cart. ReUI Badge; shadcn Button, Item. For product picks, comparison, buying guides.","name":"comparison-3","page":"https://reui.io/blocks/ecommerce/comparison/comparison-3","registryDependencies":["@reui/badge","button","item"],"title":"Editor's pick comparison cards with ratings, feature checklist and add-to-cart","type":"registry:block"},{"dependencies":["cn"],"description":"Carousel paging six products 3-up, ranked by overall 0-10 score across five dimensions with best-in-class bar highlights, top-pick ribbon, star ratings, and add-to-cart. ReUI Badge; shadcn Carousel, Button. Product comparison, buying guide, rankings.","name":"comparison-4","page":"https://reui.io/blocks/ecommerce/comparison/comparison-4","registryDependencies":["@reui/badge","button","carousel"],"title":"Ranked product scorecard carousel with per-dimension score bars","type":"registry:block"},{"dependencies":["cn"],"description":"Compare a focal product against alternatives in a hero card plus stacked rivals showing price deltas, star ratings, and feature checklists; tap Switch to swap the hero. ReUI Badge, shadcn Button. For product, comparison, and buying-guide pages.","name":"comparison-5","page":"https://reui.io/blocks/ecommerce/comparison/comparison-5","registryDependencies":["@reui/badge","button"],"title":"Product Comparison with Focused Hero Card and Swappable Alternatives","type":"registry:block"},{"dependencies":["cn"],"description":"Catalog grid with compare toggles and live 4-slot comparison panel displaying specs side-by-side with automatic winner highlighting. Uses ReUI Badge and shadcn Button. Ideal for product comparison, feature comparison, and product selection pages.","name":"comparison-6","page":"https://reui.io/blocks/ecommerce/comparison/comparison-6","registryDependencies":["@reui/badge","button"],"title":"Interactive Product Comparison Builder with Live Spec Panel","type":"registry:block"},{"description":"Centered contact section with one direct-email path instead of a form: eyebrow, heading, a framed mail-icon row, and a full-width outline button showing the support email. Uses ReUI Frame, shadcn Item and Button. For contact us and support pages.","name":"contact-1","page":"https://reui.io/blocks/marketing/contact/contact-1","registryDependencies":["@reui/frame","button","item"],"title":"Centered single-email contact card with framed mail row and full-width email action button","type":"registry:block"},{"description":"Two-column Card pairing a project intake form (Project Type and Timeline Selects, budget InputGroup with $ addon, Textarea, Button) with a gradient SVG panel of mailto and tel Item links. For agency, studio, or SaaS quote and project-brief pages.","name":"contact-2","page":"https://reui.io/blocks/marketing/contact/contact-2","registryDependencies":["badge","button","card","field","input","input-group","item","select","textarea"],"title":"Split contact card with project intake form and abstract SVG scope panel","type":"registry:block"},{"description":"Split contact-us section: frameless form (Name, Email, topic Select, Subject, Textarea) beside an image-backed Card of email and phone links. Field, Input, Select, Textarea, Button, Card, Item. Contact page, support form, sales inquiry, lead capture.","name":"contact-3","page":"https://reui.io/blocks/marketing/contact/contact-3","registryDependencies":["badge","button","card","field","input","item","select","textarea"],"title":"Frameless split contact form with topic Select and image-backed Card panel of email and phone links","type":"registry:block"},{"description":"Form-free contact band: three office columns split by dividers, each with city, postal address, UTC offset, business hours, and a directions link, plus an email and CTA button. Uses shadcn Button and Separator. For contact us, our offices, find us.","name":"contact-4","page":"https://reui.io/blocks/marketing/contact/contact-4","registryDependencies":["button","separator"],"title":"Contact section with global office columns ordered west to east as a follow-the-sun timezone band","type":"registry:block"},{"description":"Framed Card with a tinted left details panel (email, response time, studio location) beside a right project form. shadcn Card, Field, Input, Textarea, Button. For contact us, get in touch, start a project, sales inquiry, lead capture.","name":"contact-5","page":"https://reui.io/blocks/marketing/contact/contact-5","registryDependencies":["button","card","field","input","textarea"],"title":"Two-column contact Card pairing a tinted contact-details panel with a short project inquiry form","type":"registry:block"},{"description":"Channel-first contact section: three clickable Frame panels (Live Chat, Email Us, GitHub Community) over a muted docs and FAQ card. ReUI Frame, FramePanel; shadcn Card, Item, Button. Contact us, get in touch, support channels page.","name":"contact-6","page":"https://reui.io/blocks/marketing/contact/contact-6","registryDependencies":["@reui/frame","button","card","item"],"title":"Channel-first contact section with clickable Frame panels for chat, email, and GitHub community","type":"registry:block"},{"dependencies":["cn"],"description":"Two-column sale promo: eyebrow badge, headline, dashed promo-code panel with copy-to-clipboard button, fine-print terms, CTA, and image. ReUI Badge; shadcn Card, Button, Item. For discount banners, seasonal sales, promo landing pages.","name":"coupon-1","page":"https://reui.io/blocks/ecommerce/coupon/coupon-1","registryDependencies":["@reui/badge","button","card","item"],"title":"Split promo hero with copyable coupon code, expiry, and campaign image","type":"registry:block"},{"dependencies":["cn"],"description":"Filterable promotions grid of discount cards showing min spend, expiry, status badge, and a copy-code button with copied feedback. ReUI Frame, Badge; shadcn Button. For sales, deals, loyalty, and discount pages.","name":"coupon-2","page":"https://reui.io/blocks/ecommerce/coupon/coupon-2","registryDependencies":["@reui/badge","@reui/frame","button"],"title":"Category-filterable coupon grid with one-click copy promo codes","type":"registry:block"},{"dependencies":["cn"],"description":"Split-panel promo hero with member badge, headline, copyable code, time limit indicator, fine print, and CTA paired with full-bleed image. ReUI Badge, Frame; shadcn Button, Item. Loyalty offers, early access, seasonal sales.","name":"coupon-3","page":"https://reui.io/blocks/ecommerce/coupon/coupon-3","registryDependencies":["@reui/badge","@reui/frame","button","item"],"title":"Hero coupon banner with copyable code and full-bleed image","type":"registry:block"},{"description":"Promotional offer card with one-click copyable promo code, discount headline, eyebrow badge, expiry and minimum-spend meta, fine-print checklist, and CTA. ReUI Badge; shadcn Card, Button, Item. For coupon pages, member offers, discount promos.","name":"coupon-4","page":"https://reui.io/blocks/ecommerce/coupon/coupon-4","registryDependencies":["@reui/badge","button","card","item"],"title":"Coupon card with copyable promo code and discount offer terms","type":"registry:block"},{"dependencies":["cn"],"description":"Dismissible top banner announcing an offer with a dashed promo code chip, copy-to-clipboard button with copied feedback, and a restore action. Uses shadcn Button. For sale bars, free-shipping notices, discount codes, store promotions.","name":"coupon-5","page":"https://reui.io/blocks/ecommerce/coupon/coupon-5","registryDependencies":["button"],"title":"Full-width promo announcement bar with copyable discount code","type":"registry:block"},{"dependencies":["cn"],"description":"Dark full-width announcement strip with offer headline, dashed promo code chip, copy-to-clipboard button with copied feedback, and dismiss control. Built with shadcn Button. For flash sales, discount campaigns, promo banners, sale alerts.","name":"coupon-6","page":"https://reui.io/blocks/ecommerce/coupon/coupon-6","registryDependencies":["button"],"title":"Full-width dark promo bar with inline copyable discount code chip","type":"registry:block"},{"description":"Centered newsletter CTA: badge eyebrow, headline, lede, a mail-prefixed email field with Subscribe button, and an overlapping avatar stack with subscriber count. ReUI Badge, shadcn InputGroup, Avatar, Button. Email capture, mailing-list opt-in.","name":"cta-1","page":"https://reui.io/blocks/marketing/cta/cta-1","registryDependencies":["@reui/badge","avatar","button","input-group"],"title":"Centered newsletter signup CTA with mail-prefixed email input and avatar-stack subscriber proof","type":"registry:block"},{"description":"End-of-page conversion section whose lede pitches components, templates, MCP tools and Agent Skills; avatars show initials until portraits load and the buttons wrap when narrow. ReUI Badge, shadcn Avatar, Button. Dev tool promo, Figma kit page.","name":"cta-10","page":"https://reui.io/blocks/marketing/cta/cta-10","registryDependencies":["@reui/badge","avatar","button"],"title":"Figma and Cursor brand-button CTA centered under a pill eyebrow badge and a 9-avatar builder stack","type":"registry:block"},{"description":"Get-started band with lime Start Building and translucent Read Docs links, 8 wordmarks such as Vercel, GitHub and Supabase that pause on hover, and a photo that drops beneath the copy below 640px. shadcn Card, Button, Separator. Customer logo strip.","name":"cta-11","page":"https://reui.io/blocks/marketing/cta/cta-11","registryDependencies":["button","card","separator"],"title":"Masked tower photo cutout bleeding off an emerald CTA banner with a looping wordmark marquee","type":"registry:block"},{"description":"Launch section pairing light and translucent link buttons with Live integrations, Agent ready and Open standards checks; the planet turns under a fixed Sun, relit per fragment. shadcn Card, Button, Separator. Space promo, get started page.","name":"cta-12","page":"https://reui.io/blocks/marketing/cta/cta-12","registryDependencies":["button","card","separator"],"title":"Rotating Mars CTA banner on dotted indigo with paired buttons and 3 pulsing proof checks","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Integration catalog closer: Connect MCP and Browse Integrations links over a Vercel, OpenAI, Resend and Clerk trust row, while tiles spring in and then float. shadcn Card, Button, Separator. For MCP server and API platform pages.","name":"cta-13","page":"https://reui.io/blocks/marketing/cta/cta-13","registryDependencies":["button","card","separator"],"title":"MCP integrations CTA banner with 11 floating extruded logo tiles on an isometric grid floor","type":"registry:block"},{"description":"Release updates signup: an @-prefixed email field and Join button swap to an aria-live confirmation on submit, over a 3px dot mesh and a blue bloom that pulses on a 12s loop. shadcn Card, Input Group, Button. Changelog, product news.","name":"cta-14","page":"https://reui.io/blocks/marketing/cta/cta-14","registryDependencies":["button","card","input-group"],"title":"Dark newsletter signup banner with inline email join form and a rotating WebGL night Earth","type":"registry:block"},{"description":"Benefits recap whose checklist covers shipping pages, MCP support for AI agents, accessibility and consistent design systems, stacking below the copy on cards under 900px. shadcn Card, Button. Landing page ending, feature summary.","name":"cta-15","page":"https://reui.io/blocks/marketing/cta/cta-15","registryDependencies":["button","card"],"title":"Outcome checklist CTA banner on emerald with 4 checked items, an amber action and lime corner glows","type":"registry:block"},{"description":"Consultation booking row that splits from a 900px card width, holding a 320px action well on the right, and stacks below; message and calendar icons, blue corner glow. shadcn Card, Button. Contact page, services footer.","name":"cta-16","page":"https://reui.io/blocks/marketing/cta/cta-16","registryDependencies":["button","card"],"title":"Sales contact CTA banner with the headline left and Contact Us and Book a Call buttons right","type":"registry:block"},{"description":"Review score callout: 4.6 shown as 4.5 half-step stars with a 2600+ review count, under View Blocks and Read Docs icon links and a Build with ReUI headline. ReUI IconTile, Rating; shadcn Card, Button. Testimonials, trust section.","name":"cta-17","page":"https://reui.io/blocks/marketing/cta/cta-17","registryDependencies":["@reui/icon-tile","@reui/rating","button","card"],"title":"Star rating review pill CTA on a dark dot-grain banner with a centered brand logo tile","type":"registry:block"},{"description":"Two-column marketing CTA pairing copy with an image media panel on a radial dot-grid backdrop. Badge eyebrow, headline, two icon link Buttons, and a feature strip. ReUI Badge, shadcn Card, Button, Item. Landing CTA, get-started banner, product promo.","name":"cta-2","page":"https://reui.io/blocks/marketing/cta/cta-2","registryDependencies":["@reui/badge","button","card","item"],"title":"Split CTA card with image media panel, badge eyebrow, dual link buttons, and feature trust strip","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Compact centered email-capture CTA: a ReUI Frame and FramePanel surface over an animated motion/react SVG grid, with a Badge eyebrow, h2 heading, lede, and an inline shadcn Input plus Button. For waitlist, signup, lead-capture, and launch sections.","name":"cta-3","page":"https://reui.io/blocks/marketing/cta/cta-3","registryDependencies":["@reui/badge","@reui/frame","button","input"],"title":"Centered Frame CTA with animated grid background, badge eyebrow, and single email capture form","type":"registry:block"},{"description":"Centered conversion CTA: Badge eyebrow, heading, lede above a ReUI Frame three-column FramePanel proof grid of bordered Item icon tiles, then primary and outline link Buttons. Landing, pricing, product closer; feature grid, dual button CTA.","name":"cta-4","page":"https://reui.io/blocks/marketing/cta/cta-4","registryDependencies":["@reui/badge","@reui/frame","button","item"],"title":"Centered marketing CTA with badge eyebrow, framed three-column proof grid, and dual link buttons","type":"registry:block"},{"description":"Full-bleed single-message conversion band: one bold two-line headline and a single rounded-full action over a static OKLCH aurora gradient. Built on shadcn Card and Button. For closing CTA sections, hero banners, sign up and get-started callouts.","name":"cta-5","page":"https://reui.io/blocks/marketing/cta/cta-5","registryDependencies":["button","card"],"title":"Full-width aurora-gradient CTA banner with a two-line headline and one rounded-full pill button","type":"registry:block"},{"description":"Closing CTA banner: two-line heading, supporting line, and one rounded-full anchor button on a deep violet surface lit by an animated, looping neon line-stream. Built on shadcn Card and Button. For a final conversion band or dark hero section.","name":"cta-6","page":"https://reui.io/blocks/marketing/cta/cta-6","registryDependencies":["button","card"],"title":"Dark violet CTA banner with animated neon sine-wave line-stream backdrop and one rounded-full button","type":"registry:block"},{"dependencies":["cn"],"description":"Agency or product studio pitch: Book a Call and Contact Us links beside a console of KPI sparkline cards, a revenue chart and an order table. ReUI Badge, IconTile; shadcn Button, Card, Table, Progress. Demo booking, SaaS landing.","name":"cta-7","page":"https://reui.io/blocks/marketing/cta/cta-7","registryDependencies":["@reui/badge","@reui/icon-tile","avatar","button","card","item","kbd","progress","separator","table"],"title":"Animated analytics dashboard mockup on a gradient mesh beside CTA copy and a scrolling logo marquee","type":"registry:block"},{"description":"Theme-independent closer (fixed oklch surface and ink) whose Earth is cropped past the right edge, drops under the copy when narrow and stays a still photo under reduced motion. shadcn Card, Button. Docs callout, footer CTA.","name":"cta-8","page":"https://reui.io/blocks/marketing/cta/cta-8","registryDependencies":["button","card"],"title":"Night Earth CTA banner with WebGL city lights turning on the globe beside light and outline buttons","type":"registry:block"},{"description":"Glassmorphism panel where the Card blurs the stars, sun and Earth behind it while they stay sharp around it, lit by edge highlights and a corner glow. Get Started and Read Docs links. shadcn Card, Button. Dark space section, launch page.","name":"cta-9","page":"https://reui.io/blocks/marketing/cta/cta-9","registryDependencies":["button","card"],"title":"Frosted glass CTA panel over a star field with an orange sun and a turning night Earth","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns","react-day-picker","recharts","sonner"],"description":"Fulfillment control center: metric cards, shift performance, capacity allocation tabs, a donut flow chart, and a searchable paginated exception queue. Uses ReUI Frame, Badge, DataGrid plus Tabs, Select, Progress, breadcrumb, and a date-range picker.","name":"dashboard-1","page":"https://reui.io/blocks/application/dashboard/dashboard-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","breadcrumb","button","calendar","chart","checkbox","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","item","label","popover","progress","select","separator","tabs","tooltip"],"title":"Operations dashboard with KPI stat cards, capacity charts, and a filterable exception data grid","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Operations console: sticky navbar with team presence and invite, three area-chart metric cards, and a paginated module DataGrid with progress rings, search, sort, and status filters. ReUI DataGrid, Badge; shadcn Card, Avatar, Popover, DropdownMenu.","name":"dashboard-2","page":"https://reui.io/blocks/application/dashboard/dashboard-2","registryDependencies":["@reui/badge","@reui/data-grid","alert-dialog","avatar","breadcrumb","button","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input","input-group","popover","separator"],"title":"Operations Dashboard with Sparkline Metric Cards and Searchable Module Data Grid","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns","sonner"],"description":"Delivery workspace: tabbed header with breadcrumb and collaborator avatars, account summary cards, a filterable weekly worklog timesheet DataGrid with week navigation, integration cards and Empty tab states. ReUI Frame, DataGrid, Badge; shadcn Tabs.","name":"dashboard-3","page":"https://reui.io/blocks/application/dashboard/dashboard-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/icon-stack","avatar","breadcrumb","button","button-group","calendar","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","input","input-group","item","popover","select","separator","tabs","tooltip"],"title":"Project delivery dashboard with tabbed header and weekly per-person worklog timesheet grid","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Call analytics overview for voice AI ops: six-metric tab switcher (calls, duration, cost, LLM cost) over a recharts area-line chart, ranked agent bars, and integration status list. ReUI Frame, Badge with shadcn Button, Select, Chart, Item.","name":"dashboard-4","page":"https://reui.io/blocks/application/dashboard/dashboard-4","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","alert-dialog","button","chart","dropdown-menu","item","select","separator"],"title":"Voice Agent Call Analytics Dashboard with Tabbed Metric Switcher and Composed Area Chart","type":"registry:block"},{"dependencies":["cn","date-fns","react-day-picker","recharts","sonner"],"description":"Security ops dashboard: 4 KPI tiles with SVG sparklines, threat-vector and network-flow charts, per-node cluster load bars, active threat progress lanes, date-range picker. ReUI Badge, shadcn Card, Chart, Breadcrumb. SOC, NOC, monitoring.","name":"dashboard-5","page":"https://reui.io/blocks/application/dashboard/dashboard-5","registryDependencies":["@reui/badge","breadcrumb","button","calendar","card","chart","popover"],"title":"Edge Security Telemetry Dashboard with KPI Sparkline Tiles, Threat Charts and Node Load Bars","type":"registry:block"},{"dependencies":["cn","date-fns","react-day-picker","recharts","sonner"],"description":"Workforce ops dashboard for shift coverage: metric tiles, a crew Table with coverage progress bars and status, an action queue, and a stacked supply vs forecast ComposedChart. Uses ReUI Frame, Badge with shadcn Table, Avatar, Item, Chart, Breadcrumb.","name":"dashboard-6","page":"https://reui.io/blocks/application/dashboard/dashboard-6","registryDependencies":["@reui/badge","@reui/frame","avatar","breadcrumb","button","calendar","chart","dropdown-menu","empty","item","popover","table"],"title":"Field Workforce Coverage Dashboard with Crew Table, Action Queue, and Supply vs Forecast Chart","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns","react-day-picker","recharts","sonner"],"description":"Commerce revenue dashboard: 4 KPI cards with sparklines and trend deltas, a stacked area revenue chart, a channel-mix bar chart, and a searchable, paginated order queue with fulfillment bars. ReUI Frame, Badge, DataGrid; shadcn Chart and Calendar.","name":"dashboard-7","page":"https://reui.io/blocks/application/dashboard/dashboard-7","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","button","calendar","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","input-group","item","popover","sheet","toggle-group"],"title":"Retail revenue dashboard with KPI sparkline cards, stacked sales charts, and a sortable order queue","type":"registry:block"},{"dependencies":["@tanstack/react-table","date-fns","react-day-picker","recharts","sonner"],"description":"Creator finance desk to clear royalties: command band with claimable balance, receipts vs buffer area chart, payout buffer progress and sweep lanes, plus a searchable ledger. ReUI Frame, Badge, DataGrid; shadcn Calendar, Select, DropdownMenu, Chart.","name":"dashboard-8","page":"https://reui.io/blocks/application/dashboard/dashboard-8","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","breadcrumb","button","calendar","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input","item","popover","select","separator"],"title":"Creator royalty payout dashboard with sweep-lane payout control and a sortable ledger DataGrid","type":"registry:block"},{"dependencies":["@base-ui/react","@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities","@tanstack/react-table","@tanstack/react-virtual","cn"],"name":"data-grid","page":"https://reui.io/components/data-grid","registryDependencies":["@reui/badge","button","checkbox","@reui/data-grid-i18n","@reui/data-grid-table","dropdown-menu","input","popover","select","separator","skeleton","spinner"],"title":"Data Grid","type":"registry:ui"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Paid media reporting table for 30 campaigns with a 6-tile KPI band that follows search and AND/OR rule filters, bulk pause and delete, and undo toasts. Rows open a 3-tab detail sheet. ReUI DataGrid, Filters, Cascader; shadcn Chart, Sheet. PPC, ROAS.","name":"data-grid-advanced-1","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-1","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","chart","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","popover","progress","select","separator","sheet","switch","table","tabs","toggle-group","tooltip"],"title":"Campaign performance grid with in-cell sparklines, ROAS bullet charts and new buyer share bars","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Daily capacity for a 12 technician auto repair shop: each day tinted booked, available, overtime, off or holiday, with a figure only where it is not simply booked. Day popovers list cars to edit or move. ReUI DataGrid, Frame; Combobox, Sheet.","name":"data-grid-advanced-10","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-10","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/frame","@reui/number-field","alert-dialog","avatar","button","button-group","combobox","@reui/data-grid-cell-selection","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","input","input-group","item","popover","progress","select","separator","sheet","switch","table","tabs","toggle-group","tooltip"],"title":"Auto repair technician capacity by day with bookings, overtime and time off","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Supplier scorecard for 26 factories: spend rank and movement vs any prior quarter, OTIF on one shared lane with peer bands, floors and a 95% goal, and a next buy call its rules explain. ReUI DataGrid, Filters; shadcn Sheet. Sourcing, vendor, carrier.","name":"data-grid-advanced-11","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-11","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","@reui/number-field","@reui/timeline","alert-dialog","avatar","button","calendar","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","chart","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","kbd","popover","progress","select","separator","sheet","skeleton","switch","table","tabs","toggle-group","tooltip"],"title":"Factory scorecard grid with spend rank movement, a shared OTIF lane with a goal and next buy calls","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Origin by destination matrix for a road freight network across 12 European countries: each cell splits the headhaul, coloured by margin band, from the backhaul, with a lane modal, totals and repricing. ReUI DataGrid, Filters, Cascader, Timeline.","name":"data-grid-advanced-12","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-12","registryDependencies":["@reui/alert","@reui/autocomplete","@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","@reui/number-field","@reui/timeline","alert-dialog","avatar","button","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","@reui/data-grid-cell-selection","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","popover","select","separator","sheet","skeleton","switch","table","tabs","toggle-group","tooltip"],"title":"Freight lane matrix with headhaul and backhaul split cells, a path to both edges and a lane modal","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Monthly HR scorecard on ReUI DataGrid: 24 KPIs in collapsible groups, tinted index cells against target and prior year, a 12 month trend, editable targets and actuals, Month or YTD and thresholds. ReUI Filters.","name":"data-grid-advanced-13","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-13","registryDependencies":["@reui/data-grid","@reui/filters","@reui/frame","alert-dialog","avatar","button","button-group","@reui/data-grid-cell-selection","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","kbd","popover","select","separator","sheet","skeleton","slider","toggle-group","tooltip"],"title":"HR KPI scorecard grid with collapsible groups, tinted index cells, trends and target editing","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Retail P&L for 28 stores in 10 markets, flat or as a Global, country, sub-region and state tree with rolled-up totals and a depth control. Region filter cards, range popovers, 3-tab sheet, undo. ReUI DataGrid, Cascader; shadcn Sheet. Retail, FP&A.","name":"data-grid-advanced-2","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-2","registryDependencies":["@reui/alert","@reui/badge","@reui/cascader","@reui/data-grid","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","button-group","calendar","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","chart","collapsible","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","input","input-group","item","popover","progress","radio-group","select","separator","sheet","slider","switch","table","tabs","toggle-group","tooltip"],"title":"Store P&L grid with a geography tree, plan attainment bars and profit vs FY25 loss and gain cells","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"B2B prospecting grid: a Filters builder over industry, HQ, size, growth, funding, intent, owner and status, intent cards that filter, a mark per company, headcount bars, intent rings, rep owners with a hand over and CRUD.","name":"data-grid-advanced-22","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-22","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","@reui/number-field","@reui/timeline","alert-dialog","avatar","button","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","chart","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","item","popover","select","separator","sheet","skeleton","switch","tabs","toggle","toggle-group","tooltip"],"title":"B2B prospect database grid with intent cards, a filter builder, rep owners, a hand over and lists","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Paid media target review for 30 campaigns: ROAS and CPA each show target, tinted actual and a bar splitting misses from beats at one zero line. Verdict chips, range filters, 5-tab sheet, undo. ReUI DataGrid, Cascader; shadcn Sheet, Slider. PPC.","name":"data-grid-advanced-3","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-3","registryDependencies":["@reui/alert","@reui/badge","@reui/cascader","@reui/code-block","@reui/data-grid","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","input","input-group","item","kbd","popover","progress","select","separator","sheet","slider","switch","tabs","toggle","toggle-group","tooltip"],"title":"Campaign target grid with diverging ROAS and CPA bars, channel-grouped rows and a column filter row","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","motion","recharts","sonner"],"description":"Reliability review of 18 SLOs: Exhausted, At Risk and Healthy tabs, a team filter, Runs Out, Alert and 90 day trend columns, and a 4-tab SLO sheet with burn-down, burn rate, events and edit. ReUI DataGrid, Frame; shadcn Chart, Sheet. SRE, uptime.","name":"data-grid-advanced-4","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-4","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/frame","@reui/icon-tile","@reui/number-field","alert-dialog","avatar","button","button-group","chart","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","input","input-group","item","select","separator","sheet","switch","tabs","textarea","toggle-group","tooltip"],"title":"SLO error budget grid and linked lollipop chart with a shared objective and window override","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Onboarding review for 24 retailer applications: in-cell decision, terms and check menus, a typed credit limit with undo, accounts that open into door rows with a rollup, and a 4-tab sheet. ReUI DataGrid, Filters, Cascader; shadcn Sheet, Calendar.","name":"data-grid-advanced-5","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-5","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","calendar","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","@reui/data-grid-cell-selection","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","kbd","popover","progress","select","separator","sheet","switch","table","tabs","toggle-group"],"title":"Wholesale application review grid with quick-update cells and expandable door rows","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Transposed stock mix sheet on ReUI DataGrid: categories as columns between pinned parameter and total columns, target over actual shares per season plan, range editing with paste and fill, a category sheet and purchase orders to submit.","name":"data-grid-advanced-6","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-6","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/icon-tile","alert-dialog","button","button-group","@reui/data-grid-cell-selection","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","item","select","separator","sheet","spinner","table","tabs","tooltip"],"title":"Retail Stock Mix Sheet With Categories as Columns, Pinned Totals and Range Editing","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Rental property pro forma on ReUI DataGrid: collapsible sections carry subtotals, a pinned footer totals the return, click to edit and pasted ranges write the monthly inputs, and row actions add, edit, duplicate, reset and remove lines.","name":"data-grid-advanced-7","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-7","registryDependencies":["@reui/data-grid","@reui/frame","alert-dialog","button","@reui/data-grid-cell-selection","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input","input-group","select","separator","sheet"],"title":"Rental Property Pro Forma Grid With Section Subtotals, Pinned Returns and Line Editing","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"KPI review of 29 products over 4, 13 or 26 weeks: revenue with its change on the prior period and a trend of both, profit, a promo calendar that opens each week and a KPI Status on three guardrails across ten markets. ReUI DataGrid, Filters, Frame.","name":"data-grid-advanced-8","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-8","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","@reui/number-field","alert-dialog","avatar","button","button-group","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","kbd","popover","progress","select","separator","sheet","slider","switch","table","tabs","textarea","toggle-group","tooltip"],"title":"KPI grid of products with photo tiles, revenue trends, promo calendars and KPI status segments","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Facilities planner for 18 restaurant kitchens: contractor visits by status on a 3 week day matrix, coverage naming the next due service, vendor contact, sign-off with report numbers, CSV history. ReUI DataGrid, Frame; shadcn Popover, Calendar.","name":"data-grid-advanced-9","page":"https://reui.io/blocks/data-grid/advanced/data-grid-advanced-9","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","button-group","calendar","checkbox","@reui/data-grid-cell-selection","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","input","input-group","item","popover","progress","select","separator","sheet","switch","table","tabs","textarea","toggle-group","tooltip"],"title":"Kitchen service visit planner with a three week day matrix and a coverage column","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Customer CRM table: search, status filter, avatar rows, balance trends with reversal tooltips, a tabbed view sheet, add and edit form sheets, delete with Undo, bulk status and CSV export. ReUI DataGrid, Frame, Badge, Cascader.","name":"data-grid-base-1","page":"https://reui.io/blocks/data-grid/base/data-grid-base-1","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/frame","@reui/number-field","alert-dialog","avatar","button","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","input","input-group","kbd","popover","select","separator","sheet","skeleton","switch","tabs","tooltip"],"title":"Customer balances data grid with CRUD sheets, balance trends and bulk actions","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Lead scoring contacts table for sales teams: an AND and OR Filters builder, pinned rows, Hot, Warm and Cold score bars, weekly engagement with a 4-week trend, view and edit sheets, bulk status, CSV export and Undo. ReUI DataGrid, Filters, Frame.","name":"data-grid-base-2","page":"https://reui.io/blocks/data-grid/base/data-grid-base-2","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","alert-dialog","avatar","button","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","combobox","@reui/data-grid-column-header","@reui/data-grid-i18n","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","kbd","popover","progress","select","separator","sheet","skeleton","switch","tabs","tooltip"],"title":"CRM contacts data grid with lead score bars, weekly engagement trends, pinned rows and CRUD sheets","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"CRM deal pipeline table: pin top opportunities, filter by owner, stage, industry and alerts, sortable columns, circular progress rings, alert tooltips and a row actions menu. Uses ReUI DataGrid, Filters, Frame, Badge, shadcn Avatar, DropdownMenu.","name":"data-grid-base-3","page":"https://reui.io/blocks/data-grid/base/data-grid-base-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/use-copy-to-clipboard","alert-dialog","avatar","button","button-group","@reui/data-grid-column-header","@reui/data-grid-column-visibility","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","@reui/filters-query","@reui/filters-types","separator","skeleton","tooltip"],"title":"CRM sales opportunities data grid with pinned priority rows and faceted pipeline filters","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns"],"description":"People rows plus seven day cells of logged hours with progress bars, and a weekly Total with target-coverage. Team, tracked-time, and billable Select filters, a Calendar week navigator, pagination. ReUI DataGrid, Frame; shadcn Avatar, Tooltip.","name":"data-grid-base-4","page":"https://reui.io/blocks/data-grid/base/data-grid-base-4","registryDependencies":["@reui/data-grid","@reui/frame","avatar","button","button-group","calendar","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","popover","select","separator","tooltip"],"title":"Weekly team timesheet data grid with per-day hours and billable target tracking","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Support ticket queue table in a Card: search, queue and multi-status filters, bulk assign-owner/status bar, SLA countdown cells, priority badges, close-ticket dialog. ReUI DataGrid, Badge; shadcn Card, Avatar, Select, Popover. Help desk, ticketing.","name":"data-grid-base-5","page":"https://reui.io/blocks/data-grid/base/data-grid-base-5","registryDependencies":["@reui/badge","@reui/data-grid","@reui/use-copy-to-clipboard","alert-dialog","avatar","button","card","checkbox","@reui/data-grid-column-header","@reui/data-grid-column-visibility","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","label","popover","select","separator","tooltip"],"title":"Support ticket queue data grid with SLA countdown, status filters, and bulk owner assignment","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Team members table for admin and settings pages: avatar cells, billing status dots, search, a tabbed Role/Billing/Auth filter menu, and hover view, edit, delete actions. ReUI DataGrid, DataGridPagination, Badge with shadcn Avatar, DropdownMenu, Tabs.","name":"data-grid-base-6","page":"https://reui.io/blocks/data-grid/base/data-grid-base-6","registryDependencies":["@reui/badge","@reui/data-grid","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","separator","tabs"],"title":"Members data grid with avatar rows, tabbed role and billing filters, and hover actions","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Project modules table with per-row circular progress ring, task counts, date window, and status badges. Search, sort, status-filter, pagination, and row actions. ReUI DataGrid and Badge with shadcn DropdownMenu and InputGroup. For module manager.","name":"data-grid-base-7","page":"https://reui.io/blocks/data-grid/base/data-grid-base-7","registryDependencies":["@reui/badge","@reui/data-grid","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group"],"title":"Modules data grid with circular progress rings, status badges, and row actions","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Price book table for usage billing: list-to-net rates with region uplift, header menus with live stats, AND/OR Filters, totals row, add/edit dialog with a live estimate. ReUI DataGrid, Filters, Frame; shadcn HoverCard. Price list, FinOps.","name":"data-grid-base-8","page":"https://reui.io/blocks/data-grid/base/data-grid-base-8","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","hover-card","input","input-group","item","popover","progress","select","separator","switch","tooltip"],"title":"Cloud SKU rate card data grid with stacked discounts, commit usage bars, and price breakdowns","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn"],"name":"data-grid-cell-selection","registryDependencies":["button","@reui/data-grid"],"title":"Data Grid Cell Selection","type":"registry:ui"},{"dependencies":["@tanstack/react-table","cn"],"name":"data-grid-column-filter","registryDependencies":["@reui/badge","button","@reui/data-grid","input","popover","separator"],"title":"Data Grid Column Filter","type":"registry:ui"},{"dependencies":["@tanstack/react-table","cn"],"name":"data-grid-column-header","registryDependencies":["button","@reui/data-grid","dropdown-menu"],"title":"Data Grid Column Header","type":"registry:ui"},{"dependencies":["@tanstack/react-table"],"name":"data-grid-column-visibility","registryDependencies":["@reui/data-grid","dropdown-menu"],"title":"Data Grid Column Visibility","type":"registry:ui"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Access review matrix whose columns swap per General, Tags, and Permissions tab, each scope a Switch toggle cell with row pinning, sorting, role filter, and search. ReUI DataGrid, Frame, shadcn Tabs, Switch, Avatar. For RBAC admin, roles, team access.","name":"data-grid-columns-1","page":"https://reui.io/blocks/data-grid/columns/data-grid-columns-1","registryDependencies":["@reui/data-grid","@reui/frame","avatar","button","button-group","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","select","separator","switch","tabs"],"title":"Workspace permissions data grid with tab-swapped scope columns and per-cell access toggles","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Course catalog table with thumbnail rows, category Badge, star Rating, assignee AvatarGroup, and completion rings. Status Tabs, category Select, search, plus a Popover for density, resizable and movable columns, and column visibility. LMS admin grid.","name":"data-grid-columns-2","page":"https://reui.io/blocks/data-grid/columns/data-grid-columns-2","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/rating","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","popover","select","separator","switch","tabs","tooltip"],"title":"Course Catalog Data Grid with Settings Popover for Density and Column Visibility","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Work queue task tracker with tabs, table/card view switch, and a Display popover for density, sticky header, resizable and movable columns, and toggled properties. Filter row, sorting, pagination. ReUI DataGrid, Filters, Badge plus shadcn Card, Tabs.","name":"data-grid-columns-3","page":"https://reui.io/blocks/data-grid/columns/data-grid-columns-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/icon-stack","avatar","button","card","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-query","@reui/filters-types","item","popover","progress","select","separator","switch","tabs","toggle-group"],"title":"Work queue data grid with table and card view toggle and column display controls","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Member directory table for admin and people pages. A settings popover toggles display columns, sets ordering, and hides paused members. Built with ReUI DataGrid, Filters, Badge, and Rating plus Avatar, Popover, Switch, and a row-actions DropdownMenu.","name":"data-grid-columns-4","page":"https://reui.io/blocks/data-grid/columns/data-grid-columns-4","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/icon-stack","@reui/rating","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-query","@reui/filters-types","popover","switch"],"title":"Members directory data grid with toggleable display columns and view settings popover","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Companies grid whose columns are added at runtime by a Cascader attribute picker: drillable groups, cross-level search, added columns checked, a footer submenu that creates an attribute by type. ReUI Filters, hide, reorder, pin.","name":"data-grid-columns-5","page":"https://reui.io/blocks/data-grid/columns/data-grid-columns-5","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","alert-dialog","avatar","button","@reui/cascader-footer","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","checkbox","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","field","@reui/filters-query","@reui/filters-types","input","input-group","item","popover","progress","scroll-area","select","separator","sheet","skeleton","spinner","switch","textarea","tooltip"],"title":"CRM companies grid with a drill-down cascader that adds real columns on demand","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@tanstack/react-table"],"description":"Drag-to-prioritize task table where reordering rewrites the rank column; row handles, move-to-top/bottom and remove menu, reset, empty state. ReUI DataGrid, Frame, Badge; shadcn Avatar, DropdownMenu. Backlog, sprint, priority queue.","name":"data-grid-drag-drop-1","page":"https://reui.io/blocks/data-grid/drag-drop/data-grid-drag-drop-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/icon-stack","avatar","button","@reui/data-grid-scroll-area","@reui/data-grid-table-dnd-rows","dropdown-menu","empty","item"],"title":"Sprint backlog data grid with drag handle row reordering and live priority rank","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@tanstack/react-table","cn"],"description":"First-match-wins rule list where dragging a row sets precedence. Drag-drop rows, per-row Switch toggles, menu to move top/bottom or delete, reset, empty state. ReUI DataGrid, Badge; shadcn Card, DropdownMenu. For automations, routing config, rules.","name":"data-grid-drag-drop-2","page":"https://reui.io/blocks/data-grid/drag-drop/data-grid-drag-drop-2","registryDependencies":["@reui/badge","@reui/data-grid","@reui/icon-stack","button","card","@reui/data-grid-scroll-area","@reui/data-grid-table-dnd-rows","dropdown-menu","empty","item","switch"],"title":"Routing rules data grid with drag-to-reorder priority and per-row enable switches","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@tanstack/react-table"],"description":"Warehouse wave dispatch board with draggable, resizable columns, layout preset buttons (Dispatch, Dock, Risk), reset, and a live numbered review-order strip. ReUI DataGrid, Frame, Badge, shadcn Button, status pills, capacity bars.","name":"data-grid-drag-drop-3","page":"https://reui.io/blocks/data-grid/drag-drop/data-grid-drag-drop-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","button","@reui/data-grid-scroll-area","@reui/data-grid-table-dnd","item"],"title":"Fulfillment dispatch data grid with drag-to-reorder columns and saved layout presets","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@tanstack/react-table","cn","date-fns","sonner"],"description":"Nested file storage browser on the ReUI DataGrid: a recursive folder tree with getSubRows and DataGridTableRowExpand depth indentation, file manager style tree drag and drop that reparents, dropping on a folder to go inside it and between rows to reorder, with an insertion line a","name":"data-grid-drag-drop-4","page":"https://reui.io/blocks/data-grid/drag-drop/data-grid-drag-drop-4","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/icon-stack","avatar","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","@reui/data-grid-table-dnd-rows","dropdown-menu","empty"],"title":"Shared drive tree grid with reparenting drag and drop and tri-state folder checkboxes","type":"registry:block"},{"dependencies":["@hookform/resolvers","cn","react-hook-form","zod"],"description":"Manage project labels in a sortable list: inline add and edit form with hex color picker Popover, drag-to-reorder rows, and delete confirmation. Uses ReUI Sortable plus shadcn Item, Input, Field, AlertDialog, Empty. For label, tag, and taxonomy UIs.","name":"data-grid-editing-1","page":"https://reui.io/blocks/data-grid/editing/data-grid-editing-1","registryDependencies":["@reui/icon-stack","@reui/sortable","alert-dialog","button","empty","field","input","item","popover"],"title":"Labels manager list with inline create and edit form, color picker, and drag-to-reorder rows","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Edit inventory rows in place with text, number, and select cell editors, live validation, and a dirty-tracking Save / Discard bar. Search, status filter, add, duplicate, delete. ReUI DataGrid, Frame, Badge with shadcn Input, Select, Switch.","name":"data-grid-editing-2","page":"https://reui.io/blocks/data-grid/editing/data-grid-editing-2","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","alert-dialog","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input","input-group","select","switch","tooltip"],"title":"Inline-editable product inventory data grid with per-cell validation and a dirty-state save bar","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Editable request intake table with click-to-edit text, number, and select cells, validation, search, status and priority filters, approval Switch, and unsaved-change tracking. ReUI DataGrid, Badge; shadcn Card, Input, Select, AlertDialog.","name":"data-grid-editing-3","page":"https://reui.io/blocks/data-grid/editing/data-grid-editing-3","registryDependencies":["@reui/badge","@reui/data-grid","alert-dialog","button","card","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input","input-group","select","switch","tooltip"],"title":"Inline-editable project intake data grid with dirty-state Save and Discard bar","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Per-row edit-mode data grid for pricing plans: the table is read-only until one row is checked out with Edit, its fields turn into inline inputs and selects bound to a single draft, and Save or Cancel commits or reverts that one row on its own with no global save bar and no bulk ","name":"data-grid-editing-4","page":"https://reui.io/blocks/data-grid/editing/data-grid-editing-4","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","alert-dialog","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input","select","switch","tooltip"],"title":"Pricing Plan Editor With Per-Row Edit Mode and Inline Validation","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Virtualized spreadsheet task grid with cell ranges, clipboard paste, drag-to-fill, in-cell selects and date pickers, and an undo stack instead of a save bar. Built on ReUI DataGrid, Frame and Cascader. For launch runbooks and Airtable style tables.","name":"data-grid-editing-5","page":"https://reui.io/blocks/data-grid/editing/data-grid-editing-5","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","alert-dialog","avatar","button","calendar","@reui/cascader-footer","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","checkbox","combobox","context-menu","@reui/data-grid-cell-selection","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table-virtual","dialog","dropdown-menu","empty","field","@reui/filters-query","@reui/filters-types","input","input-group","popover","scroll-area","select","separator","sheet","skeleton","textarea","tooltip"],"title":"Spreadsheet Task Grid With Cell Range Editing, Custom Cell Controls, and Undo","type":"registry:block"},{"dependencies":["@tanstack/react-table","@tanstack/react-virtual","cn","sonner"],"description":"Stock replenishment sheet on a virtualized ReUI DataGrid: an on-demand filter row with text, select and numeric rule fields, switchable footer totals, range editing with undo and redo, and a status bar. For purchasing, inventory, Excel-style grids.","name":"data-grid-editing-6","page":"https://reui.io/blocks/data-grid/editing/data-grid-editing-6","registryDependencies":["@reui/badge","@reui/cascader","@reui/data-grid","@reui/frame","avatar","button","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","@reui/data-grid-cell-selection","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","@reui/data-grid-table-virtual","dropdown-menu","empty","input-group","kbd","select","separator","toggle","tooltip"],"title":"Spreadsheet Reorder Plan With On-Demand Column Filter Row and Summary Footer","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Issue tracker / task management grid where parent tasks expand to inline sub-tasks with their own checkboxes, status and assignee. Tabs, filters, settings popover for ordering and columns. ReUI DataGrid, Filters, Frame, Badge, shadcn Tabs, Checkbox.","name":"data-grid-expansion-1","page":"https://reui.io/blocks/data-grid/expansion/data-grid-expansion-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","avatar","button","checkbox","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","@reui/filters-query","@reui/filters-types","popover","select","separator","switch","tabs","toggle-group"],"title":"Task queue data grid with expandable parent rows that reveal nested sub-tasks inline","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns","react-day-picker"],"description":"Cash-flow grid: expandable parent lines drill into child items, Actuals/Plan/Variance tabs, Calendar month-range picker, search, plan-match and variance tooltips. For treasury, FP&A, budget, and burn dashboards. ReUI DataGrid, Frame, Badge.","name":"data-grid-expansion-2","page":"https://reui.io/blocks/data-grid/expansion/data-grid-expansion-2","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","button","button-group","calendar","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","input-group","popover","select","separator","tabs","tooltip"],"title":"Treasury Waterfall Data Grid with Expandable Lines and Actuals, Plan, Variance Tabs","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Release approval queue where TanStack rows expand into a rail of check cards with rating and coverage rings. Search and status filters, View Settings popover, readiness rings, approve and escalate actions. ReUI DataGrid, Badge, Rating; shadcn Card.","name":"data-grid-expansion-3","page":"https://reui.io/blocks/data-grid/expansion/data-grid-expansion-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/rating","@reui/use-copy-to-clipboard","avatar","button","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","popover","select","separator","switch","toggle-group"],"title":"Release Review Data Grid with Expandable Rows Revealing a Checklist Card Rail","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Transactions ledger grid with a Filters bar (text, searchable selects, contains/between operators), clear-all, async skeleton loading, sorting, pagination, and row actions. ReUI DataGrid, Filters, Frame, Badge. Payments, billing, fintech table.","name":"data-grid-filtering-1","page":"https://reui.io/blocks/data-grid/filtering/data-grid-filtering-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/use-copy-to-clipboard","alert-dialog","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","@reui/filters-query","@reui/filters-types","item","separator","skeleton","tooltip"],"title":"Billing transactions data grid with multi-field filter bar and async skeleton loading","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns","sonner"],"description":"Automation library table with counted status tabs (Live, Needs approval, Draft, Paused) and a Filters popover for search, owner team, delivery mode and last updated. ReUI DataGrid, Frame, Filters, Rating, Badge; shadcn Tabs, Switch, DropdownMenu.","name":"data-grid-filtering-2","page":"https://reui.io/blocks/data-grid/filtering/data-grid-filtering-2","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/rating","alert-dialog","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","@reui/filters-query","@reui/filters-types","item","separator","switch","tabs"],"title":"Workflow automation library data grid with status tabs and a multi-field filter popover","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Revenue-ops renewals table with a Filters builder (account, stage, risk, window, owner), a settings popover for density and column visibility, and bulk owner/stage reassign on row select. ReUI DataGrid, Filters, Badge; shadcn Card, Select, Popover.","name":"data-grid-filtering-3","page":"https://reui.io/blocks/data-grid/filtering/data-grid-filtering-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","alert-dialog","avatar","button","card","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","@reui/filters-query","@reui/filters-types","item","popover","progress","select","separator","skeleton","switch","tooltip"],"title":"Renewals data grid with multi-field filter builder, bulk owner and stage actions","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Customer success renewals queue: filter builder (account, owner, stage, signals, alerts), pinned at-risk rows, density and column settings, health Progress bars. ReUI DataGrid, Filters, Badge, shadcn Card, Popover, DropdownMenu, HoverCard.","name":"data-grid-filtering-4","page":"https://reui.io/blocks/data-grid/filtering/data-grid-filtering-4","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/use-copy-to-clipboard","avatar","button","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","@reui/filters-query","@reui/filters-types","hover-card","item","popover","progress","select","separator","skeleton","switch"],"title":"Renewals risk data grid with multi-field filter builder and pinned at-risk accounts","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Tasks grouped under expandable stage rows with owner avatars, due dates, completion rings, and signal badges. Search, signal filter, density and column toggles. ReUI DataGrid, Badge, shadcn Avatar, Popover. Roadmap, issue tracker, project board.","name":"data-grid-grouping-1","page":"https://reui.io/blocks/data-grid/grouping/data-grid-grouping-1","registryDependencies":["@reui/badge","@reui/data-grid","avatar","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","item","popover","select","switch"],"title":"Roadmap Queue Data Grid Grouped by Stage with Collapsible Category Rows","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Region-grouped accounts, collapsible rows, per-region ARR and weighted NRR, grand-total footer. Health filter, search, density and column toggles. ReUI DataGrid, Frame, Badge; shadcn Button, DropdownMenu, InputGroup, Popover, Select. CRM, NRR.","name":"data-grid-grouping-2","page":"https://reui.io/blocks/data-grid/grouping/data-grid-grouping-2","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","item","popover","select"],"title":"Account revenue grouped by region with collapsible rows and ARR subtotals","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Grouped DataGrid bucketing intake signals by area, booking strength, or hold risk. Color-graded heatmap cells, footer totals, hold-risk filter, cohort benchmark. ReUI DataGrid, Frame, Badge; shadcn Button, Separator. Intake triage, cohort analysis.","name":"data-grid-grouping-3","page":"https://reui.io/blocks/data-grid/grouping/data-grid-grouping-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","field","hover-card","input-group","progress","select","separator","switch","tabs"],"title":"Patient access cohort DataGrid with switchable grouping and outcome heatmap","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Multi-level DataGrid tree mode for a bill of materials: recursive subRows at arbitrary depth, DataGridTableRowExpand depth indentation, quantity multiplied down the tree, cost and lead time rolled up, supply risk badges, a depth level control and a grand-total footer.","name":"data-grid-grouping-4","page":"https://reui.io/blocks/data-grid/grouping/data-grid-grouping-4","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/icon-tile","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","popover","select","switch","toggle-group"],"title":"Bill Of Materials Tree Grid With Rolled-Up Cost And Supply Risk","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Multi-level DataGrid tree mode for an HR org chart: recursive subRows at arbitrary depth, DataGridTableRowExpand indentation, org size and open roles rolled up each reporting line, tree-cascading row selection with a corrected tri-state checkbox, sticky header, depth control and ","name":"data-grid-grouping-5","page":"https://reui.io/blocks/data-grid/grouping/data-grid-grouping-5","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","button","checkbox","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","popover","select","switch","toggle-group"],"title":"Reporting Hierarchy Tree Grid With Span Of Control And Cascading Selection","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Sectioned DataGrid layout for an editorial story pipeline: one independent DataGrid per group so every stage repeats its own column header row, a switchable Stage, Desk or Issue grouping dimension, tinted stage bands with counts and an add button, AvatarGroup bylines, flag placem","name":"data-grid-grouping-6","page":"https://reui.io/blocks/data-grid/grouping/data-grid-grouping-6","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","popover","select","switch","toggle-group"],"title":"Editorial Production Desk With Per Section Tables And Repeated Headers","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Studio delivery board grouped by stage: one DataGrid per stage so every stage repeats its full column header row, sharing one sort and selection state. Client brand tiles, a segmented completion meter, crew AvatarGroup, milestone dates. Search, stage filter, density and column to","name":"data-grid-grouping-7","page":"https://reui.io/blocks/data-grid/grouping/data-grid-grouping-7","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","button","checkbox","@reui/data-grid-column-header","@reui/data-grid-table","dropdown-menu","empty","field","input-group","popover","select","tooltip"],"title":"Delivery Board With Per Stage Column Headers And Segmented Completion Meters","type":"registry:block"},{"name":"data-grid-i18n","title":"Data Grid I18n","type":"registry:ui"},{"dependencies":["cn"],"name":"data-grid-pagination","registryDependencies":["button","@reui/data-grid","select","skeleton"],"title":"Data Grid Pagination","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"data-grid-scroll-area","registryDependencies":["@reui/data-grid"],"title":"Data Grid Scroll Area","type":"registry:ui"},{"dependencies":["@tanstack/react-table","cn"],"name":"data-grid-table","registryDependencies":["button","checkbox","@reui/data-grid","spinner"],"title":"Data Grid Table","type":"registry:ui"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","@tanstack/react-table"],"name":"data-grid-table-dnd","registryDependencies":["button","@reui/data-grid","@reui/data-grid-table"],"title":"Data Grid Table Dnd","type":"registry:ui"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities","@tanstack/react-table","cn"],"name":"data-grid-table-dnd-rows","registryDependencies":["button","@reui/data-grid","@reui/data-grid-table"],"title":"Data Grid Table Dnd Rows","type":"registry:ui"},{"dependencies":["@tanstack/react-table","@tanstack/react-virtual","cn"],"name":"data-grid-table-virtual","registryDependencies":["@reui/data-grid","@reui/data-grid-table","spinner"],"title":"Data Grid Table Virtual","type":"registry:ui"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Transaction table that virtualizes rows and loads on scroll. Search, sorting, filter dropdowns, column visibility, bulk export/refund. ReUI DataGrid, Frame, Badge, Filters; shadcn Button, InputGroup, Popover, Switch. Payments ledger, admin panel.","name":"data-grid-virtualization-1","page":"https://reui.io/blocks/data-grid/virtualization/data-grid-virtualization-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/use-copy-to-clipboard","avatar","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","@reui/data-grid-table-virtual","dropdown-menu","field","@reui/filters-query","@reui/filters-types","input-group","popover","separator","switch","tooltip"],"title":"Virtualized data grid with infinite scroll and bulk row actions","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Exception queue over 8,000 virtualized rows with infinite-scroll paging, row selection, bulk assign/release, faceted filters, search, and sorting. ReUI DataGrid, Frame; shadcn Button, Separator, Tooltip. Operations dashboard, shipment tracking.","name":"data-grid-virtualization-2","page":"https://reui.io/blocks/data-grid/virtualization/data-grid-virtualization-2","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","avatar","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","@reui/data-grid-table-virtual","dropdown-menu","field","@reui/filters-query","@reui/filters-types","input-group","popover","separator","switch","tooltip"],"title":"Virtualized shipment exception queue with infinite scroll","type":"registry:block"},{"dependencies":["cn","date-fns","react-day-picker"],"name":"date-selector","page":"https://reui.io/components/date-selector","registryDependencies":["button","calendar","input","scroll-area","tabs","use-mobile"],"title":"Date Selector","type":"registry:ui"},{"dependencies":["cn"],"description":"Modal for choosing a time span: start and end time Selects plus quick presets (30 min to 1 day) that auto-adjust the end time. Built with shadcn Dialog, Select, ToggleGroup, Field, Tooltip, Button. Time range picker, schedule, booking duration.","name":"dialog-1","page":"https://reui.io/blocks/application/dialog/dialog-1","registryDependencies":["button","dialog","field","item","select","toggle-group","tooltip"],"title":"Duration picker dialog with start and end time selects plus quick preset toggles","type":"registry:block"},{"dependencies":["cn"],"description":"Modal account settings dialog with a 5-tab sidebar (Profile, Workspace, Team, Billing, Preferences); each scrollable panel pairs labels with avatar upload, Inputs, Selects, Switches and a verified Badge. Uses Dialog, Tabs, ScrollArea, Field.","name":"dialog-10","page":"https://reui.io/blocks/application/dialog/dialog-10","registryDependencies":["@reui/badge","@reui/use-file-upload","avatar","button","dialog","field","input","input-group","scroll-area","select","switch","tabs","textarea","tooltip","use-mobile"],"title":"Tabbed account settings dialog with sidebar rail for profile, workspace, team and billing","type":"registry:block"},{"dependencies":["cn"],"description":"Split dialog to create a finance account: account name, acct_ tag, and statement label fields beside a live-updating account card on a gradient panel. Uses shadcn Dialog, Card, Field, Input, InputGroup, Button. For payout, banking, onboarding setup.","name":"dialog-11","page":"https://reui.io/blocks/application/dialog/dialog-11","registryDependencies":["button","card","dialog","field","input","input-group"],"title":"Two-pane finance account creation dialog with live account card preview","type":"registry:block"},{"dependencies":["cn","date-fns","sonner"],"description":"Quick-create record dialog with five entry-type tabs, each a title and notes field plus shared Status, Assignee, Due date, Priority and Labels comboboxes. Uses shadcn Combobox, Tabs, Dialog, Calendar, Avatar. For task creation and new-item modals.","name":"dialog-12","page":"https://reui.io/blocks/application/dialog/dialog-12","registryDependencies":["avatar","button","calendar","checkbox","combobox","dialog","field","input-group","item","tabs","textarea","tooltip"],"title":"Tabbed create-entry dialog with status, assignee, due date, priority and label comboboxes","type":"registry:block"},{"dependencies":["cn"],"description":"Full-screen create-project form: a template dropdown prefills fields, status, assignee, due date and priority Selects with avatars and dots, plus checkbox label cards with a selected count. ReUI Badge, shadcn Dialog, Select, InputGroup, Field.","name":"dialog-13","page":"https://reui.io/blocks/application/dialog/dialog-13","registryDependencies":["@reui/badge","avatar","button","checkbox","dialog","dropdown-menu","field","input-group","scroll-area","select","textarea","tooltip"],"title":"Full-screen create project dialog with template prefill and multi-select labels","type":"registry:block"},{"description":"App integration consent modal: paired provider logos, permission notes, and a radio-group scope selector with cancel/continue. Built with shadcn Dialog, RadioGroup, Item, Field, Button. For OAuth handoff, connect-account, grant-access flows.","name":"dialog-14","page":"https://reui.io/blocks/application/dialog/dialog-14","registryDependencies":["button","dialog","field","item","radio-group"],"title":"OAuth connection consent dialog with provider logo rail and radio sync-scope picker","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Dedupe modal before saving a contact: candidates ranked by match score with Strong, Likely and Weak badges, matched email and company marked, a Link button per row and a Create new fallback. Dialog, Item, Avatar, Empty, ReUI Badge.","name":"dialog-16","page":"https://reui.io/blocks/application/dialog/dialog-16","registryDependencies":["@reui/badge","avatar","button","dialog","empty","item","skeleton"],"title":"Duplicate contact dialog with ranked match candidates, a Link button per row and create new","type":"registry:block"},{"description":"Team invite modal that parses comma or space separated emails, dedupes them, and shows a live 'Send N invites' count. Pick a role per invite. Uses ReUI Badge with shadcn Dialog, Input, Field, Select, Button.","name":"dialog-2","page":"https://reui.io/blocks/application/dialog/dialog-2","registryDependencies":["@reui/badge","button","dialog","field","input","select"],"title":"Workspace invite dialog with multi-email input and role select dropdown","type":"registry:block"},{"dependencies":["cn"],"description":"Subscription offboarding dialog: warning Alert with dismiss and manage actions, a checkbox grid of reasons, a feedback Textarea, and a Cancel plan button gated until a reason is picked. ReUI Alert, shadcn Dialog, Checkbox, Tooltip. Churn flows.","name":"dialog-3","page":"https://reui.io/blocks/application/dialog/dialog-3","registryDependencies":["@reui/alert","button","checkbox","dialog","field","textarea","tooltip"],"title":"Plan cancellation dialog with multi-select reason checkboxes, feedback textarea, and warning banner","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Setup dialog with accordion sections, status badges, click-to-edit field rows, and a searchable connected-apps list with Connect or Manage. ReUI Badge, shadcn Dialog, Accordion, Item, InputGroup. Workspace setup, launch checklist, settings wizard.","name":"dialog-4","page":"https://reui.io/blocks/application/dialog/dialog-4","registryDependencies":["@reui/badge","accordion","button","dialog","input-group","item","scroll-area","tooltip"],"title":"Workspace launch checklist dialog with accordion sections and inline-editable fields","type":"registry:block"},{"dependencies":["cn"],"description":"Template gallery picker dialog: fixed category rail (radio group), live search input, and selectable cards with thumbnail and badges. Uses ReUI Badge with Dialog, Input, ScrollArea, RadioGroup, Item. Starter library, template browser, asset picker.","name":"dialog-5","page":"https://reui.io/blocks/application/dialog/dialog-5","registryDependencies":["@reui/badge","button","dialog","empty","input","item","label","radio-group","scroll-area","separator"],"title":"Wide template library dialog with category rail, live search, and selectable template cards","type":"registry:block"},{"dependencies":["cn"],"description":"Modal to connect a workspace app: search-filtered grid of brand-logo cards with round single-select Checkbox and a footer add button disabled until a pick. Uses shadcn Dialog, InputGroup, Kbd, Item, Empty. Integrations picker, marketplace.","name":"dialog-6","page":"https://reui.io/blocks/application/dialog/dialog-6","registryDependencies":["button","checkbox","dialog","empty","input-group","item","kbd","scroll-area"],"title":"App connection dialog with searchable integration grid and single-select checkbox cards","type":"registry:block"},{"description":"Support hub modal: help routes (guides, walkthroughs, feedback) above an escalation grid pairing an advisor office-hours card with an email-support desk. Uses shadcn Dialog, Item, Card, Avatar, Button and ReUI Badge. Contact support, help center.","name":"dialog-7","page":"https://reui.io/blocks/application/dialog/dialog-7","registryDependencies":["@reui/badge","avatar","button","card","dialog","item","separator"],"title":"Help and support hub dialog with self-serve routes plus advisor and direct-desk escalation cards","type":"registry:block"},{"dependencies":["cn"],"description":"Invite teammates by email with a per-row role select (Member, Contributor, Reviewer, Admin), add and remove rows, and inline email validation. Uses shadcn Dialog, Input, Field, Select, Button. Team invite modal, add members, share access.","name":"dialog-8","page":"https://reui.io/blocks/application/dialog/dialog-8","registryDependencies":["button","dialog","field","input","select"],"title":"Multi-row collaborator invite dialog with per-row email field and role select","type":"registry:block"},{"dependencies":["cn"],"description":"Modal new-project form with drag-and-drop cover upload, name, key, brief fields, single-select status and priority plus multi-select assignee and label comboboxes. Dialog, Combobox, Avatar, Tooltip, Alert. Add project, create workspace.","name":"dialog-9","page":"https://reui.io/blocks/application/dialog/dialog-9","registryDependencies":["@reui/alert","@reui/use-file-upload","avatar","button","checkbox","combobox","dialog","field","input","item","scroll-area","textarea","tooltip"],"title":"Create project dialog with cover image upload and status, priority, assignee, and label comboboxes","type":"registry:block"},{"dependencies":["cn"],"description":"Shadcn emoji picker with search, shortcodes, skin tones, frequently used and custom emoji, a category bar, a virtualized grid and 28 data languages.","name":"emoji-picker","page":"https://reui.io/components/emoji-picker","registryDependencies":["button","dropdown-menu","empty","input-group","popover","skeleton","tabs"],"title":"Shadcn emoji picker with search, shortcodes, skin tones, frequently used and custom emoji, a category bar, a virtualized grid and 28 data languages.","type":"registry:ui"},{"dependencies":["cn"],"description":"First-run empty state for a records or workspace table: stacked-cards illustration, Connect source and Upload CSV buttons, plus a two-up Quick guides list. Uses shadcn Empty, Button, and Item. Use for zero-data, onboarding, or no results screens.","name":"empty-state-1","page":"https://reui.io/blocks/application/empty-state/empty-state-1","registryDependencies":["button","empty","item"],"title":"Records empty state with stacked-cards illustration, dual primary actions, and quick-guide link rows","type":"registry:block"},{"description":"Empty state inside a Card under a section heading for a template or blueprint library with no items. Horizontal media beside title, description, and two buttons. ReUI IconStack with shadcn Card, Empty, Button. For blank library or first-run views.","name":"empty-state-10","page":"https://reui.io/blocks/application/empty-state/empty-state-10","registryDependencies":["@reui/icon-stack","button","card","empty"],"title":"Card-wrapped empty state with section heading and horizontal media-beside-text layout","type":"registry:block"},{"description":"Empty state for a list or feed section: heading, subtext, and Add button over a muted Card holding a layered stacked-icon illustration, title, and hint. ReUI IconStack with shadcn Empty, Card, Button. For zero-data panels and intake views.","name":"empty-state-11","page":"https://reui.io/blocks/application/empty-state/empty-state-11","registryDependencies":["@reui/icon-stack","button","card","empty"],"title":"Section-header empty state with action button above a muted card and stacked icon illustration","type":"registry:block"},{"dependencies":["sonner"],"description":"Export empty state: header, three dropdown filters (audience, workspace, date range), and a split Execute button with CSV, PDF, and scheduled delivery. Uses ReUI IconStack, shadcn Empty, ButtonGroup, DropdownMenu. For export no-results screens.","name":"empty-state-12","page":"https://reui.io/blocks/application/empty-state/empty-state-12","registryDependencies":["@reui/icon-stack","button","button-group","dropdown-menu","empty","separator"],"title":"Activity exports empty state with audience, workspace, and date-range filter toolbar","type":"registry:block"},{"description":"Empty state for linking cloud storage: header, IconStack illustration, and a responsive grid of brand-logo connect buttons (Dropbox, Cloudflare R2, Google Drive, OneDrive). ReUI Frame, IconStack, shadcn Empty, Separator. For integrations screens.","name":"empty-state-13","page":"https://reui.io/blocks/application/empty-state/empty-state-13","registryDependencies":["@reui/frame","@reui/icon-stack","empty","separator"],"title":"File sources empty state with cloud storage connector grid (Dropbox, R2, Drive, OneDrive)","type":"registry:block"},{"description":"Organizations settings empty state to enable multi-org with team members and role-based access. Framed card with stacked building icon, enable CTA, and a tooltip help link. ReUI Frame, IconStack, shadcn Empty, Button, Tooltip, Separator.","name":"empty-state-14","page":"https://reui.io/blocks/application/empty-state/empty-state-14","registryDependencies":["@reui/frame","@reui/icon-stack","button","empty","separator","tooltip"],"title":"Organizations setup empty state with framed enable card, building icon, and tooltip help link","type":"registry:block"},{"dependencies":["cn"],"description":"Workspace search zero-state: a stacked result-card illustration, paired Browse library and Refine filters actions, and a 'Try these searches' row of pill suggestion chips. Built with shadcn Empty, ButtonGroup, Button. For no-results, search hints.","name":"empty-state-2","page":"https://reui.io/blocks/application/empty-state/empty-state-2","registryDependencies":["button","button-group","empty"],"title":"Search no-results empty state with suggestion chips and a stacked result-card illustration","type":"registry:block"},{"dependencies":["cn"],"description":"No-projects empty state for a workspace: hero illustration, New project and Explore templates buttons, and a Quick starts grid of clickable template cards. Uses shadcn Empty, Button, Item. Good for onboarding, first-run, zero-data screens.","name":"empty-state-3","page":"https://reui.io/blocks/application/empty-state/empty-state-3","registryDependencies":["button","empty","item"],"title":"Projects empty state with hero illustration, dual actions, and quick-start template list","type":"registry:block"},{"description":"Split empty state for an empty reports or analytics workspace: icon, title, helper copy, and Add report plus View sample buttons beside a blank screenshot preview panel. Uses shadcn Card and Empty with shadcn Button.","name":"empty-state-4","page":"https://reui.io/blocks/application/empty-state/empty-state-4","registryDependencies":["button","card","empty"],"title":"Two-column reports empty state with icon, dual actions, and preview screenshot slot","type":"registry:block"},{"description":"Split empty state for a no-data briefing or report view. Left column pairs an icon, title, and description with primary and outline Buttons; right column is a preview surface. Uses ReUI Frame, shadcn Empty and Button. For blank dashboards.","name":"empty-state-5","page":"https://reui.io/blocks/application/empty-state/empty-state-5","registryDependencies":["@reui/frame","button","empty"],"title":"Two-column empty state in a ReUI Frame with icon, dual actions, and a preview panel","type":"registry:block"},{"description":"Centered team workspace onboarding empty state pairing two outline action Buttons with three colored clickable setup tiles. Uses shadcn Empty and Item primitives. For workspace setup, first-run onboarding, getting-started checklist.","name":"empty-state-6","page":"https://reui.io/blocks/application/empty-state/empty-state-6","registryDependencies":["button","empty","item"],"title":"Team workspace onboarding empty state with two action buttons and three colored setup-step tiles","type":"registry:block"},{"description":"Centered empty state prompting the first workspace invite, with a ring-framed icon, title, description, and two CTAs (Invite members, Copy invite link). Uses shadcn Empty and Button. For team onboarding, members page, no-members placeholder.","name":"empty-state-7","page":"https://reui.io/blocks/application/empty-state/empty-state-7","registryDependencies":["button","empty"],"title":"Workspace member invite empty state with circular icon and dual invite and copy-link buttons","type":"registry:block"},{"description":"Settings header over line-style Tabs (project states, labels); each tab shows a left-aligned Empty with icon, title and Enable button. ReUI IconStack with shadcn Tabs, ScrollArea, Empty, Button. For settings onboarding and zero-states.","name":"empty-state-8","page":"https://reui.io/blocks/application/empty-state/empty-state-8","registryDependencies":["@reui/icon-stack","button","empty","scroll-area","tabs"],"title":"Project settings empty state with line tabs and per-section setup prompts","type":"registry:block"},{"description":"Centered empty state prompting the first workspace invite, with a stacked-card icon illustration, title, supporting text, and primary Invite members plus outline Copy invite link buttons. Uses ReUI IconStack, shadcn Empty, Button.","name":"empty-state-9","page":"https://reui.io/blocks/application/empty-state/empty-state-9","registryDependencies":["@reui/icon-stack","button","empty"],"title":"Workspace member invite empty state with layered 3D icon-stack illustration and dual invite actions","type":"registry:block"},{"dependencies":["@base-ui/react","@date-fns/tz","cn","date-fns"],"description":"Headless-first event calendar with month, week, day, N-day and agenda views, external CRUD contract, and a subscribable store.","name":"event-calendar","page":"https://reui.io/components/event-calendar","registryDependencies":["button","calendar","dropdown-menu","@reui/event-calendar-agenda-view","@reui/event-calendar-dnd","@reui/event-calendar-event","@reui/event-calendar-i18n","@reui/event-calendar-lib","@reui/event-calendar-month-view","@reui/event-calendar-recurrence","@reui/event-calendar-resource-view","@reui/event-calendar-time-grid","@reui/event-calendar-types","@reui/icon-stack","popover","scroll-area","tooltip"],"title":"Headless-first event calendar with month, week, day, N-day and agenda views, external CRUD contract, and a subscribable store.","type":"registry:ui"},{"dependencies":["cn","date-fns","sonner"],"description":"Scheduling workspace on ReUI Event Calendar: month, week, day, N-day, agenda and resource views, drag to move, resize and create events, recurrence, and an edit dialog. ReUI Event Calendar with shadcn Dialog, Select. Booking calendar, scheduler.","name":"event-calendar-1","page":"https://reui.io/blocks/application/event-calendar/event-calendar-1","registryDependencies":["@reui/badge","@reui/event-calendar","alert-dialog","avatar","button","calendar","card","checkbox","combobox","dialog","dropdown-menu","@reui/event-calendar-content","@reui/event-calendar-event","@reui/event-calendar-nav","@reui/event-calendar-types","field","input","item","popover","scroll-area","select","sheet","switch","textarea","tooltip"],"title":"Event calendar with month, week, day, N-day, and agenda views plus drag-and-drop editing","type":"registry:block"},{"dependencies":["cn","date-fns","react-day-picker","sonner"],"description":"Two-panel calendar workspace: a sidebar mini month picker, calendars visibility list, and up-next agenda drive a week-view event calendar with drag, resize, and full event plus calendar CRUD.","name":"event-calendar-2","page":"https://reui.io/blocks/application/event-calendar/event-calendar-2","registryDependencies":["@reui/badge","@reui/event-calendar","alert-dialog","avatar","button","calendar","card","checkbox","combobox","dialog","dropdown-menu","@reui/event-calendar-content","@reui/event-calendar-event","@reui/event-calendar-lib","@reui/event-calendar-nav","@reui/event-calendar-recurrence","@reui/event-calendar-types","field","input","item","popover","scroll-area","select","sheet","switch","textarea","tooltip"],"title":"Calendar workspace with mini month picker, calendars visibility list, and up-next agenda sidebar","type":"registry:block"},{"dependencies":["cn","date-fns","react-day-picker","sonner"],"description":"Front-desk hotel booking board on a week time grid: a sidebar mini month picker, arrivals agenda, and colour-coded service streams drive an hourly calendar of check-ins, check-outs, housekeeping turnovers, functions, and guest services, with drag, resize, and full booking plus st","name":"event-calendar-3","page":"https://reui.io/blocks/application/event-calendar/event-calendar-3","registryDependencies":["@reui/badge","@reui/event-calendar","@reui/icon-tile","alert-dialog","avatar","button","calendar","card","checkbox","combobox","dialog","dropdown-menu","@reui/event-calendar-content","@reui/event-calendar-event","@reui/event-calendar-lib","@reui/event-calendar-nav","@reui/event-calendar-recurrence","@reui/event-calendar-types","field","input","item","popover","progress","scroll-area","select","separator","sheet","switch","textarea","tooltip"],"title":"Hotel front-desk booking board with arrivals agenda and color-coded service streams","type":"registry:block"},{"dependencies":["cn","date-fns","sonner"],"description":"Workforce shift scheduling board for HR and operations teams: a day, week, and month event calendar of staffing shifts grouped into color-coded departments, with per-shift coverage showing assigned staff avatars, required headcount, and open-slot warnings, plus search across shif","name":"event-calendar-4","page":"https://reui.io/blocks/application/event-calendar/event-calendar-4","registryDependencies":["@reui/alert","@reui/badge","@reui/event-calendar","@reui/number-field","alert-dialog","avatar","button","calendar","card","checkbox","combobox","dialog","dropdown-menu","@reui/event-calendar-content","@reui/event-calendar-event","@reui/event-calendar-lib","@reui/event-calendar-nav","@reui/event-calendar-types","field","input","input-group","item","popover","scroll-area","select","separator","sheet","switch","textarea","toggle","tooltip","use-mobile"],"title":"Workforce shift roster with coverage avatars, open-slot warnings, and a double-booking guard","type":"registry:block"},{"dependencies":["cn","date-fns","sonner"],"description":"Clinic day board on the event calendar resource view: one column per practitioner with avatar headers and live patient counts, status-tinted appointment chips, hatched clinic holds that reject drops, a searchable patient lookup, day and week switching, a multi-select chair picker","name":"event-calendar-5","page":"https://reui.io/blocks/application/event-calendar/event-calendar-5","registryDependencies":["@reui/badge","@reui/event-calendar","@reui/icon-tile","alert-dialog","avatar","button","calendar","card","combobox","dropdown-menu","@reui/event-calendar-content","@reui/event-calendar-nav","@reui/event-calendar-types","field","input","item","popover","scroll-area","select","separator","sheet","tabs","textarea","toggle-group"],"title":"Clinic chair board with per-practitioner columns, status-tinted chips, and drop-rejecting clinic holds","type":"registry:block"},{"dependencies":["cn","date-fns","sonner"],"description":"Commercial lending calendar in month, week, day, and agenda views. Multi-row chips carry a loan reference, category tag, counterparty, attendee avatars, and a task progress bar, stage, or join-call row. Hovering a chip opens a detail card with the covenant clause, due date, and p","name":"event-calendar-6","page":"https://reui.io/blocks/application/event-calendar/event-calendar-6","registryDependencies":["@reui/badge","@reui/event-calendar","alert-dialog","avatar","button","calendar","card","checkbox","dropdown-menu","@reui/event-calendar-content","@reui/event-calendar-lib","@reui/event-calendar-nav","@reui/event-calendar-types","field","hover-card","input","popover","progress","scroll-area","select","separator","sheet","switch","textarea","use-mobile"],"title":"Commercial lending calendar with multi-row deal chips and covenant detail cards on hover","type":"registry:block"},{"dependencies":["@base-ui/react","cn","date-fns"],"description":"Chronological agenda grouped by day - a day header row plus a clean time / dot / title table.","name":"event-calendar-agenda-view","registryDependencies":["@reui/event-calendar","@reui/event-calendar-event","@reui/event-calendar-lib","@reui/event-calendar-types","@reui/icon-stack","scroll-area"],"title":"Chronological agenda grouped by day - a day header row plus a clean time / dot / title table.","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"description":"Active-view switchboard rendering month, week, day, N-days, or agenda; swappable per view via the components prop.","name":"event-calendar-content","registryDependencies":["@reui/event-calendar","@reui/event-calendar-agenda-view","@reui/event-calendar-month-view","@reui/event-calendar-resource-view","@reui/event-calendar-time-grid","@reui/event-calendar-types"],"title":"Active-view switchboard rendering month, week, day, N-days, or agenda; swappable per view via the components prop.","type":"registry:ui"},{"dependencies":["date-fns"],"description":"Custom pointer-event interaction engine - move, resize, and drag-create across month, week, day, and N-day views with live validation.","name":"event-calendar-dnd","registryDependencies":["@reui/event-calendar","@reui/event-calendar-lib","@reui/event-calendar-types"],"title":"Custom pointer-event interaction engine - move, resize, and drag-create across month, week, day, and N-day views with live validation.","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","date-fns"],"description":"The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.","name":"event-calendar-event","registryDependencies":["@reui/event-calendar","@reui/event-calendar-dnd","@reui/event-calendar-lib","@reui/event-calendar-types","tooltip"],"title":"The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.","type":"registry:ui"},{"dependencies":["date-fns"],"description":"Default UI texts, date-format strings, and formatter functions for the event calendar, fully overridable per key.","name":"event-calendar-i18n","registryDependencies":["@reui/event-calendar-types"],"title":"Default UI texts, date-format strings, and formatter functions for the event calendar, fully overridable per key.","type":"registry:ui"},{"dependencies":["@date-fns/tz","date-fns"],"description":"Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.","name":"event-calendar-lib","registryDependencies":["@reui/event-calendar-recurrence","@reui/event-calendar-types"],"title":"Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","date-fns"],"description":"ARIA-grid month view with week rows, day cells, event chips, and overflow counts.","name":"event-calendar-month-view","registryDependencies":["@reui/event-calendar","@reui/event-calendar-dnd","@reui/event-calendar-event","@reui/event-calendar-lib","@reui/event-calendar-types","popover","scroll-area"],"title":"ARIA-grid month view with week rows, day cells, event chips, and overflow counts.","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","date-fns"],"description":"Composable navigation - Today, prev/next, period title, view switcher dropdown, and a free toolbar slot.","name":"event-calendar-nav","registryDependencies":["button","calendar","dropdown-menu","@reui/event-calendar","@reui/event-calendar-lib","@reui/event-calendar-types","popover","tooltip"],"title":"Composable navigation - Today, prev/next, period title, view switcher dropdown, and a free toolbar slot.","type":"registry:ui"},{"dependencies":["@date-fns/tz","date-fns"],"description":"RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.","name":"event-calendar-recurrence","registryDependencies":["@reui/event-calendar-types"],"title":"RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","date-fns"],"description":"Resource-columns day grid for booking scenarios - one time axis, one column per resource, full drag, resize, and drag-create.","name":"event-calendar-resource-view","registryDependencies":["@reui/event-calendar","@reui/event-calendar-dnd","@reui/event-calendar-event","@reui/event-calendar-lib","@reui/event-calendar-time-grid","@reui/event-calendar-types","scroll-area"],"title":"Resource-columns day grid for booking scenarios - one time axis, one column per resource, full drag, resize, and drag-create.","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","date-fns"],"description":"Shared week/day/N-days engine - hour gutter, minute-positioned events, all-day row, drag ghosts, now indicator, and configurable scrolling.","name":"event-calendar-time-grid","registryDependencies":["@reui/event-calendar","@reui/event-calendar-dnd","@reui/event-calendar-event","@reui/event-calendar-lib","@reui/event-calendar-types","scroll-area"],"title":"Shared week/day/N-days engine - hour gutter, minute-positioned events, all-day row, drag ghosts, now indicator, and configurable scrolling.","type":"registry:ui"},{"description":"Public TypeScript contract for the headless event calendar: events, occurrences, segments, state, and callbacks.","name":"event-calendar-types","title":"Public TypeScript contract for the headless event calendar: events, occurrences, segments, state, and callbacks.","type":"registry:ui"},{"description":"Two-column FAQ: sticky intro plus a line-variant Tabs row that filters questions by category and re-mounts a multiple-mode Accordion of bordered Cards, first answer open. ReUI Badge, shadcn Tabs, Accordion, Card, Button. For help and FAQ pages.","name":"faq-1","page":"https://reui.io/blocks/marketing/faq/faq-1","registryDependencies":["@reui/badge","accordion","button","card","tabs"],"title":"Two-column FAQ with sticky intro, line-tab category filter, and multi-open accordion cards","type":"registry:block"},{"description":"Centered two-column marketing FAQ that keeps one answer open per column. Divider-row Accordion over a dot-grid Frame support panel and outline link CTA. ReUI Badge, Frame, FramePanel, shadcn Accordion, Button. For help, support, pricing FAQ, docs.","name":"faq-2","page":"https://reui.io/blocks/marketing/faq/faq-2","registryDependencies":["@reui/badge","@reui/frame","accordion","button"],"title":"Centered two-column FAQ with multi-open divider accordion and a dot-grid framed support panel","type":"registry:block"},{"dependencies":["cn"],"description":"Open FAQ section showing every answer at once, no accordion: a hairline-divided two-column question and answer grid that stacks on mobile, plus a support row with two CTAs. Uses shadcn Button, Item, ItemMedia. For help, support, pricing FAQ, docs.","name":"faq-3","page":"https://reui.io/blocks/marketing/faq/faq-3","registryDependencies":["button","item"],"title":"Open no-accordion FAQ with always-visible two-column answer grid and two-CTA support row","type":"registry:block"},{"description":"Centered single-column FAQ: help-icon eyebrow over a shadcn Accordion of seven Q&A rows split by thin border dividers (no cards, single-open, first open), with a \"Talk to the team\" arrow link. For FAQ, help, support, pricing FAQ, onboarding pages.","name":"faq-4","page":"https://reui.io/blocks/marketing/faq/faq-4","registryDependencies":["accordion"],"title":"Centered single-column FAQ with help eyebrow and borderless single-open accordion","type":"registry:block"},{"description":"Two-column marketing FAQ: a single-open Accordion in a Card (hairline rows, first open) beside a sticky dashed support CTA card with a contact link Button and email fallback. ReUI Badge, shadcn Accordion, Card, Button. For help, support, FAQ pages.","name":"faq-5","page":"https://reui.io/blocks/marketing/faq/faq-5","registryDependencies":["@reui/badge","accordion","button","card"],"title":"Two-column FAQ pairing a single-open accordion card with a sticky support-CTA sidecard","type":"registry:block"},{"description":"One-column Q and A: a single-open Accordion above a muted footer with Read The Docs and Contact Support buttons, boxed in stacked ReUI Frame. Built on shadcn Accordion, Item, Button. For FAQ, help, support, and pricing-questions pages.","name":"faq-6","page":"https://reui.io/blocks/marketing/faq/faq-6","registryDependencies":["@reui/frame","accordion","button","item"],"title":"Single-column FAQ accordion with built-in contact-support footer inside one stacked ReUI Frame tray","type":"registry:block"},{"dependencies":["class-variance-authority","cn"],"description":"Shadcn file type icon in brand and family colors, outline, solid, light and mono variants, sizes down to 18px for data grid rows, and resolution from a file name or MIME type.","name":"file-type","page":"https://reui.io/components/file-type","title":"Shadcn file type icon in brand and family colors, outline, solid, light and mono variants, sizes down to 18px for data grid rows, and resolution from a file name or MIME type.","type":"registry:ui"},{"dependencies":["cn"],"description":"Refine a product catalog by category and brand checkboxes with counts, a price range slider, color swatches, and size buttons, with removable active chips plus apply and reset. shadcn Card, Checkbox, Slider, Button. Shop, faceted search, listing.","name":"filter-sidebar-1","page":"https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-1","registryDependencies":["button","card","checkbox","label","separator","slider"],"title":"Faceted ecommerce product filter sidebar with active filter chips","type":"registry:block"},{"dependencies":["cn"],"description":"Ecommerce sidebar to refine listings by category, brand, price range, color swatches, and size, with result counts and removable filter chips. ReUI Frame; shadcn Button, Checkbox, Label, Slider, Separator. For product listing, shop, category browse.","name":"filter-sidebar-2","page":"https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-2","registryDependencies":["@reui/frame","button","checkbox","label","separator","slider"],"title":"Product filter sidebar with active chips, price slider, and color swatches","type":"registry:block"},{"dependencies":["cn"],"description":"Filter sidebar with department pills, category/material/brand facets, price slider, color swatches, size buttons, star rating, removable chips, and stock/sale toggles. shadcn Checkbox, Slider, Switch; ReUI Rating. For catalog and search results.","name":"filter-sidebar-3","page":"https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-3","registryDependencies":["@reui/rating","button","card","checkbox","label","radio-group","separator","slider","switch"],"title":"Faceted ecommerce filter sidebar with department pills, price slider, and removable filter chips","type":"registry:block"},{"dependencies":["cn"],"description":"Faceted product refinement panel with category, material, brand checkboxes, price slider, color swatches, size buttons, star ratings, quick toggles, removable chips. ReUI Frame, Rating; shadcn Checkbox, Slider, Switch. Faceted search, shop sidebar.","name":"filter-sidebar-4","page":"https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-4","registryDependencies":["@reui/frame","@reui/rating","button","checkbox","label","radio-group","separator","slider","switch"],"title":"Ecommerce product filter sidebar with department pills, color swatches, and removable filter chips","type":"registry:block"},{"dependencies":["cn"],"description":"Slide-out filter panel for ecommerce catalogs: departments, categories, materials, brands, colors, sizes, price slider, rating tiers, in-stock toggle, facet counts, removable chips, clear-all. ReUI Badge, Rating; shadcn Sheet, Slider. Faceted search.","name":"filter-sidebar-5","page":"https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-5","registryDependencies":["@reui/badge","@reui/rating","button","checkbox","label","radio-group","scroll-area","separator","sheet","slider","switch"],"title":"Slide-Out Ecommerce Product Filter Panel with Active Filter Chips","type":"registry:block"},{"dependencies":["cn"],"description":"Faceted product filter sidebar with collapsible accordion sections, price slider, color swatches, size and brand toggles, and removable active chips. ReUI Rating; shadcn Accordion, Card, Checkbox, Slider, Switch. For catalog, search, shop pages.","name":"filter-sidebar-6","page":"https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-6","registryDependencies":["@reui/rating","accordion","button","card","checkbox","label","radio-group","separator","slider","switch"],"title":"Collapsible ecommerce filter sidebar with accordion facets and active filter chips","type":"registry:block"},{"dependencies":["cn"],"description":"Ecommerce filter sidebar with removable active-filter chips, multi-open Accordion facets, per-section count Badges, price Slider, color swatches, and size options. ReUI Frame, Badge, Rating; shadcn Accordion, Slider, Switch. Shopping catalog refine.","name":"filter-sidebar-7","page":"https://reui.io/blocks/ecommerce/filter-sidebar/filter-sidebar-7","registryDependencies":["@reui/badge","@reui/frame","@reui/rating","accordion","button","checkbox","label","radio-group","separator","slider","switch"],"title":"Ecommerce Filter Sidebar with Removable Chips and Accordion Facets","type":"registry:block"},{"dependencies":["class-variance-authority","cn","date-fns"],"name":"filters","page":"https://reui.io/components/filters","registryDependencies":["button","button-group","@reui/cascader","@reui/cascader-context","@reui/cascader-footer","@reui/cascader-item","@reui/cascader-lib","@reui/cascader-nav","@reui/cascader-types","@reui/cascader-virtual","dropdown-menu","@reui/filters-advanced","@reui/filters-builder","@reui/filters-chip","@reui/filters-context","@reui/filters-dnd","@reui/filters-draft","@reui/filters-editors","@reui/filters-i18n","@reui/filters-lib","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","popover","tooltip"],"title":"Filters","type":"registry:ui"},{"dependencies":["cn"],"name":"filters-advanced","registryDependencies":["button","dropdown-menu","@reui/filters-builder","@reui/filters-chip","@reui/filters-context","@reui/filters-dnd","@reui/filters-i18n","@reui/filters-lib","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","popover","tooltip"],"title":"Filters Advanced","type":"registry:ui"},{"dependencies":["cn"],"name":"filters-builder","registryDependencies":["button","@reui/cascader","@reui/cascader-footer","@reui/cascader-nav","@reui/cascader-types","@reui/cascader-virtual","@reui/filters-context","@reui/filters-lib","@reui/filters-operators","@reui/filters-types","popover"],"title":"Filters Builder","type":"registry:ui"},{"dependencies":["cn"],"name":"filters-chip","registryDependencies":["button","button-group","dropdown-menu","@reui/filters-context","@reui/filters-editors","@reui/filters-lib","@reui/filters-operators","@reui/filters-query","@reui/filters-types","popover","tooltip"],"title":"Filters Chip","type":"registry:ui"},{"name":"filters-context","registryDependencies":["@reui/filters-draft","@reui/filters-lib","@reui/filters-types"],"title":"Filters Context","type":"registry:ui"},{"dependencies":["date-fns"],"name":"filters-date","title":"Filters Date","type":"registry:ui"},{"description":"Pointer-based drag layer for the advanced condition builder - a carry clone that follows the pointer, drop indicators between rows and into groups, and Alt to copy.","name":"filters-dnd","title":"Pointer-based drag layer for the advanced condition builder - a carry clone that follows the pointer, drop indicators between rows and into groups, and Alt to copy.","type":"registry:ui"},{"name":"filters-draft","registryDependencies":["@reui/filters-types"],"title":"Filters Draft","type":"registry:ui"},{"dependencies":["cn"],"name":"filters-editors","registryDependencies":["button","button-group","@reui/cascader","@reui/cascader-context","@reui/cascader-footer","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","@reui/filters-context","@reui/filters-lib","@reui/filters-types","input"],"title":"Filters Editors","type":"registry:ui"},{"name":"filters-i18n","registryDependencies":["@reui/filters-types"],"title":"Filters I18n","type":"registry:ui"},{"name":"filters-lib","registryDependencies":["@reui/cascader","@reui/cascader-lib","@reui/cascader-types","@reui/filters-types"],"title":"Filters Lib","type":"registry:ui"},{"name":"filters-operators","registryDependencies":["@reui/filters-types"],"title":"Filters Operators","type":"registry:ui"},{"name":"filters-query","registryDependencies":["@reui/filters-types"],"title":"Filters Query","type":"registry:ui"},{"description":"Stepped filter builder with nested fields, popover value editors and a boolean query tree.","name":"filters-types","title":"Stepped filter builder with nested fields, popover value editors and a boolean query tree.","type":"registry:ui"},{"dependencies":["@xyflow/react","cn","sonner"],"description":"Build trigger, condition and action flows on React Flow. Add, duplicate or delete steps from a node toolbar or right click menu, edit them in an inspector. ReUI IconTile, Badge, shadcn ContextMenu, AlertDialog. For no-code automation, lead routing.","name":"flow-1","page":"https://reui.io/blocks/application/flow/flow-1","registryDependencies":["@reui/alert","@reui/badge","@reui/icon-tile","alert-dialog","avatar","breadcrumb","button","button-group","card","context-menu","dropdown-menu","field","input","item","kbd","popover","select","separator","sheet","toggle","toggle-group","tooltip"],"title":"Automation workflow canvas with step cards showing owner, duration and last run status","type":"registry:block"},{"dependencies":["@dagrejs/dagre","@xyflow/react","cn","sonner"],"description":"LLM agent editor: cards show the app called and a last test run strip with tokens or latency, a docked inspector edits each step, copy as JSON. React Flow, ReUI IconTile, Badge, shadcn Item, Select, AlertDialog. For agent builder, AI workflow.","name":"flow-2","page":"https://reui.io/blocks/application/flow/flow-2","registryDependencies":["@reui/badge","@reui/icon-tile","alert-dialog","avatar","breadcrumb","button","card","dropdown-menu","field","input","item","kbd","popover","select","separator","sheet","toggle-group","tooltip"],"title":"AI agent flow tree with auto layout, named branch paths and add step buttons on every connector","type":"registry:block"},{"dependencies":["@xyflow/react","cn","sonner"],"description":"ETL DAG run monitor: 6 run states, connection, test and model attachments, and retry or focus for the failed task. React Flow, ReUI IconTile, Badge, shadcn Tabs, ContextMenu, Progress. For orchestration dashboard, scheduled job status.","name":"flow-3","page":"https://reui.io/blocks/application/flow/flow-3","registryDependencies":["@reui/alert","@reui/badge","@reui/icon-tile","alert-dialog","avatar","breadcrumb","button","button-group","card","context-menu","dropdown-menu","field","input","item","kbd","popover","progress","select","separator","sheet","spinner","switch","tabs","toggle-group","tooltip"],"title":"Data pipeline run canvas with dependency-ordered replay and a human approval gate","type":"registry:block"},{"dependencies":["@dagrejs/dagre","@xyflow/react","cn","sonner"],"description":"Ties work to results: initiative cards with progress and status, metric cards with a goal and per period value and change, an inspector to relink edges. React Flow, ReUI Frame, IconTile, Badge, shadcn Tabs, ToggleGroup. For KPI driver tree, OKR map.","name":"flow-4","page":"https://reui.io/blocks/application/flow/flow-4","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","alert-dialog","avatar","breadcrumb","button","button-group","card","context-menu","dropdown-menu","field","input","kbd","popover","progress","select","separator","sheet","tabs","toggle-group","tooltip"],"title":"Growth impact map linking initiatives to a north star metric, with correlation scored metric links","type":"registry:block"},{"dependencies":["cn","date-fns","sonner"],"description":"Profile settings Card form: avatar upload, birth date and availability date-time Calendar pickers, multi-select specialty Combobox chips, visibility Select, available-to-hire Switch, completion Badge. For account settings, edit profile, preferences.","name":"form-1","page":"https://reui.io/blocks/application/form/form-1","registryDependencies":["@reui/badge","@reui/use-file-upload","avatar","button","calendar","card","combobox","field","input","input-group","popover","scroll-area","select","separator","switch","tooltip"],"title":"Profile settings card form with completion badge and date-plus-time availability picker","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"New-workspace setup form: company, slug, intent radios, team size, launch window, template, data source, owner chips, sample-data toggle, notes. Uses ReUI Badge, shadcn Card, Combobox, RadioGroup, Select, Switch, Textarea. Account setup wizard.","name":"form-10","page":"https://reui.io/blocks/application/form/form-10","registryDependencies":["@reui/badge","button","card","combobox","field","input-group","radio-group","select","separator","spinner","switch","textarea"],"title":"Customer onboarding intake form in a Card with labeled rows and multi-owner combobox","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"App launch form in a Card with a gradient banner that live-mirrors picks. Rows pair a brief Textarea, prefixed App URL InputGroup, name Input, and starter, source, runtime, region Selects. For deploy and project setup wizards.","name":"form-11","page":"https://reui.io/blocks/application/form/form-11","registryDependencies":["@reui/badge","button","card","field","input","input-group","item","select","separator","spinner","textarea"],"title":"New App Launch Form with Gradient Summary Banner and Label-Control Rows","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Create product form in a Card with label-control rows: multi-image thumbnail dropzone, Select status and category, currency InputGroup pricing, SKU and stock, Switch toggles, multi-select Combobox collections. Product catalog, add product, admin.","name":"form-12","page":"https://reui.io/blocks/application/form/form-12","registryDependencies":["@reui/alert","@reui/badge","@reui/use-file-upload","button","card","combobox","field","input","input-group","item","radio-group","select","separator","spinner","switch","textarea","tooltip"],"title":"Ecommerce product creation form with image upload, pricing, inventory, and collections combobox","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Configure a hosted checkout: offer type, button copy, and handoff via ReUI Frame and Badge with shadcn Field rows, Select, Checkbox groups, InputGroup, Tooltip, and Button. Settings form, payment config, store admin panel.","name":"form-2","page":"https://reui.io/blocks/application/form/form-2","registryDependencies":["@reui/badge","@reui/frame","button","checkbox","field","input-group","select","tooltip"],"title":"Hosted checkout setup form with label-and-control rows, Select dropdowns, and checkbox groups","type":"registry:block"},{"dependencies":["cn","date-fns","sonner"],"description":"Invoice builder with customer combobox, date pickers, currency and term selects, an editable line-items table, and a live subtotal, discount, tax, and total panel. ReUI Badge with shadcn Card, Table, Combobox, Calendar. For billing and invoicing.","name":"form-3","page":"https://reui.io/blocks/application/form/form-3","registryDependencies":["@reui/badge","button","calendar","card","combobox","field","input","input-group","popover","select","separator","table","textarea","tooltip"],"title":"Invoice creator form with editable line-items table and live discount, tax, and total summary","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Auth method config page: line tabs switch Email, Phone, Password, Passkeys, Protection, and User Model panels of Switch, Select, RadioGroup, and Input rows with Pro/Beta badges, tooltips, alerts, and a save/discard toast footer.","name":"form-4","page":"https://reui.io/blocks/application/form/form-4","registryDependencies":["@reui/alert","@reui/badge","button","card","checkbox","field","input","radio-group","scroll-area","select","separator","switch","tabs","tooltip"],"title":"Authentication settings form with line tabs for email, phone, password, passkey, and lockout policy","type":"registry:block"},{"dependencies":["@base-ui/react","cn","sonner"],"description":"Admin profile editor with Profile, Organizations, Security tabs, a sticky audit rail of IDs and timestamps, completion Progress, and activity heatmap. ReUI Badge with shadcn Card, Field, Combobox, Switch. For account settings, member detail pages.","name":"form-5","page":"https://reui.io/blocks/application/form/form-5","registryDependencies":["@reui/badge","@reui/use-file-upload","avatar","button","card","combobox","dropdown-menu","field","input","input-group","item","progress","scroll-area","select","separator","spinner","switch","tabs","textarea","tooltip"],"title":"Tabbed user profile settings form with sticky audit rail and activity heatmap","type":"registry:block"},{"dependencies":["sonner"],"description":"KYC business verification summary with read-only Frame panels for legal, public, and ownership details, each opening a Dialog edit form. ReUI Frame, Badge plus shadcn Dialog, Field, Select, Tooltip. Account review, onboarding, compliance.","name":"form-6","page":"https://reui.io/blocks/application/form/form-6","registryDependencies":["@reui/badge","@reui/frame","button","dialog","field","input","select","separator","textarea","tooltip"],"title":"Business Verification Review Page with Editable Detail Sections and Dialog Forms","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Support ticket detail panel where each field edits inline with save, cancel, and async saving toasts. Status, priority, SLA, due-date, tag and owner chips. ReUI Frame, Badge with Select, Combobox, Calendar, Switch. For helpdesk and issue trackers.","name":"form-7","page":"https://reui.io/blocks/application/form/form-7","registryDependencies":["@reui/badge","@reui/frame","avatar","button","calendar","combobox","field","input-group","item","popover","select","separator","spinner","switch","tooltip"],"title":"Inline-editable ticket details panel with per-row save, status and SLA badges, tags and owner chips","type":"registry:block"},{"dependencies":["@base-ui/react","cn","sonner"],"description":"API keys settings page: copy framework .env snippets, reveal, rotate, or revoke masked keys, plus a create-key dialog with scopes, owners, and expiration. ReUI Frame, Badge, Alert with Dialog, Combobox, Select, InputGroup.","name":"form-8","page":"https://reui.io/blocks/application/form/form-8","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","avatar","button","button-group","checkbox","combobox","dialog","field","input","input-group","item","scroll-area","select","separator","tooltip"],"title":"API keys management panel with per-stack env snippet quick-copy and reveal, rotate, revoke rows","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react","cn","sonner"],"description":"Invite teammates and assign scoped workspace roles: email combobox chips, workspace and expiry selects, member-type radios, SSO switches, and a searchable checkbox role tree with privileged badges. ReUI Badge and Tree, shadcn Card. For RBAC.","name":"form-9","page":"https://reui.io/blocks/application/form/form-9","registryDependencies":["@reui/badge","@reui/tree","button","card","checkbox","combobox","empty","field","input-group","radio-group","select","separator","switch","textarea","tooltip"],"title":"Enterprise member invite form with searchable role permission tree and access guardrails","type":"registry:block"},{"dependencies":["class-variance-authority","cn"],"name":"frame","page":"https://reui.io/components/frame","title":"Frame","type":"registry:ui"},{"dependencies":["@base-ui/react","@date-fns/tz","cn","date-fns"],"description":"Headless-first gantt - horizontal resource timeline with day-to-year scales, external CRUD contract, and a subscribable store.","name":"gantt","page":"https://reui.io/components/gantt","registryDependencies":["button","calendar","checkbox","context-menu","dropdown-menu","@reui/gantt-bar","@reui/gantt-dnd","@reui/gantt-i18n","@reui/gantt-lib","@reui/gantt-recurrence","@reui/gantt-types","popover","scroll-area","tooltip"],"title":"Headless-first gantt - horizontal resource timeline with day-to-year scales, external CRUD contract, and a subscribable store.","type":"registry:ui"},{"dependencies":["cn","date-fns","sonner"],"description":"Project timeline on ReUI Gantt: task tree in a resizable split pane beside a day-to-year timeline, drag and resize bars with live validation, progress rollups, and an edit dialog. ReUI Gantt with shadcn Dialog, Select. Roadmap, project planner.","name":"gantt-1","page":"https://reui.io/blocks/application/gantt/gantt-1","registryDependencies":["@reui/badge","@reui/gantt","alert-dialog","avatar","button","button-group","calendar","card","checkbox","combobox","context-menu","dialog","dropdown-menu","@reui/gantt-bar","@reui/gantt-lib","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view","input","item","label","popover","select","tooltip"],"title":"Project gantt with resizable tree columns, split timeline panes, and inline editing","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Hour grid day dispatch with technician rows and timed jobs","name":"gantt-2","page":"https://reui.io/blocks/application/gantt/gantt-2","registryDependencies":["@reui/badge","@reui/gantt","alert-dialog","avatar","button","card","checkbox","context-menu","dialog","dropdown-menu","field","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view","input","progress","scroll-area","select","sheet"],"title":"Day dispatch gantt with technician rows and timed jobs on an hour grid","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Agent playbook board with enforced stage dependencies, retry lanes and critical path","name":"gantt-3","page":"https://reui.io/blocks/application/gantt/gantt-3","registryDependencies":["@reui/alert","@reui/badge","@reui/gantt","alert-dialog","avatar","button","card","context-menu","dropdown-menu","field","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view","input","item","popover","scroll-area","select","sheet","switch","tabs","textarea","tooltip"],"title":"Agent playbook gantt with enforced stage dependencies, retry lanes, and a critical path","type":"registry:block"},{"dependencies":["cn","date-fns","sonner"],"description":"Capacity aware resource gantt with booking cards, drag guardrails and full CRUD","name":"gantt-4","page":"https://reui.io/blocks/application/gantt/gantt-4","registryDependencies":["@reui/alert","@reui/badge","@reui/gantt","alert-dialog","avatar","button","card","checkbox","context-menu","dropdown-menu","empty","field","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view","input","label","popover","scroll-area","select","sheet","textarea","tooltip"],"title":"Capacity-aware resource gantt with booking cards, drag guardrails, and full CRUD","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"The interactive gantt bar - selection, clicks, drag + resize wiring, and the consumer render slot.","name":"gantt-bar","registryDependencies":["context-menu","@reui/gantt","@reui/gantt-dnd","@reui/gantt-lib","@reui/gantt-types","tooltip"],"title":"The interactive gantt bar - selection, clicks, drag + resize wiring, and the consumer render slot.","type":"registry:ui"},{"dependencies":["date-fns"],"description":"Custom pointer-event interaction engine - edge resize and drag-create over the horizontal axis with live validation; bars are never dragged whole.","name":"gantt-dnd","registryDependencies":["@reui/gantt","@reui/gantt-lib","@reui/gantt-types"],"title":"Custom pointer-event interaction engine - edge resize and drag-create over the horizontal axis with live validation; bars are never dragged whole.","type":"registry:ui"},{"dependencies":["date-fns"],"description":"Default UI texts, date-format strings, and formatter functions for the gantt, fully overridable per key.","name":"gantt-i18n","registryDependencies":["@reui/gantt-types"],"title":"Default UI texts, date-format strings, and formatter functions for the gantt, fully overridable per key.","type":"registry:ui"},{"dependencies":["@date-fns/tz","date-fns"],"description":"Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.","name":"gantt-lib","registryDependencies":["@reui/gantt-recurrence","@reui/gantt-types"],"title":"Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","date-fns"],"description":"Composable navigation - Today, view selector, prev/next, go-to-date, period title, and a free toolbar slot.","name":"gantt-nav","registryDependencies":["button","calendar","dropdown-menu","@reui/gantt","@reui/gantt-lib","@reui/gantt-types","popover","tooltip"],"title":"Composable navigation - Today, view selector, prev/next, go-to-date, period title, and a free toolbar slot.","type":"registry:ui"},{"dependencies":["@date-fns/tz","date-fns"],"description":"RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.","name":"gantt-recurrence","registryDependencies":["@reui/gantt-types"],"title":"RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.","type":"registry:ui"},{"description":"Public TypeScript contract for the headless gantt: events, occurrences, segments, state, and callbacks.","name":"gantt-types","title":"Public TypeScript contract for the headless gantt: events, occurrences, segments, state, and callbacks.","type":"registry:ui"},{"dependencies":["@base-ui/react","cn","date-fns"],"description":"The gantt body - split resizable tree/timeline panes with synced scrolling, multi-column tree, grouped two-row header, day through year scales, zoom, drag-to-pan, lanes, drag and resize.","name":"gantt-view","registryDependencies":["button","checkbox","context-menu","@reui/gantt","@reui/gantt-bar","@reui/gantt-dnd","@reui/gantt-lib","@reui/gantt-types","scroll-area","tooltip"],"title":"The gantt body - split resizable tree/timeline panes with synced scrolling, multi-column tree, grouped two-row header, day through year scales, zoom, drag-to-pan, lanes, drag and resize.","type":"registry:ui"},{"dependencies":["cn"],"description":"Dark split marketing hero for an MCP usage product: status badge, highlighted headline, capability chips, dual call to action, brand row, and an animated isometric bar chart charting agent usage velocity with a flagged spike.","name":"hero-1","page":"https://reui.io/blocks/marketing/hero/hero-1","registryDependencies":["@reui/badge","@reui/icon-tile","button","separator"],"title":"Dark MCP usage hero with an animated isometric bar chart and a flagged usage spike","type":"registry:block"},{"description":"Conversion hero for a developer tool: an 'Agent Skills Ready' pill, a two-tone headline, a lede, an editable script.js code card with copy, reset and model/run controls, and a social-proof row of an overlapping avatar group beside a 4.5 star rating and review count. Uses ReUI Bad","name":"hero-10","page":"https://reui.io/blocks/marketing/hero/hero-10","registryDependencies":["@reui/badge","@reui/rating","avatar","dropdown-menu","input-group","separator"],"title":"Centered AI-registry hero with an editable code card and social proof","type":"registry:block"},{"dependencies":["cn"],"description":"Marketing hero for a shadcn registry or dev tool: a 'Meet 485+ PRO Blocks' pill over a two-tone headline, a lede with 'Start with Cursor' and 'Read Docs' calls to action, and a content band pairing a three-cell feature card with a 4:3 analytics console rendered as live markup on ","name":"hero-11","page":"https://reui.io/blocks/marketing/hero/hero-11","registryDependencies":["@reui/badge","@reui/icon-tile","avatar","button","card","item","kbd","progress","table"],"title":"Split registry hero with a feature card and a framed analytics console","type":"registry:block"},{"dependencies":["cn"],"description":"Conversion hero for a shadcn registry or MCP-native dev tool: a 'Meet 485+ Blocks in ReUI Pro' pill over a two-tone headline, a lede with 'Explore Blocks' and 'Choose Plan' calls to action, a single-row brand cloud of real ReUI wordmarks (Vercel, n8n, Supabase, Stripe, GitHub, Op","name":"hero-12","page":"https://reui.io/blocks/marketing/hero/hero-12","registryDependencies":["@reui/badge","@reui/icon-tile","avatar","button","card","item","kbd","progress"],"title":"Centered registry hero with a brand cloud and a framed analytics console","type":"registry:block"},{"description":"Conversion hero for a shadcn registry or AI-agent dev tool: an 'Agent Skills Available' announcement pill over a two-tone 'First-class shadcn for AI agents' headline, a curated-registry lede, a seven-person creator cloud paired with a 4.5-star '13.9k Ratings' proof line and a rev","name":"hero-13","page":"https://reui.io/blocks/marketing/hero/hero-13","registryDependencies":["@reui/badge","@reui/rating","avatar","button"],"title":"Centered registry hero with a creator cloud and dual calls to action","type":"registry:block"},{"dependencies":["cn"],"description":"Editorial marketing hero for a shadcn registry or MCP developer tool: an 'Explore 495+ ReUI Blocks' announcement pill over a two-tone 'Design-ready shadcn / MCP native' headline on the left, a curated-registry lede with 'Buy Now' and 'Explore' calls to action on the right, both b","name":"hero-14","page":"https://reui.io/blocks/marketing/hero/hero-14","registryDependencies":["@reui/badge","@reui/icon-tile","avatar","button","card","item","kbd","progress"],"title":"Split-header hero with a product console on a dark wave field","type":"registry:block"},{"dependencies":["cn"],"description":"Marketing hero for a shadcn/ui registry or MCP tool: an announcement badge, a keyword-emphasized headline and lede, and a Connect/Browse action pair over a three-cell feature grid of icon-tile links. Built on ReUI Badge, IconTile, shadcn Button. For landing page and dev-tool hero","name":"hero-15","page":"https://reui.io/blocks/marketing/hero/hero-15","registryDependencies":["@reui/badge","@reui/icon-tile","button"],"title":"Bordered blueprint hero with an announcement badge and a three-cell feature grid","type":"registry:block"},{"dependencies":["cn","embla-carousel-autoplay"],"description":"Two-column marketing hero for a shadcn/ui registry or MCP tool: a headline, a Built to ship feature checklist, a connect-your-stack logo row (Clerk, n8n, Supabase), and a Connect MCP / Browse Registry action pair, beside an auto-advancing carousel of five product app-shells that ","name":"hero-16","page":"https://reui.io/blocks/marketing/hero/hero-16","registryDependencies":["@reui/badge","@reui/icon-tile","button","card","carousel","item","kbd"],"title":"Split hero with a Built to ship checklist and a bleeding app-shell carousel","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Split marketing hero for a component registry: Next.js badge, lime-highlighted headline, call to action with an inline star rating, brand row, and a rebuilt analytics console floating on a drifting gradient backdrop, with full dark mode.","name":"hero-2","page":"https://reui.io/blocks/marketing/hero/hero-2","registryDependencies":["@reui/badge","@reui/icon-tile","@reui/rating","avatar","button","card","item","kbd","progress","separator","table"],"title":"Aurora Console Hero","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Dark emerald marketing hero for a component registry: Next.js badge, highlighted headline, MCP and Agent Skills capability chips, lime primary call to action, trusted-by brand row, and an animated isometric scene of eight extruded product cards with staggered entrance, ambient fl","name":"hero-3","page":"https://reui.io/blocks/marketing/hero/hero-3","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","avatar","button","button-group","card","dropdown-menu","empty","item","progress","select","separator","tabs"],"title":"Emerald registry hero with an animated isometric scene of floating product blocks","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Split marketing hero for a component registry: live-status badge with a success dot, two-tone headline, subtitle, Next.js and v0 capability rows, a primary and outline action pair, and a rebuilt analytics console floating on a drifting photographic backdrop, with full dark mode.","name":"hero-4","page":"https://reui.io/blocks/marketing/hero/hero-4","registryDependencies":["@reui/badge","avatar","button"],"title":"Split Registry Hero With A Console On A Drifting Photo Backdrop","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Split marketing hero for an integrations or MCP product: outline badge, two-line headline, subtitle, blue primary action with an outline companion, an assurance row under a separator, and an isometric grid of eleven extruded brand tiles floating over a masked ground plane with a ","name":"hero-5","page":"https://reui.io/blocks/marketing/hero/hero-5","registryDependencies":["@reui/badge","button","separator"],"title":"Integrations Hero With An Isometric Grid Of Floating Brand Tiles","type":"registry:block"},{"dependencies":["cn"],"description":"Conversion hero for a component registry: badge, two-tone headline, action pair, and a frame whose security console is live markup with ambient chart motion, set over twin towers against a rose-to-coral sky, cropped at the frame edge. Uses ReUI Badge, IconTile, shadcn Card. For l","name":"hero-6","page":"https://reui.io/blocks/marketing/hero/hero-6","registryDependencies":["@reui/badge","@reui/icon-tile","avatar","button","card","item","kbd","progress"],"title":"Split registry hero with a live security console over a tower skyline","type":"registry:block"},{"dependencies":["cn"],"description":"Conversion hero for a cloud platform: Azure badge, two-tone headline, email capture with an lg Join button, and proof lines beside a product frame whose crew coverage console is live markup with ambient chart motion, tilted in 3D by the pointer. Uses ReUI Badge, IconTile, shadcn ","name":"hero-7","page":"https://reui.io/blocks/marketing/hero/hero-7","registryDependencies":["@reui/badge","@reui/icon-tile","avatar","button","card","input-group","item","kbd","progress"],"title":"Split cloud platform hero with a pointer-tilted crew console on a black frame","type":"registry:block"},{"dependencies":["cn"],"description":"Conversion hero for a cloud or infrastructure product: brand badge, two-tone headline, an email capture that confirms in place, and two proof points beside a 4:3 frame whose analytics console is live markup with ambient chart motion on a drawn bloom backdrop. Uses ReUI Badge, Ico","name":"hero-8","page":"https://reui.io/blocks/marketing/hero/hero-8","registryDependencies":["@reui/badge","@reui/icon-tile","avatar","button","card","input-group","item","kbd","label","progress","table"],"title":"Cloud platform hero with inline email capture and a live analytics console","type":"registry:block"},{"dependencies":["cn"],"description":"Conversion hero for a shadcn/ui registry or MCP tool: an eyebrow badge, a headline with an amber marker highlight, a star rating with review count, and an Open in Cursor / View in Figma action pair. Below it a framed registry console floats on a sky backdrop: a fixed top bar and ","name":"hero-9","page":"https://reui.io/blocks/marketing/hero/hero-9","registryDependencies":["@reui/badge","@reui/icon-tile","@reui/rating","button","card","item","kbd","progress","tabs"],"title":"Registry hero with a tabbed console on a sky field","type":"registry:block"},{"description":"Explains adoption in 3 steps under a pill eyebrow link, heading, lede and outline plus solid buttons; steps stack to 1 column when narrow. Uses shadcn Card, Item, Button with ReUI IconTile number chips and a Badge link. For process, getting started.","name":"how-it-works-1","page":"https://reui.io/blocks/marketing/how-it-works/how-it-works-1","registryDependencies":["@reui/badge","@reui/icon-tile","button","card","item"],"title":"Static How It Works card with 3 numbered steps on a hairline grid and 2 header actions","type":"registry:block"},{"dependencies":["cn"],"description":"Walks a product in 4 numbered steps, each card with a dark grid scene swept by a moving light and its own footer action, below docs and registry buttons and 2 shortcuts. Built on shadcn Card, Item, Button, ReUI Badge, IconTile. For onboarding.","name":"how-it-works-2","page":"https://reui.io/blocks/marketing/how-it-works/how-it-works-2","registryDependencies":["@reui/badge","@reui/icon-tile","button","card","item"],"title":"Drifting isometric logo tiles topping 4 How It Works step cards in a 1, 2 or 4 column grid","type":"registry:block"},{"description":"Process section walking setup in numbered cards that reflow 1, 3 or 5 per row by container width, under an amber CTA, docs link and 2 capability rows. Composes shadcn Card steps, Item rows, Button and ReUI IconTile, Badge. For workflow, setup guide.","name":"how-it-works-3","page":"https://reui.io/blocks/marketing/how-it-works/how-it-works-3","registryDependencies":["@reui/badge","@reui/icon-tile","button","card","item"],"title":"Emerald 5-step How It Works card grid with dot texture, lime corner glow and capability rows","type":"registry:block"},{"dependencies":["cn","motion"],"description":"Setup walkthrough: 4 step tabs swap an app console (KPI overview, component grid, CLI install list, integrations), advancing every 6s, held under pointer or focus. Runs on shadcn Tabs, Card, Progress, ReUI IconTile chips, Badge. For product tour.","name":"how-it-works-4","page":"https://reui.io/blocks/marketing/how-it-works/how-it-works-4","registryDependencies":["@reui/badge","@reui/icon-tile","card","item","kbd","progress","tabs"],"title":"Horizontal 4-step How It Works tab strip driving an auto-advancing app console on a sky photo","type":"registry:block"},{"dependencies":["cn"],"description":"Steps cycle every 5s and wait while hovered or focused; each opens an animated console with KPI cards plus an order table, crew coverage bars or a team calendar. Made with shadcn Tabs, Table, Progress, Avatar, ReUI IconTile, Badge. For SaaS demo.","name":"how-it-works-5","page":"https://reui.io/blocks/marketing/how-it-works/how-it-works-5","registryDependencies":["@reui/badge","@reui/icon-tile","avatar","card","item","kbd","progress","table","tabs"],"title":"Vertical 3-step How It Works tabs that swap analytics, crew coverage and HR dashboard consoles","type":"registry:block"},{"dependencies":["cn"],"description":"Layered icon illustration container","name":"icon-stack","page":"https://reui.io/components/icon-stack","title":"Layered icon illustration container","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"description":"Square container that gives icons a consistent surface","name":"icon-tile","page":"https://reui.io/components/icon-tile","title":"Square container that gives icons a consistent surface","type":"registry:ui"},{"dependencies":["@base-ui/react","@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","cn"],"name":"kanban","page":"https://reui.io/components/kanban","title":"Kanban","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"description":"Bug tracking board: drag tasks across six status columns, reorder columns, with priority, signal dots, owner avatars, due dates, and SVG completion rings. ReUI Kanban, Badge; shadcn Card, Avatar, Button. Sprint board, backlog, task tracker.","name":"kanban-board-1","page":"https://reui.io/blocks/application/kanban-board/kanban-board-1","registryDependencies":["@reui/badge","@reui/kanban","avatar","button","card"],"title":"Drag-and-drop issue tracking kanban board with six status columns and per-task completion rings","type":"registry:block"},{"dependencies":["@base-ui/react","@dnd-kit/sortable","cn"],"description":"IAM access certification board with draggable cards and columns across Intake, Owner Review, Risk, Exception, Removal, Certified. Risk-tiered cards show request IDs and avatars. ReUI Kanban, Badge, Rating with shadcn Card. Access governance, audit.","name":"kanban-board-10","page":"https://reui.io/blocks/application/kanban-board/kanban-board-10","registryDependencies":["@reui/badge","@reui/kanban","@reui/rating","avatar","button","card","item"],"title":"Access review kanban board with risk badges, star confidence rating, and reviewer avatars","type":"registry:block"},{"dependencies":["@base-ui/react","@dnd-kit/sortable","cn"],"description":"Drag-and-drop kanban for project and CRM workflows: 8 status columns collapse to vertical rails, reorderable cards and columns, count badges, deal value and assignee avatars. Uses ReUI Kanban and Badge with shadcn Card, Button, Avatar.","name":"kanban-board-2","page":"https://reui.io/blocks/application/kanban-board/kanban-board-2","registryDependencies":["@reui/badge","@reui/kanban","avatar","button","card","item"],"title":"Workflow kanban board with collapsible status columns and draggable cards plus columns","type":"registry:block"},{"dependencies":["@base-ui/react","@dnd-kit/sortable","cn"],"description":"CRM sales pipeline board with drag-and-drop deals across six stages. Deal cards show company logo, value, next step, owner avatar, star rating, and attachment/comment counts. ReUI Kanban, Badge, Rating, shadcn Card, Avatar, Button.","name":"kanban-board-3","page":"https://reui.io/blocks/application/kanban-board/kanban-board-3","registryDependencies":["@reui/badge","@reui/kanban","@reui/rating","avatar","button","card","item"],"title":"Sales pipeline kanban board with draggable deal cards and reorderable stages","type":"registry:block"},{"dependencies":["@base-ui/react","@dnd-kit/sortable","cn"],"description":"Drag-and-drop product roadmap board with six status columns and reorderable cards showing votes, vote-trend arrows, progress bars, and impact or ARR. Feature voting, planning board, backlog. ReUI Kanban, Frame, Badge with Progress, Button.","name":"kanban-board-4","page":"https://reui.io/blocks/application/kanban-board/kanban-board-4","registryDependencies":["@reui/badge","@reui/frame","@reui/kanban","button","progress"],"title":"Feature roadmap kanban board with vote-weighted cards across six delivery stages","type":"registry:block"},{"dependencies":["@base-ui/react","@dnd-kit/sortable","cn"],"description":"Drag-and-drop status workflow kanban: reorder cards and columns, collapse columns to vertical rails, with progress rings, owner avatars, and status badges. ReUI Kanban, Badge plus shadcn Card, Item, Avatar. Task board, project tracker, sprint board.","name":"kanban-board-5","page":"https://reui.io/blocks/application/kanban-board/kanban-board-5","registryDependencies":["@reui/badge","@reui/kanban","avatar","button","card","item"],"title":"Workflow status kanban board with collapsible column rails and per-task progress rings","type":"registry:block"},{"dependencies":["@base-ui/react","@dnd-kit/sortable","cn"],"description":"Help-desk board with six SLA-state columns. Drag-and-drop ticket cards and reorderable columns show SLA countdown chips, priority badges, and assignee avatars. ReUI Kanban, Badge; shadcn Card, Item, Avatar. For support queue and ticket triage tools.","name":"kanban-board-6","page":"https://reui.io/blocks/application/kanban-board/kanban-board-6","registryDependencies":["@reui/badge","@reui/kanban","avatar","button","card","item"],"title":"Support escalation kanban board with SLA timer chips, priority badges, and draggable columns","type":"registry:block"},{"dependencies":["@base-ui/react","@dnd-kit/sortable","cn"],"description":"Drag-and-drop renewals board, six risk stages, account cards with ARR, renewal date, days left, color-coded health bar, owner, and Critical/Warning/Clear status. CSM pipeline, churn risk. ReUI Kanban, Badge; shadcn Card, Progress, Avatar.","name":"kanban-board-7","page":"https://reui.io/blocks/application/kanban-board/kanban-board-7","registryDependencies":["@reui/badge","@reui/icon-stack","@reui/kanban","avatar","button","card","empty","item","progress"],"title":"Customer renewals risk kanban board with ARR, health score, and risk-tier account cards","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Six-column pipeline (Intake to Shipped) with draggable change cards showing risk badge, service, environment, owner avatar, launch window, and checklist progress. ReUI Kanban, Frame, Badge plus shadcn Item, Avatar, Progress. Deploy and release board.","name":"kanban-board-8","page":"https://reui.io/blocks/application/kanban-board/kanban-board-8","registryDependencies":["@reui/badge","@reui/frame","@reui/kanban","avatar","button","item","progress"],"title":"Release readiness kanban board with risk badges, checklist progress, and drag-and-drop change cards","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Applicant tracking board: six draggable pipeline stages from Sourced to Offer, candidate cards with match-score progress bars, scorecard badges, and risk flags. ReUI Kanban, Frame, Badge, shadcn Progress, Avatar, Button for ATS and hiring boards.","name":"kanban-board-9","page":"https://reui.io/blocks/application/kanban-board/kanban-board-9","registryDependencies":["@reui/badge","@reui/frame","@reui/kanban","avatar","button","item","progress"],"title":"Recruiting pipeline kanban board with candidate match scores and scorecard status","type":"registry:block"},{"description":"Compact KPI metric list: framed icon tile, large value, colored up/down trend badge, and open-details button per divided row. ReUI Frame, Badge, shadcn Item, Button, Separator. Stats summary, dashboard, finance overview.","name":"list-1","page":"https://reui.io/blocks/application/list/list-1","registryDependencies":["@reui/badge","@reui/frame","button","item","separator"],"title":"Order Metrics List Card with Icon Tiles and Up Down Trend Badges","type":"registry:block"},{"dependencies":["cn"],"description":"Investments card: header with ⌘K search input, fixed table of company logo, name, date, sector, and green or red value change. ReUI Frame, FramePanel; shadcn Table, InputGroup, Item, Kbd.","name":"list-10","page":"https://reui.io/blocks/application/list/list-10","registryDependencies":["@reui/frame","input-group","item","kbd","table"],"title":"Recent Investments Card with Searchable Gain-Loss Table and Company Logos","type":"registry:block"},{"dependencies":["cn"],"description":"Top movers leaderboard table: company rows with logo and location, status badges (Active, New, On Hold), and a trend column with gain/loss value and up/down arrow. Header search with Cmd-K hint. ReUI Frame, Badge, shadcn Table, InputGroup, Kbd.","name":"list-11","page":"https://reui.io/blocks/application/list/list-11","registryDependencies":["@reui/badge","@reui/frame","input-group","kbd","table"],"title":"Top movers list table with company logos, status badges, and up/down trend values","type":"registry:block"},{"dependencies":["cn"],"description":"Ranked fund inflow rows with a colored brand-logo badge, name, and Capital In amount, plus a Select to switch Top 3 / Top 5 / All. ReUI Frame, shadcn Select, Item, Separator. For leaderboards, top contributors, investor summary widgets.","name":"list-2","page":"https://reui.io/blocks/application/list/list-2","registryDependencies":["@reui/frame","item","select","separator"],"title":"Capital inflows fund leaderboard list with logo badges and a range filter select","type":"registry:block"},{"description":"Capital inflows widget switching ranked fund rows by period tabs (Weekly, All Time); each row shows logo, name, dollar amount, percentage share. ReUI Frame, shadcn Tabs, Tooltip, Separator. For finance dashboards, top contributors, leaderboards.","name":"list-3","page":"https://reui.io/blocks/application/list/list-3","registryDependencies":["@reui/frame","separator","tabs","tooltip"],"title":"Capital Inflows Card with Period Tabs and Ranked Fund List Showing Amount and Share","type":"registry:block"},{"description":"Crypto holdings card switching between Weekly and All Time tabs, listing coins with logo, price, up or down trend badge, value and holdings. ReUI Frame, Badge with shadcn Tabs, Button, Separator. Portfolio, watchlist, asset tracker.","name":"list-4","page":"https://reui.io/blocks/application/list/list-4","registryDependencies":["@reui/badge","@reui/frame","button","separator","tabs"],"title":"Crypto Portfolio Snapshot List with Period Tabs and Per-Asset Trend Badges","type":"registry:block"},{"dependencies":["cn"],"description":"Compact crypto transaction history list with directional credit/debit icons, title, date, and color-coded amounts. Uses ReUI Frame plus shadcn Item, Tabs, Separator. For wallet activity feeds and finance dashboards.","name":"list-5","page":"https://reui.io/blocks/application/list/list-5","registryDependencies":["@reui/frame","item","separator","tabs"],"title":"Crypto Transactions List with Color-Coded Credit and Debit Amounts","type":"registry:block"},{"dependencies":["cn"],"description":"Wallet activity card listing received, sent, swapped, and failed crypto transfers with token logos, truncated addresses, and color-coded amounts. Weekly and All Time tabs plus a View All footer. Uses ReUI Frame with Tabs, Item, Separator, Button.","name":"list-6","page":"https://reui.io/blocks/application/list/list-6","registryDependencies":["@reui/frame","button","item","separator","tabs"],"title":"Crypto transaction list card with period tabs and dual-token swap amounts","type":"registry:block"},{"dependencies":["cn"],"description":"Transaction card with Weekly and All Time tabs; each row pairs a colored category icon with title, date, and a signed amount tinted green for credits or red for debits. ReUI Frame, shadcn Tabs, Item, Button. For wallet, banking, fintech feeds.","name":"list-7","page":"https://reui.io/blocks/application/list/list-7","registryDependencies":["@reui/frame","button","item","separator","tabs"],"title":"Wallet Transactions List with Period Tabs and Color-Coded Category Icons","type":"registry:block"},{"description":"Integrations directory card listing apps with brand logos, name, description, and a per-row Connect button, plus a See All footer link. ReUI Frame with shadcn Button and Separator. App marketplace, connected accounts, settings.","name":"list-8","page":"https://reui.io/blocks/application/list/list-8","registryDependencies":["@reui/frame","button","separator"],"title":"Integrations directory list with brand logos and per-row Connect buttons","type":"registry:block"},{"description":"Integrations picker list with icon tiles, name plus truncated description per row, plus-button add actions, dashed dividers, and a Browse More footer. Uses ReUI Frame with shadcn Item, Button, Separator.","name":"list-9","page":"https://reui.io/blocks/application/list/list-9","registryDependencies":["@reui/frame","button","item","separator"],"title":"Manual integrations picker list with icon tiles, per-row add buttons, and Browse More footer","type":"registry:block"},{"dependencies":["cn"],"description":"Project workspace header: breadcrumb trail, line tabs with a count Badge, search/star/more actions, an expanding Create New button, and a collaborator Avatar stack. Uses ReUI Badge, shadcn Tabs, Breadcrumb, Avatar, DropdownMenu, Button.","name":"navbar-1","page":"https://reui.io/blocks/application/navbar/navbar-1","registryDependencies":["@reui/badge","avatar","breadcrumb","button","dropdown-menu","popover","separator","tabs"],"title":"Project workspace navbar with breadcrumb, line tabs, and a collaborator avatar stack","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Top bar for an API console or dev portal: brand, service switcher (OpenAI, Stripe, Supabase logos), an inline HTTP method Select with endpoint Input and Send button, and an avatar menu with theme toggle. Uses ButtonGroup, DropdownMenu, Avatar.","name":"navbar-10","page":"https://reui.io/blocks/application/navbar/navbar-10","registryDependencies":["avatar","button","button-group","dropdown-menu","input-group","item","select","separator"],"title":"API developer portal navbar with service switcher, HTTP request bar, and account menu","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"DesignOps app header: brand mark, version Badge, centered Tabs (Patterns, Tokens, Icons, Motion), sync-source DropdownMenu (shadcn, Cursor, Paper), and avatar menu with light/dark/system theme toggle. For design-system, tokens, and admin toolbars.","name":"navbar-11","page":"https://reui.io/blocks/application/navbar/navbar-11","registryDependencies":["@reui/badge","avatar","button","dropdown-menu","item","separator","tabs"],"title":"Design system manager top navbar with center section tabs, version badge, and sync source switcher","type":"registry:block"},{"description":"Marketing top bar with two-column mega-menu dropdowns for Product and Company, a Pricing link, and a Get Started button with a hover slide-in arrow. Built on shadcn NavigationMenu, Item, Separator, Button. For SaaS site header or landing page nav.","name":"navbar-12","page":"https://reui.io/blocks/application/navbar/navbar-12","registryDependencies":["button","item","navigation-menu","separator"],"title":"Marketing navbar with icon mega-menu dropdowns and a sliding-arrow Get Started button","type":"registry:block"},{"description":"Focused-mode bar for an invoice or document editor: close (X) button, vertical Separator, truncating title, a preview collapse toggle, and a submit button that confirms after click. Uses shadcn Button and Separator. For editor toolbar, draft bar.","name":"navbar-13","page":"https://reui.io/blocks/application/navbar/navbar-13","registryDependencies":["button","card","separator"],"title":"Compact editor action bar navbar with close button, document title, and submit action","type":"registry:block"},{"description":"Slim sticky app bar: breadcrumb trail, team avatar group with invite popover, and filter, sort, and overflow dropdown menus. shadcn Breadcrumb, AvatarGroup, Popover, DropdownMenu, Button. For workspace headers and project toolbars.","name":"navbar-2","page":"https://reui.io/blocks/application/navbar/navbar-2","registryDependencies":["avatar","breadcrumb","button","dropdown-menu","input","popover","separator"],"title":"Sticky workspace navbar with breadcrumb trail, team presence avatars, and filter and sort menus","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Header for dev tools and PaaS dashboards: breadcrumb of organization, project and color-dotted environment switchers, docs and settings menus, Upgrade button, avatar menu with light/dark/system theme toggle. shadcn Breadcrumb, DropdownMenu, Avatar.","name":"navbar-3","page":"https://reui.io/blocks/application/navbar/navbar-3","registryDependencies":["avatar","breadcrumb","button","dropdown-menu","separator"],"title":"Developer platform top navbar with breadcrumb org, project and environment switchers","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Admin top bar: brand, centered Cmd+K command search Dialog with Kbd hint, notifications Popover feed (avatars, actions, progress, ratings) and a user DropdownMenu with theme toggle. ReUI Badge, Rating.","name":"navbar-4","page":"https://reui.io/blocks/application/navbar/navbar-4","registryDependencies":["@reui/badge","@reui/rating","avatar","button","button-group","dialog","dropdown-menu","input","item","kbd","popover","progress","scroll-area","separator","tooltip"],"title":"Admin console top navbar with centered Cmd+K command search and a notifications popover feed","type":"registry:block"},{"description":"Slim sticky toolbar for a workflow or automation builder: back link, active/inactive Switch, run-history button, Test Run action, and a more-options DropdownMenu (Export JSON, Duplicate, Share, Delete). Uses Button, Switch, Separator, DropdownMenu.","name":"navbar-5","page":"https://reui.io/blocks/application/navbar/navbar-5","registryDependencies":["button","dropdown-menu","label","separator","switch"],"title":"Compact workflow editor navbar with active toggle, Test Run action, and history","type":"registry:block"},{"dependencies":["cn","date-fns","next-themes"],"description":"Sticky analytics toolbar with breadcrumb title, calendar date range picker, compare toggle, auto-refresh select, share, export/embed dropdown, and command-K search dialog. shadcn Breadcrumb, Popover, Calendar, Select, DropdownMenu, Dialog, Kbd.","name":"navbar-6","page":"https://reui.io/blocks/application/navbar/navbar-6","registryDependencies":["avatar","breadcrumb","button","calendar","dialog","dropdown-menu","input","kbd","popover","select","separator"],"title":"Two-row analytics dashboard navbar with date range picker, compare toggle, and command-K search","type":"registry:block"},{"description":"Sticky editor toolbar for content apps: back link and breadcrumb, AvatarGroup co-presence, Preview, and a ButtonGroup split Publish with Schedule and Save as draft, plus a more-actions DropdownMenu (duplicate, history, archive, delete).","name":"navbar-7","page":"https://reui.io/blocks/application/navbar/navbar-7","registryDependencies":["avatar","button","button-group","dropdown-menu","separator"],"title":"CMS editor navbar with co-presence avatars and a split Publish button","type":"registry:block"},{"dependencies":["cn","next-themes"],"description":"Sticky AI agent marketplace navbar: centered category filter pills, Deploy CTA, notifications popover (avatar groups, star rating, progress, actions), and avatar dropdown with theme toggle. ReUI Badge, Rating, shadcn ButtonGroup, Popover.","name":"navbar-8","page":"https://reui.io/blocks/application/navbar/navbar-8","registryDependencies":["@reui/badge","@reui/rating","avatar","button","button-group","dropdown-menu","item","popover","progress","scroll-area","separator","tooltip"],"title":"AI agent marketplace navbar with category filter pills, Deploy CTA, and notifications popover","type":"registry:block"},{"description":"Sticky IDE-style navbar for a code collaboration tool: brand tile, org/repo Breadcrumb path, branch-picker DropdownMenu with deploy targets, and Share plus Run Button actions. shadcn Breadcrumb, DropdownMenu, Button, Item, Separator.","name":"navbar-9","page":"https://reui.io/blocks/application/navbar/navbar-9","registryDependencies":["breadcrumb","button","dropdown-menu","item","separator"],"title":"Code editor app header with repo path breadcrumb and branch dropdown selector","type":"registry:block"},{"dependencies":["@base-ui/react","class-variance-authority","cn"],"name":"number-field","page":"https://reui.io/components/number-field","registryDependencies":["label"],"title":"Number Field","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","cn","motion"],"description":"Multi-step account and workspace setup flow: profile, role, discovery source, workspace, goals, invites, then a success state, with a synced product preview. ReUI Stepper plus shadcn Card, Combobox, RadioGroup, Select, Switch, Field.","name":"onboarding-1","page":"https://reui.io/blocks/application/onboarding/onboarding-1","registryDependencies":["@reui/icon-stack","@reui/stepper","@reui/use-file-upload","avatar","button","card","checkbox","combobox","field","input","item","radio-group","select","spinner","switch"],"title":"Six-step workspace onboarding wizard with stepper progress and a live inbox preview pane","type":"registry:block"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","cn","motion"],"description":"Six-step setup wizard (profile, role, source, workspace, goals, invites) with a clickable sidebar stepper, animated transitions, and a success screen. ReUI Frame and Stepper plus shadcn Field, Combobox, RadioGroup, Switch. Onboarding, signup wizard.","name":"onboarding-2","page":"https://reui.io/blocks/application/onboarding/onboarding-2","registryDependencies":["@reui/frame","@reui/icon-stack","@reui/stepper","@reui/use-file-upload","avatar","button","checkbox","combobox","field","input","item","radio-group","select","spinner","switch"],"title":"Six-step workspace onboarding wizard with left sidebar vertical stepper and animated success state","type":"registry:block"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","cn"],"description":"Six-step signup: profile, role, source, workspace, goals, invites, plus success screen. Dark sidebar pairs a vertical ReUI Stepper with animated dot-sphere canvas. Field, Combobox, RadioGroup, Checkbox, Switch, Select. Setup wizard, account creation.","name":"onboarding-3","page":"https://reui.io/blocks/application/onboarding/onboarding-3","registryDependencies":["@reui/icon-stack","@reui/stepper","@reui/use-file-upload","avatar","button","checkbox","combobox","field","input","item","radio-group","select","spinner","switch"],"title":"Split-screen workspace onboarding wizard with vertical stepper sidebar and animated dot-sphere panel","type":"registry:block"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","cn","motion"],"description":"Multi-step flow to create a team workspace: profile with avatar upload, role and goal pickers, team size, teammate invites, animated top progress bar and ready screen. Uses ReUI Frame, Stepper, shadcn Combobox, Select, Field. Onboarding wizard.","name":"onboarding-4","page":"https://reui.io/blocks/application/onboarding/onboarding-4","registryDependencies":["@reui/frame","@reui/icon-stack","@reui/stepper","@reui/use-file-upload","avatar","button","checkbox","combobox","field","input","item","radio-group","select","spinner","switch"],"title":"Six-step workspace onboarding wizard with top progress bar and success screen","type":"registry:block"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","cn","motion"],"description":"Six-step modal wizard (profile, role, workspace, goals, teammate invites) with clickable dot stepper, animated steps, and a success screen. shadcn Dialog, Field, Combobox, Select, RadioGroup, Switch, Avatar upload, Button. For signup, get started.","name":"onboarding-5","page":"https://reui.io/blocks/application/onboarding/onboarding-5","registryDependencies":["@reui/icon-stack","@reui/use-file-upload","avatar","button","checkbox","combobox","dialog","field","input","item","radio-group","select","spinner","switch"],"title":"Multi-step workspace onboarding dialog with dot stepper, animated steps, and success screen","type":"registry:block"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","cn","motion"],"description":"Eight-step workspace onboarding wizard ending in AI agent selection and API key setup with copyable terminal commands. Profile, role, goals, and invite steps. ReUI Stepper, Frame plus shadcn Combobox, RadioGroup, Select. Account setup flow.","name":"onboarding-6","page":"https://reui.io/blocks/application/onboarding/onboarding-6","registryDependencies":["@reui/frame","@reui/icon-stack","@reui/stepper","@reui/use-copy-to-clipboard","@reui/use-file-upload","avatar","button","checkbox","collapsible","combobox","field","input","item","radio-group","select","spinner","switch","tooltip"],"title":"Eight-step workspace onboarding wizard with progress stepper, AI agent picker, copyable API setup","type":"registry:block"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","cn","motion"],"description":"Multi-step signup flow: profile, role, source, workspace, goals, invites, with a top Stepper progress bar, animated stacked-screenshot rail, and a success state. ReUI Stepper, Badge; shadcn Field, Combobox, RadioGroup, Select, Switch.","name":"onboarding-7","page":"https://reui.io/blocks/application/onboarding/onboarding-7","registryDependencies":["@reui/badge","@reui/icon-stack","@reui/stepper","button","checkbox","combobox","field","input","item","radio-group","select","spinner","switch"],"title":"Six-step workspace onboarding wizard with top progress bar and screenshot carousel rail","type":"registry:block"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","cn","lucide-react","motion"],"description":"Full-page dark onboarding flow: profile, role, workspace, goals, teammate invites, AI agent pick, and Codex CLI setup with a success screen. Animated progress bar, copyable commands. ReUI Stepper, Frame, Badge plus Combobox, Select, RadioGroup.","name":"onboarding-8","page":"https://reui.io/blocks/application/onboarding/onboarding-8","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-stack","@reui/stepper","@reui/use-copy-to-clipboard","@reui/use-file-upload","avatar","button","checkbox","collapsible","combobox","field","input","item","radio-group","select","spinner","switch","tooltip"],"title":"Dark 8-step workspace onboarding wizard with progress bar, agent picker, and CLI setup checklist","type":"registry:block"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","cn","motion"],"description":"Profile, role, source, workspace, goals, and invite steps beside a marketing hero, with photo upload, goal pickers, timezone Combobox, success state. ReUI Stepper plus shadcn Card, Select, RadioGroup, Switch. First-run setup, getting-started flow.","name":"onboarding-9","page":"https://reui.io/blocks/application/onboarding/onboarding-9","registryDependencies":["@reui/icon-stack","@reui/stepper","@reui/use-file-upload","avatar","button","card","checkbox","combobox","field","input","item","radio-group","select","spinner","switch"],"title":"Six-step workspace onboarding wizard with marketing hero and animated progress bar","type":"registry:block"},{"dependencies":["cn","react-phone-number-input"],"name":"phone-input","page":"https://reui.io/components/phone-input","registryDependencies":["button","combobox","input","scroll-area"],"title":"Phone Input","type":"registry:ui"},{"dependencies":["cn"],"description":"SaaS plans in one Card: a Save 20% Badge on the yearly tab, a tinted featured plan, tiers that list only what they add, Tooltip feature hints. Uses ReUI Number Field, Badge, shadcn Tabs, Button. For pricing page, subscription tiers, per-seat plans.","name":"pricing-1","page":"https://reui.io/blocks/marketing/pricing/pricing-1","registryDependencies":["@reui/badge","@reui/number-field","button","card","tabs","tooltip"],"title":"4-tier pricing table with a monthly or yearly toggle and a seat stepper that reprices Team","type":"registry:block"},{"dependencies":["cn"],"description":"Usage-based plan matrix: prices and buttons stick as the rows scroll, allowances sit over their metered rate and labels open hints in a Popover. A ToggleGroup shows 1 plan when narrow. Built on Table and IconTile. For compare plans, feature matrix.","name":"pricing-2","page":"https://reui.io/blocks/marketing/pricing/pricing-2","registryDependencies":["@reui/icon-tile","button","card","popover","table","toggle-group"],"title":"Plan comparison table with a sticky plan head and metered usage rows","type":"registry:block"},{"dependencies":["cn"],"description":"Seat-based pricing under a customer quote: Solo to Enterprise tabs reprice Pro and Ultimate, strike the list price and gate teammate rows. Stacks into plan cards when narrow. Built on Table, Tabs, Badge, Tooltip. For team pricing, volume discounts.","name":"pricing-3","page":"https://reui.io/blocks/marketing/pricing/pricing-3","registryDependencies":["@reui/badge","avatar","button","card","separator","table","tabs","tooltip"],"title":"Per-seat pricing table with team size tabs, 3 plan columns and a 13-row feature comparison","type":"registry:block"},{"dependencies":["cn"],"description":"3-tier SaaS pricing on a dot grain: Monthly or Annual tabs reprice flat Basic and per-seat Business, and quoted Enterprise holds. A Best Value badge tops Business; check or minus rows mark gaps. Built on Card, Tabs, Badge. For free trial pricing.","name":"pricing-4","page":"https://reui.io/blocks/marketing/pricing/pricing-4","registryDependencies":["@reui/badge","button","card","separator","tabs"],"title":"Pricing section with 3 plan cards, a billing tab switch and a customer logo row","type":"registry:block"},{"description":"4-tier per-seat pricing whose cards share 8 check or minus rows: Monthly or Yearly tabs reprice Team and Growth. A Most Popular badge marks Growth; a dotted card links a comparison and an FAQ. Built on Card, Tabs, Badge, Item. For SaaS plans.","name":"pricing-5","page":"https://reui.io/blocks/marketing/pricing/pricing-5","registryDependencies":["@reui/badge","@reui/icon-tile","button","card","item","separator","tabs"],"title":"Pricing section with 4 plan cards, a monthly or yearly tab switch and 2 help links","type":"registry:block"},{"dependencies":["cn"],"description":"Always-dark 3-tier studio pricing: Monthly or Yearly tabs with 2 Months Free reprice the base rate and extra seat fee and show the yearly total. Higher tiers list what they add. Built on Card, Tabs, Badge. For agency pricing, dark landing page.","name":"pricing-6","page":"https://reui.io/blocks/marketing/pricing/pricing-6","registryDependencies":["@reui/badge","button","card","separator","tabs"],"title":"Dark pricing section with 3 plan cards, billing tabs and a customer logo row","type":"registry:block"},{"dependencies":["cn"],"description":"Help desk upgrade modal: a radio plan rail beside the chosen plan's price and features, and a footer naming the bill. Monthly or Yearly tabs reprice the rail, plan and bill. Built on Dialog, RadioGroup, Item, Tabs, IconTile. For paywall, plan picker.","name":"pricing-7","page":"https://reui.io/blocks/marketing/pricing/pricing-7","registryDependencies":["@reui/badge","@reui/icon-tile","button","dialog","empty","item","label","radio-group","scroll-area","separator","tabs"],"title":"Pricing dialog with a plan rail, billing tabs and a plan detail panel","type":"registry:block"},{"dependencies":["cn"],"description":"Usage limit upgrade modal: 3 framed plan cards under Monthly or Yearly tabs, a collapsible feature table and a current plan strip with bookings left. Narrow screens get a plan rail. Built on Dialog, Frame, Tabs, Collapsible. For paywall, plan picker.","name":"pricing-8","page":"https://reui.io/blocks/marketing/pricing/pricing-8","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","dialog","empty","item","label","radio-group","scroll-area","separator","table","tabs"],"title":"Pricing dialog with framed plan cards, billing tabs and a feature table","type":"registry:block"},{"dependencies":["cn"],"description":"Centered breadcrumb header over a responsive product grid with image hover, wishlist toggle, content and discount badges, and compare-at pricing. ReUI Badge; shadcn Breadcrumb, Button. Shop, catalog, gallery, ecommerce listing.","name":"product-card-1","page":"https://reui.io/blocks/ecommerce/product-card/product-card-1","registryDependencies":["@reui/badge","breadcrumb","button"],"title":"Apparel Product Grid with Wishlist Toggle and Discount Badges","type":"registry:block"},{"dependencies":["cn"],"description":"Studio-shot fashion product grid where cards reveal a details panel on hover with categories, sizes, pricing, and New/Trending badges. ReUI Badge; shadcn Card, Button, Breadcrumb. For apparel catalogs, lookbooks, storefronts.","name":"product-card-10","page":"https://reui.io/blocks/ecommerce/product-card/product-card-10","registryDependencies":["@reui/badge","breadcrumb","button","card"],"title":"Fashion Studio Product Grid with Hover-Reveal Details Panel","type":"registry:block"},{"dependencies":["cn"],"description":"Shoppable catalog with category, availability, sale, and color filters, price/newest/featured sort, per-card color swatches with image variants, and wishlist toggle. shadcn Card, Button, Select, Switch; ReUI Badge. Storefronts, apparel, shop pages.","name":"product-card-2","page":"https://reui.io/blocks/ecommerce/product-card/product-card-2","registryDependencies":["@reui/badge","breadcrumb","button","card","field","popover","select","switch"],"title":"Ecommerce product grid with filters, sort, color swatches, and wishlist","type":"registry:block"},{"dependencies":["cn"],"description":"Horizontal quick-buy ecommerce card with image carousel, low-stock badge, strikethrough sale price, size grid, and add-to-bag plus wishlist actions. ReUI Badge; shadcn Button, Card, Carousel, Checkbox, Field, Tooltip. Shop, store, product page.","name":"product-card-3","page":"https://reui.io/blocks/ecommerce/product-card/product-card-3","registryDependencies":["@reui/badge","button","card","carousel","checkbox","field","tooltip"],"title":"Quick-buy product card with image carousel, sale pricing, and size picker","type":"registry:block"},{"dependencies":["cn"],"description":"Shoppable carousel of product cards with wishlist toggle, percent-off discount and low-stock urgency badges, page counter, and prev/next controls. Uses ReUI Badge; shadcn Card, Carousel, Button. For related products, recommendations, and cross-sell.","name":"product-card-4","page":"https://reui.io/blocks/ecommerce/product-card/product-card-4","registryDependencies":["@reui/badge","button","card","carousel"],"title":"Similar products carousel of product cards with wishlist, discount and stock badges","type":"registry:block"},{"dependencies":["cn"],"description":"Wide product card: left panel with stock badge, rating, discounted price, finish picker, add-to-bag and wishlist; right panel a masked image with hover zoom. ReUI Badge, Rating; shadcn Card, Button, Checkbox, Field, Tooltip. For product, store pages.","name":"product-card-5","page":"https://reui.io/blocks/ecommerce/product-card/product-card-5","registryDependencies":["@reui/badge","@reui/rating","button","card","checkbox","field","tooltip"],"title":"Split Two-Column Product Card with Finish Selector and Wishlist","type":"registry:block"},{"dependencies":["cn"],"description":"Image-led shop page: masonry columns of mixed-ratio photos revealing a product detail card on hover or focus, with discount badges, wishlist heart toggle, and a popover filter and sort bar. ReUI Badge, shadcn Popover, Select, Switch.","name":"product-card-6","page":"https://reui.io/blocks/ecommerce/product-card/product-card-6","registryDependencies":["@reui/badge","breadcrumb","button","field","popover","select","switch"],"title":"Masonry product gallery with hover-reveal detail overlay and filter or sort popover toolbar","type":"registry:block"},{"dependencies":["cn"],"description":"Scrollable product carousel paginating four cards per page with hover image zoom, wishlist toggle, hover add-to-cart, status and discount badges, and arrival windows. ReUI Badge; shadcn Carousel, Card, Button. For store listings and new arrivals.","name":"product-card-7","page":"https://reui.io/blocks/ecommerce/product-card/product-card-7","registryDependencies":["@reui/badge","button","card","carousel"],"title":"Latest Products Carousel with Wishlist Toggle and Hover Add-to-Cart","type":"registry:block"},{"dependencies":["cn"],"description":"Product listing page with breadcrumb header, a filter popover (category, status, sale-only), sort menu, star ratings, and wishlist toggles. Uses ReUI Badge, Rating; shadcn Breadcrumb, Button, Field, Popover, Select, Switch. For shop, catalog pages.","name":"product-card-8","page":"https://reui.io/blocks/ecommerce/product-card/product-card-8","registryDependencies":["@reui/badge","@reui/rating","breadcrumb","button","field","popover","select","switch"],"title":"Filterable e-commerce product grid with sort, ratings, and wishlist","type":"registry:block"},{"dependencies":["cn"],"description":"Browsable ecommerce product grid with breadcrumb nav, category tags, star ratings, review counts, compare-at pricing, status badges, and add-to-cart buttons. ReUI Badge, Rating; shadcn Breadcrumb, Button. Catalog, shop page, marketplace.","name":"product-card-9","page":"https://reui.io/blocks/ecommerce/product-card/product-card-9","registryDependencies":["@reui/badge","@reui/rating","breadcrumb","button"],"title":"Four-Column Product Grid with Breadcrumb Header and Star Ratings","type":"registry:block"},{"dependencies":["cn"],"description":"Full product page with breadcrumb nav, carousel gallery, buy box with color and size variants, tabbed specs, shipping, reviews, and related items. ReUI Badge, Rating; shadcn Carousel, Tabs, Table, Card, Button. For storefront, catalog, retail PDP.","name":"product-detail-1","page":"https://reui.io/blocks/ecommerce/product-detail/product-detail-1","registryDependencies":["@reui/badge","@reui/rating","avatar","breadcrumb","button","card","carousel","checkbox","field","item","progress","separator","table","tabs"],"title":"Ecommerce product detail page with image gallery, variant picker, and reviews","type":"registry:block"},{"dependencies":["cn","embla-carousel-autoplay"],"description":"Full-page showcase: filmstrip gallery, sticky buy box with swatches, rating and discount badge, narrative story chapters, grouped spec tables, and an autoplaying review carousel. ReUI Badge, Rating; shadcn Carousel, Card, Button. Product page, PDP.","name":"product-detail-2","page":"https://reui.io/blocks/ecommerce/product-detail/product-detail-2","registryDependencies":["@reui/badge","@reui/rating","avatar","breadcrumb","button","card","carousel","item","progress"],"title":"Editorial product detail page with filmstrip gallery, story chapters, and reviews","type":"registry:block"},{"dependencies":["cn"],"description":"Ecommerce product page with stacked gallery, sticky buy box (color and connector pickers, quantity stepper), overview, specs table, rating breakdown, and related items. ReUI Badge, Rating; shadcn Breadcrumb, ButtonGroup, Table. Product page, PDP.","name":"product-detail-3","page":"https://reui.io/blocks/ecommerce/product-detail/product-detail-3","registryDependencies":["@reui/badge","@reui/rating","avatar","breadcrumb","button","button-group","card","checkbox","field","item","progress","separator","table"],"title":"Product Detail Page with Sticky Buy Box, Variant Pickers, and Reviews","type":"registry:block"},{"dependencies":["cn","embla-carousel-autoplay"],"description":"Editorial book PDP for ebook, audiobook, and bundle editions: captioned Look Inside gallery, sticky buy box with format picker, drop-cap sample, three-part chapter TOC, spec cards, autoplay review carousel. ReUI Rating, Badge, shadcn Card, Carousel.","name":"product-detail-4","page":"https://reui.io/blocks/ecommerce/product-detail/product-detail-4","registryDependencies":["@reui/badge","@reui/rating","avatar","breadcrumb","button","card","carousel","item","progress"],"title":"Ebook product detail page with Look Inside gallery, edition format picker, and chapter contents","type":"registry:block"},{"dependencies":["cn","embla-carousel-autoplay"],"description":"Ecommerce product page: sticky thumbnail gallery, dense buy box with color and size pickers, quantity stepper, Add to Cart, Buy Now, wishlist, specs, rating breakdown and review carousel. ReUI Rating, Badge; shadcn Button, Carousel, Progress.","name":"product-detail-5","page":"https://reui.io/blocks/ecommerce/product-detail/product-detail-5","registryDependencies":["@reui/badge","@reui/rating","avatar","button","button-group","carousel","item","progress","separator"],"title":"Compact Product Detail Page with Sticky Thumbnail Gallery and Dense Buy Box","type":"registry:block"},{"dependencies":["cn","embla-carousel-autoplay"],"description":"Magazine-style PDP in a narrow centered column: gallery, price, color and size pickers, quantity stepper, Add To Cart, a chapter-numbered story body, specs table, and quote-carousel reviews. ReUI Rating, Badge with shadcn Item, ButtonGroup, Carousel.","name":"product-detail-6","page":"https://reui.io/blocks/ecommerce/product-detail/product-detail-6","registryDependencies":["@reui/badge","@reui/rating","avatar","breadcrumb","button","button-group","carousel","item"],"title":"Editorial Single-Column Product Detail Page with Chapter-Numbered Story Body and Centered Buy Box","type":"registry:block"},{"dependencies":["cn"],"description":"Responsive 2x2 product collection grid: square media with hover zoom, hover-revealed wishlist toggle, color swatches that swap the image, and strikethrough compare-at price. ReUI Badge, shadcn Card, Button, Item. For shop, catalog, store listing.","name":"product-grid-1","page":"https://reui.io/blocks/ecommerce/product-grid/product-grid-1","registryDependencies":["@reui/badge","button","card","item"],"title":"Ecommerce Product Grid with Color Swatches, Hover Wishlist, and Sale Price Badges","type":"registry:block"},{"dependencies":["cn"],"description":"Responsive 2-column product collection where each tile is a ReUI Frame split into stacked FramePanels for media and content. Color swatches swap the hero image, a hover wishlist Button toggles, ReUI Badge marks sales. Shop, catalog, category pages.","name":"product-grid-2","page":"https://reui.io/blocks/ecommerce/product-grid/product-grid-2","registryDependencies":["@reui/badge","@reui/frame","button"],"title":"Frame-Panel Product Card Grid with Color Swatch Image Swap and Wishlist Toggle","type":"registry:block"},{"dependencies":["cn"],"description":"Frameless ecommerce product grid for shop and category pages: image tiles with full-width Add to Cart, hover-reveal wishlist toggle, category links, sale badges, star rating, and strikethrough price. Uses ReUI Badge, Rating, shadcn Item, Button.","name":"product-grid-3","page":"https://reui.io/blocks/ecommerce/product-grid/product-grid-3","registryDependencies":["@reui/badge","@reui/rating","button","item"],"title":"Frameless ecommerce product grid with per-card Add to Cart and hover wishlist toggle","type":"registry:block"},{"dependencies":["cn"],"description":"Editorial product grid of horizontal split tiles: numbered chapter header, square image left, title with price, story line and 3-up specs right. ReUI Badge, shadcn Item and Button, hover-reveal wishlist, sale strikethrough. Collection grid, catalog.","name":"product-grid-4","page":"https://reui.io/blocks/ecommerce/product-grid/product-grid-4","registryDependencies":["@reui/badge","button","item"],"title":"Editorial product grid with numbered horizontal chapter tiles, story line and 3-up specs","type":"registry:block"},{"dependencies":["cn"],"description":"Shoppable 3-column product grid; cards reveal a hover quick-buy panel with a stock-aware size picker (sold-out sizes struck through), wishlist toggle, and Add to Bag. ReUI Badge, shadcn Item, Field, Checkbox, Button. Storefront catalog, shop listing.","name":"product-grid-5","page":"https://reui.io/blocks/ecommerce/product-grid/product-grid-5","registryDependencies":["@reui/badge","button","checkbox","field","item"],"title":"Ecommerce product grid with hover quick-buy panel and in-stock-aware size picker","type":"registry:block"},{"dependencies":["cn"],"description":"Fashion ecommerce 2x2 product grid where tiles cross-fade product to on-model shots on hover, revealing Add to List and Add to Cart, plus a corner Badge and fan-out swatch pill. ReUI Badge, shadcn Button, Item. Catalog, collection, shop pages.","name":"product-grid-6","page":"https://reui.io/blocks/ecommerce/product-grid/product-grid-6","registryDependencies":["@reui/badge","button","item","popover"],"title":"Apparel 2x2 product grid with hover lifestyle image cross-fade and expanding color swatch pill","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"SaaS account settings page: a vertical Tabs sidebar switching Profile, Workspace, Team, and Billing panels on ReUI Frame and Badge, plus a searchable, filterable, paginated ReUI DataGrid of team members and shadcn Field, Input, Switch, and Combobox.","name":"profile-1","page":"https://reui.io/blocks/application/profile/profile-1","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/frame","@reui/phone-input","@reui/use-copy-to-clipboard","@reui/use-file-upload","alert-dialog","avatar","button","checkbox","combobox","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input","input-group","item","label","popover","select","separator","switch","tabs","textarea","use-mobile"],"title":"Account settings shell with vertical sidebar tabs for profile, workspace, team, and billing","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Developer API keys page with masked tokens, roll and revoke on active keys, delete once revoked, confirm dialogs with undo toasts, and SDK samples in 5 languages. ReUI Badge and CodeBlock with shadcn Table, AlertDialog, DropdownMenu.","name":"profile-10","page":"https://reui.io/blocks/application/profile/profile-10","registryDependencies":["@reui/badge","@reui/code-block","alert-dialog","avatar","button","card","dialog","dropdown-menu","empty","field","hover-card","input","radio-group","scroll-area","table","tabs","tooltip"],"title":"Developer API keys page with masked token copy, roll and revoke, and 5 language SDK samples","type":"registry:block"},{"dependencies":["@base-ui/react","@tanstack/react-table","cn","sonner"],"description":"Tabbed workspace admin settings: profile form, member DataGrid with row actions, permission checkbox matrix, notification and integration toggles. Account settings, team admin, access control. ReUI DataGrid, Badge, Alert, shadcn Tabs, Switch, Card.","name":"profile-2","page":"https://reui.io/blocks/application/profile/profile-2","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/phone-input","@reui/use-file-upload","alert-dialog","avatar","button","card","checkbox","combobox","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input","input-group","item","label","popover","select","separator","switch","table","tabs","textarea","tooltip"],"title":"Admin settings page with line tabs spanning profile, members, permissions, and integrations","type":"registry:block"},{"dependencies":["cn"],"description":"Account profile settings page: avatar upload, identity fields (name, verified email, username, role, phone), regional preferences (timezone, week start, language), dismissible sync alert. ReUI Alert, Badge, PhoneInput; shadcn Card, InputGroup.","name":"profile-3","page":"https://reui.io/blocks/application/profile/profile-3","registryDependencies":["@reui/alert","@reui/badge","@reui/phone-input","@reui/use-file-upload","avatar","button","card","combobox","field","input","input-group","select","separator","tooltip"],"title":"Profile settings form with avatar upload, verified email, and regional preferences in a single card","type":"registry:block"},{"dependencies":["cn"],"description":"Mailbox settings page: account cards with status badges, per-row dropdown actions, connect-provider buttons, and signature toggles. ReUI Badge, shadcn Card, Item, Avatar, DropdownMenu, Switch. For outreach, inbox, and email account settings.","name":"profile-4","page":"https://reui.io/blocks/application/profile/profile-4","registryDependencies":["@reui/badge","avatar","button","card","dropdown-menu","field","item","separator","switch"],"title":"Outreach inbox account settings page with connected mailboxes, reply routing, and signature toggles","type":"registry:block"},{"dependencies":["cn"],"description":"Notification preferences page: a daily digest stat summary with Progress bars and tooltips, a Switch toggle, plus a per-alert email and in-app delivery matrix. ReUI Badge with Card, Table, Checkbox, Switch, Field, Progress.","name":"profile-5","page":"https://reui.io/blocks/application/profile/profile-5","registryDependencies":["@reui/badge","button","card","checkbox","field","item","progress","scroll-area","switch","table","tooltip"],"title":"Notification settings with daily digest controls and a per-channel email and in-app alert matrix","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Referral and partner rewards page: metric cards with progress, a copy-link InputGroup share card, an unlocked/next/locked reward ladder, next-unlock progress, and a referrals activity list. ReUI Badge, shadcn Card, Progress, Avatar, Tooltip.","name":"profile-6","page":"https://reui.io/blocks/application/profile/profile-6","registryDependencies":["@reui/badge","@reui/use-copy-to-clipboard","avatar","button","card","field","input-group","item","progress","separator","tooltip"],"title":"Partner referral rewards profile with copy-link share card, reward tier ladder, referral activity","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Single-card meeting recording settings: capture mode, consent, and notes template selects, output checkbox group, prompt textarea, auto-share and transcript switches, Reset and Save with toast. ReUI Badge, shadcn Card, Select, Checkbox, Switch.","name":"profile-7","page":"https://reui.io/blocks/application/profile/profile-7","registryDependencies":["@reui/badge","button","card","checkbox","field","select","separator","spinner","switch","textarea"],"title":"Meeting Capture Settings Card with Recording Mode, Consent, Notes Template, and Output Toggles","type":"registry:block"},{"dependencies":["cn"],"description":"Subscription billing settings page: trial alert, plan summary with renewal facts, 3-column usage metrics, billing detail rows with tooltip hints, and an invoice history table. Built with ReUI Alert, Badge, shadcn Card, Table, Field, Tooltip, Button.","name":"profile-8","page":"https://reui.io/blocks/application/profile/profile-8","registryDependencies":["@reui/alert","@reui/badge","button","card","field","item","table","tooltip"],"title":"Billing settings page with plan summary, 3-column usage metrics, and invoice history table","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Workspace settings page where a collapsible grouped sidebar switches 11 card-based form panels: authentication, profile, billing, API keys, webhooks, audit. ReUI Badge with shadcn Sidebar, Card, Field, Input, Select, Switch, Checkbox, RadioGroup.","name":"profile-9","page":"https://reui.io/blocks/application/profile/profile-9","registryDependencies":["@reui/badge","button","card","checkbox","field","input","input-group","radio-group","select","sidebar","spinner","switch","textarea"],"title":"Account settings hub with grouped collapsible sidebar navigation and 11 swappable form panels","type":"registry:block"},{"dependencies":["class-variance-authority","cn"],"name":"rating","page":"https://reui.io/components/rating","title":"Rating","type":"registry:ui"},{"dependencies":["cn"],"description":"Post-checkout receipt for a completed purchase: Paid badge, Ship/Bill/Payment grid, line items with thumbnails, subtotal-discount-tax-total summary, Download/Email/Print actions. ReUI Badge, shadcn Card, Button, Item. Order confirmation, invoice.","name":"receipt-1","page":"https://reui.io/blocks/ecommerce/receipt/receipt-1","registryDependencies":["@reui/badge","button","card","item","separator"],"title":"Printable order receipt with paid badge, itemized items, totals breakdown, and shipment tracking","type":"registry:block"},{"dependencies":["cn"],"description":"Order receipt pairing a vertical fulfillment Timeline (placed to delivered, with Track CTA) and a details pane: items, totals, Ship To, Bill To, Payment. ReUI Timeline, Badge; shadcn Card, Button. For order status, shipping tracking, invoice page.","name":"receipt-2","page":"https://reui.io/blocks/ecommerce/receipt/receipt-2","registryDependencies":["@reui/badge","@reui/timeline","button","card","item","separator"],"title":"Order receipt with vertical fulfillment Timeline, Paid status hero, and items plus totals breakdown","type":"registry:block"},{"dependencies":["cn"],"description":"Printable order receipt styled as a narrow monospaced paper slip: order meta, text-only item lines, totals with discount and a double-line TOTAL row, payment, ship-to, tracking. shadcn Card, Button, Item. Order confirmation, invoice, print receipt.","name":"receipt-3","page":"https://reui.io/blocks/ecommerce/receipt/receipt-3","registryDependencies":["button","card","item"],"title":"Monospaced Paper Cash-Register Order Receipt Card with Print, Download, and Email Actions","type":"registry:block"},{"dependencies":["cn"],"description":"Post-purchase order receipt with a Delivered hero, totals, and item rows whose action flips between Write Review and Buy Again plus a per-item menu (Return Item, Get Help). Order confirmation, order history. ReUI Badge, Rating, shadcn Card.","name":"receipt-4","page":"https://reui.io/blocks/ecommerce/receipt/receipt-4","registryDependencies":["@reui/badge","@reui/rating","button","card","dropdown-menu","item","separator"],"title":"Delivered Order Receipt with Per-Item Review, Buy Again and Return Actions","type":"registry:block"},{"dependencies":["cn"],"description":"Statement-layout receipt: left sidebar with brand mark, Paid badge, large Total Paid amount and order/payment/address blocks; right pane lists items and totals. ReUI Badge, shadcn Card, Item, Button. Order confirmation, invoice, purchase summary.","name":"receipt-5","page":"https://reui.io/blocks/ecommerce/receipt/receipt-5","registryDependencies":["@reui/badge","button","card","item","separator"],"title":"Two-column statement-style order receipt with metadata sidebar and itemized line totals","type":"registry:block"},{"dependencies":["cn"],"description":"Post-purchase receipt with a status-badged order summary, line items with thumbnails, totals breakdown, a shipping/payment/tracking grid, and a 4-tile Track/Reorder/Return/Help action grid. Uses ReUI Badge, shadcn Card, Button, Item.","name":"receipt-6","page":"https://reui.io/blocks/ecommerce/receipt/receipt-6","registryDependencies":["@reui/badge","button","card","item","separator"],"title":"Order Receipt Page with Quick-Action Tile Grid, Line Items, Totals, and Shipping or Tracking Details","type":"registry:block"},{"dependencies":["cn","embla-carousel-autoplay"],"description":"Slides one full testimonial at a time with an attribution bar (reviewer, star rating, variant, verified badge) and avatar thumbnails to jump reviews. ReUI Rating, Badge, shadcn Carousel, Avatar, Button. Product pages, testimonials, social proof.","name":"review-1","page":"https://reui.io/blocks/ecommerce/review/review-1","registryDependencies":["@reui/badge","@reui/rating","avatar","button","carousel"],"title":"Product reviews carousel with autoplay slides and avatar thumbnail navigation","type":"registry:block"},{"dependencies":["cn"],"description":"Product reviews section with topic filter chips showing per-theme confidence percentages and a two-column grid of avatar, star rating, verified badge, and helpful-counter tiles. ReUI Rating, Badge, shadcn Avatar, Button. Testimonials, social proof.","name":"review-2","page":"https://reui.io/blocks/ecommerce/review/review-2","registryDependencies":["@reui/badge","@reui/rating","avatar","button"],"title":"Customer Reviews Section with Sentiment Topic Filter Chips and Two-Column Review Grid","type":"registry:block"},{"dependencies":["cn"],"description":"Product reviews layout: summary card with aggregate rating, star-distribution bars and top-mention tags beside a sortable review list with verified badges and helpful counts. ReUI Rating, Badge, shadcn Card, Progress, Select, Avatar. Ratings pages.","name":"review-3","page":"https://reui.io/blocks/ecommerce/review/review-3","registryDependencies":["@reui/badge","@reui/rating","avatar","button","card","progress","select"],"title":"Customer reviews section with rating summary sidebar and sortable review list","type":"registry:block"},{"dependencies":["cn"],"description":"Product review highlights section: six verified-buyer pull-quote tiles in a responsive grid, each with quote glyph, star Rating, score, avatar and posted date. ReUI Rating, shadcn Avatar, Button. Testimonials, ratings, social proof.","name":"review-4","page":"https://reui.io/blocks/ecommerce/review/review-4","registryDependencies":["@reui/rating","avatar","button"],"title":"Ecommerce Customer Reviews Pull-Quote Highlights Grid With Star Ratings and Avatars","type":"registry:block"},{"dependencies":["cn","embla-carousel-autoplay"],"description":"Customer reviews section: looping autoplay carousel of quote cards with star Rating, avatar attribution, and active dot pagination. ReUI Rating, shadcn Carousel, Card, Avatar. Product testimonials, social proof.","name":"review-5","page":"https://reui.io/blocks/ecommerce/review/review-5","registryDependencies":["@reui/rating","avatar","card","carousel"],"title":"Ecommerce Product Testimonial Carousel with Autoplay and Dot Pagination","type":"registry:block"},{"dependencies":["cn","embla-carousel-autoplay"],"description":"Looping testimonial slider for product pages and social proof sections: auto-rotating cards pause on hover, each leads with a star Rating, quote, and reviewer avatar. Uses ReUI Rating with shadcn Carousel, Card, Avatar, Separator.","name":"review-6","page":"https://reui.io/blocks/ecommerce/review/review-6","registryDependencies":["@reui/rating","avatar","card","carousel","separator"],"title":"Auto-playing customer review carousel with star-rating-led testimonial cards and dot pagination","type":"registry:block"},{"dependencies":["@tiptap/extension-highlight","@tiptap/extension-list","@tiptap/extension-text-align","@tiptap/extensions","@tiptap/pm","@tiptap/react","@tiptap/starter-kit","cn","sonner"],"description":"Fluid rich text editor on Tiptap that fills any app shell content area: formatting toolbar with shortcuts, link popover and bubble, highlight colors, shadcn task checkboxes, edit and view modes, live word count. For docs, briefs, notes.","name":"rich-text-editor-1","page":"https://reui.io/blocks/application/rich-text-editor/rich-text-editor-1","registryDependencies":["@reui/badge","@reui/frame","alert-dialog","avatar","button","button-group","checkbox","dropdown-menu","field","input-group","kbd","popover","separator","skeleton","toggle","tooltip"],"title":"Tiptap Document Editor With Formatting Toolbar, Link Bubble and Task Lists","type":"registry:block"},{"dependencies":["@tiptap/extension-highlight","@tiptap/extension-list","@tiptap/extension-mention","@tiptap/extension-table","@tiptap/extension-text-align","@tiptap/extensions","@tiptap/pm","@tiptap/react","@tiptap/starter-kit","@tiptap/suggestion","cn","sonner"],"description":"Fluid block page editor on Tiptap that fills any app shell: slash command menu, @ mentions, resizable tables with a row and column bar, a live contents block and a right-edge outline rail that opens on hover. For wikis, docs, playbooks.","name":"rich-text-editor-2","page":"https://reui.io/blocks/application/rich-text-editor/rich-text-editor-2","registryDependencies":["@reui/badge","@reui/icon-tile","alert-dialog","avatar","button","button-group","card","checkbox","command","dropdown-menu","field","input-group","kbd","popover","separator","skeleton","toggle","tooltip"],"title":"Tiptap Page Editor With Slash Commands, Mentions, Tables and an Outline Rail","type":"registry:block"},{"dependencies":["@tiptap/core","@tiptap/extension-highlight","@tiptap/extension-list","@tiptap/extension-text-align","@tiptap/extensions","@tiptap/pm","@tiptap/react","@tiptap/starter-kit","cn","sonner"],"description":"Chromeless contract editor on Tiptap where edits become attributed insert, delete and replace suggestions: accept or reject each or all, step through changes, Final and Original previews, sticky toolbar header. For redlines, legal review, approvals.","name":"rich-text-editor-3","page":"https://reui.io/blocks/application/rich-text-editor/rich-text-editor-3","registryDependencies":["@reui/badge","alert-dialog","avatar","button","button-group","card","checkbox","dropdown-menu","empty","field","input-group","item","kbd","popover","select","separator","sheet","skeleton","toggle","toggle-group","tooltip"],"title":"Tiptap Contract Redline Editor With Suggesting Mode and a Sticky Review Margin","type":"registry:block"},{"dependencies":["@tiptap/extension-collaboration","@tiptap/extension-collaboration-caret","@tiptap/extension-highlight","@tiptap/extension-list","@tiptap/extension-text-align","@tiptap/extensions","@tiptap/pm","@tiptap/react","@tiptap/starter-kit","@tiptap/y-tiptap","cn","sonner","y-protocols","yjs"],"description":"Real time co-editing on Tiptap and Yjs: named teammate carets and selections, a presence stack you can follow, an offline switch that queues edits and merges them with no conflicts, and comment threads that sync. For specs, docs, wikis.","name":"rich-text-editor-4","page":"https://reui.io/blocks/application/rich-text-editor/rich-text-editor-4","registryDependencies":["@reui/badge","alert-dialog","avatar","button","button-group","card","checkbox","dropdown-menu","empty","field","input-group","item","kbd","label","popover","separator","sheet","skeleton","switch","toggle","tooltip"],"title":"Tiptap Collaborative Editor With Live Cursors, Presence, Offline Merge and Comments","type":"registry:block"},{"dependencies":["@tiptap/core","@tiptap/extension-highlight","@tiptap/extension-list","@tiptap/extension-text-align","@tiptap/extensions","@tiptap/pm","@tiptap/react","@tiptap/starter-kit","cn","motion","sonner"],"description":"Agentic document editor on Tiptap: a floating assistant dock runs tasks on the page or a selection, streams its edits in as tracked suggestions with a live cursor, shows each step, then steps through accept or reject. For AI writing, docs, plans.","name":"rich-text-editor-5","page":"https://reui.io/blocks/application/rich-text-editor/rich-text-editor-5","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","avatar","button","button-group","checkbox","dropdown-menu","field","input-group","item","kbd","marker","popover","select","separator","skeleton","spinner","toggle","tooltip"],"title":"Tiptap AI Document Assistant With Streamed Suggestions, Step Trace and Review Dock","type":"registry:block"},{"dependencies":["cn","react-day-picker"],"description":"Two-pane schedule: a month Calendar with event dots beside a status-filterable day agenda of event cards with status Badge, attendee AvatarGroup, time and location. ReUI Frame, Badge plus shadcn Calendar, Select, Avatar. Planner, appointments.","name":"schedule-1","page":"https://reui.io/blocks/application/schedule/schedule-1","registryDependencies":["@reui/badge","@reui/frame","avatar","button","calendar","item","popover","scroll-area","select"],"title":"Schedule with date-picker calendar and filterable day agenda of status events","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Schedule a date and time: quick shortcut rows (Today, Tomorrow, Next week), month and year calendar, and scrollable time-slot column with disabled slots. Uses ReUI Frame, shadcn Calendar, Item, Select, ScrollArea, Button. Due-date / deadline picker.","name":"schedule-10","page":"https://reui.io/blocks/application/schedule/schedule-10","registryDependencies":["@reui/frame","button","calendar","item","scroll-area","select","separator"],"title":"Date and Time Scheduling Popover with Quick Shortcut Rows, Calendar, and Time Slots","type":"registry:block"},{"description":"Booking card to pick a meeting or work-session time: ReUI Frame with Avatar header, Select start and end menus, quick-duration preset Buttons, Tooltip and live duration, Cancel and Apply. Schedule, time-slot, duration picker.","name":"schedule-2","page":"https://reui.io/blocks/application/schedule/schedule-2","registryDependencies":["@reui/frame","avatar","button","dropdown-menu","label","select","tooltip"],"title":"Session time picker card with start and end Selects, quick-duration presets and live duration","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Schedule a meeting: pick a date, choose an available time slot, set duration and recurrence, add title and notes, toggle waiting room and auto-record. Booking form using ReUI Frame, shadcn Calendar, Select, Switch, Input, Textarea, Button.","name":"schedule-3","page":"https://reui.io/blocks/application/schedule/schedule-3","registryDependencies":["@reui/frame","button","calendar","input","label","scroll-area","select","separator","switch","textarea"],"title":"Meeting scheduler card with calendar, time-slot list, duration and recurrence selects, and switches","type":"registry:block"},{"dependencies":["cn","date-fns","react-day-picker"],"description":"Pick a date on the month calendar (available days dotted), choose a time slot, confirm. Side panel shows host, session type, platform, duration. ReUI Frame with shadcn Calendar, Select, Avatar, ScrollArea. Appointment scheduling, booking pages.","name":"schedule-4","page":"https://reui.io/blocks/application/schedule/schedule-4","registryDependencies":["@reui/frame","avatar","button","calendar","item","scroll-area","select"],"title":"Calendly-style meeting booking widget with month calendar, availability dots, and time-slot picker","type":"registry:block"},{"dependencies":["cn","recharts"],"description":"Team attendance widget: month Select, status filter DropdownMenu, single-date Calendar with today highlight, AvatarGroup, and Attendance/Absences/Delayed rows with bar sparklines. ReUI Frame, Badge; shadcn Calendar, Avatar, Chart. Presence tracker.","name":"schedule-5","page":"https://reui.io/blocks/application/schedule/schedule-5","registryDependencies":["@reui/badge","@reui/frame","avatar","button","calendar","chart","dropdown-menu","item","popover","select","separator"],"title":"Compact team attendance calendar card with status filter and bar-chart stat rows","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Schedule creation form: name input, member multi-select with avatars, date picker, start and end time selects, drag-drop image upload, link and description. ReUI Frame, shadcn Combobox, Avatar, Field, Calendar, Select. For meeting and booking forms.","name":"schedule-6","page":"https://reui.io/blocks/application/schedule/schedule-6","registryDependencies":["@reui/alert","@reui/frame","@reui/use-file-upload","avatar","button","calendar","combobox","field","input-group","item","label","popover","select","separator","textarea"],"title":"Schedule creation form with member multi-select, date picker, and file upload","type":"registry:block"},{"description":"Event card with three collapsible sections: overview rows with live stream and recording switches, presenters, and agenda with Yes/Skip/Maybe RSVP. ReUI Frame and Badge, shadcn Collapsible, Avatar, Switch, Button. For meeting invites and webinars.","name":"schedule-7","page":"https://reui.io/blocks/application/schedule/schedule-7","registryDependencies":["@reui/badge","@reui/frame","avatar","button","collapsible","separator","switch"],"title":"Webinar event detail card with collapsible overview, presenters, and Yes/Skip/Maybe RSVP sections","type":"registry:block"},{"dependencies":["cn","little-date","react-day-picker"],"description":"Month calendar card with colored category dots per day, category filter chips, and a scrollable day agenda of events with attendee avatar groups. ReUI Frame, shadcn Calendar, Select, Avatar, ScrollArea. Mini schedule, team agenda widget.","name":"schedule-8","page":"https://reui.io/blocks/application/schedule/schedule-8","registryDependencies":["@reui/frame","avatar","button","calendar","item","popover","scroll-area","select","separator"],"title":"Compact month calendar card with per-day category dots, filter chips, and attendee-avatar agenda","type":"registry:block"},{"dependencies":["cn"],"description":"Appointment booking widget for meetings and consultations. Single-date Calendar with month and year dropdowns, 15m to 90m duration toggle, scrollable time-slot picker, confirm footer. ReUI Frame, shadcn Calendar, Select, ScrollArea, Button.","name":"schedule-9","page":"https://reui.io/blocks/application/schedule/schedule-9","registryDependencies":["@reui/frame","button","calendar","item","scroll-area","select"],"title":"Session booking scheduler with single-date calendar, duration toggle, and scrollable time slots","type":"registry:block"},{"name":"scrollspy","page":"https://reui.io/components/scrollspy","title":"Scrollspy","type":"registry:ui"},{"dependencies":["cn","sonner"],"description":"Wizard step to import data from third-party services. Selectable integration cards with logo, status badge, and checkbox, capped at 2 picks via a toast, with back and next. ReUI Badge, Frame; shadcn Card, Checkbox, Button. Connect integrations.","name":"settings-1","page":"https://reui.io/blocks/application/settings/settings-1","registryDependencies":["@reui/badge","@reui/frame","button","card","checkbox","field","item"],"title":"Import services settings step with selectable integration cards and a 2-pick limit","type":"registry:block"},{"description":"Security settings page grouping session policy, login methods, and access restrictions into ReUI Frame cards. Rows mix Switch toggles, a timeout Select, and plan-tier Badges (Basic, Business, Enterprise) on shadcn Item. For 2FA, SSO, access controls.","name":"settings-10","page":"https://reui.io/blocks/application/settings/settings-10","registryDependencies":["@reui/badge","@reui/frame","item","select","separator","switch"],"title":"Workspace security settings in Frame cards mixing toggles, a timeout select, and plan-tier badges","type":"registry:block"},{"description":"Notification settings grouping events under Projects, Messages, Reports, and System tabs, each a table with per-row Email/Slack/In-app checkboxes. Uses shadcn Tabs (line), Table, Checkbox. For alert preferences and channel opt-in.","name":"settings-11","page":"https://reui.io/blocks/application/settings/settings-11","registryDependencies":["checkbox","table","tabs"],"title":"Notification preferences settings with tabbed channel matrix table for Email, Slack, and In-app","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Notification preferences page: per-channel delivery-mode Selects for inbox, email, browser, and mobile, Slack, Zoom, and Google Meet connect rows, plus a collapsible auto-follow section. Uses ReUI Badge with shadcn Card, Select, Switch, Collapsible.","name":"settings-12","page":"https://reui.io/blocks/application/settings/settings-12","registryDependencies":["@reui/badge","button","card","collapsible","field","item","select","separator","switch"],"title":"Notification settings page with per-channel delivery modes and collapsible auto-follow toggles","type":"registry:block"},{"description":"Integrations settings page: responsive grid of app cards with brand logo, description, connect/disconnect button and a toggle switch. Connected apps marketplace, integration directory. ReUI Frame with shadcn Item, Button, Switch.","name":"settings-13","page":"https://reui.io/blocks/application/settings/settings-13","registryDependencies":["@reui/frame","button","item","switch"],"title":"Integrations settings gallery, app cards in a grid with connect button and toggle switch","type":"registry:block"},{"dependencies":["@tanstack/react-table","sonner"],"description":"Sortable, paginated table of connected API integrations: brand logos, copy-to-clipboard API key badges, daily call counts, per-row enable switches, and a pause-all toggle. ReUI DataGrid, Frame, Badge; shadcn Switch. Connected apps, API keys settings.","name":"settings-14","page":"https://reui.io/blocks/application/settings/settings-14","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/use-copy-to-clipboard","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","item","skeleton","switch","tooltip"],"title":"API integrations settings data grid with copyable keys, status switches, and pause-all toggle","type":"registry:block"},{"description":"Workspace preferences page grouping AI, publishing, collaboration, and notification settings into Frame cards with Switch toggles, status Badges, action Buttons, and an AvatarGroup team row.","name":"settings-15","page":"https://reui.io/blocks/application/settings/settings-15","registryDependencies":["@reui/badge","@reui/frame","avatar","button","item","popover","separator","switch"],"title":"Workspace settings with grouped preference cards, toggles, badges, and a team avatar row","type":"registry:block"},{"description":"Connected apps panel listing integrations as rows with logo, name, status badge (Connected, Available, Preview), and Configure or Install action. Uses ReUI Frame, Badge, shadcn Item, Button. For integrations, connectors, app directory.","name":"settings-16","page":"https://reui.io/blocks/application/settings/settings-16","registryDependencies":["@reui/badge","@reui/frame","button","item"],"title":"Connected apps integration settings with per-row status badges and connect actions","type":"registry:block"},{"dependencies":["cn"],"description":"Privacy settings panel of icon rows whose action varies per setting: toggle switch, single button, or a paired Enable all / Disable all control, plus Pro and Beta tags. ReUI Frame, Badge; shadcn Switch, Button, Item. Account privacy, preferences.","name":"settings-2","page":"https://reui.io/blocks/application/settings/settings-2","registryDependencies":["@reui/badge","@reui/frame","button","item","switch"],"title":"Privacy and preferences settings card with mixed-control rows, switches, buttons and Pro/Beta badges","type":"registry:block"},{"dependencies":["cn"],"description":"Stacked settings rows in a ReUI Frame, each pairing a labeled description with its own control: Input, prefixed URL InputGroup, Select, ToggleGroup, color swatches, Switch list, plus Required and Pro badges. Preferences, app config, account settings.","name":"settings-3","page":"https://reui.io/blocks/application/settings/settings-3","registryDependencies":["@reui/badge","@reui/frame","button","field","input","input-group","select","switch","toggle-group"],"title":"General Settings Form with Per-Row Controls, Required and Pro Badges","type":"registry:block"},{"dependencies":["cn"],"description":"Connected apps settings: integration rows grouped into labeled sections, each with brand logo, Connected or Needs review status, and a per-row menu to sync, manage, or disconnect. ReUI Frame, Badge; shadcn Item, DropdownMenu, Button.","name":"settings-4","page":"https://reui.io/blocks/application/settings/settings-4","registryDependencies":["@reui/badge","@reui/frame","button","dropdown-menu","item"],"title":"App connections settings page with integrations grouped into labeled sections and per-row status","type":"registry:block"},{"description":"Role-based access settings: a two-column grid of outlined permission cards, each with title, description, and on/off Switch, under a header with a New Permission button. ReUI Frame, Badge; shadcn Item, Switch, Button. For roles, access control, RBAC.","name":"settings-5","page":"https://reui.io/blocks/application/settings/settings-5","registryDependencies":["@reui/badge","@reui/frame","button","item","switch"],"title":"Role Permissions Settings Panel with Two-Column Switch Toggle Grid","type":"registry:block"},{"description":"Connected apps settings page: per-integration cards with brand logo, name, and Connect/Disconnect button that reveals per-channel notification toggles. ReUI Frame plus shadcn Item, Button, Switch. App connections, integrations, webhooks.","name":"settings-6","page":"https://reui.io/blocks/application/settings/settings-6","registryDependencies":["@reui/frame","button","item","switch"],"title":"Integrations settings list with brand-logo cards and connect or disconnect toggle buttons","type":"registry:block"},{"dependencies":["cn"],"description":"Tabbed account settings shell with a side tab rail. Profile with avatar upload, two-step verification, active sessions, delete account, and billing plans. ReUI Alert and Badge with shadcn Tabs, Card, Field, Input, Select, Switch, Item, Avatar.","name":"settings-7","page":"https://reui.io/blocks/application/settings/settings-7","registryDependencies":["@reui/alert","@reui/badge","@reui/use-file-upload","avatar","button","card","field","input","input-group","item","select","switch","tabs","textarea","use-mobile"],"title":"Account settings page with side-tab navigation for profile, security, notifications, and billing","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Webhook developer settings managing endpoint routes with delivery-health tooltip alerts, status badges (Delivering, Retrying, Paused), enable Switch, copy URL, rotate-secret and remove actions. ReUI Frame, Badge; shadcn Item, Switch, DropdownMenu.","name":"settings-8","page":"https://reui.io/blocks/application/settings/settings-8","registryDependencies":["@reui/badge","@reui/frame","@reui/use-copy-to-clipboard","button","dropdown-menu","item","separator","switch","tooltip"],"title":"Webhook endpoints settings list with per-endpoint delivery-health alerts and enable toggle","type":"registry:block"},{"description":"Workspace settings page grouping preference rows into collapsible General and Display sections, each row mixing select dropdowns and switch toggles with status badges. ReUI Frame, Badge; shadcn Collapsible, Item, Select, Switch, Separator.","name":"settings-9","page":"https://reui.io/blocks/application/settings/settings-9","registryDependencies":["@reui/badge","@reui/frame","collapsible","item","select","separator","switch"],"title":"Workspace Preferences Settings With Collapsible Sections of Select and Switch Rows","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Create-project side drawer: name Input and description Textarea over inline Combobox pickers for status, priority, lead, members, milestone, target date, labels. Uses shadcn Sheet, Combobox, Calendar, Dialog, AvatarGroup. New project or issue form.","name":"sheet-1","page":"https://reui.io/blocks/application/sheet/sheet-1","registryDependencies":["avatar","button","calendar","checkbox","combobox","dialog","field","input","scroll-area","sheet","textarea"],"title":"Inset right project create Sheet with inline metadata comboboxes and target date picker","type":"registry:block"},{"dependencies":["cn"],"description":"Floating right-side AI chat panel with scrollable history, prompt suggestion chips, and a pinned InputGroup composer (attach, voice, send) plus header new-chat and refresh actions. Uses Sheet, ScrollArea, DropdownMenu. Copilot, assistant drawer.","name":"sheet-10","page":"https://reui.io/blocks/application/sheet/sheet-10","registryDependencies":["button","dropdown-menu","field","input-group","scroll-area","sheet","tooltip"],"title":"Inset right AI assistant chat sheet with prompt suggestions and pinned composer toolbar","type":"registry:block"},{"dependencies":["cn"],"description":"Right drawer for one KPI: current value with delta badge, target progress bar, definition facts, owner avatars, alert rule, and a recent-changes timeline. ReUI Badge, Timeline; shadcn Sheet, Progress, AvatarGroup. Metric detail, analytics drilldown.","name":"sheet-11","page":"https://reui.io/blocks/application/sheet/sheet-11","registryDependencies":["@reui/badge","@reui/timeline","avatar","button","progress","scroll-area","separator","sheet"],"title":"Right-Side Metric Detail Sheet with Target Progress, Owners, Alert Rule, and Changes Timeline","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Scheduled task drawer with a failure alert, a cron field breakdown with the next 5 runs, per-run logs with Retry, and Run Now and Pause. ReUI Badge, Alert, CodeBlock, NumberField; shadcn Sheet, Tabs, Chart. Cron monitor, job scheduler.","name":"sheet-12","page":"https://reui.io/blocks/application/sheet/sheet-12","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/icon-tile","@reui/number-field","accordion","alert-dialog","avatar","button","button-group","chart","collapsible","dropdown-menu","empty","field","input","input-group","select","separator","sheet","spinner","switch","tabs","toggle-group","tooltip"],"title":"Cron job detail sheet with run history logs, duration chart and schedule settings","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Create form for a scheduled command: preset chips, a cron input read back in plain words, owner, service and cluster pickers, and a first run time. ReUI Badge; shadcn Sheet, ToggleGroup, InputGroup, Select, Switch. Cron job form, task scheduler.","name":"sheet-13","page":"https://reui.io/blocks/application/sheet/sheet-13","registryDependencies":["@reui/badge","avatar","button","field","input","input-group","select","sheet","switch","toggle-group"],"title":"New cron job sheet with schedule presets, cron validation and a next runs preview","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Security audit log inspector with actor, target and request facts, a denied or failed alert, J and K stepping and Mark reviewed with Undo. ReUI Timeline, CodeBlock, Alert, Badge; shadcn Sheet, Tabs, Kbd. Compliance review, activity log drawer.","name":"sheet-14","page":"https://reui.io/blocks/application/sheet/sheet-14","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/timeline","avatar","button","empty","kbd","sheet","tabs","tooltip"],"title":"Audit event detail sheet with config diff, raw JSON and request trace","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Release drawer for a canary in flight: Promote, Roll back and Pause controls, error rate and latency against the baseline, and the release's commits. ReUI CodeBlock, Frame, Alert, Badge; shadcn Sheet, Tabs, Chart, AlertDialog. Progressive delivery.","name":"sheet-15","page":"https://reui.io/blocks/application/sheet/sheet-15","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","chart","empty","item","kbd","marker","progress","sheet","spinner","tabs","toggle","tooltip"],"title":"Deploy rollout sheet with a live canary pipeline, streaming logs and health charts","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"CI/CD post-mortem drawer that opens on the failed run's log with wrap, download and copy, plus pipeline, health and changes tabs and J and K stepping. ReUI CodeBlock, Frame, Alert, Badge; shadcn Sheet, Tabs, Chart. Build failure, pipeline debug.","name":"sheet-16","page":"https://reui.io/blocks/application/sheet/sheet-16","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","chart","empty","item","kbd","marker","progress","sheet","spinner","tabs","toggle","tooltip"],"title":"Failed deploy sheet with stage pipeline, full log and one-click retry","type":"registry:block"},{"dependencies":["sonner"],"description":"WAF and edge rule create form: IP, country, ASN, path, bot score and rate conditions, a live expression, and Block, Challenge, Allow or Log actions. ReUI Filters, CodeBlock, Frame; shadcn Sheet, RadioGroup, Select. Security rules, access control.","name":"sheet-17","page":"https://reui.io/blocks/application/sheet/sheet-17","registryDependencies":["@reui/badge","@reui/code-block","@reui/filters","@reui/frame","button","field","@reui/filters-query","@reui/filters-types","input","radio-group","select","sheet","switch","tooltip"],"title":"New firewall rule sheet with a condition builder and live match preview against recent traffic","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Edit an existing WAF or access rule: conditions, action and an Enabled switch, with 24 hour hits, last hit, sampled log events, and Delete with Undo. ReUI Filters, CodeBlock, Frame, Badge; shadcn Sheet, Tabs, AlertDialog. Security rule editor.","name":"sheet-18","page":"https://reui.io/blocks/application/sheet/sheet-18","registryDependencies":["@reui/badge","@reui/code-block","@reui/filters","@reui/frame","alert-dialog","avatar","button","empty","field","@reui/filters-query","@reui/filters-types","input","radio-group","select","sheet","switch","tabs","tooltip"],"title":"Firewall rule edit sheet with a condition builder, live match preview and sampled log matches","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Inspect one logged WAF request: a verdict alert, IP, ASN, bot score and rate facts, J and K stepping, and Block IP, Allow IP or Create Rule actions. ReUI Alert, CodeBlock, Badge; shadcn Sheet, Tabs, Kbd. Firewall event log, edge security.","name":"sheet-19","page":"https://reui.io/blocks/application/sheet/sheet-19","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/filters","button","@reui/filters-query","@reui/filters-types","kbd","marker","sheet","tabs","tooltip"],"title":"Firewall request detail sheet with a decision trace and raw log JSON","type":"registry:block"},{"description":"Help center side panel: searchable InputGroup, grouped guide Items with status Badges and Tooltips, scrollable body, footer support links. For in-app help, docs drawers, support menus. ReUI Badge, shadcn Sheet, InputGroup, Item, ScrollArea, Tooltip.","name":"sheet-2","page":"https://reui.io/blocks/application/sheet/sheet-2","registryDependencies":["@reui/badge","button","input-group","item","scroll-area","sheet","tooltip"],"title":"Right-side help and support Sheet with search field and grouped guide links","type":"registry:block"},{"dependencies":["cn","motion","recharts","sonner"],"description":"Service level objective drawer for SRE teams: fast and slow burn alerts, hourly burn on a log axis, 5 burn windows, alert rules and Copy as OpenSLO. ReUI Alert, Badge, Frame, NumberField; shadcn Sheet, Tabs, Chart. Uptime, reliability.","name":"sheet-20","page":"https://reui.io/blocks/application/sheet/sheet-20","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/icon-tile","@reui/number-field","alert-dialog","avatar","button","button-group","chart","dropdown-menu","empty","field","input","item","select","sheet","switch","tabs","textarea","toggle-group","tooltip"],"title":"SLO detail sheet with error budget burn-down, burn rate alerts and event exclusions","type":"registry:block"},{"dependencies":["sonner"],"description":"Create form for a service level objective: an availability, latency, freshness or correctness indicator, a 99% to 99.99% target and a rolling window. ReUI NumberField; shadcn Sheet, ToggleGroup, Select, Switch, Textarea. SRE, uptime target.","name":"sheet-21","page":"https://reui.io/blocks/application/sheet/sheet-21","registryDependencies":["@reui/number-field","avatar","button","field","input","select","sheet","switch","textarea","toggle-group"],"title":"New SLO sheet with objective presets, burn alert switches and a live error budget preview","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Data source drawer with auth and token alerts, Sync Now and Pause, schema drift on linked datasets, and a connection test in settings. ReUI Frame, Alert, Badge; shadcn Sheet, Tabs, Table, Chart. ETL, data pipeline, integration.","name":"sheet-22","page":"https://reui.io/blocks/application/sheet/sheet-22","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","button-group","chart","dialog","dropdown-menu","empty","field","input","input-group","item","label","select","sheet","skeleton","spinner","switch","table","tabs","toggle-group","tooltip"],"title":"Data connection detail sheet with sync health, dataset linking and masked data preview","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"3 step data source setup: search integrations, paste a secret or authorize OAuth, pass a connection test, then check the datasets to sync. ReUI Stepper, Frame, IconTile, Badge; shadcn Sheet, InputGroup, Checkbox. ETL, integration onboarding.","name":"sheet-23","page":"https://reui.io/blocks/application/sheet/sheet-23","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","@reui/stepper","avatar","button","checkbox","empty","field","input","input-group","item","select","sheet","spinner","switch","toggle-group","tooltip"],"title":"New connection wizard sheet with integration catalog, connection test and dataset picker","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Sample one connected table as rows or schema, with a Mask PII switch, an audit warning on unmask, copy query, resample and Accept for new columns. ReUI Frame, Alert, Badge; shadcn Sheet, Table, ToggleGroup, Select. Data catalog, table explorer.","name":"sheet-24","page":"https://reui.io/blocks/application/sheet/sheet-24","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/icon-tile","button","empty","label","select","sheet","skeleton","spinner","switch","table","toggle-group","tooltip"],"title":"Dataset preview sheet with masked sample rows, a schema view and upstream column drift","type":"registry:block"},{"description":"Right-side inset Sheet listing app keyboard shortcuts grouped into sections with Kbd key chords, a live search InputGroup, ScrollArea, and empty state. For a shortcuts panel, cheat sheet, or hotkeys help. Sheet, Kbd, InputGroup, ScrollArea, Empty.","name":"sheet-3","page":"https://reui.io/blocks/application/sheet/sheet-3","registryDependencies":["button","empty","input-group","kbd","scroll-area","sheet"],"title":"Searchable keyboard shortcuts reference in a right inset sheet, grouped by section","type":"registry:block"},{"description":"Floating right-side AI chat panel with a header model-switch Select, user and assistant message bubbles, suggestion chips, and an InputGroup composer toolbar. Uses shadcn Sheet, InputGroup, ScrollArea, Tooltip. AI copilot drawer, chatbot panel.","name":"sheet-4","page":"https://reui.io/blocks/application/sheet/sheet-4","registryDependencies":["button","field","input-group","scroll-area","select","sheet","tooltip"],"title":"Inset right AI assistant sheet with model selector, suggestion chips, and composer toolbar","type":"registry:block"},{"dependencies":["cn"],"description":"Client discussion sheet for collaboration and review apps. Comments with reply, emoji react, resolve and reopen, open-versus-all filter and a composer. ReUI Badge, shadcn Sheet, Item, Avatar, InputGroup, DropdownMenu, ScrollArea, Tooltip.","name":"sheet-5","page":"https://reui.io/blocks/application/sheet/sheet-5","registryDependencies":["@reui/badge","avatar","button","dropdown-menu","field","input-group","item","scroll-area","sheet","tooltip"],"title":"Inset right comment thread Sheet with reply, react, resolve and open-only filter","type":"registry:block"},{"dependencies":["cn"],"description":"Floating right sheet to customize a workspace view: Switch toggles plus a RadioGroup of layout cards with SVG skeleton previews and a hint Tooltip. shadcn Sheet, Field, Switch, RadioGroup, ScrollArea. Settings panel, preferences drawer.","name":"sheet-6","page":"https://reui.io/blocks/application/sheet/sheet-6","registryDependencies":["button","field","radio-group","scroll-area","sheet","switch","tooltip"],"title":"Inset right view customizer sheet with quick toggles and layout mode picker","type":"registry:block"},{"dependencies":["cn"],"description":"Floating right-anchored notification panel for in-app activity. Scrollable feed with unread count, mark-all-as-read, approvals, attachments, avatar groups, ratings, and progress. ReUI Badge, Rating; Sheet, Avatar, Button, ScrollArea.","name":"sheet-7","page":"https://reui.io/blocks/application/sheet/sheet-7","registryDependencies":["@reui/badge","@reui/rating","avatar","button","button-group","progress","scroll-area","separator","sheet","tooltip"],"title":"Inset right notifications sheet with unread badge, mark-all-read, and rich activity feed","type":"registry:block"},{"dependencies":["cn"],"description":"Floating inset right Sheet for relay settings, with scrollable Delivery and Routing sections, Input, Select, and Switch fields, tooltip hints, and a sticky Reset / Save footer. shadcn Sheet, Field, Select, Switch. Settings panel, preferences drawer.","name":"sheet-8","page":"https://reui.io/blocks/application/sheet/sheet-8","registryDependencies":["button","field","input","scroll-area","select","sheet","switch","tooltip"],"title":"Inset right settings sheet with scrollable two-section form, header and sticky footer","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Right-side ticket panel where each field edits in place via Select, Combobox, Calendar, Switch, or InputGroup, with Badge status, avatar chips, and async save toast. ReUI Badge, shadcn Sheet, Combobox. Ticket detail, issue properties, record drawer.","name":"sheet-9","page":"https://reui.io/blocks/application/sheet/sheet-9","registryDependencies":["@reui/badge","avatar","button","calendar","combobox","field","input-group","item","popover","scroll-area","select","sheet","spinner","switch","tooltip"],"title":"Inset right ticket details Sheet with inline per-row editing and save actions","type":"registry:block"},{"dependencies":["cn"],"description":"Ecommerce landing hero pairing shop positioning, dual CTAs and a curator row with a 1-up plus 2-stacked product mosaic, sale and compare-at pricing, per-tile add-to-cart, and a cart counter that updates live. ReUI Badge, shadcn Item, Button, Avatar.","name":"shop-hero-1","page":"https://reui.io/blocks/ecommerce/shop-hero/shop-hero-1","registryDependencies":["@reui/badge","avatar","button","item"],"title":"Storefront shop hero with asymmetric 3-tile product mosaic and live per-tile Add to Cart","type":"registry:block"},{"dependencies":["cn"],"description":"Ecommerce bento-grid hero: a large campaign tile with eyebrow, headline, and dual CTA, three product tiles with price, compare-at price, badge, and quick Add to Cart, plus an inverted sale promo. ReUI Badge, shadcn Item, Button. Shop hero, storefront","name":"shop-hero-2","page":"https://reui.io/blocks/ecommerce/shop-hero/shop-hero-2","registryDependencies":["@reui/badge","button","item"],"title":"Bento-grid shop hero with featured campaign tile, quick-add product tiles, and sale promo block","type":"registry:block"},{"dependencies":["cn"],"description":"Sale landing hero: image deal banner with offer headline, live Badge, countdown timer, social proof, dual CTA, plus three promo tiles. ReUI Badge, shadcn Button, Item. Storewide deals, weekly sale, promo page.","name":"shop-hero-3","page":"https://reui.io/blocks/ecommerce/shop-hero/shop-hero-3","registryDependencies":["@reui/badge","button","item"],"title":"Ecommerce shop hero with full-bleed featured deal banner, countdown, and three promo tiles","type":"registry:block"},{"dependencies":["cn"],"description":"Category-browse hero for shop and storefront homepages: editorial eyebrow, headline, lede, See All link, and four square image tiles with name, count, and hover arrow. Uses shadcn Item. Keywords: shop by category, collections grid, product landing.","name":"shop-hero-4","page":"https://reui.io/blocks/ecommerce/shop-hero/shop-hero-4","registryDependencies":["item"],"title":"Shop By Category ecommerce hero with editorial header and a four-tile image category grid","type":"registry:block"},{"description":"Ecommerce shop hero promoting two collections at once: side-by-side full-bleed photo panels, each with eyebrow, headline, star rating, review count, from-price, primary Button CTA and link over a dark gradient. ReUI Badge, shadcn Button, Item.","name":"shop-hero-5","page":"https://reui.io/blocks/ecommerce/shop-hero/shop-hero-5","registryDependencies":["@reui/badge","button","item"],"title":"Dual-Collection Shop Hero with Two Side-by-Side Full-Image Story Panels","type":"registry:block"},{"description":"Collection-level storefront hero: split Card with editorial column (brand stamp, headline, release-stats row) and atmospheric image with a New Drop Badge. Dual Shop The Edit and Sale CTAs. ReUI Badge, shadcn Card, Button. Seasonal lookbook.","name":"shop-hero-6","page":"https://reui.io/blocks/ecommerce/shop-hero/shop-hero-6","registryDependencies":["@reui/badge","button","card"],"title":"Editorial split shop hero with brand stamp, dual Shop The Edit and Sale CTAs, and collection image","type":"registry:block"},{"dependencies":["cn"],"description":"Storefront hero that switches collections via Tabs. Thumbnail chip triggers with status dot and piece count swap a full-bleed image panel with eyebrow, headline, lede, and dual CTA. shadcn Tabs, Item, Button. Shop landing, lookbook, drop switcher.","name":"shop-hero-7","page":"https://reui.io/blocks/ecommerce/shop-hero/shop-hero-7","registryDependencies":["button","item","tabs"],"title":"Collection Switcher Shop Hero with Tabbed Thumbnail Chips and Full-Bleed Editorial Panels","type":"registry:block"},{"dependencies":["cn"],"description":"Full-width 2x2 grid hero linking four shop collections; each tile is a full-bleed photo with a color-coded status pill, name, and piece-count plus price-range meta over an animated Shop link. For storefront, category, lookbook, drop pages.","name":"shop-hero-8","page":"https://reui.io/blocks/ecommerce/shop-hero/shop-hero-8","title":"Edge-to-edge 2x2 collection quilt shop hero with full-bleed photo tiles and color-coded status pills","type":"registry:block"},{"description":"Pre-checkout cart page: item rows with quantity steppers, save and remove, plus free-shipping progress, promo field, and an Order Summary sidebar (subtotal, tax, discount, checkout). ReUI Badge, shadcn Progress, InputGroup. Ecommerce basket review.","name":"shopping-cart-1","page":"https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-1","registryDependencies":["@reui/badge","button","button-group","empty","field","input-group","item","progress","separator","tooltip"],"title":"Shopping Cart Review With Item List, Free-Shipping Progress, Promo Code, and Order Summary Sidebar","type":"registry:block"},{"description":"Cart page: item list with thumbnails, size badges, and quantity steppers beside a sticky order summary with delivery, tax, total, coupon, and checkout. ReUI Frame, Badge plus shadcn Item, ButtonGroup, InputGroup, Empty. Bag, basket, order review.","name":"shopping-cart-2","page":"https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-2","registryDependencies":["@reui/badge","@reui/frame","button","button-group","empty","field","input-group","item","separator","tooltip"],"title":"Two-Column Shopping Cart Page with Sticky Order Summary Frame and Coupon Field","type":"registry:block"},{"description":"Full-width pre-checkout cart as a data table: column header rail, thumbnail rows with linked title, color swatch and size, ButtonGroup steppers, line totals, and an order summary with free-shipping Badge. ReUI Badge, shadcn Button, Item, Tooltip.","name":"shopping-cart-3","page":"https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-3","registryDependencies":["@reui/badge","button","button-group","empty","item","separator","tooltip"],"title":"Data Table Shopping Cart with Column Header Rail, Quantity Steppers, and Order Summary","type":"registry:block"},{"description":"Cart page where each item toggles delivery or pickup with its own date and fee, plus quantity steppers, promo code, and a hero estimated total. ReUI Badge, shadcn ToggleGroup, ButtonGroup, Card, InputGroup. For ecommerce checkout, basket, bag review.","name":"shopping-cart-4","page":"https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-4","registryDependencies":["@reui/badge","breadcrumb","button","button-group","card","empty","field","input-group","item","separator","toggle-group","tooltip"],"title":"Full-Page Shopping Cart with Per-Item Delivery or Pickup Toggle and Sticky Order Summary","type":"registry:block"},{"dependencies":["cn"],"description":"Cart review and checkout page: a thumbnail items Card with ButtonGroup quantity steppers beside a sticky rail of coupon InputGroup, Tooltip-explained Order Summary, and a four-tile payment RadioGroup. shadcn Card, Item, Tooltip, Empty. Order review.","name":"shopping-cart-5","page":"https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-5","registryDependencies":["button","button-group","card","empty","field","input-group","item","radio-group","separator","tooltip"],"title":"Two-column shopping cart with order summary, coupon field, and payment method tiles","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Mini-cart popover from a Cart button with count Badge: rows with thumbnail, variant, a quantity stepper driving a live subtotal, View Cart, Checkout, and an Empty state. DropdownMenu, ScrollArea, ButtonGroup, Item, Button. For header cart preview.","name":"shopping-cart-6","page":"https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-6","registryDependencies":["@reui/badge","button","button-group","dropdown-menu","empty","item","scroll-area"],"title":"Quick Cart Dropdown Menu with Per-Row Quantity Steppers and Live Subtotal","type":"registry:block"},{"description":"Add-to-cart mini cart drawer highlighting the just-added line with a success Badge, ButtonGroup quantity steppers, free-shipping Progress bar, subtotal, and Checkout. ReUI Badge, shadcn Sheet, Item, ScrollArea. Ecommerce side cart, slide-out basket.","name":"shopping-cart-7","page":"https://reui.io/blocks/ecommerce/shopping-cart/shopping-cart-7","registryDependencies":["@reui/badge","button","button-group","empty","item","progress","scroll-area","sheet"],"title":"Mini Cart Slide-Out Sheet Drawer with Just Added Confirmation and Free Shipping Progress","type":"registry:block"},{"dependencies":["cn"],"description":"Shadcn signature pad with pressure and velocity ink, touch and stylus input, undo and redo, form fields and PNG, JPEG or SVG export.","name":"signature-pad","page":"https://reui.io/components/signature-pad","registryDependencies":["button"],"title":"Shadcn signature pad with pressure and velocity ink, touch and stylus input, undo and redo, form fields and PNG, JPEG or SVG export.","type":"registry:ui"},{"dependencies":["@tanstack/react-table","cn","lucide-react","recharts","sonner"],"description":"Full-page console to monitor autonomous agent runs, approval backlogs, tool reliability and incidents. KPI cards, throughput chart, incident timeline, filterable run queue with row actions. ReUI Frame, DataGrid, Badge; shadcn Chart. Agent ops.","name":"solution-agents-1","page":"https://reui.io/blocks/solutions/agents/solution-agents-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/timeline","button","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","item","select","separator","spinner"],"title":"AI Agent Operations Dashboard with Run Queue, Throughput Chart and Incident Timeline","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Configure how an agent runs: pick an agent, set reasoning model, concurrency, validated timeout and autonomy, toggle sandbox and retry policies plus one locked PII row. ReUI Frame, Badge; shadcn Select, Button, InputGroup, Switch. Agent settings page","name":"solution-agents-10","page":"https://reui.io/blocks/solutions/agents/solution-agents-10","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-tile","button","field","input-group","item","select","separator","switch"],"title":"Agent run-configuration settings form with picker, validated timeout, and locked policy row","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Triage table for agent runs in collapsible Running, Waiting, Failed, Completed groups with search, attention filter, density toggle, and per-row actions. ReUI DataGrid, Badge; shadcn Button, Avatar, Switch. For agent ops dashboards, run monitoring.","name":"solution-agents-2","page":"https://reui.io/blocks/solutions/agents/solution-agents-2","registryDependencies":["@reui/badge","@reui/data-grid","avatar","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","item","popover","select","switch"],"title":"Agent Run Queue with Collapsible Status Groups and Attention Filters","type":"registry:block"},{"dependencies":["cn","lucide-react","sonner"],"description":"Single-page detail for one agent run: header with live actions, step trace with per-step tool calls and latency, plus a row-editable settings panel. ReUI Frame, Timeline, Badge, Alert; shadcn Avatar, Button. Use: run debugging, ops monitoring.","name":"solution-agents-3","page":"https://reui.io/blocks/solutions/agents/solution-agents-3","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/timeline","avatar","button","collapsible","combobox","dropdown-menu","field","input-group","item","select","separator","spinner","switch","tooltip"],"title":"Agent Run Detail with Inline Step Trace and Editable Settings Panel","type":"registry:block"},{"dependencies":["@tanstack/react-table","sonner"],"description":"Per-agent tool governance: a DataGrid sets each tool's access mode (Auto Run, Approval, Blocked), rate limit, and approver, plus run-policy switches with save or discard. ReUI DataGrid, Filters, Frame; shadcn Switch, Select. Permissions, guardrails.","name":"solution-agents-4","page":"https://reui.io/blocks/solutions/agents/solution-agents-4","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","button","checkbox","@reui/data-grid-column-header","@reui/data-grid-column-visibility","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","@reui/filters-query","@reui/filters-types","input","item","select","separator","switch","tooltip"],"title":"Agent Tool Access Matrix with Approval Routing and Run Policies","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Full-page console for triaging pending agent actions: filter by risk and status, bulk approve or reject, and inspect payloads in a detail sheet. ReUI DataGrid, Badge, Timeline; shadcn Sheet, Select, Checkbox. Approval inbox, human-in-the-loop queue.","name":"solution-agents-5","page":"https://reui.io/blocks/solutions/agents/solution-agents-5","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/timeline","alert-dialog","avatar","button","card","checkbox","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","item","label","popover","scroll-area","select","separator","sheet","textarea"],"title":"Agent Action Approval Inbox with Risk-Tiered Queue and Bulk Approve or Reject","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Five-step wizard to build an agent playbook: trigger, condition rows, tool allowlist, approval gate, then review and publish with a live summary card. ReUI Stepper, Alert, Badge; shadcn Card, Select, RadioGroup. For workflow automation, approvals.","name":"solution-agents-6","page":"https://reui.io/blocks/solutions/agents/solution-agents-6","registryDependencies":["@reui/alert","@reui/badge","@reui/stepper","alert-dialog","avatar","button","card","checkbox","field","input","item","radio-group","select","separator","tooltip"],"title":"Agent Playbook Builder Wizard with Live Summary Card and Tool Allowlist","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Triage failed agent runs in a data grid with metric cards, then open a detail sheet tabbed into error, retry attempts, and payload. ReUI Data Grid, Badge, Alert, Timeline; shadcn Sheet, Card, Button, Tabs. Agent ops, error monitoring, run dashboards.","name":"solution-agents-7","page":"https://reui.io/blocks/solutions/agents/solution-agents-7","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/timeline","avatar","button","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","empty","field","input-group","item","popover","progress","scroll-area","select","separator","sheet","spinner","switch","tabs","tooltip"],"title":"Failed Agent Run Triage Board with Detail Sheet and Retry Ladder","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns","react-day-picker","recharts","sonner"],"description":"Read-mostly nightly agent eval report: pass rate trend with release markers, per-suite progress, and a regressions table comparing two releases. Period selector, regressions-only toggle, export. ReUI Frame, Badge, Filters; shadcn Chart, Progress.","name":"solution-agents-8","page":"https://reui.io/blocks/solutions/agents/solution-agents-8","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","button","calendar","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","field","@reui/filters-query","@reui/filters-types","popover","progress","separator","skeleton","switch","tooltip"],"title":"Agent Evaluation Report with Pass Rate Trend and Release Markers","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Curate the facts agents retain: a scope rail with per-scope counts beside a confidence-scored grid, with pin, forget, and filter actions. Uses ReUI DataGrid, Badge, Filters, Frame; shadcn Button, Avatar. For agent ops and memory management pages.","name":"solution-agents-9","page":"https://reui.io/blocks/solutions/agents/solution-agents-9","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-stack","avatar","button","button-group","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","@reui/filters-query","@reui/filters-types","item","progress","separator","skeleton","tooltip"],"title":"Agent memory manager with scope rail and confidence-scored entries grid","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","lucide-react","recharts","sonner"],"description":"Full-page LLM ops dashboard for provider health, token usage, routing rules, and safety drift: metric cards, failover timeline, token activity chart, routing grid. ReUI Frame, Timeline, DataGrid, Badge; shadcn Button, Chart. Admin panel, monitoring.","name":"solution-ai-ops-1","page":"https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/timeline","@reui/use-copy-to-clipboard","avatar","button","chart","collapsible","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","@reui/filters-query","@reui/filters-types","item","select","separator","skeleton","spinner","tooltip"],"title":"AI Operations Dashboard with Provider Failover Timeline and Token Activity Chart","type":"registry:block"},{"dependencies":["sonner"],"description":"Manage AI model provider connections, route priority, fallbacks, and endpoint health with status badges and connect, pause, test, save actions. ReUI Badge, Frame; shadcn Button, Dialog, Dropdown-Menu, Item, Select, Switch. Provider and routing setup.","name":"solution-ai-ops-2","page":"https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-2","registryDependencies":["@reui/badge","@reui/frame","button","button-group","dialog","dropdown-menu","item","select","switch"],"title":"AI model provider settings page with priority and fallback routing rows","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"AI operations prompt queue with tabs, owner/risk/status filters, table-and-card view switch, display settings, export, and row actions to advance review. Uses ReUI DataGrid, Filters; shadcn Tabs, Card, Button, Select. Operator console, review queue.","name":"solution-ai-ops-3","page":"https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/icon-stack","avatar","button","card","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-query","@reui/filters-types","item","popover","progress","select","separator","switch","tabs","toggle-group"],"title":"Tabbed AI Ops Prompt Registry Queue with Table and Card View Toggle","type":"registry:block"},{"dependencies":["@base-ui/react","cn","lucide-react","sonner"],"description":"Full-page prompt editor with tabbed sections for overview, text, safety, evaluations, and access. Status badges, form fields, timeline, save-discard workflow. ReUI Badge; shadcn Button, Tabs. For AI ops dashboards and model operator portals.","name":"solution-ai-ops-4","page":"https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-4","registryDependencies":["@reui/alert","@reui/badge","@reui/timeline","avatar","button","card","checkbox","collapsible","combobox","field","input","input-group","item","select","separator","spinner","switch","tabs","textarea","tooltip"],"title":"Prompt Editor with Configuration and Evaluation Details","type":"registry:block"},{"dependencies":["sonner"],"description":"Full-page AI routing controls: per-route policy toggle grid, provider fallback Select with validation, and reset confirmation. ReUI Frame, Badge; shadcn Switch, Select, Dialog, Dropdown Menu. AI platform ops, model settings, risk management.","name":"solution-ai-ops-5","page":"https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-5","registryDependencies":["@reui/badge","@reui/frame","button","dialog","dropdown-menu","field","item","label","select","separator","switch"],"title":"AI Ops Routing Rules Settings with Risk-Tiered Policy Toggle Grid","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns","sonner"],"description":"Manage AI feature flags by rollout stage with tabs, owner and segment filters, inline enable switches, detail sheet, archive dialog, operations Kanban. ReUI DataGrid, Badge, Filters, Kanban; shadcn Sheet, Switch, Tabs. Flag console, rollout admin.","name":"solution-ai-ops-6","page":"https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-6","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/kanban","@reui/rating","alert-dialog","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","@reui/filters-query","@reui/filters-types","input","item","scroll-area","select","separator","sheet","switch","tabs"],"title":"AI Feature Flags Data Grid with Rollout Stage Tabs and Inline Enable Switches","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Four-step wizard to configure, validate, and review AI model safety policies: enforcement modes, risk tiers, evaluators, and a rule coverage table. ReUI Stepper, Alert, Badge; shadcn Card, Table, Select, Dialog. Use for AI governance, model risk.","name":"solution-ai-ops-7","page":"https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-7","registryDependencies":["@reui/alert","@reui/badge","@reui/stepper","alert-dialog","button","card","dialog","field","input","input-group","radio-group","select","separator","switch","table","textarea","tooltip"],"title":"AI Safety Policy Builder Wizard with Stepper Rail and Policy Rule Coverage Table","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Full-page grid auditing token usage and cost by model provider and prompt, with filtering, sorting, CSV export, a row-detail sheet, and budget-alert toggles. ReUI DataGrid, Filters, Frame, Badge; shadcn Button, Switch, Sheet. AI ops cost tracking.","name":"solution-ai-ops-8","page":"https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-8","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/use-copy-to-clipboard","button","@reui/data-grid-column-header","@reui/data-grid-column-visibility","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","@reui/filters-query","@reui/filters-types","input","item","scroll-area","select","separator","sheet","skeleton","switch","tooltip"],"title":"AI Token Spend Ledger Data Grid with Budget Status and CSV Export","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts"],"description":"Tracks AI model spend, token volume, and budget alerts with KPI cards, a spend-vs-budget line chart, provider mix breakdown, and a tabbed cost-event grid. ReUI Badge, Data Grid; shadcn Card, Tabs, Chart. For AI ops, cost monitoring, budgets.","name":"solution-ai-ops-9","page":"https://reui.io/blocks/solutions/ai-ops/solution-ai-ops-9","registryDependencies":["@reui/badge","@reui/data-grid","button","card","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","item","separator","tabs"],"title":"AI Ops Cost Dashboard with Spend Pace Chart and Tabbed Provider Cost Grid","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Tracks activation, retention, adoption, and backlog risk. Scored signal grid with sparklines, filtering, reporting ranges, health overview, and export. ReUI Badge, Frame, Data-Grid; shadcn Button, Chart, Progress. Product analytics, SaaS dashboard.","name":"solution-analytics-1","page":"https://reui.io/blocks/solutions/analytics/solution-analytics-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","breadcrumb","button","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input","progress","select","separator","tooltip"],"title":"Product Analytics Dashboard with Scored Signal Backlog","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Read-only product analytics report comparing feature adoption by segment and period. Overview metrics, trend chart, and scored feature grid with sparklines and filtering. ReUI DataGrid, Badge, Frame; shadcn Chart, Select, Progress. SaaS usage report.","name":"solution-analytics-2","page":"https://reui.io/blocks/solutions/analytics/solution-analytics-2","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","breadcrumb","button","chart","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","item","popover","progress","select","separator"],"title":"Feature Adoption Analytics Report with Trend Chart and Scored Feature Grid","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns","recharts"],"description":"Tracks workspaces from signup to week 4 retention via a stacked funnel chart, segment mix pie, and risk-flagged cohort grid with period, segment, and export filters. ReUI DataGrid, Badge, Frame; shadcn Button, Select, Tabs. Funnel and cohort reports.","name":"solution-analytics-3","page":"https://reui.io/blocks/solutions/analytics/solution-analytics-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","breadcrumb","button","calendar","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","item","popover","select","tabs"],"title":"Activation Funnel Report with Conversion Area Chart and Segment Mix","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts"],"description":"Period-over-period retention report: 4W-16W curve chart with period tabs, cohort health notes, and a sortable cohort grid by segment and event. ReUI Frame, DataGrid, Badge; shadcn Chart, Tabs, Item. For product analytics, retention, cohort views.","name":"solution-analytics-4","page":"https://reui.io/blocks/solutions/analytics/solution-analytics-4","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","button","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","item","progress","select","separator","tabs","tooltip"],"title":"Cohort Retention Analytics Report with Retention Curve Chart and Cohort Table","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Event catalog with health metrics grid and dense data table. Filtering, sorting, bulk owner reassignment, detail drawer. Built with DataGrid, Select, Checkbox, InputGroup, Button. Use for event audits, catalog management, and quality assessment.","name":"solution-analytics-5","page":"https://reui.io/blocks/solutions/analytics/solution-analytics-5","registryDependencies":["@reui/badge","@reui/data-grid","alert-dialog","avatar","breadcrumb","button","card","chart","checkbox","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","item","label","popover","scroll-area","select","separator","sheet","tooltip"],"title":"Event Explorer - Analytics Dashboard with Chart Grid","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns"],"description":"Analytics segment-validation dashboard with health metric cards and sparklines, a review schedule calendar, and a filterable weekly rule coverage grid. ReUI Frame, DataGrid, Badge; shadcn Tabs, Calendar, Select. For segment management, reporting.","name":"solution-analytics-6","page":"https://reui.io/blocks/solutions/analytics/solution-analytics-6","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","avatar","breadcrumb","button","button-group","calendar","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","item","popover","scroll-area","select","separator","tabs"],"title":"Segment validation workspace with health metrics, review calendar, and weekly rule coverage grid","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Read-only experiment analysis: ship-decision verdict card, tabbed evidence grid with period/segment filters and export, rollout plan and guardrails. ReUI Badge, DataGrid; shadcn Card, Tabs, Button. For A/B test reports, variant lift analysis.","name":"solution-analytics-7","page":"https://reui.io/blocks/solutions/analytics/solution-analytics-7","registryDependencies":["@reui/badge","@reui/data-grid","avatar","button","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","item","separator","tabs"],"title":"A/B Experiment Report with Ship Decision, Evidence Grid and Guardrails","type":"registry:block"},{"dependencies":["cn","recharts","sonner"],"description":"Single-metric detail page: health-badge header, four-up KPI rail, trend chart against a target line, cohort breakdown, changes timeline. ReUI Frame, Badge, Timeline; shadcn Chart, Select, Progress. For analytics dashboards, KPI tracking, metrics.","name":"solution-analytics-8","page":"https://reui.io/blocks/solutions/analytics/solution-analytics-8","registryDependencies":["@reui/badge","@reui/frame","@reui/timeline","avatar","breadcrumb","button","chart","dropdown-menu","progress","select","separator","spinner"],"title":"Single-Metric Analytics Detail Page with Target-Tracked Trend Chart","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Tabbed settings form for configuring alert thresholds, delivery channels, quiet hours, and escalation with validation and save/discard. ReUI Alert, Badge; shadcn Button, Card, Tabs, Select, Switch. Analytics settings, configuration form.","name":"solution-analytics-9","page":"https://reui.io/blocks/solutions/analytics/solution-analytics-9","registryDependencies":["@reui/alert","@reui/badge","button","card","field","select","separator","switch","tabs"],"title":"Alert Rules Settings Form with Tabs and Validation","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Review the billing position and recover overdue invoices. Pairs a statement summary card and past due alert with a filterable invoice ledger. Uses ReUI Alert, Badge, DataGrid, Filters; shadcn Card, Button. For accounts receivable and billing pages.","name":"solution-billing-1","page":"https://reui.io/blocks/solutions/billing/solution-billing-1","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/filters","@reui/timeline","alert-dialog","avatar","button","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-table","dropdown-menu","@reui/filters-query","@reui/filters-types","item","progress","scroll-area","select","separator","sheet","skeleton","tooltip"],"title":"Billing operator workspace with invoice ledger and past due recovery","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Signed in tenant's Stripe billing page: current plan, three fixed recurring test plans via hosted Checkout or the Customer Portal, usage against limits, payment summary and invoices. ReUI Frame, Badge, Alert; shadcn Item, ToggleGroup, Progress.","name":"solution-billing-10","page":"https://reui.io/blocks/solutions/billing/solution-billing-10","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","button","empty","item","progress","skeleton","spinner","toggle-group","tooltip"],"title":"Tenant billing settings with hosted Checkout, fixed test plans, usage meters, card and invoices","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Plan catalog editor for billing teams to manage tiered plans, pricing, billing intervals, seats, entitlements, add-ons, and active/draft/archived status. ReUI Frame, Badge, Alert; shadcn Item, Button, Switch. For subscription and pricing settings.","name":"solution-billing-2","page":"https://reui.io/blocks/solutions/billing/solution-billing-2","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","avatar","button","dialog","field","input-group","item","switch","tabs"],"title":"Plan and pricing catalog editor with tiered plan tiles and status toggles","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","lucide-react","sonner"],"description":"Manage subscriptions across active, trialing, past due, and canceled states. Quick-action cards with budget progress lead a filterable, searchable grid with row actions. ReUI Frame, DataGrid; shadcn Tabs, Select, Avatar. Billing ops, revenue recovery","name":"solution-billing-3","page":"https://reui.io/blocks/solutions/billing/solution-billing-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/rating","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","field","input-group","item","popover","progress","select","separator","switch","tabs","tooltip"],"title":"Subscription Management Workspace with Quick-Action Cards and Lifecycle Grid","type":"registry:block"},{"dependencies":["cn","lucide-react","sonner"],"description":"Single-account billing detail: identity header, tabbed invoice history, subscription, and payment methods beside a scoped activity timeline. shadcn Card, Tabs, Table, Button; ReUI Badge. Account detail, billing management, subscription page.","name":"solution-billing-4","page":"https://reui.io/blocks/solutions/billing/solution-billing-4","registryDependencies":["@reui/badge","@reui/icon-stack","@reui/timeline","button","card","dropdown-menu","empty","field","scroll-area","spinner","table","tabs"],"title":"Customer Billing Account Detail with Tabbed Invoices, Subscription, and Activity Rail","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Guided invoice composer: pick a customer, edit line items with per-line tax and discount, then send. Live receipt review with draft and sent states. ReUI Stepper, Alert, Badge; shadcn Card, Table, Combobox, Select. For billing and invoicing pages.","name":"solution-billing-5","page":"https://reui.io/blocks/solutions/billing/solution-billing-5","registryDependencies":["@reui/alert","@reui/badge","@reui/stepper","avatar","button","calendar","card","combobox","field","input","input-group","popover","select","separator","spinner","table"],"title":"Four-step invoice builder wizard with a live receipt-style review preview","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Sortable, filterable dunning queue for SaaS billing operators to recover failed charges. Expands inline to retry timeline. Features ReUI DataGrid, Frame, Filters; shadcn Button, Separator. Payment recovery, dunning list, failed billing.","name":"solution-billing-6","page":"https://reui.io/blocks/solutions/billing/solution-billing-6","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","field","@reui/filters-query","@reui/filters-types","item","select","separator","spinner","textarea"],"title":"Expandable Dunning Queue for SaaS Failed Payment Recovery","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react","@tanstack/react-table","cn","date-fns","react-day-picker","sonner"],"description":"Audit metered events by meter and period with tree sidebar nav filtering, date picker, and export. ReUI DataGrid, Filters, Frame, Badge; shadcn Button, Calendar, Breadcrumb. Usage based billing, consumption tracking, subscription auditing.","name":"solution-billing-7","page":"https://reui.io/blocks/solutions/billing/solution-billing-7","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-stack","@reui/tree","@reui/use-copy-to-clipboard","avatar","breadcrumb","button","calendar","@reui/data-grid-column-header","@reui/data-grid-column-visibility","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","@reui/filters-query","@reui/filters-types","item","popover","radio-group","separator","skeleton","tooltip"],"title":"Metered usage event ledger with tree meter scope selection","type":"registry:block"},{"dependencies":["cn"],"description":"Stepped wizard to move a subscription to a new tier with a proration rail recomputing credit, charge, and due-today as plan and timing change. ReUI Stepper, Badge, Alert; shadcn Card, Button, RadioGroup, Item, Avatar. For plan upgrades, downgrades.","name":"solution-billing-8","page":"https://reui.io/blocks/solutions/billing/solution-billing-8","registryDependencies":["@reui/alert","@reui/badge","@reui/stepper","avatar","button","card","field","item","radio-group"],"title":"Subscription Plan Change Wizard with Live Proration Preview","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Manage coupon and promo codes; each row expands inline to edit discount type, duration, redemption limits, and eligible plans. ReUI Badge, Frame; shadcn Button, Collapsible, Dialog, Select. Discount admin, promo codes, billing settings.","name":"solution-billing-9","page":"https://reui.io/blocks/solutions/billing/solution-billing-9","registryDependencies":["@reui/badge","@reui/frame","@reui/use-copy-to-clipboard","avatar","button","collapsible","dialog","field","input-group","item","select","switch","tabs","tooltip"],"title":"Coupon and promotion manager with inline redemption rule editor","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Salon front desk for one day: KPI tiles with plain split bars, an appointment grid with views and bulk reminders, arrivals to check in, stylist load, and floating booking and detail sheets. ReUI Frame, Data Grid, Sheet.","name":"solution-bookings-1","page":"https://reui.io/blocks/solutions/bookings/solution-bookings-1","registryDependencies":["@reui/alert","@reui/badge","@reui/cascader","@reui/data-grid","@reui/frame","@reui/icon-stack","@reui/icon-tile","@reui/timeline","alert-dialog","avatar","breadcrumb","button","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","checkbox","combobox","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","input","input-group","popover","progress","select","separator","sheet","skeleton","switch","tabs","textarea","toggle-group","tooltip"],"title":"Salon front desk with KPI tiles, arrivals, stylist load and booking sheets","type":"registry:block"},{"dependencies":["cn","react-day-picker","sonner"],"description":"Full-page booking calendar for salon operators: month grid with category dots, Day/Week toggle, staff filter, double-book conflict alerts. ReUI Alert, Badge; shadcn Calendar, Card, Select, ToggleGroup. Schedule, staff roster, appointment booking.","name":"solution-bookings-2","page":"https://reui.io/blocks/solutions/bookings/solution-bookings-2","registryDependencies":["@reui/alert","@reui/badge","@reui/icon-stack","avatar","button","calendar","card","empty","scroll-area","select","separator","toggle-group"],"title":"Salon Appointment Calendar with Day/Week Views and Double-Book Alerts","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Inset right sheet over an appointment list showing client, service, staff, deposit-progress payment, internal note, and a booking activity timeline. Uses ReUI Badge, Timeline; shadcn Avatar, Button, Item, Progress, ScrollArea, Sheet, Textarea.","name":"solution-bookings-3","page":"https://reui.io/blocks/solutions/bookings/solution-bookings-3","registryDependencies":["@reui/badge","@reui/timeline","avatar","button","item","progress","scroll-area","separator","sheet","textarea"],"title":"Appointment Detail Sheet with Deposit Payment and Booking Timeline","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Front desk page for a hotel: occupancy, ADR, arrival and departure tiles with charts, a room gantt to reserve, block, drag and resize stays, and an arrivals grid. Built on ReUI Gantt, Data Grid, Frame. Tape chart, reservation calendar.","name":"solution-bookings-4","page":"https://reui.io/blocks/solutions/bookings/solution-bookings-4","registryDependencies":["@reui/alert","@reui/badge","@reui/cascader","@reui/data-grid","@reui/date-selector","@reui/filters","@reui/frame","@reui/gantt","@reui/icon-stack","@reui/icon-tile","@reui/number-field","@reui/signature-pad","@reui/timeline","alert-dialog","avatar","button","calendar","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","chart","combobox","context-menu","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","@reui/filters-query","@reui/filters-types","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view","input","input-group","popover","progress","select","separator","sheet","skeleton","switch","tabs","textarea","toggle-group","tooltip"],"title":"Hotel room board with reservations, drag to move stays and a guest worklist","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Sales pipeline command center tracking pipeline value, forecast, and win rate via metric charts, plus a dense open-deals grid for search, sort, stage filters, and row actions. ReUI Badge, DataGrid; shadcn Card, Button, Avatar. CRM sales dashboard.","name":"solution-crm-1","page":"https://reui.io/blocks/solutions/crm/solution-crm-1","registryDependencies":["@reui/badge","@reui/data-grid","avatar","breadcrumb","button","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input","input-group","item","popover","separator"],"title":"Sales Pipeline CRM Dashboard with Metric Charts and Open-Deals Grid","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Sales pipeline board tracking deals across six stages by risk signal, value, close date, confidence, and owner. ReUI Kanban, Badge, IconStack; shadcn Card, Avatar, Progress, Button. Deal pipeline, CRM dashboard, sales board.","name":"solution-crm-2","page":"https://reui.io/blocks/solutions/crm/solution-crm-2","registryDependencies":["@reui/badge","@reui/icon-stack","@reui/kanban","avatar","button","card","empty","item","progress"],"title":"CRM deal pipeline kanban board with risk signals and confidence scores","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Full-page contacts directory for sales teams. Sort and filter rows, multi-select for bulk owner assignment or add-to-list, open a contact detail sheet. ReUI DataGrid, Filters, Frame, Badge; shadcn Button, Avatar, Sheet, Select. CRM, leads, accounts.","name":"solution-crm-3","page":"https://reui.io/blocks/solutions/crm/solution-crm-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/use-copy-to-clipboard","alert-dialog","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","@reui/filters-query","@reui/filters-types","item","scroll-area","select","separator","sheet","skeleton","tooltip"],"title":"CRM Contacts Grid with Bulk Owner Assignment and Detail Sheet","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Right-side sheet to inspect and advance a deal: inline stage Select drives win-probability Progress, deal team avatars, activity Timeline, and tasks. ReUI Badge, Timeline; shadcn Sheet, Select, Avatar, Progress. For pipeline and deal management.","name":"solution-crm-4","page":"https://reui.io/blocks/solutions/crm/solution-crm-4","registryDependencies":["@reui/badge","@reui/timeline","avatar","button","progress","scroll-area","select","separator","sheet"],"title":"CRM Deal Detail Sheet with Inline Stage Select and Win Probability","type":"registry:block"},{"dependencies":["cn","lucide-react","sonner"],"description":"Chronological sales activity log grouped by day buckets (Today, Yesterday, This week) with type and owner filters, collapsible detail panels, and outcome badges. ReUI Badge, Frame, Timeline; shadcn ToggleGroup, Select. Activity log, deal tracker.","name":"solution-crm-5","page":"https://reui.io/blocks/solutions/crm/solution-crm-5","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-stack","@reui/timeline","avatar","button","collapsible","empty","select","toggle-group"],"title":"CRM Activity Timeline with Day Buckets, Type and Owner Filters","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Guides bulk CSV uploads into CRM contacts and deals via column mapping, row validation counts, and duplicate handling. ReUI Frame, Stepper, Badge, Alert; shadcn Select, RadioGroup, Table, Switch. Data import, bulk upload, onboarding wizard.","name":"solution-crm-6","page":"https://reui.io/blocks/solutions/crm/solution-crm-6","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/stepper","@reui/use-file-upload","button","field","item","radio-group","select","spinner","switch","table"],"title":"Five-Step CRM CSV Import Wizard with Column Mapping and Validation","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"One deal set in four linked views: grouped table, stage board, next activity calendar and account timeline, with shared filters, inline edit and undo. ReUI Data Grid, Kanban, Event Calendar, Gantt, Filters. For sales workspace, forecast board.","name":"solution-crm-7","page":"https://reui.io/blocks/solutions/crm/solution-crm-7","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/event-calendar","@reui/filters","@reui/frame","@reui/gantt","@reui/icon-stack","@reui/icon-tile","@reui/kanban","@reui/number-field","alert-dialog","avatar","button","calendar","checkbox","collapsible","combobox","context-menu","@reui/data-grid-cell-selection","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","@reui/event-calendar-content","@reui/event-calendar-lib","@reui/event-calendar-nav","@reui/event-calendar-types","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","@reui/gantt-nav","@reui/gantt-types","@reui/gantt-view","hover-card","input","input-group","popover","progress","scroll-area","select","separator","sheet","skeleton","switch","tabs","textarea","toggle-group","tooltip","use-mobile"],"title":"CRM Deal Pipeline Workspace with Table, Board, Calendar and Timeline Views","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Quarter forecast call: drag deals between call lanes, roll them up by rep in a banded table and track won plus commit against target. ReUI Kanban, Data Grid, Filters, Badge. For forecast review, commit call.","name":"solution-crm-8","page":"https://reui.io/blocks/solutions/crm/solution-crm-8","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-stack","@reui/icon-tile","@reui/kanban","@reui/number-field","alert-dialog","avatar","button","calendar","checkbox","collapsible","combobox","@reui/data-grid-cell-selection","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","hover-card","input","input-group","popover","progress","scroll-area","select","separator","sheet","skeleton","switch","tabs","textarea","toggle-group","tooltip"],"title":"CRM Forecast Call Workspace with Call Lanes, Rep Rollups and Target Attainment","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Deal desk in 3 panes: a deal queue with Cmd+K search, the open deal with a stage path and line items, and a buyer conversation composer. ReUI Stepper, Badge; shadcn Card, Table, Tabs. For opportunity page, deal record.","name":"solution-crm-9","page":"https://reui.io/blocks/solutions/crm/solution-crm-9","registryDependencies":["@reui/badge","@reui/icon-tile","@reui/stepper","alert-dialog","avatar","button","card","collapsible","dialog","dropdown-menu","empty","field","input","input-group","item","kbd","popover","progress","select","sheet","table","tabs","toggle-group","tooltip"],"title":"CRM Deal Desk with Deal Queue, Stage Path, Line Items and Buyer Conversation","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Scheduled job grid with enable switches, health tabs, Filters and bulk run or pause, plus run logs, a run time chart and the next runs preview. ReUI Data Grid, Filters, Code Block, Frame. For Kubernetes CronJob, task scheduler.","name":"solution-dev-ops-1","page":"https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-1","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","@reui/number-field","accordion","alert-dialog","avatar","button","button-group","chart","collapsible","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","hover-card","input","input-group","item","popover","progress","select","separator","sheet","spinner","switch","tabs","toggle-group","tooltip"],"title":"Dev Ops Cron Jobs Console with Run History Bars, Cron Editor and Job Detail Sheet","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Audit trail of deploys, config, secrets and access changes: a denied attempts review queue, chip filters, bulk mark reviewed and CSV or JSON export. ReUI Data Grid, Filters, Code Block, Timeline. For compliance log, change history.","name":"solution-dev-ops-2","page":"https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-2","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/data-grid","@reui/filters","@reui/frame","@reui/timeline","alert-dialog","avatar","button","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","item","kbd","popover","select","separator","sheet","skeleton","switch","tabs","toggle-group","tooltip"],"title":"Dev Ops Infrastructure Audit Log with Outcome Volume Chart, Saved Views and Diff Sheet","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Release console: Staging, Sandbox and Production lanes, a deploy history grid, streaming deploy logs, canary versus baseline charts and rollback. ReUI Data Grid, Filters, Code Block. For CI/CD dashboard, release management.","name":"solution-dev-ops-3","page":"https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-3","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","chart","collapsible","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","hover-card","input-group","item","kbd","marker","popover","progress","select","separator","sheet","spinner","switch","tabs","toggle","toggle-group","tooltip"],"title":"Dev Ops Deployments Console with Promotion Lanes, Live Canary Rollout and Release Sheet","type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@tanstack/react-table","cn","sonner"],"description":"Edge firewall: drag to reorder rules, a condition builder with a match preview, WAF, bot and rate limit protections, and a request trace per verdict. ReUI Data Grid, Filters, Frame. For WAF, edge security, network policy.","name":"solution-dev-ops-4","page":"https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-4","registryDependencies":["@reui/alert","@reui/badge","@reui/code-block","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","alert-dialog","avatar","button","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","@reui/data-grid-table-dnd-rows","dialog","dropdown-menu","empty","field","@reui/filters-query","@reui/filters-types","hover-card","input","input-group","item","kbd","marker","popover","radio-group","select","separator","sheet","switch","tabs","toggle-group","tooltip"],"title":"Dev Ops Edge Firewall Console with Ordered Rules, IP Lists, Protections and Traffic Log","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","motion","recharts","sonner"],"description":"SLO console: KPI tiles, a burn-down you drag to sum spend, an objectives grid with budget and alert columns, incident exclusions and OpenSLO copy. ReUI Data Grid, Filters, Frame. For SRE dashboard, service level objectives, uptime.","name":"solution-dev-ops-5","page":"https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-5","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","@reui/number-field","alert-dialog","avatar","button","button-group","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","hover-card","input","input-group","item","popover","select","separator","sheet","switch","tabs","textarea","toggle-group","tooltip"],"title":"Dev Ops SLO Console with Error Budget Burn-Down, Burn Rate Alerts and Objective Sheet","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Settings for database, warehouse, app and file connections: stat cards, a needs attention list, 3 step setup with a test and credential rotation. ReUI Data Grid, Stepper, Filters. For integrations, data sources, ETL connectors.","name":"solution-dev-ops-6","page":"https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-6","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","@reui/stepper","alert-dialog","avatar","button","button-group","chart","checkbox","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","hover-card","input","input-group","item","label","popover","select","separator","sheet","skeleton","spinner","switch","table","tabs","toggle-group","tooltip"],"title":"Dev Ops Data Connections Settings with Linked Datasets, Masked Data Preview and Sync Activity","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Live deploy board on split flap cards: deploys per service and region, approvals before each production window, canary traffic with automatic rollback, plus merges. ReUI Frame, Badge; shadcn Table, Sheet. For CI/CD status walls.","name":"solution-dev-ops-7","page":"https://reui.io/blocks/solutions/dev-ops/solution-dev-ops-7","registryDependencies":["@reui/badge","@reui/frame","@reui/icon-stack","@reui/icon-tile","alert-dialog","avatar","button","empty","input-group","kbd","select","sheet","skeleton","spinner","table","tabs","toggle","tooltip"],"title":"Live Deploy Board with Deploy Windows, Approvals, Canary Traffic Control and Automatic Rollback","type":"registry:block"},{"dependencies":["@react-three/fiber","camera-controls","cn","sonner","three@0.186.1"],"description":"Match day ticket sales on a 3D stadium bowl you orbit, with sector prices, up to 6 seats per order, a view from the picked sector and sales stats. ReUI Frame, Badge; shadcn ToggleGroup, Dialog, Slider; React Three Fiber. Seating chart, ticketing.","name":"solution-digital-twin-1","page":"https://reui.io/blocks/solutions/digital-twin/solution-digital-twin-1","registryDependencies":["@reui/badge","@reui/frame","button","button-group","dialog","progress","slider","spinner","toggle-group"],"title":"3D stadium seat picker by sector for match tickets, with a synced 2D seating plan and price timeline","type":"registry:block"},{"dependencies":["@react-three/fiber","camera-controls","cn","motion","three@0.186.1"],"description":"Live timing for a 20 lap kart race: 15 karts lap a 3D circuit you orbit or a 2D plan, with a gap to leader ladder, live standings and a driver card. ReUI Frame, Badge; shadcn ToggleGroup, ButtonGroup, Spinner; React Three Fiber, Motion. Live timing, motorsport.","name":"solution-digital-twin-2","page":"https://reui.io/blocks/solutions/digital-twin/solution-digital-twin-2","registryDependencies":["@reui/badge","@reui/frame","button","button-group","sheet","spinner","tabs","toggle-group","use-mobile"],"title":"Live kart race timing on a 3D circuit, with a gap to leader ladder, live standings and a driver card","type":"registry:block"},{"dependencies":["@headless-tree/core","@headless-tree/react","@tanstack/react-table","cn","sonner"],"description":"Drive Explorer is a full-height file manager module for browsing team storage: a headless-tree folder rail with secondary scope links and a storage meter, a folders band above the browse surface, a ReUI DataGrid list with owner, type, size and modified columns, a switchable card ","name":"solution-files-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/icon-stack","@reui/icon-tile","@reui/timeline","@reui/tree","@reui/use-file-upload","alert-dialog","avatar","breadcrumb","button","card","checkbox","collapsible","context-menu","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","input","input-group","item","popover","progress","scroll-area","select","separator","sheet","tabs","toggle-group","tooltip"],"title":"Drive Explorer with Folder Tree Rail and Switchable List or Grid Views","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts","sonner"],"description":"Full-page inventory ops dashboard: KPI stat tiles, stock-health status bar, velocity chart, low-stock alerts, and a tabbed, filterable SKU table. ReUI Frame, Badge, DataGrid; shadcn Button, Tabs, Chart. For warehouse, stock, and ecommerce ops.","name":"solution-inventory-1","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","breadcrumb","button","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","select","separator","tabs"],"title":"SKU Inventory Operations Dashboard with Stock-Health Bar and Tabbed SKU Grid","type":"registry:block"},{"dependencies":["cn"],"description":"Create shipping label dialog: a wide centered dialog with a sticky header carrying the title + close action, a two-column scrollable body, and a sticky footer with terms link plus Cancel / Buy Shipping Label actions. Left column stacks a pickup-to-destination route + order meta c","name":"solution-inventory-10","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-10","registryDependencies":["@reui/frame","@reui/timeline","button","checkbox","dialog","field","input","input-group","item","label","scroll-area","select","separator","tabs"],"title":"Create Shipping Label","type":"registry:block"},{"dependencies":["cn"],"description":"Order details sheet: a right-anchored fulfillment review surface that reuses the solution-inventory-7 sheet shell. Header carries an Order Details title row, the order id + Shipped badge, a Created / Customer meta line, and a vertically-centered Delete / Order Tracking / View Shi","name":"solution-inventory-11","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-11","registryDependencies":["@reui/badge","@reui/frame","@reui/timeline","button","input-group","item","label","scroll-area","separator","sheet"],"title":"Order Details","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Stock ledger with KPI and health bar, filterable SKU grid (search, category, supplier, location, status), row actions, bulk operations, and detail sheet. ReUI DataGrid, Frame, Badge; shadcn Button, Select. Inventory management and warehouse tracking.","name":"solution-inventory-2","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-2","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/timeline","avatar","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","scroll-area","select","separator","sheet","tooltip"],"title":"Full-Page SKU Inventory Ledger with Stock Health Metrics","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"At-risk value KPI and urgency bar over a searchable, filterable SKU DataGrid with multi-select bulk Create PO and a reorder detail sheet. ReUI DataGrid, Frame, Badge; shadcn Button, Select, InputGroup. For procurement and inventory dashboards.","name":"solution-inventory-3","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-3","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","button","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","scroll-area","select","separator","sheet","tooltip"],"title":"Low Stock Reorder Queue with At-Risk Value KPI and Bulk Create PO DataGrid","type":"registry:block"},{"dependencies":["cn","date-fns","sonner"],"description":"Full-page purchase order detail for receiving stock against a PO: supplier and terms form, line-item receive table with backorders, costs, totals, and a note timeline. ReUI Badge, Timeline; shadcn Card, Table, Input. PO receiving, inventory intake.","name":"solution-inventory-4","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-4","registryDependencies":["@reui/badge","@reui/timeline","alert-dialog","button","calendar","card","field","input","input-group","item","popover","select","separator","table","textarea","tooltip"],"title":"Purchase Order Receiving Page with Line-Item Tracking and Activity Timeline","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","recharts"],"description":"Inventory dashboard: 4 KPI stat tiles + inventory velocity bar chart + top categories list + tabbed shop activity table (Products / Recent activities / Orders). Composed by adapting existing application blocks (stats-1, chart-29, list-1) into a single shop-management surface.","name":"solution-inventory-5","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-5","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","@reui/rating","button","chart","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","separator","tabs"],"title":"Shop Activity Dashboard","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","date-fns","react-day-picker"],"description":"Inventory overview block: total asset value KPI + segmented stock health bar (in stock / low / out of stock) above a filterable product DataGrid with search, date range, category and supplier filters, row selection, and pagination.","name":"solution-inventory-6","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-6","registryDependencies":["@reui/badge","@reui/data-grid","@reui/frame","button","calendar","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","popover","select","separator","tooltip"],"title":"Stock Health Grid","type":"registry:block"},{"dependencies":["cn","recharts"],"description":"Stock planner sheet: a wide right-anchored sheet built on the sheet-6 shell. Header carries title, product name + Live badge, SKU/created/updated meta, and the Customer View / Remove / Edit Product action cluster. Scrollable two-column body pairs left-side Inventory KPIs, an Anal","name":"solution-inventory-7","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-7","registryDependencies":["@reui/badge","@reui/frame","@reui/rating","button","chart","scroll-area","separator","sheet","table"],"title":"Stock Planner","type":"registry:block"},{"dependencies":["cn"],"description":"Per-product stock detail sheet: a wide right-anchored Sheet (inset, sheet-6 anatomy) with a Current Stock + Reorder Now row, an Inventory Rules Frame (threshold / safe / reorder / lead-time inputs + status / delta / velocity / next-reorder / updated-by stats + Auto Reorder switch","name":"solution-inventory-8","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-8","registryDependencies":["@reui/badge","@reui/frame","@reui/rating","button","checkbox","field","input","input-group","label","scroll-area","select","separator","sheet","switch","tabs"],"title":"Stock Detail","type":"registry:block"},{"dependencies":["cn"],"description":"Track Shipping sheet: a right-anchored single-column Sheet (sheet-6 + solution-inventory-7 anatomy) showing a shipment header (id + Shipped badge + placed-date / Order ID link meta + Cancel Order / Notify Customer actions), an origin-to-destination route with a carrier chip, a 4-","name":"solution-inventory-9","page":"https://reui.io/blocks/solutions/inventory/solution-inventory-9","registryDependencies":["@reui/badge","@reui/frame","@reui/timeline","button","scroll-area","sheet"],"title":"Track Shipping","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","maplibre-gl","recharts","sonner"],"description":"Same-day dispatch on a live street map: a simulated fleet from minivans to box trucks, a framed fleet panel, an iso and side vehicle twin with its cargo hold, remote controls, a command palette and a filterable grid. MapLibre, ReUI Frame.","name":"solution-map-1","registryDependencies":["@reui/alert","@reui/badge","@reui/cascader","@reui/data-grid","@reui/filters","@reui/frame","@reui/icon-tile","@reui/number-field","@reui/timeline","alert-dialog","avatar","button","button-group","@reui/cascader-item","@reui/cascader-nav","@reui/cascader-types","chart","collapsible","command","context-menu","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","empty","field","@reui/filters-operators","@reui/filters-query","@reui/filters-types","input","input-group","item","kbd","popover","progress","radio-group","select","separator","sheet","skeleton","slider","spinner","switch","table","tabs","textarea","toggle-group","tooltip"],"title":"Fleet Dispatch Map with Live Routes, Van Detail Panel, Stop Reassignment and Van List","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Event travel operator home: order, revenue, fulfillment and at risk KPIs, a recent orders grid with fulfillment and stepped new order sheets, event filters and tasks. ReUI Frame, Data Grid, Stepper. Travel dashboard, tour operator admin.","name":"solution-travel-1","page":"https://reui.io/blocks/solutions/travel/solution-travel-1","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/frame","@reui/icon-stack","@reui/number-field","@reui/stepper","alert-dialog","avatar","button","checkbox","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","empty","field","input","input-group","progress","radio-group","select","sheet","skeleton","tabs"],"title":"Event Travel Operator Home with Order KPIs, Recent Orders and Upcoming Events","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Admin itinerary editor for one booked package: day tabs over a stop timeline, drag stops into new slots, timing checks with one-click fixes, margin by stop and day against target and a stepped traveler preview. ReUI Sortable, Stepper, Frame.","name":"solution-travel-2","page":"https://reui.io/blocks/solutions/travel/solution-travel-2","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/icon-stack","@reui/icon-tile","@reui/sortable","@reui/stepper","alert-dialog","avatar","button","dropdown-menu","empty","field","input","input-group","progress","select","sheet","skeleton","tabs"],"title":"Travel Itinerary Builder with Day Tabs, Reorderable Stops, Timing Checks and Stop Margins","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Full-page admin console for workspace members: sort/filter rows, multi-select bulk role changes, SSO/2FA columns, member detail sheet. ReUI DataGrid, Frame, Filters, Badge; shadcn Button, Sheet. For user management, access control, team admin.","name":"solution-users-1","page":"https://reui.io/blocks/solutions/users/solution-users-1","registryDependencies":["@reui/badge","@reui/data-grid","@reui/filters","@reui/frame","alert-dialog","avatar","button","@reui/data-grid-column-header","@reui/data-grid-column-visibility","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","@reui/filters-query","@reui/filters-types","scroll-area","select","separator","sheet","skeleton","tooltip"],"title":"Workspace Members Directory Grid with Roles, SSO/2FA Status, and Bulk Role Actions","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Full-page admin screen to manage one member's roles, teams, MFA factors, sessions, activity, and a danger zone via a vertical tab rail. ReUI Badge; shadcn Avatar, Tabs, Select, AlertDialog. User management, permissions, account security.","name":"solution-users-2","page":"https://reui.io/blocks/solutions/users/solution-users-2","registryDependencies":["@reui/badge","@reui/frame","@reui/timeline","alert-dialog","avatar","button","field","item","select","separator","skeleton","tabs","use-mobile"],"title":"Member Detail Page with Sidebar Tabs for Access, Authentication, and Sessions","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Full-page matrix mapping workspace roles to grouped permission scopes: per-cell toggles, locked Owner access, group tabs, and a dirty save bar. ReUI DataGrid, Frame, Badge, Alert; shadcn Button, Tabs, Dialog. Admin panel, role management, RBAC.","name":"solution-users-3","page":"https://reui.io/blocks/solutions/users/solution-users-3","registryDependencies":["@reui/alert","@reui/badge","@reui/data-grid","@reui/frame","button","@reui/data-grid-column-header","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","field","input-group","separator","switch","tabs","textarea"],"title":"Workspace roles and permissions access matrix with locked Owner column and grouped scope toggles","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Full-page invitations grid tracking pending, accepted, expired, and revoked invites with search, status filter, bulk resend or revoke, and an invite people dialog. ReUI DataGrid, Badge; shadcn Button, Select, InputGroup. Admin panel, team management.","name":"solution-users-4","page":"https://reui.io/blocks/solutions/users/solution-users-4","registryDependencies":["@reui/badge","@reui/data-grid","@reui/use-copy-to-clipboard","alert-dialog","avatar","button","card","@reui/data-grid-column-header","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dialog","dropdown-menu","field","input","input-group","item","select","separator","tooltip"],"title":"Invitations Queue Data Grid with Status Filter and Bulk Resend or Revoke","type":"registry:block"},{"dependencies":["@tanstack/react-table","cn","sonner"],"description":"Admin grid to review, approve, or deny just-in-time access requests with inline decisions, bulk approve, and status/approver filters, plus a policy-check detail sheet. ReUI DataGrid, Badge; shadcn Sheet, Button. Access control, permission approval.","name":"solution-users-5","page":"https://reui.io/blocks/solutions/users/solution-users-5","registryDependencies":["@reui/badge","@reui/data-grid","avatar","button","card","checkbox","@reui/data-grid-column-header","@reui/data-grid-column-visibility","@reui/data-grid-pagination","@reui/data-grid-scroll-area","@reui/data-grid-table","dropdown-menu","input-group","label","popover","scroll-area","select","separator","sheet","tooltip"],"title":"Just-in-Time Access Request Queue with Inline Approvals and Policy Review","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Full-page audit timeline grouping access events by day with severity badges, expandable details, type filters, and CSV export. ReUI Timeline, Frame, Badge; shadcn Avatar, Button, Collapsible, Select, ToggleGroup. Activity log, compliance, access.","name":"solution-users-6","page":"https://reui.io/blocks/solutions/users/solution-users-6","registryDependencies":["@reui/badge","@reui/frame","@reui/timeline","avatar","button","collapsible","empty","select","tabs"],"title":"Day-Grouped Audit Log Timeline with Expandable Event Details and CSV Export","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Workspace admin page to manage SSO providers, SCIM provisioning, 2FA and password policy, session timeouts, and allowed domains, with status rows and a dirty-state save bar. ReUI Frame, Alert, Badge; shadcn Button, Select, Switch. Security settings.","name":"solution-users-7","page":"https://reui.io/blocks/solutions/users/solution-users-7","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/use-copy-to-clipboard","button","dropdown-menu","field","input-group","item","select","separator","switch","tooltip"],"title":"Enterprise SSO and SCIM Security Settings Page with Policy Controls","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Workspace admin page in 2 tabs: members with role selects and removal, guests with expiring access, pending invites with resend or revoke, and an admin alert matrix by channel. ReUI Frame, Badge; shadcn Tabs, Select, Checkbox, Dialog. Team settings.","name":"solution-users-8","page":"https://reui.io/blocks/solutions/users/solution-users-8","registryDependencies":["@reui/badge","@reui/frame","alert-dialog","avatar","button","checkbox","dialog","empty","field","input-group","item","progress","select","skeleton","switch","table","tabs","textarea","toggle-group","tooltip"],"title":"Team access settings with seat use, member roles, expiring guests, pending invites and admin alerts","type":"registry:block"},{"dependencies":["@base-ui/react","@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","cn"],"name":"sortable","page":"https://reui.io/components/sortable","title":"Sortable","type":"registry:ui"},{"description":"Responsive four-column KPI cards: large formatted metric, colored up or down delta badge, vs-last-month line, plus a per-card overflow menu. Uses ReUI Frame and Badge with shadcn DropdownMenu, Button, Separator. Stats overview, metrics, analytics.","name":"stats-1","page":"https://reui.io/blocks/application/stats/stats-1","registryDependencies":["@reui/badge","@reui/frame","button","dropdown-menu","separator"],"title":"KPI stat card grid with up or down trend badges and a per-card overflow action menu","type":"registry:block"},{"description":"Single KPI revenue card: large currency figure, USD label, red trend Badge for quarter-over-quarter change, and stacked metric rows. Built on ReUI Frame and Badge with shadcn Button and DropdownMenu actions. For dashboards, analytics, finance.","name":"stats-10","page":"https://reui.io/blocks/application/stats/stats-10","registryDependencies":["@reui/badge","@reui/frame","button","dropdown-menu","item"],"title":"Total Revenue stat card with trend badge, dropdown actions menu, and supporting metric rows","type":"registry:block"},{"description":"Single-stat usage card tracking API calls against a monthly quota: Progress bar for used vs total, dollar cost, remaining free calls, and a renewal-date footer. ReUI Frame, shadcn Progress and Button. Usage meter, billing, plan limit.","name":"stats-11","page":"https://reui.io/blocks/application/stats/stats-11","registryDependencies":["@reui/frame","button","progress"],"title":"API call quota usage card with progress bar, billed cost, and renewal date","type":"registry:block"},{"dependencies":["cn"],"description":"Three-column support KPI grid: each Frame card pairs a colored bordered icon tile with a bold value, label, and status Badge (tickets, resolved rate, satisfaction). ReUI Frame, Badge, shadcn Item. For support dashboards and service overview stats.","name":"stats-12","page":"https://reui.io/blocks/application/stats/stats-12","registryDependencies":["@reui/badge","@reui/frame","item"],"title":"Support metrics stat card grid with colored icon tiles and status badges","type":"registry:block"},{"dependencies":["cn"],"description":"Single-metric card tracking compliance checks passing with a segmented filled-block gauge, percentage readout, and actions dropdown. Built on ReUI Frame plus shadcn Button and DropdownMenu. For security, audit, and status dashboard widgets.","name":"stats-13","page":"https://reui.io/blocks/application/stats/stats-13","registryDependencies":["@reui/frame","button","dropdown-menu"],"title":"Compliance checks stat card with segmented bar gauge and overflow actions menu","type":"registry:block"},{"description":"Single metric card showing a large 84% adoption rate over a segmented bar chart of graduated indigo blocks, plus a header actions menu. ReUI Frame with shadcn Button and DropdownMenu. For KPI, analytics, and feature usage dashboards.","name":"stats-14","page":"https://reui.io/blocks/application/stats/stats-14","registryDependencies":["@reui/frame","button","dropdown-menu"],"title":"Feature adoption stat card with segmented stacked indigo bar chart and actions dropdown","type":"registry:block"},{"dependencies":["cn"],"description":"Three full-bleed colored metric cards, each with an icon, large KPI value, title, summary line, and a dark bottom CTA bar with a sliding arrow. Built on shadcn Card. For dashboards, KPI highlights, and stats callouts.","name":"stats-15","page":"https://reui.io/blocks/application/stats/stats-15","registryDependencies":["card"],"title":"Three color-filled hero stat cards with metric, summary, and dark CTA action bar","type":"registry:block"},{"dependencies":["cn"],"description":"Equities, fixed income and alternatives cards, each on its own 1W, 1M, 3M and 1Y tabs with an allocation share, a signed delta, a 40 bar meter, exposure and managers. ReUI Frame, Badge; shadcn Tabs, Tooltip, Avatar. Asset management, fund dashboards.","name":"stats-17","page":"https://reui.io/blocks/application/stats/stats-17","registryDependencies":["@reui/badge","@reui/frame","avatar","button","tabs","tooltip"],"title":"Portfolio allocation cards for 3 asset sleeves with period tabs, delta badges and segmented meters","type":"registry:block"},{"dependencies":["cn"],"description":"Operational capacity panel for invoices, stock and budget: each cell pairs an icon tile and caption with value of total, a derived percent, a 40 bar meter and an actions menu. ReUI Frame, IconTile; shadcn DropdownMenu, Button. Ops dashboards.","name":"stats-18","page":"https://reui.io/blocks/application/stats/stats-18","registryDependencies":["@reui/frame","@reui/icon-tile","button","dropdown-menu"],"title":"Capacity usage strip of 3 divided metric cells with value over total and segmented meters","type":"registry:block"},{"dependencies":["cn"],"description":"Four KPI metric cards on solid color backgrounds with delta arrow badge, vs-last-month comparison, and per-card overflow menu. Built with ReUI Badge, shadcn Card, Button, DropdownMenu. Dashboard stats, KPI tiles, scorecard.","name":"stats-2","page":"https://reui.io/blocks/application/stats/stats-2","registryDependencies":["@reui/badge","button","card","dropdown-menu"],"title":"Color-block KPI stat cards with delta badge, vs-last-month row, and overflow menu","type":"registry:block"},{"description":"Subscription metrics card: revenue and subscriber counts, a stacked Free/Pro/Enterprise tier bar with legend, and an Expiring Soon list with plan badges, days left, and renew links. ReUI Badge, shadcn Card, Select, Tooltip. For SaaS billing.","name":"stats-3","page":"https://reui.io/blocks/application/stats/stats-3","registryDependencies":["@reui/badge","card","select","separator","tooltip"],"title":"Subscription stats card with plan-tier segmented bar and expiring-soon renewal list","type":"registry:block"},{"dependencies":["cn"],"description":"Lead summary card with a time-range Select, new vs returning counts, percent Badge, Progress bar and a 30-segment meter, plus top source and conversion rate Tooltip. ReUI Frame, Badge; shadcn Progress, Select, Tooltip. For CRM, marketing dashboards.","name":"stats-4","page":"https://reui.io/blocks/application/stats/stats-4","registryDependencies":["@reui/badge","@reui/frame","progress","select","tooltip"],"title":"Leads overview stats card with range filter, progress bar and segmented returning-leads meter","type":"registry:block"},{"dependencies":["cn"],"description":"Wallet balance card with total amount, positive percent change, and a color-coded segmented bar splitting holdings by currency (USD, GBP, EUR) plus a Topup button. Uses shadcn Card and Button. For finance dashboards, crypto and banking apps.","name":"stats-5","page":"https://reui.io/blocks/application/stats/stats-5","registryDependencies":["button","card"],"title":"Dark balance stat card with segmented multi-currency allocation bar and topup action","type":"registry:block"},{"dependencies":["cn"],"description":"Sales rep performance summary: a 3-up KPI grid with up/down trend deltas, a pipeline progress bar, a recent activity list, and a quarter filter. ReUI Frame, Badge with shadcn Progress, Select, DropdownMenu, Button. For dashboards and scorecards.","name":"stats-6","page":"https://reui.io/blocks/application/stats/stats-6","registryDependencies":["@reui/badge","@reui/frame","button","dropdown-menu","progress","select","separator"],"title":"Staff performance card with KPI trend grid, pipeline progress bar, and activity feed","type":"registry:block"},{"description":"Bordered ReUI Frame panel split into three divided cells, each with a title, large metric value, colored trend Badge and period comparison subtext. KPI overview, dashboard stats, sales and churn metrics row.","name":"stats-7","page":"https://reui.io/blocks/application/stats/stats-7","registryDependencies":["@reui/badge","@reui/frame"],"title":"Three-column stats panel with divided cells, large metric values and trend badges","type":"registry:block"},{"description":"Responsive 1 to 3 column metric grid; each card pairs a colored icon tile with a value, label, up/down trend Badge, and reporting date range. ReUI Frame, Badge, shadcn Item. For dashboards, analytics overview, KPI summary.","name":"stats-8","page":"https://reui.io/blocks/application/stats/stats-8","registryDependencies":["@reui/badge","@reui/frame","item"],"title":"Three-column KPI stat cards with icon tiles, trend badges, and date range footer","type":"registry:block"},{"description":"Task summary card: animated Tasks Done Progress bar, range Select filter, 3-column Backlog/In Progress/In Review buckets with colored counts, and AI prediction footer. ReUI Frame, shadcn Progress, Select. Project dashboard, productivity stats widget.","name":"stats-9","page":"https://reui.io/blocks/application/stats/stats-9","registryDependencies":["@reui/frame","progress","select"],"title":"Tasks overview stat card with animated completion progress bar and AI finish-time prediction","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"name":"stepper","page":"https://reui.io/components/stepper","title":"Stepper","type":"registry:ui"},{"dependencies":["cn"],"description":"Shadcn time picker with scrollable hour, minute, second and AM/PM columns, a typable input, steps, bounds and localized labels.","name":"time-picker","page":"https://reui.io/components/time-picker","registryDependencies":["button","input-group","popover"],"title":"Shadcn time picker with scrollable hour, minute, second and AM/PM columns, a typable input, steps, bounds and localized labels.","type":"registry:ui"},{"dependencies":["@base-ui/react","cn"],"name":"timeline","page":"https://reui.io/components/timeline","title":"Timeline","type":"registry:ui"},{"dependencies":["cn","lucide-react"],"description":"Customer onboarding timeline where each activation milestone is a collapsible card with owner, priority and status badges, assignee avatars and due date. ReUI Timeline, Frame, Badge plus shadcn Avatar, Collapsible, Spinner. Onboarding tracker.","name":"timeline-1","page":"https://reui.io/blocks/application/timeline/timeline-1","registryDependencies":["@reui/badge","@reui/frame","@reui/timeline","avatar","collapsible","spinner"],"title":"Vertical customer activation timeline with collapsible milestone cards and status indicators","type":"registry:block"},{"dependencies":["cn"],"description":"Vertical activity timeline of onboarding milestones, each with date, action title, owner, colored status and risk badges, optional star rating and downloadable attachment. ReUI Timeline, Badge, Rating. Customer success, audit log, milestone feed.","name":"timeline-2","page":"https://reui.io/blocks/application/timeline/timeline-2","registryDependencies":["@reui/badge","@reui/rating","@reui/timeline","button","button-group"],"title":"Vertical Account Rollout Timeline with Owner, Status Badges, Star Rating and File Attachments","type":"registry:block"},{"dependencies":["cn"],"description":"Vertical finance feed of payouts, risk flags, invoices, ledger updates. Avatar nodes, dot plus colored status Badges, attachments, participant AvatarGroup, inline action Buttons. ReUI Timeline, Badge, shadcn Avatar, Button. Audit log, activity feed.","name":"timeline-3","page":"https://reui.io/blocks/application/timeline/timeline-3","registryDependencies":["@reui/badge","@reui/timeline","avatar","button","button-group","popover"],"title":"Finance activity timeline with avatar nodes, status badges, attachments, and inline actions","type":"registry:block"},{"dependencies":["cn"],"description":"Vertical activity stream mixing actor avatars, attachment downloads, participant avatar groups, status badges, progress bars, star ratings, and a per-event action menu. Uses ReUI Timeline, Badge, Rating, shadcn Avatar, Progress, DropdownMenu.","name":"timeline-4","page":"https://reui.io/blocks/application/timeline/timeline-4","registryDependencies":["@reui/badge","@reui/rating","@reui/timeline","avatar","button","button-group","dropdown-menu","popover","progress"],"title":"Team activity feed timeline with avatars, attachments, progress, ratings, and per-event action menu","type":"registry:block"},{"description":"Vertical changelog feed: each release shows a version title, summary, and tagged badges for type (New, Fixed), impact, and changes, with a left date rail. ReUI Timeline, Badge. Release notes, product updates, version history.","name":"timeline-5","page":"https://reui.io/blocks/application/timeline/timeline-5","registryDependencies":["@reui/badge","@reui/timeline"],"title":"Release changelog timeline with side date rail and color-coded type, impact, and change badges","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Horizontal scrollable timeline tracking approval steps, each with a phase status badge, attachment download, star rating, action button, and owner avatar. ReUI Timeline, Badge, Rating with shadcn Avatar, Button, ButtonGroup. For approval flows.","name":"timeline-6","page":"https://reui.io/blocks/application/timeline/timeline-6","registryDependencies":["@reui/badge","@reui/rating","@reui/timeline","avatar","button","button-group"],"title":"Horizontal scrolling approval workflow timeline with file attachments, ratings, and owner avatars","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Dropdown holding a scrollable vertical timeline of rollout steps, each with date, owner, status badge, dot-meta badge, attachment and star rating. ReUI Timeline, Badge, Rating with shadcn DropdownMenu, ScrollArea. Activity feed, audit log.","name":"timeline-7","page":"https://reui.io/blocks/application/timeline/timeline-7","registryDependencies":["@reui/badge","@reui/rating","@reui/timeline","button","button-group","dropdown-menu","scroll-area","tooltip"],"title":"Account rollout activity dropdown with scrollable vertical timeline and per-step badges","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Right-side activity feed panel listing team events as timeline entries with avatars, status badges, progress bars, attachments, ratings, and a per-item action menu. ReUI Timeline, Badge, Rating with shadcn Sheet, Avatar, DropdownMenu, ScrollArea.","name":"timeline-8","page":"https://reui.io/blocks/application/timeline/timeline-8","registryDependencies":["@reui/badge","@reui/rating","@reui/timeline","avatar","button","button-group","dropdown-menu","progress","scroll-area","sheet"],"title":"Slide-out team activity timeline panel in a right sheet with avatars, badges, and progress","type":"registry:block"},{"dependencies":["@base-ui/react","cn"],"description":"Floating right sheet with a scrollable activity feed of payouts, risk reviews, and ledger entries with avatar indicators, status badges, attachment downloads, and inline actions. ReUI Timeline, Badge; shadcn Sheet, Avatar. Audit log, notifications.","name":"timeline-9","page":"https://reui.io/blocks/application/timeline/timeline-9","registryDependencies":["@reui/badge","@reui/timeline","avatar","button","button-group","scroll-area","sheet"],"title":"Inset right sheet with a scrollable finance activity feed timeline and avatar indicators","type":"registry:block"},{"dependencies":["@base-ui/react","@headless-tree/core","cn"],"name":"tree","page":"https://reui.io/components/tree","title":"Tree","type":"registry:ui"},{"name":"use-copy-to-clipboard","title":"Use Copy To Clipboard","type":"registry:hook"},{"name":"use-file-upload","title":"Use File Upload","type":"registry:hook"},{"name":"use-scroll-position","title":"Use Scroll Position","type":"registry:hook"},{"name":"use-slider-input","title":"Use Slider Input","type":"registry:hook"},{"dependencies":["@excalidraw/excalidraw@0.18.1","cn","motion","sonner"],"description":"Embeddable Excalidraw whiteboard for shadcn/ui that fills any app content area and follows your tokens in light and dark: frames navigator, presence, templates, a shape library, PNG and SVG export, view only sharing and version restore.","name":"whiteboard-1","page":"https://reui.io/blocks/application/whiteboard/whiteboard-1","registryDependencies":["@reui/badge","@reui/icon-tile","alert-dialog","avatar","button","button-group","dialog","dropdown-menu","empty","field","input","input-group","item","kbd","popover","select","separator","sheet","skeleton","spinner","switch","tabs","toggle","toggle-group","tooltip"],"title":"Excalidraw Whiteboard for shadcn/ui with Frames, Presence, Templates and Versions","type":"registry:block"},{"dependencies":["@excalidraw/excalidraw@0.18.1","cn","motion","sonner"],"description":"Excalidraw sprint planning room for shadcn/ui: lane frames that total story points against capacity as you drag cards, owner portraits, presence outlines with name tags, follow and present modes, and a decision log linked to the canvas.","name":"whiteboard-2","page":"https://reui.io/blocks/application/whiteboard/whiteboard-2","registryDependencies":["@reui/badge","@reui/icon-tile","alert-dialog","avatar","button","button-group","dialog","dropdown-menu","empty","field","input-group","item","kbd","progress","separator","sheet","skeleton","spinner","tabs","toggle","toggle-group","tooltip"],"title":"Excalidraw Sprint Planning Board with Capacity Lanes, Presence, Follow Mode and Decision Log","type":"registry:block"},{"dependencies":["cn"],"description":"Saved-items wishlist as selectable rows with thumbnail, brand, variant, stock dot, and price. Select-all toolbar morphs into bulk Add to Cart, Remove, Clear; per-row Notify Me. ReUI Badge, shadcn Checkbox, Button, Item. Account and saved-items pages.","name":"wishlist-1","page":"https://reui.io/blocks/ecommerce/wishlist/wishlist-1","registryDependencies":["@reui/badge","breadcrumb","button","checkbox","empty","item"],"title":"Wishlist List View With Multi-Select Bulk Actions, Stock Status, and Price-Drop Signal Badges","type":"registry:block"},{"dependencies":["cn"],"description":"Ecommerce wishlist that flags saved products with price-drop, restock, almost-gone, or unavailable badges, filters by status tabs, and bulk-adds in-stock items to cart. ReUI Badge, shadcn Tabs, Item, Button. Saved items, favorites, watchlist.","name":"wishlist-2","page":"https://reui.io/blocks/ecommerce/wishlist/wishlist-2","registryDependencies":["@reui/badge","breadcrumb","button","empty","item","tabs"],"title":"Saved-items wishlist grid with price-drop and restock signal badges plus status tabs","type":"registry:block"},{"description":"Saved-items wishlist grid where each card shows a stock or price signal badge, Move To Cart or Notify When Restocked, and hover remove. Line Tabs filter by signal with live counts. ReUI Badge, shadcn Tabs, Button, Item, Empty. For favorites, saved.","name":"wishlist-3","page":"https://reui.io/blocks/ecommerce/wishlist/wishlist-3","registryDependencies":["@reui/badge","button","empty","item","tabs"],"title":"Wishlist Grid With Stock and Price-Drop Signal Badges and Tab Filters","type":"registry:block"},{"description":"Account wishlist as named boards with 2x2 mosaic cover cards, +N overflow, item count, updated time, Shared badge, hover share/delete. Line Tabs filter All, Recently Updated, Shared, plus a dashed New Collection tile. ReUI Badge, shadcn Tabs, Item.","name":"wishlist-4","page":"https://reui.io/blocks/ecommerce/wishlist/wishlist-4","registryDependencies":["@reui/badge","button","empty","item","tabs"],"title":"Wishlist Collections Grid with 2x2 Cover Mosaic Cards and Filter Tabs","type":"registry:block"},{"dependencies":["cn"],"description":"Saved-items page grouping products into Must Have, Save For Later, Maybe buckets with per-item stock status, price savings, a total, and lock-on-add cart actions. ReUI Badge; shadcn Button, Empty, Item, Tooltip. Wishlist, favorites, saved items.","name":"wishlist-5","page":"https://reui.io/blocks/ecommerce/wishlist/wishlist-5","registryDependencies":["@reui/badge","button","empty","item","tooltip"],"title":"Priority-Grouped Wishlist with Stock Status and Savings Summary","type":"registry:block"},{"dependencies":["cn"],"description":"Saved products in selectable collections: a left rail of cover-stacked tiles with count and total, plus a product pane with brand, price, savings, and bulk add-to-cart. shadcn Breadcrumb, Button, Empty, Item. Wishlist, favorites, lookbook.","name":"wishlist-6","page":"https://reui.io/blocks/ecommerce/wishlist/wishlist-6","registryDependencies":["breadcrumb","button","empty","item"],"title":"Multi-Collection Wishlist with Cover-Stacked Collection Rail","type":"registry:block"},{"dependencies":["lucide-react","sonner"],"description":"Multi-step account and payment onboarding wizard in a Card: ReUI Stepper nav gates locked steps, validates each step, then shows a review summary with Badge. Uses Field, Input, InputGroup, Select, Switch, Button. For billing, checkout, onboarding.","name":"wizard-1","page":"https://reui.io/blocks/application/wizard/wizard-1","registryDependencies":["@reui/badge","@reui/stepper","button","card","field","input","input-group","select","separator","switch"],"title":"Three-step billing setup wizard card with horizontal stepper, per-step validation, review summary","type":"registry:block"},{"dependencies":["sonner"],"description":"Multi-step vendor KYC intake: company details, compliance with repeatable beneficial owners and tax ID, then a document checklist and review summary. Per-step validation. ReUI Stepper, Frame, Badge plus shadcn Field, Input, Select, Checkbox, Tooltip.","name":"wizard-2","page":"https://reui.io/blocks/application/wizard/wizard-2","registryDependencies":["@reui/badge","@reui/frame","@reui/stepper","button","checkbox","field","input","select","spinner","textarea","tooltip"],"title":"Three-step procurement vendor onboarding wizard with per-step validation and review summary","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"Four-step invoice send flow with progress Stepper, editable line-item Table, and live subtotal, tax, discount, and total. ReUI Stepper, Badge, shadcn Combobox, Card, Select, Calendar, Table, Tooltip. For billing, checkout, invoicing wizards.","name":"wizard-3","page":"https://reui.io/blocks/application/wizard/wizard-3","registryDependencies":["@reui/badge","@reui/stepper","button","calendar","card","combobox","field","input","input-group","popover","select","separator","spinner","table","textarea","tooltip"],"title":"Invoice send wizard with step progress bar, line-item table, and live tax and discount totals","type":"registry:block"},{"dependencies":["cn","date-fns"],"description":"Plan, seats, payment, and review flow that recalculates seat subtotal, annual discount, and support fee into a draft invoice. Uses ReUI Stepper, Badge, Alert plus Card, RadioGroup, Slider, Select, and Calendar. For checkout and seat upgrade screens.","name":"wizard-4","page":"https://reui.io/blocks/application/wizard/wizard-4","registryDependencies":["@reui/alert","@reui/badge","@reui/stepper","button","calendar","card","field","input","item","popover","radio-group","select","slider","tooltip"],"title":"Four-step billing upgrade wizard with live invoice preview sidebar and due-today total","type":"registry:block"},{"dependencies":["cn","sonner"],"description":"Add member emails with inline validation and per-row roles, set sender and expiry, then review a recipients table and send-readiness checks before queuing. ReUI Stepper, Frame, Badge plus shadcn Table, Select, Avatar. For onboarding and seat invites.","name":"wizard-5","page":"https://reui.io/blocks/application/wizard/wizard-5","registryDependencies":["@reui/alert","@reui/badge","@reui/frame","@reui/stepper","avatar","button","field","input","item","select","separator","spinner","table","textarea"],"title":"Three step team invitation wizard with per-row role assignment and pre-send review","type":"registry:block"},{"dependencies":["@base-ui/react","cn","sonner"],"description":"Add-product flow across details, image gallery, variant option groups, pricing, and a per-variant SKU matrix table. ReUI Stepper, Badge, Alert with shadcn Card, Select, Switch, Table, Dialog. Product setup wizard, multi-step form.","name":"wizard-6","page":"https://reui.io/blocks/application/wizard/wizard-6","registryDependencies":["@reui/alert","@reui/badge","@reui/stepper","@reui/use-file-upload","accordion","alert-dialog","button","card","checkbox","dialog","field","input","item","radio-group","scroll-area","select","separator","spinner","switch","table","textarea","tooltip"],"title":"Five-step ecommerce product creation wizard with variant options and SKU matrix","type":"registry:block"},{"dependencies":["cn","motion","sonner"],"description":"Money transfer flow over a 4-step Stepper: pick payee, set amount and funding source, review, authorize with a 6-digit code. Recent-payee grid, searchable saved accounts, multi-currency Combobox, low-balance Alert. ReUI Stepper plus shadcn Combobox.","name":"wizard-7","page":"https://reui.io/blocks/application/wizard/wizard-7","registryDependencies":["@reui/alert","@reui/icon-stack","@reui/stepper","avatar","button","checkbox","combobox","empty","field","input","item","scroll-area","select","separator","spinner","tooltip"],"title":"Four-step fund transfer wizard with payee search, currency combobox, and balance checks","type":"registry:block"}]},"shadcn rjsf form builder":{"favicon":"/favicons/shadcn-rjsf-form-builder.svg","items":[{"dependencies":["@rjsf/core","@rjsf/utils","@rjsf/validator-ajv8","@tabler/icons-react","clsx","tailwind-merge"],"description":"A themed RJSF form renderer with shadcn/ui-styled widgets, fields, and templates.","name":"form-renderer","registryDependencies":["form-builder-types","input","textarea","select","checkbox","radio-group"],"title":"Form Renderer","type":"registry:ui"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","nanoid","@tabler/icons-react"],"description":"A visual drag-and-drop form builder with field palette, canvas, and settings panel.","name":"form-builder","registryDependencies":["form-builder-types","form-renderer"],"title":"Form Builder","type":"registry:ui"}]},"suiss ui":{"favicon":"/favicons/suiss-ui.png","items":[{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A vertically stacked set of headings that each reveal a section of content.","name":"accordion","registryDependencies":["@esuiss/utils"],"title":"Accordion","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A modal dialog that interrupts the user to confirm an important action or acknowledge information.","name":"alert-dialog","registryDependencies":["@esuiss/button","@esuiss/use-scrollbar-gap","@esuiss/utils"],"title":"Alert Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"An action sheet that slides up from the bottom of the screen to confirm or choose an action.","name":"alert-sheet","registryDependencies":["@esuiss/use-scrollbar-gap","@esuiss/utils"],"title":"Alert Sheet","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A static callout that draws attention to an important message without interrupting the user.","name":"alert","registryDependencies":["@esuiss/utils"],"title":"Alert","type":"registry:ui"},{"description":"A container that keeps its content at a fixed width-to-height ratio.","name":"aspect-ratio","registryDependencies":["@esuiss/utils"],"title":"Aspect Ratio","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A compact file card that shows a document or image with its name, details, upload state and actions.","name":"attachment","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Attachment","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A circular image that represents a person, with initials or an icon when no image is available.","name":"avatar","registryDependencies":["@esuiss/utils"],"title":"Avatar","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A small inline label for status, counts or metadata.","name":"badge","registryDependencies":["@esuiss/utils"],"title":"Badge","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A trail of links that shows where the current page sits in the site hierarchy.","name":"breadcrumb","registryDependencies":["@esuiss/utils"],"title":"Breadcrumb","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A chat-style message bubble with variants, alignment, a tail and optional reactions.","name":"bubble","registryDependencies":["@esuiss/utils"],"title":"Bubble","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A container that joins related buttons, inputs and menus into a single connected control.","name":"button-group","registryDependencies":["@esuiss/separator","@esuiss/utils"],"title":"Button Group","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A pill-shaped button that triggers an action, with variants for every level of emphasis.","name":"button","registryDependencies":["@esuiss/utils"],"title":"Button","type":"registry:ui"},{"dependencies":["react-day-picker"],"description":"A month-grid date picker for selecting a single date, several dates or a date range.","name":"calendar","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Calendar","type":"registry:ui"},{"description":"A raised container that groups related content and actions about a single subject.","name":"card","registryDependencies":["@esuiss/utils"],"title":"Card","type":"registry:ui"},{"dependencies":["embla-carousel-react"],"description":"A swipeable track of slides with buttons, dots and optional autoplay, built on Embla Carousel.","name":"carousel","registryDependencies":["@esuiss/button","@esuiss/direction","@esuiss/utils"],"title":"Carousel","type":"registry:ui"},{"dependencies":["react-is","recharts"],"description":"Themed building blocks for Recharts charts, with a shared color config, tooltip and legend.","name":"chart","registryDependencies":["@esuiss/utils"],"title":"Chart","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A control that lets people turn a single option on or off.","name":"checkbox","registryDependencies":["@esuiss/utils"],"title":"Checkbox","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A surface for code, terminal output and diffs, with copy, line numbers, line states and streaming syntax highlighting.","name":"code-block","registryDependencies":["@esuiss/button","@esuiss/use-highlighted-code","@esuiss/utils"],"title":"Code Block","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A section that people can expand and collapse to show or hide its content.","name":"collapsible","title":"Collapsible","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A text input with a filterable list of options, for choosing one or more values by typing.","name":"combobox","registryDependencies":["@esuiss/button","@esuiss/input-group","@esuiss/utils"],"title":"Combobox","type":"registry:ui"},{"dependencies":["cmdk"],"description":"A searchable menu of commands, used inline or as a command palette in a dialog.","name":"command","registryDependencies":["@esuiss/dialog","@esuiss/use-platform","@esuiss/utils"],"title":"Command","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A menu of actions that opens at the pointer when people right-click an area.","name":"context-menu","registryDependencies":["@esuiss/use-platform","@esuiss/utils"],"title":"Context Menu","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A modal window that appears above the page to focus people on a task or message.","name":"dialog","registryDependencies":["@esuiss/button","@esuiss/use-scrollbar-gap","@esuiss/utils"],"title":"Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A provider that sets the reading direction, left-to-right or right-to-left, for the components inside it.","name":"direction","title":"Direction","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A panel that slides in from an edge of the screen and can be dismissed with a swipe.","name":"drawer","registryDependencies":["@esuiss/button","@esuiss/use-scrollbar-gap","@esuiss/utils"],"title":"Drawer","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A menu of actions or options that opens from a button.","name":"dropdown-menu","registryDependencies":["@esuiss/use-platform","@esuiss/utils"],"title":"Dropdown Menu","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A placeholder that explains why a view has no content and what people can do next.","name":"empty","registryDependencies":["@esuiss/utils"],"title":"Empty","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Building blocks for form fields that pair controls with labels, descriptions and error messages.","name":"field","registryDependencies":["@esuiss/label","@esuiss/separator","@esuiss/utils"],"title":"Field","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A navigation menu that covers the whole screen, for site links on small viewports.","name":"fullscreen-menu","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Fullscreen Menu","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A card that previews content behind a link when people hover over or focus it.","name":"hover-card","registryDependencies":["@esuiss/utils"],"title":"Hover Card","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A text field with icons, text, buttons or keyboard hints attached inside its border.","name":"input-group","registryDependencies":["@esuiss/button","@esuiss/input","@esuiss/textarea","@esuiss/utils"],"title":"Input Group","type":"registry:ui"},{"dependencies":["input-otp"],"description":"A segmented field for entering one-time passcodes, one character per slot.","name":"input-otp","registryDependencies":["@esuiss/utils"],"title":"Input OTP","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A single-line text field for entering and editing short values.","name":"input","registryDependencies":["@esuiss/utils"],"title":"Input","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A flexible row that pairs media, a title, a description and actions, for lists and settings.","name":"item","registryDependencies":["@esuiss/utils"],"title":"Item","type":"registry:ui"},{"description":"Displays a keyboard key or shortcut, with a platform-aware modifier symbol.","name":"kbd","registryDependencies":["@esuiss/use-platform","@esuiss/utils"],"title":"Kbd","type":"registry:ui"},{"description":"An accessible text label that names a form control.","name":"label","registryDependencies":["@esuiss/utils"],"title":"Label","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"An inline annotation for timelines and conversations, such as a date divider or system event.","name":"marker","registryDependencies":["@esuiss/utils"],"title":"Marker","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A horizontal bar of menus, like a desktop application's menu bar.","name":"menubar","registryDependencies":["@esuiss/dropdown-menu","@esuiss/utils"],"title":"Menubar","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A scroll container for chat transcripts that opens at the latest message and keeps scroll position stable.","name":"message-scroller","registryDependencies":["@esuiss/button","@esuiss/scroll-area","@esuiss/use-message-scroller","@esuiss/utils"],"title":"Message Scroller","type":"registry:ui"},{"description":"Lays out a single chat message with an optional avatar, header and footer.","name":"message","registryDependencies":["@esuiss/utils"],"title":"Message","type":"registry:ui"},{"description":"A styled native select element for choosing one option from a list.","name":"native-select","registryDependencies":["@esuiss/utils"],"title":"Native Select","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A site navigation bar whose items open popover or full-width panels of links.","name":"navigation-menu","registryDependencies":["@esuiss/utils"],"title":"Navigation Menu","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"Navigation links for moving between pages of content, such as table results.","name":"pagination","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Pagination","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A floating panel anchored to a trigger, for supplementary content and lightweight controls.","name":"popover","registryDependencies":["@esuiss/utils"],"title":"Popover","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A horizontal bar that shows the completion of a task.","name":"progress","registryDependencies":["@esuiss/utils"],"title":"Progress","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A step-by-step form that shows one question at a time, with validation, skipping and keyboard shortcuts.","name":"questionnaire","registryDependencies":["@esuiss/button","@esuiss/use-questionnaire","@esuiss/utils"],"title":"Questionnaire","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A set of radio buttons where only one option can be selected at a time.","name":"radio-group","registryDependencies":["@esuiss/utils"],"title":"Radio Group","type":"registry:ui"},{"dependencies":["react-resizable-panels"],"description":"Panels separated by draggable handles that let users resize sections of a layout.","name":"resizable","registryDependencies":["@esuiss/utils"],"title":"Resizable","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A scrollable region with slim, custom-styled scrollbars.","name":"scroll-area","registryDependencies":["@esuiss/utils"],"title":"Scroll Area","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A button that opens a list of options so people can pick one value.","name":"select","registryDependencies":["@esuiss/utils"],"title":"Select","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A thin line that visually divides content, horizontally or vertically.","name":"separator","registryDependencies":["@esuiss/utils"],"title":"Separator","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A panel that slides in from an edge of the screen over the page.","name":"sheet","registryDependencies":["@esuiss/button","@esuiss/use-scrollbar-gap","@esuiss/utils"],"title":"Sheet","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A collapsible app sidebar for navigation, with icon, off-canvas and mobile sheet modes.","name":"sidebar","registryDependencies":["@esuiss/button","@esuiss/direction","@esuiss/input","@esuiss/separator","@esuiss/sheet","@esuiss/skeleton","@esuiss/tooltip","@esuiss/use-mobile","@esuiss/use-platform","@esuiss/utils"],"title":"Sidebar","type":"registry:ui"},{"description":"A pulsing placeholder block that stands in for content while it loads.","name":"skeleton","registryDependencies":["@esuiss/utils"],"title":"Skeleton","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A track with one or more draggable thumbs for choosing a value or range.","name":"slider","registryDependencies":["@esuiss/utils"],"title":"Slider","type":"registry:ui"},{"description":"An eight-spoke activity indicator that shows an indeterminate wait.","name":"spinner","registryDependencies":["@esuiss/utils"],"title":"Spinner","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A toggle control that turns a single setting on or off.","name":"switch","registryDependencies":["@esuiss/utils"],"title":"Switch","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A floating bottom navigation bar whose overflow and extra sections expand from a More button.","name":"tab-bar","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Tab Bar","type":"registry:ui"},{"description":"Styled native table elements for displaying rows of structured data.","name":"table","registryDependencies":["@esuiss/utils"],"title":"Table","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A set of tabs that switches between panels of related content in the same place.","name":"tabs","registryDependencies":["@esuiss/utils"],"title":"Tabs","type":"registry:ui"},{"description":"A multi-line text field that grows with its content, with an optional resize handle.","name":"textarea","registryDependencies":["@esuiss/utils"],"title":"Textarea","type":"registry:ui"},{"description":"A theme provider with a light, dark and system toggle and an animated switch between them.","name":"theme","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Theme","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Brief, stacked notifications that appear at the bottom of the screen and dismiss themselves.","name":"toast","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Toast","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A set of toggle buttons for choosing one or several related options, including segmented controls.","name":"toggle-group","registryDependencies":["@esuiss/toggle","@esuiss/utils"],"title":"Toggle Group","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"A two-state button that stays pressed until it's pressed again.","name":"toggle","registryDependencies":["@esuiss/utils"],"title":"Toggle","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"A small label that appears next to an element on hover or keyboard focus.","name":"tooltip","registryDependencies":["@esuiss/utils"],"title":"Tooltip","type":"registry:ui"},{"description":"Rows for the steps an agent takes: reasoning, tool calls, sources, plans and file edits.","name":"trace","registryDependencies":["@esuiss/collapsible","@esuiss/utils"],"title":"Trace","type":"registry:ui"},{"description":"A scrolling, 3D-curved wheel of options, like the iOS picker, for choosing values such as dates and times.","name":"wheel-picker","registryDependencies":["@esuiss/utils"],"title":"Wheel Picker","type":"registry:ui"},{"description":"A rounded card in the style of home screen widgets, with fixed sizes and optional drag-to-resize.","name":"widget","registryDependencies":["@esuiss/utils"],"title":"Widget","type":"registry:ui"},{"categories":["patterns"],"dependencies":["@base-ui/react"],"description":"A row of menus that renders as a menubar on desktop and a single More actions sheet on mobile.","name":"action-bar","registryDependencies":["@esuiss/alert-sheet","@esuiss/button","@esuiss/drawer","@esuiss/menubar","@esuiss/use-mobile","@esuiss/utils"],"title":"Action Bar","type":"registry:component"},{"categories":["patterns"],"description":"A list of actions that opens as a dropdown menu on desktop and an action sheet on mobile.","name":"action-menu","registryDependencies":["@esuiss/alert-sheet","@esuiss/dropdown-menu","@esuiss/use-mobile"],"title":"Action Menu","type":"registry:component"},{"categories":["patterns"],"description":"An application frame with a collapsible sidebar on desktop and a floating tab bar on mobile.","name":"app-shell","registryDependencies":["@esuiss/sidebar","@esuiss/tab-bar","@esuiss/utils"],"title":"App Shell","type":"registry:component"},{"categories":["patterns"],"description":"A searchable command menu that opens in a dialog on desktop and a drawer on mobile.","name":"command-palette","registryDependencies":["@esuiss/command","@esuiss/dialog","@esuiss/drawer","@esuiss/use-mobile","@esuiss/use-platform","@esuiss/utils"],"title":"Command Palette","type":"registry:component"},{"categories":["patterns"],"description":"A confirmation prompt that opens as an alert dialog on desktop and an action sheet on mobile.","name":"confirm","registryDependencies":["@esuiss/alert-dialog","@esuiss/alert-sheet","@esuiss/use-mobile"],"title":"Confirm","type":"registry:component"},{"categories":["patterns"],"description":"Actions for an element that open as a context menu on right click, or an action sheet on long press on mobile.","name":"context-actions","registryDependencies":["@esuiss/alert-sheet","@esuiss/context-menu","@esuiss/use-mobile","@esuiss/utils"],"title":"Context Actions","type":"registry:component"},{"categories":["patterns"],"description":"A date field that opens a calendar popover on desktop and wheel pickers in a drawer on mobile.","name":"date-picker","registryDependencies":["@esuiss/calendar","@esuiss/drawer","@esuiss/popover","@esuiss/use-mobile","@esuiss/utils","@esuiss/wheel-picker"],"title":"Date Picker","type":"registry:component"},{"categories":["patterns"],"dependencies":["@base-ui/react"],"description":"A non-modal panel anchored to a trigger on desktop that becomes a bottom drawer on mobile.","name":"flyout","registryDependencies":["@esuiss/drawer","@esuiss/popover","@esuiss/use-mobile","@esuiss/utils"],"title":"Flyout","type":"registry:component"},{"categories":["patterns"],"description":"A modal window that opens as a centered dialog on desktop and a bottom drawer on mobile.","name":"modal","registryDependencies":["@esuiss/dialog","@esuiss/drawer","@esuiss/use-mobile","@esuiss/utils"],"title":"Modal","type":"registry:component"},{"categories":["patterns"],"description":"A site header that renders a navigation menu on wide screens and a fullscreen menu when space runs out.","name":"navbar","registryDependencies":["@esuiss/fullscreen-menu","@esuiss/navigation-menu","@esuiss/use-mobile","@esuiss/utils"],"title":"Navbar","type":"registry:component"},{"categories":["patterns"],"description":"A list that pages through items with numbered pagination on desktop and a Load more button on mobile.","name":"paged-list","registryDependencies":["@esuiss/button","@esuiss/pagination","@esuiss/use-mobile","@esuiss/utils"],"title":"Paged List","type":"registry:component"},{"categories":["patterns"],"description":"A side panel that renders as a Sheet on desktop and a swipeable Drawer on mobile.","name":"panel","registryDependencies":["@esuiss/drawer","@esuiss/sheet","@esuiss/use-mobile","@esuiss/utils"],"title":"Panel","type":"registry:component"},{"categories":["patterns"],"description":"A single-choice picker that renders a custom Select on desktop and a native select on mobile.","name":"picker","registryDependencies":["@esuiss/native-select","@esuiss/select","@esuiss/use-mobile"],"title":"Picker","type":"registry:component"},{"categories":["patterns"],"description":"A link preview that shows a hover card on desktop and a drawer on mobile.","name":"preview","registryDependencies":["@esuiss/drawer","@esuiss/hover-card","@esuiss/use-mobile","@esuiss/utils"],"title":"Preview","type":"registry:component"},{"categories":["patterns"],"description":"A searchable single-choice picker that renders a Combobox on desktop and a search drawer on mobile.","name":"search-picker","registryDependencies":["@esuiss/combobox","@esuiss/command","@esuiss/drawer","@esuiss/use-mobile","@esuiss/utils"],"title":"Search Picker","type":"registry:component"},{"categories":["patterns"],"description":"A segmented control for one exclusive choice that becomes a native select on mobile.","name":"segment-picker","registryDependencies":["@esuiss/native-select","@esuiss/toggle-group","@esuiss/use-mobile"],"title":"Segment Picker","type":"registry:component"},{"categories":["patterns"],"dependencies":["@base-ui/react","class-variance-authority"],"description":"A two- or three-column sidebar, list and detail layout that becomes a push navigation stack on mobile.","name":"split-view","registryDependencies":["@esuiss/resizable","@esuiss/use-mobile","@esuiss/utils"],"title":"Split View","type":"registry:component"},{"categories":["patterns"],"description":"Tabular data that renders as a table on desktop and a grouped list on mobile.","name":"table-list","registryDependencies":["@esuiss/table","@esuiss/use-mobile","@esuiss/utils"],"title":"Table List","type":"registry:component"},{"categories":["patterns"],"dependencies":["@base-ui/react"],"description":"A navigation trail that shows breadcrumbs on desktop and a back link with history on mobile.","name":"trail","registryDependencies":["@esuiss/breadcrumb","@esuiss/use-mobile","@esuiss/utils"],"title":"Trail","type":"registry:component"},{"categories":["interactions"],"dependencies":["class-variance-authority"],"description":"A floating pill at the top of the screen that shows live activities and brief notifications, like the Dynamic Island.","name":"island","registryDependencies":["@esuiss/utils"],"title":"Island","type":"registry:component"},{"categories":["interactions"],"description":"A one-time code field that offers an incoming code, fills it digit by digit, and verifies it automatically.","name":"otp-autofill","registryDependencies":["@esuiss/input-otp","@esuiss/use-mobile","@esuiss/utils"],"title":"OTP Autofill","type":"registry:component"},{"categories":["interactions"],"dependencies":["@base-ui/react"],"description":"A context menu that lifts the pressed item into an enlarged preview above its actions, like iOS context menus.","name":"preview-menu","registryDependencies":["@esuiss/utils"],"title":"Preview Menu","type":"registry:component"},{"categories":["interactions"],"description":"A scroll container that refreshes its content when the user pulls down from the top.","name":"pull-to-refresh","registryDependencies":["@esuiss/spinner","@esuiss/utils"],"title":"Pull to Refresh","type":"registry:component"},{"categories":["interactions"],"description":"A scrolling list with a search field tucked above it that appears when the user scrolls up.","name":"search-reveal","registryDependencies":["@esuiss/utils"],"title":"Search Reveal","type":"registry:component"},{"categories":["interactions"],"description":"An A to Z index bar for jumping between sections of a long list by tapping, dragging, or typing.","name":"section-index","registryDependencies":["@esuiss/utils"],"title":"Section Index","type":"registry:component"},{"categories":["interactions"],"description":"A list with an edit mode for selecting multiple rows and acting on them from a floating toolbar.","name":"selection-list","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Selection List","type":"registry:component"},{"categories":["interactions"],"dependencies":["@base-ui/react"],"description":"A numeric field with minus and plus buttons that step the value, accelerating while held.","name":"stepper","registryDependencies":["@esuiss/utils"],"title":"Stepper","type":"registry:component"},{"categories":["interactions"],"dependencies":["class-variance-authority"],"description":"A list row that reveals action buttons when swiped sideways, with optional full swipe to run an action.","name":"swipe-actions","registryDependencies":["@esuiss/utils"],"title":"Swipe Actions","type":"registry:component"},{"categories":["interactions"],"dependencies":["@base-ui/react"],"description":"A dismissible feature tip shown inline or as a popover, remembered once dismissed and sequenced in groups.","name":"tip","registryDependencies":["@esuiss/utils"],"title":"Tip","type":"registry:component"},{"categories":["interactions"],"description":"A floating bar that offers to undo the last action for a few seconds before committing it.","name":"undo-bar","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Undo Bar","type":"registry:component"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"A gradient area with visible dots and a value axis on the right edge of the plot.","name":"area-chart-axes","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Area Chart Axes","type":"registry:block"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"A single filled area with a smooth curve showing one series across six months.","name":"area-chart-default","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Area Chart Default","type":"registry:block"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"Two overlapping areas whose fills fade out toward the bottom using SVG linear gradients.","name":"area-chart-gradient","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Area Chart Gradient","type":"registry:block"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"A stock price chart with time-range toggles, a scrubbing cursor that updates the header, and animated transitions between ranges.","name":"area-chart-interactive","registryDependencies":["@esuiss/card","@esuiss/chart","@esuiss/toggle-group"],"title":"Area Chart Interactive","type":"registry:block"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"A single filled area whose points are joined by straight segments instead of a smoothed curve.","name":"area-chart-linear","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Area Chart Linear","type":"registry:block"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"A heart-rate band showing each hour's low-to-high range as a shaded area with an average line through it.","name":"area-chart-range","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Area Chart Range","type":"registry:block"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"A watchlist with a tiny gradient area chart beside each price, colored by whether the stock is rising or falling.","name":"area-chart-sparkline","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Area Chart Sparkline","type":"registry:block"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"Two stacked areas normalized so every month fills 100%, showing each series' share rather than its value.","name":"area-chart-stacked-expand","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Area Chart Stacked Expand","type":"registry:block"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"Two areas stacked on top of each other so the top edge shows the combined total, with a legend.","name":"area-chart-stacked","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Area Chart Stacked","type":"registry:block"},{"categories":["charts","charts-area"],"dependencies":["react-is","recharts"],"description":"A single filled area drawn as steps, holding each value flat until the next reading.","name":"area-chart-step","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Area Chart Step","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"A week of step counts where clicking a bar selects it, dims the others and updates the header.","name":"bar-chart-active","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Bar Chart Active","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"A single series of rounded vertical bars, one per month.","name":"bar-chart-default","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Bar Chart Default","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"Horizontal bars with category names on the left and a distinct color for each category.","name":"bar-chart-horizontal","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Bar Chart Horizontal","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"Twenty-four thin bars of screen time per hour, with a dashed line marking the hourly average.","name":"bar-chart-hourly","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Bar Chart Hourly","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"A screen-time report with stacked category bars, a week and day toggle, selectable days and a most-used apps list.","name":"bar-chart-interactive","registryDependencies":["@esuiss/card","@esuiss/chart","@esuiss/toggle-group"],"title":"Bar Chart Interactive","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"A single bar series with each value printed above its bar and no grid lines.","name":"bar-chart-labeled","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Bar Chart Labeled","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"Two series drawn as grouped bars side by side for each month.","name":"bar-chart-multiple","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Bar Chart Multiple","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"Monthly cash flow bars that turn green above zero and red below it, with a zero baseline.","name":"bar-chart-negative","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Bar Chart Negative","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"A weather forecast where each horizontal pill spans the day's low and high on a shared gradient scale.","name":"bar-chart-range","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Bar Chart Range","type":"registry:block"},{"categories":["charts","charts-bar"],"dependencies":["react-is","recharts"],"description":"Two series stacked into one bar per month, with a legend below the plot.","name":"bar-chart-stacked","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Bar Chart Stacked","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"A single smooth line through six months of values, without point markers.","name":"line-chart-default","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Line Chart Default","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"A weight trend with a dot at every monthly reading and a fixed value axis on the right.","name":"line-chart-dots","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Line Chart Dots","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"A solid line for actual values that continues as a dashed forecast over a shaded future range.","name":"line-chart-forecast","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Line Chart Forecast","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"Nightly sleep hours with a goal line and dots colored green or orange depending on whether the goal was met.","name":"line-chart-goal-dots","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Line Chart Goal Dots","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"Daily step counts plotted against a labeled dashed goal line at 10,000 steps.","name":"line-chart-goal","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Line Chart Goal","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"Monthly temperatures for several cities, with chips to show or hide each city and an average, high or low switch.","name":"line-chart-interactive","registryDependencies":["@esuiss/card","@esuiss/chart","@esuiss/toggle","@esuiss/toggle-group"],"title":"Line Chart Interactive","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"A single line with a dot and a printed value at every point, and no grid.","name":"line-chart-labeled","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Line Chart Labeled","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"A single line drawn with straight segments between readings instead of a smoothed curve.","name":"line-chart-linear","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Line Chart Linear","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"Two lines compared on the same axes, with a legend identifying each series.","name":"line-chart-multiple","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Line Chart Multiple","type":"registry:block"},{"categories":["charts","charts-line"],"dependencies":["react-is","recharts"],"description":"A single line drawn as horizontal steps, holding each value until the next reading.","name":"line-chart-step","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Line Chart Step","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"A donut where one slice is enlarged and outlined with an outer arc to highlight it.","name":"pie-chart-active","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Pie Chart Active","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"A full pie split into five device slices, separated by thin card-colored borders.","name":"pie-chart-default","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Pie Chart Default","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"A donut with the total number of users displayed in the center of the ring.","name":"pie-chart-donut-text","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Pie Chart Donut Text","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"A donut chart with a hollow center and small gaps between slices.","name":"pie-chart-donut","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Pie Chart Donut","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"A semicircular gauge-style pie showing battery share by device, with a caption under the arc.","name":"pie-chart-half","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Pie Chart Half","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"A storage breakdown donut with a device switch, hover-linked list and lifted slices, plus a linear usage bar.","name":"pie-chart-interactive","registryDependencies":["@esuiss/card","@esuiss/chart","@esuiss/toggle-group"],"title":"Pie Chart Interactive","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"A pie with each category name drawn outside its slice and joined by a leader line.","name":"pie-chart-label","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Pie Chart Label","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"A donut with a legend beneath it that lists every category and its color.","name":"pie-chart-legend","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Pie Chart Legend","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"Two concentric pies: an inner ring of grouped totals surrounded by an outer ring of individual categories.","name":"pie-chart-nested","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Pie Chart Nested","type":"registry:block"},{"categories":["charts","charts-pie"],"dependencies":["react-is","recharts"],"description":"A donut whose slices are pulled apart with wide gaps and rounded corners.","name":"pie-chart-separated","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Pie Chart Separated","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"A single filled radar shape showing this month's scores across six training skills.","name":"radar-chart-default","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radar Chart Default","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"A single radar shape with a solid dot marking the value on every axis.","name":"radar-chart-dots","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radar Chart Dots","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"A single radar shape drawn over circular rings instead of polygonal grid lines.","name":"radar-chart-grid-circle","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radar Chart Grid Circle","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"A borderless radar shape over shaded circular rings separated by card-colored lines.","name":"radar-chart-grid-filled","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radar Chart Grid Filled","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"A single solid radar shape with no grid and no outline, leaving only the shape and axis labels.","name":"radar-chart-grid-none","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radar Chart Grid None","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"A phone model comparison where toggle chips show up to three models, which grow in and out of the radar.","name":"radar-chart-interactive","registryDependencies":["@esuiss/card","@esuiss/chart","@esuiss/toggle"],"title":"Radar Chart Interactive","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"Two overlapping radar shapes with a legend beneath that names each series.","name":"radar-chart-legend","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radar Chart Legend","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"Two radar outlines with no fill, comparing this month and last month by stroke alone.","name":"radar-chart-lines-only","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radar Chart Lines Only","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"Two overlapping radar shapes comparing this month with last month.","name":"radar-chart-multiple","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radar Chart Multiple","type":"registry:block"},{"categories":["charts","charts-radar"],"dependencies":["react-is","recharts"],"description":"A single radar shape with a visible 0 to 100 value scale along the vertical axis.","name":"radar-chart-radius-axis","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radar Chart Radius Axis","type":"registry:block"},{"categories":["charts","charts-radial"],"dependencies":["react-is","recharts"],"description":"A row of small battery rings, one per device, that turn red when charge is at or below 20%.","name":"radial-chart-batteries","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radial Chart Batteries","type":"registry:block"},{"categories":["charts","charts-radial"],"dependencies":["react-is","recharts"],"description":"Concentric radial bars, one per device, each running around a gray background track.","name":"radial-chart-default","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radial Chart Default","type":"registry:block"},{"categories":["charts","charts-radial"],"dependencies":["react-is","recharts"],"description":"A 240-degree gauge arc showing an air quality reading with its value and rating below the center.","name":"radial-chart-gauge","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radial Chart Gauge","type":"registry:block"},{"categories":["charts","charts-radial"],"description":"A weekly activity view where picking a day animates three large rings and updates each ring's totals.","name":"radial-chart-interactive","registryDependencies":["@esuiss/card","@esuiss/toggle-group"],"title":"Radial Chart Interactive","type":"registry:block"},{"categories":["charts","charts-radial"],"dependencies":["react-is","recharts"],"description":"Concentric radial bars with each category's name printed at the start of its bar.","name":"radial-chart-label","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radial Chart Label","type":"registry:block"},{"categories":["charts","charts-radial"],"dependencies":["react-is","recharts"],"description":"A three-quarter arc tracking progress toward a goal, with the count shown in the center.","name":"radial-chart-progress","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radial Chart Progress","type":"registry:block"},{"categories":["charts","charts-radial"],"description":"Three nested activity rings for move, exercise and stand, drawn as plain SVG circles.","name":"radial-chart-rings","registryDependencies":["@esuiss/card"],"title":"Radial Chart Rings","type":"registry:block"},{"categories":["charts","charts-radial"],"dependencies":["react-is","recharts"],"description":"A half-circle arc with two series stacked end to end and the combined total beneath it.","name":"radial-chart-stacked","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radial Chart Stacked","type":"registry:block"},{"categories":["charts","charts-radial"],"dependencies":["react-is","recharts"],"description":"A single full-circle progress ring with a percentage and caption centered inside.","name":"radial-chart-text","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radial Chart Text","type":"registry:block"},{"categories":["charts","charts-radial"],"dependencies":["react-is","recharts"],"description":"Concentric radial bars whose unfilled track is a soft tint of each bar's own color.","name":"radial-chart-tinted","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Radial Chart Tinted","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A bar chart whose tooltip is fully custom markup, showing a large total, a unit and the day.","name":"tooltip-chart-custom","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Tooltip Chart Custom","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A stacked bar chart whose tooltip marks each series with a dashed outline indicator.","name":"tooltip-chart-dashed","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Tooltip Chart Dashed","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A stacked bar chart showing the default tooltip indicator, a small colored square for each series.","name":"tooltip-chart-dot","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Tooltip Chart Dot","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A bar chart of daily active energy whose tooltip shows a name, value and kcal unit through a custom formatter.","name":"tooltip-chart-formatter","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Tooltip Chart Formatter","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A stacked bar chart whose tooltip shows an icon for each series in place of a color swatch.","name":"tooltip-chart-icons","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Tooltip Chart Icons","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A tooltip playground on quarterly revenue bars, with controls for indicator, trigger, title total and hidden parts.","name":"tooltip-chart-interactive","registryDependencies":["@esuiss/card","@esuiss/chart","@esuiss/switch","@esuiss/toggle-group"],"title":"Tooltip Chart Interactive","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A gradient area chart whose tooltip heading shows a longer date than the axis ticks.","name":"tooltip-chart-label-formatter","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Tooltip Chart Label Formatter","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A stacked bar chart whose tooltip marks each series with a thin vertical color bar.","name":"tooltip-chart-line","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Tooltip Chart Line","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A stacked bar chart whose tooltip lists series names and values without color indicators.","name":"tooltip-chart-no-indicator","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Tooltip Chart No Indicator","type":"registry:block"},{"categories":["charts","charts-tooltip"],"dependencies":["react-is","recharts"],"description":"A stacked bar chart whose tooltip omits the category heading and shows only the series rows.","name":"tooltip-chart-no-label","registryDependencies":["@esuiss/card","@esuiss/chart"],"title":"Tooltip Chart No Label","type":"registry:block"},{"categories":["blocks","bag"],"description":"A three-step checkout with delivery, payment, and review steps beside an order summary.","name":"bag-checkout","registryDependencies":["@esuiss/button","@esuiss/label","@esuiss/radio-group"],"title":"Bag Checkout","type":"registry:block"},{"categories":["blocks","bag"],"description":"A product configurator for choosing a model, finish, and storage, with a live price and Add to Bag button.","name":"bag-configure","registryDependencies":["@esuiss/button","@esuiss/label","@esuiss/radio-group","@esuiss/toggle-group"],"title":"Bag Configure","type":"registry:block"},{"categories":["blocks","bag"],"description":"A shopping bag review page with quantity steppers, removable line items, and a totals summary.","name":"bag-review","registryDependencies":["@esuiss/button","@esuiss/stepper"],"title":"Bag Review","type":"registry:block"},{"categories":["blocks","bento"],"description":"A feature spotlight that pairs an auto-advancing accordion of features with a matching cross-fading image.","name":"bento-closer-look","registryDependencies":["@esuiss/accordion"],"title":"Bento Closer Look","type":"registry:block"},{"categories":["blocks","bento"],"description":"A bento grid of product feature tiles mixing photography, gradient figures, and short claims.","name":"bento-features","title":"Bento Features","type":"registry:block"},{"categories":["blocks","bento"],"description":"A dark bento grid of headline product stats, with a photo tile and an animated charging bar.","name":"bento-stats","registryDependencies":["@esuiss/progress"],"title":"Bento Stats","type":"registry:block"},{"categories":["blocks","chat"],"description":"A messaging app layout with a conversation list beside the selected thread and a message composer.","name":"chat-conversations","registryDependencies":["@esuiss/avatar","@esuiss/bubble","@esuiss/button","@esuiss/input","@esuiss/message","@esuiss/message-scroller","@esuiss/split-view"],"title":"Chat Conversations","type":"registry:block"},{"categories":["blocks","chat"],"description":"A support landing section with a floating chat panel, quick-reply suggestions, and a launcher button.","name":"chat-support","registryDependencies":["@esuiss/bubble","@esuiss/button","@esuiss/input","@esuiss/message","@esuiss/message-scroller"],"title":"Chat Support","type":"registry:block"},{"categories":["blocks","chat"],"description":"A single message thread inside a phone frame, with heart reactions and simulated replies.","name":"chat-thread","registryDependencies":["@esuiss/avatar","@esuiss/bubble","@esuiss/button","@esuiss/input","@esuiss/message","@esuiss/message-scroller"],"title":"Chat Thread","type":"registry:block"},{"categories":["blocks","dash"],"dependencies":["react-is","recharts"],"description":"An app analytics dashboard with a metric switcher, an interactive area chart, and a regional breakdown.","name":"dash-analytics","registryDependencies":["@esuiss/chart","@esuiss/item","@esuiss/sidebar","@esuiss/toggle-group"],"title":"Dash Analytics","type":"registry:block"},{"categories":["blocks","dash"],"description":"A health summary dashboard with pinned metric cards, sparklines, and category views in a sidebar.","name":"dash-health","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/sidebar"],"title":"Dash Health","type":"registry:block"},{"categories":["blocks","dash"],"dependencies":["react-is","recharts"],"description":"A store admin overview with sales stats, an online versus in-store bar chart, and a filterable orders list.","name":"dash-store","registryDependencies":["@esuiss/avatar","@esuiss/chart","@esuiss/item","@esuiss/sidebar","@esuiss/toggle-group"],"title":"Dash Store","type":"registry:block"},{"categories":["blocks","empty"],"description":"An empty shopping bag state with sign-in and shopping actions above a row of recommended products.","name":"empty-bag","registryDependencies":["@esuiss/button","@esuiss/empty"],"title":"Empty Bag","type":"registry:block"},{"categories":["blocks","empty"],"description":"An offline empty state with a retry action that reconnects and reveals a grid of albums.","name":"empty-offline","registryDependencies":["@esuiss/button","@esuiss/empty","@esuiss/spinner"],"title":"Empty Offline","type":"registry:block"},{"categories":["blocks","empty"],"description":"A search page showing live suggestions, a no-results state, and suggested queries.","name":"empty-search","registryDependencies":["@esuiss/button","@esuiss/empty"],"title":"Empty Search","type":"registry:block"},{"categories":["blocks","footer"],"description":"A narrow site footer with a breadcrumb, a collapsible link directory, and legal lines.","name":"footer-compact","registryDependencies":["@esuiss/accordion","@esuiss/breadcrumb"],"title":"Footer Compact","type":"registry:block"},{"categories":["blocks","footer"],"description":"A full site footer with footnotes, a breadcrumb, a five-column link directory, and legal links.","name":"footer-directory","registryDependencies":["@esuiss/accordion","@esuiss/breadcrumb"],"title":"Footer Directory","type":"registry:block"},{"categories":["blocks","footer"],"description":"A footer with a band of service highlights, a newsletter signup, a link directory, and legal links.","name":"footer-services","registryDependencies":["@esuiss/input-group"],"title":"Footer Services","type":"registry:block"},{"categories":["blocks","grid"],"description":"A filterable accessories grid with category chips and add-to-bag buttons that update a bag counter.","name":"grid-accessories","registryDependencies":["@esuiss/button","@esuiss/toggle-group"],"title":"Grid Accessories","type":"registry:block"},{"categories":["blocks","grid"],"description":"A horizontally scrolling carousel of product cards with previous and next controls.","name":"grid-carousel","registryDependencies":["@esuiss/carousel"],"title":"Grid Carousel","type":"registry:block"},{"categories":["blocks","grid"],"description":"A product lineup comparing models side by side, each with finish swatches, a price, and buy actions.","name":"grid-lineup","registryDependencies":["@esuiss/button","@esuiss/toggle-group"],"title":"Grid Lineup","type":"registry:block"},{"categories":["blocks","hero"],"description":"A dark, centered product hero whose image, gradient title, and glow change with the selected finish.","name":"hero-cinematic","registryDependencies":["@esuiss/button","@esuiss/toggle-group"],"title":"Hero Cinematic","type":"registry:block"},{"categories":["blocks","hero"],"description":"A centered product launch hero with an eyebrow, headline, two actions, a wide image, and a pricing line.","name":"hero-product","registryDependencies":["@esuiss/button"],"title":"Hero Product","type":"registry:block"},{"categories":["blocks","hero"],"description":"A pair of promotional hero tiles, each with a title, tagline, two actions, and a product image.","name":"hero-tiles","registryDependencies":["@esuiss/button","@esuiss/utils"],"title":"Hero Tiles","type":"registry:block"},{"categories":["blocks","inbox"],"description":"A mail inbox sorted into Primary, Transactions, Updates, and Promotions, with a message reader and inline reply.","name":"inbox-categories","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/split-view","@esuiss/textarea","@esuiss/toggle-group"],"title":"Inbox Categories","type":"registry:block"},{"categories":["blocks","inbox"],"description":"A three-column mail client with mailboxes, a searchable message list, and a message reader with reply.","name":"inbox-mail","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/input-group","@esuiss/split-view","@esuiss/textarea"],"title":"Inbox Mail","type":"registry:block"},{"categories":["blocks","inbox"],"description":"A support ticket inbox with status views, a ticket list with priorities, and a detail pane for replying and resolving.","name":"inbox-support","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/split-view","@esuiss/textarea","@esuiss/toggle-group"],"title":"Inbox Support","type":"registry:block"},{"categories":["blocks","log"],"description":"An admin activity log grouped by day, with a type filter and expandable before-and-after details.","name":"log-activity","registryDependencies":["@esuiss/button","@esuiss/collapsible","@esuiss/select","@esuiss/sidebar"],"title":"Log Activity","type":"registry:block"},{"categories":["blocks","log"],"description":"A live admin activity feed that streams new events, with session stats and a pause control.","name":"log-live","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/sidebar"],"title":"Log Live","type":"registry:block"},{"categories":["blocks","log"],"description":"A security overview with a computed score ring, alert counts by severity, and resolvable alerts.","name":"log-security","registryDependencies":["@esuiss/button","@esuiss/sidebar","@esuiss/toggle-group","@esuiss/utils"],"title":"Log Security","type":"registry:block"},{"categories":["blocks","login"],"description":"A two-step account sign-in form that asks for an email, then reveals a password field.","name":"login-account","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/checkbox","@esuiss/input","@esuiss/label","@esuiss/spinner"],"title":"Login Account","type":"registry:block"},{"categories":["blocks","login"],"description":"A passwordless sign-in screen that runs a simulated face scan in a dialog, then welcomes the user.","name":"login-passkey","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/dialog"],"title":"Login Passkey","type":"registry:block"},{"categories":["blocks","login"],"description":"A mobile app welcome screen with a Sign in with suiss bottom sheet for sharing or hiding an email.","name":"login-sheet","registryDependencies":["@esuiss/button","@esuiss/label","@esuiss/radio-group","@esuiss/spinner"],"title":"Login Sheet","type":"registry:block"},{"categories":["blocks","nav"],"description":"A store landing header with a draggable carousel of category tiles and a heading that follows the selection.","name":"nav-categories","registryDependencies":["@esuiss/carousel","@esuiss/toggle"],"title":"Nav Categories","type":"registry:block"},{"categories":["blocks","nav"],"description":"A sticky global navigation bar with mega-menu panels, search and bag actions, above a sample product hero.","name":"nav-global","registryDependencies":["@esuiss/button","@esuiss/navbar"],"title":"Nav Global","type":"registry:block"},{"categories":["blocks","nav"],"description":"A sticky product sub-navigation that highlights the section in view, shown on a dark product page.","name":"nav-local","registryDependencies":["@esuiss/button","@esuiss/navbar"],"title":"Nav Local","type":"registry:block"},{"categories":["blocks","price"],"description":"A dark subscription bundle picker comparing three plans and the services each one includes.","name":"price-bundle","registryDependencies":["@esuiss/button","@esuiss/label","@esuiss/radio-group","@esuiss/utils"],"title":"Price Bundle","type":"registry:block"},{"categories":["blocks","price"],"description":"A device protection plan picker with device chips, payment options, an optional theft add-on, and a live total.","name":"price-care","registryDependencies":["@esuiss/button","@esuiss/label","@esuiss/radio-group","@esuiss/switch","@esuiss/toggle-group"],"title":"Price Care","type":"registry:block"},{"categories":["blocks","price"],"description":"A cloud storage plan picker with a monthly or yearly toggle, four plan cards, and a switch action.","name":"price-storage","registryDependencies":["@esuiss/button","@esuiss/label","@esuiss/radio-group","@esuiss/toggle-group"],"title":"Price Storage","type":"registry:block"},{"categories":["blocks","roles"],"description":"A role editor that lists roles beside grouped permission switches, with save and revert for unsaved changes.","name":"roles-editor","registryDependencies":["@esuiss/button","@esuiss/item","@esuiss/sidebar","@esuiss/split-view","@esuiss/switch"],"title":"Roles Editor","type":"registry:block"},{"categories":["blocks","roles"],"description":"A permissions matrix with a checkbox for every permission and role, grouped by area, with a save action.","name":"roles-matrix","registryDependencies":["@esuiss/button","@esuiss/checkbox","@esuiss/sidebar"],"title":"Roles Matrix","type":"registry:block"},{"categories":["blocks","roles"],"description":"An access request queue where admins approve or deny permission requests, with an approval length setting.","name":"roles-requests","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/empty","@esuiss/select","@esuiss/sidebar"],"title":"Roles Requests","type":"registry:block"},{"categories":["blocks","settings"],"description":"An account settings page with a profile sidebar and a Sign-In and Security section of editable cards.","name":"settings-account","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/input","@esuiss/sidebar","@esuiss/switch"],"title":"Settings Account","type":"registry:block"},{"categories":["blocks","settings"],"description":"A phone-style Settings screen with a search field, an account row, and grouped rows with switches.","name":"settings-device","registryDependencies":["@esuiss/avatar","@esuiss/input-group","@esuiss/item","@esuiss/switch"],"title":"Settings Device","type":"registry:block"},{"categories":["blocks","settings"],"description":"Per-app notification settings with a live lock screen preview that reflects each choice.","name":"settings-notifications","registryDependencies":["@esuiss/item","@esuiss/select","@esuiss/switch","@esuiss/toggle","@esuiss/toggle-group"],"title":"Settings Notifications","type":"registry:block"},{"categories":["blocks","signup"],"description":"A full account creation form with name, country, birthday, email, and password fields and live password rules.","name":"signup-form","registryDependencies":["@esuiss/button","@esuiss/input","@esuiss/native-select"],"title":"Signup Form","type":"registry:block"},{"categories":["blocks","signup"],"description":"A one-question-at-a-time signup flow for name, email, and password, with a progress indicator.","name":"signup-steps","registryDependencies":["@esuiss/button","@esuiss/input"],"title":"Signup Steps","type":"registry:block"},{"categories":["blocks","signup"],"description":"A free trial signup split between a promotional image panel and a short form with a password strength meter.","name":"signup-trial","registryDependencies":["@esuiss/button","@esuiss/checkbox","@esuiss/input","@esuiss/label"],"title":"Signup Trial","type":"registry:block"},{"categories":["blocks","users"],"description":"A user directory with a member list beside a detail pane for profile, sessions, and security settings.","name":"users-detail","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/item","@esuiss/select","@esuiss/sidebar","@esuiss/split-view","@esuiss/switch","@esuiss/toggle-group"],"title":"Users Detail","type":"registry:block"},{"categories":["blocks","users"],"description":"An invite form that collects several email addresses as chips, assigns a role, and lists pending invitations.","name":"users-invite","registryDependencies":["@esuiss/button","@esuiss/item","@esuiss/select","@esuiss/sidebar","@esuiss/switch","@esuiss/toast"],"title":"Users Invite","type":"registry:block"},{"categories":["blocks","users"],"description":"A searchable users table with role filters, row selection, and bulk role and status actions.","name":"users-table","registryDependencies":["@esuiss/avatar","@esuiss/button","@esuiss/checkbox","@esuiss/input-group","@esuiss/sidebar","@esuiss/table","@esuiss/toggle-group"],"title":"Users Table","type":"registry:block"},{"categories":["blocks","verify"],"description":"A two-factor authentication screen with a six-digit code entry, error feedback, and a resend countdown.","name":"verify-code","registryDependencies":["@esuiss/input-otp"],"title":"Verify Code","type":"registry:block"},{"categories":["blocks","verify"],"description":"A trusted-device sign-in flow that pairs instructions with a simulated approval alert and code entry.","name":"verify-device","registryDependencies":["@esuiss/input-otp","@esuiss/spinner"],"title":"Verify Device","type":"registry:block"},{"categories":["blocks","verify"],"description":"A check-your-inbox screen after signup, with open mail and resend actions and a cooldown timer.","name":"verify-email","registryDependencies":["@esuiss/button"],"title":"Verify Email","type":"registry:block"},{"description":"Highlights code with Shiki and returns the tokens for each line.","name":"use-highlighted-code","registryDependencies":["@esuiss/highlighter"],"title":"Use Highlighted Code","type":"registry:hook"},{"description":"The scroll state and controls behind the message scroller.","name":"use-message-scroller","title":"Use Message Scroller","type":"registry:hook"},{"description":"Reports whether the viewport is narrower than the mobile breakpoint.","name":"use-mobile","title":"Use Mobile","type":"registry:hook"},{"description":"Detects Apple platforms so shortcuts can show the matching modifier key.","name":"use-platform","title":"Use Platform","type":"registry:hook"},{"description":"The state and keyboard shortcuts behind the questionnaire.","name":"use-questionnaire","title":"Use Questionnaire","type":"registry:hook"},{"description":"Keeps the page from shifting when an overlay hides the scrollbar.","name":"use-scrollbar-gap","title":"Use Scrollbar Gap","type":"registry:hook"}]},"beste ui":{"favicon":"/favicons/beste-ui.svg","items":[{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column about section with mission statement, company stats, and team member grid. Perfect for company pages and landing sections.","name":"about1","registryDependencies":["badge","button","avatar"],"title":"Team & Mission","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width team photo with a three-column values grid below. Great for culture pages and brand storytelling.","name":"about2","registryDependencies":["badge","button"],"title":"Values with Team Photo","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with company stats on the left and a vertical timeline of milestones on the right. Ideal for company history and growth stories.","name":"about3","registryDependencies":["badge","button"],"title":"Timeline & Milestones","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Founder blockquote with avatar, followed by a horizontal team member row. Ideal for leadership pages and company introductions.","name":"about4","registryDependencies":["badge","button","avatar"],"title":"Founder Quote & Team","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side layout with a tall image on the left and company story, inline stats, and CTAs on the right.","name":"about5","registryDependencies":["badge","button"],"title":"Image & Text Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric two-column layout with heading on the left and numbered company principles on the right. Clean and editorial.","name":"about6","registryDependencies":["badge","button"],"title":"Numbered Principles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column grid of team member cards with avatars, roles, and short bios. Great for leadership and team pages.","name":"about7","registryDependencies":["badge","button","avatar"],"title":"Team Cards with Bios","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-column stats grid with large numbers, titles, and supporting descriptions. Perfect for impact and results sections.","name":"about8","registryDependencies":["badge","button"],"title":"Stats with Descriptions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered mission statement with a logo strip of trusted partners below. Ideal for building credibility on landing and about pages.","name":"about9","registryDependencies":["badge","button"],"title":"Mission & Trust Logos","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric bento grid combining a mission card, team photo, stats, and stacked avatars. A modern, compact about section.","name":"about10","registryDependencies":["badge","button"],"title":"Bento Grid About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Wide hero image with gradient overlay text, inline stats, and a stacked avatar strip of team members.","name":"about11","registryDependencies":["badge","button","avatar"],"title":"Hero Banner with Avatars","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-column numbered process cards showing how your company works. Each step has a large number, title, and description.","name":"about12","registryDependencies":["badge","button"],"title":"Process Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric layout with company story and image on the left, and a vertical list of company details on the right. Great for press and investor pages.","name":"about13","registryDependencies":["badge","button"],"title":"Company Profile","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal stats row at the top followed by a centered story card with heading, body text, and CTAs.","name":"about14","registryDependencies":["badge","button"],"title":"Stats Bar with Story Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial-style open letter with paragraphs, a personal signature with avatar, and a call-to-action. Great for founder stories.","name":"about15","registryDependencies":["badge","button","avatar"],"title":"Letter from the CEO","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column cards for vision, mission, and values with labeled headers. Clean editorial layout for company positioning.","name":"about16","registryDependencies":["badge","button"],"title":"Vision Mission Values","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical list of awards and accolades with icons, titles, organizations, and years. Ideal for press and credibility sections.","name":"about17","registryDependencies":["badge","button"],"title":"Awards & Recognition","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-column grid of office cards with city, country, address, and team size. Ideal for global companies.","name":"about18","registryDependencies":["badge","button"],"title":"Office Locations Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full company overview with panoramic image, story paragraph, key facts list, leadership quote, and stats row. A rich, multi-section layout for company landing pages.","name":"about19","registryDependencies":["avatar","badge","button"],"title":"Company At a Glance","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Wide team photo, member list with avatars, team stats grid, and a culture quote. A rich team showcase layout.","name":"about20","registryDependencies":["badge","button","avatar"],"title":"Team Photo & List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with checklist highlights on the left, featured image and testimonial quote on the right, plus a full-width stats row.","name":"about21","registryDependencies":["avatar","badge","button"],"title":"Checklist & Image Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric two-column layout with heading on the left and question-answer pairs on the right. A conversational way to introduce your company.","name":"about22","registryDependencies":["badge","button"],"title":"Q&A About Us","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with company story, stats, and leadership quote on the left, team photo and avatar row on the right.","name":"about23","registryDependencies":["badge","button","avatar"],"title":"Story, Image & Team Row","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Company story with image, border-accented feature highlights, and stats row. Great for craft, heritage, and product-focused brands.","name":"about24","registryDependencies":["badge","button"],"title":"Company Heritage & Features","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side intro with animated number counters on scroll, expanding accent bars, and hover-lift value cards. For impact-driven companies.","name":"about25","registryDependencies":["badge","button"],"title":"Animated Stats & Value Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header with interactive hover tabs that crossfade a side image. Accordion descriptions and sliding accent line. For studios and agencies.","name":"about26","registryDependencies":["badge","button"],"title":"Interactive Pillar Tabs & Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Left intro with image, right vertical timeline with staggered scroll-reveal animation. Numbered steps with sliding content. For startup journeys.","name":"about27","registryDependencies":["badge","button"],"title":"Split Intro & Animated Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width animated marquee stats ticker, split layout with intro text and leadership avatars on the left, full-height image on the right. For SaaS and product companies.","name":"about28","registryDependencies":["avatar","badge","button"],"title":"Marquee Stats & Team Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header with wide panoramic image, product cards with layered attributes, and sourcing grid.","name":"about29","registryDependencies":["badge","button"],"title":"Wide Banner & Product Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Panoramic image with split header showing numbered process steps alongside. For studios and creative agencies.","name":"about30","registryDependencies":["badge"],"title":"Banner Split & Process Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dark-overlay hero image with heading, suite/room cards with temperature and capacity badges. For hotels and hospitality.","name":"about31","registryDependencies":["badge","button"],"title":"Hero Overlay & Suite Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered heading with description, followed by two images side-by-side. Configurable image ratio (equal, left larger, right larger). Always horizontal on mobile.","name":"about32","title":"Two Image Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About section with an eyebrow label and read-more action on the left, a bold heading with two side-by-side images on the right, and a four-column stats band below.","name":"about33","registryDependencies":["button"],"title":"About With Stats Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About section: eyebrow label, two-tone heading, two portraits beside a 2x2 stats grid.","name":"about34","title":"About Stats Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About section with eyebrow, stacked stats and a read-more CTA beside a media card with a watch-reel play button.","name":"about35","registryDependencies":["button"],"title":"About Media Reel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric about with a bleeding image, vertical edge label, offset copy and an inline stats row.","name":"about36","registryDependencies":["button"],"title":"Edge Label About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three uneven columns: a studio fact index, an oversized statement, and a portrait with signature.","name":"about37","registryDependencies":["button"],"title":"Index Columns About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About where a large heading overlaps a portrait, with a paragraph, CTA and a bottom stat ribbon.","name":"about38","registryDependencies":["button"],"title":"Overlap Heading About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About anchored by an oversized numeral with a paragraph and a horizontal image strip.","name":"about39","registryDependencies":["button"],"title":"Numeral About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Magazine about where copy is interleaved between two staggered offset images.","name":"about40","registryDependencies":["button"],"title":"Interleaved About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky eyebrow rail beside a story column and an offset captioned image.","name":"about41","registryDependencies":["button"],"title":"Story Rail About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About composed inside a bordered studio card with header marks, portrait and a stats strip.","name":"about42","registryDependencies":["button"],"title":"Framed Studio Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An oversized about statement hero above three heterogeneous zones: portrait, values and a CTA with stats.","name":"about43","registryDependencies":["button"],"title":"Heading Hero About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Layered about over a faint scrolling studio-word marquee with offset images and stats.","name":"about44","registryDependencies":["button"],"title":"Marquee Accent About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A founder-led pull-quote about with a portrait, signature and a facts strip.","name":"about45","registryDependencies":["button"],"title":"Founder Quote About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An about intro followed by a horizontally scrollable strip mixing image, stat, quote and values cards.","name":"about46","registryDependencies":["button"],"title":"About Strip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hard light/dark split about panel: dark statement side and a light image-and-facts side.","name":"about47","registryDependencies":["button"],"title":"Split Panel About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About pairing a sticky studio statement and image with a numbered list of operating principles.","name":"about48","registryDependencies":["button"],"title":"Principles About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About built around a dark founder portrait card with a pull-quote, signature, and supporting stats.","name":"about49","registryDependencies":["button"],"title":"Founder Statement About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pinned studio image beside a numbered, chaptered about story.","name":"about50","registryDependencies":["button"],"title":"Chaptered About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A statement heading over a belief list punctuated by intermittent inline thumbnails.","name":"about51","registryDependencies":["button"],"title":"Beliefs About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About styled as a technical spec sheet with coordinate marks, a data column and a portrait.","name":"about52","registryDependencies":["button"],"title":"Spec Sheet About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About with two subtly rotated, captioned studio photos clustered beside the statement.","name":"about53","registryDependencies":["button"],"title":"Pinned Photos About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A cinematic wide image with an overlapping inset content card and a stat ribbon.","name":"about54","registryDependencies":["button"],"title":"Inset Card About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A type-led about with an oversized statement and a four-part Who/What/How/Why grid.","name":"about55","registryDependencies":["button"],"title":"Four Parts About","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Large heading with dual CTAs and a rating card, a playable video with floating metric cards, and a labelled about block with large paragraphs.","name":"about56","registryDependencies":["button"],"title":"Showcase Hero With Video","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two centered statements on a dark surface, each with an accent heading, an uppercase paragraph, and a small label beneath.","name":"about57","title":"Values And Mission Statement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About section on a soft muted card with a monospace parenthetical eyebrow, a bold studio wordmark, a large centered statement, a logos strip, and a four-column stats band.","name":"about58","title":"About Statement Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered parenthetical eyebrow and a large statement heading, followed by a three-up row of icon pillars pairing a circular icon with a title and one-line description.","name":"about59","title":"About Statement With Pillars","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Team section with an eyebrow, big heading, description and CTA above a responsive grid of people cards (portrait image, name, role).","name":"about60","title":"Team Member Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column about section with a sticky eyebrow and big heading on the left and a long belief paragraph above a border-separated values list on the right.","name":"about61","title":"Belief Statement Values","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"About section with a header and a vertical timeline of milestones on a left rail, each marked by a year, title, and description.","name":"about62","title":"Milestone Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Image-led about split with a tall portrait, an offset statement heading, supporting copy, mono studio facts, and a seal CTA.","name":"about63","title":"Studio Story Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Principles section with a header and a three-column grid of six bordered cards, each pairing a circular icon with a title and description.","name":"about64","title":"Principles Card Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered manifesto with a very large multi-line statement heading, muted emphasis phrases, a closing line, and a single CTA.","name":"about65","title":"Centered Manifesto","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column about with a tall image on one side and an eyebrow, heading, description, and 2x2 stats grid on the other.","name":"about66","title":"About with Stats Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Founder statement with a large blockquote followed by an avatar, name, role, and a monospace signature line.","name":"about67","title":"Founder Statement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A team section with an eyebrow over a hairline rule, a two-column heading, and a grid of portrait cards each with a name and role.","name":"about68","title":"Team Portrait Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A company story section that runs a two-column heading over a wide photo band, then sets three founding principles as numbered hairline columns underneath.","name":"about69","title":"Mission Band With Principles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A company story told as hairline rows keyed by a light year figure, set against a media column that sticks while they scroll and stacks an image tile floating a live growth metric over a captioned photograph.","name":"about70","title":"Company History Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A long-form company letter set in a wide reading column with an accent-ruled pull quote and signed off by avatar bylines, beside a narrower column of captioned portraits.","name":"about71","title":"Founders' Letter","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An about section on a soft surface that opens on a light statement, then lays out eight company facts as a two-column hairline definition list beside an image tile floating a live locations card.","name":"about72","registryDependencies":["button"],"title":"Open Company Facts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A colophon written as a definition list, each hairline row naming one part of how the site is made, the choice itself, why it was made, and an optional link into the detail.","name":"about73","title":"Colophon Definition Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An about section that opens on a serif statement settling in word by word, then pairs a portrait photograph drifting inside its frame with two paragraphs, a pill action and a ruled list of principles.","name":"about74","registryDependencies":["button"],"title":"Philosophy Statement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A team section: a serif heading that settles in word by word beside the intro and a pill action, then three portrait photographs that drift inside their frames as the page scrolls, each with a serif name, a small-caps role and a short bio.","name":"about75","registryDependencies":["button"],"title":"Practitioner Portraits","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A history told down a single rule: a sticky column with a serif heading that settles in word by word, an intro and a pill action, beside a timeline whose ink line draws itself down as the page scrolls past serif years, titles and short descriptions.","name":"about76","registryDependencies":["button"],"title":"Slow Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A studio tour: a serif heading that settles in word by word beside the intro and a pill action, four photographs of the rooms in an uneven, offset grid that each drift at their own pace as the page scrolls, and a ruled row of visiting details.","name":"about77","registryDependencies":["button"],"title":"The Rooms Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A manifesto set as numbered serif lines that each blur in as they reach the viewport, ruled from one another, beside a sticky photograph that drifts inside its frame as the page scrolls, closed by a sliding-marker pill.","name":"about78","registryDependencies":["button"],"title":"Manifesto Lines","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An about section written as a letter: a portrait drifting inside its frame on the left, and on the right a serif opening line that settles in word by word, three paragraphs, a ruled signature with the founder's name and role, and a sliding-marker pill.","name":"about79","registryDependencies":["button"],"title":"Founder Letter","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"The classic about split: a serif heading that settles in word by word, two paragraphs, a sliding-marker pill and three ruled figures that count up on the left, and a portrait photograph drifting inside its frame on the right.","name":"about80","registryDependencies":["button"],"title":"Story Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A values section: a serif heading that settles in word by word beside the intro and a pill action, then three soft muted cards with a round icon, a serif title and a description that rise into view in turn.","name":"about81","registryDependencies":["button"],"title":"Three Values","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An about section built around a wide photograph that drifts inside its frame: a serif heading that settles in word by word above it, then an intro with a sliding-marker pill beside four ruled serif figures that count up as they arrive.","name":"about82","registryDependencies":["button"],"title":"Band and Figures","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A sticky intro beside four resource cards on a muted fill, each one a whole link that inverts to ink on hover, carrying a ringed icon, a serif title, a line of context and a meta value beside its arrow.","name":"about83","registryDependencies":["button"],"title":"Linked Resource Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An about section for a photography and retouching studio laid out as two equal columns. The left column holds the eyebrow, heading and description above the first photo stage, while the right column starts with the second stage and ends with a short note and two buttons, so the t","name":"about84","registryDependencies":["button"],"title":"Studio Process With Offset Photo Pair","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A case study header with project metadata grid, service tags, and featured image. Perfect for agency portfolio pages showcasing client work details.","name":"agency10","registryDependencies":["badge","button"],"title":"Case Study Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Oversized editorial manifesto statement with emphasized phrases, principle chips and a founder signature.","name":"agency11","title":"Studio Manifesto","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Studio values laid out with oversized ghost numerals, titles, descriptions and keywords.","name":"agency12","title":"Studio Values","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky studio intro with a portrait beside a stack of numbered principles.","name":"agency13","title":"How We Think","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A studio team grid of member portraits with names and roles.","name":"agency14","registryDependencies":["button"],"title":"Studio Team","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial list of studio awards by year with project and recognition details.","name":"agency15","title":"Awards List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Studio overview pairing facts, copy and highlight stats with a clean studio image.","name":"agency16","title":"Studio At A Glance","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive principle list that swaps a detail panel with image as each is hovered.","name":"agency17","title":"Principles Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A bold ethos statement beside a list of concrete studio commitments.","name":"agency18","title":"Studio Ethos","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column comparison contrasting the Polaris way with a typical agency.","name":"agency19","registryDependencies":["button"],"title":"Why Polaris","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Client logo cloud paired with measurable engagement outcomes.","name":"agency20","title":"Clients & Outcomes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ruled, expandable capability rows with oversized type, detail copy, and monospace tag chips.","name":"agency21","registryDependencies":["accordion"],"title":"Capabilities Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A connected left-to-right sequence of numbered project phases with a ruled timeline and step dots.","name":"agency22","title":"Horizontal Process Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A services section with an eyebrow over a hairline rule, a two-column heading, and an editorial list of monospace-numbered service rows split into title and description.","name":"agency23","title":"Numbered Services List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","@radix-ui/react-slot"],"description":"A four-step studio brief where the tall photograph beside it changes with the question on screen, each with its own caption, and sending the brief swaps the plate for the studio and the form for a ledger of the answers.","name":"agency24","registryDependencies":["questionnaire"],"title":"Studio Brief With Changing Plate","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hairline service list that puts the starting price on the page, each row carrying the engagement name with its duration underneath, one line of scope, and the figure aligned right.","name":"agency25","title":"Services With Published Starting Prices","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height centered sign-in screen with social login providers, email and password fields, a show/hide password toggle, remember-me checkbox, and forgot-password link. Perfect for SaaS apps, dashboards, and member portals.","name":"auth1","registryDependencies":["button","input","field","checkbox"],"title":"Centered Sign In Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column registration screen pairing a sign-up form (social providers, name, email, password with show/hide, terms checkbox) with a full-bleed image showcase and customer testimonial. Includes a left/right image position toggle.","name":"auth2","registryDependencies":["button","input","field","checkbox","avatar"],"title":"Split-Screen Sign Up","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height OTP verification screen with a centered icon, segmented six-digit code input, a verify button that unlocks once the code is complete, and a live resend countdown timer. Perfect for two-factor auth, magic links, and email confirmation flows.","name":"auth3","registryDependencies":["button","input-otp","field"],"title":"Email Verification Code","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height password recovery screen with a centered icon, single email field built on the shadcn Field primitives, a send-reset-link button, and a back-to-sign-in link. Perfect for the first step of any password reset flow.","name":"auth4","registryDependencies":["button","input","field"],"title":"Forgot Password Request","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height reset-password screen with new and confirm password fields (each with a show/hide toggle) and a live requirements checklist that ticks off rules as the user types. Perfect for the final step of a password reset or invite flow.","name":"auth5","registryDependencies":["button","input","field"],"title":"Set New Password","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height passwordless sign-in screen with a single email field, a send-magic-link button, a helper note, and social login providers below a divider. Perfect for passwordless and email-link authentication flows.","name":"auth6","registryDependencies":["button","input","field"],"title":"Magic Link Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height account picker that lists saved accounts with avatars, names, and emails, plus a use-another-account row. Perfect for multi-account apps, SSO hubs, and returning-user sign-in.","name":"auth7","registryDependencies":["avatar","field"],"title":"Account Chooser","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height re-authentication screen showing the signed-in user's avatar, name, and email with a single password field, a forgot-password link, and a use-a-different-account option. Perfect for session unlock and returning-user prompts.","name":"auth8","registryDependencies":["button","input","field","avatar"],"title":"Welcome Back Unlock","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column sign-in screen pairing a full sign-in form (social providers, email, password with show/hide, remember me) with a brand panel that lists product highlights. Includes a left/right panel position toggle.","name":"auth9","registryDependencies":["button","input","field","checkbox"],"title":"Split-Screen Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height biometric sign-in with an animated face-scan viewfinder that runs through idle, scanning, and recognized states, plus a continue action and a password fallback. Perfect for Face ID and biometric authentication.","name":"auth10","registryDependencies":["button"],"title":"Face ID Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height onboarding step where the user picks an account type from selectable radio cards with icons and descriptions, then continues. Perfect for tailoring sign-up flows by persona or plan.","name":"auth11","registryDependencies":["button","radio-group","field"],"title":"Account Type Selection","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height success screen with a large confirmation check, a heading and message, a primary continue button, and a support link. Perfect for the final step after email verification or account activation.","name":"auth12","registryDependencies":["button","field"],"title":"Email Confirmed Success","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height centered registration card with social providers, name, email, and password fields (with show/hide), a terms checkbox, and a sign-in link. Perfect for SaaS sign-up pages that don't need a split layout.","name":"auth13","registryDependencies":["button","input","field","checkbox"],"title":"Centered Sign Up Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height single sign-on screen with a work-email field, a continue-with-SSO button, and Google and Microsoft providers below a divider. Perfect for B2B and enterprise apps that authenticate via identity providers.","name":"auth14","registryDependencies":["button","input","field"],"title":"Enterprise SSO Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height phone-based sign-in with a country-code select paired to a phone number input, a send-code button, and an email fallback link. Perfect for SMS one-time-code authentication flows.","name":"auth15","registryDependencies":["button","input","field","select"],"title":"Phone Number Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height invitation acceptance screen showing the inviter's avatar and team name, a pre-filled disabled email, and name and password fields to set up the account. Perfect for team onboarding and invite-link flows.","name":"auth16","registryDependencies":["button","input","field","avatar"],"title":"Team Invitation Accept","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height signed-out screen with a centered icon, a heading and message, a sign-back-in button, and a return-home link. Perfect for logout confirmations and expired-session pages.","name":"auth17","registryDependencies":["button"],"title":"Signed Out Confirmation","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height security notification screen listing the device, location, and time of a new sign-in, with confirm-it-was-me and secure-my-account actions. Perfect for suspicious-login alerts and account safety prompts.","name":"auth18","registryDependencies":["button"],"title":"New Sign-In Security Alert","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height OAuth consent screen showing the requesting app, the permissions it needs as a scope list, and authorize and cancel actions. Perfect for third-party app authorization and developer platform connect flows.","name":"auth19","registryDependencies":["button"],"title":"OAuth Authorize App","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height confirmation screen shown after a magic link is sent, with a mail icon, the destination email, an open-email button, a live resend countdown, and a change-email link. Perfect for passwordless and email-link flows.","name":"auth20","registryDependencies":["button"],"title":"Check Your Inbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height passwordless sign-in screen with a fingerprint icon, a continue-with-passkey button, and a password fallback below a divider. Perfect for WebAuthn and biometric authentication flows.","name":"auth21","registryDependencies":["button","field"],"title":"Passkey Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height two-factor backup screen that displays single-use recovery codes in a grid with copy and download actions, a warning callout, and a confirmation checkbox that gates the continue button. Perfect for 2FA setup and account recovery.","name":"auth22","registryDependencies":["button","checkbox","field"],"title":"Recovery Codes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height lockout screen shown after too many failed attempts, with a live mm:ss countdown, a retry button that unlocks when the timer ends, and a reset-password link. Perfect for rate-limited sign-in protection.","name":"auth23","registryDependencies":["button"],"title":"Account Locked","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height profile setup step with an avatar uploader, a display name field, and a bio textarea, plus a skip option. Perfect for the post-sign-up onboarding step where users personalize their account.","name":"auth24","registryDependencies":["button","input","field","avatar","textarea"],"title":"Complete Your Profile","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height username picker with a prefixed input group, a live availability indicator, suggestion chips when a handle is taken, and a submit button that unlocks only when the name is free. Perfect for onboarding handle selection.","name":"auth25","registryDependencies":["button","input-group","field"],"title":"Claim Your Username","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height plan selection step with a monthly/annual billing toggle and selectable plan cards that update their pricing live, plus a continue button. Perfect for paid sign-up and upgrade flows.","name":"auth26","registryDependencies":["button","radio-group","tabs","field","badge"],"title":"Choose Your Plan","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height authentication error screen with a warning icon, an explanation, an optional error code, and try-again, back, and contact-support actions. Perfect for failed sign-in and OAuth callback errors.","name":"auth27","registryDependencies":["button"],"title":"Sign-In Error","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height expired-link screen with a broken-link icon, an explanation, a request-a-new-link button, and a back-to-sign-in link. Perfect for stale magic links, password resets, and email confirmation tokens.","name":"auth28","registryDependencies":["button"],"title":"Link Expired","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height terminal-style sign-in rendered as a CLI window with a command prompt, a monospace email input, and a send-link action. Perfect for developer tools and CLI-first products.","name":"auth29","registryDependencies":["button","input"],"title":"Terminal Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height numeric keypad lock screen with PIN dots, a biometric shortcut, and a backspace key. Perfect for mobile app locks and quick re-authentication.","name":"auth30","title":"PIN Keypad Unlock","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height cross-device sign-in with a scannable QR code, a manual fallback code, and a live waiting-for-confirmation indicator. Perfect for signing in on desktop by scanning with a phone app.","name":"auth31","title":"QR Code Device Login","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column editorial sign-in pairing an oversized typographic brand panel with a clean email and password form. Stacks the panel above the form on mobile. Perfect for brands that want a minimal, editorial first impression.","name":"auth32","registryDependencies":["button","input","field"],"title":"Editorial Split Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height multi-step registration with a numbered progress stepper that advances as the user moves through account, profile, and workspace steps, with back and continue controls. Perfect for guided onboarding sign-up.","name":"auth33","registryDependencies":["button","input","field"],"title":"Multi-Step Sign Up Wizard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height progressive sign-in that asks for the email first, then reveals the password step with the chosen email shown and editable. Perfect for modern email-first and adaptive authentication flows.","name":"auth34","registryDependencies":["button","input","field"],"title":"Email-First Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height push-approval screen that shows a large number to match in your authenticator app, with a live waiting indicator and a cancel option. Perfect for number-matching two-factor authentication.","name":"auth35","title":"Number Match Approval","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height workspace picker listing organizations with logo initials, member details, and a create-workspace row, plus a signed-in-as footer. Perfect for multi-tenant apps after sign-in.","name":"auth36","title":"Workspace Switcher","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height web3 sign-in that lists wallet providers with icons, details, and a detected badge, plus a what-is-a-wallet helper link. Perfect for crypto and decentralized app authentication.","name":"auth37","registryDependencies":["badge"],"title":"Connect Wallet","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height pattern unlock screen with a tappable 3x3 dot grid that draws connecting lines as dots are selected, plus clear and unlock controls. Perfect for app lock screens and quick re-authentication.","name":"auth38","registryDependencies":["button"],"title":"Pattern Lock Unlock","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height security setup step where the user picks a two-factor method from selectable cards (authenticator app, SMS, or security key), with a skip option. Perfect for guiding users through enabling 2FA.","name":"auth39","registryDependencies":["button","radio-group","field"],"title":"Enable Two-Factor","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height change-password screen with current, new, and confirm password fields (show/hide toggles), a forgot-password link, and a cancel option. Perfect for account security settings.","name":"auth40","registryDependencies":["button","input","field"],"title":"Change Password","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height destructive confirmation screen that lists the consequences and requires the user to type a confirmation word before the delete button enables. Perfect for account deletion and other irreversible actions.","name":"auth41","registryDependencies":["button","input","field"],"title":"Delete Account","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height invite-only gate with a centered code field and a request-an-invite link. Perfect for closed betas, early access, and gated launches.","name":"auth42","registryDependencies":["button","input","field"],"title":"Invite Code Gate","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height waitlist capture with an email field, a join button, a social-proof line, and a sign-in link for existing users. Perfect for pre-launch and early-access landing gates.","name":"auth43","registryDependencies":["button","input","field"],"title":"Join the Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height loading screen shown while redirecting to an identity provider, with a spinner and a manual-continue fallback link. Perfect for SSO and OAuth handoff states.","name":"auth44","title":"Redirecting to SSO","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height CAPTCHA-style check with an animated I'm-not-a-robot control that runs through verifying and verified states and unlocks the continue button. Perfect for bot protection before sign-in.","name":"auth45","registryDependencies":["button"],"title":"Human Verification","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height step-up authentication screen that re-asks for the password before a sensitive action, showing the signed-in account and a cancel option. Perfect for protecting billing, security, and destructive actions.","name":"auth46","registryDependencies":["button","input","field"],"title":"Confirm It's You","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height account recovery screen with a numbered grid of word inputs and paste-to-fill support, plus a restore button that unlocks once every word is entered. Perfect for seed phrase and recovery-phrase restore flows.","name":"auth47","registryDependencies":["button","input-group","field"],"title":"Recovery Phrase Entry","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-height security question setup with a question select and an answer field, plus a skip option. Perfect for account recovery setup and identity verification fallbacks.","name":"auth48","registryDependencies":["button","input","select","field"],"title":"Security Question Setup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hairline sign-in panel with a lowercase wordmark, email and password fields, an inline forgot link, a remember toggle, and an SSO fallback, set beside a full-height photo carrying a gradient customer quote.","name":"auth49","registryDependencies":["button"],"title":"Split Sign In With Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hairline sign-up panel carrying a lowercase wordmark, name, work email, and password fields with an SSO fallback and terms note, beside a soft column of checked benefits over an image tile that floats a live customer quote card.","name":"auth50","registryDependencies":["input","button"],"title":"Split Sign Up With Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered passwordless card that advances in place from a work email step with an SSO fallback to a monospace one-time-code entry with resend and go-back controls.","name":"auth51","registryDependencies":["input","button"],"title":"Passwordless Code Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered password reset card whose segmented strength meter and checked requirement list update as the field is typed, with a confirmation field and a breach-check note underneath.","name":"auth52","registryDependencies":["input","button"],"title":"Password Reset With Live Strength","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single narrow card that asks only for an email, then replaces itself in place with a sent state that echoes the address back and offers to start again with another one.","name":"auth53","registryDependencies":["input","button"],"title":"Passwordless Sign-In Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A full-height sign-in split: wordmark, a serif greeting that settles in word by word, email and password fields with a full-width sliding-marker pill and a switch-to-booking line on the left, and a photograph that zooms out on load, then drifts slower than the page, with a serif ","name":"auth54","registryDependencies":["input","label","button"],"title":"Quiet Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hand-tiled monochrome bento grid mixing a statement, a stat, an image, a quote, and a CTA into one composition.","name":"bento1","title":"Studio Bento Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Studio mosaic whose lead tile floats a mood-board media piece over a dotted field between its own eyebrow and statement, beside a photographic tile captioned on its scrim, an inverted figure tile, a soft quote tile and a bordered CTA tile.","name":"bento2","title":"Studio Summary Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Work mosaic on a six-column track mixing photographic tiles that carry their caption inside on a gradient scrim with a soft statement tile and an inverted figure tile, the lead project spanning four columns and two rows.","name":"bento3","title":"Selected Work Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Service mosaic whose lead tile floats a photo-strip media piece over a dotted field between its eyebrow and statement, beside a photographic tile captioned on its scrim, an inverted figure tile and three soft icon tiles.","name":"bento4","title":"Service Bento With Figure","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Process mosaic where the opening phase fills a two-row photographic tile with its eyebrow, explanation and duration on the scrim, beside an inverted summary tile and three smaller phase tiles carrying only their label and length.","name":"bento5","title":"Phase Bento With Photographs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product mosaic pairing a two-row hero photograph captioned on its scrim with a tall specification tile, then two square macro tiles that carry their caption inside and an inverted figure tile closing the row.","name":"bento6","title":"Object Study Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Team mosaic where portraits carry their name and role inside the tile on a scrim, interleaved with an inverted quote tile and a wide soft tenure figure tile that closes the grid flush.","name":"bento7","title":"Studio People Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Metrics mosaic where every figure sits on the photograph it came from behind a tinted scrim, the lead result spanning four columns and two rows, closed by a soft methodology tile explaining where the numbers come from.","name":"bento8","title":"Figures On Photographs Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Magazine mosaic whose cover story fills a two-row photographic tile with its category and page count on the scrim, beside an inverted figure tile, a bordered publication note and three soft article tiles.","name":"bento9","title":"Editorial Issue Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Location mosaic mixing photographic tiles captioned on their own scrim with an inverted address tile carrying a directions link, a soft opening-hours tile and a full-width bordered visit row whose pill CTA sits opposite the copy.","name":"bento10","title":"Visit The Studio Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A six-column bento mixing a lead card whose image tile floats a live metrics panel, a soft statement tile, an inverted figure tile, a second asset tile carrying an uptime strip, a hairline inclusion list, and a captioned photograph.","name":"bento11","title":"Product Surface Mosaic","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A six-column bento of proof: a row of figure tiles with the first inverted, a tall card whose image tile floats a live breakdown chart, a tile carrying a customer quote card, and a soft note on method.","name":"bento12","title":"Evidence Mosaic","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A six-column bento for getting started: a wide card floating a live step tracker, a numbered week list on hairlines, an inverted quote tile, and a capture card holding a working email row.","name":"bento13","registryDependencies":["button"],"title":"Onboarding Mosaic","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A six-column mosaic that carries a whole publication at once: the newest piece as a photographic tile, two counted figures, a reader quote, an inverted subscribe cell and a row of subject chips.","name":"bento14","registryDependencies":["button"],"title":"Publication Hub Mosaic","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"One mosaic of six tiles: a large photograph that drifts inside its tile, an ink quote tile with film grain, a serif figure that counts up, a small photograph, an hours sheet and a call-to-action tile with a sliding-marker pill, each rising into view in turn.","name":"bento15","registryDependencies":["button"],"title":"Practice Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An asymmetric bento grid of cards whose media areas are live isometric scenes. One large lead cell sits beside two stacked cells, and a closing row of two wide cells places the scene next to its text. Every cell takes its scene, title and one sentence from the items prop.","name":"bento16","title":"Isometric Scene Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column responsive grid of blog cards featuring author avatars, tag badges, and hover zoom effects. Clean card design with date and read time metadata.","name":"blog3","registryDependencies":["badge","avatar"],"title":"Card Grid with Authors","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Large featured article with side-by-side image and content, followed by a three-column grid of secondary posts. Read more buttons and author details included.","name":"blog4","registryDependencies":["badge","avatar","button"],"title":"Featured Hero with Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical stack of horizontal blog cards with left-aligned thumbnails. Features calendar and clock icons for metadata, author titles, and tag badges.","name":"blog5","registryDependencies":["badge","avatar"],"title":"Horizontal List with Icons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Filterable blog grid with tab navigation for categories. Posts automatically filter by category selection with smooth content switching.","name":"blog8","registryDependencies":["badge","avatar","tabs"],"title":"Category Tabs Filter","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Large alternating left-right blog cards with full article summaries. Image and content switch sides for visual variety. Read more buttons included.","name":"blog10","registryDependencies":["badge","avatar","button"],"title":"Alternating Feature Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column compact blog list with small square thumbnails. Space-efficient design showing many posts at once with minimal metadata.","name":"blog11","registryDependencies":["badge"],"title":"Compact Thumbnail List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pinterest-style masonry layout with varying content heights. CSS columns create organic flow with cards of different summary lengths.","name":"blog12","registryDependencies":["badge","avatar"],"title":"Masonry Pinterest Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Main content area with horizontal post cards plus sidebar. Categories show post counts and popular tags section with clickable badges.","name":"blog13","registryDependencies":["badge","avatar"],"title":"Sidebar with Categories","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-column grid mixing blog cards with an integrated newsletter signup card. Email input and subscribe button embedded in the layout.","name":"blog14","registryDependencies":["badge","button","input"],"title":"Grid with Newsletter Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clean text-only blog list with arrow icons. No images, just titles, dates, and authors. Lightweight design with hover arrow animation.","name":"blog15","registryDependencies":["badge"],"title":"Minimal Text List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Blog archive organized by month with compact list entries. Small thumbnails and formatted dates create a scannable chronological view.","name":"blog18","registryDependencies":["badge"],"title":"Month-Grouped Archive","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertically stacked blog cards with 2:1 aspect ratio images. Full article summaries with author avatars and read more buttons. Long-form content showcase.","name":"blog22","registryDependencies":["badge","avatar","button"],"title":"Full-Width Stacked Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with featured image on left and article list on right. Divider-separated entries with arrow hover effects.","name":"blog25","registryDependencies":["badge"],"title":"Split Image with List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Playful polaroid-style cards with random rotations and white borders. Cards straighten on hover for a fun, casual photo gallery feel.","name":"blog26","registryDependencies":["badge"],"title":"Polaroid Photo Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Classic newspaper layout with serif fonts and bordered headline. Large main story on left, stacked secondary stories on right with dividers.","name":"blog27","registryDependencies":["badge"],"title":"Newspaper Editorial Style","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid of image cards with gradient overlays. Summaries expand on hover with smooth max-height animation. Titles always visible with white text.","name":"blog30","registryDependencies":["badge"],"title":"Hover Reveal Overlay","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Wide cinematic banners with centered text overlay. Large bold titles on semi-transparent backgrounds. Immersive visual storytelling format.","name":"blog31","registryDependencies":["badge"],"title":"Full-Width Hero Banners","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Multi-part tutorial series with numbered parts. Book icon, part count, and progress-style list. Perfect for step-by-step learning content.","name":"blog36","registryDependencies":["badge"],"title":"Tutorial Series Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical timeline archive organized by year and month. Calendar icon with border line connecting entries. Compact text-only format.","name":"blog42","registryDependencies":["badge"],"title":"Timeline Year Archive","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A blog listing with an eyebrow over a hairline rule, a two-column heading, and three linked article cards with a hover-zoom image, a category label, a title, an excerpt, and byline.","name":"blog43","title":"Editorial Article Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A newsroom listing with a heading, a divider, and an eyebrow over a hairline rule, a two-column lead story with a large image, the remaining stories stacked as numbered ruled rows with square thumbnails, and a seal button to the full archive.","name":"blog44","registryDependencies":["button"],"title":"Newsroom Lead and Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A press room listing with a square eyebrow, a bold heading and intro over a hairline rule, a wide lead release with a panoramic image, and the remaining releases stacked as ruled rows that pair a date column with a release type, headline, dek, and a square arrow chip.","name":"blog45","title":"Press Room Digest","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A newsroom front page with a heading, a divider, and a square eyebrow over a hairline rule, a wide lead story whose headline and standfirst split across a twelve column band under a panoramic image, and the remaining articles set as three bordered text cards.","name":"blog46","title":"Front Page Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A newsroom bulletin with a square eyebrow, an image-free lead story split across a 7/5 grid with a standfirst, byline, and a seal button, then three illustrated columns with hover-zoom images below a single hairline rule.","name":"blog47","registryDependencies":["button"],"title":"Bulletin Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A newsroom listing with a square eyebrow, a two-column heading band over a hairline rule, and four equally weighted stories as bordered cards, each linking through a hover-zoom image, a category kicker, a bold headline, a summary, and a byline pinned to the card foot.","name":"blog48","title":"Quad Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An image-free newsroom index with a square eyebrow, a two-column heading band over a hairline rule, four linked release cards that each pair an accent counter with a kicker, headline, dek, and byline, and a seal button to the full archive.","name":"blog49","registryDependencies":["button"],"title":"Quad Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A six-slot magazine mosaic with a parenthetical eyebrow and a large heading, pairing a dominant two-by-two tile with a tall tile, wide tiles, and unit tiles that each caption their photo over a graded scrim.","name":"blog50","title":"Magazine Mosaic","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A six-slot mosaic under a parenthetical eyebrow and a large heading, mixing full-bleed photo tiles with flat text tiles on muted and inverted surfaces, where the treatment belongs to the slot and every tile advances one story through a larger article pool on a timer, staggered 10","name":"blog51","title":"Mixed Tile Mosaic","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A CSS-columns masonry of linked newsroom cards under a parenthetical eyebrow and a large heading, where the image aspect ratio cycles by position so the wall keeps an uneven, magazine-like rhythm.","name":"blog52","title":"Newsroom Masonry","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A press office masonry wall under a parenthetical eyebrow and a large heading, mixing photo cards with image-free release cards on soft muted surfaces, each release card closing on a read-through line with a corner arrow.","name":"blog53","title":"Mixed Release Masonry","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A twelve-column newsroom band under a parenthetical eyebrow, pairing one lead story carrying a pinned marker, a large image, and a byline block with a stack of four ruled secondary rows, closing on a pill button to the archive.","name":"blog54","title":"Pinned Lead Newsroom","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A three-column wall of image-free press release cards on soft muted surfaces under a parenthetical eyebrow and a large heading, each card pairing a release type and date with a headline, dek, byline, and a ruled category row.","name":"blog55","title":"Press Release Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A six-slot photo mosaic under a parenthetical eyebrow and a large heading, where every tile is bound to one newsroom category so the grid doubles as a section map, with a ruled legend naming the sections above it.","name":"blog56","title":"Category Mosaic","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial journal preview pairing one lead entry with a wide image, category, title, excerpt and date against a ruled index of three shorter entries, headed by an eyebrow, a display heading and an outline pill CTA.","name":"blog57","title":"Journal Lead And Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Image-free article index where every entry is one ruled row carrying the date, the category, the title and the reading time with a corner arrow, stacking to a readable block on mobile.","name":"blog58","title":"Ruled Writing Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three linked journal cards, each with a four-by-three image, a category, a display title, an excerpt and a ruled byline pinned to the bottom of the card so uneven excerpts still align.","name":"blog59","title":"Journal Card Trio","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A blog section pairing one linked feature with a hover-zoom image, category label, and byline against a hairline list of five recent posts stamped with their date.","name":"blog60","registryDependencies":["button"],"title":"Featured Article With Recent List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A dense blog archive whose subject pills are derived from the posts themselves and carry live counts, filtering a two-column list of hairline rows stamped with a date and a reading time.","name":"blog61","title":"Filterable Archive Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A blog section splitting a bordered container between the newsletter pitch with a cadence line on a hairline and an image tile holding a working subscribe row, over three linked back issues.","name":"blog62","title":"Newsletter Panel With Back Issues","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A topic hub card whose left third is a photo panel with the topic title set on a scrim over it, next to a two-column body: a short summary on one side and the posts belonging to the topic listed by title alone on the other.","name":"blog63","title":"Topic Hub Card With Resource List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A curated reading list under a left-aligned header, laid out as two columns of linked rows where a wide thumbnail sits beside the article title and nothing else competes with it.","name":"blog64","title":"Curated Reading List With Thumbnails","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A lead article carrying its own wide image, excerpt and byline next to a rail of further posts reduced to a thumbnail and a title, so one story clearly outranks the rest.","name":"blog65","title":"Lead Story With Thumbnail Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three tinted topic cards, each stamped with how many pieces sit behind it, the topic name, and an image filling the lower half, alongside a link out to the full topic index.","name":"blog66","title":"Topic Cards With Resource Counts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An index of writing that was planned as runs rather than posts, pairing each series and how far along it is with its numbered parts in the column beside it.","name":"blog67","title":"Series Index With Standing State","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A journal listing: a serif heading settling in word by word beside a pill action, then three staggered article cards whose photographs drift inside their frames, each with a small-caps category and date, a serif title, an excerpt and a read link.","name":"blog68","registryDependencies":["button"],"title":"Slow Journal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A journal section with one featured essay, its wide photograph drifting inside the frame, small-caps category and date, a large serif title and an excerpt, beside a ruled list of recent shorter pieces, under a serif heading that settles in word by word and a pill action.","name":"blog69","registryDependencies":["button"],"title":"Long Read and Shorts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An image-free journal index: a sticky column with a serif heading that settles in word by word and a pill action, beside ruled rows that each carry a small-caps category, a serif title, the date and reading time, and an arrow that lifts on hover.","name":"blog70","registryDependencies":["button"],"title":"Post Index Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-panel booking interface with interactive monthly calendar on the left and time slot grid on the right. Features today highlight, disabled dates, selected state, morning/afternoon grouping, and booking summary footer.","name":"booking1","registryDependencies":["badge","button"],"title":"Date & Time Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Booking confirmation card with service details, date/time, provider info with avatar, price breakdown with subtotal/tax/discount/total, promo code input, cancellation policy, and confirm CTA.","name":"booking2","registryDependencies":["avatar","badge","button"],"title":"Reservation Summary","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Upcoming and past appointments list grouped by date, with service name, provider avatar, time, duration, status badges (confirmed/pending/cancelled), and reschedule/cancel action buttons.","name":"booking3","registryDependencies":["avatar","badge","button","tabs"],"title":"Appointment List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Service selection grid with category filter tabs, service cards showing icon, name, description, duration, price, and selected state. Ideal for spa, salon, clinic, and fitness booking flows.","name":"booking4","registryDependencies":["badge","button"],"title":"Service Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Staff/provider selection cards with avatar, name, specialty, star rating, review count, availability badge, experience years, and selected state. Grid layout with \"Any Provider\" option.","name":"booking5","registryDependencies":["badge","button","avatar"],"title":"Provider Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Restaurant table reservation with guest count selector, date/time picker, seating preference (indoor/outdoor/bar), special requests textarea, and booking summary. Fine dining reservation flow.","name":"booking6","registryDependencies":["badge","button"],"title":"Restaurant Reservation","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Hotel room selection with room type cards showing images, amenity icons, guest capacity, price per night, check-in/check-out date picker, guest counter, and total price summary.","name":"booking7","registryDependencies":["badge","button"],"title":"Hotel Room Booking","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Flight search results with airline logos, departure/arrival times, duration, stops, class selector (economy/business/first), baggage info, and price comparison. Airline ticket booking flow.","name":"booking8","registryDependencies":["badge","button","tabs"],"title":"Flight Booking","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Event ticket selection with event banner, date/venue info, ticket tier cards (General/VIP/Backstage) with perks list, quantity selector, and order total. Concert and conference ticket flow.","name":"booking9","registryDependencies":["badge","button"],"title":"Event Ticket Booking","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coworking meeting room reservation with room cards showing capacity, equipment icons, hourly pricing, time range selector, attendee count, and total cost. Office and coworking space booking flow.","name":"booking10","registryDependencies":["badge","button","tabs"],"title":"Meeting Room Booking","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Google Flights-style price calendar with per-day pricing, cheapest day highlights, expensive day indicators, date range selection, and best deal summary banner. Universal for hotels, flights, car rentals, and vacation bookings.","name":"booking11","registryDependencies":["badge","button"],"title":"Price Calendar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Airbnb/Booking.com-style search bar with location autocomplete, date range picker, guest counter dropdown, and search CTA. Responsive — inline on desktop, stacked on mobile. The universal booking hero section.","name":"booking12","registryDependencies":["badge","button","calendar","popover"],"title":"Search Bar Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Booking.com-style social proof ticker with rotating messages: live viewers, recent bookings, scarcity alerts, and location-based activity. Animated transitions, urgency indicators, and trust signals that boost conversion.","name":"booking13","registryDependencies":["avatar","badge","tooltip"],"title":"Live Social Proof Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tours and experiences booking card with hero image overlay, rating, duration, difficulty badge, date picker, traveler counter, language selector, highlights list, and reserve CTA. Perfect for guided tours, classes, and local experiences.","name":"booking14","registryDependencies":["badge","button","select"],"title":"Activity Experience Booking","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Post-booking success screen with animated check icon, confirmation number, booking summary (service, date/time, location, total), scannable QR code ticket, action buttons (calendar, receipt, directions), and email confirmation note.","name":"booking15","registryDependencies":["avatar","badge","button"],"title":"Booking Confirmation Receipt","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Residential cleaning service booking with service type tabs (standard/deep/move-out), bedroom/bathroom selectors, recurring frequency pills, add-ons checklist, date picker, estimated duration, and price breakdown footer.","name":"booking16","registryDependencies":["badge","button","calendar","checkbox","popover","select","tabs"],"title":"Home Cleaning Service Booking","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ride-share style booking with pickup/dropoff address inputs, schedule now/later toggle, ride class selector (economy/comfort/xl) with ETA and fare, payment method row, and confirm ride CTA. Perfect for taxi, transfer, and shuttle apps.","name":"booking17","registryDependencies":["badge","button","tabs"],"title":"Ride Booking","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive seat selection grid for cinemas, theaters, and events. Row/column layout with an aisle gap, tier-based pricing (standard/premium/VIP), occupied seats, a live selection summary, and a legend. Includes screen indicator at the top.","name":"booking18","registryDependencies":["badge","button"],"title":"Cinema Seat Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stepper-based booking flow with numbered progress dots, animated progress bar, and four steps: service selection, schedule, contact details, and review. Back/Next navigation, per-step validation, and a live summary.","name":"booking19","registryDependencies":["badge","button","input","label"],"title":"Multi-step Booking Wizard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vehicle rental flow with pickup and return location fields, date range picker, car class grid (compact/suv/luxury) with image and specs, insurance tier selector, optional add-ons, and live price breakdown.","name":"booking20","registryDependencies":["badge","button","calendar","checkbox","popover","select","tabs"],"title":"Car Rental Booking","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Gym or studio weekly schedule with day tabs, class list per day (instructor avatar, duration, spots remaining, difficulty), and quick reserve action. Tap a day to see its classes, tap a class to book a spot.","name":"booking21","registryDependencies":["avatar","badge","button","tabs"],"title":"Weekly Class Schedule","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Multi-service booking composer. Customers assemble their own wellness day by adding services across categories (massage/facial/body/nails/add-ons), with live package summary, duration totals, animated bundle-discount progress bar, quick-start presets, and remove-from-package cont","name":"booking22","registryDependencies":["badge","button","tabs"],"title":"Spa Day Package Builder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Booking cancellation screen with the original booking summary, cancellation reason picker (radio list with optional notes), live refund breakdown based on cancellation policy, confirmation checkbox, and destructive cancel action.","name":"booking23","registryDependencies":["badge","button","checkbox","radio-group"],"title":"Cancellation Flow","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An interactive appointment picker: a hairline panel pairing a selectable service list with a scrollable day strip and a time slot grid that marks unavailable times, beside a full-height provider photo with a gradient name card, closing on a live summary bar and confirm action.","name":"booking24","registryDependencies":["button"],"title":"Service And Slot Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A confirmation screen with an accent eyebrow, a two-column hairline table of the appointment details, a checked list of what to bring, and a sticky tile floating the live phone view the member also receives.","name":"booking25","registryDependencies":["button"],"title":"Booking Confirmed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A quiet booking picker whose left column lists each service as a single hairline row carrying only its length and price, swapping a sticky panel that floats a live week strip above the chosen service's detail and its book action.","name":"booking26","registryDependencies":["button"],"title":"Minimal Service Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A clinician picker whose hairline list of practitioners, each showing their next opening, swaps an image tile floating a live availability card alongside their focus, background, and sites.","name":"booking27","registryDependencies":["button"],"title":"Choose Your Clinician","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A no-availability state that answers with three hairline figures and a numbered explanation of how offers are made, beside a sticky square tile floating a live panel of the waiting list itself and an urgent fallback.","name":"booking28","registryDependencies":["button"],"title":"Waiting List Capture","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three intake questions that land on a real appointment type instead of a drop-down: the answers pick a route with its length, its facts, and the clinician you will sit with, and the image tile beside them swaps its floated availability card to match.","name":"booking29","registryDependencies":["questionnaire","button"],"title":"Appointment Intake Match","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A booking section: a serif heading that settles in word by word over the intro, a ruled contact sheet and a practitioner avatar line, beside a calm request form with name and email fields, pill choices for session type and preferred time, a message box and a sliding-marker pill t","name":"booking30","registryDependencies":["input","label","textarea","button"],"title":"Session Request","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A visit-us section: a photograph drifting inside its frame on the left, and on the right a serif heading that settles in word by word, an intro, a ruled sheet with the serif address, directions and opening hours, a sliding-marker pill and a text link.","name":"booking31","registryDependencies":["button"],"title":"Visit Sheet","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"The classic contact section: a serif heading that settles in word by word, an intro and a ruled contact sheet on the left, and a plain form with name, email and message fields and a sliding-marker pill on the right, with no panel around it.","name":"booking32","registryDependencies":["input","label","textarea","button"],"title":"Plain Contact","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A booking chooser: a serif heading that settles in word by word and an intro, then a ruled list of session types on the left that swaps, with a soft blur, the muted detail card on the right showing a serif title, a description, a fact row and a sliding-marker pill.","name":"booking33","registryDependencies":["button"],"title":"Session Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Job listings section with role cards showing department, location, and employment type. Clean list layout with hover effects and apply buttons.","name":"careers1","registryDependencies":["badge","button"],"title":"Job Listings List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Job openings grid with department badges, location tags, and apply buttons. Card-based layout for career pages.","name":"careers2","registryDependencies":["badge","button"],"title":"Job Openings Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Department-grouped job listings with minimal row layout. Jobs organized by team with location and type indicators.","name":"careers3","registryDependencies":["badge","button"],"title":"Department-Grouped Positions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Combined perks and job listings section with benefits grid and open positions list. Ideal for complete career pages.","name":"careers4","registryDependencies":["badge","button"],"title":"Perks & Open Positions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Highlighted featured position card with a compact list of additional openings below. Great for showcasing priority roles.","name":"careers5","registryDependencies":["badge","button"],"title":"Featured Role with Positions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed job board with department filters using shadcn Tabs component. Browse positions by team with location and type details.","name":"careers6","registryDependencies":["badge","button","tabs"],"title":"Tab-Filtered Job Board","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Team culture stats bar followed by detailed job position cards. Combines social proof with open roles listing.","name":"careers7","registryDependencies":["badge","button"],"title":"Culture Stats with Positions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single job posting detail with responsibilities, requirements, nice-to-haves, and apply CTA. Full position description layout.","name":"careers8","registryDependencies":["badge","button"],"title":"Job Detail Page","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Benefits and perks showcase with icon cards in a responsive grid. Highlights company offerings like health, remote work, and growth opportunities.","name":"careers9","registryDependencies":["badge"],"title":"Employee Benefits Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Step-by-step hiring process timeline with numbered stages. Shows candidates the interview journey from application to onboarding.","name":"careers10","registryDependencies":["badge"],"title":"Hiring Process Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Company values grid with icon cards and employee testimonial quote. Showcases team culture and work philosophy.","name":"careers11","registryDependencies":["badge"],"title":"Culture & Values","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Career progression path with level indicators, role descriptions, and key skills. Shows growth framework from junior to principal level.","name":"careers12","registryDependencies":["badge","button"],"title":"Career Growth Ladder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Global office locations grid with city photos, team size, and role taglines. Showcases company presence worldwide.","name":"careers13","registryDependencies":["badge"],"title":"Office Locations Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Team member photo grid with names and roles. Square portrait layout for showcasing leadership and team composition.","name":"careers14","registryDependencies":["badge"],"title":"Meet the Team Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A typical workday timeline with time stamps, activity icons, and descriptions. Shows candidates what daily life looks like at the company.","name":"careers15","registryDependencies":["badge"],"title":"Day in the Life Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Employee testimonial cards with quotes, avatars, and roles. Social proof grid showcasing team member experiences and company culture.","name":"careers16","registryDependencies":["badge","avatar"],"title":"Employee Testimonials","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Job application form with input fields, file upload area, and position summary sidebar. Complete apply page layout for career sites.","name":"careers17","registryDependencies":["badge","button","input","label","textarea"],"title":"Job Application Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Department cards with team lead, headcount, open roles badge, and links. Helps candidates explore teams before applying.","name":"careers18","registryDependencies":["badge"],"title":"Department Overview Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Internship program section with highlights, mentorship details, program summary card, and apply CTA. For recruiting early-career talent.","name":"careers19","registryDependencies":["badge","button"],"title":"Internship Program","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Diversity and inclusion section with representation stats and initiative cards. Showcases company commitment to equity and belonging.","name":"careers20","registryDependencies":["badge"],"title":"Diversity & Inclusion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Transparent compensation philosophy with salary, equity, bonus, and perks cards. Shows total rewards approach with highlighted details.","name":"careers21","registryDependencies":["badge"],"title":"Compensation & Total Rewards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Featured employee profile with portrait photo, personal quote, and career milestone timeline. Showcases real growth stories.","name":"careers22","registryDependencies":["badge"],"title":"Employee Spotlight Story","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Referral program section with step-by-step process, bonus highlight card, and submit CTA. Encourages employee referrals.","name":"careers23","registryDependencies":["badge","button"],"title":"Employee Referral Program","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"First 90 days onboarding timeline with phase cards and activity checklists. Shows new hires what to expect from orientation to ownership.","name":"careers24","registryDependencies":["badge"],"title":"Onboarding Journey Preview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Work environment section with equipment provisions and work policies. Two-column layout showing what the company provides and how the team operates.","name":"careers25","registryDependencies":["badge"],"title":"Remote Work Setup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Recruitment statistics dashboard with key metrics, trends, and detailed hiring process stats. Transparent data-driven hiring showcase.","name":"careers26","registryDependencies":["badge"],"title":"Hiring by the Numbers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bottom-of-page careers CTA for general applications with email, action buttons, and company highlight badges. Captures candidates without matching roles.","name":"careers27","registryDependencies":["badge","button"],"title":"Speculative Application CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Professional development program cards with conference budget, courses, mentorship, and tech talks. Highlights company investment in employee growth.","name":"careers28","registryDependencies":["badge"],"title":"Learning & Development","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Photo gallery of company events, offsites, and team activities in masonry layout. Visual showcase of team culture and community.","name":"careers29","registryDependencies":["badge"],"title":"Team Events Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Engineering and team blog article preview cards with images, excerpts, and authors. Showcases technical depth and knowledge sharing culture.","name":"careers30","registryDependencies":["badge"],"title":"Team Blog Highlights","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side role comparison grid showing team, skills, experience, and salary for different positions. Responsive table-to-card layout.","name":"careers31","registryDependencies":["badge"],"title":"Role Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Former employee showcase with career progression from company role to current position. Demonstrates the company as a career launchpad.","name":"careers32","registryDependencies":["badge","avatar"],"title":"Alumni Network Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Formal HR job posting with responsibilities, qualifications, benefits, and sidebar summary. Corporate-style position detail page with apply CTA.","name":"careers33","registryDependencies":["badge","button"],"title":"HR Job Posting Detail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Numbered engineering principles list with large counters and descriptions. Showcases team philosophy on shipping, ownership, and simplicity.","name":"careers34","registryDependencies":["badge"],"title":"Engineering Principles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Transparent salary bands with level, role, visual range bars, and equity details. Pay transparency table with responsive card fallback.","name":"careers35","registryDependencies":["badge"],"title":"Salary Bands Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Team lead profiles with photos, bios, and department badges. Introduces future managers to candidates with detailed backgrounds.","name":"careers36","registryDependencies":["badge"],"title":"Hiring Manager Profiles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Email subscription form for job alerts with trust indicators. Captures candidate interest for future openings with clean card layout.","name":"careers37","registryDependencies":["button","input"],"title":"Job Alerts Signup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bento-style grid of work perks with featured image card and icon cards. Mixed layout showcasing PTO, wellness, equipment, and team events.","name":"careers38","registryDependencies":["badge"],"title":"Work Perks Bento Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column guide with preparation tips and company commitments to candidates. Sets expectations for the hiring process with contact info.","name":"careers39","registryDependencies":["badge"],"title":"Candidate Experience Guide","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A studio jobs list with role meta, salary and apply arrows.","name":"careers40","title":"Open Roles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Studio benefits grid with an accent highlight and icon cards.","name":"careers41","title":"Benefits & Perks","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Culture statement and tenets beside a three-image studio-life collage.","name":"careers42","title":"Studio Culture","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"The studio's interview process as a connected, numbered step flow.","name":"careers43","title":"Hiring Process","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Department-tabbed open roles list using shadcn Tabs.","name":"careers44","registryDependencies":["tabs"],"title":"Roles By Department","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A captioned masonry photo wall of studio life with an intro and a roles CTA.","name":"careers45","registryDependencies":["button"],"title":"Life At The Studio","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full featured-role posting with responsibilities, requirements and a sticky apply card.","name":"careers46","registryDependencies":["button"],"title":"Role Spotlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Team stats band paired with benefit highlights.","name":"careers47","title":"Why Join Us","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky employer-value intro beside a scrollable open-roles list.","name":"careers48","registryDependencies":["button"],"title":"Join The Studio","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Categorized studio benefits with checklists per category.","name":"careers49","title":"Benefits Breakdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered careers intro with eyebrow, highlighted heading and supporting copy above a three-image gallery — one wide frame beside two portraits.","name":"careers50","title":"Careers Gallery Header","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A light editorial careers section with a monospace eyebrow over a hairline rule, a two-column heading, and a sticky culture photo with a gradient caption beside team filter pills and hairline job rows showing location, contract type, and a hover arrow.","name":"careers51","registryDependencies":["button"],"title":"Filterable Open Roles List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A job description laid out as a reading column with checked responsibility lists and a candid caveat panel, against a sticky rail carrying the published salary band, level, and location alongside the apply action.","name":"careers52","registryDependencies":["button"],"title":"Single Role Detail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An interview process published as numbered hairline stages carrying length, who you meet, and an accent chip where the work is paid, closing on a soft promises panel beside a live card for the person who runs it.","name":"careers53","registryDependencies":["button"],"title":"Hiring Process In Full","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A working-here section pairing a six-item icon benefits grid and a captioned full-bleed photograph with two closing cards that set what you get against what the company deliberately does not offer.","name":"careers54","registryDependencies":["button"],"title":"Benefits And Honest Omissions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pay transparency table whose track pills swap the band column while the levels, their scope, and the headcount at each stay in place, closing on the written rules that govern the numbers beside a soft panel carrying the call to action.","name":"careers55","registryDependencies":["button"],"title":"Published Pay Bands","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hiring section that answers three questions instead of listing a job board: the answers land on one open role with its team, its location, and its published pay band, and the photograph beside it changes to the part of the studio that role sits in.","name":"careers56","registryDependencies":["questionnaire","button"],"title":"Role Fit Finder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A short roles list where the pay band sits on the row rather than behind an application, with a written empty state for when nothing is open and a speculative line underneath.","name":"careers57","title":"Open Roles With Published Bands","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A careers section: a serif heading that settles in word by word, an intro, a pill action and a photograph drifting inside its frame on the left, beside ruled open roles with serif titles and small-caps type and place that lift an arrow on hover, and a note on how applications are","name":"careers58","registryDependencies":["button"],"title":"Fourth Chair Roles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout changelog with milestone context, highlights, metrics, and action buttons.","name":"changelog2","registryDependencies":["badge","button"],"title":"Split Milestone Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Release feed cards with aligned change labels, summaries, and optional CTA buttons.","name":"changelog3","registryDependencies":["badge","button"],"title":"Changelog Release Feed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Month-grouped changelog board with aligned labels, release details, and optional links.","name":"changelog4","registryDependencies":["badge"],"title":"Grouped Changelog Board","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Timeline-style changelog with version badges, dates, and color-coded change types. Ideal for release notes and version history.","name":"changelog5","registryDependencies":["badge","button"],"title":"Milestone Changelog Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ultra-minimal text-only changelog with version headers and dash-prefixed change lists. No badges, no cards, just clean typography.","name":"changelog6","title":"Minimal Text Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Release notes with changes grouped by type — Added, Changed, Fixed — using color-coded category labels.","name":"changelog7","registryDependencies":["badge"],"title":"Categorized Release Notes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Latest release highlighted in a featured card with full details, followed by a compact list of previous releases.","name":"changelog8","registryDependencies":["badge","button"],"title":"Featured Release Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive card grid of releases with version badges, descriptions, and optional links. Great for browsable release archives.","name":"changelog9","registryDependencies":["badge"],"title":"Release Card Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact single-line release rows with color-coded type dots, version tags, and a legend footer. Optimized for dense, scannable API changelogs.","name":"changelog10","registryDependencies":["badge"],"title":"Dense Inline Release Log","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal two-column layout with fixed-width date column on the left and version heading with change list on the right.","name":"changelog11","title":"Two-Column Date Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Poster-style changelog with oversized version numbers as visual anchors, followed by date, heading, and description text.","name":"changelog12","title":"Large Version Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Collapsible accordion changelog where each release expands to reveal description and change list.","name":"changelog13","registryDependencies":["accordion","badge"],"title":"Accordion Release Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Releases grouped by year in collapsible accordion panels with release count indicators.","name":"changelog14","registryDependencies":["accordion","badge"],"title":"Year-Grouped Accordion Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stacked release cards with heading, description, change list, and version footer. Clean vertical feed for product updates.","name":"changelog15","registryDependencies":["badge"],"title":"Stacked Release Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Alternating split layout with feature screenshots on one side and release content on the other. Ideal for marketing-focused product update pages.","name":"changelog16","registryDependencies":["badge","button"],"title":"Visual Release Notes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Author-attributed changelog feed with avatars, roles, rich descriptions, change lists, and tags.","name":"changelog17","registryDependencies":["badge"],"title":"Team Update Feed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width hero images with rich release content below. Marketing-focused changelog for major product announcements.","name":"changelog18","registryDependencies":["badge","button"],"title":"Full-Width Showcase Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Technical changelog with code blocks showing API changes, migration examples, and usage snippets alongside release notes.","name":"changelog19","registryDependencies":["badge"],"title":"Developer Changelog with Code","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Hybrid roadmap and changelog with shipped, in-progress, and planned items. Includes status dots, tags, and optional feature images.","name":"changelog20","registryDependencies":["badge"],"title":"Roadmap Status Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column kanban board grouping changes by type — Features, Fixes, and Improvements — with stacked cards.","name":"changelog21","registryDependencies":["badge"],"title":"Kanban Board Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dark terminal window styled as a git log output with commit hashes, version tags, color-coded change prefixes, and a blinking cursor.","name":"changelog22","title":"Terminal Git Log Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Structured table view with column headers, alternating row backgrounds, color-coded type badges, and optional links.","name":"changelog23","registryDependencies":["badge"],"title":"Striped Table Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Release feed with prominent callout blocks highlighting the most impactful change per release.","name":"changelog24","registryDependencies":["badge","button"],"title":"Callout Highlight Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Broadsheet newspaper layout with masthead, featured headline story, sidebar briefs, and numbered patch notes in flowing columns.","name":"changelog25","title":"Newspaper Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A release feed with a sticky version rail that filters the list, and hairline entries carrying a version and date line, tone-coded tags, an accent-bulleted highlight list, and an optional release note link.","name":"changelog26","registryDependencies":["button"],"title":"Version Rail Release Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A changelog that gives the newest version a split of its own, pairing a checked highlight list and two actions with an image tile floating live post-release figures, over the earlier versions as hairline rows.","name":"changelog27","registryDependencies":["button"],"title":"Latest Release Spotlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A complete changelog grouped by month, each version on a hairline row beside its entries, every line tagged added, changed, fixed, or removed with its own tone.","name":"changelog28","title":"Full Release Notes By Month","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A roadmap board of four hairline columns carrying state icons, running from what shipped through what is building to what was turned down, crediting the practice that asked where there was one.","name":"changelog29","registryDependencies":["button"],"title":"Shipped Building Next Declined","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A deprecation register listing what is being withdrawn on hairline rows with a tone-coded stage chip, the removal date, how many are still affected, and the replacement, closing on the written notice policy.","name":"changelog30","registryDependencies":["button"],"title":"Deprecations And Removals","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A revision log for writing rather than software, each entry dating the change, linking the piece it belongs to, stating what was altered and, where it exists, the reason on an accent rule.","name":"changelog31","title":"Editorial Revision Log","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A changelog page section with a serif headline that settles in word by word and a sliding-marker pill at the right end of the header, then a ruled list of releases. Each release keeps its version number and date pinned on the left while the title, summary and a plain dotted list ","name":"changelog32","registryDependencies":["button"],"title":"Ruled Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A changelog grouped by month with a sticky index on the left: each month is a button that scrolls the page to its group, a short rule grows beside the current one, and the index follows as you scroll. Entries on the right show the day, a title and a plain dotted list of changes. ","name":"changelog33","registryDependencies":["button"],"title":"Month Index Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"Releases as points on a vertical line that draws itself in ink as the page scrolls: version and date on the left of the line, a serif title, a paragraph and a plain dotted list of changes on the right. Serif headline settles in word by word with a sliding-marker pill at the heade","name":"changelog34","registryDependencies":["button"],"title":"Drawn Line Changelog","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"The newest release gets a full row: a photograph that blurs in and drifts on scroll beside its version, date, serif title, paragraph, plain change list and a sliding-marker pill. Earlier releases follow as compact ruled rows (version, date, title, one line) that link out and tint","name":"changelog35","registryDependencies":["button"],"title":"Latest and Earlier","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sophisticated AI prompt input area with auto-expanding textarea, attachment and image upload buttons, model selector, and a grid of contextual prompt suggestion cards. Inspired by ChatGPT and Claude home screens.","name":"chat4","registryDependencies":["badge","button","card","textarea","tooltip"],"title":"Rich Prompt Input with Smart Suggestions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Simulated streaming AI response with word-by-word typewriter animation, blinking cursor, skeleton loading state, and stop generating button. Demonstrates real-time AI output patterns.","name":"chat5","registryDependencies":["avatar","button","skeleton"],"title":"AI Streaming Response with Live Typing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Perplexity-style AI response with inline numbered citation markers, a source panel showing referenced URLs with favicons and titles, and expandable source previews. Perfect for RAG-powered chat applications.","name":"chat6","registryDependencies":["avatar","badge","button","card","separator","tooltip"],"title":"AI Response with Cited Sources","type":"registry:block"},{"dependencies":["shiki"],"description":"Developer-focused chat interface with syntax-highlighted code blocks, language badges, copy-to-clipboard buttons, and file name tabs. Optimized for code generation and programming assistance.","name":"chat7","registryDependencies":["avatar","badge","button","separator","tooltip"],"title":"Code Generation Chat with Syntax Highlighting","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Beautiful grid of prompt template cards with icons, categories, and descriptions. Features category tabs for filtering and hover animations. Ideal for chat home screens and prompt libraries.","name":"chat8","registryDependencies":["button","card","tabs","textarea"],"title":"AI Prompt Starter Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Showcase card for an AI agent or assistant with avatar, name, description, capability badges, sample conversation preview, stats row, and action buttons. Perfect for agent directories and AI product pages.","name":"chat9","registryDependencies":["avatar","badge","button","card","separator"],"title":"AI Agent Profile Card","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Compact floating chat bubble that expands into a mini chat window. Features smooth expand/collapse animation, pulsing notification dot, and a complete mini chat interface inside. Ideal for customer support overlays.","name":"chat10","registryDependencies":["avatar","button","separator"],"title":"Floating Chat Widget with Expandable Window","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-featured chatbot window with message thread, AI and user avatars, timestamp display, typing indicator, and rich input area with send button. Suitable as the primary chat experience.","name":"chat11","registryDependencies":["avatar","button","tooltip"],"title":"Complete AI Chat Interface","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Chat message thread with rich formatting, copy and thumbs-up/down action buttons on AI messages, and time-grouped message sections. Features hover-revealed action bars and smooth animations.","name":"chat12","registryDependencies":["avatar","button","separator","tooltip"],"title":"Conversational Thread with Reactions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Claude-style thinking and reasoning display with collapsible thought process sections, numbered step indicators, elapsed time badges, and a polished final answer below.","name":"chat13","registryDependencies":["avatar","badge","button","collapsible"],"title":"AI Reasoning Steps with Collapsible Thinking","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compare responses from two different AI models side by side. Features a shared prompt input, dual response panels with model badges, and rating buttons for each response.","name":"chat14","registryDependencies":["avatar","badge","button","card","separator"],"title":"Side-by-Side AI Model Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Chat interface with image attachment previews, file upload indicators, and image gallery display within messages. Supports both user-uploaded images and AI-generated image responses.","name":"chat15","registryDependencies":["avatar","button","tooltip"],"title":"Chat with Image Attachments","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Chat interface featuring multiple AI agents with distinct personas, colored avatars, and role badges. Each agent has a unique personality and expertise area, creating a panel discussion experience.","name":"chat16","registryDependencies":["avatar","badge","button","separator"],"title":"Multi-Agent Chat with Personas","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero section with a prominent AI search/prompt input bar and clickable suggestion pills. Perfect for AI product landing pages inspired by ChatGPT and Perplexity.","name":"chat17","registryDependencies":["button","badge"],"title":"AI Search Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Landing page hero with a prominent AI prompt input, trust stats bar, and a grid of popular prompt example cards. Designed for AI product homepages.","name":"chat18","registryDependencies":["badge","button","card"],"title":"AI Prompt Hero with Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed showcase section where each tab displays a different AI use case with a prompt and response preview. Demonstrates AI versatility for landing pages.","name":"chat19","registryDependencies":["avatar","badge","card","tabs"],"title":"AI Use Case Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column hero with marketing copy on the left and an interactive prompt playground on the right. Users can type or click example prompts to see mock AI responses.","name":"chat20","registryDependencies":["avatar","badge","button","card","textarea"],"title":"AI Prompt Playground Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Feature grid section showcasing AI capabilities. Each card includes an icon, title, description, and a mini chat bubble preview demonstrating the capability.","name":"chat21","registryDependencies":["avatar","card"],"title":"AI Capabilities Feature Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-pane messaging panel: a selectable conversation list with unread dots on the left, and the chosen thread on the right with member and staff bubbles, timestamps, and a composer row.","name":"chat22","title":"Member Inbox And Thread","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A messaging section pairing a light heading, a hairline table of response figures, and two actions with an image tile that floats a live conversation thread.","name":"chat23","registryDependencies":["button"],"title":"Messaging Overview Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A support section listing four linked contact channels as a hairline matrix, each with an icon tile, its response time, and its hours, beside a soft panel floating a live card for whoever is on shift.","name":"chat24","title":"Support Channels Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An assistant section where question pills swap the image tile beneath them, each floating a live answer card that cites the records it read, closing on three hairline guarantees and one action.","name":"chat25","registryDependencies":["button"],"title":"Ask Your Data Spotlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A shared inbox laid out as hairline rows carrying the member, the subject, an assignee avatar, how long they have waited, and a tone-coded status pill, filtered by status chips with live counts.","name":"chat26","registryDependencies":["button"],"title":"Shared Inbox Triage","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A support section built as one dark panel, with a light heading, three hairline promises about who answers, two actions, and a bordered column floating a live on-call conversation.","name":"chat27","registryDependencies":["button"],"title":"Inverted Out Of Hours Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"One member conversation walked through as timestamped hairline rows inside a bordered panel, each naming what happened and either the person who picked it up or the step that ran on its own.","name":"chat28","registryDependencies":["button"],"title":"Conversation Handover Trail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A messaging section where a hairline list of saved replies, each with what it is for and how often it is used, swaps a bordered preview card showing the message and the fields it fills in from the record.","name":"chat29","registryDependencies":["button"],"title":"Saved Reply Library","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An automation section listing each trigger against the message it sends on hairline rows with live switches, striking through the volume of any rule turned off and totalling the rest in a soft summary panel.","name":"chat30","registryDependencies":["switch","button"],"title":"Message Automation Rules","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A messaging section splitting a hairline matrix between the staff view and the member view, each half floating its own live asset above a title and a list of what that side gets.","name":"chat31","registryDependencies":["button"],"title":"Two Sides Of One Conversation","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Coming soon section with a live countdown timer showing days, hours, minutes, and seconds until launch. Perfect for product launches, event announcements, or building anticipation for new features.","name":"comingsoon1","registryDependencies":["badge"],"title":"Countdown Timer Launch","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Coming soon section with a progress bar and milestone tracker showing development stages like Design, Backend, Frontend, and Testing. Perfect for keeping users informed about product development progress.","name":"comingsoon2","registryDependencies":["badge","progress"],"title":"Development Progress Milestones","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section featuring social media links with icons for Twitter, GitHub, LinkedIn, and Email in pill-style buttons. Perfect for building a community and keeping followers engaged before launch.","name":"comingsoon3","registryDependencies":["badge"],"title":"Social Connect Launch","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with floating animated icons and a pulsing status indicator using Framer Motion animations. Perfect for creating visual excitement and a dynamic atmosphere before a product launch.","name":"comingsoon4","registryDependencies":["badge"],"title":"Animated Icons Preview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with a grid of blurred sneak-peek feature cards and lock overlays that tease upcoming features. Perfect for building anticipation by showing what's coming without revealing full details.","name":"comingsoon5","registryDependencies":["badge"],"title":"Sneak Peek Feature Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with an email waitlist input, stacked subscriber avatars, and a live join count. Perfect for building early traction and social proof before launch.","name":"comingsoon6","registryDependencies":["badge","button","input"],"title":"Waitlist with Avatars","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with a vertical timeline showing launch phases, dates, and status indicators. Perfect for communicating a clear release plan and keeping users informed about upcoming milestones.","name":"comingsoon7","registryDependencies":["badge"],"title":"Launch Roadmap Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with a status dashboard displaying service readiness with color-coded indicators for ready, in-progress, and planned states. Perfect for transparent launch communication.","name":"comingsoon8","registryDependencies":["badge"],"title":"Readiness Status Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with a bento-grid of live build stats like commits, test coverage, uptime, and team size. Perfect for building in public with transparent engineering metrics.","name":"comingsoon9","registryDependencies":["badge"],"title":"Bento Stats Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with a chronological development log feed showing recent updates, commits, and milestones. Perfect for building in public and keeping the community engaged.","name":"comingsoon10","registryDependencies":["badge"],"title":"Dev Log Feed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with selectable notification channel cards for email, Slack, Twitter, and more. Perfect for letting users choose how they want to be notified at launch.","name":"comingsoon11","registryDependencies":["badge","button","input"],"title":"Notification Channel Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with a side-by-side comparison table showing current limitations versus upcoming improvements. Perfect for SaaS upgrades and product relaunches.","name":"comingsoon12","registryDependencies":["badge"],"title":"Before vs After Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with an expandable FAQ accordion addressing common questions about the upcoming launch. Perfect for reducing pre-launch support queries and building user confidence.","name":"comingsoon13","registryDependencies":["badge","accordion"],"title":"Launch FAQ Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Coming soon section with tiered early access plans showing benefits, features, and availability for each level. Perfect for building a monetized waitlist with founding member perks.","name":"comingsoon14","registryDependencies":["badge","button"],"title":"Early Access Tiers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered pre-launch section with an eyebrow, a large light heading, a paragraph, an image tile holding a working email-capture form with a success state, and a social-proof note.","name":"comingsoon15","title":"Waitlist Coming Soon","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column pre-launch section with a monospace parenthetical eyebrow, an oversized headline, a working rounded email-capture form with a success state, an avatar social-proof row, and a tall full-bleed image carrying a floating launch label.","name":"comingsoon16","title":"Image Split Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered post-signup confirmation card on a soft muted surface with a monospace parenthetical eyebrow, an oversized queue-position number, a progress-to-front bar, and a referral row with a copy-invite pill button.","name":"comingsoon17","title":"Waitlist Queue Position","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full-bleed image pre-launch hero with a dark overlay, a monospace parenthetical eyebrow, a small kicker, an oversized launch-date headline, a supporting line, and a light outline pill notify button.","name":"comingsoon18","title":"Launch Season Reveal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pre-launch manifesto section on a soft muted card with a monospace parenthetical eyebrow, a large statement heading, and a three-column ruled list of numbered building principles above a follow-along pill button.","name":"comingsoon19","title":"Pre-Launch Manifesto","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered scheduled-maintenance section with a pulsing status dot, a monospace parenthetical eyebrow, a large heading, a reassuring paragraph, a ruled key-value list of status details, and a status-page pill button.","name":"comingsoon20","title":"Maintenance Back Soon","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered waitlist section with a square eyebrow, a bold accent-highlighted heading, a working rounded email-capture form with a success state, and an avatar row with a live signup counter.","name":"comingsoon21","title":"Waitlist Signup Counter","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered coming-soon launch page with a brand wordmark, a square eyebrow, an accent-highlighted heading, a working email notify form with a success state, a launch note, and a row of social links.","name":"comingsoon22","title":"Coming Soon Notify Page","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A bordered pre-launch offer card with a square eyebrow, a heading, a checked benefit list, a seats-claimed progress bar, and a working rounded email-capture form with a success state.","name":"comingsoon23","title":"Founding Member Offer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column mobile-app pre-launch section with a square eyebrow, a heading, platform chips, and a dark seal pre-register button beside a portrait app preview tile carrying a floating pre-registration counter.","name":"comingsoon24","registryDependencies":["button"],"title":"Mobile App Pre-Register","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An editorial launch-date announcement with a square eyebrow, a kicker, an oversized date headline paired with a supporting note and a dark seal remind-me button, above a three-column ruled list of launch facts.","name":"comingsoon25","registryDependencies":["button"],"title":"Launch Day Announcement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pre-launch countdown on a soft muted card with a monospace parenthetical eyebrow, a bold wordmark, a heading, a live four-unit ruled countdown to a target date, and a reserve-seat pill button.","name":"comingsoon26","title":"Countdown Studio Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pre-launch roadmap laid out as three now-next-later columns with a monospace parenthetical eyebrow, a heading and changelog pill button on top, and ruled entry lists under each column header.","name":"comingsoon27","title":"Launch Roadmap Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A quote-led pre-launch section on a soft muted card with a monospace parenthetical eyebrow, a large early-tester pull quote, an author row with avatar, and an invite pill button with a supporting note.","name":"comingsoon28","title":"Early Tester Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A newsletter-forward pre-launch section with a monospace parenthetical eyebrow, a heading and subscribe pill button on top, and a three-card grid of upcoming articles each with a kind label, title, and summary.","name":"comingsoon29","title":"Upcoming Writing Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered full-bleed image waitlist section with a dark overlay and light text, a monospace parenthetical eyebrow, a heading, a set of toggleable interest chips, and a working rounded email-capture form with a success state.","name":"comingsoon30","title":"Interest Selector Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A monumental full-bleed image pre-launch statement with a dark overlay, a monospace parenthetical eyebrow, an oversized centered wordmark, a single supporting tagline, and a light outline notify pill button.","name":"comingsoon31","title":"Typographic Wordmark","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered pre-launch section with a monospace parenthetical eyebrow, a statement heading, a supporting paragraph, a waitlist pill button, and a captioned grayscale logo strip of early partners.","name":"comingsoon32","title":"Trusted By Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full-bleed image pre-launch teaser with a dark overlay, a monospace parenthetical eyebrow, a central play button that opens the teaser video in a modal, a heading and supporting line, and a light outline waitlist pill button.","name":"comingsoon33","title":"Video Teaser Reveal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An invite-only pre-launch card on a soft muted surface with a monospace parenthetical eyebrow, a heading, a working invite-code redemption form with a success state, and a fallback waitlist pill button.","name":"comingsoon34","title":"Invite Code Access","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered launch-reminder section with a monospace parenthetical eyebrow, a kicker, an oversized launch-date heading, a supporting line, an add-to-calendar pill button, and a row of calendar-provider links.","name":"comingsoon35","title":"Add To Calendar Reminder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered pre-launch section with a square eyebrow, an accent-highlighted heading, a large colon-separated live countdown clock, a working email-capture form with a success state, and an avatar social-proof row.","name":"comingsoon36","title":"Countdown Clock Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pre-launch referral leaderboard with a square eyebrow, a heading, and a bordered ranked list of members with avatars and invite counts, one row highlighted as the viewer, above a dark seal share button.","name":"comingsoon37","registryDependencies":["button"],"title":"Referral Leaderboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column private-beta section with a square eyebrow, a heading, a supporting paragraph, and a dark seal apply button beside a bordered card listing accent-checked tester benefits.","name":"comingsoon38","registryDependencies":["button"],"title":"Private Beta Apply","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pre-launch feature-voting section with a centered square eyebrow and heading, and a list of upcoming feature cards each with a title, description, and an interactive upvote control that updates the count.","name":"comingsoon39","title":"Feature Voting Roadmap","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column location-launch section with an accent-badged image tile beside a square eyebrow, a city heading, a supporting line, a ruled details grid of opening facts, and a dark seal notify button.","name":"comingsoon40","registryDependencies":["button"],"title":"New Location Opening","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An interactive pricing-preview section with a centered square eyebrow and heading, a plan switcher that swaps a detail card showing a locked blurred price, accent-checked features, and a dark seal notify button.","name":"comingsoon41","registryDependencies":["button"],"title":"Pricing Plan Explorer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column podcast-launch section with an accent-badged square cover image beside a square eyebrow, show title, description, a dark seal subscribe button, platform links, and a ruled list of first episodes.","name":"comingsoon42","registryDependencies":["button"],"title":"Podcast Launch Teaser","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pre-launch survey card with a square eyebrow, a heading, a single-choice question with selectable radio options, and a working rounded email-capture form with a success state.","name":"comingsoon43","title":"Survey Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A personal pre-launch section with a square eyebrow, a statement heading, a short founder note in paragraphs, and a signature row with avatar beside a dark seal waitlist button.","name":"comingsoon44","registryDependencies":["button"],"title":"Founder Note Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered pre-launch section with a square eyebrow, a heading, a supporting line, a row of accent statistics that count up when scrolled into view, and a dark seal claim-seat button.","name":"comingsoon45","registryDependencies":["button"],"title":"Animated Waitlist Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full-height split coming-soon page with a dark brand panel carrying a wordmark, a monospace parenthetical eyebrow, a heading and a working email notify form, beside a full-bleed image with a floating launch label.","name":"comingsoon46","title":"Split Screen Launch","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A coming-soon hero with an oversized looping background marquee behind a centered monospace parenthetical eyebrow, a bold wordmark, a tagline, and a working email notify form with a success state.","name":"comingsoon47","title":"Marquee Launch Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A coming-soon bento grid with a large panel holding a wordmark, a monospace parenthetical eyebrow, a heading and a working email notify form, an image tile, and a dark social-proof tile with an avatar stack and waitlist count.","name":"comingsoon48","title":"Bento Launch Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column coming-soon section with a vertical monospace edge label, an oversized wordmark, a tagline and a working email notify form, beside a framed portrait image tile.","name":"comingsoon49","title":"Framed Editorial Launch","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A coming-soon section on a soft muted card with a monospace parenthetical eyebrow, a heading, a launch-readiness percentage that counts up with an animated progress bar, a build-status row, and a working email notify form.","name":"comingsoon50","title":"Launch Readiness Progress","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A coming-soon section styled as a launch pass ticket with a square eyebrow, a heading and a working email notify form on the main stub, and a perforated tear-off stub carrying an admit-one tag, a barcode, and a pass code.","name":"comingsoon51","title":"Launch Pass Ticket","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A coming-soon section with a full-bleed image mosaic background under a dark overlay and a centered card holding a square eyebrow, a heading, a description, and a working email notify form with a success state.","name":"comingsoon52","title":"Image Mosaic Notify","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column coming-soon section styled as a magazine launch with an accent-badged cover image, a masthead, a square eyebrow, a heading, a numbered contents list, and a working email subscribe form.","name":"comingsoon53","title":"Next Issue Magazine","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column coming-soon section with a square eyebrow, a heading and a working email notify form, beside a browser-window mockup showing a blurred, lock-badged product preview.","name":"comingsoon54","title":"Locked Product Preview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full-bleed image coming-soon hero with a bottom gradient and light text, a square eyebrow, a large heading and a supporting line, beside a solid notify card holding a working email form with a success state.","name":"comingsoon55","title":"Image Notify Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hospitality coming-soon section with an interior image beside a venue name, a square eyebrow, a heading, an opening details grid with icons, and a working email list form with a success state.","name":"comingsoon56","title":"Restaurant Opening Soon","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An event coming-soon section with a square eyebrow, an event name and heading, a date and venue meta row with icons, a working ticket-alert email form, and a speaker avatar row.","name":"comingsoon57","title":"Event Tickets Coming Soon","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An e-commerce coming-soon section with a square eyebrow, a heading, a drop-date card, a grid of product teaser cards with blurred prices, and a working email notify form with a success state.","name":"comingsoon58","title":"Store Drop Coming Soon","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An app pre-launch split card with a muted panel holding a wordmark, a monospace parenthetical eyebrow, a heading, a working email waitlist form and platform chips, beside a full-bleed image covering the other half.","name":"comingsoon59","title":"App Waitlist Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A personal coming-soon page with a monospace parenthetical eyebrow, an oversized name, a role and tagline, an email contact pill button, a row of social links, and an availability status line.","name":"comingsoon60","title":"Portfolio Under Construction","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A community coming-soon section on a soft muted card with a monospace parenthetical eyebrow, a heading, a working email waitlist form, a secondary outline community pill button, and an avatar row with a member count.","name":"comingsoon61","title":"Community Launch Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An education coming-soon section with a square eyebrow, a course heading, a start/length/format details grid, a working waitlist email form, and a syllabus card listing numbered lessons.","name":"comingsoon62","title":"Course Enrollment Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A product launch coming-soon section with a full-height product image beside a monospace parenthetical eyebrow, a product name, a tagline, a ship date, a working notify email form, and a spec grid.","name":"comingsoon63","title":"Product Pre-Order Teaser","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A B2B coming-soon section with a studio name, a square eyebrow, a heading, an icon contact-details list, and a working name, email, and message contact form with a success state.","name":"comingsoon64","title":"Under Construction Contact","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A waitlist coming-soon section with a monospace parenthetical eyebrow, a heading, a working email notify form, and a three-step numbered process explaining what happens after signing up.","name":"comingsoon65","title":"What Happens Next Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A real-estate coming-soon section with an accent-badged development image beside a project name, a square eyebrow, a heading, a key-facts grid, and a working register-interest email form.","name":"comingsoon66","title":"Property Register Interest","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A fitness coming-soon section with a studio name, a square eyebrow, a heading and a working founding-membership email form, beside a card previewing a week of the class schedule.","name":"comingsoon67","title":"Fitness Studio Founding List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A music release coming-soon section with a square cover image beside an artist name, a monospace parenthetical eyebrow, a title, a release date, a working pre-order email form, and a numbered tracklist.","name":"comingsoon68","title":"Album Release Pre-Order","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hiring coming-soon section with a centered square eyebrow and heading, a working job-alert email form, and a list of upcoming roles with team and employment type.","name":"comingsoon69","title":"Careers Job Alerts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A newsletter coming-soon section with a centered monospace parenthetical eyebrow, a heading, a working subscribe email form, and a three-card grid previewing upcoming issues.","name":"comingsoon70","title":"Newsletter Sample Issues","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A referral coming-soon section with a centered square eyebrow and heading, a referral progress bar, a list of reward tiers with locked and unlocked states, and a dark seal share button.","name":"comingsoon71","registryDependencies":["button"],"title":"Referral Rewards Tiers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An art exhibition coming-soon section with an artwork image beside a monospace parenthetical eyebrow, a show title, an artist line, a preview and dates list, and a working RSVP email form.","name":"comingsoon72","title":"Exhibition Opening RSVP","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An interactive waitlist coming-soon section with a monospace parenthetical eyebrow, a heading, a name and email form, and a live wall of member name chips that prepends your own entry on submit.","name":"comingsoon73","title":"Sign The Wall Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A relaunch coming-soon section with a centered square eyebrow and heading, a working early-access email form, and a grid of what's-new feature cards with icons.","name":"comingsoon74","title":"Version Two Relaunch","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A launch-event coming-soon section on a soft muted card with a monospace parenthetical eyebrow, a heading, a when and where row, a working RSVP email form, an outline add-to-calendar pill button, and an attendee avatar row.","name":"comingsoon75","title":"Launch Party RSVP","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A client wall with the clients withheld. Instead of logos, an oversized ghost-type marquee repeats a coming soon label behind edge fades, under a centered eyebrow, heading and note, with scroll direction and speed as props.","name":"comingsoon76","title":"Coming Soon Client Marquee","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pre-launch section on a full-bleed photograph under a dark gradient, with a light display heading, four oversized countdown figures between hairline rules, and a working email capture card.","name":"comingsoon77","title":"Full-Bleed Launch Countdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pre-launch section that publishes remaining work instead of a date, with an image tile floating a live release tracker over hairline rows marked shipped, in testing, or queued.","name":"comingsoon78","title":"Public Roadmap Coming Soon","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A scheduled downtime notice with a light heading, a hairline table of what is affected and what is not, two actions, and an image tile floating a live uptime strip.","name":"comingsoon79","registryDependencies":["button"],"title":"Maintenance Window Notice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A full-height coming-soon page on a photograph that drifts slower than the page under a scrim and film grain: a serif headline settling in word by word, an intro, a live serif countdown to the opening date, and a rounded email field with a light sliding-marker pill.","name":"comingsoon80","registryDependencies":["input","button"],"title":"Second Address Countdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A light full-height waitlist page: the wordmark in the corner, a centred eyebrow, a serif headline that settles in word by word, an intro, a rounded email field with a sliding-marker pill, a reassurance line and an avatar count of the names so far.","name":"comingsoon81","registryDependencies":["input","button"],"title":"Quiet Waitlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Hero section with token price card showing live market stats. Price change indicator, market cap, volume, and circulating supply grid. Trending up/down icons.","name":"crypto1","registryDependencies":["badge","button"],"title":"Token Price Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Governance proposal cards with for/against vote bars and quorum progress. Status badges (active, passed, rejected), countdown timers, and proposer addresses.","name":"crypto24","title":"DAO Governance Proposals","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Token airdrop claim interface with eligibility checklist. Shows allocation amount, criteria met count, expiration timer, and claim button with wallet connection.","name":"crypto29","title":"Airdrop Claim Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Smart contract addresses with copy-to-clipboard and explorer link buttons. Verified badge indicator, chain name, and truncated addresses with monospace font.","name":"crypto35","registryDependencies":["button"],"title":"Contract Address List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal centered call-to-action with heading, description, and action buttons. Perfect for newsletter signups and conversion sections.","name":"cta8","registryDependencies":["badge","button"],"title":"Centered Newsletter CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column call-to-action with decorative image on one side and feature list with action buttons on the other. Perfect for visually rich conversion sections.","name":"cta9","registryDependencies":["badge","button"],"title":"Split Layout Newsletter CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Call-to-action with avatar stack, subscriber count, and testimonial quote for building trust and boosting conversions.","name":"cta10","registryDependencies":["badge","button","avatar"],"title":"Newsletter CTA with Social Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal banner call-to-action with heading and action buttons side by side. Perfect for inline conversion sections between content blocks.","name":"cta11","registryDependencies":["badge","button"],"title":"Banner CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Call-to-action section with impressive statistics and trust indicators above action buttons. Perfect for data-driven conversion sections.","name":"cta12","registryDependencies":["badge","button"],"title":"Stats CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Multiple action cards with different tiers or options side by side. Perfect for offering multiple paths like free trial, demo booking, and enterprise contact.","name":"cta13","registryDependencies":["badge","button"],"title":"Multi-Card CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Call-to-action with a vertical list of benefit checkmarks and action buttons. Perfect for highlighting value propositions before conversion.","name":"cta14","registryDependencies":["badge","button"],"title":"Checklist CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ultra-minimal call-to-action with a single bold heading and action button. Perfect for clean, distraction-free conversion sections.","name":"cta15","registryDependencies":["button"],"title":"Minimal CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Call-to-action with trusted-by logo cloud and action buttons. Perfect for building credibility with brand recognition before conversion.","name":"cta16","registryDependencies":["badge","button"],"title":"Logo Cloud CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side comparison cards showing before and after or free vs pro tiers with action buttons. Perfect for upgrade and upsell sections.","name":"cta17","registryDependencies":["badge","button"],"title":"Split Comparison CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width call-to-action with background image overlay, heading, and action buttons. Perfect for bold, visually striking conversion sections.","name":"cta18","registryDependencies":["badge","button"],"title":"Fullwidth Image CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-step process visualization with numbered steps and call-to-action. Perfect for showing how easy it is to get started.","name":"cta19","registryDependencies":["badge","button"],"title":"Steps CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Large testimonial quote as the hero element with call-to-action buttons below. Perfect for social proof driven conversion.","name":"cta20","registryDependencies":["badge","button","avatar"],"title":"Quote-Led CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact notification-style call-to-action card with icon, message, and inline action button. Perfect for subtle inline conversion prompts.","name":"cta21","registryDependencies":["button"],"title":"Notification CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Card-style call-to-action with value-driven highlight metrics in a bordered grid. Perfect for data-backed conversion sections.","name":"cta22","registryDependencies":["badge","button"],"title":"Highlight Card CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stacked two-tier call-to-action with primary offer on top and secondary alternative below, separated by a divider. Perfect for presenting main and fallback conversion paths.","name":"cta23","registryDependencies":["badge","button"],"title":"Two-Tier CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric two-column layout with large heading on the left and description with buttons on the right. Perfect for editorial-style conversion sections.","name":"cta24","registryDependencies":["button"],"title":"Split Text CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid of short testimonial quotes with centered call-to-action below. Perfect for social proof driven conversion.","name":"cta25","registryDependencies":["badge","button","avatar"],"title":"Testimonial Grid CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Urgency-driven call-to-action with countdown numbers and limited-time offer messaging. Perfect for launches and time-sensitive promotions.","name":"cta26","registryDependencies":["badge","button"],"title":"Countdown CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Call-to-action with scattered topic pills and tags showing what subscribers receive. Perfect for newsletter and content subscription sections.","name":"cta27","registryDependencies":["badge","button"],"title":"Pill Tags CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single massive statistic as the visual centerpiece with supporting text and action buttons. Perfect for impact-driven conversion sections.","name":"cta28","registryDependencies":["button"],"title":"Big Number CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two equal side-by-side call-to-action cards offering different paths. Perfect for segmenting audiences like developers vs designers or free vs paid.","name":"cta29","registryDependencies":["badge","button"],"title":"Dual CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Expandable FAQ questions paired with an inline call-to-action. Perfect for addressing objections before conversion.","name":"cta30","registryDependencies":["badge","button"],"title":"FAQ Inline CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Preview card showing a sample newsletter issue with subscribe call-to-action. Perfect for giving visitors a taste of content before subscribing.","name":"cta31","registryDependencies":["badge","button"],"title":"Newsletter Preview CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal progress bars with metric labels showing platform performance alongside call-to-action. Perfect for data-driven trust building.","name":"cta32","registryDependencies":["badge","button"],"title":"Metric Bars CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single-line compact call-to-action bar with inline text and button. Perfect for subtle, non-intrusive conversion prompts between content sections.","name":"cta33","registryDependencies":["button"],"title":"Compact Bar CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertically stacked bordered sections with alternating content and a final call-to-action. Perfect for storytelling-driven conversion.","name":"cta34","registryDependencies":["badge","button"],"title":"Bordered Stack CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dense grid of subscriber avatars with centered heading overlay and call-to-action. Perfect for community-driven conversion.","name":"cta35","registryDependencies":["badge","button","avatar"],"title":"Avatar Wall CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Card with colored accent left border and inline call-to-action. Perfect for attention-grabbing inline conversion prompts.","name":"cta36","registryDependencies":["button"],"title":"Accent Sidebar CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Simple feature comparison table with checkmarks and call-to-action button below. Perfect for quick plan or feature comparison sections.","name":"cta37","registryDependencies":["badge","button"],"title":"Feature Table CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive call-to-action card with animated aurora gradient blobs and mouse-following spotlight effect. Creates an immersive, eye-catching conversion section.","name":"cta38","registryDependencies":["button"],"title":"Aurora Spotlight CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Call-to-action addressing common objections with question-answer pairs and conversion button. Perfect for overcoming hesitation.","name":"cta39","registryDependencies":["badge","button"],"title":"Objection Buster CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bento grid layout with mixed content cards surrounding a central call-to-action. Perfect for showcasing multiple value props in a visually dynamic grid.","name":"cta40","registryDependencies":["badge","button"],"title":"Bento CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Alternating left-right content blocks building up to a final call-to-action. Perfect for narrative-driven conversion with progressive value reveal.","name":"cta41","registryDependencies":["badge","button"],"title":"Zigzag CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Rotating testimonial quotes with author info and persistent call-to-action buttons. Perfect for social proof that stays fresh.","name":"cta42","registryDependencies":["badge","button","avatar"],"title":"Quote Carousel CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Numbered reasons or benefits list with large ordinals and call-to-action at the bottom. Perfect for persuasive, structured conversion arguments.","name":"cta43","registryDependencies":["badge","button"],"title":"Numbered List CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Eye-catching call-to-action with two rows of images scrolling in opposite directions. Creates a dynamic film-strip effect around centered content.","name":"cta44","registryDependencies":["button"],"title":"Image Marquee CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive call-to-action card with 3D perspective tilt on mouse move, image background with zoom effect, and a sweeping shine animation on hover.","name":"cta45","registryDependencies":["badge","button"],"title":"3D Tilt Card CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive image comparison slider with draggable handle for before and after views. Supports both mouse and touch input.","name":"cta46","registryDependencies":["button"],"title":"Before/After Slider CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split layout with a hoverable stacked photo deck that fans out on interaction. Includes shimmer sweep animation on each card for a polished reveal effect.","name":"cta47","registryDependencies":["badge","button"],"title":"Stacked Photo Deck CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split layout with a floating image wrapped in a rotating conic gradient border. Includes a soft glow backdrop and hover zoom for a premium, modern feel.","name":"cta48","registryDependencies":["badge","button"],"title":"Animated Border CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic call-to-action with a looping background video, gradient overlay, and bottom-aligned content for an immersive hero section.","name":"cta49","registryDependencies":["badge","button"],"title":"Video Hero CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split layout with two images divided diagonally, each slowly panning in opposite directions. Creates a bold editorial feel with smooth animation.","name":"cta50","registryDependencies":["badge","button"],"title":"Diagonal Split Image CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two vertical image columns scrolling in opposite directions frame the centered call-to-action content. Creates a dynamic gallery wall effect.","name":"cta51","registryDependencies":["badge","button"],"title":"Vertical Marquee CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive horizontal strips mixing images and videos that expand on hover, revealing labels and descriptions with staggered slide-up animation. Smooth flex-based transitions.","name":"cta52","registryDependencies":["button"],"title":"Media Accordion CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Looping background video behind a frosted glass content card with badge, heading, description, and action buttons. Creates an immersive, cinematic feel.","name":"cta53","registryDependencies":["badge","button"],"title":"Video Background CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with content on the left and a looping video on the right. Features badge, heading, feature list, and action buttons alongside an embedded video panel.","name":"cta54","registryDependencies":["badge","button"],"title":"Split Video CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ultra-wide cinematic video background with a dark gradient overlay. Content is positioned over the video for an immersive, movie-trailer-style hero section.","name":"cta55","registryDependencies":["badge","button"],"title":"Cinematic Video Hero CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three media cards (images and videos) in a row, each with a hover-reveal label overlay. CTA content sits above the grid for a portfolio-style showcase section.","name":"cta56","registryDependencies":["badge","button"],"title":"Media Card Showcase CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Large circular video mask with a gentle floating animation alongside CTA content. The clipped video creates an eye-catching organic focal point.","name":"cta57","registryDependencies":["badge","button"],"title":"Floating Video Circle CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A 2x2 grid of looping videos playing simultaneously behind a semi-transparent overlay card. Creates a dynamic, energetic backdrop for the call-to-action.","name":"cta58","registryDependencies":["badge","button"],"title":"Video Grid Background CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered CTA content above a continuously scrolling horizontal strip of looping video thumbnails. Creates an energetic, dynamic showcase feel.","name":"cta59","registryDependencies":["badge","button"],"title":"Video Ticker Strip CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Staggered horizontal bars slide away in alternating directions on hover, revealing a looping video behind them like opening window blinds. Text transitions to white for readability over the video.","name":"cta60","registryDependencies":["badge","button"],"title":"Video Blinds Reveal CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split layout with a video card featuring a rotating conic gradient border and gentle floating animation. A glowing backdrop adds depth behind the video.","name":"cta61","registryDependencies":["badge","button"],"title":"Animated Border Video CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two videos divided by a diagonal clip-path line with a frosted glass content card overlaid in the center. Bold, cinematic composition.","name":"cta62","registryDependencies":["badge","button"],"title":"Diagonal Video Split CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric bento-style grid with one large video spanning two rows alongside two stacked smaller videos. CTA content sits above the grid.","name":"cta63","registryDependencies":["badge","button"],"title":"Video Bento Grid CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bold full-width call to action on a dark panel with dual buttons.","name":"cta64","registryDependencies":["button"],"title":"Statement CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split card with a subscribe form beside an image.","name":"cta65","title":"Newsletter CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered call to action over a faint scrolling word-marquee background.","name":"cta66","registryDependencies":["button"],"title":"Marquee CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic full-bleed image CTA with an overlaid content panel.","name":"cta67","registryDependencies":["button"],"title":"Image CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered contact call to action with an availability badge and big headline.","name":"cta68","registryDependencies":["button"],"title":"Contact CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed monochrome closing CTA with a giant scrolling marquee behind a single centered seal button.","name":"cta69","title":"Worth Keeping CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An oversized editorial CTA with a left-weighted heading, a pinned seal button, and a ruled baseline with monospace index marks.","name":"cta70","title":"Editorial Asymmetric CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A quiet, gallery-like CTA centered inside a bordered frame with corner tick marks, eyebrow, oversized heading, and a single pill action.","name":"cta71","title":"Framed Studio Call","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A monochrome newsletter CTA band pairing an oversized statement with an inline email-capture form and a reassurance note.","name":"cta72","title":"Newsletter Letter Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action on a soft panel, pairing an eyebrow, light heading, paragraph, and two accent buttons with an image tile that floats a live agenda micro-asset.","name":"cta73","registryDependencies":["button"],"title":"Closing CTA Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered call to action with an eyebrow pill, a large light heading, a short paragraph, and two accent buttons on a clean surface.","name":"cta74","registryDependencies":["button"],"title":"Centered Closing CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A split call to action pairing an eyebrow, light heading, paragraph, and two accent buttons with an image tile that floats a live team message thread.","name":"cta75","registryDependencies":["button"],"title":"Split CTA With Thread","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered call to action led by a floating plan price card on an image tile, followed by an eyebrow, a large light heading, a paragraph, two accent buttons, and a reassurance note.","name":"cta76","registryDependencies":["button"],"title":"Plan-Led Centered CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action that pairs a soft panel of promises, separated by hairlines, with an inline demo request form carrying name, work email, and team size fields plus fine print under the submit action.","name":"cta77","registryDependencies":["select","button"],"title":"Demo Request Split Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Closing call to action splitting a tall photo against an oversized heading, a short pitch, a pill CTA beside a plain email link, and a ruled two-column row stating reply time and next availability.","name":"cta78","title":"Studio Booking Split CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Inverted closing panel on a solid dark surface: an oversized invitation on the left, a paragraph and outline pill CTA on the right, then a ruled row of linked email, phone and studio address.","name":"cta79","title":"Dark Contact Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Closing section that offers two routes side by side, each a ruled column with a title, a short pitch, a dotted-rule list of what to expect and its own pill CTA, one solid and one outline.","name":"cta80","title":"Two Path Closing CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action with centered copy above two image tiles, one floating a live countdown and the other an inline email capture, closing on a line of fine print.","name":"cta81","title":"Launch Countdown CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full-width dark closing band with a light display heading, a paragraph, two actions, and three reassurances sitting under a hairline rule.","name":"cta82","registryDependencies":["button"],"title":"Inverted Closing Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action offering two routes as side-by-side cards, each with an icon tile, a short kicker, a checked list on hairlines, and its own action, with the recommended route outlined in the accent.","name":"cta83","registryDependencies":["button"],"title":"Two-Path Closing Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action set on a photographic panel with a directional gradient, pairing an eyebrow badge, light heading, and two actions with a live customer quote card.","name":"cta84","registryDependencies":["button"],"title":"Photo Band Story CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action on a soft section that puts a live step tracker between centered copy and three hairline notes, then lands on a single action with its fine print.","name":"cta85","registryDependencies":["button"],"title":"Migration Process CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action splitting a bordered container between a hairline contact table and an inverted dark column that floats a live card naming the person you will meet above the booking action.","name":"cta86","registryDependencies":["button"],"title":"Contact And Availability CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action that offers three downloadable resources as full-width hairline rows, each a link with a short kicker, a format note, and an arrow that shifts on hover.","name":"cta87","registryDependencies":["button"],"title":"Resource Rows CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A short closing call to action held in one soft bar, with an eyebrow badge, a compact light heading and paragraph on the left, and the actions aligned to the right.","name":"cta88","registryDependencies":["button"],"title":"Slim Closing Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action held in one bordered container, with the promise and action across the top and a hairline split below pairing an image tile that floats a live payment card with a full table of billing terms.","name":"cta89","registryDependencies":["button"],"title":"Plain Terms Billing CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action on a soft section that sets an image tile floating a live coverage card against three labelled columns of places, with the action under a hairline.","name":"cta90","registryDependencies":["button"],"title":"Multi-Site Coverage CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing call to action that leads with a narrow portrait tile floating a live phone frame, then sets centered copy and two actions beneath it over three hairline promises.","name":"cta91","registryDependencies":["button"],"title":"Handheld Reminder CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A newsletter CTA that asks before it asks for an address: subjects, then cadence, then the email, and the column swaps itself for a confirmation that reads back exactly what was chosen.","name":"cta92","registryDependencies":["questionnaire","button"],"title":"Tailored Subscription","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A closing panel that asks the reader to forward the piece rather than subscribe, pairing a read-only link field and a copy button that confirms in place with a row of send destinations.","name":"cta93","registryDependencies":["input","button"],"title":"Share This Panel With Copy Link","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A narrow signup where the reader first picks how often they want to hear from you, the paragraph underneath rewriting itself for the choice, before the single email row is filled in.","name":"cta94","registryDependencies":["input","button"],"title":"Cadence Picker Signup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A closing call to action on a rounded photographic panel: the photo drifts under the panel as the page scrolls, soft light and film grain sit over it, and a centred serif heading settles in word by word above the intro, a pill button, an email link and a star rating line.","name":"cta95","registryDependencies":["button"],"title":"Parallax Panel CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A two-panel call to action inside one rounded frame: a soft muted panel with a serif heading that settles in word by word, an intro, a sliding-marker pill and dotted reassurances, beside a photograph that drifts inside its half as the page scrolls.","name":"cta96","registryDependencies":["button"],"title":"Half Photo CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An edge-to-edge photographic band whose image drifts under a dark scrim, drifting soft light and film grain, with a centred serif heading that settles in word by word, an intro and two sliding-marker pills.","name":"cta97","registryDependencies":["button"],"title":"Full Bleed Band CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A newsletter call to action on a light page with a drifting soft light: a serif heading that settles in word by word and an intro on the left, a rounded email field with a full-width sliding-marker pill and a reader avatar line on the right.","name":"cta98","registryDependencies":["input","button"],"title":"Monthly Letter CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A call to action that offers two doors: under a serif heading that settles in word by word, two soft muted cards each with a serif title, a description and a sliding-marker pill, the first topped by a photograph that drifts inside its frame as the page scrolls.","name":"cta99","registryDependencies":["button"],"title":"Two Paths CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centred call to action built on a founder's words: a long serif quote that settles in word by word over a slowly drifting soft light, the founder's portrait and role beneath it, then a sliding-marker pill and a text link.","name":"cta100","registryDependencies":["button"],"title":"Founder Quote CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"The simplest call to action in the language: one soft muted panel with a centred eyebrow, a serif heading that settles in word by word, an intro and two sliding-marker pills.","name":"cta101","registryDependencies":["button"],"title":"Soft Panel CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A call to action between two hairline rules: a serif heading that settles in word by word and an intro on the left, a sliding-marker pill with an avatar cluster, a star row and a proof line on the right.","name":"cta102","registryDependencies":["button"],"title":"Ruled Proof CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A dark ink band with film grain and no photograph: an eyebrow and a wide serif heading that settles in word by word on the left, an intro, a light sliding-marker pill and an underlined text link on the right.","name":"cta103","registryDependencies":["button"],"title":"Ink Band CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A call to action with the text above the picture: a centred serif heading that settles in word by word and an intro, then a wide rounded photograph drifting under a light scrim and film grain with a single large sliding-marker pill at its centre.","name":"cta104","registryDependencies":["button"],"title":"Photo Button CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"The most compact call to action in the language: a single serif line that settles in word by word with an underlined text link beneath it, and a sliding-marker pill at the other end, all between two hairline rules.","name":"cta105","registryDependencies":["button"],"title":"One Line CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A rounded panel inside the container with a live gradient effect as its background. The heading sits at the lower left in white, with one sentence and two buttons at the lower right. The effect is a swappable background slot, filled with a dark mesh gradient in the demo.","name":"cta106","registryDependencies":["button"],"title":"Effect Panel Call to Action","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A wide borderless panel that splits into text and artwork. The left half holds an eyebrow, a heading, one sentence and two buttons; the right half shows an animated isometric scene standing on a patterned ground plane that dissolves into the panel toward the text. On small screen","name":"cta107","registryDependencies":["button"],"title":"Isometric Scene Call to Action","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A tall borderless band filled with a live ridgeline plot that dissolves into the page at the bottom. One glass card floats in the middle of the band and holds an eyebrow, a heading, one sentence and two buttons. At the foot of the card a 30 day uptime strip with hover details ser","name":"cta108","registryDependencies":["button"],"title":"Uptime Proof Call to Action","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A wide borderless panel with a centered eyebrow, heading, one sentence and two buttons above a grove of three ink trees. Each tree grows from a single point at its own pace, with its own shape, fullness and blossom color, and all three stand on the same ground line along the bott","name":"cta109","registryDependencies":["button"],"title":"Growing Grove Call to Action","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"One wide borderless band filled with sunlit pool water over a tiled floor that fades into the page at the bottom. A glass card floats on the left of the band and holds the eyebrow, heading, one short paragraph, a compact price widget with its label, and two buttons. On small scre","name":"cta110","registryDependencies":["button"],"title":"Pool Water Band With Glass Booking Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full admin dashboard shell: collapsible icon sidebar, topbar with a ⌘K command palette and account menu, a greeting header, a three-up KPI row with trend badges, and a recent-orders data table. The frame the rest of the dashboard blocks drop into.","name":"dashboard1","registryDependencies":["button","badge","sheet","command","dialog","dropdown-menu","avatar","popover","scroll-area","separator","table","input","checkbox"],"title":"Admin Shell","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A customers management section powered by the data-table engine: avatar cells, status badges, sortable columns, keyword search, row selection with a live selected count, per-row action menus, pagination, and an export / add-customer toolbar.","name":"dashboard2","registryDependencies":["button","badge","avatar","table","input","checkbox","dropdown-menu"],"title":"Customers Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","recharts"],"description":"An e-commerce analytics dashboard: sidebar + search topbar, a four-up KPI row with period deltas, a net-profit area chart, a repeat-rate radial gauge, a busiest-weekday bar chart, and a best-selling products data table.","name":"dashboard3","registryDependencies":["button","badge","sheet","command","dialog","dropdown-menu","avatar","popover","scroll-area","separator","chart","table","input","checkbox"],"title":"Commerce Analytics","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","recharts"],"description":"A project-management dashboard: sidebar + search topbar, a four-up project stats row with one highlighted card, a weekly project-analytics bar chart, a reminder card with a start-meeting action, a team-collaboration list, a project-progress radial gauge, and a focus time-tracker ","name":"dashboard4","registryDependencies":["button","badge","avatar","sheet","command","dialog","dropdown-menu","popover","scroll-area","separator","chart"],"title":"Project Workspace","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A split booking dashboard: a left panel with a top nav, functional tab bar, a Manage menu, a bento of revenue/occupancy/metric tiles and an image, toggleable active-booking cards, and a room-availability timeline; a right rail with a real month calendar (selectable days, booked-d","name":"dashboard5","registryDependencies":["button","badge","avatar","switch","calendar","dropdown-menu","command","dialog","popover","scroll-area","separator","tooltip"],"title":"Booking Workspace","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A project detail dashboard for staffing: sidebar + action topbar with a project actions menu, a project header with status pills, a five-up stat strip with project meta, functional pipeline sub-tabs, a search / recently-active toggle / filters-menu toolbar that live-filters the g","name":"dashboard6","registryDependencies":["button","badge","avatar","input","switch","dropdown-menu","sheet","popover","scroll-area","separator"],"title":"Talent Sourcing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","recharts"],"description":"A web-analytics console: sidebar + search topbar, a live realtime strip, an hourly sessions area chart, a daily-goal radial gauge, a channel-audience radar chart, a new-vs-returning line chart, and a sortable top-pages table.","name":"dashboard7","registryDependencies":["button","badge","sheet","command","dialog","dropdown-menu","avatar","popover","scroll-area","separator","chart","table","input","checkbox"],"title":"Traffic Analytics","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","recharts"],"description":"A personal-finance dashboard: sidebar + search topbar, a dark total-balance hero with account tiles, a budget radial gauge, income/expense/savings KPIs, a cashflow bar chart, a spending-mix donut, and a colored transactions table.","name":"dashboard8","registryDependencies":["button","badge","sheet","command","dialog","dropdown-menu","avatar","popover","scroll-area","separator","chart","table","input","checkbox"],"title":"Finance Overview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","recharts"],"description":"A sales-CRM dashboard: sidebar + search topbar, pipeline KPIs, a four-stage kanban board of deal cards with owners and hot-lead flags, a revenue-vs-forecast area chart, a team-quota radial gauge, and a rep leaderboard with progress bars.","name":"dashboard9","registryDependencies":["button","badge","avatar","sheet","command","dialog","dropdown-menu","popover","scroll-area","separator","chart"],"title":"Sales Pipeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A three-pane helpdesk inbox: an icon rail, a searchable ticket list with status filters and unread markers, and a live conversation pane. Clicking a ticket loads its thread, and the composer actually appends replies (⌘/Ctrl+Enter to send).","name":"dashboard10","registryDependencies":["button","badge","avatar","input","textarea"],"title":"Support Inbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","recharts"],"description":"A health dashboard with a top navigation bar (no sidebar): three activity-ring radial gauges, a steps area chart and a heart-rate line chart, and a recent-workouts list. A Today/Week/Month segmented control live-swaps the chart data and totals.","name":"dashboard11","registryDependencies":["tabs","dropdown-menu","avatar","popover","button","scroll-area","separator","chart"],"title":"Fitness Overview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","recharts"],"description":"An observability console with an icon rail and a live status ribbon: a service-health grid with status dots and latency/uptime, a latency line chart, a request-volume area chart, a 30-day uptime bar strip, and a recent-events feed. A 1h/24h/7d tab control live-swaps the chart dat","name":"dashboard12","registryDependencies":["tabs","dropdown-menu","avatar","chart"],"title":"Service Monitoring","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A settings dashboard with a vertical section nav that live-switches panels: an editable profile, security with a two-factor toggle and active sessions, notification switches, a billing panel with plan/payment/invoices, and a team list with per-member role selects.","name":"dashboard13","registryDependencies":["button","badge","avatar","input","label","textarea","switch","select","separator","dropdown-menu"],"title":"Account Settings","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","recharts"],"description":"A status dashboard with a top bar and two scroll areas: the main column stacks four readout figures, a list of services with daily uptime strips, a response time chart beside a week over week comparison, and a deploy heatmap. A side column holds the incident and deploy activity f","name":"dashboard14","registryDependencies":["button","dropdown-menu","avatar","chart"],"title":"Service Reliability Overview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive REST API endpoint reference with method badges, expandable parameter details, and response types. Grouped by resource.","name":"devtools1","registryDependencies":["badge"],"title":"API Endpoint Explorer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real-time webhook event log with delivery status indicators, expandable JSON payloads, and response time tracking.","name":"devtools2","registryDependencies":["badge"],"title":"Webhook Event Stream","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","shiki"],"description":"Code block with language tabs (JavaScript, Python, cURL, Go) and Shiki syntax highlighting. Dark theme with copy-to-clipboard and active tab indicator.","name":"devtools3","registryDependencies":["button"],"title":"Multi-Language Code Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Application error tracking feed with severity indicators, occurrence counts, and source locations. Summary pills show error distribution.","name":"devtools4","registryDependencies":["badge"],"title":"Error Monitoring Feed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive feature flag management with toggle switches, rollout progress bars, and environment badges.","name":"devtools5","registryDependencies":["badge"],"title":"Feature Flags Manager","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Terminal-style structured log viewer with level filtering. Color-coded INFO, WARN, ERROR, and DEBUG entries with timestamps and source labels.","name":"devtools6","registryDependencies":["badge"],"title":"Application Log Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"API documentation cards showing response examples with color-coded status badges. Headers section, JSON body with copy button, success/error variants.","name":"devtools7","registryDependencies":["badge","button"],"title":"API Response Examples","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"API key management panel with masked credentials, reveal/copy controls, scope badges, and active/revoked status indicators.","name":"devtools8","registryDependencies":["badge"],"title":"API Key Manager","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Timeline-style database migration tracker with applied, pending, and failed status indicators. Shows migration names, descriptions, and timestamps.","name":"devtools9","registryDependencies":["badge"],"title":"Database Migration Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Scheduled task manager showing cron expressions, last/next run times, duration, and active/paused/failed status indicators.","name":"devtools10","registryDependencies":["badge"],"title":"Cron Job Scheduler","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Filterable audit trail showing user actions with create, update, delete, and access type indicators. Includes resource, user, and timestamp info.","name":"devtools11","registryDependencies":["badge"],"title":"Audit Activity Log","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"API rate limit monitor with color-coded usage bars per endpoint. Shows current usage, limits, and visual threshold indicators.","name":"devtools12","registryDependencies":["badge"],"title":"Rate Limit Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed environment variable viewer for comparing configuration across production, staging, and development environments.","name":"devtools13","registryDependencies":["badge"],"title":"Environment Config Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive JSON editor with format, minify, and real-time validation. Valid/invalid status badge, copy button, and syntax error display.","name":"devtools14","registryDependencies":["badge","button","textarea"],"title":"JSON Formatter Tool","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dependency version tracker with update availability, security fix indicators, and version comparison arrows.","name":"devtools15","registryDependencies":["badge"],"title":"Package Dependency Health","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Background job queue monitor showing processed, pending, and failed counts with healthy, warning, and critical status indicators.","name":"devtools16","registryDependencies":["badge"],"title":"Queue Monitor","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Infrastructure status board showing service health with operational, degraded, and down indicators. Displays uptime percentages and latency metrics.","name":"devtools17","registryDependencies":["badge"],"title":"Service Health Board","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Network request waterfall chart with cascading timing bars. Color-coded by duration — green for fast, amber for medium, red for slow.","name":"devtools18","registryDependencies":["badge"],"title":"Performance Waterfall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grouped keyboard shortcuts with styled keycap visuals. Shows key combinations with shadow-styled kbd elements and descriptions.","name":"devtools19","registryDependencies":["badge"],"title":"Keyboard Shortcuts Reference","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Unified code diff viewer with dark terminal background. Green additions, red deletions, and gray context lines with file headers.","name":"devtools20","registryDependencies":["badge"],"title":"Code Diff Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real-time HTTP request interceptor with recording controls. Method badges, status codes, duration timing, size info, and filterable by method/type.","name":"devtools33","registryDependencies":["badge","button","dropdown-menu"],"title":"Network Request Monitor","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"API performance testing interface with start/stop controls and progress bar. Metric cards for RPS, success rate, P95/P99 latency, and error count.","name":"devtools37","registryDependencies":["badge","button","progress"],"title":"Load Test Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"API analytics dashboard with endpoint usage table. Stats cards for requests, latency, error rate, and active users. Trend indicators and method badges.","name":"devtools38","registryDependencies":["badge","button"],"title":"API Usage Analytics","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Test coverage dashboard with expandable file tree. Coverage metrics for statements, branches, functions, and lines with color-coded progress bars.","name":"devtools49","registryDependencies":["badge","button","progress","table"],"title":"Code Coverage Report","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"JavaScript bundle analysis with chunk breakdown. Visual size bars, module lists, and gzip comparisons. Color-coded by type: app code, vendor, assets.","name":"devtools52","registryDependencies":["badge","button","table"],"title":"Bundle Size Analyzer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Database table browser with expandable schema views. Shows columns, types, primary/foreign keys, and relationships. Row counts and nullable indicators.","name":"devtools56","registryDependencies":["badge","button"],"title":"Database Schema Explorer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bundle breakdown with chunk list showing size, gzip, and module counts. Large chunk warnings, percentage bars, and change indicators for tracking growth.","name":"devtools92","registryDependencies":["badge","button"],"title":"Bundle Chunk Analyzer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"CI/CD pipeline monitor with build stages, status indicators, and branch/commit tracking. Shows multiple pipeline runs with success, failed, running, and pending states.","name":"devtools93","registryDependencies":["badge"],"title":"CI/CD Pipeline Status","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A developer section that lists common endpoints as hairline rows pairing tone-coded method chips with monospace paths, beside a dark code panel holding a full sample request and its response.","name":"devtools94","registryDependencies":["button"],"title":"API Endpoints With Sample Call","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hairline list of every way to follow a publication, each row naming the feed, what it carries and its address, over a copyable one-line request that stands in for the whole API.","name":"devtools95","title":"Feeds And Archive API","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An API reference section: a serif headline that settles in word by word with a sliding-marker pill at the right end of the header, then a ruled list of endpoints on the left (method, path, a dot marker on the selected row) and on the right the chosen call's title, description and","name":"devtools96","registryDependencies":["button"],"title":"Quiet API Reference","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive product grid with ratings, sale badges, and add to cart buttons. Perfect for shop pages and product catalogs.","name":"ecommerce1","registryDependencies":["badge","button"],"title":"Product Card Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product page hero with color and size selectors, quantity picker, and wishlist button. Perfect for detailed product pages with multiple variants.","name":"ecommerce2","registryDependencies":["badge","button"],"title":"Product Detail with Variants","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cart page with item cards, quantity controls, and order summary with shipping calculation. Perfect for checkout flows and cart review pages.","name":"ecommerce3","registryDependencies":["button"],"title":"Shopping Cart with Summary","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product category browsing with image cards, product counts, and featured badges. Responsive grid layout with hover effects. Perfect for storefront navigation and collection showcases.","name":"ecommerce4","registryDependencies":["badge"],"title":"Shop by Category Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-featured product presentation with pricing, ratings, feature list, and add to cart. Split layout with configurable image position. Perfect for highlighting premium products and limited editions.","name":"ecommerce5","registryDependencies":["badge","button"],"title":"Featured Product Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Customer reviews with star ratings, verified badges, helpful voting, and load more functionality. Displays average rating summary. Perfect for building trust and social proof on product pages.","name":"ecommerce6","registryDependencies":["badge","button"],"title":"Product Reviews Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Saved items list with stock status, quick add to cart, and remove actions. Includes empty state with call to action. Perfect for user dashboards and saved items pages.","name":"ecommerce7","registryDependencies":["button"],"title":"Wishlist Manager","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Post-purchase success screen with order summary, email confirmation, estimated delivery, and order tracking actions. Perfect for checkout completion and order receipt pages.","name":"ecommerce8","registryDependencies":["button"],"title":"Order Confirmation Page","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Measurement chart table with chest, waist, hips, and length columns. Perfect for clothing product pages and sizing reference.","name":"ecommerce11","registryDependencies":["table"],"title":"Size Guide Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product recommendations grid with images, prices, and add to cart buttons. Perfect for cross-selling and upselling on product pages.","name":"ecommerce14","registryDependencies":["button"],"title":"Related Products Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Icon cards displaying shipping, delivery, tracking, and returns policies. Perfect for product pages and checkout information.","name":"ecommerce15","title":"Shipping Info Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Payment options grid showing credit cards, digital wallets, and bank transfers. Perfect for checkout pages and footer trust signals.","name":"ecommerce16","title":"Payment Methods Display","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Order cards with status badges, dates, and item counts with view details links. Perfect for customer account dashboards and order tracking.","name":"ecommerce17","registryDependencies":["badge","button"],"title":"Order History List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Code input form with loading states, validation, and balance display on success. Perfect for checkout pages and account credit sections.","name":"ecommerce19","registryDependencies":["button","input"],"title":"Gift Card Redemption Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Live countdown with days, hours, minutes, and seconds in default, compact, or banner variants. Perfect for flash sales and limited-time promotions.","name":"ecommerce23","title":"Sale Countdown Timer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product page with thumbnail image gallery, color swatches, size buttons, and feature icons. Perfect for premium product showcases.","name":"ecommerce26","registryDependencies":["badge","button"],"title":"Product Detail with Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Category collection grid with overlay images, item counts, and shop now links. Perfect for homepage category navigation and collection pages.","name":"ecommerce27","registryDependencies":["badge"],"title":"Category Cards Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product cards with hover wishlist buttons, quick add to cart overlay, and star ratings. Perfect for featured sections and bestsellers.","name":"ecommerce28","registryDependencies":["badge","button"],"title":"Featured Products Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Featured product with live countdown timer, discount badge, feature list, and large CTA. Perfect for daily deals and promotional landing pages.","name":"ecommerce29","registryDependencies":["badge","button"],"title":"Deal of the Day Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Mix-and-match product selector organized by category with running total and add all to cart. Perfect for fashion lookbooks and curated outfits.","name":"ecommerce31","registryDependencies":["badge","button"],"title":"Outfit Builder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Brand logo cards with product counts and hover effects linking to brand pages. Perfect for multi-brand stores and brand discovery.","name":"ecommerce32","registryDependencies":["badge"],"title":"Shop by Brand Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Featured collection card with supporting collection tiles, image overlays, and product counts. Perfect for homepage collection highlights.","name":"ecommerce33","registryDependencies":["badge"],"title":"Collection Showcase Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Budget filter tabs with curated gift cards, wishlist buttons, and quick add to cart. Perfect for gift guides and seasonal shopping pages.","name":"ecommerce34","registryDependencies":["badge","button"],"title":"Gift Finder by Budget","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Review cards with star ratings, product thumbnails, verified badges, and helpfulness counts. Perfect for social proof and testimonial sections.","name":"ecommerce35","registryDependencies":["avatar","badge"],"title":"Product Reviews Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Icon badges for shipping, returns, security, and support in default, compact, or detailed variants. Perfect for building trust near checkout buttons.","name":"ecommerce36","title":"Trust Badges Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Lifestyle image with clickable product hotspots and bundled add-all-to-cart pricing. Perfect for fashion editorial and styled outfit pages.","name":"ecommerce37","registryDependencies":["badge","button"],"title":"Shop the Look","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product availability alerts with email and SMS signup options. Displays waitlist counter to create urgency and social proof. Perfect for out-of-stock product pages and inventory waitlists.","name":"ecommerce38","registryDependencies":["badge","button","input"],"title":"Back in Stock Notification","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Customer rewards interface showing tier progress, redeemable benefits, points balance, and earning opportunities. Perfect for member portals and gamified retention programs.","name":"ecommerce39","registryDependencies":["badge","button"],"title":"Loyalty Program Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Gift card management interface with balance lookup, transaction history display, and quick reload functionality. Perfect for gift card landing pages and customer service portals.","name":"ecommerce40","registryDependencies":["badge","button"],"title":"Gift Card Balance Checker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Complete product view with image gallery thumbnails, variant selection controls, pricing, and add to cart functionality. Perfect for main product pages and quick view modals.","name":"ecommerce41","registryDependencies":["badge","button"],"title":"Product Detail Page","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clothing size selector with body measurement inputs, personalized fit scoring, and comprehensive size chart reference table. Perfect for apparel and footwear product pages.","name":"ecommerce42","registryDependencies":["badge","button","table"],"title":"Interactive Size Guide","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed product details with description, feature list, specifications table, customer reviews with ratings, and shipping information. Perfect for comprehensive product pages with detailed information.","name":"ecommerce43","registryDependencies":["badge","table"],"title":"Product Information Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Limited-time deal showcase with live countdown timer, stock progress indicator, and discount pricing. Creates urgency with sold/available tracking. Perfect for daily deals and time-sensitive promotions.","name":"ecommerce44","registryDependencies":["badge","button","progress"],"title":"Flash Sale Countdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Customizable product configurator with color swatches, size selection, material options, and dynamic pricing. Real-time stock tracking per combination. Perfect for configurable products and custom merchandise.","name":"ecommerce45","registryDependencies":["button"],"title":"Advanced Variant Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","@radix-ui/react-slot"],"description":"A finder that replaces a filter sidebar: three questions score every product against the traits the answers ask for, and the winner takes over the plate beside them with its photograph, its price, and the reasons it came out on top.","name":"ecommerce46","registryDependencies":["questionnaire"],"title":"Product Finder Quiz","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A video lesson hero section with course info, thumbnail with play button, and lesson navigation. Perfect for online courses and video-based learning platforms.","name":"education12","registryDependencies":["badge","button"],"title":"Video Lesson Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A rich text lesson reader with structured content blocks including headings, paragraphs, lists, quotes, and code snippets. Perfect for text-based courses and educational documentation.","name":"education13","registryDependencies":["badge","button"],"title":"Lesson Content Reader","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A certificate showcase card with course name, issuer, completion date, skills earned, and credential ID. Perfect for celebrating course completions and displaying verifiable credentials.","name":"education17","registryDependencies":["badge","button"],"title":"Course Certificate Display","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A faculty spotlight featuring professor photo, biography, research interests, publications count, and inspirational quote. Perfect for showcasing instructors and academic staff.","name":"education22","registryDependencies":["avatar","badge","button"],"title":"Faculty Profile Spotlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A gamified leaderboard displaying top learners with rankings, scores, and badges across weekly, monthly, and all-time periods. Perfect for competitive learning platforms and student engagement.","name":"education25","registryDependencies":["avatar","badge","button"],"title":"Learner Leaderboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A gamified streak tracker showing current and longest streaks with a visual weekly activity calendar. Perfect for habit-forming learning apps and student motivation.","name":"education26","registryDependencies":["badge"],"title":"Study Streak Tracker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A study abroad hero section with destination image cards, program duration badges, and key features. Perfect for universities and international exchange programs.","name":"education48","registryDependencies":["badge","button"],"title":"Study Abroad Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A professional development hero with certification programs list, success stats, and call-to-action buttons. Perfect for corporate training and upskilling platforms.","name":"education53","registryDependencies":["badge","button"],"title":"Professional Development Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A grid of faculty testimonials with instructor photos, quotes about their teaching philosophy, and years of experience. Perfect for building trust in educational institutions.","name":"education78","registryDependencies":["avatar","badge"],"title":"Faculty Testimonials Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A social proof section displaying key stats like ratings, enrollment numbers, and completion rates alongside a featured student testimonial. Perfect for course landing pages and enrollment campaigns.","name":"education79","registryDependencies":["avatar","badge"],"title":"Education Social Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A social media connection section with platform cards showing handles and follower counts. Perfect for university marketing and student community building.","name":"education86","registryDependencies":["badge","button"],"title":"Social Media Links Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A mission and vision statement section with side-by-side text blocks and an inspirational leadership quote. Perfect for university about pages and institutional branding.","name":"education91","registryDependencies":["badge"],"title":"Mission and Vision Statement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A global partnerships section showcasing partner institutions with location details and exchange statistics. Perfect for universities highlighting international collaborations.","name":"education99","registryDependencies":["badge"],"title":"Global Partnerships Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A quick facts grid displaying key institutional statistics with values, labels, and descriptions. Perfect for university at-a-glance pages and prospective student information.","name":"education100","registryDependencies":["badge"],"title":"Institutional Quick Facts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An academy section with an eyebrow over a hairline rule, a two-column heading, and three course cards that each float a live progress checklist above a category, title, and lesson count.","name":"education101","title":"Academy Course Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An end-of-lesson knowledge check: a two-column header, a three-figure strip for questions, pass mark, and attempts, a graded quiz that swaps itself for a score and a per-question review, and a list of readings for whatever went wrong.","name":"education102","registryDependencies":["questionnaire","button"],"title":"Lesson Check Quiz","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A learning roadmap laid out as a numbered vertical rail, where each stage is an accordion row that opens into its summary and a grid of linked lessons, with one stage able to carry a position badge.","name":"education103","registryDependencies":["accordion"],"title":"Learning Roadmap Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pillar guide hub whose sticky left column carries the pitch, three facts on hairlines and a seal button, while the right column lists every chapter in numbered rows grouped by part.","name":"education104","registryDependencies":["button"],"title":"Long Guide Chapter Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A header with one button on the right sits above a bento grid for a course platform. One tall cell holds a course progress ring, and two wide cells beside it hold a learning streak and a graded project card. Each cell sits on its own gradient background with glass cards. Every ce","name":"education105","registryDependencies":["button"],"title":"Course Bento With Tall Curriculum Cell","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal centered 404 page with a large error code, a heading, a short explanation, two call-to-action buttons, and a divided row of popular page links underneath.","name":"error1","registryDependencies":["button"],"title":"Centered 404 Message","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Search-first 404 page: a controlled search field with a submit handler, plus a bordered list of suggested pages with titles, descriptions, and hover arrows.","name":"error2","registryDependencies":["button","input"],"title":"404 With Site Search","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column 404 page with the error code, heading, explanation, buttons, and a small note on one side, and a full-bleed image that scales on hover on the other. The image side can be flipped with a prop.","name":"error3","registryDependencies":["button"],"title":"Split 404 With Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"404 page that recovers the visit with a grid of destination cards, each with an icon, title, description, and hover arrow, followed by a centered row of fallback buttons.","name":"error4","registryDependencies":["button"],"title":"404 With Destination Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Card-style 404 panel that echoes the requested URL in monospace, pairs a browser-history back button with link actions, and closes with a support and status link row.","name":"error5","registryDependencies":["button"],"title":"404 Support Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"The smallest possible 404: the status code and the message sit on one line separated by a vertical rule, stacking on mobile, with a single outline button underneath.","name":"error6","registryDependencies":["button"],"title":"Inline 404 Line","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact bordered 404 card with a circular icon, status label, heading, one-line explanation, and stacked full-width buttons. Sized for app shells and modals as well as full pages.","name":"error7","registryDependencies":["button"],"title":"404 Notice Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"404 page that counts down to an automatic redirect and calls onRedirect once it reaches zero, with a cancel button that stops the timer and a manual go-now link.","name":"error8","registryDependencies":["button"],"title":"404 With Redirect Countdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Left-aligned 404 for documentation and marketing sites: the requested path is shown struck through in monospace above a did-you-mean box linking to the closest matching page.","name":"error9","registryDependencies":["button"],"title":"404 Did You Mean","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Screen-height 404 with a full-bleed background photo under a dark overlay, centered white messaging, and a solid plus outline button pair sized for marketing sites.","name":"error10","registryDependencies":["button"],"title":"Fullscreen 404 With Background","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Store 404 for dead product URLs: the message and shopping buttons sit above a four-up product grid with square imagery, prices, and optional strikethrough compare-at prices.","name":"error11","registryDependencies":["button"],"title":"404 With Product Recommendations","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Blog 404 that turns a dead post URL into reading: centered messaging above a three-up article grid with cover images, category badges, dates, and read times.","name":"error12","registryDependencies":["badge","button"],"title":"404 With Popular Articles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"404 page that doubles as a sitemap: left-aligned messaging over four columns of grouped section links, so visitors on a large site can jump straight to the area they wanted.","name":"error13","registryDependencies":["button"],"title":"404 With Site Directory","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial 404 with a square eyebrow and status code over a hairline rule, an oversized accent-highlighted headline, and a ruled index of the sections visitors reach for next.","name":"error14","registryDependencies":["button"],"title":"Editorial 404 Section Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Server error page with a square eyebrow and status code over a hairline rule, a bold accent headline, a bordered incident table of reference, timestamp and service rows, and a retry seal button beside a status page link.","name":"error15","registryDependencies":["button"],"title":"500 Incident Report","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Permission-denied page for team apps: an accent lock chip and bold headline on the left, the signed-in account card with an account switch link and a square-bullet list of access requirements on the right.","name":"error16","registryDependencies":["button"],"title":"403 Access Request","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Planned downtime page with a square eyebrow and status code, a bold accent headline, three bordered cells for the maintenance window, a working notify-me email form with a success state, and a live progress link.","name":"error17","title":"Maintenance Window Notice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Expired magic-link page with a square eyebrow and status code, a bold accent headline, the expiry timestamp in a bordered strip, a seal button that swaps to a sent confirmation, and a square-bullet list explaining the expiry.","name":"error18","registryDependencies":["button"],"title":"Expired Link Recovery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monochrome 404 built on oversized display type: a parenthetical eyebrow, a display headline with a muted emphasis clause, a pill call to action, and a ruled index of every section on the site.","name":"error19","title":"Typographic 404 Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column 404 in a quiet monochrome language: a parenthetical eyebrow, a two-line display headline, a pill call to action and an oversized report-the-link email on the left, a tall captioned photograph on the right.","name":"error20","title":"Editorial 404 With Portrait Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monochrome server-error page: a parenthetical eyebrow over a display headline, a retry pill beside a status link, and a ruled two-column record of the reference, timestamp, subsystem and state.","name":"error21","title":"Server Error Record","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monochrome maintenance page: a parenthetical eyebrow over a display headline, the downtime window as a ruled three-column record, and a rounded notify-me field with a confirmed state.","name":"error22","title":"Planned Downtime Window","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monochrome permission page: a display headline over a request pill that swaps to a sent confirmation, a ruled record of the project, owner and visibility, and an overlapping avatar row of current members.","name":"error23","title":"Invitation Only Access","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Studio 404 that recovers a dead project URL: a square eyebrow and status code over a hairline rule, an accent headline and seal button, then two large project cards with category lines and hover arrow chips.","name":"error24","registryDependencies":["button"],"title":"404 With Featured Work","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Too-many-requests page with a square eyebrow and status code, an accent headline, three bordered usage cells, and a live cooldown counter that swaps itself for a retry seal button when it reaches zero.","name":"error25","registryDependencies":["button"],"title":"Rate Limit Cooldown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Billing lockout page: an accent card chip and headline with an update-payment seal button on the left, an unpaid invoice table and a square-bullet list of what stays untouched on the right.","name":"error26","registryDependencies":["button"],"title":"Payment Required Lockout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Timed-out session page: an accent headline over an account strip showing the avatar, address and sign-out timestamp, an autosave reassurance line, and a sign-in seal button beside an account switch link.","name":"error27","registryDependencies":["button"],"title":"Session Expired Sign In","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Geo-restriction page: an accent globe chip and headline, the detected region in a bordered strip, a two-column ruled list of markets with their rollout status, and a notify-me seal button.","name":"error28","registryDependencies":["button"],"title":"Region Unavailable Notice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monochrome 404 led by the status code set as an oversized numeral, with the statement and pill call to action on one side of a hairline rule and the explanation plus display-type links on the other.","name":"error29","title":"Oversized Numeral 404","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monochrome 404 that hands the visitor a search field: a display headline with a muted emphasis clause, a rounded search bar with a circular submit seal wired to a callback, and a ruled list of the most travelled routes.","name":"error30","title":"Search Led 404","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Offline screen built around a live sync queue: a display headline with a retry pill and a self-restarting countdown that raises the attempt number, beside a soft panel listing every change held on the device with a pulsing listening indicator.","name":"error31","title":"Offline Sync Queue","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monochrome 404 for a renamed article: a display headline and pill call to action above three recent entries, each a full-colour image tile with a plain date line and a bold title.","name":"error32","title":"404 With Recent Writing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monochrome page for deliberately removed content: a display headline, a ruled record of when it was published, retired and why, then a pill link to the replacement beside an archive link.","name":"error33","title":"Retired Page Record","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A calm not-found page with an error eyebrow, an oversized light heading and recovery actions on the left, beside a hairline list of the destinations people usually need instead.","name":"error34","registryDependencies":["button"],"title":"Editorial Not Found Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A calm server-error page with a monospace code, an oversized light heading, recovery actions, an image tile floating a live uptime strip, and a hairline table carrying the incident reference.","name":"error35","registryDependencies":["button"],"title":"Server Error With Live Status","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A not-found page that offers a way forward rather than a way back, pairing an oversized light heading with an image tile floating a live search panel and a two-column hairline list of likely destinations.","name":"error36","registryDependencies":["button"],"title":"Not Found With Search","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A permissions error that names the missing role, lists the people who can grant it with their portraits, and floats a live access request card on an image tile beside the copy.","name":"error37","registryDependencies":["button"],"title":"Access Denied With Request Path","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A not-found page for a publication, offering a search field as the first action and the month's most read pieces underneath, with a line committing to link permanence.","name":"error38","registryDependencies":["input","button"],"title":"Missing Piece With Archive Search","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-height not-found page: a faint oversized serif code, a serif heading that settles in word by word, a gentle explanation, a sliding-marker pill home and a row of small-caps links to the useful places.","name":"error39","registryDependencies":["button"],"title":"Calm 404","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout event hero displaying conference details with date, location, attendee count, and featured image. Perfect for developer conferences and tech summits.","name":"event4","registryDependencies":["badge","button"],"title":"Conference Hero with Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered event hero with oversized typography, event date, and call-to-action buttons. Perfect for design conferences and annual summits.","name":"event5","registryDependencies":["button"],"title":"Minimal Event Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered event hero featuring prominent ticket price display with early bird discount and original price strikethrough. Perfect for tech summits and paid conferences.","name":"event7","registryDependencies":["badge","button"],"title":"Event Hero with Ticket Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Event hero displaying attendee count, speaker numbers, and country reach statistics with trusted company logos. Perfect for enterprise summits and industry conferences.","name":"event10","registryDependencies":["badge","button"],"title":"Event Hero with Social Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Featured speaker spotlight with large portrait, bio, session topic, and social media links. Perfect for highlighting conference keynote presenters.","name":"event13","registryDependencies":["badge","button"],"title":"Keynote Speaker Profile","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Speaker cards displaying multiple sessions per presenter with times, locations, and session types. Perfect for multi-track conferences with recurring speakers.","name":"event14","registryDependencies":["badge"],"title":"Speaker Sessions Schedule","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Visual speaker grid with full-height portrait images, gradient overlays, and keynote topics. Perfect for showcasing headline speakers at major conferences.","name":"event15","registryDependencies":["badge","button"],"title":"Featured Keynotes Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Panel session card featuring moderator highlight, panelist grid, discussion topic, and scheduled time. Perfect for industry panels and expert roundtables.","name":"event16","registryDependencies":["badge","button"],"title":"Panel Discussion Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Host profiles with photos, bios, and social media links displayed in a two-column grid. Perfect for introducing conference MCs and event directors.","name":"event17","registryDependencies":["badge","button"],"title":"Event Hosts Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Image gallery of previous conference speakers with year badges, topics, and hover zoom effects. Perfect for showcasing event history and alumni speakers.","name":"event19","registryDependencies":["badge","button"],"title":"Past Speakers Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Speaker submission CTA with submission deadline, benefits checklist, and proposal guidelines. Perfect for conferences seeking talk proposals.","name":"event20","registryDependencies":["badge","button"],"title":"Call for Speakers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Session cards displaying talk titles, speakers, times, locations, and remaining capacity. Perfect for conference agendas and session discovery.","name":"event25","registryDependencies":["badge","button"],"title":"Featured Sessions Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Workshop cards with instructor profiles, skill levels, requirements, and live capacity tracking. Perfect for hands-on conference workshops and training sessions.","name":"event26","registryDependencies":["badge","button"],"title":"Workshop Registration List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Schedule cards for coffee breaks, lunch, and social events with timing, locations, and activity highlights. Perfect for showing networking opportunities.","name":"event27","registryDependencies":["badge"],"title":"Breaks and Networking Schedule","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real-time session display with live indicator, viewer count, current speaker, and upcoming sessions queue. Perfect for conference live streams and virtual events.","name":"event28","registryDependencies":["badge","button"],"title":"Live Session Now Playing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive session picker with add/remove toggles, personal schedule summary, and calendar export. Perfect for multi-track conferences where attendees build agendas.","name":"event29","registryDependencies":["badge","button"],"title":"Personal Schedule Builder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Event calendar sync with multiple export options including Google Calendar, email invite, and ICS download. Perfect for event reminders and schedule syncing.","name":"event30","registryDependencies":["badge","button"],"title":"Calendar Integration Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive pricing calculator with quantity selector, tiered discounts, and real-time savings display. Perfect for group ticket sales and team registrations.","name":"event33","registryDependencies":["badge","button"],"title":"Team Discount Calculator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Multi-ticket type selector with quantity controls, availability tracking, and checkout total. Perfect for event ticketing with multiple pass options.","name":"event36","registryDependencies":["badge","button"],"title":"Ticket Selection Cart","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Waitlist signup form with email capture, queue position display, and similar events opt-in checkbox. Perfect for sold-out events and high-demand tickets.","name":"event38","registryDependencies":["badge","button","checkbox","input"],"title":"Sold Out Waitlist Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bundle pricing cards showing included items, savings percentages, and feature lists. Perfect for conference packages combining passes, workshops, and recordings.","name":"event40","registryDependencies":["badge","button"],"title":"Conference Bundle Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column sponsorship pitch with benefit highlights, audience reach statistics, and contact CTAs. Perfect for attracting event sponsors and partners.","name":"event53","registryDependencies":["badge","button"],"title":"Become a Sponsor CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tiered sponsorship packages with pricing cards and feature comparison matrix showing benefits per level. Perfect for sponsor prospectus and partnership pages.","name":"event54","registryDependencies":["badge","button"],"title":"Sponsorship Tiers Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column partner showcase with company logo, description, highlights, and testimonial quote. Perfect for highlighting platinum sponsors and key partners.","name":"event58","registryDependencies":["badge","button"],"title":"Featured Partner Spotlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive workshop selector with capacity tracking, attendee info form, and pricing summary. Perfect for paid workshops and training session signups.","name":"event66","registryDependencies":["badge","button","field","input","textarea"],"title":"Workshop Registration Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Community standards display with principle cards covering respect, inclusion, and safety with issue reporting contact. Perfect for event policies and community guidelines.","name":"event79","registryDependencies":["badge","button"],"title":"Code of Conduct Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Video player section with thumbnail preview, live indicator, viewer count, and multi-platform streaming links. Perfect for virtual events and conference live streams.","name":"event93","registryDependencies":["badge","button"],"title":"Live Stream Player Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An events section that opens with a split featured card pairing a photo with date, time, and format lines, then lists the rest of the schedule as rows separated by hairlines, each with a bordered date tile, host meta, seat count, and register action.","name":"event94","registryDependencies":["button"],"title":"Featured Session Schedule","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A conference agenda whose track pills are derived from the sessions and carry live counts, narrowing a timed list of hairline rows that align the slot, the session, and its speaker and room.","name":"event95","registryDependencies":["button"],"title":"Filterable Day Agenda","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single event page opening on a full-bleed photo band with a live countdown anchored into it, then pairing the pitch and two actions with a hairline table of practical facts and a speaker list.","name":"event96","registryDependencies":["button"],"title":"Event Detail With Countdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A past events archive leading with an image tile that floats a recording card, then listing every earlier session as linked hairline rows with its date, place, and running time.","name":"event97","registryDependencies":["button"],"title":"Recorded Sessions Archive","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A tour schedule listing each city as a linked hairline row with its venue, date, and remaining seats, muting the sold-out stops, beside a sticky tile that floats a live locations card.","name":"event98","registryDependencies":["button"],"title":"Multi-City Tour Dates","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A live session sign-up splitting a bordered container between the pitch, a hairline table of when and how long, and a checked takeaway list, beside a soft column holding a working registration card and the hosts.","name":"event99","title":"Webinar Registration Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A post-event write-up opening on four hairline figures, then a three-photo row at mixed heights with captions, a soft panel carrying an attendee quote, and what was promised in the room.","name":"event100","registryDependencies":["button"],"title":"Event Recap Report","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A programme picker that builds the day beside the questions: one choice per time slot drops a session card with its room, its length, and its photograph into a running plan, and the hours left open stay on the page instead of being hidden.","name":"event101","registryDependencies":["questionnaire","button"],"title":"Slot By Slot Day Builder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Upcoming sessions as hairline rows, each opening with the date set as a figure, then the session and what it covers, with its seat state and a booking link on the end.","name":"event102","title":"Open Hours Session Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An events list under a serif heading that settles in word by word beside the intro and a pill action: ruled rows that blur in one by one, each with a large serif day and small-caps month, a serif title and description, place and availability, and a reserve link.","name":"event103","registryDependencies":["button"],"title":"Seasonal Gatherings","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stacked cards with expandable sections. Use when you need to present multiple questions with full-length answers in a compact, organized format.","name":"faq7","registryDependencies":["accordion","badge"],"title":"Collapsible Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Questions with answers displayed below in a simple list. Best for FAQs with shorter answers that don't require expansion.","name":"faq8","registryDependencies":["badge"],"title":"Open List Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Q&A pairs arranged in a responsive grid layout. Ideal for displaying concise answers in a scannable, multi-column format.","name":"faq9","registryDependencies":["badge"],"title":"Three Column Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sidebar navigation with category tabs and accordion content. Perfect for organizing large FAQ sets across multiple topics.","name":"faq10","registryDependencies":["accordion","badge"],"title":"Tabbed Categories","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Search input with accordion items that filter in real-time. Essential for FAQs with many questions that users need to quickly locate.","name":"faq11","registryDependencies":["accordion","badge","input"],"title":"Searchable Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"FAQs organized into titled sections with accordions underneath. Excellent for presenting related questions grouped by topic.","name":"faq12","registryDependencies":["accordion","badge"],"title":"Grouped Sections","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Accordion paired with a large image on left or right. Use when you want visual context alongside your FAQ answers.","name":"faq13","registryDependencies":["accordion"],"title":"Side-by-Side Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Accordion followed by a call-to-action card below. Great for converting users by offering additional contact options at the end.","name":"faq14","registryDependencies":["accordion","badge","button"],"title":"With CTA Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clickable question cards that open answers in a modal dialog. Perfect for card-based layouts that need expanded views.","name":"faq15","registryDependencies":["badge","button","dialog"],"title":"Modal Dialog Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Questions displayed with numbered badges and answers below. Ideal for step-by-step guides or priority-ordered FAQs.","name":"faq16","registryDependencies":["badge"],"title":"Numbered List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Questions on left, answers on right in a two-column grid layout. Works well for balanced, side-by-side presentation.","name":"faq17","registryDependencies":["badge"],"title":"Two Column Q&A","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Alternating left-right cards connected by a vertical line. Great for creating a narrative flow through related questions.","name":"faq18","registryDependencies":["badge"],"title":"Timeline Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Message-style bubbles simulating a chat interface. Perfect for a friendly, conversational tone in your FAQ section.","name":"faq19","registryDependencies":["badge","avatar"],"title":"Chat Conversation","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal tabs with card-based content below for each category. Clean for organizing FAQs by topic tabs.","name":"faq20","registryDependencies":["badge","tabs"],"title":"Tabbed Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards in a grid with icons and short answers. Ideal for highlighting key features or benefits with visual elements.","name":"faq21","registryDependencies":["badge"],"title":"Icon Grid Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Search input with results displayed in a two-column grid. Best for knowledge bases with searchable, card-based results.","name":"faq22","registryDependencies":["badge","input"],"title":"Search with Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards that scroll horizontally with fade edges. Good for mobile-friendly carousels of FAQ items.","name":"faq23","registryDependencies":["badge"],"title":"Horizontal Scroll Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Question list on left, selected answer on right with image. Effective for visual answers with image headers.","name":"faq24","registryDependencies":["badge"],"title":"Split View List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Terminal-style interface with commands and outputs. Perfect for developer FAQs or technical documentation.","name":"faq25","registryDependencies":["badge"],"title":"Terminal Window","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Colorful rotated note cards in a grid. Creates a playful, informal design for casual FAQs.","name":"faq26","registryDependencies":["badge"],"title":"Sticky Notes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single card that rotates through questions with progress dots and navigation buttons. Great for featured question rotation.","name":"faq27","registryDependencies":["badge","button"],"title":"Card Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Frosted glass effect cards in a two-column grid. Modern aesthetic for sleek, contemporary designs.","name":"faq28","registryDependencies":["badge"],"title":"Glassmorphism Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with left accent borders and different styling. Print-magazine inspired for balanced layouts.","name":"faq29","registryDependencies":["badge"],"title":"Magazine Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Question with blurred answer that unblurs on hover. Interactive approach for answers that unfold visually.","name":"faq30","registryDependencies":["badge","button"],"title":"Blur Reveal on Hover","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three vertical columns with icons and card stacks. Useful for organizing FAQs into distinct categories like a kanban board.","name":"faq31","registryDependencies":["badge"],"title":"Kanban Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards with quote icons in corners, arranged in a grid. Elegant design for emphasizing key points with typography.","name":"faq32","registryDependencies":["badge"],"title":"Quote Style Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical timeline with alternating content and numbered dots. Perfect for onboarding or journey-based FAQs.","name":"faq33","registryDependencies":["badge"],"title":"Timeline Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Simple accordion using plus/minus icons with minimal styling. Clean, distraction-free accordion approach.","name":"faq34","registryDependencies":["badge"],"title":"Minimal Plus-Minus","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid cards with emoji icons and short answers. Fun, visual approach with emoji-based categorization.","name":"faq35","registryDependencies":["badge"],"title":"Emoji Icon Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Questions with large faded numbers and answers. Prominent numbering creates strong visual hierarchy.","name":"faq36","registryDependencies":["badge"],"title":"Large Number List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Chat-style bubble interface with AI assistant styling. Great for modern conversational FAQ experiences.","name":"faq37","registryDependencies":["badge"],"title":"AI Chat Interface","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Accordion items with colored left border on active state. Subtle visual indicator of expansion.","name":"faq38","registryDependencies":["badge"],"title":"Left Border Accent","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Questions that slide open to reveal answers with bottom border separator. Smooth reveal animation.","name":"faq39","registryDependencies":["badge"],"title":"Slide-Out Panels","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"FAQ displayed as code documentation in a terminal-style block. Perfect for developer-focused content.","name":"faq40","registryDependencies":["badge"],"title":"Markdown Code Block","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards with images and text below in a grid. Ideal when each answer has relevant supporting imagery.","name":"faq41","registryDependencies":["badge"],"title":"Photo Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards that flip 180 degrees on hover to show answer. Interactive 3D effect for engaging presentation.","name":"faq42","registryDependencies":["badge"],"title":"3D Flip Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Colorful tiles with icons and white text. Bold, modern design inspired by metro UI patterns.","name":"faq43","registryDependencies":["badge"],"title":"Metro Tiles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Simple two-column layout with questions and answers. Ultra-minimalist design with no extra styling.","name":"faq44","registryDependencies":["badge"],"title":"Minimal Two Column","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Card stack with show more button to reveal additional items. Good for progressive disclosure of FAQs.","name":"faq45","registryDependencies":["badge","button"],"title":"Show More Expandable","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Filterable grid using tag pills at top. Perfect for FAQs that need multi-category filtering.","name":"faq46","registryDependencies":["badge"],"title":"Tag Filter Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Questions on left buttons, answers on right panel. Interview-style layout for selected item display.","name":"faq47","registryDependencies":["badge"],"title":"Horizontal Split View","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Info icons that show tooltips on hover with answer text. Compact design with hover-revealed content.","name":"faq48","registryDependencies":["badge"],"title":"Info Icon Tooltips","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Questions and answers on same line with colon separator. Extremely compact format for dense content.","name":"faq49","registryDependencies":["badge"],"title":"Inline Compact","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards styled like OS windows with title bars and close buttons. Retro OS design aesthetic.","name":"faq50","registryDependencies":["badge"],"title":"Window Style Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards with colored header section and white content area. Clear visual separation with color blocking.","name":"faq51","registryDependencies":["badge"],"title":"Two-Tone Headers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Questions as clickable pills with answers expanding below. Bubble-shaped buttons for interactive selection.","name":"faq52","registryDependencies":["badge"],"title":"Bubble Pills","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column grid with large numbers and Q&A pairs. Clean numbered format with clear visual hierarchy.","name":"faq53","registryDependencies":["badge"],"title":"Numbered Pairs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Left sidebar tabs with right content panel. Traditional tab interface for category-based FAQs.","name":"faq54","registryDependencies":["badge"],"title":"Vertical Tab Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Accordion allowing multiple items open simultaneously with plus/minus icons. Flexible expansion approach.","name":"faq55","registryDependencies":["badge"],"title":"Multi-Open Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid cards with green checkmarks emphasizing answers. Positive confirmation visual for affirmative FAQs.","name":"faq56","registryDependencies":["badge"],"title":"Checkmark List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Question-answer cards with external link buttons below. Drives users to related resources or docs.","name":"faq57","registryDependencies":["badge","button"],"title":"Cards With Links","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Animated carousel with progress bar and auto-advance through questions. Engaging for featured FAQs.","name":"faq58","registryDependencies":["badge"],"title":"Auto-Play Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Terminal-style interface with typing effect for answers. Animated typing creates dynamic reveal effect.","name":"faq59","registryDependencies":["badge"],"title":"Typewriter Terminal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards with animated gradient borders and shine effects on hover. Premium feel with advanced CSS effects.","name":"faq60","registryDependencies":["badge"],"title":"Gradient Border Glow","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Advanced animations with ripple effects, morphing orbs, and shimmer. Highly interactive with multiple effect layers.","name":"faq61","registryDependencies":["badge"],"title":"Morphing Animated","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards animate in as you scroll with staggered timing. Scroll-based animation creates engaging reveal.","name":"faq62","registryDependencies":["badge"],"title":"Scroll-Triggered Reveal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clicked card highlights while others dim with spotlight effect. Creates focused attention on selected answer.","name":"faq63","registryDependencies":["badge"],"title":"Spotlight Focus","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cyberpunk-styled cards with neon glow, scan lines, and text shadows. Futuristic aesthetic with glowing effects.","name":"faq64","registryDependencies":["badge"],"title":"Neon Glow Effects","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cards stack on top of each other that expand when clicked. Physical stack metaphor with expansion.","name":"faq65","registryDependencies":["badge"],"title":"Stacked Card Flip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Questions with sliding primary color background on hover and click. Smooth background animation reveal.","name":"faq66","registryDependencies":["badge"],"title":"Sliding Background","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Modern FAQ with glassmorphic cards, animated gradient blob effects, shimmer animations, and progress indicators. Mouse-tracking gradient for interactive feel. Perfect for modern design systems and premium brands.","name":"faq67","registryDependencies":["badge"],"title":"Glass Morphism Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column FAQ section with a badge, heading, and description on the left, and a stacked list of numbered question cards on the right. Each card opens to reveal a plain answer block below it with no separator line.","name":"faq68","registryDependencies":["accordion","badge"],"title":"FAQ with Side Heading and Numbered Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Numbered FAQ accordion beside a contact card with image, prompt and a contact CTA.","name":"faq69","registryDependencies":["button"],"title":"FAQ With Contact","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"FAQ accordion split into two independent columns.","name":"faq70","title":"Two-Column FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Oversized single-column FAQ accordion with generous spacing.","name":"faq71","title":"Minimal FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Category-tabbed FAQ using shadcn Tabs with an accordion per category.","name":"faq72","registryDependencies":["tabs"],"title":"Tabbed FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky intro and CTA beside a single-column FAQ accordion.","name":"faq73","registryDependencies":["button"],"title":"Sticky FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Always-open FAQ presented as a scannable grid of Q&A cards.","name":"faq74","title":"FAQ Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header above a two-column FAQ: a portrait image with a contact prompt and CTA on the left, and an expandable plus/minus accordion of questions on the right.","name":"faq75","registryDependencies":["button"],"title":"FAQ With Contact Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column editorial FAQ pairing a sticky eyebrow, oversized heading, short note, and contact CTA on the left with a ruled, index-marked accordion of questions on the right.","name":"faq76","title":"Editorial Two-Column FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A type-forward FAQ with a sticky heading rail and a numbered accordion list of expandable questions.","name":"faq77","registryDependencies":["accordion"],"title":"Numbered FAQ Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An accordion of studio FAQs paired with a bordered aside card inviting a direct conversation.","name":"faq78","registryDependencies":["accordion"],"title":"FAQ with Contact Aside","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column FAQ with a sticky eyebrow, light heading, and support call to action on the left, and an interactive accordion of questions on the right.","name":"faq79","registryDependencies":["button"],"title":"Sticky Split FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An always-open FAQ laid out as a two-column grid of numbered, hairline-separated question and answer entries, closing with a soft support panel that pairs a short prompt with two actions.","name":"faq80","registryDependencies":["button"],"title":"Two Column Answer Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"FAQ split into two labelled groups, each an independent accordion of ruled questions, so a long list stays scannable by topic; closed by a response-time note beside an outline pill CTA.","name":"faq81","registryDependencies":["accordion"],"title":"Grouped FAQ Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A categorised FAQ whose topic rail is derived from the questions themselves and carries live counts, switching the accordion beside it and resetting it to the first answer on every change.","name":"faq82","registryDependencies":["button"],"title":"Topic Rail FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An always-open FAQ that states four buying worries as quoted headings in a hairline matrix of cards, each answering in full and closing on a line of proof under a rule.","name":"faq83","registryDependencies":["button"],"title":"Objection Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A compact FAQ with nothing hidden behind a click: three labelled groups of question and answer pairs set as two-column hairline rows, closing on a link to longer reading.","name":"faq84","title":"Hairline Answer Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An FAQ with a search field that narrows the list as it is typed, matching against topic, question, and answer, with every answer open on its own hairline row and an empty state when nothing matches.","name":"faq85","registryDependencies":["input","button"],"title":"Live Search FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An FAQ split across two columns of independent accordions, so opening one answer never closes another, closing on a soft support panel with two actions.","name":"faq86","registryDependencies":["button"],"title":"Two Column Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An accordion FAQ set against a column that sticks while the answers scroll, holding an image tile that floats a live card for the engineer who wrote them and a direct booking action.","name":"faq87","registryDependencies":["button"],"title":"FAQ With Contact Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A qualifying FAQ that sets a checked good-fit column against a crossed not-for-you column, then answers the three questions that follow from them on two-column hairline rows.","name":"faq88","registryDependencies":["button"],"title":"Good Fit Qualifier","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A jargon glossary whose letter filter is derived from the terms themselves, narrowing a two-column hairline definition list with an empty state and a suggest-a-term action.","name":"faq89","registryDependencies":["button"],"title":"Filterable Glossary","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A procurement FAQ grouping security controls into hairline rows that pair each question with a tone-coded yes, partial, or not-yet chip and the detail behind it, closing on a security pack request.","name":"faq90","registryDependencies":["button"],"title":"Security Questionnaire Answers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An open question FAQ pairing a soft panel that sticks while you scroll, holding a working question and email form, with the questions others sent recently answered as linked hairline entries.","name":"faq91","registryDependencies":["input","textarea","button"],"title":"Ask And Answered In Public","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A help section that asks two questions instead of offering a search box: the answers pick one written answer from a list of routes, an image tile beside them floats the answer as a live assistant card and changes with it, and a soft panel underneath keeps a way through to a perso","name":"faq92","registryDependencies":["questionnaire","button"],"title":"Answer Router","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column question grid with every answer already visible on a hairline, so nothing is hidden behind a toggle, closed by a soft panel pointing at a direct reply.","name":"faq93","title":"Always-Open Question Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A split FAQ: a sticky column with an eyebrow, a serif heading that settles in word by word, an intro and a pill action, beside a ruled accordion whose serif questions open to calm, plain answers.","name":"faq94","registryDependencies":["accordion","button"],"title":"First Call Questions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"The classic single-column FAQ: a centred serif heading that settles in word by word, a ruled accordion with serif questions and plain answers, and a closing line with a sliding-marker pill for the question that is not on the list.","name":"faq95","registryDependencies":["accordion","button"],"title":"Centred Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An FAQ with nothing to open: a serif heading that settles in word by word beside the intro and a pill action, then six questions and answers laid out in a three-column ruled grid that arrive in turn.","name":"faq96","registryDependencies":["button"],"title":"Open Answers Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An FAQ sorted by topic: pill tabs under a centred serif heading that settles in word by word switch between groups, each blurring in a ruled accordion of serif questions, with a sliding-marker pill beneath.","name":"faq97","registryDependencies":["accordion","tabs","button"],"title":"Tabbed Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An FAQ in two columns. The left column holds the header, one borderless stage of fixed height where a reaction-diffusion pattern grows in theme colors behind a glass prompt card, and a contact line; on desktop it stays pinned while the page scrolls. The right column is a borderle","name":"faq98","registryDependencies":["accordion"],"title":"FAQ Beside a Living Stage","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Accordion on the left, swappable media surface on the right. Each row picks its own media kind: image, video, or live registry-component asset.","name":"feature1","registryDependencies":["accordion","badge"],"title":"Accordion With Live Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Hero header with a CTA, then alternating image-left / image-right rows. Each row's media slot accepts an image, video, or live registry-component asset.","name":"feature2","registryDependencies":["badge","button"],"title":"Alternating Rows With Mixed Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header, three-column grid of capability cards, and an optional CTA with bottom text. Each card leads with a Lucide icon.","name":"feature3","registryDependencies":["badge","button"],"title":"Service Grid With Icons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered headline, four feature tiles in a 2x2 grid, and a CTA. Each tile leads with a large Lucide icon and a short description.","name":"feature4","registryDependencies":["button"],"title":"Two-By-Two With Icon Tiles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Left-aligned headline followed by a compact two-column grid of capability rows. Each row leads with a Lucide icon.","name":"feature5","title":"Compact Two-Column Capabilities","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Looping carousel of capability cards with a centered media slot per card. Each slot accepts an image, video, or live registry-component asset.","name":"feature8","registryDependencies":["badge","button","carousel"],"title":"Capability Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three side-by-side step cards with a media surface anchored to the bottom of each card. Each slot accepts an image, video, or live registry-component asset.","name":"feature9","registryDependencies":["badge"],"title":"Three-Step How-To","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Multi-step checklist with status indicators, ETAs, and a sticky sidebar showing completion progress and key stats. Perfect for onboarding flows, implementation guides, or setup wizards.","name":"feature22","registryDependencies":["badge","button","progress"],"title":"Setup Checklist with Progress Sidebar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Six-card grid displaying quality metrics with icons, progress bars, and numeric scores for performance, security, and reliability. Perfect for system health dashboards or compliance overviews.","name":"feature23","registryDependencies":["badge","button","progress"],"title":"Quality Scorecard Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Hover-activated tabs on the left reveal detailed workflow previews with images, bullet points, and action links on the right. Perfect for showcasing product capabilities or multi-step features.","name":"feature24","registryDependencies":["badge","button"],"title":"Interactive Workflow Preview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split layout featuring a styled hero image with animated floating stat badge alongside a feature checklist. Perfect for wellness apps, nutrition platforms, or lifestyle product benefits.","name":"feature25","registryDependencies":["badge","button"],"title":"Hero Image with Floating Stat Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Six-card grid with icons in rounded containers that animate on hover, plus titles and descriptions. Perfect for wellness platforms, health apps, or service benefit showcases.","name":"feature26","registryDependencies":["badge"],"title":"Feature Card Grid with Hover Effects","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive timeline showing sequential steps with icons, descriptions, and time estimates (horizontal on desktop, vertical on mobile). Perfect for onboarding flows, how-to guides, or getting-started sections.","name":"feature28","registryDependencies":["badge","button"],"title":"Process Timeline with Duration Badges","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Six-card grid featuring icons, descriptions, and highlighted stats (latency, uptime, user counts) with animated hover effects. Perfect for showcasing SaaS capabilities or enterprise platform features.","name":"feature29","registryDependencies":["badge","button"],"title":"Platform Feature Cards with Metrics","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side comparison cards with bullet lists showing pain points vs. solutions after transformation. Perfect for demonstrating product value, workflow improvements, or competitive advantages.","name":"feature30","registryDependencies":["badge","button"],"title":"Before/After Comparison Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Asymmetric bento-style grid with mixed card sizes, color variants, eyebrow labels, and large stat highlights. Perfect for platform overviews, feature showcases, or capability summaries.","name":"feature33","registryDependencies":["badge","button"],"title":"Bento Grid Platform Overview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Two-column grid of numbered items (01, 02, etc.) with circular badges, titles, and descriptions. Perfect for why-choose-us sections, benefits lists, or key differentiators.","name":"feature34","registryDependencies":["badge","button"],"title":"Numbered Reasons List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Expandable accordion sections with category headers and checkmark-style feature lists in a two-column grid. Perfect for organized feature overviews and pricing page inclusions.","name":"feature53","registryDependencies":["badge","button"],"title":"Accordion Feature Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side comparison table with check/cross icons and text values for two plan tiers. Perfect for free vs premium comparisons and feature tier breakdowns.","name":"feature55","registryDependencies":["badge","button"],"title":"Two-Plan Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column image grid with hover zoom icons and full-screen lightbox modal on click. Perfect for product screenshots, portfolio showcases, and visual feature tours.","name":"feature59","registryDependencies":["badge","button"],"title":"Screenshot Gallery with Lightbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky sidebar navigation that scrolls to content sections with images and descriptions. Perfect for product feature tours, documentation pages, and guided walkthroughs.","name":"feature60","registryDependencies":["badge","button"],"title":"Feature Walkthrough with Sticky Navigation","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column grid of feature cards with diagonal corner ribbons for labels like New, Popular, or Beta. Perfect for highlighting product tools, service tiers, or feature availability.","name":"feature61","registryDependencies":["badge","button"],"title":"Feature Cards with Status Ribbons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column grid of image cards with text overlay, hover zoom effect, and arrow indicators. Perfect for showcasing team use cases, industry solutions, or department-specific features.","name":"feature63","registryDependencies":["badge","button"],"title":"Use Case Image Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"2-column grid of feature cards with stacked team member avatar photos on each card. Perfect for showcasing who built each feature or highlighting team expertise.","name":"feature65","registryDependencies":["badge","button"],"title":"Feature Cards with Team Avatars","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical feature list with horizontal dividers, hover arrows, and clickable titles linking to detail pages. Perfect for feature overviews with navigation to learn more.","name":"feature68","registryDependencies":["badge","button"],"title":"Linked Feature List with Dividers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-viewport sections with fixed parallax background images and overlaid text content. Perfect for immersive feature storytelling and dramatic product showcases.","name":"feature70","registryDependencies":["badge","button"],"title":"Full-Screen Parallax Feature Sections","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column grid of feature cards with embedded testimonial quotes, author names, roles, and avatars. Perfect for pairing features with social proof from real customers.","name":"feature71","registryDependencies":["badge","button"],"title":"Feature Cards with Customer Quotes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Inline horizontal row of feature highlights with icons and vertical dividers between items. Perfect for trust signals, key benefits, or compact feature callouts.","name":"feature72","title":"Horizontal Feature Strip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column layout with parent categories and nested child items connected by visual branch lines. Perfect for showing platform architecture, integration layers, or feature hierarchies.","name":"feature73","registryDependencies":["badge","button"],"title":"Platform Architecture Diagram","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"2-column grid of feature cards with icons and two action buttons per card for demos and documentation. Perfect for interactive feature showcases with try-it-now options.","name":"feature74","registryDependencies":["badge","button"],"title":"Interactive Feature Cards with Dual CTAs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"2-column grid of linked product cards with multiple badge tags and learn-more arrows. Perfect for showcasing product suites, solution offerings, or categorized tools.","name":"feature75","registryDependencies":["badge","button"],"title":"Product Cards with Badge Tags","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Expandable FAQ accordion with plus/minus toggle icons and single or multi-open modes. Perfect for FAQ sections, help centers, and knowledge base pages.","name":"feature76","registryDependencies":["badge","button"],"title":"FAQ Accordion with Plus/Minus Icons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column grid of centered feature cards with large icons and brief descriptions. Perfect for capability highlights, service features, or platform offerings.","name":"feature107","registryDependencies":["badge","button"],"title":"Icon-Centered Grid Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with heading/description on left and 2x4 grid of checkmark benefits on right. Great for feature highlights, benefit summary, or quick value propositions.","name":"feature108","registryDependencies":["badge","button"],"title":"Split Layout with Checklist Box","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Masonry/columns layout gallery with variable height cards and linked images. Perfect for portfolio, project showcase, or irregular grid galleries.","name":"feature109","registryDependencies":["badge","button"],"title":"Masonry Gallery Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tab-based interface showing 3 cards per tab, with button toggles at top. Excellent for segmented features by department, plan, or use case.","name":"feature112","registryDependencies":["badge","button"],"title":"Tabbed Feature Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"2-4 column grid of stat cards with large numbers, labels, and percentage change indicators. Perfect for KPI dashboards, performance metrics, or key results display.","name":"feature115","registryDependencies":["badge","button"],"title":"Dashboard Stats Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"2-column grid of checklist items with checkbox icons and strikethrough styling. Great for progress tracking, launch checklists, or task lists.","name":"feature116","registryDependencies":["badge","button"],"title":"Checkbox Checklist Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of project cards with team member avatar stacks. Ideal for active projects showcase, team portfolio, or ongoing work display.","name":"feature117","registryDependencies":["avatar","badge","button"],"title":"Project Cards with Team Members","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of technology/tool badges with icons in bordered pills. Perfect for tech stack display, tools used, or integration showcase.","name":"feature118","registryDependencies":["badge","button"],"title":"Tech Stack Pills Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of goal cards with percentage progress bars and labels. Excellent for OKR tracking, quarterly goals, or progress visualization.","name":"feature119","registryDependencies":["badge","button"],"title":"Goals with Progress Bars","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of category cards with icons and listing counts. Perfect for category browse, marketplace sections, or navigation options.","name":"feature120","registryDependencies":["badge","button"],"title":"Category Tiles with Counts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of feature review cards with star ratings and review counts. Ideal for feature ratings, user reviews, or quality metrics.","name":"feature121","registryDependencies":["badge","button"],"title":"Rating Cards with Stars","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical stacked list of linked topics with titles, subtitles, and chevron indicators. Perfect for documentation navigation, topic browsing, or content index.","name":"feature122","registryDependencies":["badge","button"],"title":"Stacked List with Dividers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of linked tool cards with descriptions and tag badges. Excellent for developer tools showcase, API documentation, or SDK listings.","name":"feature123","registryDependencies":["badge","button"],"title":"Tool Cards with Tag Badges","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"2-column grid of action cards with descriptions and CTA buttons. Great for quick actions, getting started steps, or primary user journeys.","name":"feature125","registryDependencies":["badge","button"],"title":"Action Cards with CTA Buttons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of large stat numbers with labels and descriptions. Perfect for impact metrics, company statistics, or scale indicators.","name":"feature126","registryDependencies":["badge","button"],"title":"Impact Stats with Large Numbers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Center-aligned large stat display with minimal spacing and minimal decoration. Perfect for impressive scaling statistics or key performance numbers.","name":"feature130","registryDependencies":["badge","button"],"title":"Centered Stats with Large Typography","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column grid of video thumbnail cards with play button overlay and duration badge. Ideal for video tutorials, product demos, or educational content.","name":"feature131","registryDependencies":["badge","button"],"title":"Video Tutorial Thumbnails","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single centered pricing card with price, feature list, and CTA button. Perfect for single plan display, pricing showcase, or product offering.","name":"feature134","registryDependencies":["badge","button"],"title":"Single Pricing Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered flexbox grid of company/product logos with grayscale hover effects. Excellent for customer logos, integrations, or partnerships showcase.","name":"feature135","registryDependencies":["badge","button"],"title":"Integration Logos Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of numbered step cards with titles and descriptions. Perfect for process visualization, onboarding steps, or sequential workflows.","name":"feature136","registryDependencies":["badge","button"],"title":"Numbered Steps Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column grid with border dividers between items, layout adapts to content. Great for core features grid, capabilities overview, or service sections.","name":"feature138","registryDependencies":["badge","button"],"title":"Bordered Grid Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered grid of 6 icon buttons with circular backgrounds and labels. Perfect for tool navigation, quick action buttons, or feature access menu.","name":"feature139","registryDependencies":["badge","button"],"title":"Circular Icon Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of service cards with descriptions and arrow icons. Ideal for services listing, solutions overview, or offering showcase.","name":"feature144","registryDependencies":["badge","button"],"title":"Service Offerings with Arrows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of benefit items with checkmark icons and descriptions. Perfect for benefits list, value proposition, or key advantages.","name":"feature146","registryDependencies":["badge","button"],"title":"Benefits Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of tool cards with icons, descriptions, and linked tiles. Excellent for tech stack showcase, integrated tools, or component library.","name":"feature147","registryDependencies":["badge","button"],"title":"Tech Stack Tool Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column grid of contact option cards with icons, descriptions, and action text. Perfect for contact methods display, support channels, or customer service options.","name":"feature149","registryDependencies":["badge","button"],"title":"Contact Method Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered card with star rating, review count, and stat proofs layout. Ideal for social proof, trust indicators, or customer validation.","name":"feature150","registryDependencies":["badge","button"],"title":"Social Proof with Ratings","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered single card with badge, heading, description, and highlight pill. Great for announcements, feature release highlights, or promotional callouts.","name":"feature151","registryDependencies":["badge","button"],"title":"Announcement Highlight Box","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered flexbox row of inline feature badges with icons. Perfect for quick feature list, key benefits, or inline feature highlights.","name":"feature152","registryDependencies":["badge","button"],"title":"Icon Badge Pills Row","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Simple 3-column comparison table with feature names and check/cross icons. Essential for plan comparison, feature tier table, or pricing comparison.","name":"feature155","registryDependencies":["badge","button"],"title":"Feature Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with left text content and right image, reversible. Perfect for feature explanation, product story, or benefit illustration.","name":"feature157","registryDependencies":["badge","button"],"title":"Split Image with Bullet List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical stacked notification-style list with items, descriptions, and status badges. Great for updates feed, changelog, or activity log display.","name":"feature158","registryDependencies":["badge","button"],"title":"Notification Status List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"4-column grid of feature icons with titles and descriptions below. Perfect for capability highlights, feature icons, or simple feature grid.","name":"feature160","registryDependencies":["badge","button"],"title":"Centered Icon Cards Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column grid of horizontal feature items with icon and text side by side. Clean layout for capability highlights and feature overviews.","name":"feature161","registryDependencies":["badge","button"],"title":"Icon Row Feature Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"3-column grid of numbered steps with titles and descriptions. Ideal for onboarding flows, process overviews, and how-it-works sections.","name":"feature162","registryDependencies":["badge","button"],"title":"Numbered Steps Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric bento-style grid with a highlighted hero card spanning full width and smaller feature cards below. Great for showcasing a primary feature alongside supporting capabilities.","name":"feature163","registryDependencies":["badge","button"],"title":"Bento Feature Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky sidebar navigation with scroll-spy tracking. Left menu highlights the active section as users scroll through feature cards with images. Uses IntersectionObserver for real-time active state.","name":"feature164","registryDependencies":["badge","button"],"title":"Scroll-Spy Sticky Sidebar Feature","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontally scrollable feature cards with CSS scroll-snap. Cards scroll on mobile/tablet and flow as a regular grid on desktop. Each card has icon, title, description, and optional link.","name":"feature165","registryDependencies":["badge","button"],"title":"Horizontal Scroll Snap Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive card grid with mouse-tracking radial gradient glow effect. Each card illuminates with a primary-colored spotlight that follows the cursor. Premium hover aesthetic inspired by Stripe and Vercel.","name":"feature166","registryDependencies":["badge","button"],"title":"Spotlight Glow Card Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Features presented as terminal commands with outputs inside a realistic terminal window. Dark terminal aesthetic with syntax-colored commands, flags, and a blinking cursor. Unique developer-focused design.","name":"feature167","registryDependencies":["badge","button"],"title":"Terminal CLI Feature Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive toggle that switches between two sets of feature items with staggered fade-in animation. Pill-style toggle button with distinct visual states for before and after. Great for product comparisons.","name":"feature168","registryDependencies":["badge","button"],"title":"Before/After Comparison Toggle","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Auto-scrolling marquee rows of feature pills with icons. Alternating scroll directions, hover to pause, and edge fade gradients. Eye-catching way to showcase many capabilities at once.","name":"feature169","registryDependencies":["badge","button"],"title":"Infinite Marquee Feature Pills","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Click-to-expand feature cards with smooth grid-rows animation. Each card reveals a detailed description and preview image when opened. Only one card expanded at a time. Compact yet information-rich.","name":"feature170","registryDependencies":["badge","button"],"title":"Expandable Accordion Cards with Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product roadmap presented as a kanban board with three swim lanes: Shipped, In Progress, and Planned. Each feature card has an icon, title, and status-colored tag. Transparent product development view.","name":"feature171","registryDependencies":["badge","button"],"title":"Kanban Roadmap Board","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Features displayed inside an interactive command palette UI with live search filtering, grouped results, keyboard shortcuts, and hover states. Inspired by macOS Spotlight and VS Code command palette.","name":"feature172","registryDependencies":["badge","button","command"],"title":"Command Palette Feature Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single-card carousel with crossfading images, arrow navigation, and dot progress indicators. Each slide shows a full-width image with icon, title, and description below. Click or navigate to browse features.","name":"feature173","registryDependencies":["badge","button"],"title":"Feature Card Carousel with Image Crossfade","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Features paired with real code examples inside a code editor UI. Left sidebar lists features, right panel shows the corresponding code with filename tab and syntax styling. Developer-focused showcase.","name":"feature174","registryDependencies":["badge","button"],"title":"Interactive Code Snippet Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Platform architecture visualized as color-coded horizontal layers. Each layer is clickable and expands to reveal details. Unique layer numbering and distinct colors per tier. Great for showcasing infrastructure and architecture.","name":"feature175","registryDependencies":["badge","button"],"title":"Interactive Tech Stack Layers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A simple empty state section using the Empty component with icon, title, description, and a call-to-action button. Includes standard badge, heading, and description header.","name":"feature176","registryDependencies":["badge","button","empty"],"title":"Empty State","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Feature cards with 3+2 bento layout and flush media","name":"feature177","registryDependencies":["badge"],"title":"Bento Feature Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column benefits section with sticky left content and scrollable timeline","name":"feature178","registryDependencies":["badge"],"title":"Sticky Benefits Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with sticky stats and scrollable feature cards","name":"feature179","registryDependencies":["badge"],"title":"Sticky Stats Scroller","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with sticky image and scrollable feature cards","name":"feature180","registryDependencies":["badge"],"title":"Sticky Image Scroller","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Glass-morphism feature cards grid over fullscreen background media with icon badges and invertColor support","name":"feature181","registryDependencies":["badge"],"title":"Feature Cards over Background Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bento-style grid with mixed card sizes over background media, featured large card spanning two columns","name":"feature182","registryDependencies":["badge"],"title":"Bento Feature Grid over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with large image card on left and stacked glass feature cards on right","name":"feature183","registryDependencies":["badge"],"title":"Split Image Card with Feature Stack","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Numbered feature cards in staggered grid over background media with editorial large-number styling","name":"feature184","registryDependencies":["badge"],"title":"Numbered Editorial Cards over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column image feature cards grid with sticky header over background media and glass-morphism styling","name":"feature185","registryDependencies":["badge"],"title":"Image Feature Cards Grid over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Hero-style stats row with feature card grid below over background media with glass-morphism styling","name":"feature186","registryDependencies":["badge"],"title":"Stats + Feature Cards over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Alternating two-column feature cards with large icons over background media, left-right zigzag layout","name":"feature187","registryDependencies":["badge"],"title":"Two-Column Alternating Cards over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal icon strip navigation with expandable detail card below over background media","name":"feature188","registryDependencies":["badge"],"title":"Icon Strip + Detail Card over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Masonry-style two-column cards with alternating heights and image accents over background media","name":"feature189","registryDependencies":["badge"],"title":"Masonry Feature Cards over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width feature cards separated by dividers with large icons and descriptions over background media","name":"feature190","registryDependencies":["badge"],"title":"Large Icon Cards with Dividers over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column feature cards with accent top bar, tag pills, and icon badges over background media","name":"feature191","registryDependencies":["badge"],"title":"Tagged Feature Cards with Accent Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Large hero card with image at top followed by three-column feature card grid over background media","name":"feature192","registryDependencies":["badge","button"],"title":"Hero Card + Grid Cards over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Alternating rows with tall highlight card and stacked compact cards over background media","name":"feature193","registryDependencies":["badge"],"title":"Asymmetric Tall + Compact Cards over Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three feature cards that swap an icon for a real micro-asset: a bar chart, a before/after stat, and a terminal prompt. Demonstrates how registry-pieces drop into block media slots.","name":"feature194","registryDependencies":["badge","button"],"title":"Three Cards With Asset Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four equal feature cards on a clean background, each with a large circular icon badge above a bold h3 title. Ideal for outlining the steps or pillars of a service offering.","name":"feature195","registryDependencies":["badge"],"title":"Four Cards With Centered Icon","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column grid of clickable feature cards. Each card has a top-left icon, top-right diagonal arrow, title, and description. Cards lift on hover with a configurable accent color (emerald, primary, foreground, rose, blue, amber, violet, sky, orange, teal). Two-tone heading split","name":"feature196","title":"Module Cards Grid With Hover Lift","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Zig-zag layout where each feature alternates an image with a content block — a colored icon badge, bold title, and description. Configurable icon badge accent color (emerald, primary, foreground, rose, blue, amber, violet, sky, orange, teal). Ideal for product modules, services, ","name":"feature197","title":"Alternating Image & Content","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tab-switched grid of plan cards. Each card shows title, full-width CTA button, subtitle (price), description, and a checklist with check icons. Layout is responsive: ≤2 cards center as flex, multiples of 4 use a 4-column grid, otherwise a 3-column grid. Ideal for pricing, plan co","name":"feature198","registryDependencies":["badge","button"],"title":"Tabbed Plan Cards With Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column feature section with a large heading on the left and a 2x2 grid of feature cards on the right, each with a large badge icon, title, and description.","name":"feature199","title":"Feature with Side Heading and Icon Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column feature section with badge, heading, description, a 2-column checklist of icon items (defaults to check icon), and CTA on one side, with a square image on the other. Image position is configurable.","name":"feature200","registryDependencies":["badge","button"],"title":"Feature with Two-Column Checklist and Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header followed by a 4-step numbered process row with arrows between cards on desktop, plus a wide CTA card with badge, heading, description, button, and image.","name":"feature201","registryDependencies":["badge","button"],"title":"Feature with Numbered Process Steps and CTA Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column feature section with badge, heading, and multi-paragraph copy on the left, plus a custom tab strip and panel on the right.","name":"feature202","registryDependencies":["badge"],"title":"Feature with Side Heading and Custom Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column feature section with heading, description, and a 2x2 stats grid (icon card, value, label) on one side and a square image on the other. Image position is configurable.","name":"feature203","title":"Feature with Stats Grid and Image","type":"registry:block"},{"dependencies":["embla-carousel-react"],"description":"Centered header followed by a side-by-side image carousel (3 visible on desktop, 2 on tablet, 1 on mobile) with prev/next arrows and dots. Tap an item to open a full-size modal lightbox with its own navigation.","name":"feature204","registryDependencies":["badge","carousel","dialog"],"title":"Feature with Image Carousel and Lightbox Modal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column header — badge, heading with an accent-colored highlight on the last phrase, and intro paragraph on the left, with a supporting paragraph on the right — followed by a three-card grid of services with outlined Lucide icons and a learn-more link.","name":"feature205","registryDependencies":["badge"],"title":"Feature with Split Header and Service Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered service-style block with optional badge, large heading, description, primary CTA buttons, and a row of icon-prefixed items below. Each item icon defaults to a check, and the row collapses to a stack on mobile.","name":"feature206","registryDependencies":["badge","button"],"title":"Centered Heading with CTA and Icon Row","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Service section: eyebrow and large title with a right-aligned summary, a wide hero image, and a bold closing statement.","name":"feature207","title":"Service Highlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal expanding accordion of services with vertical labels, expanding to reveal image, description and tag pills.","name":"feature208","title":"Expertise Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky intro column beside a scrollable stack of numbered service blocks.","name":"feature209","registryDependencies":["button"],"title":"Sticky Services","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-up service cards with accent icon chips and learn-more links.","name":"feature210","title":"Service Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Alternating image-and-copy feature rows with checklists.","name":"feature211","title":"Alternating Features","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric bento of capabilities: an image hero cell, accent cell and icon cells.","name":"feature212","title":"Capabilities Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed feature showcase with copy, checklist and screenshot per workstream.","name":"feature213","registryDependencies":["tabs"],"title":"Tabbed Features","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header above a bordered explorer: a vertical icon tab rail switches between feature panels, each pairing a preview image with a benefit checklist and CTA.","name":"feature214","registryDependencies":["tabs","button"],"title":"Feature Tabs Explorer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header above a three-card showcase: a tagged copy panel with CTA, a centered preview, and a divided list of included benefits.","name":"feature215","registryDependencies":["button"],"title":"Feature Showcase Trio","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header above stacked feature rows, each pairing a numbered copy panel and tall app preview with a benefit list, trusted-by avatars, rating, and download CTA.","name":"feature216","registryDependencies":["avatar","button"],"title":"Feature Rows With App Preview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered eyebrow, heading and dark CTA above a split block: a tall labeled image on the left and a two-by-two grid of icon feature cards on the right.","name":"feature217","title":"Impact Grid With Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered eyebrow and heading above a wide image card carrying a corner label and a glass overlay band that pairs a testimonial with a headline stat, followed by a three-up row of icon reasons.","name":"feature218","title":"Why-Choose Media Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Eyebrow and heading with a CTA on one row, above stacked service cards that each line up an index and growth stat, a thumbnail image, and a title with description and tag chips.","name":"feature219","title":"Indexed Services List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header above three zigzag rows, each pairing a 4:3 image with a title, description, and tag chips on alternating sides.","name":"feature220","title":"Zigzag Feature Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Header with eyebrow, big heading and outline CTA above a five-card bento grid with a tall lead cell, lucide icons, titles and descriptions.","name":"feature221","title":"Bento Icon Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Process section with a header and a vertical list of four numbered steps separated by top borders.","name":"feature222","title":"Numbered Process Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Header with a tabbed showcase where each tab pairs a rounded image with a phase title and description.","name":"feature223","title":"Tabbed Phase Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column split with an eyebrow, big heading, description, and CTA on the left and a checklist of capabilities with rounded check seals on the right.","name":"feature224","title":"Capability Checklist Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact principles grid with a header and a four-up row of top-border items, each with a lucide icon, title and short description.","name":"feature225","title":"Compact Principles Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Comparison feature with a header and two side-by-side panels: a muted cons list with X icons beside a solid dark pros list with check icons.","name":"feature226","title":"Pros and Cons Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky left intro paired with a stacked, numbered list of feature blocks, each with a title, description, and small image.","name":"feature227","title":"Sticky feature list with images","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A central core image framed by feature cards that each reference how a module connects back to the system's core.","name":"feature228","title":"Annotated core layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive feature section with an eyebrow, big heading and description above a two-column layout: a single-collapsible accordion of feature items on the left and a sticky image on the right that swaps to the active item's image on click.","name":"feature229","registryDependencies":["accordion"],"title":"Accordion Image Sync","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three tall portrait images in a row, each paired with a padded numeral, title, and description — a monochrome statement of guiding principles.","name":"feature230","title":"Three editorial pillar columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clickable tab chips switch a large spotlight panel with image, title, description, and a checklist, with an optional auto-loop.","name":"feature231","title":"Feature Spotlight Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ruled feature rows that pair a large figure with a title and supporting copy, framing each capability by the number it earns.","name":"feature232","title":"Stat-backed feature rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A header with a badge, heading, and description, followed by many compact items in a two-column grid — each a lucide icon in a rounded bg-muted tile beside a title and one-line description.","name":"feature233","title":"Compact two-column icon feature list","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column feature section: a vertical list of clickable thread buttons on the left swaps a sticky image panel on the right, with the active item carrying full emphasis and a left border.","name":"feature234","title":"Click-to-swap sticky thread list","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Feature and testimonial hybrid: a quote card on bg-muted beside a 2x2 grid of icon feature highlights.","name":"feature235","title":"Feature & Testimonial Hybrid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A text-only feature manifesto: a hairline-bordered grid of short statements, each a bold title and a single explanatory line.","name":"feature236","title":"Feature manifesto grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A product feature with an eyebrow kicker over a hairline rule, a two-column heading and paragraph, an image tile carrying a floating records panel, and an interactive accordion of capabilities.","name":"feature237","title":"Product Accordion Feature","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A value proposition with an eyebrow kicker over a hairline rule, a two-column heading and paragraph, a wide image panel holding a floating segmented stat card, and a three-column benefit row.","name":"feature238","title":"Value Prop Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A value proposition with an eyebrow kicker over a hairline rule, a two-column heading and paragraph, and three portrait image tiles that each float a live micro-asset above a title and description.","name":"feature239","registryDependencies":["avatar"],"title":"Value Prop Trio","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A bento feature grid with an eyebrow kicker over a hairline rule, a two-column heading and paragraph, and four mixed-width image tiles that each float a live product micro-asset above a caption.","name":"feature240","title":"Bento Asset Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A capability section with an eyebrow over a hairline rule, a two-column heading, and a responsive grid of icon-led features with tinted chips, titles, and descriptions.","name":"feature241","title":"Icon Capability Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature with an eyebrow over a hairline rule, a two-column heading, and two rich cards that each float a live micro-asset above an eyebrow, title, and checked bullets, closing with a works-with integrations strip.","name":"feature242","title":"Connected Workspace Feature","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature with an eyebrow over a hairline rule, a two-column heading, and three bordered cards that each float a compact live micro-asset above a title and description.","name":"feature243","title":"Compact Asset Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered feature with an eyebrow, light heading, and paragraph over a wide image tile that floats a live command search bar, followed by a row of quick-filter chips.","name":"feature244","title":"Command Search Spotlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Scope section listing what a project actually ships: three ruled columns, each with a track title, a one-line summary and a dotted-rule inventory of deliverables, closed by a note and a pill CTA.","name":"feature245","title":"Deliverables Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Capability section with a row of pill filters that swap the list below: each entry becomes a ruled three-column row holding the title, an explanation and the typical duration pinned right.","name":"feature246","title":"Switchable Capability Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Wide photograph carrying numbered markers placed by percentage coordinates, paired with a ruled four-column list where the selected entry repeats the marker as a filled seal, darkens its rule and brings its text forward.","name":"feature247","title":"Photo Callout Markers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Feature rows that alternate the image side on every second entry, each pairing an eyebrow, display title and explanation with one oversized outcome figure on its own rule, headed by an outline pill CTA pinned to the top right.","name":"feature248","title":"Alternating Proof Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four soft cards each opening with a full-bleed photograph, then a display title, one explanatory sentence and a ruled tally line pinned to the bottom of the card.","name":"feature249","title":"Image Topped Discipline Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single tall photograph pinned with position sticky, captioned without a rule, while a column of eyebrow-led notes scrolls past it, each note after the first opening on its own hairline.","name":"feature250","title":"Sticky Photo With Notes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three soft cards, each floating its own media piece over a dotted field before an eyebrow, a title, an explanation and a ruled delivery note, laid out as a plain grid with no horizontal scrolling.","name":"feature251","title":"Deliverable Cards With Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Feature split pairing a three-image collage, where a square crop overlaps the tall frame behind a background-coloured edge, with a statement and a ruled key-value list of material facts.","name":"feature252","title":"Overlapping Material Collage","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic image band carrying a pill label in its corner, followed by a ruled four-column row where each measured fact pairs an oversized figure with a sentence of testing context, with the outline pill CTA sitting on the heading line.","name":"feature253","title":"Wide Band With Field Facts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Timeline where every ruled row lines up a year, a photograph from that moment and the explanation of what forced the change, headed by a pill CTA on the heading line and stacking to a readable block on mobile.","name":"feature254","title":"Photographic Year Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Section that shows what the studio is running right now: a statement with the paragraph and pill CTA on one baseline, then three tall project tiles whose ruled captions name the client and the stage the work is at.","name":"feature255","title":"Current Work Tile Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature that centers one image tile floating a live metrics panel and annotates it from both sides with four icon callouts that collapse under the tile on smaller screens.","name":"feature256","title":"Annotated Centerpiece","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An interactive feature where a hairline list of four capabilities swaps the image tile beside it, each one floating a different live asset with its own supporting paragraph.","name":"feature257","title":"Capability Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature built from two tall bordered cards, each stacking an image tile with a live asset over a small kicker, an editorial title, a checked list on hairlines, and its own outline action.","name":"feature258","registryDependencies":["button"],"title":"Two-Up Capability Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature contained in one soft panel: heading and paragraph beside an image tile floating a live breakdown chart, closing on a hairline row of four capacity figures.","name":"feature259","title":"Soft Panel Capacity Report","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature whose five steps sit on a horizontally scrolling card rail below a two-column header, each card carrying a numbered index, a title, a paragraph, and a timing note on a hairline.","name":"feature260","registryDependencies":["button"],"title":"Scrolling Sequence Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature laid out as a hairline matrix of cells, where a wide first cell carries an image tile floating a live trend metric and the remaining cells hold icon-led capabilities.","name":"feature261","title":"Hairline Capability Matrix","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature of full-width hairline rows that expand in place, revealing a paragraph beside an image tile that floats a different live asset for each way of evaluating the product.","name":"feature262","title":"Expanding Proof Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature that walks through one working day as hairline rows stamped with the time of day, with a live approval asset dropped inline on the entry that needs showing rather than telling.","name":"feature263","title":"Day Timeline Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature with a heading column that sticks while three labelled groups of checked capabilities scroll past it, closing on a footnote under a hairline.","name":"feature264","registryDependencies":["button"],"title":"Sticky Reference List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature whose three image tiles step down the page in a staircase on large screens, each floating a different live asset above a small kicker, title, and paragraph.","name":"feature265","title":"Staircase Asset Trio","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature that opens on a tall image tile floating a live before-and-after card, then sets out its evidence as hairline rows leading on an oversized light figure paired with an explanation and the method behind it.","name":"feature266","title":"Figure-Led Evidence Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature that runs a hairline down the middle of the section and alternates its stages either side of it, dropping an image tile with a live phone frame onto the step worth showing.","name":"feature267","title":"Center-Line Journey Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature that breaks its media out of the container into a full-bleed image band floating a live view switcher, framed by a two-column header above and three numbered captions below.","name":"feature268","title":"Full-Bleed Workspace Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column directory of free tools, each card a linked row with a tinted icon tile, a name and one line on what it does, closed by a seal button to the full list.","name":"feature269","registryDependencies":["button"],"title":"Tool Directory Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three columns keyed to how long the reader has rather than what they want, each opening with the time span, a promise for it, and the two or three pieces that fit inside it.","name":"feature270","title":"Reading Paths By Time Available","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A tabbed breakdown of what each publishing format commits to, pairing a stated position with a specification list on one side and a real example card on the other.","name":"feature271","registryDependencies":["tabs"],"title":"Format Anatomy Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A wide photographic band with a scrim, floating a live video card in the middle of it, over three hairline notes that state how the recordings are made and what ships with them.","name":"feature272","title":"Recorded Companion Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column ledger pairing the question a reader sent on the left with the thing that was built in response on the right, under column labels that only appear on desktop.","name":"feature273","title":"Question And Answer Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"One column per year on a hairline, each stating the year as a figure with its published count beside it, a sentence on what that year was about, and the pieces that defined it.","name":"feature274","title":"Archive By Year Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A services section with a serif heading that settles in word by word beside its intro and pill button, then four staggered portrait cards whose photographs drift inside their frames as the page scrolls.","name":"feature275","registryDependencies":["button"],"title":"Drifting Services Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A scroll-led feature: a serif heading settling in word by word beside a pill action, then numbered chapters that scroll past a pinned photograph, each one swapping the image with a soft blur and brightening its own title as it reaches the centre of the viewport.","name":"feature276","registryDependencies":["button"],"title":"Sticky Chapters","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A values grid: a serif heading settling in word by word beside the intro and a pill action, then six numbered promises in three columns whose top rules draw themselves in one after another, over a slowly drifting soft light.","name":"feature277","registryDependencies":["button"],"title":"Six Promises","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A tabbed comparison under a centred serif heading that settles in word by word: pill tabs switch between approaches, each blurring in a drifting portrait photograph beside a serif title, a description, a ruled fact list and a sliding-marker pill.","name":"feature278","registryDependencies":["tabs","button"],"title":"Two Doors Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A feature that opens on a rounded photographic band with a dark scrim and film grain, the photograph drifting as the page scrolls under a serif heading that settles in word by word and a light sliding-marker pill, then three ruled points beneath it.","name":"feature279","registryDependencies":["button"],"title":"Photo Band Feature","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A ruled index of offerings beside a pinned photograph: hovering or focusing a serif line brightens it, slides an arrow into place and blurs in the photograph of the room it happens in, all under a serif heading that settles in word by word, an intro and a pill action.","name":"feature280","registryDependencies":["button"],"title":"Hover Room List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"The classic three-column feature: a centred serif heading that settles in word by word and an intro, three columns with a round muted icon, a serif title and a description that arrive in turn, and a sliding-marker pill beneath.","name":"feature281","registryDependencies":["button"],"title":"Three Icon Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"The classic zigzag: under a serif heading that settles in word by word and a pill action, rows alternate a photograph drifting inside its frame with an eyebrow, a serif title, a description and an arrow link, switching sides on every row.","name":"feature282","registryDependencies":["button"],"title":"Alternating Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A benefits split: a portrait photograph drifting inside its frame on the left, and on the right a serif heading that settles in word by word, an intro, a two-column list of ringed check benefits that arrive one by one, and a sliding-marker pill.","name":"feature283","registryDependencies":["button"],"title":"Checklist Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A long serif statement that settles in word by word with a pill action on the left, and on the right four numbered, ruled points with serif titles and short descriptions that arrive in turn.","name":"feature284","registryDependencies":["button"],"title":"Statement and Four","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A feature list with a sticky column, where a serif heading settles in word by word above the intro and a pill action, beside ruled rows that each blur in with a round muted icon, a serif title and a description.","name":"feature285","registryDependencies":["button"],"title":"Sticky Icon List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A single feature spotlight inside one soft muted panel: an eyebrow, a serif heading that settles in word by word, an intro, two ruled points and a sliding-marker pill on the left, and a square photograph drifting inside its frame on the right.","name":"feature286","registryDependencies":["button"],"title":"Spotlight Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"Three numbered steps in columns, each topped by a photograph that drifts inside its frame, with a serif title and a description, under a serif heading that settles in word by word and a sliding-marker pill.","name":"feature287","registryDependencies":["button"],"title":"Photo Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An us-and-them comparison under a centred serif heading that settles in word by word: an ink column and a muted column list the same points with ringed checks and dashes that arrive one by one, and a sliding-marker pill closes it.","name":"feature288","registryDependencies":["button"],"title":"Honest Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A single feature explained beside proof: a serif heading that settles in word by word, an intro and a pill action on the left, a soft muted quote card with a portrait on the right, and three ruled points beneath.","name":"feature289","registryDependencies":["button"],"title":"Quote Inset Feature","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A ruled two-by-three grid of features, each cell with a bare icon, a serif title and a description, arriving row by row under a serif heading that settles in word by word and a sliding-marker pill.","name":"feature290","registryDependencies":["button"],"title":"Six Cell Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Four linked photo tiles in a two-by-two grid, each photograph drifting inside its tile under a soft scrim with a serif title, a line of description and an arrow that lifts on hover, beneath a serif heading that settles in word by word and a sliding-marker pill.","name":"feature291","registryDependencies":["button"],"title":"Photo Tiles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three numbered columns under rules that draw in from the left as they scroll into view: the first carries a rounded pill that copies the install command on click, the next two show a sample prompt and a resulting file path in muted mono panels. Serif headline settles in word by w","name":"feature292","registryDependencies":["button"],"title":"Install Ask Ship Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A split feature: on the left a serif headline that settles in word by word, an intro, a rounded pill that copies the install command on click and a sliding-marker pill; on the right a muted transcript panel where a short exchange with the agent appears message by message, one rep","name":"feature293","registryDependencies":["button"],"title":"Agent Transcript","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A header with a serif headline that settles in word by word and, at its right end, a rounded pill that copies the install command on click; below it a ruled two by three grid of thin icons, serif titles and short paragraphs that settle in one after another as they scroll into vie","name":"feature294","title":"Six Gains Ruled Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centred serif headline that settles in word by word, then two columns: a muted panel listing how an agent improvises today and an ink panel listing what it does once the library is installed. Between them, on a hairline, sits the pill that copies the install command on click.","name":"feature295","title":"Before and After Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A sticky left column holds the eyebrow, a serif headline that settles in word by word, an intro, a rounded pill that copies the install command on click and a sliding-marker pill; on the right a long ruled list of numbered points settles in row by row as the page scrolls past.","name":"feature296","registryDependencies":["button"],"title":"Sticky Command List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A rounded photographic band inside the container: the photo blurs in and drifts on scroll under a scrim and film grain, a serif headline settles in word by word, then a frosted pill that copies the install command on click beside a light sliding-marker pill, and a ruled row of th","name":"feature297","registryDependencies":["button"],"title":"Photo Band Command","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A header with a serif headline that settles in word by word and a pill that copies the install command on click, then a rounded pill tab list (pages, sections, components). Each tab pairs a title, a paragraph and a short list of example prompts in mono with a photo that blurs in ","name":"feature298","registryDependencies":["tabs"],"title":"Ask At Any Size Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centred serif headline that settles in word by word, then an ink panel that cycles through short request and reply pairs: the request in serif, the reply in mono a beat later, with thin progress bars to jump between them and a pause on hover. A pill that copies the install comm","name":"feature299","registryDependencies":["button"],"title":"Turning Requests Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Six hairline cards in a three-column grid, each one a whole link carrying a ringed icon, a serif title, a line of context and an arrow that lifts on hover, under a serif heading that settles in word by word beside a sliding-marker pill.","name":"feature300","registryDependencies":["button"],"title":"Linked Card Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A horizontal rail of linked cards that starts in line with the heading and bleeds off the right edge: arrow buttons and snap points move it a screen at a time, and each card pairs a drifting photograph with a serif title, a meta line and an arrow that lifts on hover.","name":"feature301","registryDependencies":["button"],"title":"Linked Card Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"Three columns of ruled links under their own small-caps headings, each link a serif label over a line of context that fades on hover, so a whole directory of pages sits in one section under a heading that settles in word by word.","name":"feature302","registryDependencies":["button"],"title":"Grouped Link Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"The heading, intro and pill stay pinned in a sticky column while linked photo cards scroll past in pairs beside them, each photograph drifting inside its frame under a serif title, a meta line and an arrow that lifts on hover.","name":"feature303","registryDependencies":["button"],"title":"Sticky Header Linked Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"One tall photographic card carrying the page worth reading first, beside a ruled column of three compact rows that split the remaining height evenly; every card and row is a whole link with an arrow that lifts on hover.","name":"feature304","registryDependencies":["button"],"title":"Spotlight and Linked Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A ruled list where every row is a link and hovering or focusing one fades a pinned photograph in beside it, the resting rows dimmed to half so the row under the cursor is the only one at full strength.","name":"feature305","registryDependencies":["button"],"title":"Hover Photo Link List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Two tall cards, each one a whole link: a photograph that drifts inside its frame above a quiet label, a serif title, an intro, a short dotted list and a closing arrow link pinned to the foot of the card.","name":"feature306","title":"Two Linked Doors","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Four hairline cards, each a whole link that leads with a large serif figure and an optional unit, then a title, a line of context and an arrow that lifts on hover.","name":"feature307","registryDependencies":["button"],"title":"Linked Figure Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An alphabetical index: each ruled row pairs a serif letter with a wrapped row of pill links, so a long glossary of pages stays scannable under a heading that settles in word by word.","name":"feature308","registryDependencies":["button"],"title":"Linked Index Chips","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three numbered cards on a muted fill, each one a whole link that inverts to ink on hover, carrying a serif title, a paragraph of what happens at that step and a closing arrow link.","name":"feature309","registryDependencies":["button"],"title":"Linked Step Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An intro and a pill on the left against a compact ruled list on the right, where every row is a link carrying a question, a short meta value and an arrow that lifts as the row tints.","name":"feature310","registryDependencies":["button"],"title":"Intro and Linked List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three bordered cards, each one a whole link with a photograph drifting across its top, a quiet category line, a serif title, an excerpt and an arrow pinned to the foot of the card.","name":"feature311","registryDependencies":["button"],"title":"Linked Photo Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for a furniture workshop built on the scroll-rail component: the heading, intro, an Arrow Pill and an underline link open a long editorial story that travels sideways as the page scrolls. Five chapter spreads follow, each with a large photograph th","name":"feature312","registryDependencies":["button"],"title":"Chapters Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for a heritage house built on the scroll-rail component, set on a dark surface: the heading, intro, an Arrow Pill and an underline link open a century-long timeline that travels sideways as the page scrolls. Each milestone pairs a photograph of its","name":"feature313","registryDependencies":["button"],"title":"Timeline Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for a design studio built on the scroll-rail component: the eyebrow, heading, intro, an Arrow Pill and an underline link stay fixed in a header row while a rail of large project cards slides sideways beneath as the page scrolls. Each card is a link","name":"feature314","registryDependencies":["button"],"title":"Selected Work Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for a landscape architecture studio built on the scroll-rail component, set on a dark surface. A header with an eyebrow, heading and one-line intro stays fixed at the top while five wide service slides travel sideways beneath it as the page scrolls","name":"feature315","registryDependencies":["button"],"title":"Services Slide Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for an impact report built on the scroll-rail component: the heading, intro, an Arrow Pill and an underline link open a row of figures that travels sideways as the page scrolls. Each figure panel pairs a large number and a one-line label with its o","name":"feature316","registryDependencies":["button"],"title":"Figures Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll testimonial section for a small hotel built on the scroll-rail component, set on a warm muted surface: the heading and intro open a rail of guest quotes that travels sideways as the page scrolls. Each quote is a large serif pull quote with a faint oversized quotat","name":"feature317","registryDependencies":["button"],"title":"Voices Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for a furniture and homeware studio built on the scroll-rail component: an eyebrow and heading sit in a fixed header with an underline link to the shop, while a new collection travels sideways beneath it as the page scrolls. Each product rests on i","name":"feature318","title":"Collection Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for a coffee house with rooms in several cities, built on the scroll-rail component: the heading, intro, an Arrow Pill and an underline link open a travel guide that moves sideways as the page scrolls. Each location is a tall photo card with the pi","name":"feature319","registryDependencies":["button"],"title":"Places Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A scroll feature section for a clinic and retreat where five large program cards pin one after another and slide up over each other like a physical deck. Each covered card scales down a little and darkens under a solid shade as the next one arrives. Every card pairs a large numbe","name":"feature320","title":"Stacking Program Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section that tours one large photograph like a camera move. It opens on the whole picture of a recording studio, then glides and zooms into five details in turn, holding at each one, and eases back out to the whole picture at the end. Each stop is set in t","name":"feature321","registryDependencies":["button"],"title":"Detail Tour","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for a walking travel company, set on a dark surface. Under an eyebrow and heading, five tall photo strips stand side by side, and scrolling opens them one at a time: the open strip glides wide while the others close to narrow slivers carrying a num","name":"feature322","title":"Expanding Journey Strips","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for a design studio built around one large statement. As the page scrolls, the words of the manifesto light up one after another in a soft reading wave, and three small rounded photographs open inside the sentence between words as the wave reaches ","name":"feature323","title":"Manifesto Reading","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll feature section for a restoration studio that shows three projects as before and after photographs. As the page scrolls, a soft vertical seam travels across the frame and wipes each room from its worn state to the restored one, then the frame crossfades to the nex","name":"feature324","title":"Before and After Restoration","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A vertical list of features beside a large stage that shows one live isometric scene. Selecting a feature opens its description and fades the stage to that feature's scene. The list is a keyboard accessible tab list with arrow, Home and End keys.","name":"feature325","registryDependencies":["button"],"title":"Scene Stage With Feature Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A left-aligned header over feature rows that alternate sides. Each row pairs a wide stage holding a live product piece with a title, a description and a short checked list of points under a hairline.","name":"feature326","title":"Alternating Live Product Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered header over one framed panel: a live product card on a gradient stage beside a column of controls. A radius slider, a size slider, a solid or glass surface switch and a price slider change the card in real time, and a reset button returns it to the defaults.","name":"feature327","registryDependencies":["button","tooltip"],"title":"Live Customization Playground","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A left-aligned header over a four cell bento. One wide cell pairs its text with a glass product piece, and three equal cells beneath place a piece above a title and a sentence. Each cell has its own soft gradient that dissolves into the page behind the text.","name":"feature328","title":"Team Calendar Gradient Bento","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature section with four borderless stages in a wide, narrow, narrow, wide mosaic, all the same height. Each stage has its own live background, two dithered 3D forms and two magnetic fields in different colors and densities, and holds one developer widget on glass: a deploy co","name":"feature329","title":"Developer Workflow Mosaic","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A header split into heading and description above four tall, narrow stages of equal height, one per time of day. Each stage is a live sky with its own palette, sun position and cloud cover, from a pale morning to a night sky, and holds one small glass piece or widget in its cente","name":"feature330","title":"Times Of Day Sky Stages","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A feature section with a left-aligned header above a strip of three borderless stages of equal fixed height. On desktop the strip zigzags: the outer columns put the stage above its caption and the middle column puts the caption above its stage, each caption in an area of fixed he","name":"feature331","title":"Staggered Stage Strip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A left aligned header above a horizontal strip of four tall, narrow borderless stages of equal height. Each stage is filled with its own animated background, pleated fabric or tile mosaic in a different pastel palette, that fades into the page toward the bottom, where a title and","name":"feature332","title":"Room Types Strip With Material Backgrounds","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-screen hero showcasing today's fitness classes with instructor info and available spots. Perfect for gym landing pages and class booking systems.","name":"fitness5","registryDependencies":["badge","button"],"title":"Class Schedule Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Trainer showcase with photo, certifications, rating, and client stats in a floating card. Perfect for personal training services and fitness coaching pages.","name":"fitness6","registryDependencies":["badge","button"],"title":"Personal Trainer Profile","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Location section with map preview, address, hours, parking, and public transit info. Perfect for gym contact pages and multi-location fitness centers.","name":"fitness32","registryDependencies":["badge","button"],"title":"Gym Location Finder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Before/after photo grid showcasing member transformations with weight loss stats and testimonial quotes. Perfect for fitness success stories and gym marketing.","name":"fitness33","registryDependencies":["badge","button"],"title":"Transformation Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Program grid with images, duration, frequency, skill level, and enrollment buttons. Perfect for fitness program catalogs and workout plan selection.","name":"fitness39","registryDependencies":["badge","button"],"title":"Training Program Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A programme finder that argues with you: three questions land on one training block, and the card overlapping the photographic band answers in two columns, who it is for beside who should not take it, before the practical facts.","name":"fitness40","registryDependencies":["questionnaire","button"],"title":"Honest Programme Match","type":"registry:block"},{"dependencies":["date-fns","react-hook-form"],"description":"Complete reservation form with date picker, time slots, guest count, and contact fields alongside restaurant image. Perfect for restaurant booking pages and fine dining websites.","name":"food3","registryDependencies":["button","calendar","field","input","popover","select"],"title":"Table Reservation Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Featured dish spotlight with seasonal badges, availability dates, pricing, and order button. Perfect for highlighting limited-time menu items and chef specials.","name":"food4","registryDependencies":["badge","button"],"title":"Seasonal Dish Feature","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Elegant full-screen hero with Michelin stars, awards, and decorative lines for luxury restaurants. Perfect for high-end dining establishments and tasting menu experiences.","name":"food5","registryDependencies":["button"],"title":"Fine Dining Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Auto-playing image slideshow showcasing restaurant ambiance with slide titles and navigation controls. Perfect for restaurant homepages and venue presentations.","name":"food6","registryDependencies":["badge","button"],"title":"Restaurant Image Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Traditional menu with categorized sections, dietary badges (V, VG, GF), and a legend. Perfect for restaurant menus and food ordering pages.","name":"food7","registryDependencies":["badge"],"title":"Classic Menu Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Visual dish grid with image zoom on hover, overlay descriptions, and order buttons. Perfect for showcasing signature dishes and photo-driven menus.","name":"food8","registryDependencies":["button"],"title":"Featured Dishes Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive menu with category tabs, accompanying images, and item listings with prices. Perfect for restaurants with multiple menu sections.","name":"food9","title":"Tabbed Menu Browser","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Elegant two-column wine menu with origin details, vintage years, and dotted price lines. Perfect for wine bars, sommeliers, and fine dining beverage menus.","name":"food10","title":"Wine List Menu","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Alternating layout showcasing dishes with large images, chef's notes as blockquotes, and pricing. Perfect for highlighting signature items and chef recommendations.","name":"food11","registryDependencies":["badge","button"],"title":"Chef's Specials Feature","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Beverage menu with glass/bottle pricing columns, category icons, and organized sections for cocktails and wines. Perfect for bar menus and drink lists.","name":"food12","title":"Drinks Menu","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-tier pricing cards for group dining with included items, minimum guests, and booking buttons. Perfect for prix fixe menus and event dining packages.","name":"food13","registryDependencies":["badge","button"],"title":"Set Menu Pricing Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive menu with dietary filter buttons (vegetarian, vegan, gluten-free) and allergen warnings. Perfect for health-conscious diners and inclusive restaurant menus.","name":"food14","registryDependencies":["badge"],"title":"Dietary Filter Menu","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dark-themed chalkboard-style menu with decorative corners, day labels, and timestamp. Perfect for daily specials, soup of the day, and rotating menu items.","name":"food15","registryDependencies":["badge"],"title":"Daily Specials Chalkboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Collapsible menu items revealing full images, calorie counts, protein info, and allergen badges. Perfect for detailed nutritional menus and health-focused dining.","name":"food16","registryDependencies":["badge","button"],"title":"Expandable Menu Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Weekly schedule table with today highlighted, holiday notice alert, phone/email buttons, and live chat. Perfect for restaurant contact pages and business hours display.","name":"food38","registryDependencies":["badge","button"],"title":"Hours & Contact Info","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Location cards grid with venue images, addresses, hours, phone numbers, and direction links. Perfect for restaurant chains and multi-venue businesses.","name":"food39","registryDependencies":["badge","button"],"title":"Multi-Location Directory","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Chef bio section with portrait, philosophy quote, training credentials, award badges, and social links. Perfect for chef introductions and culinary team pages.","name":"food41","registryDependencies":["badge","button"],"title":"Executive Chef Profile","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Team member cards with portrait photos, roles, experience badges, and hover image zoom. Perfect for staff introductions and restaurant about pages.","name":"food42","registryDependencies":["badge"],"title":"Kitchen Team Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical timeline with alternating content, year badges, milestone images, and connecting line. Perfect for chef stories and restaurant history pages.","name":"food43","registryDependencies":["badge"],"title":"Culinary Journey Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Kitchen tour section with hero image, station features, certification badges, and tour booking CTA. Perfect for showcasing kitchen facilities and food preparation areas.","name":"food44","registryDependencies":["badge","button"],"title":"Behind the Scenes Kitchen","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Event listing with date badges, images, time/capacity info, pricing, and RSVP buttons. Perfect for wine tastings, themed dinners, and special occasions.","name":"food45","registryDependencies":["badge","button"],"title":"Events Calendar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Delivery platform cards with logos, fees, and delivery times alongside pickup info with address and phone. Perfect for food delivery integrations and takeout ordering.","name":"food47","registryDependencies":["badge","button"],"title":"Online Ordering Hub","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Gift card purchase interface with preset amounts, custom input, digital/physical delivery options, and live preview. Perfect for restaurant gift card sales.","name":"food48","registryDependencies":["badge","button","input"],"title":"Gift Card Shop","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-tier rewards program with points earning steps, benefit lists, and app store download buttons. Perfect for customer loyalty and membership programs.","name":"food50","registryDependencies":["badge"],"title":"Loyalty Rewards Program","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout promotion with image, schedule badges, and deal list showing original vs. discounted prices. Perfect for happy hour specials and limited-time offers.","name":"food51","registryDependencies":["badge","button"],"title":"Happy Hour Deals","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Seasonal menu section with availability dates, featured dish cards with hover effects, and CTA button. Perfect for promoting winter, spring, summer, or fall menus.","name":"food52","registryDependencies":["badge","button"],"title":"Seasonal Menu Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bundle pricing cards with images, savings badges, itemized contents, and order buttons. Perfect for family meals, combo deals, and catering packages.","name":"food53","registryDependencies":["badge","button"],"title":"Value Meal Bundles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"New customer promotion with large discount display, copyable promo code, benefit checklist, and CTA. Perfect for first-time visitor offers and marketing campaigns.","name":"food54","registryDependencies":["badge","button","input"],"title":"Welcome Discount Banner","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product page with large image, dietary badges, rating/reviews, prep time, calories, quantity selector, and add-to-cart. Perfect for online food ordering and menu item pages.","name":"food61","registryDependencies":["badge","button"],"title":"Dish Detail Page","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact single-row footer with logo, horizontal navigation links, and copyright text. Perfect for landing pages and minimal websites that need simple site-wide navigation.","name":"footer9","title":"Minimal Inline Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column footer with brand logo, tagline, and copyright on left, navigation links on right. Perfect for startups and SaaS products wanting clean brand presentation.","name":"footer10","title":"Split Brand Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertically stacked footer with centered logo, navigation links, social media icons, and copyright. Perfect for portfolios and personal brands wanting a symmetrical layout.","name":"footer11","title":"Centered Social Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Comprehensive footer with brand section, four navigation columns, social links, and bottom legal links. Perfect for enterprise websites and established businesses with extensive site structures.","name":"footer13","title":"Enterprise Multi-Column Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-column navigation footer with brand description and dedicated social media icon row in the bottom section. Perfect for media companies and brands with strong social presence.","name":"footer15","title":"Social Bar Multi-Column Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Business footer with extended brand section including email, phone, and address, plus three navigation columns. Perfect for service businesses and agencies that need prominent contact information.","name":"footer16","title":"Contact Info Multi-Column Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer with prominent call-to-action section featuring heading, description, and action buttons alongside navigation columns. Perfect for SaaS products driving sign-ups and conversions.","name":"footer18","registryDependencies":["button"],"title":"CTA Action Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer with email subscription form, navigation columns, legal links, and social icons. Perfect for content sites and businesses building email lists.","name":"footer19","registryDependencies":["button","input"],"title":"Newsletter Subscription Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Online store footer with trust badges (secure checkout, free shipping, privacy), payment method icons, and shop navigation columns. Perfect for e-commerce sites building customer confidence.","name":"footer20","title":"E-commerce Trust Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered minimal footer with horizontal navigation, trust badges, and payment method icons. Perfect for smaller online stores wanting a clean checkout-focused layout.","name":"footer21","title":"Compact E-commerce Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Complete online store footer with brand section, navigation columns, social links, trust badges row, payment icons, and legal links. Perfect for established e-commerce brands.","name":"footer22","title":"Full E-commerce Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered footer with prominent heading, large circular social media icon buttons, and minimal navigation. Perfect for creators and influencers driving social engagement.","name":"footer23","title":"Social Media Showcase Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer wrapped in a dark rounded container with inverted colors, tagline, navigation columns, and social links. Perfect for modern SaaS and tech products wanting visual contrast.","name":"footer27","title":"Dark Themed Card Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Showcase footer with company stats, awards recognition section, navigation links, and trusted client logos. Perfect for design studios and creative agencies displaying credentials.","name":"footer28","title":"Creative Agency Portfolio Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"App promotion footer with App Store and Google Play badges, scannable QR code, and download stats. Perfect for mobile app landing pages driving app installations.","name":"footer29","title":"Mobile App Download Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fine dining footer with business hours, location details, phone number, menu links, and reservation button. Perfect for restaurants and hospitality venues.","name":"footer31","registryDependencies":["button"],"title":"Restaurant Reservation Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Medical facility footer with emergency contact banner, service navigation, patient resources, and certification badges. Perfect for hospitals, clinics, and healthcare providers.","name":"footer32","registryDependencies":["button"],"title":"Healthcare Services Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tourism footer with destination image cards, trip type links, support info, trust badges, and booking CTA. Perfect for travel agencies and vacation booking platforms.","name":"footer41","registryDependencies":["button"],"title":"Travel Booking Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dental practice footer with dentist profile cards, service list, office hours, insurance info, and appointment booking button. Perfect for dental offices and oral care clinics.","name":"footer55","registryDependencies":["button"],"title":"Dental Clinic Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cultural venue footer with current exhibition cards, visiting hours, admission pricing, membership options, and ticket button. Perfect for museums, galleries, and cultural institutions.","name":"footer69","registryDependencies":["button"],"title":"Museum & Gallery Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Wine estate footer with wine collection categories, tasting room hours, experience links, award badges, and booking button. Perfect for wineries, vineyards, and breweries.","name":"footer73","registryDependencies":["button"],"title":"Winery & Vineyard Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Mobile app promotion footer with phone mockup screenshot, feature highlights, download stats, app store badges, and QR code. Perfect for mobile app marketing pages.","name":"footer100","title":"App Showcase Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Corporate footer with four navigation columns covering institutional pages, solutions, product modules, and customer service contact details. Includes a partner badge image, centered copyright with project highlight, legal links, and social icons.","name":"footer101","title":"Four Column Footer with Partner Badge","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Complete studio mega footer with brand column, link columns, socials and legal bar.","name":"footer102","title":"Mega Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dark closing-CTA footer with a big statement, email and compact links.","name":"footer103","registryDependencies":["button"],"title":"CTA Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer led by a subscribe form beside link columns.","name":"footer104","title":"Newsletter Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dark footer with a wordmark, headquarters address, email and social row on the left; three link columns and a newsletter signup on the right; and a bottom bar with copyright, credit, and a long studio statement.","name":"footer105","title":"Dark Studio Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer with a CTA row, then a bordered card holding the brand, a statement heading, a back-to-top link, three link columns, copyright, and an oversized wordmark bleeding off the bottom edge.","name":"footer106","title":"Wordmark Card Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Newsletter-forward footer — a parenthetical label and oversized heading beside an email field with a pill submit, over a ruled bottom bar of wordmark, nav and social links.","name":"footer107","title":"Newsletter Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer with a brand intro and three link columns over a copyright bar, closed by one oversized wordmark cropped at low opacity so its lower third bleeds off the bottom edge.","name":"footer108","title":"Oversized Wordmark Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Airy centered footer — a parenthetical label, a single oversized closing statement and a pill CTA, with one centered nav row, socials and a ruled copyright line.","name":"footer109","title":"Minimal Centered Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Contact-forward footer — a parenthetical label, a closing heading and oversized email, phone and address links beside compact link columns, with a pill CTA and a back-to-top bottom bar.","name":"footer110","title":"Contact Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial directory footer — a parenthetical label and statement above ruled sitemap rows, each pairing a section title with a wrapping set of links, closed by a wordmark and copyright line.","name":"footer111","title":"Ruled Index Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Architectural studio footer — four untitled link columns with a copyright and legal row up top, then an oversized wordmark paired with a discipline list and a closing tagline along the baseline.","name":"footer112","title":"Studio Wordmark Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer led by a full-width oversized wordmark, then a newsletter field with an arrow submit and socials beside four titled link columns, closed by a quiet copyright line.","name":"footer113","title":"Big Logotype Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer that turns the menu into a statement — a parenthetical label over oversized nav links flowing with slash separators, with a back-to-top link and a sign-off line on the baseline.","name":"footer114","title":"Navigation Statement Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Inverted bg-foreground footer, centered — a parenthetical label, one closing statement, a single nav row and socials over a hairline copyright line.","name":"footer115","title":"Dark Sign-off Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer for a studio with several addresses — a parenthetical label and heading over a ruled row of city names with addresses and directions links, closed by a nav, copyright and back-to-top bar.","name":"footer116","title":"Studio Locations Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column footer — a parenthetical label, closing heading, pill CTA and email on the left beside a stacked oversized nav on the right, over a copyright and socials bar.","name":"footer117","title":"Split CTA Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Footer built around a live clock — the studio's local time ticks every second in oversized type, with a pulsing open/closed status, city and day, over a nav and copyright bar.","name":"footer118","title":"Live Studio Clock Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A light footer with a lowercase wordmark, a tagline, a newsletter signup, three link columns, and a bottom bar of legal links over a hairline rule.","name":"footer119","registryDependencies":["input","button"],"title":"Editorial Newsletter Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A footer that opens with a light closing heading and accent buttons over a hairline rule, then a slim bottom bar with a lowercase wordmark, a link row, and copyright.","name":"footer120","registryDependencies":["button"],"title":"CTA Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A compact centered footer with a lowercase wordmark, a short tagline, an uppercase link row, a social row over a hairline rule, and a copyright line.","name":"footer121","title":"Minimal Centered Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A four-column footer with a wide brand column carrying a parenthetical eyebrow, an oversized wordmark, a two-line tagline and labelled social links, beside three ruled link columns with an inline mail address and a centered copyright bar.","name":"footer122","title":"Brand Column Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A footer that gives its left half to a working subscribe row and its right half to three link columns, closed by a colophon line sitting opposite the legal links.","name":"footer123","registryDependencies":["input","button"],"title":"Publication Footer With Subscribe Row","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A photographic footer under a dark gradient scrim, soft drifting light and film grain: a serif closing statement that settles in word by word, a rounded newsletter field with a sliding-marker pill, three link groups, and a bottom row with the wordmark, social links and copyright.","name":"footer124","registryDependencies":["input","button"],"title":"Valley Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A light footer with a large serif wordmark, a tagline and a sliding-marker pill on the left, three link groups on the right, and a ruled bottom row with the copyright, social links and a smooth back-to-top control.","name":"footer125","registryDependencies":["button"],"title":"Quiet Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A compact centred footer: the serif wordmark, a one-line serif statement and a sliding-marker pill, a single row of small-caps links, and a ruled bottom row with the copyright and social links.","name":"footer126","registryDependencies":["button"],"title":"Centred Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A light footer with the serif wordmark, a tagline and a rounded newsletter field with a sliding-marker pill on the left, three link groups on the right, and a ruled bottom row with the copyright and legal links.","name":"footer127","registryDependencies":["input","button"],"title":"Columns and Letter Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A site footer with the brand, a short description and a contact email on the left and three link columns on the right, all on theme tokens. Below them a rounded band with a live wave effect carries a closing line and a large wordmark that scales with the band width. A copyright l","name":"footer128","title":"Wordmark Effect Band Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Masonry gallery built with CSS columns so images keep their own heights, each captioned with its subject and place, and any frame opening a drawer that slides in from the right while the wall stays visible behind the scrim.","name":"gallery1","title":"Masonry Caption Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Captioned image grid where any tile opens a full-screen lightbox on a dark scrim, with a frame counter, keyboard arrows, escape to close and previous and next controls beside the caption.","name":"gallery2","title":"Lightbox Frame Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Album gallery with pill filters that swap the whole set below, where any tile opens a light full-screen viewer: the frame hangs on the page surface while a side column carries the caption, the album summary, the controls and a plainly labelled thumbnail index.","name":"gallery3","title":"Filterable Album Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single-frame image reel that slides on a transform, driven by round arrow buttons in the header and a row of bar indicators beside the caption, with no hover behaviour on the image itself.","name":"gallery4","title":"Wide Slide Reel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic stage frame with the caption and frame counter set on a gradient at its foot, round arrow controls on the picture itself, and a scrolling filmstrip below where the inactive thumbnails sit back at low opacity.","name":"gallery5","title":"Filmstrip Stage Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dense caption-free mosaic where every tile carries an expand seal and opens a full-screen viewer with arrow controls on the picture, escape and arrow keys, a counter, the caption and a thumbnail filmstrip.","name":"gallery6","title":"Mosaic Full Screen Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two full-bleed image tracks scrolling in opposite directions under a centered statement, pausing together on hover, where any frame opens a framed viewer: the picture sits in a mount on a scrim with its caption, position and controls beneath it.","name":"gallery7","title":"Counter Scrolling Image Bands","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Photographs presented as printed spreads on a soft panel: two plates share a page with a centre rule, round controls turn to the next spread, and a bar index below tracks how far through the book you are.","name":"gallery8","title":"Photo Book Spread Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Justified rows of frames that grow to fill every line, opening a viewer whose picture doubles as the zoom control: clicking switches between fitting the screen and filling it, with the caption and controls on one closing rule.","name":"gallery9","title":"Zoomable Justified Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Square grid whose viewer holds two states: a single frame with caption and controls, or an in-place overview of the whole set that you can jump from without closing the layer.","name":"gallery10","title":"Overview Toggle Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Edge-to-edge strip of tall frames opening a viewer where the picture fills the screen and the caption, note and thumbnails sit in a sheet that slides off the bottom when you want the frame uncovered.","name":"gallery11","title":"Full Bleed Strip With Sheet Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Works of different sizes hung on one centre line inside a matted wall panel, each with its own label, opening a viewer that shows the piece in a mount beside a museum wall label of medium, dimensions and year.","name":"gallery12","title":"Exhibition Wall Hang","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Printed-catalogue layout pairing a numbered index of works with a sticky matted plate and its note, where an expand seal opens the plate alone on a dark ground with only its number and the arrows.","name":"gallery13","title":"Catalogue Index Plates","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Long-scroll exhibition where every work sits in its own matted panel with a full label, beside a sticky rail whose numbered index follows the work in the middle of the screen and scrolls to any other on click.","name":"gallery14","title":"Walkthrough Exhibition Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Label-free salon wall where works of four different spans pack tightly into a matted panel, opening a passe-partout viewer whose full-height side margins are themselves the previous and next controls.","name":"gallery15","title":"Salon Hang Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Exhibition split into artist rooms, each with a sticky statement column beside its works, opening a viewer that shows the chosen piece large with the next one waiting as a thumbnail you can step straight into.","name":"gallery16","title":"Artist Room Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Collection intake listed year by year with a summary beside each set of works, opening a viewer that scrolls rather than steps: every acquisition is a snap section and the header counter follows whichever fills the screen.","name":"gallery17","title":"Acquisition Year Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Matted edition cards opening a viewer that keeps the whole sheet and its detail crops in one place: pill controls swap what the large frame shows while the side column holds process, sheet size and edition.","name":"gallery18","title":"Edition Inspector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Inverted low-light room where staggered frames hang on a dark panel, opening a viewer with no chrome at all: the work fades up like a lamp on a dimmer, the caption follows it, and a dot rail walks the hang.","name":"gallery19","title":"Dark Room Fade Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Works hung two to a bay on staggered ruled cards, opening a viewer that can hold a second work beside the first: the frame splits, both pictures keep their own caption and the pair can be walked together.","name":"gallery20","title":"Paired Hang Compare","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Square studies of material and surface, opening a viewer that hands you a loupe: a round window you drag across the work, redrawing whatever sits under it from the same file at a configurable magnification.","name":"gallery21","title":"Loupe Surface Studies","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Text-first archive index of reference, thumbnail, title and year, opening a record card with two sides: the work on the front and the registrar's acquisition, condition and storage notes on the back.","name":"gallery22","title":"Archive Record Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Works listed with the sizes they are printed at, opening a viewer that hangs the piece in a photographed room and scales it as you switch size pills, so the dimensions stop being an abstraction.","name":"gallery23","title":"Wall Scale Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Works on paper listed as ruled plan-chest drawers with their contents and a peek of the sheets, opening a stack where the top sheet lifts clear of the pile before dropping to the back and the next one rises into its place.","name":"gallery24","title":"Plan Chest Sheet Stack","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","@radix-ui/react-slot"],"description":"A gallery finder whose questions are photographs rather than sentences: three rows of frames are chosen by eye, and the result names the leading way of looking, shows the series that goes with it, and breaks the picks down as a share bar.","name":"gallery25","registryDependencies":["questionnaire"],"title":"Pick The Frames Taste Profile","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A square cover grid that names each picture only on hover and opens it full screen on click, where arrows and the keyboard walk the archive and a link leads into the issue itself.","name":"gallery26","title":"Cover Archive With Lightbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A horizontal, snap-scrolling strip of photographs that starts in line with the heading and runs off the right edge, each frame carrying a serif subject and a small-caps place and month; steered by round arrow buttons, and any frame opens a filmstrip lightbox on ink with film grai","name":"gallery27","registryDependencies":["button"],"title":"River Strip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A three-column masonry of photographs in mixed aspects, each rising into view and drifting inside its frame as the page scrolls, with a serif subject and a small-caps place and month under every plate; any plate opens a paper-toned lightbox that sets the subject large beside the ","name":"gallery28","registryDependencies":["button"],"title":"Light Masonry","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An even three-column grid of photographic plates that open into an ink lightbox: every frame keeps the same ratio so the captions line up, arrows and keys turn the page, either half of the plate is clickable, and a plate that belongs to a page offers it as a link.","name":"gallery29","registryDependencies":["button"],"title":"Plate Grid Lightbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Health metrics dashboard displaying vital signs like heart rate, blood oxygen, activity, and sleep with trend indicators. Perfect for wellness apps and health tracking platforms.","name":"health1","registryDependencies":["badge","button"],"title":"Vitals Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Daily wellness goals tracker with progress bars showing current vs target for water intake, steps, mindfulness, and meals. Perfect for habit tracking and fitness apps.","name":"health2","registryDependencies":["badge","button"],"title":"Wellness Goals Tracker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Doctor cards grid showing specialists with ratings, availability status, and next appointment slots. Perfect for healthcare platforms and telemedicine booking systems.","name":"health3","registryDependencies":["badge","button"],"title":"Medical Specialists Directory","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Split-layout hero with large typography, serene imagery, and floating testimonial card. Perfect for yoga studios, meditation apps, and wellness retreat websites.","name":"health4","registryDependencies":["button"],"title":"Wellness Hero Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Service cards displaying medical specialties with appointment durations, feature lists, and CTAs. Perfect for hospitals, clinics, and healthcare provider websites.","name":"health5","registryDependencies":["badge","button"],"title":"Medical Services Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","@tailwindcss/typography"],"description":"Long-form content section with rich text, bullet point highlights, and call-to-action buttons. Perfect for wellness blogs, healing journey stories, and health philosophy pages.","name":"health6","registryDependencies":["button"],"title":"Wellness Editorial Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with feature highlights and daily summary card showing heart rate, activity, and recovery metrics. Perfect for fitness coaching and health monitoring apps.","name":"health7","registryDependencies":["badge","button"],"title":"Daily Health Check-in","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Large-format statistics grid showcasing key metrics like member counts, satisfaction rates, and years of service. Perfect for healthcare organizations and wellness brands.","name":"health16","title":"Health Statistics Display","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A clinical overview with an eyebrow over a hairline rule, a two-column heading, and a bordered dashboard panel that composes a journeys stat, a retention ring, and a slim live-status strip, closing with a big-number outcomes row.","name":"health17","title":"Care Overview Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three hairline programme cards, each pairing a light programme name with a muted duration line, a short explanation, a checked list of what is included, and a link into the full programme.","name":"health18","title":"Care Programme Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A gentle signs-to-notice section: a serif heading that settles in word by word, an intro, numbered ruled signs with serif titles that blur in as they arrive, a pill action and a safety notice, beside a sticky photograph drifting inside its frame.","name":"health19","registryDependencies":["button"],"title":"When To Reach Out","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A split section for a clinic or care app. One side carries the heading, three ruled benefit lines and two buttons. The other is a muted stage where an appointment card, a video visit card and a prescription card step sideways and tuck under each other, stacking in a single column","name":"health20","registryDependencies":["button"],"title":"Clinic Visit Split With Card Cluster","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","class-variance-authority","@radix-ui/react-slot"],"description":"Centered hero with optional badge, heading, description, dual action buttons, and a featured image below. Perfect for product launches and landing pages.","name":"hero7","registryDependencies":["button","badge"],"title":"Centered Hero with Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Full-screen animated carousel with multiple transition effects, next slide preview, and progress bar. Perfect for immersive storytelling and portfolio showcases.","name":"hero19","registryDependencies":["badge","button"],"title":"Cinematic Fullscreen Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Two-column carousel with animated content transitions, thumbnail strip navigation, and vertical progress indicator. Perfect for product showcases and feature highlights.","name":"hero20","registryDependencies":["badge","button"],"title":"Split Carousel with Thumbnails","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Full-screen carousel with vertical slide transitions, decorative grid lines, and customizable accent colors. Perfect for creative agencies and modern brand showcases.","name":"hero21","registryDependencies":["badge","button"],"title":"Fullscreen Vertical Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Split-layout hero with avatar stack social proof, floating heart rate card, and progress indicator overlay on image. Perfect for health, fitness, and wellness apps.","name":"hero24","registryDependencies":["badge","button"],"title":"Wellness Hero with Stats Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","recharts"],"description":"Split-layout hero with interactive dashboard mockup featuring stats cards, line chart, and recent activity feed. Perfect for SaaS and analytics platforms.","name":"hero25","registryDependencies":["badge","button","card","chart"],"title":"Dashboard Preview Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column hero with playable video (or image), play button overlay, and key stats row. Perfect for product demos and feature announcements.","name":"hero35","registryDependencies":["badge","button"],"title":"Split Hero with Video Player","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with gradient-highlighted heading text and trusted-by logo cloud below CTA buttons. Perfect for B2B SaaS and enterprise products.","name":"hero36","registryDependencies":["badge","button"],"title":"Centered Hero with Logo Cloud","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with four floating stat cards positioned around the content displaying key metrics. Perfect for analytics platforms and data-driven products.","name":"hero37","registryDependencies":["badge","button"],"title":"Analytics Hero with Floating Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column hero with prominent testimonial quote card featuring author avatar and company info. Perfect for building trust and social proof.","name":"hero38","registryDependencies":["badge","button"],"title":"Split Hero with Testimonial Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout hero with interactive email client mockup featuring sidebar, message list, and floating notification. Perfect for email and communication apps.","name":"hero43","registryDependencies":["badge","button","card"],"title":"Email App Hero with Inbox Mockup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with avatar stack, partial star ratings display, and review count above the featured image. Perfect for products with strong user reviews.","name":"hero45","registryDependencies":["badge","button"],"title":"Centered Hero with Ratings Social Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with prominent search input field and popular search suggestion pills below. Perfect for documentation sites, knowledge bases, and support centers.","name":"hero46","registryDependencies":["badge","button","input"],"title":"Search Hero with Popular Tags","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with four-column metrics panel showing values and trend indicators below the CTA buttons. Perfect for analytics dashboards and business tools.","name":"hero48","registryDependencies":["badge","button"],"title":"Metrics Dashboard Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clean centered hero with clickable announcement banner pill above the heading with sparkle icon. Perfect for product launches and feature announcements.","name":"hero50","registryDependencies":["badge","button"],"title":"Centered Hero with Announcement Pill","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column hero with interactive image card that tilts in 3D on mouse movement with shine effect. Perfect for showcasing premium or interactive products.","name":"hero51","registryDependencies":["badge","button"],"title":"Split Hero with 3D Tilt Effect","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout hero with realistic iPhone mockup, notch detail, and App Store/Play Store download buttons. Perfect for mobile app landing pages.","name":"hero53","registryDependencies":["badge","button"],"title":"Mobile App Hero with Phone Mockup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertically centered hero with animated scroll-down indicator featuring bouncing dot and arrow. Perfect for single-page sites and immersive landing pages.","name":"hero57","registryDependencies":["badge","button"],"title":"Full-height Hero with Scroll Indicator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with security and compliance trust indicators (SOC 2, Uptime, CDN, Encryption) displayed as icon badges. Perfect for enterprise B2B products.","name":"hero59","registryDependencies":["badge","button"],"title":"Enterprise Hero with Trust Badges","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column hero with announcement banner, social proof metrics, and three floating feature cards with hover animations. Perfect for SaaS product launches.","name":"hero61","registryDependencies":["badge","button"],"title":"Split Hero with Floating Feature Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with checklist of recent updates showing new badges and completion icons. Perfect for changelog pages and product update announcements.","name":"hero63","registryDependencies":["badge","button"],"title":"Changelog Hero with Updates List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column hero with embedded YouTube video player in responsive aspect ratio container. Perfect for product demos and explainer video landing pages.","name":"hero65","registryDependencies":["badge","button"],"title":"Split Hero with YouTube Video","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with three feature highlights displayed as icon cards with descriptions below the CTA. Perfect for platform and infrastructure products.","name":"hero68","registryDependencies":["badge","button"],"title":"Centered Hero with Feature Icons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal centered hero with inline email input field and submit button for newsletter or waitlist signups. Perfect for coming-soon pages and early access campaigns.","name":"hero69","registryDependencies":["badge","button","input"],"title":"Email Signup Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with prominent price display, period label, and horizontal feature checklist. Perfect for freemium products and pricing-focused landing pages.","name":"hero71","registryDependencies":["badge","button"],"title":"Pricing Preview Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with perspective browser mockup, floating notification cards at corners, and star rating badge. Perfect for SaaS products and web apps.","name":"hero72","registryDependencies":["badge","button"],"title":"Browser Screenshot Hero with Notifications","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout hero with full chat interface mockup featuring channels sidebar, message threads, online users, and floating notification. Perfect for collaboration and messaging apps.","name":"hero75","registryDependencies":["badge","button","card"],"title":"Team Chat App Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout hero with interactive kanban board mockup showing tasks with priorities, tags, assignees, and floating completion stats. Perfect for project management tools.","name":"hero76","registryDependencies":["badge","button","card"],"title":"Kanban Board Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout hero with weekly calendar mockup showing events, attendees, and floating reminder notification. Perfect for scheduling and calendar apps.","name":"hero77","registryDependencies":["badge","button","card"],"title":"Calendar Schedule Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with avatar stack and founder count text between buttons and featured image. Perfect for startup products and B2B SaaS.","name":"hero78","registryDependencies":["badge","button"],"title":"Centered Hero with Founder Social Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column hero with avatar stack social proof positioned above action buttons alongside featured image. Perfect for startup and team-focused products.","name":"hero79","registryDependencies":["badge","button"],"title":"Split Hero with Avatar Social Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero with inset background media and overlapping product image","name":"hero80","registryDependencies":["badge","button"],"title":"Cinematic Hero with Overlapping Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic fullscreen hero with inset background media and glassmorphism quick-access cards","name":"hero81","registryDependencies":["badge","button"],"title":"Fullscreen Hero with Quick-Access Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Left-aligned fullscreen hero with inset background media and directional gradient overlay","name":"hero82","registryDependencies":["badge","button"],"title":"Left-Aligned Hero with Gradient Overlay","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bottom-aligned fullscreen hero with inset background media and right-side quick link cards","name":"hero83","registryDependencies":["badge","button"],"title":"Bottom-Aligned Hero with Quick Links","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"50/50 split hero with content left and edge-to-edge video/image right with checklist items","name":"hero84","registryDependencies":["badge","button"],"title":"Split Hero with Edge-to-Edge Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic fullscreen hero with inset background video and floating glassmorphism testimonial cards","name":"hero85","registryDependencies":["badge","button","avatar"],"title":"Fullscreen Hero with Floating Testimonials","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic fullscreen hero with inset background video and trusted-by logo strip","name":"hero86","registryDependencies":["badge","button"],"title":"Fullscreen Hero with Logo Cloud","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen hero with centered glassmorphism card floating over inset background video","name":"hero87","registryDependencies":["badge","button"],"title":"Floating Glassmorphism Card Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen hero with email capture input over inset background video","name":"hero88","registryDependencies":["badge","button"],"title":"Lead Capture Hero with Email Input","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"50/50 split hero with video/image left and content with testimonial quote right","name":"hero89","registryDependencies":["badge","button","avatar"],"title":"Reverse Split Hero with Testimonial","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical split hero with video/image on top and content section below","name":"hero90","registryDependencies":["button"],"title":"Stacked Hero with Media Top","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"50/50 split hero with muted content panel and feature list left, video/image right","name":"hero91","registryDependencies":["badge","button"],"title":"Split Hero with Feature List Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"50/50 split hero with content left and bento feature grid overlay on video right","name":"hero92","registryDependencies":["badge","button"],"title":"Split Hero with Bento Feature Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"40/60 asymmetric split hero with narrow content panel and vertical quick links over video","name":"hero93","registryDependencies":["badge","button"],"title":"Asymmetric Split Hero with Quick Links","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Reverse split hero with compact 3x2 pill grid over video left, content right","name":"hero94","registryDependencies":["badge","button"],"title":"Reverse Split Hero with Pill Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen hero with centered heading and 4-column bento feature grid over inset background video","name":"hero95","registryDependencies":["badge","button"],"title":"Fullscreen Hero with Bento Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"50/50 split hero with content left and metric dashboard cards with trend badges over video right","name":"hero96","registryDependencies":["badge","button"],"title":"Split Hero with Metric Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen bottom-aligned hero with vertical stack cards and inset background video with gradient overlay","name":"hero97","registryDependencies":["badge","button"],"title":"Bottom-Aligned Hero with Stack Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic hero with announcement pill, avatar social proof, and overlapping dashboard media","name":"hero98","registryDependencies":["badge","button","avatar"],"title":"Cinematic Hero with Social Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic fullscreen hero with scrolling marquee keyword band over inset background video","name":"hero99","registryDependencies":["badge","button"],"title":"Fullscreen Hero with Marquee Ticker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen hero with centered content and browser window frame mockup over inset background video","name":"hero100","registryDependencies":["badge","button"],"title":"Fullscreen Hero with Browser Mockup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen split hero with content left and realistic terminal/CLI card right over inset background video","name":"hero101","registryDependencies":["badge","button"],"title":"Split Hero with Terminal Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"50/50 split hero with content left and vertical numbered timeline overlay on video right","name":"hero102","registryDependencies":["badge","button"],"title":"Split Hero with Timeline Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen hero with app store buttons and phone mockup over inset background video","name":"hero103","registryDependencies":["badge","button"],"title":"Mobile App Hero with Phone Mockup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split hero with heading, trust line, and CTA buttons on the left, IDE file-tree and code editor mockup on the right","name":"hero104","registryDependencies":["button"],"title":"IDE Mockup Split Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen hero with two overlapping angled phone mockups and app store buttons over inset background video","name":"hero105","registryDependencies":["badge"],"title":"Mobile Hero with Dual Phone Mockups","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen hero with centered phone mockup flanked by feature columns on each side over inset background video","name":"hero106","registryDependencies":["badge"],"title":"Mobile Hero with Flanking Features","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen split hero with content left and 3D perspective-tilted phone mockup right over inset background video","name":"hero107","registryDependencies":["badge"],"title":"Mobile Hero with 3D Perspective Phone","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fullscreen hero with phone mockup, star rating review card, and app store buttons over inset background video","name":"hero108","registryDependencies":["badge","avatar"],"title":"Mobile Hero with Review Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Contained 16:9 hero carousel with badge, title, description, and CTA over an image background. Auto-rotates with centered, clickable dots at the bottom — same carousel engine as hero19 but not full-height.","name":"hero109","registryDependencies":["badge","button"],"title":"Bounded Carousel Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Contained 16:9 hero carousel with badge, title, description, and CTA. Vertically centered content that anchors to the left, center, or right via the contentAlign prop. Auto-rotates with centered, clickable dots.","name":"hero110","registryDependencies":["badge","button"],"title":"Bounded Carousel Hero — Aligned","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column hero with heading, description, icon-only feature list, and CTA on one side and a square image on the other. Image position is configurable.","name":"hero111","registryDependencies":["button"],"title":"Hero with Feature List and Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column studio hero with a two-tone headline, dual CTAs, tall image and a client wordmark strip.","name":"hero112","registryDependencies":["button"],"title":"Editorial Split Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered big-type studio hero with start and watch-the-film actions over a cinematic banner.","name":"hero113","registryDependencies":["button"],"title":"Statement Reel Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split studio hero with a two-tone headline and a four-image arranged collage.","name":"hero114","registryDependencies":["button"],"title":"Collage Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed background-image hero with a legibility scrim and bottom-aligned eyebrow, headline, copy and CTAs.","name":"hero115","registryDependencies":["button"],"title":"Cinematic Image Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial hero with twin vertical image marquees scrolling in opposite directions beside the headline.","name":"hero116","registryDependencies":["button"],"title":"Studio Reel Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial studio hero with a vertical parenthetical side label, monospace corner links, an oversized centered wordmark with tagline, and a full-bleed strip of rounded portrait tiles below.","name":"hero117","title":"Giant Wordmark Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column hero: parenthetical eyebrow, oversized heading, supporting copy, a dark CTA and an avatar trust row on the left; a tall image on the right with a floating star-rated testimonial card overlapping its corner.","name":"hero118","title":"Split Hero With Floating Review","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed image hero with an oversized three-word display heading, a row of monospace meta labels, a bold sub-headline, and a featured card with thumbnail, category, paginated index, and title.","name":"hero119","title":"Full-Bleed Display Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered editorial hero with eyebrow, large heading, description, dual dark and outline CTAs, and a wide 16:9 image with a mono caption below.","name":"hero120","title":"Editorial Image Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split hero with a big headline and CTA on the left, a divided vertical stat rail on the right, and a full-width wide image strip below.","name":"hero121","title":"Split Hero with Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered typographic hero on a muted card with an oversized heading, inline CTA, and a bottom monospace meta row of three labels.","name":"hero122","title":"Typographic Card Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Trust hero with a heading, description and CTA beside a tall portrait image, over a grayscale logo marquee.","name":"hero123","title":"Trust Hero with Logos","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Studio-profile hero: an eyebrow, oversized heading, supporting copy and a CTA on the left, beside a muted stage showcasing a slider-control piece on the right.","name":"hero124","title":"Profile Hero With Chart","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered eyebrow, oversized heading and CTA above a responsive 3-up portrait gallery with monospace captions.","name":"hero125","title":"Hero with Portrait Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered waitlist hero with eyebrow, big heading, description, an inline email-capture form and an overlapping avatar trust row.","name":"hero126","title":"Waitlist Email Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed background-driven slideshow hero. The active item's image fills the section and crossfades on selection, with a giant fixed heading and a floating card whose thumbnail, category, numbered pagination, name, and location swap to match the active slide. Auto-loops.","name":"hero127","title":"Slideshow Hero with Background Crossfade","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed monochrome hero whose background crossfades to the active project. A giant heading sits bottom-left while a numbered vertical project index on the right highlights and swaps the active row on hover, click, or auto-loop.","name":"hero128","title":"Vertical Index List Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed monochrome hero with a giant bottom-left heading and a row of equal-width chapter tabs. The active chapter's thin track fills left to right over the interval, then auto-advances and crossfades the background image. Each tab links to its href.","name":"hero129","title":"Chapter Progress Tabs Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed hero with a static background image, a giant display heading, and a slim bordered bar that auto-rotates through short, clickable announcement messages with position dots.","name":"hero130","title":"Monochrome Hero with Rotating Announcement Ticker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed hero whose background crossfades between frames, with a clickable filmstrip of thumbnails pinned along the bottom and an auto-advancing active tile.","name":"hero131","title":"Filmstrip Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed hero filled with side-by-side image panels that expand on hover and auto-cycle, each revealing a name and caption while a giant heading floats above.","name":"hero132","title":"Expanding Panels Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed monochrome hero with a giant headline whose final word auto-cycles through a list, plus clickable chips to pick a word and pause the rotation.","name":"hero133","title":"Kinetic Rotating-Word Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed hero whose background crossfades across items, steered by a minimal vertical pager pinned to the right edge. The active control grows taller while the rest stay short and dimmed; a giant heading and the clickable active item name sit bottom-left.","name":"hero134","title":"Vertical Dot Pager Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-pane masthead hero: a solid dark editorial panel with eyebrow, value-prop heading, supporting copy, a CTA and an availability note on one side, and a full-bleed image on the other.","name":"hero135","title":"Editorial Split Masthead","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed hero whose background crossfades to the active item, with an auto-scrolling marquee of clickable thumbnails along the bottom and a giant heading above the strip.","name":"hero136","title":"Thumbnail Marquee Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed monochrome hero that crossfades across a set of slides, navigated by explicit previous/next arrows and clickable dots with an auto-loop, plus a caption linking the active slide.","name":"hero137","title":"Slideshow Hero with Click Controls","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Static full-bleed editorial hero with an eyebrow badge, a giant display heading, a supporting paragraph, dual seal CTAs, and an overlapping avatar trust row.","name":"hero138","title":"Editorial Trust Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed monochrome hero with a giant display heading over a static image, paired with a card that auto-cycles through testimonials and click-to-select dots.","name":"hero139","title":"Rotating Quote Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed monochrome hero with a giant heading and a row of clickable tab chips that fade between text panels (title, description, stat), auto-advancing on a timer with no background swap.","name":"hero140","title":"Animated Tab Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed monochrome hero with a giant display heading, short description, and a continuous bottom marquee of capability chips that pauses on hover.","name":"hero141","title":"Capability Marquee Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A simple centered hero for the Auralis set: a parenthetical eyebrow badge above a balanced heading, a short description, and a pair of animated seal buttons.","name":"hero142","title":"Centered Studio Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A light editorial hero with an oversized display heading on the left, an offset supporting paragraph and accent button on the right, and a full-bleed image band below.","name":"hero143","registryDependencies":["button"],"title":"Editorial Split Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered hero with an eyebrow pill, a large light heading, a supporting paragraph, two accent buttons, and a wide image tile below that floats a live product micro-asset.","name":"hero144","registryDependencies":["button"],"title":"Centered Product Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An editorial hero with an eyebrow and an oversized full-width light heading, then a lower row pairing a paragraph and two accent buttons with an image tile that floats a live app window frame.","name":"hero145","registryDependencies":["button"],"title":"Editorial Product Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full-bleed photographic hero with a gradient scrim, an eyebrow over an oversized light heading, paired accent and hairline actions, and a three-figure proof row along the bottom rule.","name":"hero146","registryDependencies":["button"],"title":"Full Bleed Image Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial hero pairing an oversized statement, a paragraph and a pill CTA with a ruled index of disciplines, closed by a wide cinematic image band carrying a caption and a location credit on its own rule.","name":"hero147","title":"Discipline Ledger Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Photo-free hero that runs a display statement across the full width, drops the paragraph and pill CTAs onto one baseline beneath it, and closes with a ruled four-column row of studio facts.","name":"hero148","title":"Wide Statement Fact Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed photographic hero with a tinted scrim, the statement and paragraph pinned to the lower half, an outline pill CTA on the same baseline and a ruled three-column fact rail closing the fold.","name":"hero149","title":"Full Bleed Fact Rail Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split hero pairing a statement, paragraph and two pill CTAs with a pair of captioned portrait images, the second dropped by a stagger on desktop so the column reads as an editorial spread.","name":"hero150","title":"Offset Image Pair Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed photographic hero with a centered statement, paragraph and outline pill CTA over a tinted scrim, closed by a ruled client logo strip rendered inverted so the marks read on the dark image.","name":"hero151","title":"Centered Photo Trust Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed hero whose background photographs cross-fade on a timer, with a caption and bar indicators on a ruled line at the foot that also let a reader jump straight to a frame.","name":"hero153","title":"Auto Cycling Photo Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Poster-style hero where a wide cinematic image carries a soft proof card overlapping its lower corner on desktop, naming a project, what was delivered and one measured outcome.","name":"hero154","title":"Poster Hero With Proof Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed photographic hero printed inside an inset hairline frame, with the eyebrow and availability line on the top rule, an oversized statement in the middle, and notes, a pill CTA and an image credit anchored along the bottom.","name":"hero155","title":"Framed Poster Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Edge-to-edge split hero: a dark half carries the statement, paragraph, outline pill CTA and a ruled detail row, while the other half is a full-height photograph with a pill caption in its corner.","name":"hero156","title":"Split Screen Panel Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero that splits the viewport in two: an eyebrow, light display heading, two actions, and a hairline proof row on one side, and a full-height photo column floating a live trend metric on the other.","name":"hero157","registryDependencies":["button"],"title":"Full-Bleed Canvas Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero that opens on an oversized light heading, then drops a hairline into a narrow copy column with one action and a wide image tile floating a live horizontal step tracker.","name":"hero158","registryDependencies":["button"],"title":"Migration Hero With Step Tracker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered hero with an eyebrow, light display heading, and two actions above a staggered three-photo collage whose raised middle tile floats a live booking confirmation.","name":"hero159","registryDependencies":["button"],"title":"Photo Collage Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero built as one dark panel: a light display heading, two actions, and a hairline table of service commitments beside a bordered image column that floats a live uptime strip.","name":"hero160","registryDependencies":["button"],"title":"Inverted Reliability Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero that pairs a light display heading with an offset paragraph and action, then drops a wide image band under them and overlaps its lower edge with a live savings card.","name":"hero161","registryDependencies":["button"],"title":"Overlapping Savings Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero that sets a light display heading and one action against a column of numbered hairline rows, then closes on a full-bleed image band with a live approval request pinned into its corner.","name":"hero162","registryDependencies":["button"],"title":"Indexed Rows Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero framed inside a bordered card on a soft section, with centered copy and two actions above an image tile that runs past the card's bottom edge so the live metrics panel is cropped like a real screenshot.","name":"hero163","registryDependencies":["button"],"title":"Framed Peek Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero that opens on a full-bleed image band with a live phone frame anchored into it, then sets the eyebrow, light display heading, paragraph, and actions underneath rather than above.","name":"hero164","registryDependencies":["button"],"title":"Media-First Reverse Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered hero closing on an edge-to-edge filmstrip of five frames divided by hairlines, one of which floats a live view switcher instead of a photograph.","name":"hero165","registryDependencies":["button"],"title":"Filmstrip Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An editorial hero that breaks its display heading across two lines and slots a square image tile floating a live payment card into the gap, with the paragraph and action landing under a hairline.","name":"hero166","registryDependencies":["button"],"title":"Split Headline Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero that gives the display heading over to a customer sentence, credits the speaker beneath it, and evidences the quote with a hairline provenance table before the product line, actions, and a tile floating the figure behind the claim.","name":"hero167","registryDependencies":["button"],"title":"Quote-Led Provenance Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero pairing a light display heading with an offset paragraph and action, then a wide image tile floating a live search results panel over four hairline columns explaining what the search covers.","name":"hero168","registryDependencies":["button"],"title":"Search Reach Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered newsletter hero that puts one reader quote in a bordered card between the headline and the email row, and swaps the row for a confirmation line once it is submitted.","name":"hero169","registryDependencies":["input","button"],"title":"Centered Newsletter Hero With Reader Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered newsletter hero led by the subscriber count, with a speech bubble naming what arrives on joining, a row of publication marks under it, and an email row that turns into a confirmation.","name":"hero170","registryDependencies":["input","button"],"title":"Subscriber Count Hero With Offer Bubble","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered hero whose main action is a search field rather than a button, with the week's most looked-up terms as chips beneath it and the size of the archive stated at the bottom.","name":"hero171","registryDependencies":["input","button"],"title":"Search-First Archive Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A tall photographic band with the newest piece set over a rising gradient, its dateline, display title, summary and seal button anchored to the bottom, above a hairline row of the issues before it.","name":"hero172","registryDependencies":["button"],"title":"Cover Band Hero For The Latest Issue","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero that sets its position and paragraph against a seal button held at the right edge of the same row, then runs a captioned wide photograph beneath it and closes on one portrait card per writer.","name":"hero173","registryDependencies":["button"],"title":"Bylined Hero With Studio Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-height photographic hero: the image drifts at a slower pace than the page behind a film-grain overlay, and a serif headline settles in word by word ahead of the intro, a soft pill button and an avatar trust line.","name":"hero174","registryDependencies":["button"],"title":"Atmospheric Parallax Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A light split hero: eyebrow, a serif headline settling in word by word, intro, a sliding-marker pill and a text link on the left, and a portrait photograph drifting inside its frame on the right with a frosted avatar proof card overlapping its corner, under a slowly drifting soft","name":"hero175","registryDependencies":["button"],"title":"Split Portrait Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A centred hero: eyebrow, a serif headline settling in word by word, intro and two sliding-marker pills, then a wide photograph that unveils itself from a smaller inset frame and keeps drifting as the page scrolls, closed by a row of dotted facts.","name":"hero176","registryDependencies":["button"],"title":"Unveiling Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A hero with a serif headline settling in word by word, an intro and a sliding-marker pill on the left, and two offset portrait photographs on the right that drift at different speeds as the page scrolls, one sitting a step lower than the other.","name":"hero177","registryDependencies":["button"],"title":"Two Tempos Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A dark ink hero with drifting soft light and film grain: eyebrow, a serif headline settling in word by word, intro, a light sliding-marker pill and a ruled fact sheet on the left, beside a portrait photograph drifting inside its rounded frame.","name":"hero178","registryDependencies":["button"],"title":"Evening Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A hero whose serif headline always breaks over two lines, the second one a word that takes turns, each blurring in as the last blurs out over a line kept at a fixed height, beside an intro and a sliding-marker pill, above three photographs that drift at their own pace as the page","name":"hero179","registryDependencies":["button"],"title":"Turning Word Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"The plainest hero in the language: a centred eyebrow, a serif headline that settles in word by word, an intro, two sliding-marker pills and an avatar trust line, with no image at all.","name":"hero180","registryDependencies":["button"],"title":"Centred Serif Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A split hero: eyebrow, a serif headline that settles in word by word, an intro, three ringed check benefits and a sliding-marker pill on the left, and a portrait photograph drifting inside its frame on the right.","name":"hero181","registryDependencies":["button"],"title":"Benefits Split Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A full-height photographic hero with everything centred: the photograph zooms out on load and drifts slower than the page under a dark scrim and film grain, beneath an eyebrow, a serif headline that settles in word by word, an intro and two sliding-marker pills.","name":"hero182","registryDependencies":["button"],"title":"Centred Photo Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A lead hero: eyebrow, a serif headline that settles in word by word, an intro and dotted facts on the left, and a soft muted request form on the right with name, email and phone fields, a full-width sliding-marker pill and a privacy note.","name":"hero183","registryDependencies":["input","label","button"],"title":"Call Request Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A text hero with an eyebrow and a serif headline that settles in word by word on the left, the intro and two sliding-marker pills on the right, and a ruled row of three serif figures that count up beneath, with no image.","name":"hero184","registryDependencies":["button"],"title":"Figures Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A centred hero with an eyebrow, a serif headline that settles in word by word, an intro and a sliding-marker pill, closed by a ruled row where greyscale partner logos drift right to left behind soft edge fades, next to a small-caps label.","name":"hero185","registryDependencies":["button"],"title":"Logos Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A full-height hero split down the middle: eyebrow, a serif headline that settles in word by word, an intro, two sliding-marker pills on the left, and a photograph filling the right half edge to edge that zooms out on load and drifts slower than the page.","name":"hero186","registryDependencies":["button"],"title":"Half Photo Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centred photographic hero built around a search field: the photograph blurs in and drifts slower than the page under a dark scrim and film grain, a serif headline settles in word by word, then a rounded search field with a keyboard shortcut hint, a row of quick links and option","name":"hero187","registryDependencies":["input","button"],"title":"Search Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"The most minimal install hero: a serif headline that settles in word by word, then one rounded command pill that copies the install command on click and confirms with a tick, and a quiet note with a docs link. No image, no buttons.","name":"hero188","title":"Single Command Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-height photographic install hero: the photo blurs in and drifts slower than the page under a scrim and film grain, a serif headline settles in word by word, then a frosted command pill that copies the install command on click, two sliding-marker pills and a short column of","name":"hero189","registryDependencies":["button"],"title":"Command on Photo Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A split install hero: on the left an eyebrow, a serif headline that settles in word by word, an intro and two sliding-marker pills; on the right an ink terminal card that drifts on scroll, prints the install command and its output line by line, ends on a blinking cursor and copie","name":"hero190","registryDependencies":["button"],"title":"Terminal Split Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centred install hero that explains itself in two numbered steps under a ruled line: run the command, copied from a rounded pill on click, then ask for a page, shown as an example prompt in a muted mono panel. Serif headline settles in word by word, one sliding-marker pill below","name":"hero191","registryDependencies":["button"],"title":"Two Steps Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-height split install hero: text on the left with an eyebrow, a serif headline that settles in word by word, an intro, a rounded command pill that copies the install command on click and two sliding-marker pills; on the right an edge-to-edge photograph that blurs in and dri","name":"hero192","registryDependencies":["button"],"title":"Half Photo Command Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A dark install hero with film grain and no photograph, where the install command itself is the centrepiece: set large in monospace with a hairline underline, it copies on click and confirms with a tick. A short serif headline above, an intro, two sliding-marker pills and a ruled ","name":"hero193","registryDependencies":["button"],"title":"Ink Command Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centred install hero whose serif headline ends in a word that keeps changing (a pricing page, a hero, a footer), so the promise reads as a list of things the agent can be asked for. Below it an ink command pill that copies the install command on click sits beside a sliding-mark","name":"hero194","registryDependencies":["button"],"title":"Turning Request Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centred install hero with a serif headline that settles in word by word, an intro, a rounded command pill that copies the install command on click beside a sliding-marker pill, and under it three portrait page previews that blur in as they load and rise at different speeds on s","name":"hero195","registryDependencies":["button"],"title":"Three Screens Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-bleed hero over the liquid-chrome background component: a live WebGL surface of liquid chrome with thin-film iridescence that swells toward the cursor, an oversized black-weight headline blended by difference, and a ruled footer row with an intro and two Arrow Pill buttons","name":"hero196","registryDependencies":["button"],"title":"Liquid Chrome Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An architectural hero with a light oversized headline beside an intro, an Arrow Pill and an underline link, over a wide panel built on the water-reflection background component: a night sky over snowy peaks mirrored in a still lake, with a rolling swell drawn in perspective, glin","name":"hero197","registryDependencies":["button"],"title":"Lake Reflection Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A calm paper-toned hero built on the ink-flow background component: a generative Canvas 2D flow field draws ink strokes that slowly fade and redraw, gathering into heavier brush lines around the cursor. An eyebrow, a large serif headline, an intro and an underline arrow link sit ","name":"hero198","title":"Ink Flow Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A Swiss poster hero on a faint twelve-column grid: a heavy rule with an eyebrow, a giant text20 headline whose letters drop in one by one and spring away from the cursor with a slight stretch, an intro beside a Turn Arrow block button, and a marquee1 band of words that speeds up ","name":"hero199","registryDependencies":["button"],"title":"Kinetic Type Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A quiet product hero beside a square panel built on the dither-form background component: a live WebGL raymarch of a 3D torus with orbiting blobs, printed with 1-bit ordered dithering at a chunky pixel size and tilting toward the cursor. An eyebrow, a headline, an intro and two A","name":"hero200","registryDependencies":["button"],"title":"Dithered Render Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A split hero with a large sans headline, an intro, an Arrow Pill and an underline link beside the op-art background component, a live WebGL field in the spirit of Bridget Riley: dense parallel lines ripple in slow waves and swell from thin to heavy across the canvas, bulging arou","name":"hero201","registryDependencies":["button"],"title":"Op Art Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An editorial print-shop hero with a big condensed headline, a short intro and two square Turn Arrow buttons beside a portrait plate built on the halftone background component: WebGL prints the photo live as a rotated halftone screen, with dot size taken from the photo's luminance","name":"hero202","registryDependencies":["button"],"title":"Live Halftone Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A type foundry hero built on the text21 particle type component: the headline is drawn as thousands of particles sampled from its own font and layout, springing into the letters, scattering and swirling away from the cursor, lighting up in the primary color while moving and shimm","name":"hero203","registryDependencies":["button"],"title":"Particle Type Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An expedition hero over the contour-terrain background component: a hill-shaded survey map laid slightly back into the distance, with crisp drifting contour lines, heavier index contours, accent-touched summits and lines that swell softly around the cursor. The headline, an intro","name":"hero204","registryDependencies":["button"],"title":"Contour Terrain Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A bright full-bleed hero over the pool-caustics background component: pale hand-laid tiles and a navy lane mark refracted by the water, with sun-dappled caustic light drifting across them and ripples spreading wherever the cursor or a tap touches the surface. A light serif headli","name":"hero205","registryDependencies":["button"],"title":"Pool Caustics Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll hero that starts as blank paper with an eyebrow and a large serif headline. As the page scrolls, a landscape photo blooms across the paper like watercolor from three points in a live WebGL shader, with darker pigment rims and a pale wash ahead of each edge, until ","name":"hero206","title":"Watercolor Scroll Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A scroll-driven hero where twelve photographs hang along the walls of a CSS 3D corridor and the camera flies through them as you scroll, with a gentle pointer look-around and a quiet scroll cue (a small line with a traveling mark) that fades as soon as the walk begins, before a s","name":"hero207","registryDependencies":["button"],"title":"Depth Corridor Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A nordic lodge hero over the aurora-sky background component: folding northern-lights curtains with vertical rays drift above a twinkling starfield and two mountain ridges, leaning with the cursor like wind. A semibold headline sits over the ridges, with a ruled row below pairing","name":"hero208","registryDependencies":["button"],"title":"Northern Lights Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A developer tool hero over the ascii-render component: a rotating lattice form and drifting noise are raymarched into a low-res cell buffer, then printed with a monospace glyph ramp in the theme's foreground with primary highlights, and cells light up around the cursor. A headlin","name":"hero209","registryDependencies":["button"],"title":"ASCII Render Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centered gallery-print hero built on the harmonograph component: on a round plate, a single fine ink line is drawn live by two damped pendulums over a slowly turning table, and each finished rosette rests briefly, fades away completely and only then gives way to the next. The p","name":"hero210","registryDependencies":["button"],"title":"Harmonograph Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A minimal hero over the magnetic-field background component: a Canvas 2D field of iron filings that turn along the curved lines between two drifting magnetic poles. The cursor takes over one pole, spring physics pull the filings toward it, and every click sends a radial shockwave","name":"hero211","registryDependencies":["button"],"title":"Magnetic Field Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A festival hero for graphic design in public space whose headline is a trivision board built on the text22 component: the statement is cut into vertical triangular slats that turn one after another in a wave, flipping from a paper face to an ink face to an accent face, each carry","name":"hero212","registryDependencies":["button"],"title":"Trivision Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A warm, muted split hero with an eyebrow, a soft serif headline, a short intro, an Arrow Pill and an underline link beside a photo clipped by the blob-mask component: an organic SVG blob that breathes continuously, trailed by an offset outline blob, and swells gently toward the c","name":"hero213","registryDependencies":["button"],"title":"Morphing Blob Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A fashion lookbook hero built on the liquid-slides component: photos swap through a noise-displaced liquid wipe with a wet rim and a slight color split, over a thin story-style timeline where shown looks stay full, the current one fills with time and the rest wait empty. Arrows, ","name":"hero214","registryDependencies":["button"],"title":"Liquid Lookbook Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A dark aerospace hero over the warp-field background component: a Canvas 2D starfield streaming from a vanishing point that leans toward the cursor. Hovering or focusing the primary Arrow Pill raises the warp prop, easing the stars into long hyperspace streaks with a soft tunnel ","name":"hero215","registryDependencies":["button"],"title":"Warp Drive Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A materials lab hero over the reaction-diffusion background component: a live Gray-Scott simulation in WebGL grows coral and fingerprint patterns across the page in the theme's paper, ink and primary colors, steering around the headline, intro and buttons while a slow drifting er","name":"hero216","registryDependencies":["button"],"title":"Reaction Diffusion Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A contemporary art foundation hero over the ink-fluid background component: a real-time stable fluids simulation where indigo, vermilion and graphite pigments swirl through water on a ground taken from the foreground token, glowing like light on a dark ground and mixing like ink ","name":"hero217","registryDependencies":["button"],"title":"Ink Fluid Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A late-night broadcast hero built on the crt-screen component: a tube television whose picture is a live WebGL CRT shader with barrel distortion, scanlines, an aperture grille, a rolling hum bar and static, plus a channel-switch glitch every few seconds, or on click, that tunes f","name":"hero218","registryDependencies":["button"],"title":"CRT Broadcast Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A night-train hero built around the split-flap component: a dark departure board of CSS 3D flaps that flick through random glyphs, rippling across the columns before settling on each phrase in capitals, cycling through a list of headlines. Below the board sit the headline, a shor","name":"hero219","registryDependencies":["button"],"title":"Split-Flap Board Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A children's book publisher hero over the paper-landscape background component: six layered paper-cut hills with clumps of cypress, pine and round paper trees, soft mist, a low sun that sets on scroll, drifting clouds and a small flock of birds, spreading in depth with pointer an","name":"hero220","registryDependencies":["button"],"title":"Paper Cut Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A warm interiors hero over the sun-blinds background component: afternoon sunlight through venetian blinds on a plaster wall, slat shadows swaying in a slow breeze, a potted plant's leaf shadow and dust drifting in the beam, with the sun shifting slightly toward the cursor. A ser","name":"hero221","registryDependencies":["button"],"title":"Afternoon Blinds Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll hero for a bindery built on the concertina-book component: under a serif headline, an intro, an Arrow Pill and an underline link sits a folded book whose pages carry one wide photo printed across the whole strip. Scrolling down turns into sideways travel, and each","name":"hero222","registryDependencies":["button"],"title":"Concertina Book Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A luxury perfume hero built on the text-orbit component: a circular product photo encircled by three rings of serif text on SVG paths, each turning at its own speed and direction, one tilted into a Saturn-like orbit that passes behind and in front of the bottle. The object leans ","name":"hero223","registryDependencies":["button"],"title":"Fragrance Orbit Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A nightlife hero for a record label built on the pixel-distort background component: a full-bleed concert photo of raised hands against blue stage light sits on an invisible grid, and sweeping the cursor drags the cells along like wet paint, breaking them into coarser pixels with","name":"hero224","registryDependencies":["button"],"title":"Pixel Sort Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A record label hero beside a square cover panel built on the ridgelines background component: dozens of stacked lines lifted by animated noise in a central band, each filled to hide the ridges behind it, rising from flat on load, with nearby lines lifting under the cursor. The pa","name":"hero225","registryDependencies":["button"],"title":"Pulsar Ridgelines Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A dusk hero for an estuary nature reserve over the murmuration background component: thousands of starlings fly as one dark cloud that folds, stretches, splits and rejoins across a slow dusk sky, and the cursor acts as a hawk that scatters them in a wave before the flock closes a","name":"hero226","registryDependencies":["button"],"title":"Murmuration Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A weaving school hero built on the string-art component: a round board ringed with nails where one thread is woven pin to pin in real time until a portrait appears, the pass being pulled lit in the accent color, then the finished piece rests, fades and a new photo begins. Hoverin","name":"hero227","registryDependencies":["button"],"title":"String Art Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A loudspeaker maker's hero beside the ferrofluid component: a glossy black pool of magnetic fluid in a shallow dish, seen from a low studio camera, always holds a crown of sharp needle spikes that grows and leans toward the cursor (or an invisible magnet hovering over the pool wh","name":"hero228","registryDependencies":["button"],"title":"Ferrofluid Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A botanical perfume hero built on the kaleidoscope component: a photo of poppies folded live into a crisp mirrored mandala inside a round glass tube, turning slowly while the view drifts and zooms over the petals so the pattern keeps blooming into new forms. The cursor turns the ","name":"hero229","registryDependencies":["button"],"title":"Kaleidoscope Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A herbarium hero on the cyanotype background component: procedurally drawn ferns, grasses, seed heads and veined leaves lie on brushed watercolor paper while the print develops live from pale chemistry to deep Prussian blue, leaving the plants as white silhouettes with soft lifte","name":"hero230","registryDependencies":["button"],"title":"Cyanotype Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A late-night listening bar hero seen through a rainy window, built on the rain-glass background component: a dusk street glows out of focus behind misted glass, droplets gather and larger drops run down in stop-start paths leaving clear trails, each drop a tiny lens showing a sha","name":"hero231","registryDependencies":["button"],"title":"Rain on Glass Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A tea house hero built on the growing-tree component: beside a serif headline, an intro, an Arrow Pill and an underline link, a tree drawn like a fine ink botanical plate grows from a single point, opens small blossoms at its tips, then sways in a springy breeze while petals drif","name":"hero232","registryDependencies":["button"],"title":"Growing Tree Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A glassblowing studio hero whose headline fills the stage under drops of clear liquid glass, rendered live in WebGL by the glass-lens component: the drops drift, melt together and split, one follows the cursor, and beneath them the type is magnified and bent with a faint color sp","name":"hero233","registryDependencies":["button"],"title":"Liquid Glass Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A print-shop hero built on the letterpress component: the headline is pressed into a full sheet of cotton paper one word at a time, each impression biting in under a raking light that follows the cursor, the ink lying unevenly at the bottom of the type. When the composition is se","name":"hero234","registryDependencies":["button"],"title":"Letterpress Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A design school hero on a strict twelve-column grid: a heavy sans headline, an intro and a Turn Arrow block button with an underline link on the left, and on the right the bauhaus-composition background component, a living constructivist poster of circles, quarter circles, square","name":"hero235","registryDependencies":["button"],"title":"Bauhaus Composition Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A quiet hero for a candle maker on a dark, warm ground, built on the candle-flame component: a single flame drawn live in WebGL with a blue base, a white-gold core and an orange mantle, a slow flicker, warm light breathing on the room and the wax pillar, and a wisp of smoke now a","name":"hero236","registryDependencies":["button"],"title":"Candle Flame Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A heritage grain mill hero over the wheat-field background component: a field of ripe wheat at golden hour, thousands of stalks receding to a hazy horizon under a low sun, bending as gusts roll across and parting under the cursor like a brushing hand. A semibold serif headline, a","name":"hero237","registryDependencies":["button"],"title":"Wheat Field Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned-scroll concert hall hero built on the curtain-reveal component: a heavy crimson velvet curtain with deep lit folds, a weighted hem and gathered swags across the top fills the screen, a centered serif headline resting on it. As the reader scrolls each half draws to its si","name":"hero238","registryDependencies":["button"],"title":"Curtain Reveal Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centered hero for an installation studio built on the anamorphic-type component: the headline is cut into thousands of fragments traced from its own font and scattered in depth, drifting as an abstract constellation while the camera orbits, then easing into the one true viewpoi","name":"hero239","registryDependencies":["button"],"title":"Anamorphic Type Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A lens maker's pinned scroll hero over the aperture-reveal component. The section opens on a closed camera iris set in a turned metal ring, with the eyebrow and a large heading above it and a pinpoint of light at the center. Scrolling turns the brushed metal blades open, then the","name":"hero240","registryDependencies":["button"],"title":"Aperture Reveal Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A couture silk house hero over the silk-drape background component: a full-bleed length of emerald silk hangs in deep folds from a few pins, swelling in a slow breeze with real cloth physics and an anisotropic sheen along the weave, while a sweep of the cursor stirs the air so th","name":"hero241","registryDependencies":["button"],"title":"Silk Drape Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An evening balloon flight hero over the cloud-sky background component: layers of golden-hour cumulus drift past at different depths, lit on the side facing a low sun with a silver lining on thin edges, while the view steers a little with the cursor. A white semibold serif headli","name":"hero242","registryDependencies":["button"],"title":"Cloud Flight Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned-scroll architecture studio hero built on the photo-relight component: one photograph of a white modernist house behind a long pool is relit as the reader scrolls, from a cool dawn through midday and a warm golden hour with low raking light to blue hour and night, the sky","name":"hero243","registryDependencies":["button"],"title":"Day to Night Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A tea garden hero over the koi-pond background component: koi seen from above swim with a flowing S-curve over a green floor lit by drifting sunlight caustics, casting soft shadows, while lily pads with a flower or two bob on the surface. The koi gather around the cursor, a click","name":"hero244","registryDependencies":["button"],"title":"Koi Pond Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A hero for a desert camp over the dune-field background component: a photoreal desert at golden hour, raymarched in a shader, with sharp-crested dunes, long soft shadows tinted by the sky, wind ripples and a warm haze toward the horizon. The camera glides slowly over the sand and","name":"hero245","registryDependencies":["button"],"title":"Desert Dunes Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A hero for a maker of hand-milled oil colors, split between a column of copy and a large live oil painting built on the impasto component: thick brushstrokes lay a sunrise landscape down stroke by stroke from broad blocking-in to fine detail, with bristle grooves and ridges of pa","name":"hero246","registryDependencies":["button"],"title":"Impasto Painting Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll hero for an expedition company. A giant heavy word is cut out of the page surface as a window onto a full-bleed mountain photo, with a quiet eyebrow above it. As the visitor scrolls, the camera flies into the first letter on an exponential zoom, the photo drifting","name":"hero247","registryDependencies":["button"],"title":"Type Window Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll hero for an architecture and interiors studio on warm drawing paper, built on the sketch-to-photo component: on arrival a pen traces an ink drawing of the house straight from the photo, with fine hatching in the shadows, and as the visitor scrolls a watercolor was","name":"hero248","registryDependencies":["button"],"title":"Sketch to Photo Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll hero for a fashion label built on the slice-assembly component: an editorial photograph cut into vertical strips floats apart in 3D space, each strip lit by its angle and lifted on a soft shadow, and as the page scrolls the strips settle one after another into the","name":"hero249","registryDependencies":["button"],"title":"Slice Assembly Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-bleed lighting-studio hero over the reeded-light background component: a slow procedural field of peach glow, indigo haze and a rose band seen through a row of rounded glass reeds that each magnify their own slice, with soft seams, shaded flanks, film grain and a warm lamp","name":"hero250","registryDependencies":["button"],"title":"Reeded Light Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll hero for a photography exhibition built on the gallery-rail component: the heading, intro, an Arrow Pill and an underline link hang first on a long gallery wall, and as the page scrolls the wall travels sideways past large photographs in frames of different propor","name":"hero251","registryDependencies":["button"],"title":"Gallery Rail Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll hero for a design hotel built on the zoom-parallax component: seven photographs sit in an asymmetric editorial collage under a centered headline, and as the page scrolls every photograph grows at its own pace while the center one glides forward to fill the whole f","name":"hero252","registryDependencies":["button"],"title":"Zoom Parallax Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll hero for an architecture studio built on the expanding-frame component: a huge two-line semibold headline sits above and below a small rounded photograph, and as the page scrolls the lines part to the left and right while the photograph grows to fill the whole scr","name":"hero253","registryDependencies":["button"],"title":"Expanding Frame Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A portrait photography hero built on the photo-ring component: twelve portraits stand on a slowly turning 3D ring seen slightly from above, curved panels catching the light and a soft gloss as they come to the front, fading into the page as they pass behind, with a quiet reflecti","name":"hero254","registryDependencies":["button"],"title":"Photo Ring Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A split hero for an editorial studio built on the counter-columns component: on the right, a wall of photographic prints tipped back in perspective, its tall columns drifting endlessly in opposite directions and bleeding off the top and bottom of the frame. Scrolling the page pus","name":"hero255","registryDependencies":["button"],"title":"Counter Columns Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A private bank hero on warm paper, built on the line-engraving component: a portrait recut live as a banknote-style intaglio engraving, its fine lines swelling with the shadows and bending around the face, pressed into the page with a soft plate mark. The lines are cut in one by ","name":"hero256","registryDependencies":["button"],"title":"Line Engraving Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A pinned scroll hero for a perfume house built on the photo-dust component: on the page background a fine cloud of amber dust drifts on a slow wind, and as the reader scrolls the grains settle from the bottom up into a photograph of a glass perfume bottle in low sun, each grain l","name":"hero257","registryDependencies":["button"],"title":"Photo Dust Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-bleed dark-sky lodge hero over the star-trails background component: a long-exposure night photograph where thousands of coloured stars sweep continuous arcs around a pole above the frame, the exposure building up over the first seconds and then turning slowly, over layere","name":"hero258","registryDependencies":["button"],"title":"Star Trails Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-bleed sailing charter hero over the ocean-horizon background component: the open sea at dusk like a calm cinematic photograph, with a swell that rolls toward the viewer, sky reflections, a sun glitter path running to the horizon, light glowing through the crests, soft haze","name":"hero259","registryDependencies":["button"],"title":"Ocean Horizon Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-bleed stone atelier hero over the marble-slab background component: polished, book-matched Calacatta with warped grey veins, fine hairlines and a warm edge along each vein, mirrored around a hairline joint, while a large softbox reflection drifts across the polish and foll","name":"hero260","registryDependencies":["button"],"title":"Marble Slab Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-bleed product hero over the mesh-gradient background component: six soft color fields drift, warp and blend under a fine film grain, and the field swells toward the cursor. A row of mood chips below the buttons swaps the palette, and the gradient fades through to the new c","name":"hero261","registryDependencies":["button"],"title":"Mesh Gradient Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A dark audio product hero over the wave-gradient background component: layered color ribbons roll across the frame at a slight tilt under a fine film grain and lift into a swell under the cursor. A left-aligned headline, intro, Arrow Pill and underline link sit over a soft dark v","name":"hero262","registryDependencies":["button"],"title":"Wave Gradient Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A dark, centered conference hero over the conic-gradient background component: a two-armed ring of violet, cyan, pink and amber light turns slowly behind the headline, bent into a gentle spiral, breathing and finished with a fine film grain, while its center leans toward the curs","name":"hero263","registryDependencies":["button"],"title":"Conic Glow Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-bleed drinks hero over the blob-gradient background component: glowing colored blobs rise, sink and merge like wax in a lava lamp under a fine film grain, and the cursor becomes one more blob that joins them. A list of flavors beside the copy recolors the lamp: picking one","name":"hero264","registryDependencies":["button"],"title":"Lava Lamp Flavor Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A split record release hero over the fluid-gradient background component: a large rounded cover panel on the right holds a marbled paint pour of navy, cream, orange and red under a fine film grain, drifting so slowly it looks nearly still. A play toggle on the cover sets the pain","name":"hero265","registryDependencies":["button"],"title":"Fluid Gradient Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A dark film photography hero over the light-leak background component: warm blooms of light burn in from the edges of the frame, swell and fade under a film grain, and the nearest one leans toward the cursor. An oversized headline, an intro, a light Arrow Pill and an underline li","name":"hero266","registryDependencies":["button"],"title":"Light Leak Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centered hero over the orb-gradient background component: a huge gradient planet sits mostly below the frame so only its lit top arc shows, like a horizon seen from orbit, with indigo, violet, magenta and teal bands swirling slowly across its surface, a teal rim and an atmosphe","name":"hero267","registryDependencies":["button"],"title":"Planet Horizon Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A warm bento hero over the mosaic-gradient background component: a plain card with the headline, an intro, a primary Arrow Pill and an underline link sits beside three rounded panels cut from the same glaze, one in large tiles, one in the given size and one in fine tiles, so the ","name":"hero268","registryDependencies":["button"],"title":"Mosaic Bento Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A warm paper hero for a print fair built around the fold-gradient background component: a sunset gradient printed across accordion pleats fills the whole frame, breathing open and closed and easing open under the cursor. An oversized dark headline, a short intro, a dark Arrow Pil","name":"hero269","registryDependencies":["button"],"title":"Folded Poster Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A dark fragrance hero over the smoke-gradient background component, seen only through the letters of a giant one word headline: a black sheet with white type is multiplied over the smoke, so warm plumes rise and curl inside the letters while the rest of the frame stays black. The","name":"hero270","registryDependencies":["button"],"title":"Smoke Type Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A warm paper hospitality hero built around one tall arched window: inside it, the horizon-gradient background component paints a dusk sky with a low sun on a hazy horizon, a shimmering trail and drifting cloud streaks, rising softly on load. The headline sits to the left of the a","name":"hero271","registryDependencies":["button"],"title":"Arched Window Sky Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A split hero for a stage lighting studio: copy on the theme background to the left, and to the right a tall rounded dark panel running the prism-gradient background component, where a white beam enters a prism and leaves as three soft fans of dispersed color with caustic streaks ","name":"hero272","registryDependencies":["button"],"title":"Prism Light Panel Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A light editorial hero with a circular portal: the vortex-gradient background component turns inside a large round window beside the copy, a spiral of soft pastel color pouring toward a glowing eye, while a hairline orbit draws itself around it on load. An oversized dark headline","name":"hero273","registryDependencies":["button"],"title":"Vortex Portal Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-bleed product launch hero over the frosted-gradient background component: warm and cool shapes drift behind a pane of sandblasted glass, blurred into a soft gradient with a thin bevel along the edges, and one shape glides after the cursor. An oversized dark headline rises ","name":"hero274","registryDependencies":["button"],"title":"Frosted Glass Launch Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An editorial concert hero built around a band of the bokeh-gradient background component: an oversized headline above, then a full-width strip of out-of-focus city lights that opens from a hairline like a letterbox, drifting in depth and shifting with parallax toward the cursor, ","name":"hero275","registryDependencies":["button"],"title":"Bokeh Band Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A calm wellness hero over the ripple-gradient background component: the lower half of the frame is water, with soft rings of blue, teal and sand spreading from a few slow points and meeting in gentle interference, and the water fades up into the plain page color so the rings seem","name":"hero276","registryDependencies":["button"],"title":"Ripple Water Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered hero with eyebrow, heading, description and two buttons above one borderless stage of fixed height. A frosted tab bar floating inside the stage switches between live product pieces, each on its own gradient background with glass cards and a caption underneath, so the d","name":"hero277","registryDependencies":["button","tabs"],"title":"Tabbed Live Product Demo Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero with the eyebrow and heading on the left and the description with two buttons on the right, above one borderless stage of fixed height on a gradient background that fades into the page. Three glass product cards sit on the stage as an overlapping cluster on desktop, a main","name":"hero278","registryDependencies":["button"],"title":"Analytics Hero With Glass Card Cluster","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A split hero for a developer product. The left column holds an eyebrow, a heading, one paragraph and two buttons; the right column is a tall borderless stage over a live contour map. Two glass panels sit on the stage, staggered left then right: a package manager install snippet w","name":"hero279","registryDependencies":["button","input"],"title":"Install Snippet Split Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A split hero with the eyebrow, heading, description and two buttons set on the page beside a tall borderless stage of polished marble that follows the theme and fades into the page at its foot. Two glass money pieces sit on the stone, a payment card and a smaller transaction row ","name":"hero280","registryDependencies":["button"],"title":"Split Hero With Marble Stage","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero built as one borderless stage filled with a live sea and sky effect. On desktop the effect dissolves toward the left, where the eyebrow, heading, description and two buttons sit on the page color, and a glass session player with a waveform floats over the water on the righ","name":"hero281","registryDependencies":["button"],"title":"Calm Hero With Floating Session Player","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero for a photography and retouching studio. The eyebrow and a large heading run across the top, and below them a borderless before and after photo stage takes two thirds of the width while the description and two buttons sit in a narrow rail aligned to the bottom edge of the ","name":"hero282","registryDependencies":["button"],"title":"Retouching Hero With Before And After Stage","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A hero built on one tall borderless stage that holds a layered paper-cut landscape whose paper follows the theme. On desktop the eyebrow, heading, description and two buttons sit in the upper left of the stage, where a diagonal fade dissolves the hills into the stage color, while","name":"hero283","registryDependencies":["button"],"title":"Paper Landscape Hero With Impact Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A split hero for an AI research product: eyebrow, heading, description and a button on the left, and one borderless stage of fixed height on the right. The stage carries a live ink drawing that follows the theme and fades into the page, with a frosted glass prompt composer floati","name":"hero284","registryDependencies":["button"],"title":"Split Hero With Floating Prompt Composer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A hero built on one large borderless artwork stage of fixed height that holds a living geometric poster. On large screens the eyebrow, heading, description and two buttons sit in a page-colored panel cut into the lower left corner of the stage, so the copy reads on the page backg","name":"hero285","registryDependencies":["button"],"title":"Studio Hero With Notched Poster Stage","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A split hero for a hotel or booking product. The eyebrow, heading, description and two buttons sit on the left; on the right a tall borderless stage shows afternoon light falling through blinds onto a wall and fading into the page. Two glass cards float on the stage, a hotel resu","name":"hero286","registryDependencies":["button"],"title":"Sunlit Wall Hero With Glass Booking Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion","react-day-picker"],"description":"A full-height hotel hero: the photograph zooms out on load and drifts slower than the page, a serif headline settles in word by word, and a stay bar whose arrival and departure open a two-month range calendar, a guest stepper and a check availability pill submits straight to your","name":"hotel1","registryDependencies":["calendar","popover","button"],"title":"Arrival Hero with Stay Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A full-height hotel hero that crossfades through the hours of a stay: each photograph drifts in slowly behind a serif headline, while a row of four labelled hairlines fills as the slide plays, pauses on hover and lets guests jump to morning, noon, dusk or night.","name":"hotel2","registryDependencies":["button"],"title":"Day in Four Hours Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A rooms overview for a small hotel: a pinned photograph that crossfades to whichever room is hovered or focused, with a nightly rate pill on the frame, beside a ruled list of serif room names, one-line descriptions and dotted facts like size, view and guests. Phones get each phot","name":"hotel3","title":"Room Collection List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion","react-day-picker"],"description":"A single room page: a crossfading photo gallery with thumbnails and an amenities list on the left, and a sticky column with a serif title, a ruled facts grid and a reserve card whose range calendar works out the nights and total live, flag a minimum stay and submit to your bookin","name":"hotel4","registryDependencies":["calendar","popover","button"],"title":"Room Detail with Reserve Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion","react-day-picker"],"description":"A nightly rate calendar for direct bookings built on the shadcn calendar: two months side by side, every night shows its own price, the lowest rate of each month carries a dot and full nights are struck through. Picking an arrival then a departure skips stays that cross a full ni","name":"hotel5","registryDependencies":["calendar","button"],"title":"Nightly Rate Calendar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A book-direct section for independent hotels: a pinned photograph drifting in its frame with a caption, beside a serif heading and a ruled two-column comparison of what guests get by booking here against elsewhere, with check and dash marks or short values, a sliding-marker pill ","name":"hotel6","registryDependencies":["button"],"title":"Book Direct Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A hotel restaurant section: a serif heading over a wide photograph that drifts against a smaller framed kitchen photo moving the other way, followed by a large chef quote with a reserve pill and a menu link, and a ruled list of sittings with their hours and notes.","name":"hotel7","registryDependencies":["button"],"title":"Restaurant Terrace Story","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A hotel menu section: serif tabs for breakfast, lunch, dinner and the bar draw an underline in, each showing its hours and a ruled list of dishes with descriptions, small notes and prices, while a pinned photograph beside them crossfades to match the sitting.","name":"hotel8","registryDependencies":["tabs"],"title":"Restaurant Menu Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A hotel spa section: a tall pinned photograph drifting in its frame beside a serif heading and a round detail photo, an accordion of rituals that each open onto a description, numbered steps and a booking link, with durations and prices on every row, and a sliding-marker pill wit","name":"hotel9","registryDependencies":["accordion","button"],"title":"Spa Ritual Menu","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A row of tall photographic panels for a hotel's wellness spaces: hovering, focusing or tapping a panel widens it while the others narrow, its photograph eases back to full size and a description with small detail pills unfolds under the serif name. On phones the panels stack with","name":"hotel10","title":"Wellness Spaces Panels","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three staggered offer cards for a hotel's packages: each portrait photograph drifts in its frame and leans in on hover under a length-of-stay pill, followed by a serif title, a short pitch, a dotted list of what is included and a ruled line with the starting price and the season ","name":"hotel11","title":"Seasonal Stay Offers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A single hotel offer on a rounded photographic band: the photograph drifts behind a dark scrim and film grain, with a serif heading, a dotted list of inclusions, the offer price beside the struck-through usual rate, a sliding-marker pill and a live countdown whose digits roll ove","name":"hotel12","registryDependencies":["button"],"title":"Featured Offer Countdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A wedding and exclusive-use section for a small hotel: a serif heading and an intro beside two overlapping photographs that drift past each other as you scroll, with a request-a-proposal pill and the planner's portrait, name and role.","name":"hotel13","registryDependencies":["button"],"title":"Wedding Exclusive Use","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A meetings and events section for a hotel: a ruled capacity table of venues with size, boardroom, dinner and standing figures, where hovering or choosing a row crossfades the pinned photograph and its description, with a plan-a-gathering pill and a fact sheet link. Rows become la","name":"hotel14","registryDependencies":["button"],"title":"Event Spaces Capacity","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A location section for a hotel: an aerial photograph that settles from a slight zoom as you scroll, marked with the hotel's name and pins for nearby places, beside the serif address with coordinates, an open-in-maps pill and a ruled list of travel times. Hovering a pin or a row l","name":"hotel15","registryDependencies":["button"],"title":"Getting Here Aerial Map","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A local guide strip for a hotel: portrait experience cards that start in line with the heading and bleed off the right edge, snap as you swipe or step with arrow buttons, lean in on hover under a small category pill, and carry a serif title, a short note and how far it is, with a","name":"hotel16","title":"Around the Cove Strip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An artistic boutique hotel hero on a plain ground: a tall doorway arch rises open like a curtain from a drawn horizon line to reveal a room photograph, a sun disc in the theme colour sinks behind the arch as you scroll, and a serif headline splits either side of it, with a short ","name":"hotel17","registryDependencies":["button"],"title":"Arch and Setting Sun Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A hotel footer that opens on a tall night photograph drifting behind a scrim and film grain, with a serif sign-off settling in word by word and a seasonal letter signup in a pill field, followed by a serif wordmark, three columns of links, the address with email and phone, and a ","name":"hotel18","registryDependencies":["input","button"],"title":"Night Band Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An artistic hotel hero: a serif headline and a short intro over one wide photograph cut into tall slats like wooden shutters, which open from the centre outwards once the image has loaded and then drift at slightly different speeds as the page scrolls, so the view breathes like l","name":"hotel19","registryDependencies":["button"],"title":"Opening Shutters Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An editorial hotel hero built around the name: the wordmark rises in huge serif type across the page, then a deep-set window photograph opens from its centre underneath it, the letters turning into an inverted negative wherever they cross the photograph, and as the page scrolls t","name":"hotel20","registryDependencies":["button"],"title":"Name Over the Window Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A hotel hero with a loose pile of photo postcards beside a serif headline: each card sits at its own gentle tilt with a handwritten-feeling serif caption, and every few seconds, or on a tap, the top card slides away and tucks in at the back of the pile. Hovering pauses the shuffl","name":"hotel21","registryDependencies":["button"],"title":"Postcard Pile Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A centred hotel hero with a serif headline, a short line and two pills above a panoramic photograph that begins as a framed picture with soft corners and, as it scrolls towards the middle of the screen, widens edge to edge while the view eases back from a slight zoom, finished wi","name":"hotel22","registryDependencies":["button"],"title":"Widening Horizon Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A text-led hotel hero written as a letter from the owners: a tall photograph rises open and settles from a slight zoom on one side, while a serif headline, letter paragraphs with a drop cap arriving one after another and an italic signature with a hand-drawn underline fill the ot","name":"hotel23","registryDependencies":["button"],"title":"Welcome Letter Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A room story told through its objects: numbered points sit on the photograph where each detail is, and choosing a point or a row in the numbered list beside it lights both up and opens a short note on where the piece came from, with list rules drawing in as the section arrives.","name":"hotel24","title":"Room Detail Hotspots","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A scroll-led day at a small hotel: a vertical line fills as you read down a list of moments from the morning swim to dinner, each with a large serif time, and the one in the middle of the screen brightens while a pinned photograph beside it crossfades to match with the time set i","name":"hotel25","title":"A Day at the House Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A craft story for a boutique hotel: close-up photographs of its materials set in a loose, offset mosaic, each rising open from below and drifting at its own pace as you scroll, with a serif name, where it was made and a short note beside it. Photographs lean in slowly on hover.","name":"hotel26","title":"Made by Hand Materials","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A when-to-come section for a seasonal hotel: a ruled vertical list of seasons with their months, a hairline marker that glides to the chosen one, a short note and three large figures for sea temperature, sunset and starting rate, beside a pinned photograph that crossfades to the ","name":"hotel27","registryDependencies":["tabs"],"title":"Seasons to Visit","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A ruled list of things a small hotel will arrange, set in large serif lines with a short note and how much notice each needs: hovering a row dims the others and a tilted photograph follows the pointer across the list, swapping to match the request. Phones get a small thumbnail on","name":"hotel28","registryDependencies":["button"],"title":"Concierge Requests Hover List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A centred overview for a small hotel: a quiet eyebrow, a large serif heading and two short paragraphs side by side, above three tall muted cards that each carry a hand-drawn line glyph (sunset, olive branch, ferry, key or lantern) drawing itself in and one large serif fact.","name":"hotel29","title":"At a Glance Glyph Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A contact-and-location section on a real map: street and satellite tiles with a style switch, dragging, double-click and keyboard zoom that glides between levels, a pin for the hotel that drops in, icon markers for nearby beaches and stops that center the map when clicked, and a ","name":"hotel30","title":"Bay Location Map","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A mood section for a hotel: a light, centered line that turns into an italic serif second half, above a row of five photographs of different heights set in a gentle wave, rising in from the middle outwards over a muted band that grows up behind them, with the whole row drifting s","name":"hotel31","title":"Memory Line and Photo Wave","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An about section for a small hotel: one small eyebrow over a long statement set in light serif, followed by three tall photographs that drift in their frames, each with a small label and a short serif paragraph about the house, the rooms and the details.","name":"hotel32","title":"About the House Statement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A hosts' note for a small hotel: a line-drawn logo of an arched island doorway that draws itself in, with a sun rising over the horizon, its rays drawing in, and three wave lines drifting endlessly inside the door, above a large centered serif quote and a quiet signature set betw","name":"hotel33","title":"Line Logo Hosts Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A hotel hero over a muted, looping background film that eases in from a slight zoom behind a scrim and film grain, with a serif headline settling in word by word, two pills, and a round play and pause control whose hairline ring traces the loop as it plays. Reduced motion keeps t","name":"hotel34","registryDependencies":["button"],"title":"Full Bleed Film Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A centered hotel hero with a serif headline over a framed preview film that loops silently, grows towards the container edges and loses its soft corners as it scrolls in, and carries a large play button with the film's length; pressing it opens a full-screen player with native co","name":"hotel35","title":"Watch the Film Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A split hotel hero: a serif headline, an intro, three ruled notes and a reserve pill on one side, and on the other a tall portrait film that rises open and settles from a slight zoom, loops silently with a play and pause control, and draws a hairline beneath it as each loop plays","name":"hotel36","registryDependencies":["button"],"title":"Portrait Film Split Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An artistic hotel hero where the film is seen first through a small round window that opens on load, then widens with the scroll until the looping room film fills its whole frame while easing back from a slight zoom, beside a serif headline, a short line, a book pill and a play a","name":"hotel37","registryDependencies":["button"],"title":"Round Window Film Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A hotel hero built around a wide mixed-media carousel: silent films play through and photographs drift slowly for a set time before the next slide crossfades in, with a numbered caption that says whether it is a film or a photo, previous, pause and next controls, and a strip of t","name":"hotel38","registryDependencies":["button"],"title":"Films and Photos Carousel Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A six-photo rooms gallery on an editorial grid of one large and five smaller frames that lean in and reveal a caption on hover; any photo opens a full-screen ink lightbox with a counter, sliding transitions, arrow keys, swipe, a serif caption and a thumbnail filmstrip.","name":"hotel39","title":"Rooms Gallery with Filmstrip Lightbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A six-photo food and dining gallery in three staggered columns of portrait and square frames with numbered serif titles; any photo opens a soft paper lightbox that shows the picture beside its title, a short note and a counter, with arrow buttons and arrow keys to move through th","name":"hotel40","title":"Kitchen Gallery with Story Lightbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A six-photo gallery of a hotel's outdoor spaces on an even grid of portrait tiles with place labels; tapping a tile grows that very photograph out of the grid into a full-screen view, where arrows, keys and a short caption move through the set and closing sends it back into its t","name":"hotel41","title":"Outdoors Gallery with Morph Lightbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A what's-included section for a small hotel: a serif heading and a short line above a ruled grid of amenities, each with a hand-drawn line glyph (robe, bicycle, book, glass, lounger, cup, shell or moon) that draws itself in and lifts on hover, a serif title and a one-line note.","name":"hotel42","title":"Included Amenities Glyph Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A reviews section for a small hotel: a large serif score with how many stays it comes from and four hairline bars that fill to each rating, beside large serif guest notes that blur from one to the next on a timer, with a row of hairlines that fill as each note plays, arrow contro","name":"hotel43","title":"Guest Book Score and Notes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A practical questions section for a hotel: a pinned column with a serif heading, a short line and a muted front desk card with a small photograph, opening hours, phone and email, beside an accordion of large serif questions whose ruled lines draw in as they arrive.","name":"hotel44","registryDependencies":["accordion"],"title":"Good to Know Questions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A gift section for a hotel: a ruled list of four experiences with serif titles and prices, where the chosen one opens its description and swaps the tall photograph beside it with a soft crossfade and slow parallax, while a paper gift tag on the photo swings on its string and rewr","name":"hotel45","registryDependencies":["button"],"title":"Gift a Stay List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A press and awards section for a small hotel: three ruled cards of serif press quotes, each signed with the publication set in its own masthead style and the issue, followed by a row of laurel wreaths whose stems draw themselves in and whose leaves fade on around the year and the","name":"hotel46","title":"Press Mentions and Laurels","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A getting-here section for an island hotel: three columns split by drawn rules for the ferry, the fast boat and the flight, each with a line glyph that draws itself in, the journey time in large serif and a route line that runs out from port to port with its stops, closed by a pi","name":"hotel47","title":"Getting Here Ways","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A section that introduces a small hotel through a line drawing of its front: the house, the roof suite, the domed hammam, the vine pergola and an olive tree draw themselves in, numbered markers sit on each part, and hovering a marker or its ruled note below lights that part of th","name":"hotel48","title":"House Elevation Drawing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A when-to-visit section for a seasonal hotel: two smooth lines for sea temperature and daily sunshine draw across the twelve months under a bracket marking the open season, and hovering a month glides a marker along both lines while the large serif figures roll over and a short n","name":"hotel49","title":"When to Come Year Chart","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An opening hours section for a hotel drawn as a 24 hour dial: hour ticks fade in around the face, each service gets its own ring whose arc draws in from its opening to its closing time, and choosing a service from the ruled list lights its arc in the accent color while its name a","name":"hotel50","title":"Hours of the House Dial","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A centered newsletter section for a small hotel under a line-drawn postage stamp: the perforated stamp, its frame and an olive branch draw themselves in, centered above a serif heading, a short line and an email field with a signup button on one row.","name":"hotel51","registryDependencies":["input","button"],"title":"Postage Stamp Signup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays a cookie notification with accept, reject, and customize buttons. Perfect for GDPR-compliant websites requiring user consent.","name":"legal1","registryDependencies":["button"],"title":"Cookie Consent Banner","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows privacy policy content with expandable accordion sections for each topic. Perfect for organizing lengthy privacy policies into scannable segments.","name":"legal2","title":"Privacy Policy Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays key terms with color-coded icons for allowed, prohibited, and important points. Perfect for presenting condensed terms before user acceptance.","name":"legal3","registryDependencies":["button"],"title":"Terms of Service Summary","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Lists user data rights (access, rectify, erase, restrict, export) with request buttons. Perfect for GDPR compliance portals allowing users to exercise their rights.","name":"legal4","registryDependencies":["button"],"title":"GDPR Data Rights Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows DPA details with controller/processor parties, dates, and processing purposes. Perfect for displaying B2B data processing contracts with status badges.","name":"legal5","registryDependencies":["badge","button"],"title":"Data Processing Agreement Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays cookie categories with toggle switches to manage consent preferences. Perfect for allowing users to customize their privacy settings granularly.","name":"legal6","registryDependencies":["button"],"title":"Consent Preferences Manager","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows a disclaimer message with warning or info styling and last updated date. Perfect for displaying liability warnings and informational notices.","name":"legal7","title":"Legal Disclaimer Banner","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays an age verification prompt with configurable minimum age and confirm/deny buttons. Perfect for age-restricted content or product pages.","name":"legal8","registryDependencies":["button"],"title":"Age Verification Gate","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows copyright notice, trademark attributions, and links to legal pages. Perfect for website footers requiring comprehensive legal information.","name":"legal9","title":"Copyright Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Guides users through DMCA submission with numbered steps and warnings. Perfect for copyright protection pages accepting infringement reports.","name":"legal10","registryDependencies":["badge","button"],"title":"DMCA Takedown Notice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays regulatory requirements with checkmarks, progress bar, and completion percentage. Perfect for showcasing compliance status across multiple standards.","name":"legal11","registryDependencies":["badge"],"title":"Compliance Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows NDA details with type (mutual/unilateral), duration, and key terms covered. Perfect for presenting confidentiality agreement summaries with download options.","name":"legal12","registryDependencies":["badge","button"],"title":"NDA Template Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays license type with allowed permissions and limitations in checkmark format. Perfect for open-source projects or software documentation pages.","name":"legal13","registryDependencies":["badge","button"],"title":"Software License Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows certification badges in a grid with verified checkmarks and in-progress states. Perfect for trust pages displaying security and compliance credentials.","name":"legal14","title":"Compliance Badges Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Lists data categories with types, retention periods, and deletion methods. Perfect for transparency pages explaining how long user data is stored.","name":"legal15","title":"Data Retention Policy","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Explains cookie types (essential, functional, analytics, marketing) with icons and examples. Perfect for cookie policy pages educating users on tracking technologies.","name":"legal16","registryDependencies":["badge"],"title":"Cookie Categories Explainer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows document revision history in a vertical timeline with version numbers and summaries. Perfect for tracking changes to terms, policies, or legal agreements.","name":"legal17","registryDependencies":["badge"],"title":"Document Version Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays legal department contact information including address, email, phone, and hours. Perfect for providing users a way to reach legal teams with inquiries.","name":"legal18","registryDependencies":["button"],"title":"Legal Contact Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows WCAG conformance level, accessibility features, and issue reporting options. Perfect for demonstrating commitment to digital accessibility standards.","name":"legal19","registryDependencies":["badge","button"],"title":"Accessibility Statement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays investment risk warnings with gain/loss icons and bullet-point cautions. Perfect for fintech or investment platforms requiring regulatory disclosures.","name":"legal20","title":"Financial Disclaimer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows healthcare warnings with an emergency notice section for critical situations. Perfect for health-related websites requiring medical advice disclaimers.","name":"legal21","title":"Medical Disclaimer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays FTC-compliant disclosure with affiliate network badges and transparency text. Perfect for content sites monetized through affiliate marketing.","name":"legal22","registryDependencies":["badge"],"title":"Affiliate Disclosure","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows disclaimer about customer testimonials with star decoration and important notes. Perfect for product pages featuring reviews or success stories.","name":"legal23","title":"Testimonial Disclaimer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays income disclaimer with warnings about results varying based on effort. Perfect for courses, coaching programs, or business opportunity pages.","name":"legal24","title":"Earnings Disclaimer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Shows refund period badge, eligible conditions, and exclusions with a request button. Perfect for e-commerce stores displaying return and refund terms.","name":"legal25","registryDependencies":["badge","button"],"title":"Refund Policy Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Incident notification card for data breaches with severity badge, affected data types, timeline, and recommended actions. Suitable for security incident pages and user notifications.","name":"legal26","registryDependencies":["badge","button"],"title":"Data Breach Notification","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Transparency card disclosing the use of AI and automated decision-making. Lists AI capabilities, data usage, and opt-out options. Compliant with EU AI Act and emerging regulations.","name":"legal27","registryDependencies":["badge","button"],"title":"AI Disclosure Notice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Formal terms and conditions acceptance card with individual checkboxes for each agreement. Shows required vs optional consents, links to full documents, and a submit button. Ideal for sign-up flows.","name":"legal28","registryDependencies":["button","checkbox"],"title":"Terms Acceptance Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Lists allowed and prohibited usage of a service or platform with check and cross icons. Includes a violation reporting section. Suitable for SaaS, hosting, and community platforms.","name":"legal29","registryDependencies":["button"],"title":"Acceptable Use Policy","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Service Level Agreement card showing uptime guarantee percentage, compensation tiers for downtime, and incident response times. Ideal for SaaS and cloud service providers.","name":"legal30","registryDependencies":["badge","button"],"title":"SLA Guarantee Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays open source package attributions with license types, authors, and links to repositories. Includes a search filter for large dependency lists. Required for OSS license compliance.","name":"legal31","registryDependencies":["badge"],"title":"Open Source Attribution","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Outlines the dispute resolution process with numbered steps from informal negotiation to binding arbitration. Includes governing law and jurisdiction details.","name":"legal32","registryDependencies":["badge","button"],"title":"Dispute Resolution Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays export control and sanctions compliance information with restricted regions list and compliance requirements. Required for software with international distribution.","name":"legal33","registryDependencies":["badge","button"],"title":"Export Compliance Notice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"COPPA-compliant children's privacy notice with age restrictions, parental consent details, and data handling practices for minors. Required for services accessible to children under 13.","name":"legal34","registryDependencies":["badge","button"],"title":"Children's Privacy Notice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays trademark, patent, and copyright ownership information with registration details and usage restrictions. Suitable for product pages and legal sections.","name":"legal35","registryDependencies":["badge","button"],"title":"Intellectual Property Notice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Anonymous reporting and whistleblower protection policy with reporting channels, protection guarantees, and a secure report submission button. Required for corporate compliance programs.","name":"legal36","registryDependencies":["badge","button"],"title":"Whistleblower Policy Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Outlines indemnification obligations with covered scenarios and exclusions. Shows which party indemnifies the other and under what conditions.","name":"legal37","registryDependencies":["button"],"title":"Indemnification Notice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Displays liability caps, excluded damages, and maximum liability amounts. A standard clause for SaaS terms of service and commercial agreements.","name":"legal38","registryDependencies":["badge","button"],"title":"Limitation of Liability","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Force majeure card listing qualifying events that excuse performance, notification requirements, and obligations during the force majeure period.","name":"legal39","registryDependencies":["badge"],"title":"Force Majeure Clause","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Summarizes confidentiality obligations with what is considered confidential, permitted disclosures, duration, and remedies. Suitable for vendor onboarding and partnership agreements.","name":"legal40","registryDependencies":["badge","button"],"title":"Confidentiality Agreement Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Simple privacy policy overview card listing key data practices. Ideal for sign-up flows, footers, or settings pages.","name":"legal41","registryDependencies":["badge"],"title":"Privacy Policy Summary","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Text-focused terms of service card with numbered sections. Each section has a heading and paragraph content for full legal text.","name":"legal42","registryDependencies":["badge"],"title":"Terms of Service","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full privacy policy content card with sections covering data collection, usage, sharing, retention, rights, and security. Ideal for dedicated privacy pages.","name":"legal43","title":"Privacy Policy Page","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cookie policy card listing each cookie type with name, description, and required/optional badge. Suitable for dedicated cookie policy pages or modals.","name":"legal44","registryDependencies":["badge"],"title":"Cookie Policy","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"EULA card with numbered clauses covering license grant, restrictions, IP, warranties, and liability. Each clause has a title and full legal text.","name":"legal45","registryDependencies":["badge"],"title":"End User License Agreement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Expandable privacy FAQ using accordion pattern. Each question reveals a detailed answer on click. Ideal for help centers and privacy pages.","name":"legal46","registryDependencies":["accordion"],"title":"Privacy FAQ Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Table-based data retention schedule showing category, retention period, and legal basis per row. Ideal for GDPR compliance and privacy documentation.","name":"legal47","registryDependencies":["badge"],"title":"Data Retention Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical timeline showing the step-by-step process for handling data requests. Numbered steps with connecting lines guide the user through the workflow.","name":"legal48","title":"Data Request Process Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Color-coded regulatory notices with info, warning, and critical severity levels. Each notice has a colored left border, icon, and detailed content.","name":"legal49","title":"Regulatory Notice Blocks","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Multi-section policy card using tabs to switch between data use, security, cookies, and user rights content. Compact way to present multiple policies.","name":"legal50","registryDependencies":["tabs"],"title":"Tabbed Platform Policies","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column comparison table showing data rights and privacy features by plan tier. Badge-styled values for Free vs Pro plans.","name":"legal51","registryDependencies":["badge"],"title":"Rights Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A readable policy page with a last-updated line, a sticky hairline table of contents that scrolls smoothly to each anchored section, prose sections with accent-bulleted lists, and a soft contact panel at the end.","name":"legal52","registryDependencies":["button"],"title":"Policy Document With Table Of Contents","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A compliance section pairing four hairline certification cards, each with an accent icon and a tone-coded status pill, with a hairline definition list of data handling specifics and a security pack request.","name":"legal53","registryDependencies":["button"],"title":"Trust And Compliance Overview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A legal section publishing every subprocessor as a scrollable hairline table with purpose, region, and start date, closing on an image tile that floats a live data residency card beside a subscribe-to-changes panel.","name":"legal54","registryDependencies":["button"],"title":"Subprocessor Register","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A legal section that sets each binding clause against a plain-language reading of it on hairline rows, keyed by clause references, with a precedence disclaimer under the last row.","name":"legal55","registryDependencies":["button"],"title":"Plain Words Terms Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A legal section listing four data rights as hairline cards, each with an icon tile and a response window, beside a soft panel holding a working request form with a request type, email, and free-text detail.","name":"legal56","registryDependencies":["input","select","textarea","button"],"title":"Data Rights Request","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An interactive cookie notice with four hairline categories on live switches, a locked required group, save and reject-all actions, and a scrollable table naming every cookie, its purpose, and its retention.","name":"legal57","registryDependencies":["switch","button"],"title":"Cookie Preference Centre","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A licence written as three plain columns, what is allowed outright, what needs an email first and what is refused, each item marked by the icon for its column.","name":"legal58","title":"Reprint Permissions In Three Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A legal page meant to be read: a serif heading that settles in word by word, a revision date and a plain intro, then a sticky numbered contents list with anchor links beside ruled sections of serif titles and paragraphs, with a pill action for questions.","name":"legal59","registryDependencies":["button"],"title":"Readable Policy","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of partner or client logos. Each logo sits inside a softly tinted, rounded card so mixed-style logos (marks, wordmarks, scanned seals) all feel cohesive.","name":"logos6","title":"Logo Grid with Card Backgrounds","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered grid of client wordmarks with a trusted-by intro.","name":"logos7","title":"Logo Cloud","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed auto-scrolling client wordmark marquee with edge fades.","name":"logos8","title":"Logo Marquee","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Partitioned bordered grid of client wordmark cells.","name":"logos9","title":"Logo Grid Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Headline and blurb beside a grid of client wordmarks.","name":"logos10","registryDependencies":["button"],"title":"Logos Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A headline stat of trust above a centered row of client wordmarks.","name":"logos11","title":"Logos With Stat","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A client wall that sets six greyscale logos in a hairline cell grid, each lifting to full colour on hover, with an eyebrow and a short claim on the left, a reach line on the right, and a credit note underneath.","name":"logos12","title":"Hairline Client Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Client proof band with a parenthetical eyebrow, a display heading beside a supporting paragraph, and a ruled grid of grayscale logos where each one carries a plain caption naming the work, closed by a footnote and a pill CTA.","name":"logos13","title":"Ruled Client Roster","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Soft panel carrying a centered statement over an endlessly scrolling logo track with gradient edge fades that pauses on hover, closed by a ruled row of three studio figures.","name":"logos14","title":"Logo Marquee Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Client proof organised by sector: each ruled row names the sector, explains the kind of work it involves, and lines the matching grayscale logos up on the right edge.","name":"logos15","title":"Sector Grouped Client Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single raised card holding three publication marks side by side, each with the line that publication wrote underneath it, over a soft section band.","name":"logos16","title":"Press Quote Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A press row: a serif heading that settles in word by word beside a pill action, then six greyscale logos in a ruled strip that blur in one after another and regain their colour on hover.","name":"logos17","registryDependencies":["button"],"title":"Noticed By Row","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"Three press mentions under a centred serif heading that settles in word by word: each ruled column carries a greyscale logo, a serif pull quote, a small-caps source line and a link to the piece, with a pill action beneath.","name":"logos18","registryDependencies":["button"],"title":"Press Notes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A quiet logo cloud: a small-caps line of context, a seamless right-to-left marquee of greyscale logos that regain their colour on hover, and a sliding-marker pill beneath.","name":"logos19","registryDependencies":["button"],"title":"Logo Cloud","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A client section with the eyebrow, heading and description above one wide borderless stage of fixed height filled with a live field of rippling parallel lines. A frosted glass panel floats along the bottom of the stage and carries the client names as plain text wordmarks in two m","name":"logos20","title":"Client Wordmarks Over A Line Field","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width mega menu navbar with multi-column product dropdowns, icon-enhanced links, and promotional cards. Perfect for SaaS products and enterprise sites with extensive feature offerings.","name":"navbar19","registryDependencies":["button"],"title":"Mega Menu Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Symmetrical navbar with centered logo flanked by navigation links on both sides and dropdown menus. Perfect for fashion brands and lifestyle sites wanting balanced visual hierarchy.","name":"navbar30","registryDependencies":["button"],"title":"Centered Logo Split Nav","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal navbar with configurable animated underline effects (slide, grow, or fade) on navigation links. Perfect for portfolio sites and creative agencies wanting subtle hover animations.","name":"navbar31","registryDependencies":["button"],"title":"Animated Underline Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Navbar with prominent search input, navigation links, and action button for search-driven experiences. Perfect for marketplaces, directories, and content platforms prioritizing discovery.","name":"navbar32","registryDependencies":["button","input"],"title":"Search-Focused Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Navbar with hover-activated dropdowns supporting nested sub-menus for deep navigation hierarchies. Perfect for enterprise software and documentation sites with complex information architecture.","name":"navbar33","registryDependencies":["button"],"title":"Multi-Level Dropdown Nav","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Navbar with slide-in sidebar drawer featuring grouped navigation sections and overlay backdrop. Perfect for content-rich sites wanting organized off-canvas navigation menus.","name":"navbar34","registryDependencies":["button"],"title":"Sidebar Drawer Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive navbar with animated sliding underline indicator that follows hover and highlights active navigation item. Perfect for SaaS dashboards and apps wanting polished micro-interactions.","name":"navbar35","registryDependencies":["button"],"title":"Sliding Indicator Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Navbar with tab-style navigation supporting underline or pill active states for app-like navigation. Perfect for dashboards and admin panels with section-based interfaces.","name":"navbar36","registryDependencies":["button"],"title":"Tab-Style Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered floating navbar with rounded pill shape, backdrop blur effect, and compact layout. Perfect for modern landing pages and portfolios wanting a minimal floating navigation style.","name":"navbar37","registryDependencies":["button"],"title":"Floating Pill Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-tier navbar with slim top bar for announcements and contact info above main navigation. Perfect for e-commerce and service businesses displaying promotions and support details.","name":"navbar38","registryDependencies":["button"],"title":"Dual-Row Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Developer-focused navbar with Cmd+K command palette for keyboard-driven navigation and actions. Perfect for developer tools, documentation sites, and power-user applications.","name":"navbar39","registryDependencies":["button","command"],"title":"Command Palette Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-row navbar with main navigation and secondary breadcrumb bar for hierarchical content paths. Perfect for e-commerce product pages and documentation with deep category structures.","name":"navbar40","registryDependencies":["button","breadcrumb"],"title":"Breadcrumb Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-tier studio navbar with an availability utility strip, square-mark wordmark, index-numbered links and a seal CTA.","name":"navbar41","registryDependencies":["button"],"title":"Editorial Studio Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Table-inspired navbar with full-height bordered link cells, an availability cell and a dark full-height seal CTA cell.","name":"navbar42","registryDependencies":["button"],"title":"Grid Cell Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dark studio navbar with a primary announcement bar, wordmark with tagline divider, uppercase links and a primary seal CTA.","name":"navbar43","registryDependencies":["button"],"title":"Dark Announcement Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Symmetric navbar with links on the left, a square-mark wordmark centered and a seal CTA on the right, plus a tile-grid mobile menu.","name":"navbar44","registryDependencies":["button"],"title":"Centered Logo Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dark navbar with a hamburger menu cell that opens a fullscreen overlay — the panel and its centered links cascade down from the top, with a contact footer.","name":"navbar45","registryDependencies":["button"],"title":"Fullscreen Overlay Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Studio navbar with hover dropdown submenus on desktop, described sublinks, a seal CTA and an inline-expanded mobile menu.","name":"navbar46","registryDependencies":["button"],"title":"Submenu Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Studio navbar whose Work item opens a full-width mega panel with category links and three featured project thumbnails.","name":"navbar47","registryDependencies":["button"],"title":"Mega Menu Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Print-inspired masthead navbar with a giant centered wordmark flanked by studio meta and contact, over a ruled row of spread-out links with an inline seal CTA.","name":"navbar48","title":"Masthead Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal navbar with an availability status whose menu opens a dark right-side drawer — numbered links float in with a stagger over a backdrop, with a seal CTA and socials below.","name":"navbar49","registryDependencies":["button"],"title":"Drawer Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Detached floating navbar card with a square-mark wordmark, uppercase links and a compact seal CTA — the mobile menu unfolds inside the card.","name":"navbar50","registryDependencies":["button"],"title":"Floating Card Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-row navbar with brand, availability status and seal CTA on top, and an underlined active-tab link row that scrolls horizontally on mobile.","name":"navbar51","registryDependencies":["button"],"title":"Tab Bar Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Letterhead-style navbar with a stacked brand block beside stacked rows of location, email and links, closed off by a seal CTA on the right.","name":"navbar52","registryDependencies":["button"],"title":"Letterhead Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dark studio navbar whose Services item opens a mega panel with three eyebrow-titled link columns and a bordered booking card with a seal CTA.","name":"navbar53","registryDependencies":["button"],"title":"Dark Mega Menu Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Navbar where multiple items each open their own mega panel — three eyebrow-titled columns of described links with a view-all footer strip.","name":"navbar54","registryDependencies":["button"],"title":"Multi Mega Menu Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Navbar with an editorial split mega panel — eyebrow statement and seal CTA on the left, a numbered two-column project index in the middle and a tall studio image on the right.","name":"navbar55","registryDependencies":["button"],"title":"Editorial Mega Menu Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Typographic statement navbar — a hairline row of index-numbered links and availability above a giant wordmark with a primary square, studio meta and seal CTA.","name":"navbar56","registryDependencies":["button"],"title":"Giant Wordmark Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Typographic navbar where the links are the heroes — a hairline brand row above a full-width spread of giant index-numbered links closed by a primary arrow CTA, always visible with no hamburger.","name":"navbar57","title":"Display Type Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal stacked navbar — a large primary logo square with the wordmark tucked into its corner, over a quiet ruled row of uppercase links. No buttons, no hamburger.","name":"navbar58","title":"Monogram Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial single-row navbar — bold wordmark, quiet bold links, and an outline pill CTA. Collapses to a clean full-height mobile menu.","name":"navbar59","title":"Studio Bar Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full mega-menu navbar — bold links open three-column panels with parenthetical section labels, descriptions and a footer link. SSR-mounted panels, pill CTA and a stacked mobile menu.","name":"navbar60","title":"Mega Studio Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Navbar with a marked wordmark and a pill-highlighted trigger that drops a floating rounded mega panel — a parenthetical label over a 3x2 grid of icon use-case cards. Sign-in pill plus a primary CTA.","name":"navbar61","title":"Use-Case Mega Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Navbar with a dark scrolling announcement bar on top — looping links that pause on hover and fade at the edges — over a clean wordmark row with a pill CTA.","name":"navbar62","title":"Announcement Marquee Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A floating rounded-full navbar island resting on a muted band — wordmark, quiet links and a pill CTA, with a rounded mobile menu card that drops below.","name":"navbar63","title":"Floating Pill Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A quiet top bar whose menu button opens a full-screen overlay — oversized numbered links with hover arrows, a contact block and social row beneath. Pure Auralis big type.","name":"navbar64","title":"Fullscreen Overlay Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-tier navbar — a top strip carries an availability badge with a live dot and utility links, over a main row with an oversized wordmark, nav and pill CTA.","name":"navbar65","title":"Status Tier Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Mega-menu navbar whose panels lead with a featured project — a full-color image card with a parenthetical category beside a ruled link list. SSR-mounted panels and a stacked mobile menu.","name":"navbar66","title":"Featured Mega Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Poster-scale navbar — an oversized wordmark anchors the left while a right column stacks the nav, a pill CTA and a parenthetical label. Collapses to a stacked mobile menu.","name":"navbar67","title":"Poster Split Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Search-forward navbar — a wide rounded search field sits at the center with an animated submit seal, framed by the wordmark, quiet links and a pill CTA.","name":"navbar68","title":"Command Search Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Airy navbar with one mega item and two plain links — its panel pairs grouped link columns with a featured promo card. A primary pill CTA plus an expanding search field that swaps in over the actions. Closes on outside click or Escape.","name":"navbar69","title":"Promo Mega Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Inverted bg-foreground navbar with a three-column mega panel — an intro pitch, a numbered index list and a full-color featured image tile, divided by hairline rules. Outline pill CTAs throughout. Closes on outside click or Escape.","name":"navbar70","title":"Dark Three-Column Mega Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A light editorial navbar with a lowercase wordmark, soft muted nav pills that reveal hover dropdowns, a solid accent call to action, and a collapsing mobile menu.","name":"navbar71","registryDependencies":["button"],"title":"Pill Menu Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A minimal navbar with a lowercase wordmark, absolutely centered uppercase text links, an accent call to action, and a collapsing mobile menu.","name":"navbar72","registryDependencies":["button"],"title":"Centered Link Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A navbar with a dark announcement strip above a hairline-bordered row carrying a lowercase wordmark, uppercase links, a sign-in link, an accent call to action, and a mobile menu.","name":"navbar73","registryDependencies":["button"],"title":"Announcement Bar Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A navbar contained in a softly rounded, bordered capsule with a lowercase wordmark, uppercase links, an accent call to action, and a matching mobile panel.","name":"navbar74","registryDependencies":["button"],"title":"Floating Capsule Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A publication masthead whose first section opens a full width panel split by hairlines into the newest issue and two indexed columns, always in the markup and revealed with CSS.","name":"navbar75","registryDependencies":["button"],"title":"Masthead Navigation With Mega Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A sticky, frosted navbar with a serif wordmark, uppercase letter-spaced links that underline from the left on hover, a sliding-marker pill action, and a full-height ink mobile menu whose links settle in one after another.","name":"navbar76","registryDependencies":["button"],"title":"Veil Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A sticky, frosted navbar with the serif wordmark in the centre, uppercase letter-spaced links split to either side that underline from the left on hover, a small sliding-marker pill, and a full-height light mobile menu whose links settle in one after another.","name":"navbar77","registryDependencies":["button"],"title":"Centred Wordmark Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"The classic layout in the language: serif wordmark on the left, uppercase letter-spaced links in the middle that underline from the left on hover, a quiet text link and a sliding-marker pill on the right, and a light full-height mobile menu whose links settle in one by one.","name":"navbar78","registryDependencies":["button"],"title":"Classic Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A sticky navbar topped by a thin ink announcement bar with a small-caps link, then a frosted bar with the serif wordmark, uppercase links that underline from the left on hover, a sliding-marker pill, and a light full-height mobile menu whose links settle in one after another.","name":"navbar79","registryDependencies":["button"],"title":"Announcement Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A sticky frosted navbar whose first item opens a full-width panel: a ruled list of serif services on the left that brightens and slides an arrow in on hover while the photograph on the right blurs to the matching room, plus plain links, a sliding-marker pill and a light mobile me","name":"navbar80","registryDependencies":["button"],"title":"Photo Mega Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A sticky frosted navbar with two mega items, each dropping a full-width panel of three small-caps link groups in serif type beside a soft featured card with a photograph, an eyebrow and a lifting arrow link. Every panel stays in the markup and is shown with CSS; a light mobile me","name":"navbar81","registryDependencies":["button"],"title":"Columns Mega Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A minimal bar with a wordmark, a sliding-marker pill and a two-line menu toggle that turns into a cross, opening a full-screen ink menu with film grain: numbered oversized serif links settle in one after another on the left, the photograph and description on the right blur to whi","name":"navbar82","registryDependencies":["button"],"title":"Full Screen Menu Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Logo left, links centred and a ghost plus solid pair of buttons on the right. The Product item drops a full-width panel of three link columns, each link an icon square with a title and a one-line description, closed by a muted promo band with an arrow link. The phone menu slides ","name":"navbar83","registryDependencies":["button"],"title":"Three Column Product Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Logo and links left-aligned with one outline button on the right. The Solutions item opens a panel with vertical tabs on the left, moved by hover, click or the arrow keys, and a link grid on the right that swaps per tab while every grid stays mounted. The phone menu is a drill-do","name":"navbar84","registryDependencies":["button"],"title":"Vertical Tabs Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centred wordmark with three links on its left and three on its right. The Collections item on the left drops a full-width panel of four 3:2 photo tiles with captions and a View all link. The phone menu is a bottom sheet that rises with a handle over a scrim. Every panel stays i","name":"navbar85","title":"Split Links Tile Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A thin utility row with a locale link, Help and Log in sits over the main bar of logo, links and two buttons. The Products item drops a full-width panel of four link columns with a featured article card on the right: a 3:2 image, a title and a read link. The phone menu is a right","name":"navbar86","registryDependencies":["button"],"title":"Utility Row Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A fixed left rail of icon buttons with the brand mark on top and a create button at the bottom, beside a demo app content area. Hovering, focusing or clicking a rail item opens a flyout card to its right with a heading and described links. On a phone a top bar with the brand and ","name":"navbar87","registryDependencies":["button"],"title":"Icon Rail Flyouts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A floating rounded pill set off the top edge with the brand, four links and a small button. The Features item opens a floating card under the pill with two columns of links and descriptions. On a phone the pill itself grows into a card with a height animation that holds the menu.","name":"navbar88","registryDependencies":["button"],"title":"Detached Pill Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A bar that sits transparent with light links over a dark photo hero band and turns into a solid bar with a bottom border once the page scrolls past 24 pixels. The Explore item drops a full-width panel with two captioned photos and two link columns. The phone menu slides down with","name":"navbar89","registryDependencies":["button"],"title":"Transparent to Solid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A documentation bar with a wordmark and version pill, a Docs trigger that drops a two-column card of described links, plain links, a search trigger styled like an input with a keyboard hint, a theme button and a ghost GitHub link. On phones a left drawer slides in with a collapsi","name":"navbar90","registryDependencies":["button"],"title":"Docs Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A store bar with a wordmark, category triggers (Women, Men, Kids, Home) that each drop a full-width panel of four link columns beside a New in photo tile, and on the right an inline search input, an account icon and a bag icon with a count bubble. On phones a left drawer opens wi","name":"navbar91","registryDependencies":["input"],"title":"Store Categories Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A bar with a wordmark, plain links, a Resources trigger and a small button. Resources drops a full-width panel topped by a search input that filters three groups of described links as you type, with an empty state line. On phones an overlay opens with a live search field over the","name":"navbar92","registryDependencies":["button","input"],"title":"Searchable Resources Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A product bar with a wordmark, plain links, an Apps trigger and an initials avatar. Apps opens a floating card holding a four by three grid of app tiles, each an icon square, a name and a one-liner. On phones the top bar keeps the brand and a fixed bottom tab bar carries five ico","name":"navbar93","title":"App Launcher Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A bar with a wordmark, a Services trigger, plain links and two buttons. Services drops a compact list where items with a chevron open a second-level flyout to their right on hover, click or Arrow Right, and Arrow Left steps back. On phones a panel slides down under the bar with a","name":"navbar94","registryDependencies":["button"],"title":"Cascading Flyouts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A studio bar with a wordmark, a Work trigger, plain links and a button. Work opens a full-width panel with six large project links on the left; hovering or focusing one cross-fades a preview card on the right with a 4:3 photo, a title and a line. On phones a plain flat list drops","name":"navbar95","registryDependencies":["button"],"title":"Preview Card Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A minimal bar with a wordmark, a Menu button and a call to action. Menu opens a fullscreen overlay split in two: five huge links rise in on the left, and on the right a photo cross-fades to whichever link is hovered or focused, with a contact block beneath it. On phones the same ","name":"navbar96","registryDependencies":["button"],"title":"Split Screen Menu","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A muted announcement row with a close button sits above a sticky bar of brand, links and two buttons. The Platform item drops a full-width panel of three link columns beside a Latest changes column of dated changelog entries, and the phone menu slides down as a plain list with a ","name":"navbar97","registryDependencies":["button"],"title":"Dismissible Announcement Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A reading bar for long articles: brand, a Chapters dropdown of numbered section links that marks the chapter in view, and a share button, with a hairline progress line under the bar that fills as the page scrolls. On a phone the dropdown becomes a compact chapter Select in the ba","name":"navbar98","registryDependencies":["button","select"],"title":"Reading Progress Chapters","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A dark translucent bar with a blurred backdrop, muted light links and a light solid button. The Solutions item drops a dark full-width panel with two columns of described links and a large light CTA tile, and the phone menu opens a dark full-screen layer of huge links that locks ","name":"navbar99","registryDependencies":["button"],"title":"Dark Glass Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An edge-to-edge bar built as a row of cells split by hairline borders: brand, link cells, an empty spacer and a button cell, with no gaps between them. The Services cell drops a full-width row of four bordered cards with a title, a line and an arrow, and the phone menu slides dow","name":"navbar100","registryDependencies":["button"],"title":"Bordered Cells Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centred wordmark between a Menu toggle on the left and a button on the right. The toggle drops a curtain from the top of the viewport, 70vh tall on desktop and full height on a phone, holding three columns of large links and a footer row with an email and social links over a di","name":"navbar101","registryDependencies":["button"],"title":"Top Curtain Menu","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A main bar of brand, links and a button stacked over a second sticky row of section pills, where a filled indicator slides to the pill you click with a shared framer-motion layout. There is no mega menu; on a phone the toggle reveals the main links as one horizontally scrollable ","name":"navbar102","registryDependencies":["button"],"title":"Sticky Sub-Nav Pills","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A bar with the brand, one Menu trigger and a pair of buttons. The trigger drops a full-width panel with horizontal tabs for Products, Solutions and Resources over a grid of described links, switched by click or the arrow keys, and on a phone the same tabs turn into an accordion i","name":"navbar103","registryDependencies":["button"],"title":"Single Menu Tabs Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A minimal bar with the brand on the left and a single Menu word beside a CTA on the right; the word drops a full-width panel of three link columns over a bottom row of office locations and social links. The same panel serves every viewport and stays in the markup, toggled with CS","name":"navbar104","registryDependencies":["button"],"title":"Word Menu Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A bar with brand, links and a search icon that widens into a full input, pushing the links aside, while a Categories trigger drops a two-column floating card. On a phone the search takes over the bar and the filtered link list below it becomes the menu. Every panel stays in the m","name":"navbar105","registryDependencies":["button","input"],"title":"Expanding Search Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An app-style bar with the brand, a thin rule and a chevron switcher showing the current section; the switcher drops a floating list of sections with descriptions and a check on the current one, and actions sit on the right. On a phone the same list rises as a bottom sheet behind ","name":"navbar106","registryDependencies":["button"],"title":"Context Switcher Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A travel bar with the brand, a Destinations trigger that drops a full-width band of region columns, plain links, and a language button showing the current code and currency that opens a floating list of languages with native names and currencies. On a phone a right drawer holds t","name":"navbar107","registryDependencies":["button"],"title":"Locale and Destinations Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A studio bar whose links read as a numbered index (01 Work, 02 Studio, 03 Journal); hovering or clicking an entry with projects reveals a full-width panel holding a horizontally scrolling, scroll-snapped strip of project thumbnails with captions and arrow buttons. On a phone a fu","name":"navbar108","registryDependencies":["button"],"title":"Numbered Index Menu","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A compact app bar with the brand and an environment pill, page links, a status dot with a short system status line and an initials avatar that opens a hand-built account dropdown (profile, billing, team, sign out) with arrow key navigation. On a phone the avatar raises a bottom s","name":"navbar109","title":"Account Menu Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A bar with brand, links and two buttons where Why us opens a full-width panel split in half: a headline, a paragraph and two buttons on the left, two columns of described links on the right. On a phone a panel slides down with the action buttons side by side at its top, then the ","name":"navbar110","registryDependencies":["button"],"title":"Headline Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A co-branded bar: the wordmark, a thin vertical rule and a partner mark, then links and a button. Programmes drops a floating card of dated programme rows with a calendar link, and the phone menu is an overlay under the bar that ends in a contact footer. Every panel stays in the ","name":"navbar111","registryDependencies":["button"],"title":"Partner Marks Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A sticky store bar that slides away while you scroll down, returns as soon as you scroll up and shrinks from 64 to 56 pixels once the page moves. Shop drops a full-width panel of three link columns, and on a phone the menu is a floating bottom pill of icon links whose Menu button","name":"navbar112","registryDependencies":["button"],"title":"Hide on Scroll Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Brand and links on the left, a ghost and a solid button on the right. Pricing drops a full-width panel with a short intro, a Compare plans link and three mini plan cards, each with a name, a price, three lines and an outline button. On a phone the menu slides down as an accordion","name":"navbar113","registryDependencies":["button"],"title":"Pricing Preview Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A minimal top bar with the brand and a button, plus a column of section dots fixed at the right edge whose labels slide out on hover or focus; an IntersectionObserver moves the active dot as each section crosses the middle of the screen. On a phone the dots sit in a bottom row wi","name":"navbar114","registryDependencies":["button"],"title":"Side Dots Navigation","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Brand, links and a button in a sticky bar. Journeys drops a full-width panel set on a photo under a dark scrim, with a headline, an arrow link and four columns of light links. On a phone the menu is an overlay under the bar that opens with the same photo and headline on top, then","name":"navbar115","registryDependencies":["button"],"title":"Photo Backdrop Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"For product families: the brand is a button with an up-down chevron that drops a floating switcher of sibling products, each with an initial-letter mark, a name, a one-liner and a check on the current one, followed by links and buttons. On a phone the menu is a left drawer that o","name":"navbar116","registryDependencies":["button"],"title":"Brand Switcher Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Brand, links and a button, with an Explore panel of three link columns built for the keyboard: a roving tab stop, Arrow keys across items and columns, Home and End jumps, Escape back to the trigger and a visible focus ring on every link. On a phone the menu is an overlay under th","name":"navbar117","registryDependencies":["button"],"title":"Keyboard First Mega","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Animated breaking news ticker with live indicator, category badges, and auto-rotating headlines.","name":"news1","registryDependencies":["badge"],"title":"Breaking News Ticker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"News section with large featured article and side list. Includes category badges, author info, and timestamps.","name":"news2","registryDependencies":["badge"],"title":"Featured News Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real-time news feed with category tabs, live indicators, trending badges, and source attribution.","name":"news3","registryDependencies":["badge","button"],"title":"Live News Feed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Magazine-style news section with large featured article and 2x2 grid. Dynamic category filtering.","name":"news4","registryDependencies":["badge"],"title":"Magazine News Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical news timeline with timestamps, breaking news indicators, and optional article images.","name":"news5","registryDependencies":["badge"],"title":"News Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal news cards with author info, read time, trending indicators, and hover effects.","name":"news6","registryDependencies":["badge","button"],"title":"Horizontal News Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Classic newspaper layout with serif typography, featured article spanning two columns, and sidebar articles.","name":"news7","registryDependencies":["badge"],"title":"Newspaper Style","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact numbered headline list with large index numbers, category badges, and source attribution.","name":"news8","registryDependencies":["badge"],"title":"Numbered Headlines","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-column news card grid with gradient overlays, category badges, and author info.","name":"news9","registryDependencies":["badge"],"title":"Trending Cards Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Video-focused news section with large thumbnail, play button overlay, duration badge, and related stories sidebar.","name":"news10","registryDependencies":["badge"],"title":"Video News Feature","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Masonry-style news grid with large, medium, and small article cards. Dynamic sizing based on article importance.","name":"news11","registryDependencies":["badge"],"title":"Masonry News Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Global news grid with color-coded region indicators, hot story badges, and source attribution.","name":"news12","registryDependencies":["badge"],"title":"World News by Region","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Financial news feed with stock symbols, price changes, trend indicators, volume data, and animated progress bars.","name":"news13","registryDependencies":["badge"],"title":"Stock Market News","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal news list with oversized numbers, large typography, and clean dividers. Perfect for weekly roundups.","name":"news14","registryDependencies":["badge","button"],"title":"Minimal Big Numbers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Featured news carousel with large images, navigation arrows, and progress dots. Side-by-side layout on desktop.","name":"news15","registryDependencies":["badge","button"],"title":"News Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact quick news list with bullet points, source attribution, and external link indicators. Perfect for news digests.","name":"news16","registryDependencies":["badge"],"title":"Quick News Bites","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Live sports scores with team form indicators, possession bar, match events (goals, cards), venue info, and upcoming match support.","name":"news17","registryDependencies":["badge"],"title":"Sports Match Center","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Fully functional audio player with Now Playing card, playlist view, progress bar, skip controls, and waveform animation.","name":"news18","title":"Audio News Player","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Hacker-style terminal with boot sequence animation, typing effects, priority badges, and command-line aesthetic.","name":"news19","title":"Terminal News Feed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Classic newspaper front page layout with masthead, headline hierarchy, three-column text, and drop caps.","name":"news20","title":"Vintage Newspaper","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Retro airport departure board style news ticker with character-by-character flip animation and auto-rotating headlines.","name":"news21","registryDependencies":["badge"],"title":"Split-Flap Display","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side comparison of different viewpoints on a topic, with color-coded columns and author info.","name":"news22","registryDependencies":["badge"],"title":"Two Perspectives","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"News organized by day with calendar-style headers, timeline layout, and category badges.","name":"news23","registryDependencies":["badge"],"title":"Weekly Calendar View","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Newsletter signup sidebar with featured story and additional headlines. Sticky subscription form.","name":"news24","registryDependencies":["badge","button"],"title":"Newsletter with Featured","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"News categories grid with story counts, top story preview, and browse links.","name":"news25","registryDependencies":["badge"],"title":"Category Hub","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Opinion pieces with pull quotes, author profiles, and category badges. Editorial-style layout.","name":"news26","registryDependencies":["badge"],"title":"Opinion & Editorial","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Immersive 3D carousel with stacked cards, smooth transitions, depth effects, and navigation controls.","name":"news27","registryDependencies":["badge"],"title":"3D Story Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Data journalism style cards with animated numbers, change indicators, progress bars, and key statistics.","name":"news28","registryDependencies":["badge"],"title":"Data Statistics Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Instagram-style story circles with fullscreen viewer, auto-advance progress bars, channel avatars, and LIVE badges.","name":"news29","title":"News Stories","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Premium magazine-style editorial layout with featured story, author byline, and numbered trending sidebar.","name":"news30","title":"Editorial Magazine","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric bento box layout with large hero, gradient stat cards, and image tiles in a visually striking grid.","name":"news31","registryDependencies":["badge"],"title":"Bento News Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial magazine layout with dramatic cover story, serif typography, author bylines, and featured story grid.","name":"news32","registryDependencies":["badge","button"],"title":"Magazine Cover","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real-time news timeline with live indicator, breaking/developing badges, timestamps, and chronological updates.","name":"news33","title":"Live News Feed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Email newsletter style news layout with editor's note, categorized stories, and subscription CTA.","name":"news34","title":"Newsletter Preview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cinematic full-screen news slideshow with animated transitions, auto-play, spotlight effect, and dramatic typography.","name":"news35","title":"News Spotlight Theater","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A press section built around a soft panel holding the standout quote and its publication, followed by hairline coverage rows that align publication, headline, and date, and a press kit action to close.","name":"news36","registryDependencies":["button"],"title":"Press Coverage List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A newsroom whose kind pills are derived from the announcements and carry live counts, narrowing a chronological list of hairline rows that align the kind, the date, and the headline with its summary.","name":"news37","title":"Filterable Newsroom Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single announcement laid out like an article, with a standfirst, a full-bleed captioned photo band, a reading column, and a sticky rail carrying the key facts and related entries.","name":"news38","registryDependencies":["button"],"title":"Announcement Story","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A company update held in one dark panel, pairing a light heading and four supporting figures over a hairline rule with a bordered column that floats a live press contact card.","name":"news39","registryDependencies":["button"],"title":"Inverted Company Announcement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A monthly round-up grouped into what shipped, what broke, and what is still undecided, each entry a linked hairline row, beside a sticky tile floating the month's live figures.","name":"news40","registryDependencies":["button"],"title":"Monthly Digest","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A media kit listing downloadable assets as linked hairline rows with their formats, a swatch column naming each colour and where it is used, and two usage rules set as an allowed and a not-allowed card.","name":"news41","registryDependencies":["button"],"title":"Press And Brand Kit","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A postmortem archive opening on four hairline reliability figures, then listing every incident as a linked row with a tone-coded severity chip, its duration, the impact, and the fix, beside a live uptime strip.","name":"news42","registryDependencies":["button"],"title":"Public Incident History","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A narrow archive reduced to one hairline row per issue, the subject line on the left and the date it went out on the right, with nothing else on the page to read past.","name":"news43","title":"Minimal Issue Archive","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered welcome screen featuring a hero image, step counter, and dual CTAs. Perfect for app onboarding flows that guide users through a multi-step setup process.","name":"onboarding1","registryDependencies":["badge","button"],"title":"Welcome Hero with Step Indicator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column welcome layout with feature checklist, user count, and star ratings alongside an image. Perfect for SaaS onboarding that highlights key benefits and builds trust.","name":"onboarding2","registryDependencies":["badge","button"],"title":"Split Layout with Features and Social Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clean, centered welcome screen with a branded icon, heading, and single call-to-action. Perfect for simple app introductions that prioritize clarity over complexity.","name":"onboarding3","registryDependencies":["button"],"title":"Minimal Welcome with Icon","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Welcome screen featuring a video thumbnail with play overlay and duration badge. Perfect for product tours that use video content to demonstrate features.","name":"onboarding4","registryDependencies":["badge","button"],"title":"Video Introduction Screen","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Multi-step progress indicator with numbered circles connected by a progress line. Perfect for account setup wizards that show users their completion status.","name":"onboarding5","registryDependencies":["badge","button"],"title":"Horizontal Steps with Progress Line","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical timeline layout with step indicators, descriptions, and a connecting progress line. Perfect for workspace setup flows with detailed step explanations.","name":"onboarding6","registryDependencies":["badge","button"],"title":"Vertical Timeline Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Card-based progress tracker showing completion percentage and a checklist of tasks with visual status. Perfect for gamified onboarding that motivates users to finish setup.","name":"onboarding7","registryDependencies":["badge","button","progress"],"title":"Progress Bar with Task Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive form wizard with segmented progress bar, form fields, and back/next navigation. Perfect for account registration flows collecting user and company information.","name":"onboarding8","registryDependencies":["badge","button","checkbox","input","select"],"title":"Multi-Step Form Wizard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Animated step wizard with square numbered indicators and content cards for each step. Perfect for product walkthroughs that guide users through key features.","name":"onboarding9","registryDependencies":["badge","button"],"title":"Step Cards with Numbered Indicators","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive accordion layout where each step expands to reveal detailed instructions and action buttons. Perfect for setup guides that let users complete tasks at their own pace.","name":"onboarding10","registryDependencies":["badge","button"],"title":"Accordion Steps with Expandable Actions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Desktop wizard with a vertical side navigation menu and content panels for each step. Perfect for comprehensive account setup requiring multiple configuration screens.","name":"onboarding11","registryDependencies":["badge","button","input"],"title":"Side Navigation Wizard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Visual progress tracker featuring a circular percentage indicator with completion stats and task list. Perfect for profile setup flows that encourage users to reach 100% completion.","name":"onboarding12","registryDependencies":["badge","button"],"title":"Circular Progress with Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen where users select their role or persona to personalize their experience. Each role card shows an icon, title, and description with a selectable highlight state.","name":"onboarding13","registryDependencies":["badge","button"],"title":"Role Persona Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Combined onboarding card for creating a workspace with name and URL slug, plus a team invite section with email inputs. Perfect for SaaS apps that require team collaboration setup.","name":"onboarding14","registryDependencies":["badge","button","input","input-group"],"title":"Workspace Setup with Team Invite","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen with a grid of available integrations showing connection status and connect/skip actions. Perfect for apps that rely on third-party services like Slack, GitHub, and Google.","name":"onboarding15","registryDependencies":["badge","button"],"title":"Integration Connector Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen with a grid of selectable interest tags and chips for personalizing content recommendations. Perfect for content platforms, newsletters, and social apps.","name":"onboarding16","registryDependencies":["badge","button"],"title":"Interest Tag Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen where users pick their primary goal to receive a tailored onboarding path. Each goal card shows a recommended feature set. Perfect for multi-purpose platforms.","name":"onboarding17","registryDependencies":["badge","button"],"title":"Goal Selector with Paths","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen with toggle switches for configuring notification channels and frequency. Perfect for apps that need granular notification consent during setup.","name":"onboarding18","registryDependencies":["badge","button","switch"],"title":"Notification Preferences","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen with a form card for setting up user profile including avatar, display name, bio, and timezone. Perfect for the personal details step in any SaaS onboarding flow.","name":"onboarding19","registryDependencies":["badge","button","input","select"],"title":"Profile Setup Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen with a grid of starter templates to choose from, each with a preview thumbnail, title, and description. Perfect for project creation flows in design tools and project management apps.","name":"onboarding20","registryDependencies":["badge","button"],"title":"Template Starter Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Completion screen shown after finishing onboarding with a summary of what was configured and quick-start action links. Perfect for ending the setup flow with clear next steps.","name":"onboarding21","registryDependencies":["badge","button"],"title":"Onboarding Completion Screen","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen showing current plan details with visual usage bars for storage, seats, and API calls. Perfect for SaaS post-signup flows that introduce plan limits and upgrade paths.","name":"onboarding22","registryDependencies":["badge","button","progress"],"title":"Plan Overview with Usage Limits","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen for configuring account security including two-factor authentication, recovery email, and backup codes. Perfect for apps that prioritize security during onboarding.","name":"onboarding23","registryDependencies":["badge","button"],"title":"Security Setup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen displaying essential keyboard shortcuts in a grouped grid layout with key badges. Perfect for productivity tools that want to accelerate user adoption.","name":"onboarding24","registryDependencies":["badge","button"],"title":"Keyboard Shortcuts Cheat Sheet","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen for choosing theme mode (light, dark, system) and accent color. Perfect for apps that offer visual customization as part of the onboarding experience.","name":"onboarding25","registryDependencies":["badge","button"],"title":"Theme and Appearance Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen with import options from other platforms, CSV upload, and manual entry. Perfect for SaaS migration flows that help users bring existing data into the platform.","name":"onboarding26","registryDependencies":["badge","button"],"title":"Data Import Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen with a quick survey asking how the user discovered the product, with selectable options and an optional text input. Perfect for marketing attribution during signup.","name":"onboarding27","registryDependencies":["badge","button","input"],"title":"Attribution Survey","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen for choosing a billing cycle (monthly/yearly) with savings badge, payment method selection, and optional coupon code input. Perfect for SaaS apps that collect payment during onboarding.","name":"onboarding28","registryDependencies":["badge","button","input"],"title":"Billing Setup with Cycle Toggle","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen for collecting company information including name, team size selector chips, and industry dropdown. Perfect for B2B SaaS apps that need organizational context during setup.","name":"onboarding29","registryDependencies":["badge","button","input","select"],"title":"Company Info Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding screen with navigable feature highlight cards, dot indicators, and back/next buttons. Perfect for introducing key platform features during the first-time user experience.","name":"onboarding30","registryDependencies":["badge","button"],"title":"Feature Tour Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A getting-started section with an eyebrow over a hairline rule, a two-column heading, three monospace-numbered steps under their own hairlines, and an accent button.","name":"onboarding31","registryDependencies":["button"],"title":"Three Step Getting Started","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A reversed split with an image tile floating a live import dropzone on the left, and an eyebrow, light heading, three monospace-numbered steps, and an accent button on the right.","name":"onboarding32","registryDependencies":["button"],"title":"Data Import Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A setup panel pairing a soft progress column, where an oversized percentage and accent bar react to what is ticked, with hairline checklist rows that each carry a description and a jump-in link.","name":"onboarding33","title":"Interactive Setup Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A getting-started section whose role pills swap a sticky summary column and the numbered steps beside it, each step carrying its own title, explanation, and honest time estimate.","name":"onboarding34","registryDependencies":["button"],"title":"Role Based Getting Started","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A setup section listing four numbered steps with who owns each one, against a column that sticks while they scroll and floats a live step tracker on an image tile.","name":"onboarding35","registryDependencies":["button"],"title":"Tracked Setup Sequence","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A first-day agenda held in one bordered panel, with timestamped hairline rows naming what happens, who is needed, how long it takes, and which parts are optional.","name":"onboarding36","registryDependencies":["button"],"title":"Go-Live Day Agenda","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A team setup section pairing a soft panel with a working invite row, a role picker, and a plain-language table of what each role can reach, with a bordered list of who is already on the account and whether they have accepted, closing on a seat meter that fills one tick per seat t","name":"onboarding37","registryDependencies":["input","select","button"],"title":"Invite Your Team","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An import section leading with an image tile that floats a live upload dropzone, then setting out the formats that are read and the records that come across as two checked hairline lists.","name":"onboarding38","registryDependencies":["button"],"title":"Data Import Reassurance","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An onboarding section setting out four dated milestones as bordered cards, each closing on the figure it should hit, above a soft panel that floats a live progress metric on an image tile.","name":"onboarding39","registryDependencies":["button"],"title":"Thirty Day Milestones","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A responsibility table grouping migration tasks into phases on hairline rows, marking each as yours, ours, or shared with a check or a dash, and totalling the customer's time in one light figure.","name":"onboarding40","registryDependencies":["button"],"title":"Division Of Labour Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A candid onboarding section listing what tends to go wrong on hairline rows, each with a tone-coded frequency chip, how often it has been seen, and the mitigation already in place.","name":"onboarding41","registryDependencies":["button"],"title":"Migration Risk Register","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A learning section leading with an image tile that floats a live help centre search, then listing the videos, guides, and sessions behind it as linked hairline rows across two columns.","name":"onboarding42","registryDependencies":["button"],"title":"Training Resources","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","@radix-ui/react-slot"],"description":"A two-column setup section: the pitch and what each answer changes on the left, and a one-question-at-a-time wizard on the right that ends in a review of everything it is about to create.","name":"onboarding43","registryDependencies":["questionnaire"],"title":"Guided Workspace Setup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A setup checklist with a sticky left column: serif headline that settles in word by word, an intro, a large done count over a hairline progress bar that grows as steps are ticked, and a sliding-marker pill. On the right a ruled list of steps, each with a round check button, a ser","name":"onboarding44","registryDependencies":["button"],"title":"Setup Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column podcast hero featuring cover art with video modal, host info, episode count, and latest episode card. Perfect for podcast landing pages that highlight show branding and recent content.","name":"podcast1","registryDependencies":["badge","button"],"title":"Hero with Cover Art and Video Modal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Audio player card featuring cover art, animated waveform visualization, play/pause controls, and progress tracking. Perfect for embedded podcast players on show pages.","name":"podcast2","registryDependencies":["badge","button"],"title":"Player Card with Waveform Visualization","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Detailed episode page with cover art, duration, publish date, numbered show notes, and host/guest profiles. Perfect for individual episode pages that provide comprehensive content information.","name":"podcast4","registryDependencies":["badge","button"],"title":"Episode Detail with Show Notes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of episode cards featuring thumbnails, duration badges, categories, and click-to-play video modals. Perfect for episode listings and related content sections.","name":"podcast14","registryDependencies":["badge","button"],"title":"Episode Grid with Video Modals","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Host profile card featuring avatar, bio, stats (shows, episodes, listeners), social links, and a grid of their podcast shows. Perfect for podcaster profile pages and network creator pages.","name":"podcast38","registryDependencies":["badge","button"],"title":"Creator Profile with Shows Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Searchable episode transcript with clickable timestamps, speaker labels, and download option. Perfect for podcast accessibility features and content discovery.","name":"podcast41","registryDependencies":["badge","button","input"],"title":"Transcript Viewer with Search","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Episode sharing widget with copy link, social platform buttons (Twitter, Facebook, LinkedIn, Email), and embeddable iframe code. Perfect for encouraging episode sharing across platforms.","name":"podcast42","registryDependencies":["badge","button","sonner"],"title":"Share Modal with Social and Embed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid of podcast platform cards with logos and external links for Apple Podcasts, Spotify, Google Podcasts, and more. Perfect for helping listeners find and subscribe on their preferred platform.","name":"podcast49","registryDependencies":["badge","button"],"title":"Subscribe Platforms Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Podcast overview section with cover art, stats grid (episodes, launch date, listeners, awards), and expandable long description. Perfect for show about pages and media kit sections.","name":"podcast52","registryDependencies":["badge","button"],"title":"About Section with Stats Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A podcast section with an eyebrow over a hairline rule and a two-column heading, pairing an image tile that floats a live audio player with a divided episode list.","name":"podcast53","title":"Player And Episode List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An entry point for a back catalogue: three questions score the listening paths, and the winner is handed over as an ordered run of three episodes with cover art, numbers, and a total runtime added up from the episodes themselves.","name":"podcast54","registryDependencies":["questionnaire","button"],"title":"Listening Path Builder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A show header with subscribe buttons over one wide episode card: date, hosts, title, a show notes sentence, and a waveform player with play, seek, and elapsed time. Three more episodes sit underneath as cards, and pressing one loads it into the player and starts it. Each episode ","name":"podcast55","registryDependencies":["button"],"title":"Featured Episode Player","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Expandable accordion FAQ section with collapsible question-and-answer cards. Perfect for freelancers and consultants displaying project timeline, payment, and support questions.","name":"portfolio61","title":"Freelancer FAQ Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of social media platform buttons with follower counts and platform icons. Perfect for creators and influencers showcasing their social media presence.","name":"portfolio62","registryDependencies":["button"],"title":"Social Media Connect Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Hero section with circular avatar photo, name, role/title, bio description, and CTA button. Perfect for personal portfolio landing pages and professional introductions.","name":"portfolio67","registryDependencies":["button"],"title":"Personal Introduction Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid of book cards displaying cover images, titles, authors, star ratings, and category badges. Perfect for sharing reading lists and book recommendations on personal sites.","name":"portfolio70","title":"Book Recommendations Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column project showcase with large image, project description, technology/skill badges, and case study CTA. Perfect for highlighting featured portfolio projects with reversible layout.","name":"portfolio79","registryDependencies":["badge","button"],"title":"Featured Case Study Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-column numbered workflow section showing project phases like Discovery, Strategy, Design, and Deliver. Perfect for freelancers and agencies explaining their project methodology.","name":"portfolio84","title":"Work Process Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Video showcase section with thumbnail image, play button overlay, duration badge, and modal video player. Perfect for personal introduction videos or portfolio reels.","name":"portfolio88","registryDependencies":["button"],"title":"Video Introduction Player","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid of partner cards featuring circular avatars, names, roles, skill badges, and clickable links. Perfect for showcasing team members, collaborators, or professional network.","name":"portfolio89","registryDependencies":["badge"],"title":"Collaboration Partners Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Conference and event speaking schedule with upcoming and past talks, dates, locations, attendee counts, and video/slides links. Perfect for speakers and thought leaders showcasing their talks.","name":"portfolio90","registryDependencies":["badge","button"],"title":"Speaking Engagements Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Repository showcase with stars, forks, contribution counts, maintainer/contributor badges, and language tags. Perfect for developers highlighting their open source work.","name":"portfolio92","registryDependencies":["badge","button"],"title":"Open Source Contributions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-tier mentorship pricing section with duration, session counts, feature checklists, and booking CTAs. Perfect for coaches and mentors offering paid coaching packages.","name":"portfolio94","registryDependencies":["badge","button"],"title":"Mentorship Pricing Plans","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column categorized preferences with checkmarks and X icons showing preferred vs non-preferred work styles. Perfect for freelancers clarifying ideal project types and engagement models.","name":"portfolio97","title":"Work Preferences Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical timeline showcasing career milestones with achievement icons, year badges, descriptions, and key metrics. Perfect for professionals displaying awards, launches, and growth achievements.","name":"portfolio98","registryDependencies":["badge"],"title":"Career Highlights Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Goal cards with icons, timeframe badges, descriptions, and visual progress bars showing completion percentage. Perfect for sharing personal or professional aspirations and current progress.","name":"portfolio99","registryDependencies":["badge"],"title":"Future Goals Progress Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered contact section with headline, description, primary CTA button, and social media link buttons with handles. Perfect for portfolio page footers encouraging visitor engagement.","name":"portfolio100","registryDependencies":["button"],"title":"Contact Call-to-Action Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Portfolio grid of project cards with hover-zoom imagery, numbered titles, category tags and a seal arrow link.","name":"portfolio101","title":"Project Showcase Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-bleed auto-scrolling marquee of studio projects with a header and view-all CTA.","name":"portfolio102","registryDependencies":["button"],"title":"Work Marquee","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric bento mosaic of project tiles with overlaid titles and hover seal arrows.","name":"portfolio103","title":"Bento Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A numbered project index that cross-fades a sticky image preview as each row is hovered.","name":"portfolio104","title":"Interactive Work Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Oversized type project index where each row reveals a thumbnail and shifts to the accent on hover.","name":"portfolio105","title":"Typographic Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Discipline-tabbed project gallery using shadcn Tabs with a grid of cards per category.","name":"portfolio106","registryDependencies":["tabs"],"title":"Filtered Work Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Selected-work section with a row of category filter tabs that filter a monochrome project grid client-side; each card links out to the project.","name":"portfolio107","title":"Filterable Project Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Masonry archive gallery in a CSS columns layout — project stills of varying heights, each linking out with a title and year caption beneath.","name":"portfolio108","title":"Masonry Archive Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three alternating case-study rows pairing a large rounded image with a title, description, detail line, and an editorial link.","name":"portfolio109","title":"Alternating case-study rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"One large featured project with image, category, and title, followed by a row of smaller project cards. Monochrome studio styling.","name":"portfolio110","title":"Featured project + grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A header with a two-column, vertically staggered gallery of project cards — each a linked full-color image with a ruled title, category, and year.","name":"portfolio111","title":"Staggered Editorial Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial project index of ruled rows — padded numeral, project name, client and year, with a floating thumbnail revealed on hover.","name":"portfolio112","title":"Project Index Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A grayscale grid of bordered client logo cells followed by a strip of three selected-work thumbnails with titles, each linking out.","name":"portfolio113","title":"Client wall & selected work strip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A monochrome three-column grid of uniform project cards, each pairing an image with a title, client / year / service chips, and a link to the case.","name":"portfolio114","title":"Uniform project card grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact recent-work list of ruled rows, each a link with a small thumbnail, title, year, and an arrow.","name":"portfolio115","title":"Recent Work List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Recognition section pairing a ruled list of awards with two to three highlighted project thumbnails.","name":"portfolio116","title":"Awards & Highlights Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A portfolio with an eyebrow over a hairline rule and a two-column heading, then a full-width featured case card and a three-up grid, each an image with a gradient overlay carrying a client, headline result, and note.","name":"portfolio117","title":"Case Study Spotlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A picture-free work index laid out as four aligned columns, year, client, what was done and the discipline, with the column heads appearing only once the row can hold them.","name":"portfolio118","title":"Selected Work Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width article with gradient overlay hero image, featured badge, and complete metadata. Ideal for flagship content that deserves prominent visual presentation.","name":"post3","registryDependencies":["badge","button"],"title":"Featured Article Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal design with tags above title and author metadata below. Perfect for technical articles or educational content that prioritizes readability.","name":"post4","registryDependencies":["avatar","badge"],"title":"Clean Article Format","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Article wrapped in a bordered card container with featured image at top and tags integrated into header. Works well for curated collections or featured stories.","name":"post5","registryDependencies":["avatar","badge","card"],"title":"Card-Based Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Prominent author profile with large avatar display, followed by featured image below title. Best for thought leadership or expert opinion pieces.","name":"post6","registryDependencies":["avatar","badge"],"title":"Author-Focused Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal text-based layout with small featured image and condensed metadata. Ideal for short tips, quick takes, or news briefs.","name":"post7","registryDependencies":["badge"],"title":"Compact Quick Read","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column layout with table of contents on left, main article in center, and right sidebar for related content. Perfect for long-form guides.","name":"post8","registryDependencies":["avatar","badge"],"title":"Article with Left Sidebar TOC","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with main content on left and sticky author profile card on right with social links. Great for individual contributor articles.","name":"post9","registryDependencies":["avatar","badge","button"],"title":"Article with Right Author Box","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column layout with TOC left sidebar, main article center, and action buttons with tags right sidebar. Best for technical documentation.","name":"post10","registryDependencies":["avatar","badge","button","card"],"title":"Article with Triple Sidebar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered article layout with floating table of contents button in bottom right corner. Ideal for mobile-first or single-column responsive designs.","name":"post11","registryDependencies":["avatar","badge","button"],"title":"Center-Aligned Floating TOC","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with main article and right sidebar containing related article cards with thumbnails. Perfect for discovery-focused content.","name":"post12","registryDependencies":["avatar","badge"],"title":"Article with Related Posts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-viewport hero image with title and summary overlaid at bottom with gradient. Excellent for visual storytelling or narrative-driven content.","name":"post13","registryDependencies":["avatar","badge"],"title":"Hero Image Dominant","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered layout featuring large pull quotes as visual breaks and prominent featured image. Ideal for essays or opinion pieces with strong statements.","name":"post14","registryDependencies":["avatar","badge"],"title":"Centered Essay Pull Quotes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Article with two-column intro section separating key points before main content begins. Perfect for explainers that need dual perspectives.","name":"post15","registryDependencies":["avatar","badge"],"title":"Two-Column Introduction","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Elegant essay-style layout with drop cap on first letter and integrated syntax-highlighted code blocks. Best for literary or technical essays.","name":"post16","registryDependencies":["avatar","badge"],"title":"Essay with Drop Cap","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Newsletter-style layout with issue number, dashed dividers between sections, and subscribe button. Perfect for weekly roundups or curated content.","name":"post17","registryDependencies":["badge","button"],"title":"Newsletter Issue Template","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Technical article with code blocks featuring language labels, filenames, and copy-to-clipboard buttons. Ideal for programming tutorials.","name":"post18","registryDependencies":["avatar","badge","button"],"title":"Article with Code Snippets","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tutorial layout with numbered steps, prerequisites box, terminal commands, and completion message. Perfect for hands-on guides.","name":"post19","registryDependencies":["avatar","badge","button"],"title":"Step-by-Step Tutorial","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Documentation-focused layout with version badge, info/warning/tip boxes, and previous/next navigation. Best for technical documentation.","name":"post20","registryDependencies":["badge","button"],"title":"Documentation Getting Started","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Timeline-style changelog with version badges, dates, and color-coded change types. Ideal for release notes and version history.","name":"post21","registryDependencies":["badge"],"title":"Changelog Timeline View","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Technical reference with endpoint cards, HTTP method badges, and side-by-side request/response examples. Perfect for API documentation.","name":"post22","registryDependencies":["badge","button"],"title":"API Reference Documentation","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered essay layout with large typography, ornamental separators, and author bio footer. Ideal for reflective essays or creative writing.","name":"post23","registryDependencies":["avatar"],"title":"Literary Essay Separators","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Photography-focused layout with hero image, full-width photos, side-by-side grids, and captions. Perfect for travel or photography narratives.","name":"post24","registryDependencies":["avatar"],"title":"Visual Story Photo Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interview layout showing interviewer and interviewee with avatars, hero image, and question-answer pairs. Ideal for interviews and conversations.","name":"post25","registryDependencies":["avatar","badge"],"title":"Interview Q&A Format","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Case study format with client info, overview box, metrics grid, sectioned content, and testimonial callout. Perfect for portfolio pieces.","name":"post26","registryDependencies":["badge"],"title":"Case Study with Metrics","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Newspaper-style layout with byline, serif typography, author bio sidebar, and trending articles list. Ideal for news or journalism.","name":"post27","registryDependencies":["avatar","badge","button"],"title":"News Article Sidebar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Ultra-minimal essay with light typography, sparse content, horizontal rule separators, and small images. Best for contemplative short pieces.","name":"post28","title":"Minimalist Short Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sports-focused layout with match score display, timeline of match events, stats comparison, and player of the match. Perfect for game recaps.","name":"post29","registryDependencies":["avatar","badge"],"title":"Sports Match Report","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Article with prominent share buttons for Twitter/LinkedIn, copy link function, and engagement-focused layout. Ideal for thought leadership.","name":"post30","registryDependencies":["avatar","button"],"title":"Social Sharing Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Educational article with clear heading hierarchy, embedded images with captions, and readable body text. Good for informational content.","name":"post31","registryDependencies":["avatar","badge"],"title":"Educational Article Images","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Article with text selection and highlighting feature allowing readers to save key quotes. Great for reference material or learning content.","name":"post32","registryDependencies":["avatar","badge","button"],"title":"Highlightable Content","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Personal essay with large author bio, social links, extensive credentials, and expertise areas displayed. Perfect for founder stories.","name":"post33","registryDependencies":["badge","button"],"title":"Entrepreneur Profile","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Guest article with editor's introduction note, separate author profile for contributor, and clear attribution. Ideal for contributed content.","name":"post34","registryDependencies":["avatar","badge"],"title":"Guest Post Editor Note","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Report with multiple author profiles showing titles and contributions, team collaboration visual. Perfect for research or team-authored content.","name":"post35","registryDependencies":["avatar","badge"],"title":"Multi-Author Research","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Expert opinion column displaying credentials, publications count, expertise areas, and callout boxes. Ideal for expert columns and thought leadership.","name":"post36","registryDependencies":["avatar","badge"],"title":"Expert Column Credentials","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Opinion column layout with columnist profile, previous articles list, and editorial styling. Perfect for recurring contributor pieces and thought leadership.","name":"post37","registryDependencies":["avatar","badge","button"],"title":"Columnist Opinion Column","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Article with featured video player, thumbnail preview, and watch time display. Ideal for video-first content with accompanying text.","name":"post38","registryDependencies":["avatar","badge","button"],"title":"Video Article Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Podcast episode layout with audio player, host/guest profiles, timestamps, and show notes. Perfect for podcast transcripts and episode pages.","name":"post39","registryDependencies":["avatar","badge","button"],"title":"Podcast Episode Page","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Recipe article with ingredients list, step-by-step instructions, prep/cook times, and serving info. Perfect for food blogs and cooking content.","name":"post40","registryDependencies":["avatar","badge","button"],"title":"Recipe Card Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Visual essay with photographer credit, location info, and image galleries. Perfect for photography portfolios and visual storytelling.","name":"post41","registryDependencies":["avatar","badge","button"],"title":"Photo Gallery Essay","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product review with rating categories, pros/cons list, and verdict section. Ideal for tech reviews and product comparisons.","name":"post42","registryDependencies":["avatar","badge","progress"],"title":"Product Review Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Series article with part navigation, progress bar, and previous/next links. Perfect for tutorials and multi-chapter content.","name":"post43","registryDependencies":["avatar","badge","progress"],"title":"Multi-Part Series Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Course lesson layout with module navigation, progress tracking, and downloadable resources. Perfect for e-learning platforms.","name":"post44","registryDependencies":["avatar","badge","button","progress"],"title":"Online Course Lesson","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Documentation-style guide with chapter navigation, table of contents, and previous/next navigation. Perfect for comprehensive tutorials.","name":"post45","registryDependencies":["badge","button"],"title":"Multi-Chapter Guide","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Step-by-step tutorial with tools needed, learning outcomes, and tips per step. Perfect for DIY projects and hands-on guides.","name":"post46","registryDependencies":["avatar","badge","button"],"title":"DIY How-To Tutorial","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Curated list format with resource cards, descriptions, and links. Great for collections and recommendations.","name":"post47","registryDependencies":["avatar","badge","button","input"],"title":"Resource Roundup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Live blog format with timestamped updates, breaking news badges, and auto-refresh. Perfect for live event coverage and breaking news.","name":"post48","registryDependencies":["avatar","badge","button"],"title":"Live Blog Updates","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Elegant magazine-style article with drop cap, pull quotes, and image credits. Perfect for long-form essays and feature articles.","name":"post49","registryDependencies":["avatar","badge","button"],"title":"Magazine Essay Style","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Opinion piece with agree/disagree voting, editor's response, and discussion section. Perfect for editorial and op-ed content.","name":"post50","registryDependencies":["avatar","badge","button"],"title":"Opinion Editorial Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Head-to-head comparison with feature matrix, pros/cons, and winner verdict. Perfect for product shootouts and buying guides.","name":"post51","registryDependencies":["avatar","badge","button"],"title":"Product Comparison Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Numbered list article with ratings, highlights, and jump navigation. Perfect for top-10 lists and curated recommendations.","name":"post52","registryDependencies":["avatar","badge","button"],"title":"Ranked List Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Article with embedded poll, vote tracking, and results display. Perfect for reader engagement and community feedback.","name":"post53","registryDependencies":["avatar","badge","button"],"title":"Interactive Poll Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Quiz format with multiple choice questions, scoring, and results. Perfect for educational content and audience engagement.","name":"post54","registryDependencies":["badge","button"],"title":"Interactive Quiz Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Article with checkable items, progress tracking, and print/download options. Perfect for actionable guides and checklists.","name":"post55","registryDependencies":["avatar","badge","button"],"title":"Interactive Checklist Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"FAQ article with search, category filters, and helpful vote buttons. Perfect for help centers and knowledge bases.","name":"post56","registryDependencies":["avatar","badge","button","input"],"title":"Searchable FAQ Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Article with full comment system, replies, likes, and featured comments. Perfect for community-driven discussions.","name":"post57","registryDependencies":["avatar","badge","button","select","textarea"],"title":"Article with Comments","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product launch post with features showcase, pricing tiers, and CTAs. Perfect for announcements and release notes.","name":"post58","registryDependencies":["badge","button"],"title":"Product Launch Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Conference/event recap with speaker profiles, key takeaways, and resources. Perfect for event summaries and conference coverage.","name":"post59","registryDependencies":["avatar","badge","button"],"title":"Event Recap Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Academic article with abstract, key findings, and references. Perfect for research summaries and study highlights.","name":"post60","registryDependencies":["avatar","badge","button"],"title":"Research Paper Summary","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Book review with cover image, publication details, rating, and pros/cons. Perfect for literary reviews and reading recommendations.","name":"post61","registryDependencies":["avatar","badge","button"],"title":"Book Review Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Case study with client details, metrics, team members, and results. Perfect for portfolio pieces and success stories.","name":"post62","registryDependencies":["avatar","badge","button"],"title":"Case Study Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interview with Q&A format, audio player, and speaker timestamps. Perfect for podcast interviews and conversations.","name":"post63","registryDependencies":["avatar","badge","button"],"title":"Interview Transcript Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Podcast with chapter markers, transcript segments, and show notes. Perfect for long-form audio content with navigation.","name":"post64","registryDependencies":["avatar","badge","button"],"title":"Podcast Episode with Chapters","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ask Me Anything format with host profile, upvoted questions, and answers. Perfect for Q&A sessions and community engagement.","name":"post65","registryDependencies":["avatar","badge","button"],"title":"AMA Session Recap","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-sided debate with for/against positions, arguments, and rebuttals. Perfect for controversial topics and opinion pieces.","name":"post66","registryDependencies":["avatar","badge"],"title":"Debate Format Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Panel discussion summary with panelist profiles, key quotes, and takeaways. Perfect for conference and webinar recaps.","name":"post67","registryDependencies":["avatar","badge","button"],"title":"Panel Discussion Recap","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Video lesson page with instructor, navigation, progress tracking, and downloadable resources. Perfect for online courses.","name":"post69","registryDependencies":["avatar","badge","button","progress"],"title":"Course Lesson with Video","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Searchable FAQ with category filters, helpful votes, and related questions. Perfect for help centers and documentation.","name":"post71","registryDependencies":["avatar","badge","button","input"],"title":"Knowledge Base Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Detailed book review with author bio, ratings, and purchase links. Perfect for literary reviews and book recommendations.","name":"post72","registryDependencies":["avatar","badge","button"],"title":"Book Review with Purchase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Member profile with achievements, social links, and contributions. Perfect for community highlights and user stories.","name":"post78","registryDependencies":["avatar","badge","button"],"title":"Community Member Spotlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Project showcase with maintainers, releases, install commands, and features. Perfect for GitHub readme-style documentation.","name":"post82","registryDependencies":["avatar","badge","button"],"title":"Open Source Project Page","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Poetry showcase with poet bio, formatted verses, dedications, and audio. Perfect for literary magazines and poetry publications.","name":"post85","registryDependencies":["avatar","badge","button"],"title":"Poetry Collection Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Travel diary with dated entries, location info, weather, and photo galleries. Perfect for travel blogs and adventure stories.","name":"post86","registryDependencies":["avatar","badge","button"],"title":"Travel Journal Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full article layout with an oversized light title, an author row framed by hairlines, a wide lead image, prose sections with accent-bulleted lists, an accent-ruled pull quote, and a closing share row.","name":"post87","registryDependencies":["button"],"title":"Editorial Article Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A full article layout with a ruled byline row, a wide lead image, prose blocks that carry their own anchors, an accent-ruled pull quote, a closing tag row, and a contents rail that sticks beside the text on desktop.","name":"post88","title":"Article With Sticky Contents Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A full article layout: a centred header with a back link, a category, a serif title that settles in word by word, a standfirst and an author line with date and reading time; a wide photograph that blurs in and drifts on scroll with a caption; then a narrow measure of paragraphs w","name":"post89","title":"Long Read Article","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-tier pricing table with monthly/yearly billing toggle and popular plan badge. Perfect for SaaS products with tiered subscription plans.","name":"pricing6","registryDependencies":["badge","button","switch"],"title":"Billing Toggle Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-tier pricing with highlighted recommended plan and feature lists. Perfect for freemium products with a clear upgrade path.","name":"pricing7","registryDependencies":["badge","button"],"title":"Dual Plan Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Multi-plan feature comparison table with grouped categories and check/text values. Perfect for products with complex feature sets across multiple tiers.","name":"pricing8","registryDependencies":["badge","button"],"title":"Feature Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single pricing plan with selectable optional add-ons that toggle on click. Perfect for simple products with modular upsells.","name":"pricing9","registryDependencies":["badge","button"],"title":"Single Plan with Add-ons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-tier horizontal pricing cards with pill-style billing toggle. Perfect for comparing multiple plan options side by side.","name":"pricing10","registryDependencies":["badge","button"],"title":"Horizontal Tier Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Usage-based pricing calculator with interactive slider showing tiered breakpoints. Perfect for API services and consumption-based products.","name":"pricing11","registryDependencies":["badge","button","slider"],"title":"Usage-Based Slider","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Enterprise pricing section with custom pricing, feature list, and client logo trust indicators. Perfect for B2B products targeting large organizations.","name":"pricing12","registryDependencies":["badge","button"],"title":"Enterprise Contact Sales","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Per-seat pricing calculator with slider control and automatic volume discount display. Perfect for team collaboration tools with user-based pricing.","name":"pricing13","registryDependencies":["badge","button","slider"],"title":"Per-Seat Calculator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Lifetime deal pricing with crossed-out original price and urgency countdown timer. Perfect for product launches and limited-time promotions.","name":"pricing14","registryDependencies":["badge","button"],"title":"Lifetime Deal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column comparison table showing Free vs Pro features with check marks and text values. Perfect for freemium apps highlighting upgrade benefits.","name":"pricing15","registryDependencies":["badge","button"],"title":"Free vs Pro Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clean single-plan pricing with inline feature badges in a compact layout. Perfect for focused products with one clear offering.","name":"pricing16","registryDependencies":["button"],"title":"Minimal Single Plan","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single plan pricing card paired with an expandable FAQ accordion section. Perfect for reducing purchase friction with inline answers.","name":"pricing17","registryDependencies":["badge","button"],"title":"Pricing with FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed pricing switching between Individual and Team plans with different feature sets. Perfect for products offering both personal and business tiers.","name":"pricing18","registryDependencies":["badge","button","tabs"],"title":"Individual vs Team Toggle","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Credit pack cards with bonus credits and usage examples showing cost per action. Perfect for AI tools and pay-as-you-go services.","name":"pricing19","registryDependencies":["badge","button"],"title":"Credit Pack Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing card featuring an embedded customer testimonial with star rating. Perfect for building trust alongside pricing information.","name":"pricing20","registryDependencies":["badge","button"],"title":"Pricing with Testimonial","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clean three-tier pricing cards with highlighted middle plan and simple feature lists. Perfect for startups wanting a straightforward pricing page.","name":"pricing21","registryDependencies":["badge","button"],"title":"Minimalist Three-Tier","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Flexible pricing with selectable suggested amounts and custom input option. Perfect for indie products, open source, and creator tools.","name":"pricing22","registryDependencies":["badge","button"],"title":"Pay What You Want","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Annual pricing tiers showing per-month equivalent cost and yearly savings. Perfect for encouraging annual commitments with clear value display.","name":"pricing23","registryDependencies":["badge","button"],"title":"Annual with Monthly Breakdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Startup-focused pricing tiers based on funding stage from bootstrapped to Series B+. Perfect for B2B tools offering startup programs.","name":"pricing24","registryDependencies":["badge","button"],"title":"Startup Stage Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Service package cards with project timelines, deliverables list, and fixed pricing. Perfect for agencies and freelancers selling project-based work.","name":"pricing25","registryDependencies":["badge","button"],"title":"Agency Service Packages","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive ROI calculator with slider inputs showing potential savings and return projection. Perfect for enterprise tools demonstrating value.","name":"pricing26","registryDependencies":["badge","button","slider"],"title":"ROI Calculator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"API pricing table showing tiered rate per request with volume discount breakdown. Perfect for developer APIs and infrastructure services.","name":"pricing27","registryDependencies":["badge","button"],"title":"API Tiered Rates","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing cards with tabbed selection for monthly, quarterly, and annual billing. Perfect for flexible subscription models with multiple commitment options.","name":"pricing28","registryDependencies":["badge","button","tabs"],"title":"Tabbed Billing Cycles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single plan pricing card with collapsible FAQ accordion for common questions. Perfect for reducing support queries on pricing pages.","name":"pricing29","registryDependencies":["accordion","badge","button"],"title":"Pricing with FAQ Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Budget-based plan selector with slider control that highlights the best matching plan. Perfect for helping users find the right tier.","name":"pricing30","registryDependencies":["badge","button","slider"],"title":"Budget Slider Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Customizable pricing with base plan and selectable add-ons that update total dynamically. Perfect for modular products with optional features.","name":"pricing31","registryDependencies":["badge","button"],"title":"Build Your Own Plan","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive pricing builder with toggleable feature modules and real-time total calculation. Perfect for enterprise products with customizable packages.","name":"pricing32","registryDependencies":["badge","button"],"title":"Modular Pricing Builder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing tiers with hover tooltips explaining each feature in detail. Perfect for complex products with features that need explanation.","name":"pricing33","registryDependencies":["badge","button","tooltip"],"title":"Pricing with Tooltips","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Plan selection using radio button cards with visual selection state. Perfect for checkout flows and single-plan selection interfaces.","name":"pricing34","registryDependencies":["badge","button","radio-group"],"title":"Radio Card Selection","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing with dropdown region/currency selector showing localized prices. Perfect for global products with regional pricing tiers.","name":"pricing35","registryDependencies":["badge","button","select"],"title":"Regional Currency Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Service package cards with tier badges, feature lists, and delivery timelines. Perfect for consulting and professional services.","name":"pricing36","registryDependencies":["badge","button"],"title":"Service Package Tiers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Base plan pricing with toggle group buttons for selecting add-ons. Perfect for products with a la carte feature selection.","name":"pricing37","registryDependencies":["badge","button","toggle-group"],"title":"Toggle Group Add-ons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing cards displaying star ratings and review counts for social proof. Perfect for marketplaces and consumer products.","name":"pricing38","registryDependencies":["badge","button","card"],"title":"Pricing with Ratings","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive pricing with checkbox feature selection and real-time price updates. Perfect for customizable service packages.","name":"pricing39","registryDependencies":["badge","button","checkbox"],"title":"Checkbox Feature Builder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clean minimal plan selector with button-style toggles and compact layout. Perfect for simple products with few options.","name":"pricing40","registryDependencies":["badge","button"],"title":"Minimal Toggle Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Base plan pricing with switch toggles for enabling optional add-ons. Perfect for SaaS products with feature upgrades.","name":"pricing41","registryDependencies":["badge","button","switch"],"title":"Switch Toggle Add-ons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single plan pricing with features organized into separated category groups. Perfect for products with many features to categorize.","name":"pricing42","registryDependencies":["badge","button","separator"],"title":"Grouped Feature Sections","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing cards with hover cards showing expanded feature details on mouse over. Perfect for dense information without clutter.","name":"pricing43","registryDependencies":["badge","button","hover-card"],"title":"Hover Card Details","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing cards with collapsible feature sections that expand on click. Perfect for compact layouts with many features.","name":"pricing44","registryDependencies":["badge","button","collapsible"],"title":"Collapsible Feature Groups","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Enterprise pricing calculator with user count slider and volume discount tiers. Perfect for B2B products with usage-based enterprise pricing.","name":"pricing45","registryDependencies":["badge","button","slider","switch"],"title":"Enterprise Volume Calculator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing cards with skeleton placeholders demonstrating loading states. Perfect for async pricing data or dynamic plan fetching.","name":"pricing46","registryDependencies":["badge","button","skeleton"],"title":"Skeleton Loading State","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Promotional pricing with live countdown timer showing urgency. Perfect for flash sales and limited-time discount campaigns.","name":"pricing47","registryDependencies":["badge","button"],"title":"Limited Time Countdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing cards featuring money-back guarantee and satisfaction badges. Perfect for reducing purchase anxiety and building trust.","name":"pricing48","registryDependencies":["badge","button"],"title":"Guarantee Badges","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing with tabs to switch between plans showing categorized feature lists. Perfect for detailed feature comparison by plan.","name":"pricing49","registryDependencies":["badge","button","tabs"],"title":"Tabbed Plan Features","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single plan pricing showcasing accepted payment method icons. Perfect for checkout pages and e-commerce pricing.","name":"pricing50","registryDependencies":["badge","button"],"title":"Payment Method Display","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing cards with icon-highlighted key features for visual scanning. Perfect for emphasizing unique plan benefits.","name":"pricing51","registryDependencies":["badge","button"],"title":"Icon Feature Highlights","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pricing section with discount/promo code input field and apply button. Perfect for coupon-based promotions and affiliate programs.","name":"pricing52","registryDependencies":["badge","button","input"],"title":"Discount Code Input","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bundle pricing cards showing combined products with savings percentage. Perfect for product suites and software bundles.","name":"pricing53","registryDependencies":["badge","button"],"title":"Product Bundle Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive questionnaire that recommends the best plan based on user answers. Perfect for helping users choose between complex options.","name":"pricing54","registryDependencies":["badge","button"],"title":"Plan Recommendation Quiz","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Multi-step wizard for building a custom plan with progressive disclosure. Perfect for complex configurations and guided setup.","name":"pricing55","registryDependencies":["badge","button"],"title":"Step-by-Step Plan Builder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Plan cards with sticky sidebar showing selected plan summary and total. Perfect for long pricing pages with multiple options.","name":"pricing56","registryDependencies":["badge","button"],"title":"Sticky Summary Sidebar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Per-seat pricing table showing volume discount tiers and price-per-user breakpoints. Perfect for team products with tiered pricing.","name":"pricing57","registryDependencies":["badge","button"],"title":"Volume Discount Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-panel pricing card with scrollable features list and dark slogan panel with background image overlay.","name":"pricing58","registryDependencies":["badge","button","tabs"],"title":"Pricing with Slogan Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed membership pricing: feature list, headline price with CTA, and a plan summary panel per tab.","name":"pricing59","registryDependencies":["tabs","button"],"title":"Tiered Plan Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three pricing tiers with an emphasized popular plan and feature lists.","name":"pricing60","registryDependencies":["button"],"title":"Three Tiers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three plans with a monthly/yearly billing toggle and feature lists.","name":"pricing61","registryDependencies":["button"],"title":"Billing Toggle Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Feature comparison grid with plans as columns and check/dash cells.","name":"pricing62","title":"Plan Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two large contrasting plan panels (light vs dark) for engagement models.","name":"pricing63","registryDependencies":["button"],"title":"Two Engagement Plans","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single spotlight plan beside a list of modular add-ons.","name":"pricing64","registryDependencies":["button"],"title":"Spotlight Plan & Add-ons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three monochrome engagement tiers with editorial big-number pricing and an inverted featured plan.","name":"pricing65","title":"Monochrome Pricing Tiers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"One bordered card pairing a big monochrome price and CTA with a two-column feature checklist.","name":"pricing66","title":"Single Plan Retainer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A monochrome plan comparison matrix with ruled feature rows, check/minus cells, and per-plan CTAs.","name":"pricing67","title":"Comparison Matrix Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A per-seat pricing calculator with a full-height photo panel on the left, a monthly and yearly toggle, a seat slider driving an oversized live count, an included-features list, and a soft summary column with a cost breakdown and total.","name":"pricing68","registryDependencies":["slider","tabs","button"],"title":"Seat Slider Price Calculator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Boxless pricing where each tier is a ruled column: the name, an oversized figure with its period, a fit line, an inclusion list under a second rule and a pill CTA, with subgrid keeping every internal rule aligned across the three columns.","name":"pricing69","title":"Engagement Tier Rails","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Range-based pricing for project work: a ruled table of project types listing what each usually includes, its timeline and a starting figure, with unruled column headers on desktop and stacked rows on mobile.","name":"pricing70","title":"Project Estimate Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A three-tier pricing grid whose monthly and yearly toggle swaps both the light figure and the billing note on every card, with the recommended tier outlined in the accent.","name":"pricing71","registryDependencies":["tabs","button"],"title":"Three Tiers With Billing Toggle","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A one-plan pricing panel that sets an oversized light figure and two actions beside an image tile floating a live savings card, then lists everything included as three hairline groups below.","name":"pricing72","registryDependencies":["button"],"title":"Single Plan With Full Inclusion List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A per-site pricing table whose hairline bands are selectable, driving a soft summary panel that recomputes the rate and the whole-group total, beside an image tile floating a live sites card.","name":"pricing73","registryDependencies":["button"],"title":"Per-Site Band Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three engagement columns on hairlines, each stating its figure and cadence and then listing what the price covers directly against what it deliberately does not.","name":"pricing74","registryDependencies":["button"],"title":"Engagement Shapes With Exclusions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three pricing tiers under a centred serif heading that settles in word by word: two soft muted cards and a featured card set on a photograph with a dark scrim and film grain, each with a serif price, a cadence line, a check list and a sliding-marker pill.","name":"pricing75","registryDependencies":["button"],"title":"Season Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A comparison table under a centred serif heading that settles in word by word: three plans with serif prices head ruled feature rows that blur in one after another, showing checks, dashes or short values, with a sliding-marker pill under each column.","name":"pricing76","registryDependencies":["button"],"title":"Rhythm Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A two-plan pricing section: a sticky column with a serif heading that settles in word by word, an intro and a reduced-fee note, beside two cards, one soft muted and one ink, each with a serif price, a check list and a sliding-marker pill.","name":"pricing77","registryDependencies":["button"],"title":"Two Plans Aside","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three pricing cards under a centred serif heading that settles in word by word, with a pill toggle between paying per session and committing to a season: the serif prices blur out and in as it switches, and each card ends in a sliding-marker pill.","name":"pricing78","registryDependencies":["button"],"title":"Toggle Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three plan cards under a centred serif headline that settles in word by word and a monthly or yearly pill switch whose ink marker slides between the two; prices blur to their new value, a small saving note appears on yearly, the middle plan sits in ink, and each card ends in a fu","name":"pricing79","registryDependencies":["button"],"title":"Three Plans Toggle","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"Plans as ruled rows rather than cards: name and one line on the left, a serif price that blurs to its monthly or yearly value, and a sliding-marker pill at the row's end. The pill switch and its saving note sit at the right end of the header beside a serif headline that settles i","name":"pricing80","registryDependencies":["button"],"title":"Ruled Plan Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A per-seat pricing panel in ink under a centred serif headline that settles in word by word: a monthly or yearly pill switch, a seat count with round plus and minus steppers, the per-seat rate, and a large serif total that blurs to each new value; on the right the included featur","name":"pricing81","registryDependencies":["button"],"title":"Seats Calculator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A tall photograph that blurs in and drifts on scroll on the left; on the right a serif headline that settles in word by word, an intro, a monthly or yearly pill switch, and two plans as ruled rows, each with a serif price that blurs to its new value, the included features in one ","name":"pricing82","registryDependencies":["button"],"title":"Two Plans Beside a Photo","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A dark comparison table: a serif headline that settles in word by word with a monthly or yearly pill switch at the right end of the header, plan columns with serif prices that blur to their new value and sliding-marker pills, then grouped feature rows with checks, dashes and shor","name":"pricing83","registryDependencies":["button"],"title":"Ink Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A two-column calculator: seat and volume sliders, a billing period switch, and add-on toggles on the left, and a summary card on the right whose rolling price and line items follow every change. The base price, per-seat and per-unit rates, included amounts, yearly discount, and c","name":"pricing84","registryDependencies":["button","switch"],"title":"Usage Pricing Calculator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pricing section whose centered header sits on a rounded band with a live sky effect. Three solid plan cards climb onto the lower part of the band, so the effect shows above and between them while prices stay on a plain card surface. The featured plan is taller with a primary bo","name":"pricing85","registryDependencies":["button"],"title":"Plans Over an Effect Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pricing section with the header on the left and a monthly and yearly switch on the right, above three borderless plan cards of equal fixed height. Each card carries its own variation of a prism gradient across its top that dissolves into the card surface before the plan name. P","name":"pricing86","registryDependencies":["button"],"title":"Plan Cards Under Prism Light","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered product showcase with a large image on a muted stage, product name and tagline, a row of key specs, and an editorial learn-more link.","name":"product1","title":"Centered Product Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A large product image flanked by numbered feature callout cards, each naming and describing a part of the product.","name":"product2","title":"Product Anatomy Callouts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial spec sheet pairing a product image with a bordered key/value grid of dimensions, weight, battery, and materials.","name":"product3","title":"Product Spec Sheet","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An editorial product gallery showing the same object from several angles — a header with a uniform row of captioned, full-color angle shots.","name":"product4","title":"Every-Angle Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split product intro: a tall product image beside a heading, description, and three icon highlights with an editorial spec link.","name":"product5","title":"Split Product Highlights","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Variant explorer that swaps the product image and spec line as you click between finishes.","name":"product6","title":"Product Variant Explorer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"What's-in-the-box section pairing a product image with a checklist of included items, each with an optional note.","name":"product7","title":"What's in the Box","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An editorial product showcase: a large product image with a caption card overlapping its lower corner — eyebrow, product name, tagline, a ruled three-up spec row, and a CTA.","name":"product8","title":"Product Overlap Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Clickable tabs switch a feature panel with a large product image, title, and description. Supports an optional auto-loop.","name":"product9","title":"Product Feature Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial grid of macro close-up shots, each captioned with the material or detail it shows.","name":"product10","title":"Product Macro Detail Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split product intro: a tall product image beside a heading, description, and three icon highlights with editorial body-size copy and a spec link.","name":"product11","title":"Split Product Highlights Plain","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","@radix-ui/react-slot"],"description":"A made-to-order configurator that answers as you go: every option takes over the plate beside it, writes its own line into a running specification, and moves a total that is visible from the first question rather than revealed at the end.","name":"product12","registryDependencies":["questionnaire"],"title":"Live Made To Order Configurator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product listing with sidebar filters, sorting, pagination, and active filter chips, powered by the shared product-filters engine. Fifteen filter types including checkboxes, chips, color swatches, price sliders, rating, search, dropdowns, and cascading selects. Runs fully client-s","name":"productlist1","registryDependencies":["badge","button","select","skeleton","checkbox","label","command","popover","radio-group","input","tabs","slider","switch"],"title":"Filterable Product Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product catalog with a single Filters button that opens a side drawer: keyword search, cascading category and subcategory selects, a searchable multi-brand combobox, a size multiselect, and a segmented gender control, powered by the shared product-filters engine. Runs fully clien","name":"productlist2","registryDependencies":["badge","button","select","sheet","skeleton","checkbox","label","command","popover","radio-group","input","tabs","slider","switch"],"title":"Product Grid With Filter Drawer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dense product grid with an always-visible inline filter toolbar: search, a segmented category, a cascading subcategory select, and a searchable brand combobox, powered by the shared product-filters engine. Self-fetches from your API via productsUrl with an SSR-friendly first page","name":"productlist3","registryDependencies":["badge","button","select","skeleton","checkbox","label","command","popover","radio-group","input","tabs","slider","switch"],"title":"Marketplace Toolbar Product Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product grid with a left filter sidebar where hovering a card reveals a quick-shop tray with sizes and an add-to-cart button, plus a category tag and sale badge, powered by the shared product-filters engine. Self-fetches from your API via productsUrl with an SSR-friendly first pa","name":"productlist4","registryDependencies":["badge","button","select","skeleton","checkbox","label","command","popover","radio-group","input","tabs","slider","switch"],"title":"Quick-Shop Product Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column product feed led by a row of category pills, with a search and sort, and a Load more button plus progress bar that appends the next batch instead of paginating, powered by the shared product-filters engine. Self-fetches from your API via productsUrl with an SSR-frien","name":"productlist5","registryDependencies":["badge","button","select","skeleton","checkbox","label","command","popover","radio-group","input","tabs","slider","switch"],"title":"Load More Feed With Category Pills","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A property development hero on a plain ground: a short eyebrow with a rule, a large sans headline beside the intro and two pill buttons, then a wide photograph that is unveiled top to bottom once it has loaded and drifts slowly as you scroll, and a four-figure fact bar (homes, be","name":"realestate10","registryDependencies":["button"],"title":"Development Hero with Fact Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A residence picker for a development: a list of home types with their starting prices on the left and a line-drawn floor plan on the right that redraws itself, wall by wall, whenever you choose another type. Numbered room markers light up as you hover the room list, and a five-fi","name":"realestate11","registryDependencies":["button"],"title":"Residences Floor Plan Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A mortgage estimator for a development's sales page: a tall photograph beside a price field, term pills and two sliders for deposit and interest rate; the estimated monthly payment is a large figure that springs to each new value, with a two-colour bar splitting principal from in","name":"realestate12","registryDependencies":["button","input","slider"],"title":"Monthly Payment Estimator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A development hero split in two: eyebrow, large sans headline, intro and a privacy line on the left; on the right a tall 4:5 photograph that is unveiled from the top once loaded and drifts against the scroll, with a compact register form (first name, email, bedroom pills writing ","name":"realestate13","registryDependencies":["button","input"],"title":"Split Hero with Register Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A development hero built around a line drawing: eyebrow, large sans headline and two pill buttons on the left, three facts under hairlines on the right, then a front elevation of a gabled brick warehouse with arched windows joined to a flat-roofed concrete wing with balconies, dr","name":"realestate14","registryDependencies":["button"],"title":"Elevation Drawing Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A development hero on a wide video frame that is unveiled from the top once the clip can play, with a dark scrim rising from the bottom; a rule eyebrow, a large sans headline, a lead and two pill buttons sit bottom-left on the footage, and a round mute toggle in the top corner sw","name":"realestate15","registryDependencies":["button"],"title":"Video Hero with Mute Toggle","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A search hero for an estate agency page: eyebrow, large sans headline and intro, then a search bar under a hairline with a location field, three selects (property type, bedrooms, maximum price) and a submit pill, posted as a GET request to a listings URL with configurable paramet","name":"realestate16","registryDependencies":["button","input","select"],"title":"Agency Search Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A development hero that leads with the picture: a wide 21:9 dusk photograph at the top, unveiled from the top edge once loaded and drifting slowly against the scroll, then a two-column text row with a rule eyebrow, a large sans statement and two pill buttons on the left and three","name":"realestate17","registryDependencies":["button"],"title":"Dusk Hero, Photo First","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A typographic development hero with no imagery: a rule eyebrow, a huge two-line sans headline, one long hairline that draws across the page, then three columns (What, Where, When) each with a label, a light figure and a line of text, and two pill buttons rising in last.","name":"realestate18","registryDependencies":["button"],"title":"Statement Hero without Photo","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A materials story for a development: eyebrow, heading and lead on the left with a square photograph beside them, then four columns under hairlines, each with a small line-drawn glyph (plank grain, a concrete block, a brick bond, a folded cloth) that draws itself in once scrolled ","name":"realestate19","title":"Four Materials Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An architect's statement for a development: an eyebrow, a long pull-quote set as the section heading, the architect's name, role and practice on a hairline row, and three practice figures (years, homes, awards) that count up from zero under hairlines once they scroll into view.","name":"realestate20","title":"Architect Statement Figures","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A specification list for a development: a tall 3:4 photograph on the left and, on the right, an eyebrow, heading and lead above a single-open accordion (Kitchen, Bathroom, Finishes, Technology) whose rows sit between drawn hairlines; each row opens to a bulleted list and its chev","name":"realestate21","registryDependencies":["accordion"],"title":"Specification Accordion Photo","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An energy performance row for a development: eyebrow, heading and lead, then four figures (an EPC rating, zero gas, a percentage saving, solar capacity) each set inside a thin ring that draws its track and then fills to a share once in view while the number counts up from zero, w","name":"realestate22","registryDependencies":["button"],"title":"Energy Figures Rings","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A construction timeline for a development: eyebrow, heading and lead, then a vertical list of milestones along a hairline spine that draws downwards as you scroll, each with a dot that fills in turn, a date figure, a title and a line; the current stage carries a primary dot, a pr","name":"realestate23","registryDependencies":["button"],"title":"Build Timeline Spine","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A photo explainer for a development: eyebrow, heading and lead, then a 16:9 photograph with numbered markers placed by percentage; hovering, focusing or clicking a marker or its row in the list under the photo cross-fades that part's title and note into a column beside the photo ","name":"realestate24","title":"Courtyard Photo Hotspots","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A typographic travel-time table for a development: an eyebrow, heading and intro in the header grid, then a list of nearby places with their walking, cycling and driving minutes as three light figure columns that count up from zero as each row enters the viewport. Hairlines draw ","name":"realestate25","registryDependencies":["button"],"title":"Within Minutes Travel Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A transport table for a development's location page: one row per station, pier or bus stop with a small circle glyph that draws itself in, the stop name and walking time, the lines served as outlined text pills, and the minutes to three destinations as light figures that count up","name":"realestate26","registryDependencies":["button"],"title":"Transport Links Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A neighborhood list for a development: a wide photograph that is unveiled from the top once loaded and drifts against the scroll, the eyebrow, heading and intro in the header grid under it, then eight places in two columns, each a row with its category, name and walking distance ","name":"realestate27","registryDependencies":["button"],"title":"Neighborhood Places List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A location section for a development on a real map drawn without a map library: street and satellite tiles with a pill switch, dragging, double-click and keyboard zoom that glides between levels, a labelled pin for the development and small labelled dots for nearby places that ce","name":"realestate28","registryDependencies":["button"],"title":"Development Location Map","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A three-column amenities list for a development: Schools, Health and Everyday, each a titled list of places with a name, a rating or type, and the walking distance on the right. Hairlines draw above every row and close each column, the columns and their rows rise in a staggered s","name":"realestate29","registryDependencies":["button"],"title":"Schools and Essentials Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A photo story for a development's riverside setting: the eyebrow, heading and intro in the header grid, a wide 21:9 photograph that is unveiled from the top once loaded and drifts against the scroll, then a single horizontal hairline that draws across with three small dots fixed ","name":"realestate30","registryDependencies":["button"],"title":"River Walk Photo Story","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An availability table for a development: filter pills by home type and a sort select above rows of unit, floor, type, interior area, aspect, price and a dot-plus-word status (available, reserved, sold). Changing the filter or the sort fades the list out and rises the new rows in ","name":"realestate31","registryDependencies":["select"],"title":"Availability Table with Filters","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three borderless residence cards for a development, each opening with a hairline, a 4:3 photograph unveiled top to bottom once loaded, the type name and title, a three-figure spec row (bedrooms, bathrooms, interior) under hairlines, the starting price and a text link with an arro","name":"realestate32","title":"Residence Type Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A comparison table for a development: five type pills of which two are always selected, and under them a typographic spec table (interior, outside, bedrooms, bathrooms, floors, aspect, parking, from) with hairline rows whose two value columns cross-fade whenever another type is p","name":"realestate33","registryDependencies":["button"],"title":"Compare Two Residence Types","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A floor selector for a development: a line-drawn building section (ground to roof across five levels, a pitched warehouse roof beside the wing's set-back flat roof) draws itself wall by wall when it scrolls into view, with a round marker per level; hovering or clicking a marker t","name":"realestate34","title":"Floor Selector with Section Drawing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A finishes picker for a development: two palettes listed as rows of five round swatches with a name and a mood line, the chosen one carrying a primary bar; picking a palette cross-fades the 4:3 kitchen photograph beside it and swaps the list of what changes (floor, cabinets, work","name":"realestate35","title":"Finishes Palette Switcher","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A residence spotlight: one large 4:3 photograph with a row of five thumbnails under it, one per home type; choosing a thumbnail cross-fades the photograph and swaps the details beside it (type, title, starting price, a short line and fact pills), with an enquiry button at the foo","name":"realestate36","registryDependencies":["button"],"title":"Residence Photo Spotlight","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A how-to-buy section for a development's sales page: a header with eyebrow, heading and intro, then four steps (Register, Visit, Reserve, Exchange) in one row under hairlines that draw in with each column; every step shows a title, a short line and how long it takes, and a regist","name":"realestate37","registryDependencies":["button"],"title":"Four Buying Steps Row","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A reservation explainer for a development's sales page: on the left the reservation fee as a large figure that counts up in view, with a checklist of what the fee does under drawn hairlines; on the right a short vertical timeline (reservation, exchange within 28 days, completion)","name":"realestate38","registryDependencies":["button"],"title":"Reservation Fee Explainer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A payment schedule for an off-plan development: a price field, then a stacked proportional bar whose segments (10% on exchange, 10% at structure complete, 80% on completion) grow one after another, each labelled below under a hairline with its share, a spring figure for the typed","name":"realestate39","registryDependencies":["button","input"],"title":"Staged Payment Schedule Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An incentive section for a development's sales page: eyebrow, heading and intro, the offer value as a large figure counting up in view, a checklist of what is included under drawn hairlines, a four-cell countdown (days, hours, minutes, seconds) to a fixed date or a rolling number","name":"realestate40","registryDependencies":["button"],"title":"Launch Offer with Countdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A buyer FAQ for a development's sales page: a header with eyebrow, heading, intro and a contact line with a text link, then eight questions split across two shadcn accordion columns under hairlines that draw in row by row; only one answer is open at a time across both columns, th","name":"realestate41","registryDependencies":["accordion"],"title":"Two Column Buyer FAQ","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A lender table for a development's sales page: a header with eyebrow, heading and intro, a caption row, then one row per lender (name, product, initial rate as a light figure, fixed term, note) under hairlines that draw in as the rows rise in order; a representative example parag","name":"realestate42","registryDependencies":["button"],"title":"Mortgage Partner Rate Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion","react-day-picker"],"description":"A viewing request for a development's sales page: eyebrow, heading and lead across the top, then a two-column GET form with a pill-shaped date field that opens a shadcn calendar limited to future days, a row of time-slot pills writing to a hidden input, and name, email and phone ","name":"realestate43","registryDependencies":["button","calendar","input","popover"],"title":"Book a Viewing Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A visit-us block for a development: a tall 3:4 photograph of the entrance on the left and, on the right, heading and lead, an address card with a map pin, the street in large type and a walking-time pill, an opening-hours list whose row for today is marked with a thin accent bar ","name":"realestate44","registryDependencies":["button"],"title":"Sales Suite Visit Details","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full register-your-interest form for a development: heading, lead and a phone line on the left; on the right a GET form with first name, last name, email and phone in a two-column grid, bedroom pills writing to a hidden input, a budget select, a message textarea, and a consent ","name":"realestate45","registryDependencies":["button","checkbox","input","select","textarea"],"title":"Register Interest Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A brochure request for a development: heading and lead on the left over a numbered contents list of six chapters with their page counts and a total, hairlines between the rows; on the right a 4:3 photograph of the dining room at dusk opens from the top once it has loaded, with th","name":"realestate46","registryDependencies":["button","input"],"title":"Brochure Download Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A sales team list with portraits: heading and lead across the top, then one hairline row per person with a round portrait, name and role on the left and phone, email and spoken languages as a three-column definition list on the right, closing on an office-hours footnote under a f","name":"realestate47","title":"Sales Team Contact Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A quiet updates signup for a development: heading and lead on the left; on the right a GET form with an email field, a fieldset of interest rows (Phase 2 launch, price changes, viewing days, construction updates) each a checkbox with a label and a one-line description under a hai","name":"realestate48","registryDependencies":["button","checkbox","input"],"title":"Updates Signup Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three long buyer testimonials stacked under a header grid, each row opening with a hairline that draws across and a small line-drawn quotation mark, the quote set large in the middle columns and the buyer's name, the type they bought and the month on the right. The rows rise one ","name":"realestate49","title":"Buyer Quotes List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"One large buyer quote beside a 4:3 photograph that opens from the top once it has loaded and drifts gently against the scroll, with the buyer's name and the home they bought on a hairline row and a counter with previous and next buttons that cycle through the quotes with a cross-","name":"realestate50","title":"Single Testimonial With Photo","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Press coverage as three quiet muted cards: each names the publication, gives the pull quote in large type and ends with the date and an arrow that lifts on hover, the whole card linking to the article; an outline button to the press kit follows.","name":"realestate51","registryDependencies":["button"],"title":"Press Quote Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A quiet awards and certifications section: the heading and intro, then the awards in a three-column grid with no rules or icons, each just its year, the award in medium type and the body that gave it, rising row by row, with a short note to close.","name":"realestate52","title":"Minimal Awards Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A minimal developer record: the heading and a short line on the left, and two tall photographs of past schemes on the right, the second set a little lower, each opening from the top once loaded and captioned with the scheme, city and year.","name":"realestate53","title":"Developer Record Photo Pair","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Four practices behind a development (developer, architect, landscape, interiors) as four hairline-topped columns under a header grid, each with the role as a caption, the practice name, a short paragraph and a text link with an arrow that nudges on hover. The columns rise in orde","name":"realestate54","title":"The Team Behind It","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A full-width dark band for a development's sales page: a pale eyebrow with its rule, a large sans heading on the left and the lead paragraph with two pill buttons (a paper one and a hairline outline) aligned to the bottom right, closed above and below by two faint hairlines that ","name":"realestate55","registryDependencies":["button"],"title":"Dark Call to Action Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A single wide photograph as the call to action: a 21:9 frame that is unveiled top to bottom once the image has loaded and drifts slowly against the scroll, with a dark scrim rising from the bottom edge, a pale eyebrow, a heading and a paper pill button in the bottom left corner, ","name":"realestate56","registryDependencies":["button"],"title":"Photo Call to Action","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An availability call to action built around one huge figure: the number of homes still for sale counts up from zero as it enters the viewport, with a short paragraph and a pill button beside it, then a full-width hairline that draws across and fills in dark to the share of homes ","name":"realestate57","registryDependencies":["button"],"title":"Homes Remaining Counter","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A launch announcement for the next phase of a development: an eyebrow, a short heading and the launch date set as a large light figure, a paragraph, three facts about the phase (homes, prices from, bedrooms) under hairlines that draw in, and a register button, beside a tall 4:5 p","name":"realestate58","registryDependencies":["button"],"title":"Phase Launch Announcement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Two calls to action side by side, divided by a vertical hairline that draws down the middle: each half has a heading, one line of text and a pill button, closed above and below by hairlines that draw across, with the two columns rising in a short offset sequence; on small screens","name":"realestate59","registryDependencies":["button"],"title":"Split Call to Action","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"The smallest call to action in the set: one line of heading on the left and a single pill button on the right, held between two hairlines that draw across as the strip enters the viewport; on small screens the button drops under the line.","name":"realestate60","registryDependencies":["button"],"title":"Quiet One Line Call to Action","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A development gallery: a three-column masonry of nine photographs in their own ratios, each frame opening top to bottom once its file has loaded and drifting slowly against the scroll; clicking a frame opens a full-screen dark lightbox with a counter, a caption on a hairline row,","name":"realestate61","registryDependencies":["button"],"title":"Masonry Gallery with Lightbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A horizontal filmstrip for a development's photographs: 4:3 and 3:4 frames of one shared height with a title and caption under each, scroll-snapping as you drag or swipe, previous and next pills that move the strip by exactly one frame, and a hairline under the strip whose filled","name":"realestate62","registryDependencies":["button"],"title":"Scroll-Snap Photo Filmstrip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A split media section for a development: a 4:3 muted looping video on the left that is unveiled top to bottom once it can play and drifts against the scroll, with a round play and pause toggle in its corner, beside a rule eyebrow, a heading, a lead paragraph, three figures on hai","name":"realestate63","registryDependencies":["button"],"title":"Video Beside Facts","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A room picker for a show home: a hairline list of rooms on the left with a thin accent bar sliding to the selected one, and on the right a 4:3 frame in which the matching photograph cross-fades in once it has loaded, with the room's note, a counter and a caption under it; the arr","name":"realestate64","title":"Room by Room Picker","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Two tall 3:4 photographs set a column apart and offset vertically, with a rule eyebrow, a compact heading, a short paragraph and an outline pill button standing between them; each frame opens from the top once its file has loaded, drifts against the scroll and carries a small cap","name":"realestate65","registryDependencies":["button"],"title":"Offset Photo Pair with Statement","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"The shared spaces of a development as four muted photo cards: each opens with a 4:3 photograph that unveils once loaded and drifts with the scroll, then a number, the space, a line on what it offers and a hairline row with where it is and when it is open. Cards rise in order and ","name":"realestate66","title":"Shared Spaces Photo Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A key numbers band for a development: a short heading above four figures (homes, a bedroom range, the starting price and the completion year) in two columns on tablets and four on desktop, each under its own hairline and never wrapping. The figures count up from zero in order onc","name":"realestate67","title":"Key Numbers Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A day-in-the-life timeline for a development: a header, then a vertical list of moments (a river walk at 7:00, courtyard coffee at 9:00, lunch from the market at 13:00, the terrace at 18:00) along a hairline spine that draws downwards, each with the time as a light figure, a titl","name":"realestate68","title":"A Day in the Development","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Sales progress for a development as a grid of photo cards, one per home type: a 4:3 photograph that unveils once loaded with an availability pill on it, the type and title, a three-part bar for sold, reserved and available homes and the counts beside coloured dots. A dark summary","name":"realestate69","registryDependencies":["button"],"title":"Sales Progress Photo Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A two-column comparison table for a development's sales page: criteria rows (energy, warranty, chain, stamp duty, maintenance) with a title on the left and two cells on the right, one for the new build and one for older stock, each with a short note and a small check or dash glyp","name":"realestate70","registryDependencies":["button"],"title":"New Build Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A service charge breakdown for a development: a list of cost lines (concierge, building insurance, reserve fund, grounds, lifts) under one top hairline, in open rows without dividers, each with its yearly figure counting up, its share of the total and a horizontal bar proportiona","name":"realestate71","registryDependencies":["button"],"title":"Service Charge Breakdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A sun and aspect section for a development: a small line-drawn sun path (a hairline horizon, a fine arc over a soft daylight fill and three suns sitting on the arc at morning, midday and evening with labelled times) that draws itself once in view, above three hairline-topped colu","name":"realestate72","title":"Sun Path and Aspect","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A calm sticky navbar for a property development: a text wordmark, five quiet links, a phone link and a compact pill button that rise in on mount, a hairline under the bar that fades in once the page has scrolled, and an always-mounted mobile panel toggled by the menu button whose","name":"realestate73","registryDependencies":["button"],"title":"Development Navbar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A sticky development navbar whose Residences link opens an always-mounted, CSS-hidden full-width panel on hover or keyboard focus: five home types in a ruled list with title, size, availability and from price beside a 4:3 photograph, a caption and a text link; the other links sta","name":"realestate74","registryDependencies":["button"],"title":"Navbar with Residences Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A sticky development navbar with a thin information row above the main bar: today's sales suite hours, a phone link and a launch notice with an arrow, separated from the wordmark, links and compact pill by a hairline. The row collapses to zero height with a fade once the page scr","name":"realestate75","registryDependencies":["button"],"title":"Navbar with Info Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A light footer for a property development: the wordmark and a tagline beside four link columns (residences, the place, buying, the developer) that rise in one after another, a ruled register row with a heading, a line, an email field and a pill submit button as a plain GET form, ","name":"realestate76","registryDependencies":["button","input"],"title":"Development Footer with Register Row","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A typographic footer led by a huge wordmark that rises out of a clipped line as it enters the viewport, followed by three ruled rows: the site links in one wrapping row, the sales suite address with the phone and email, and the copyright line with policy links. Each hairline draw","name":"realestate77","title":"Footer with Giant Wordmark","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"The smallest footer in the set: one ruled row with the text wordmark, three quiet links and a short legal line, then a second hairline row with the developer credit and the year. Everything rises in once as it enters the viewport and both hairlines draw from the left.","name":"realestate78","title":"Minimal Development Footer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A typographic legal block for a development's sales site: an eyebrow, heading and lead in the header grid, then numbered clauses (computer-generated images, prices as of a date, consumer code, tenure, service charge estimate) laid out as number, title and paragraph on hairline ro","name":"realestate79","title":"Numbered Legal Disclaimers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Two estate agencies selling a development, set as two muted cards side by side: each opens with a 16:9 office photograph that unveils from the top once loaded and drifts with the scroll, then its name and office line, hairline rows for the named contact, a phone link and an email","name":"realestate80","registryDependencies":["button"],"title":"Partner Agents Side by Side","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A rental yield estimator for a development's investor page: a tall photograph beside a purchase price field and two sliders for monthly rent and running costs as a share of rent; the gross yield is a large percentage figure that springs to each new value with the annual rent besi","name":"realestate81","registryDependencies":["button","input","slider"],"title":"Rental Yield Estimator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A stamp duty calculator for a development's buying page: a purchase price field and a first-time buyer checkbox on the left above the total tax as a large figure that springs to each new value with the effective rate, a button and a disclaimer; on the right a configurable band ta","name":"realestate82","registryDependencies":["button","checkbox","input"],"title":"Stamp Duty Calculator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A download list for a development's floor plans: five hairline rows, one per home type, each with a tiny schematic plan glyph (an outline rectangle with two or three partition strokes, the terrace dashed) that draws itself in once the list is in view, the type name and title, a s","name":"realestate83","title":"Floor Plan Downloads","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"An area guide for a development's location page: an eyebrow, heading and lead, then four figures (average price, five-year growth, residents, green space share) in a four-column row under hairlines, each counting up from zero over 1.4 s once in view and formatted as currency, num","name":"realestate84","title":"Area Guide Figures","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A virtual tour entry for a development's sales page: an eyebrow, heading and lead in the header grid, then a wide 21:9 photograph that opens from the top once loaded and in view, with a centred paper pill and play icon that plays the tour film inside the same frame (with native c","name":"realestate85","registryDependencies":["button"],"title":"Virtual Tour Frame","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive image comparison component with a draggable divider supporting horizontal and vertical orientations. Perfect for showcasing transformations, photo editing results, or design improvements.","name":"reveal1","title":"Before/After Image Slider","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout image comparison with a sidebar featuring benefit highlights and icons alongside a draggable before/after slider. Perfect for demonstrating product improvements with detailed feature callouts.","name":"reveal2","registryDependencies":["badge"],"title":"Comparison Slider with Highlights","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A type-forward manifesto whose ruled statement lines fade and rise into view as the section enters the viewport.","name":"reveal3","title":"Manifesto Scroll Reveal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An editorial scroll-reveal gallery where images fade and rise into view with monospace captions and alternating rhythm.","name":"reveal4","title":"Scroll-Reveal Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A large light manifesto statement with an accent-highlighted phrase, an eyebrow above, and a supporting footnote plus outline button beneath a hairline rule.","name":"reveal5","registryDependencies":["button"],"title":"Editorial Statement Reveal","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Before and after comparison where a pointer-driven handle clips the earlier photograph over the later one, with pill labels on both corners and a ruled row of outcome figures beneath.","name":"reveal6","title":"Drag Compare Slider","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two versions of the same object compared through a segmented pill control: the photographs cross-fade in place while the title, explanation and ruled note list swap beside them.","name":"reveal7","title":"Segmented State Compare","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Comparison that splits horizontally instead of down the middle: a draggable divider wipes the upper photograph away to expose the lower one, with pill labels and a caption for each state.","name":"reveal8","title":"Vertical Split Compare","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Before and after comparison seen through a draggable circular lens: the earlier photograph fills the frame while the later one shows only inside the circle, which follows the pointer or the arrow keys.","name":"reveal9","title":"Spotlight Lens Compare","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Before and after comparison that plays itself: the seam walks from edge to edge on a timer, clicking the picture freezes it at that point, and a single round control resumes or holds the sweep between the two captions.","name":"reveal10","title":"Self Sweeping Compare","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Comparison that lifts diagonally instead of wiping straight: dragging the corner handle shrinks a triangular clip on the covering photograph to expose the one underneath, with notes on what changed.","name":"reveal11","title":"Diagonal Peel Compare","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two photographs split across the same grid so each square can be flipped from before to after on click, with buttons to turn the whole frame over and a counter of how much has been revealed.","name":"reveal12","title":"Tile Flip Compare","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Press-and-hold comparison: holding the frame or the button cross-fades the earlier photograph in and swaps the corner label and caption, releasing returns to the current one.","name":"reveal13","title":"Hold To Compare","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Comparison table showing features across Starter, Pro, and Enterprise tiers with checkmarks. Perfect for pricing pages that need clear feature differentiation.","name":"saas13","title":"Plan Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-step onboarding process with numbered circles and connecting lines. Perfect for explaining product workflows or signup processes.","name":"saas14","title":"How It Works Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Team member cards with circular photos, names, roles, and social media links (Twitter, LinkedIn, GitHub). Perfect for about pages showcasing company leadership.","name":"saas15","registryDependencies":["button"],"title":"Team Members Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Version history cards with version badges, dates, and update type labels (Feature, Improvement, Fix). Perfect for product update pages and release notes.","name":"saas16","registryDependencies":["badge"],"title":"Changelog Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bento-style grid layout with feature cards in small and large sizes, each with icon, title, and description. Perfect for showcasing product capabilities on landing pages.","name":"saas23","title":"Feature Bento Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Career openings list with job title, department badge, location, and employment type. Perfect for company career pages with clickable job postings.","name":"saas31","registryDependencies":["badge","button"],"title":"Job Listings","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Media mentions list with publication source badges, headlines, and dates. Perfect for showcasing company press coverage and news articles.","name":"saas34","registryDependencies":["badge","button"],"title":"Press Coverage","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Integration management card showing connected apps with logos, sync status, and connect/disconnect actions. Perfect for settings pages managing third-party integrations.","name":"saas55","registryDependencies":["badge","button","card"],"title":"Connected Integrations","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Metric cards grid showing key stats (users, revenue, conversion, sessions) with trend indicators and time range selector. Perfect for admin dashboards and analytics overviews.","name":"saas87","registryDependencies":["card","select"],"title":"Analytics Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Security settings card showing active login sessions with device icons, browser info, location, and sign-out controls. Perfect for account security settings pages.","name":"saas97","registryDependencies":["badge","button","card"],"title":"Active Sessions Manager","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Feature split pairing a focused pitch with a built monochrome app-window mockup of skeletons, nav, and metrics.","name":"saas98","title":"SaaS Interface Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An editorial integrations section pairing a big-type pitch with a bordered mosaic of grayscale partner logo tiles.","name":"saas99","title":"SaaS Integrations Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A split section with an eyebrow, light heading, checked bullet list, and accent button on the left, and two stacked image tiles floating live billing micro-assets on the right.","name":"saas100","registryDependencies":["button"],"title":"Billing Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pricing section with an eyebrow over a hairline rule, a two-column heading, and three plan cards with light prices, checked feature lists, and an accent-highlighted popular tier.","name":"saas101","registryDependencies":["button"],"title":"Three Tier Pricing","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A metrics band with an eyebrow over a hairline rule, a two-column heading, and four oversized light stats, each sitting under its own hairline with a label and caption.","name":"saas102","title":"Big Number Metrics Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A reversed split with an image tile floating a live setup checklist on the left, and an eyebrow, light heading, checked bullets, and an accent button on the right.","name":"saas103","registryDependencies":["button"],"title":"Onboarding Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A comparison section with an eyebrow over a hairline rule, a two-column heading, and a scrollable three-plan feature table with check, dash, and text cells and a highlighted plan column.","name":"saas104","title":"Plan Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A migration section where your current system is picked from frosted glass cards floating on a photo panel, swapping the right side to a plain-language summary, a checked list of what carries across, the typical timeline, and a caveat.","name":"saas105","registryDependencies":["button"],"title":"Migration Source Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product tour driven by pill tabs: each step pairs an explanation and a pill CTA with a soft interface panel built from divs, listing labelled rows with their value and current status.","name":"saas106","title":"Product Tour Switcher","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Security section pairing four ruled pillars with circular icons and a labelled row of measured figures such as uptime and support response, closed by a caveat note beside an outline pill CTA.","name":"saas107","title":"Trust And Compliance Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A contact section that asks a branching set of questions instead of one long form: a rail lists the steps that currently apply and lets you jump between them, and answering the first question adds or removes the steps below it.","name":"saas108","registryDependencies":["questionnaire","button"],"title":"Branching Scoping Form","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Subscription management card displaying current plan details, pricing, included features, renewal date, and status badges with actions to change or cancel. Perfect for SaaS billing dashboards and account settings.","name":"settings59","registryDependencies":["badge","button"],"title":"Subscription Plan Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Billing history table displaying invoices with date, description, amount, payment status badges, and download buttons. Perfect for account billing pages and payment management dashboards.","name":"settings64","registryDependencies":["badge","button","table"],"title":"Invoice History Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Detailed invoice page with billing address, itemized line items table, subtotal, tax, total, and payment method info with print and download actions. Perfect for generating printable invoices and payment receipts.","name":"settings65","registryDependencies":["badge","button","table"],"title":"Invoice Detail View","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A settings panel with a section rail on the left and the chosen group on the right, laying out hairline preference rows with switches, a select for the group's default, and a save bar underneath.","name":"settings66","registryDependencies":["select","switch","button"],"title":"Workspace Preferences Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A subscription preference list where each list carries how often it sends, and the figure underneath recomputes the monthly email volume as boxes are ticked, down to a stated zero.","name":"settings67","registryDependencies":["checkbox","button"],"title":"Email Preferences With Live Volume","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A settings page with the heading, save and discard buttons held in a sticky left column and three collapsible groups of rows on the right: text inputs, selects, a segmented choice, switches, a masked API key with copy, a warning note and a destructive action. Rows are data, edits","name":"settings68","registryDependencies":["button","tooltip","select","switch"],"title":"Workspace Settings With Collapsible Groups","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width image showcase with clickable animated hotspots that reveal feature popovers with icons and descriptions. Perfect for product tours and interactive feature demonstrations.","name":"showcase1","registryDependencies":["badge","popover"],"title":"Interactive Hotspot Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with text content, CTA buttons, and interactive image with clickable hotspot popovers. Perfect for SaaS feature pages with reversible layout option.","name":"showcase2","registryDependencies":["badge","button","popover"],"title":"Split Hotspot Feature Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive three-column image gallery with hover zoom effects, captions, and optional clickable cards. Perfect for showcasing project portfolios or work samples.","name":"showcase3","registryDependencies":["badge"],"title":"Project Gallery Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered hero section with heading, CTA buttons, and a realistic browser chrome mockup displaying product screenshots. Perfect for SaaS landing pages showcasing web app interfaces.","name":"showcase4","registryDependencies":["badge","button"],"title":"Browser Mockup Screenshot","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column comparison layout with product images, feature checklists, and visual differentiation between your product and competitors. Perfect for competitive positioning sections.","name":"showcase5","registryDependencies":["badge"],"title":"Side-by-Side Competitor Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Cross-platform display with desktop monitor mockup and overlapping mobile phone frame showing product screenshots. Perfect for showcasing responsive apps and multi-device experiences.","name":"showcase6","registryDependencies":["badge"],"title":"Desktop and Mobile Device Mockup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column section combining product image with large customer quote, author avatar, name, and role. Perfect for social proof sections alongside product visuals.","name":"showcase7","registryDependencies":["badge","button"],"title":"Screenshot with Testimonial Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Video preview section with thumbnail image, centered play button overlay, duration badge, and CTA buttons below. Perfect for product demo videos and explainer content.","name":"showcase10","registryDependencies":["badge","button"],"title":"Video Demo Thumbnail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with key metrics bar, icon feature list, CTA button, and large product image. Perfect for enterprise feature sections highlighting performance and capabilities.","name":"showcase12","registryDependencies":["badge","button"],"title":"Features with Stats and Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bento layout pairing a code editor mockup with a video play card and a file upload preview. Every label is editable; no media props required.","name":"showcase13","title":"Bento Code Editor Trio","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a syntax-highlighted code editor with a side upload drawer — folder asset, progress bar, and cancel/continue actions. Every label is editable; no media props required.","name":"showcase14","registryDependencies":["button"],"title":"Code Editor With Upload Drawer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a syntax-highlighted code editor with a live activity feed — pulsing status dot, color-coded events, and an open-log footer. Every label is editable; no media props required.","name":"showcase15","registryDependencies":["button"],"title":"Code Editor With Live Activity Feed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a syntax-highlighted code editor with an AI chat panel — assistant suggestions arrive as inline snippets you can apply with one click. Every label is editable; no media props required.","name":"showcase16","registryDependencies":["badge","button"],"title":"Code Editor With AI Copilot","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a syntax-highlighted code editor with a live test-results panel — pass/fail rows, expandable failures, and a coverage footer. Every label is editable; no media props required.","name":"showcase17","registryDependencies":["badge","button"],"title":"Code Editor With Test Results","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a syntax-highlighted code editor with a live log stream — filter pills, color-coded levels, and a tail-mode footer. Every label is editable; no media props required.","name":"showcase18","registryDependencies":["badge"],"title":"Code Editor With Live Logs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a syntax-highlighted code editor with a pull-request review panel — branch arrow, check rows with statuses, reviewer initials, and a merge footer. Every label is editable; no media props required.","name":"showcase19","registryDependencies":["badge","button"],"title":"Code Editor With PR Review","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a syntax-highlighted code editor with a deploy environments panel — health dots, version pills, and a promote-to-production footer. Every label is editable; no media props required.","name":"showcase20","registryDependencies":["badge","button"],"title":"Code Editor With Environments Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a DevTools-style API inspector on the left with a syntax-highlighted code editor on the right — method badge, response body, timing footer. Every label is editable; no media props required.","name":"showcase21","registryDependencies":["badge"],"title":"API Inspector With Code Editor","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a typed query result table on the left with a syntax-highlighted code editor on the right — sortable columns, status-toned cells, row count footer. Every label is editable; no media props required.","name":"showcase22","registryDependencies":["badge","button"],"title":"Database Query With Code Editor","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a live button-variant preview on the left with a syntax-highlighted code editor on the right — dotted canvas background, size pill toggle. Every label is editable; no media props required.","name":"showcase23","registryDependencies":["badge","button"],"title":"Component Preview With Code Editor","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a changed-files list on the left with a syntax-highlighted code editor on the right — status icons, +/- stats, and an active row highlight. Every label is editable; no media props required.","name":"showcase24","registryDependencies":["badge","button"],"title":"Files Changed With Code Editor","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a webhook delivery log on the left with a syntax-highlighted code editor on the right — color-coded status codes, timing per delivery, retry support. Every label is editable; no media props required.","name":"showcase25","registryDependencies":["badge","button"],"title":"Webhook Deliveries With Code Editor","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card layering a Cmd+K command palette over a backdrop-blurred code editor — search input, grouped commands with keyboard shortcuts, and a navigation hint footer. Every label is editable; no media props required.","name":"showcase26","registryDependencies":["badge"],"title":"Code Editor With Command Palette","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card rendering an inline diff — added lines glow emerald, removed lines fade rose, branch arrow row in the header, and an approve-and-merge footer. Every label is editable; no media props required.","name":"showcase27","registryDependencies":["button"],"title":"Inline Diff Viewer","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card rendering a markdown source editor on the left and the rendered HTML on the right — minimal monochrome syntax markers, structured preview blocks (headings, paragraphs, lists, fenced code). Every label is editable; no media props required.","name":"showcase28","registryDependencies":["badge"],"title":"Markdown Editor With Live Preview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card rendering an AI prompt and a structured response — markdown blocks (headings, paragraphs, lists, quotes, code), citation list, copy/regenerate/apply footer. Every label is editable; no media props required.","name":"showcase29","registryDependencies":["badge","button"],"title":"AI Workspace With Streaming Response","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card rendering a live spreadsheet — formula bar with cell reference, typed columns, status-toned cells, and a selected total cell with outline ring. Every label is editable; no media props required.","name":"showcase30","registryDependencies":["badge","button"],"title":"Live Spreadsheet With Formula Bar","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing two minimal code panes — TypeScript type definitions on the left, real call-site usage on the right. Monochrome syntax with muted comments. Every label is editable; no media props required.","name":"showcase31","registryDependencies":["badge"],"title":"TypeScript Types Plus Usage","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing two minimal code panes — GraphQL query on the left, mirrored JSON response on the right. Monochrome syntax with muted comments and a timing footer. Every label is editable; no media props required.","name":"showcase32","registryDependencies":["badge"],"title":"GraphQL Query Plus Response","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card hosting a regex playground — pattern + active flag pills up top, test rows with inline match highlights and capture column, summary footer. Every label is editable; no media props required.","name":"showcase33","registryDependencies":["badge"],"title":"Regex Pattern Tester","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing two minimal code panes — same logic in two languages (TypeScript and Python by default). Monochrome syntax with muted comments and language badges. Every label is editable; no media props required.","name":"showcase34","registryDependencies":["badge"],"title":"Polyglot Code Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-chrome card pairing a before/after code migration — eyebrow + title + description above each pane, monochrome syntax, and an apply-migration footer with diff summary. Every label is editable; no media props required.","name":"showcase35","registryDependencies":["badge","button"],"title":"Migration Before And After","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Browser-framed product screenshot with surrounding feature callouts.","name":"showcase36","title":"Annotated Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontally scrollable row of wide product showcase frames with captions.","name":"showcase37","title":"Showcase Scroller","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A pinned product image beside a scrolling list of feature steps.","name":"showcase38","title":"Sticky Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed product screenshots in a browser frame with captions.","name":"showcase39","registryDependencies":["tabs"],"title":"Tabbed Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bento mosaic mixing product screenshots with text and accent tiles.","name":"showcase40","title":"UI Bento Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A ruled, type-forward project index where each row reveals a floating thumbnail on hover.","name":"showcase41","title":"Editorial Project Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An asymmetric mosaic image gallery with mixed-span tiles and monospace frame captions.","name":"showcase42","title":"Mosaic Frame Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single featured project with a tall image and a meta column of client/role/year rows, a paragraph, and a CTA.","name":"showcase43","title":"Featured Project Dossier","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered eyebrow, heading, and description above a grid of borderless brand cards — each with a square, colorable logo plate, a title and short description, and a full-width animated seal detail button.","name":"showcase44","title":"Brand Partner Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A showcase of alternating split rows, each pairing an image tile that floats a live product micro-asset with an eyebrow, a light heading, a paragraph, and a checked bullet list.","name":"showcase45","title":"Alternating Asset Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A tabbed showcase with an eyebrow over a hairline rule and a two-column heading, where each tab reveals a light title, checked bullets, and an image tile floating a live product micro-asset.","name":"showcase46","registryDependencies":["tabs"],"title":"Tabbed Product Tour","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A split showcase pairing copy, checked bullets, and an accent button with a gradient canvas where two live micro-assets float at staggered depths for a layered product scene.","name":"showcase47","registryDependencies":["button"],"title":"Layered Product Scene","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A horizontal pipeline with an eyebrow over a hairline rule and a two-column heading, where three image tiles float live micro-assets as connected stages joined by directional arrows.","name":"showcase48","title":"Connected Flow Pipeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered showcase with an eyebrow, light heading, and paragraph over a wide image tile that floats a live quick-actions bar, followed by a four-up grid of icon-led action descriptions.","name":"showcase49","title":"Quick Actions Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three resource cards, each led by a preview image and stamped with its format, holding the title, one line on what is inside, and a seal download button pinned to the bottom of the card.","name":"showcase50","registryDependencies":["button"],"title":"Downloadable Resource Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Two case studies side by side under a serif heading that settles in word by word: each with a photograph drifting inside its frame, a small-caps client and sector line, a serif title, a summary, and a ruled foot pairing a serif result figure with a read link.","name":"showcase51","registryDependencies":["button"],"title":"Two Case Studies","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Four cards on a muted fill, each one a whole link that inverts to ink on hover: a photograph drifting across the top, a serif name facing its arrow, the shape it takes, a paragraph and a detail line at the foot.","name":"showcase52","registryDependencies":["button"],"title":"Linked Programme Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Full-width ruled rows that alternate the photograph left and right, each row a whole link carrying a large serif title, a paragraph and a meta line beside an arrow that lifts as the row tints on hover.","name":"showcase53","title":"Linked Alternating Slabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A work showcase for a photography studio with the header on the left and one button on the right, above a borderless mosaic of 4 project stages. One tall stage fills the left column, and the right column stacks a wide stage over two smaller ones, each with a title and a short des","name":"showcase54","registryDependencies":["button"],"title":"Studio Work Mosaic With Live Photo Stages","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"User profile card with cover photo, avatar, bio, location, website, followers/following stats, and follow button. Perfect for user profile headers on social platforms.","name":"social1","registryDependencies":["button","badge"],"title":"Profile Card with Cover","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Social media post with author info, text content, image, and interactive like/comment/share/bookmark buttons with counts. Perfect for feed-style content displays.","name":"social2","registryDependencies":["button","dropdown-menu"],"title":"Social Post Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Comment section with nested replies, like counts, reply functionality, and expandable threads. Perfect for blog posts, articles, or discussion forums.","name":"social3","registryDependencies":["button","dropdown-menu","textarea"],"title":"Threaded Comments","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Notification list with activity types (likes, comments, follows, mentions), unread indicators, and mark-as-read actions. Perfect for notification center dropdowns or pages.","name":"social4","registryDependencies":["button","badge","dropdown-menu"],"title":"Notification Feed","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical timeline showing posts, photos, comments, follows, shares, and videos with color-coded icons. Perfect for activity feeds and user history pages.","name":"social5","registryDependencies":["badge","button"],"title":"Activity Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real-time chat interface with message bubbles, online status, read receipts, emoji picker, and file attachments. Perfect for messaging apps and customer support chats.","name":"social6","registryDependencies":["button","dropdown-menu"],"title":"Chat Conversation","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Group cards with cover images, member count, privacy indicators, category badges, and join buttons. Perfect for community discovery and group listings.","name":"social7","registryDependencies":["button","badge"],"title":"Community Groups List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Event listings with cover images, date/time, location, attendee previews, and RSVP buttons (Going/Interested). Perfect for event discovery and community calendars.","name":"social8","registryDependencies":["button","badge"],"title":"Event Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"User suggestions list with avatars, bios, mutual connections, interest tags, and follow/dismiss actions. Perfect for people-you-may-know sections and onboarding flows.","name":"social9","registryDependencies":["badge","button","empty"],"title":"Follow Suggestions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Conversation list with avatars, online status indicators, message previews, timestamps, unread badges, and search. Perfect for messaging app inboxes.","name":"social10","registryDependencies":["button","badge"],"title":"Messages Inbox","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ranked trending topics list with hashtags, post counts, growth percentages, and category badges. Perfect for sidebar widgets showing what is trending.","name":"social11","registryDependencies":["badge","button"],"title":"Trending Topics","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal scrolling stories bar with gradient ring indicators for unread stories and add-your-own button. Perfect for Instagram-style ephemeral content.","name":"social12","title":"Stories Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Poll card with multiple choice options that reveal percentage results after voting, plus vote count and expiration timer. Perfect for engagement and community feedback.","name":"social13","title":"Interactive Poll","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Emoji reaction picker with hover tooltips, selection highlighting, and reaction counts per emoji type. Perfect for adding reactions to posts and comments.","name":"social15","title":"Emoji Reactions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bookmarked articles list with thumbnails, titles, descriptions, source info, and remove actions. Perfect for reading lists and saved content collections.","name":"social20","registryDependencies":["dropdown-menu","empty"],"title":"Saved Bookmarks","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Team members grouped by status (online, away, busy, offline) with colored indicators and status messages. Perfect for workspace sidebars showing who is available.","name":"social23","title":"Team Presence List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Rich link previews showing Open Graph images, titles, descriptions, and site favicons. Perfect for displaying shared URLs in feeds and messages.","name":"social24","title":"Link Preview Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Referral sharing card with copyable link, referral code, email invite input, and reward information. Perfect for referral programs and invite-a-friend features.","name":"social26","registryDependencies":["button","input"],"title":"Referral Invite Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ranked leaderboard with crown/medal icons, user avatars, scores, and position change indicators (up/down). Perfect for gamification and competitive features.","name":"social27","title":"Leaderboard Rankings","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact profile card with cover image, avatar, verified badge, bio, location, website, join date, and post/follower stats. Perfect for profile page headers.","name":"social32","registryDependencies":["button"],"title":"Compact Profile Header","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Community group card with cover image, privacy status, member/post counts, topic tags, and join button. Perfect for community discovery and group suggestions.","name":"social46","registryDependencies":["button","badge"],"title":"Community Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A social proof wall with an eyebrow over a hairline rule, a two-column heading, and a masonry of bordered quote cards each with a name and handle.","name":"social47","title":"Wall Of Love","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A community section listing four linked places to join as full-width hairline rows, each with an icon tile, a description, a light membership figure, and an arrow that shifts on hover.","name":"social48","title":"Community Channels","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A social proof grid of six linked post cards, each with an avatar, handle, timestamp, the post itself, and reply, repost, and like counts under a hairline.","name":"social49","registryDependencies":["button"],"title":"Social Post Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A social section that gives one post an image tile of its own, floating a live post card with its engagement counts, beside the replies it drew as linked hairline rows.","name":"social50","title":"Featured Post And Replies","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A coverage section listing each outlet against the line it published, as linked hairline rows with the writer and date, closing on a soft press pack panel.","name":"social51","registryDependencies":["button"],"title":"Press Mentions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An upcoming sessions list with a date block, format, and remaining seats on each linked hairline row, beside a column that sticks and floats a live card for whoever is hosting next.","name":"social52","registryDependencies":["button"],"title":"Community Sessions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A community credit section opening on three hairline figures, then naming each contributor in a hairline matrix of cards with their practice, what they changed, and how many reports they filed.","name":"social53","registryDependencies":["button"],"title":"Contributor Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A follow section held in one dark panel, listing each account as a linked hairline row with what gets posted there and a light follower figure.","name":"social54","registryDependencies":["button"],"title":"Inverted Follow Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A community section on a soft surface with four bordered figure cards, each explaining what the number counts, over an image tile that floats a live cluster of member portraits.","name":"social55","registryDependencies":["avatar","button"],"title":"Community By The Numbers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A referral section walking through three numbered steps and the full terms as a hairline table, beside a column that sticks and floats a live credit card on an image tile.","name":"social56","registryDependencies":["button"],"title":"Referral Programme","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A community gallery laid out as a masonry of customer photographs at mixed heights, each captioned with what is happening and the practice it came from.","name":"social57","registryDependencies":["button"],"title":"Community Photo Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A masonry of what readers wrote back, disagreements included, filtered by platform pills whose counts come from the responses themselves, over a hairline row of accounts to follow.","name":"social58","title":"Response Wall With Platform Filter","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A wall of short community posts in three masonry columns, each a muted card with an avatar, name, handle, a linked timestamp and the note itself, settling in with a small stagger. The header carries a serif headline that settles in word by word and a sliding-marker pill at its ri","name":"social59","registryDependencies":["button"],"title":"Community Notes Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A ruled list of people to refer on to, every row a whole link: a round portrait, a serif name over a role and a line of what they hold, a place column and an arrow that lifts as the row tints.","name":"social60","registryDependencies":["button"],"title":"Linked Referral Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Right-aligned layout with heading, description, and a 2x2 grid of stat cards. Perfect for showcasing key metrics alongside content.","name":"stats1","title":"Right-Aligned Stats Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered stats grid with icons and animated counters that trigger on scroll. Ideal for showcasing achievements and key metrics.","name":"stats2","title":"Icon Stats with Animated Counter","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width centered stats section with badge, heading, description, and a dynamic grid of icon stats with animated counters. Adapts grid columns based on stat count.","name":"stats3","registryDependencies":["badge"],"title":"Centered Stats with Badge and Icons","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header with badge, heading, and description followed by horizontal stat cards. Each card shows a title, large value, and detailed description.","name":"stats4","registryDependencies":["badge"],"title":"Stats Cards with Descriptions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with heading and description on the left, 2x2 stats grid on the right. Perfect for pairing narrative with key metrics.","name":"stats5","registryDependencies":["badge"],"title":"Split Layout Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Compact horizontal row of stats separated by vertical dividers. Minimal design ideal for use between other sections.","name":"stats6","title":"Inline Stats Strip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stats cards with a colored top border accent, icon, value, label, and description. Great for highlighting platform capabilities.","name":"stats7","registryDependencies":["badge"],"title":"Accent Border Stats Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width muted background band with a centered heading and large stat numbers separated by vertical borders. Eye-catching social proof section.","name":"stats8","title":"Full-Width Stats Banner","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split layout with a tall image on the left and vertically stacked stats with descriptions on the right, separated by horizontal borders.","name":"stats9","registryDependencies":["badge"],"title":"Image with Stacked Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Infinite horizontal scrolling ticker of stats that pauses on hover. Eye-catching social proof strip for between sections.","name":"stats10","title":"Scrolling Stats Marquee","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stats displayed inside circular SVG progress rings with animated counters. Great for visualizing percentages and performance metrics.","name":"stats11","registryDependencies":["badge"],"title":"Ring Progress Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"One hero-sized featured stat with a row of smaller supporting metrics below. Perfect for emphasizing a single key achievement.","name":"stats12","registryDependencies":["badge"],"title":"Spotlight Stat with Supporting Metrics","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stat cards that float over a wide background image, overlapping the bottom edge. Creates a dynamic layered visual effect.","name":"stats13","title":"Floating Stats over Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Dashboard-style stat cards with colored trend badges showing up, down, or neutral changes. Perfect for quarterly reports and growth metrics.","name":"stats14","registryDependencies":["badge"],"title":"Trend Indicator Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric bento-style grid with mixed single and double-width stat cards. Ideal for year-in-review and annual report sections.","name":"stats15","registryDependencies":["badge"],"title":"Bento Grid Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width video background with dark overlay and translucent glassmorphism stat cards. Immersive hero-style stats section.","name":"stats16","title":"Video Background Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Alternating rows of images and stats that swap sides. Each row pairs a photo with key metrics and descriptions.","name":"stats17","registryDependencies":["badge"],"title":"Zigzag Image Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tall image cards with gradient overlay and stats at the bottom. Each stat has its own background photo with a subtle hover zoom.","name":"stats18","registryDependencies":["badge"],"title":"Image Card Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Wide image with a frosted glass stats bar anchored to the bottom. Stats are separated by vertical dividers inside the blur overlay.","name":"stats19","title":"Glass Bar over Image","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split layout with stacked stats on the left and a browser window mockup displaying a screenshot on the right.","name":"stats20","registryDependencies":["badge"],"title":"Browser Mockup with Stats","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Stats cards that spring up with staggered delay when scrolled into view. Uses framer-motion spring physics for a natural feel.","name":"stats21","registryDependencies":["badge"],"title":"Spring Entrance Stats","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Airport departure board-style odometer animation where each digit flips individually with spring physics as numbers count up on scroll.","name":"stats22","registryDependencies":["badge"],"title":"Odometer Flip Stats","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Horizontal progress bars that grow with spring animation on scroll. Each bar shows a label, value, and percentage fill.","name":"stats23","registryDependencies":["badge"],"title":"Animated Bar Chart Stats","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Large stats that reveal with a horizontal clip-path curtain animation and spring-powered number entrance. Elegant and cinematic.","name":"stats24","title":"Clip-Path Reveal Stats","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Stat cards that flip in from a back-facing 3D rotation using framer-motion spring physics with staggered timing and perspective depth.","name":"stats25","registryDependencies":["badge"],"title":"3D Card Flip Stats","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Stat cards that start stacked on top of each other and fan out into a grid on scroll using framer-motion spring physics and staggered delays.","name":"stats26","registryDependencies":["badge"],"title":"Card Stack Fan-Out Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Magazine-style numbered list layout with large sequence numbers, stat values, and a sticky sidebar heading for an editorial feel.","name":"stats27","registryDependencies":["badge"],"title":"Editorial Numbered Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal timeline with year markers and key metrics at each milestone, ideal for showing company growth and history.","name":"stats28","registryDependencies":["badge"],"title":"Timeline Milestone Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stats organized into switchable tabs by category using shadcn Tabs, letting users explore different metric groups.","name":"stats29","registryDependencies":["badge","tabs"],"title":"Tabbed Category Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A featured customer quote paired with supporting metrics for maximum social proof and credibility.","name":"stats30","registryDependencies":["avatar"],"title":"Testimonial + Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Mini dashboard cards with SVG sparkline trend charts, change indicators, and key metrics for a data-rich stats section.","name":"stats31","registryDependencies":["badge"],"title":"Sparkline Dashboard Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial magazine-style layout with oversized translucent numbers as background watermarks behind each stat row.","name":"stats32","registryDependencies":["badge"],"title":"Giant Watermark Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial layout with oversized bold stat values alternating left and right alignment, creating a dynamic typographic rhythm.","name":"stats33","title":"Alternating Giant Typography Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Developer-focused terminal aesthetic with monospace font, command prompt, and stats displayed as CLI output with a blinking cursor.","name":"stats34","title":"Terminal Output Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Central hero metric surrounded by satellite stats in a circular orbit arrangement on desktop, with a linear stack on mobile.","name":"stats35","title":"Orbit Layout Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stats displayed as a syntax-highlighted JSON API response inside a code block with endpoint URL header and colored tokens.","name":"stats36","title":"JSON API Response Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stats styled as a git commit log with commit hashes, timestamps, branch visualization lines, and metric values as commit messages.","name":"stats37","title":"Git Log Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monitoring dashboard aesthetic with status indicators, metric rows, live status badges, and a dark panel background.","name":"stats38","title":"Server Monitoring Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Key e-commerce KPI cards showing revenue, orders, average order value, and conversion rate with period comparison badges.","name":"stats39","registryDependencies":["badge"],"title":"E-Commerce Revenue Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Bestseller product cards with images, star ratings, units sold, and revenue figures for e-commerce social proof.","name":"stats40","title":"Product Showcase Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real-time social proof section with live activity indicators, recent order count, review scores, and urgency-building metrics for e-commerce.","name":"stats41","title":"Live Social Proof Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Star rating breakdown with horizontal progress bars for each rating level, overall score, and total review count like Amazon or App Store.","name":"stats42","title":"Review Distribution Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Delivery and shipping metrics with icon cards showing average delivery time, on-time rate, and coverage for e-commerce trust building.","name":"stats43","title":"Shipping Performance Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Celebration-style milestone section with a prominent central metric and supporting stats, perfect for announcing sales achievements.","name":"stats44","title":"Sales Milestone Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Product category cards with images and sales metrics showing units sold and growth percentage for each category.","name":"stats45","title":"Category Performance Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"E-commerce trust signals with large icons and supporting stats for security, returns, shipping, and support guarantees.","name":"stats46","title":"Trust Badge Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Weekly real estate market activity grid with key metrics, change indicators, and trend badges in a bordered card layout.","name":"stats47","title":"Weekly Market Snapshot","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Local market dashboard showing median home price, days on market, inventory, and year-over-year changes for real estate.","name":"stats48","registryDependencies":["badge"],"title":"Real Estate Market Overview","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real estate agent profile card with photo, performance metrics, and client rating for agent landing pages.","name":"stats49","registryDependencies":["avatar"],"title":"Agent Profile Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Neighborhood livability report card with letter grades, progress bars, and descriptions for walkability, schools, transit, and safety.","name":"stats50","title":"Neighborhood Report Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Property investment metrics in a clean table layout showing cap rate, cash-on-cash return, rental yield, and appreciation.","name":"stats51","registryDependencies":["badge"],"title":"Investment ROI Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Monthly mortgage payment breakdown with visual proportion bars showing principal, interest, taxes, and insurance.","name":"stats52","title":"Mortgage Breakdown Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Home value estimate card with price range indicator, estimated value, and comparable recent sales data.","name":"stats53","title":"Home Valuation Estimate","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real estate portfolio dashboard with total value, monthly income, occupancy rate, and property count for investors.","name":"stats54","registryDependencies":["badge"],"title":"Portfolio Overview Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Step-by-step journey from listing to closing with key metrics at each stage, showing the real estate sales process.","name":"stats55","title":"Listing to Sold Journey","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Real estate market trend indicators with directional arrows and year-over-year comparisons for key housing metrics.","name":"stats56","registryDependencies":["badge"],"title":"Market Trend Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-up oversized stats band with dividers under a section header.","name":"stats57","title":"Stats Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Stat cards with accent highlight, icon chips and big numbers.","name":"stats58","title":"Stat Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A tall image beside a headline and a grid of key studio stats.","name":"stats59","title":"Image Stats Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal icon stat ribbon on a muted surface.","name":"stats60","title":"Stat Ribbon","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Oversized number rows with labels and context, editorial style.","name":"stats61","title":"Typographic Stats","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header above a wide video thumbnail with a play overlay, followed by a row of three stat cards with optional star ratings.","name":"stats62","title":"Video With Stat Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An eyebrow and large heading paired with a dark CTA on one row, above three tall stat cards that each combine an oversized figure, an inline label, a divider, and a supporting description.","name":"stats63","title":"Result Cards With Lead","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An oversized monochrome stat band with rule-divided figures and editorial labels beneath each.","name":"stats64","title":"Decade Tally Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"One oversized lead figure paired with a ruled, right-aligned stack of supporting stats split by a vertical rule.","name":"stats65","title":"Asymmetric Lead Stat","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A results section that stacks each metric on its own hairline row, pairing an oversized figure with a short label, a sentence of context, and an optional year-over-year delta.","name":"stats66","title":"Outcome Metric Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A results section stacking each measure on its own hairline row, moving a muted starting figure to an accented result across an arrow, with a soft closing panel that floats a live comparison card.","name":"stats67","title":"Before And After Pairs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A results section that leads on one oversized total, splits it across a segmented accent bar, then legends each segment on a hairline row aligning its value, share, and what it covers.","name":"stats68","registryDependencies":["button"],"title":"Segmented Total Breakdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A quarterly results matrix of hairline cells, each pairing a light figure with a signed change tinted by whether the movement is good or bad rather than by its direction, over a line of context.","name":"stats69","title":"Quarterly Metric Matrix","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An annual results section pairing an image tile that floats a live breakdown chart with a light interpretation of it, then four hairline readings that each name their own source, closing on a method panel.","name":"stats70","registryDependencies":["button"],"title":"Annual Report Readings","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A results section that commits to one enormous light figure, reads it back as a statement under a hairline, qualifies it with three smaller footnotes, and closes on a captioned full-bleed photograph.","name":"stats71","registryDependencies":["button"],"title":"Single Headline Figure","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A retention table that follows each joining cohort across its first year, tinting every cell by how high the figure is and dashing the months that have not happened yet.","name":"stats72","registryDependencies":["button"],"title":"Cohort Retention Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A benchmarking section that pairs an accent bar for the platform median against a muted bar for the sector median on every metric, with a legend above and a sourcing note below.","name":"stats73","registryDependencies":["button"],"title":"Benchmark Comparison Bars","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A live platform panel on one dark surface, with four light figures on a hairline rule and a floating trend card reading the month week by week.","name":"stats74","registryDependencies":["button"],"title":"Inverted Live Counters","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four publication figures on hairlines, each carrying a label and a short note on how that number was measured rather than leaving the reader to trust it.","name":"stats75","title":"Audience Figures With Sourcing Notes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"An impact section where a serif heading settles in word by word beside a pill action, then four ruled columns of serif figures count up from zero as they enter the viewport, each with a small-caps label and a line of context, under a slowly drifting soft light.","name":"stats76","registryDependencies":["button"],"title":"Counting Numbers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A split statistics section: a portrait photograph drifting inside its frame on the left, and on the right a serif heading that settles in word by word, an intro, three ruled serif figures that count up as they enter the viewport, and a pill action.","name":"stats77","registryDependencies":["button"],"title":"Photo Figures","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A dark ink statistics band with film grain: a serif statement that settles in word by word beside a light sliding-marker pill, then four ruled columns of serif figures that count up from zero as they enter the viewport.","name":"stats78","registryDependencies":["button"],"title":"Ink Numbers Band","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A left-aligned header over a two-part layout. One side is a column of three large figures, each with a one-line label set directly on the page. The other side is a tall fixed-height stage with a gradient background holding two glass chart pieces stacked with a slight offset. On m","name":"stats79","title":"Large Figures Beside a Chart Stage","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A left-aligned header over four borderless stages of equal height laid out as a mosaic, wide then narrow on the first row and narrow then wide on the second. Each stage shows one figure as a live widget on a glass panel (a rolling counter with a sparkline, a segmented ring, a sta","name":"stats80","title":"Figure Stages in an Alternating Mosaic","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A left-aligned header above a triptych of three tall, narrow, borderless stages of equal height that show the same wheat field at three times of day, each with its own sky, light and wind. Under the triptych a row of three figures lines up with the panes; every figure rolls into ","name":"stats81","title":"Field Triptych With Rolling Figures","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Animated terminal that types commands character-by-character with output responses. Perfect for showcasing CLI installation steps or quick-start guides.","name":"terminal1","registryDependencies":["badge","button"],"title":"CLI Installation Typewriter","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with marketing content and a static code snippet display with copy functionality. Perfect for developer tool landing pages or CLI documentation sections.","name":"terminal2","registryDependencies":["badge","button"],"title":"Code Snippet with Marketing Split","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered install section with an eyebrow, light heading, paragraph, a row of package-manager tabs, and an image tile that floats a live terminal command card.","name":"terminal3","title":"One Command Install","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","embla-carousel-react","embla-carousel-autoplay"],"description":"Full-width swipeable testimonial carousel with autoplay and dot navigation. Perfect for highlighting multiple customer quotes on landing pages.","name":"testimonial1","registryDependencies":["badge","button"],"title":"Carousel Testimonials","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Minimalist single testimonial with centered quote and author details. Perfect for hero sections or standalone social proof elements.","name":"testimonial6","registryDependencies":["badge"],"title":"Centered Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Grid of testimonial cards with decorative quote marks and HTML-supported text highlighting. Perfect for showcasing multiple customer reviews with emphasis on key phrases.","name":"testimonial8","registryDependencies":["badge","button"],"title":"Quote Cards Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with large image, star rating, and bordered author section. Perfect for featuring executive testimonials or detailed case study quotes.","name":"testimonial11","title":"Split Image Testimonial","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Video testimonial cards with thumbnail previews, play buttons, and modal player. Perfect for customer success stories or product review videos.","name":"testimonial12","registryDependencies":["badge"],"title":"Video Testimonials","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Key statistics row followed by a centered testimonial quote with author avatar. Perfect for combining social proof metrics with executive endorsements.","name":"testimonial14","title":"Stats and Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Company logo cloud combined with a featured testimonial card below. Perfect for showcasing trusted brands alongside customer endorsements.","name":"testimonial15","registryDependencies":["badge"],"title":"Logo Cloud with Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Eye-catching testimonial with gradient background, decorative orb effect, and call-to-action button. Perfect for conversion-focused sections with highlighted quotes.","name":"testimonial16","registryDependencies":["button"],"title":"Gradient Testimonial with CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side before/after comparison lists with a testimonial quote below. Perfect for demonstrating transformation results or product impact stories.","name":"testimonial18","registryDependencies":["badge"],"title":"Before/After Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Case study testimonial card with company logo, key metrics, and CTA button. Perfect for showcasing detailed customer success stories with measurable results.","name":"testimonial19","registryDependencies":["badge","button"],"title":"Case Study Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid of testimonial cards with category tags like Performance, Support, or Pricing. Perfect for organizing customer feedback by feature or benefit type.","name":"testimonial23","registryDependencies":["badge"],"title":"Tagged Testimonials Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontally scrollable testimonial cards with full-bleed portraits, overlaid quote and author.","name":"testimonial25","title":"Testimonial Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Masonry column wall of varied-length testimonial cards with avatars.","name":"testimonial26","title":"Quote Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Single large spotlight testimonial with author block and prev/next navigation.","name":"testimonial27","title":"Spotlight Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two opposing auto-scrolling marquee rows of testimonial cards.","name":"testimonial28","title":"Marquee Quotes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky featured testimonial and rating beside a scrollable list of quote cards.","name":"testimonial29","title":"Sticky Quote List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered grid of star-rated testimonial cards with avatars.","name":"testimonial30","title":"Rated Reviews","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header above a stats rail beside an expanding portrait gallery — hovering a person widens their frame and reveals their quote while the others contract.","name":"testimonial31","title":"Stats With Testimonial Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered header above three vertically auto-scrolling columns of rated review cards with fade masks, pause-on-hover, and a closing CTA.","name":"testimonial32","registryDependencies":["button"],"title":"Scrolling Testimonial Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered parenthetical eyebrow and bold heading above a split card: a full-bleed portrait on the left and a large quote with author attribution on a muted panel to the right.","name":"testimonial33","title":"Split Quote Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two rows of monochrome quote cards scrolling in opposite directions with edge fades.","name":"testimonial34","title":"Testimonial Marquee","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single dramatic pull-quote with a decorative mark, centered above a rounded avatar, name, and role.","name":"testimonial35","title":"Oversized Pull-Quote Testimonial","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A monochrome masonry wall of varying-height testimonial cards in a CSS columns layout.","name":"testimonial36","title":"Masonry Quote Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An editorial testimonial with an eyebrow, a large light quote and author on the left, an image tile floating a proof stat on the right, and a centered trust cluster below a hairline rule.","name":"testimonial41","registryDependencies":["avatar"],"title":"Editorial Quote Proof","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A testimonial grid with an eyebrow over a hairline rule, a two-column heading, and three bordered quote cards each closing with an author avatar, name, and role.","name":"testimonial42","title":"Three Quote Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A testimonial with an eyebrow over a hairline rule, pairing a large light quote and author on the left with an image tile that floats a live star-rating card on the right.","name":"testimonial43","title":"Quote With Rating","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single customer story that sets a tall portrait with a gradient name card beside an oversized light quote, a hairline row of three proof figures, and a link into the full write-up.","name":"testimonial44","title":"Portrait Customer Story","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three testimonials as ruled columns, each led by a grayscale client logo, followed by a large quote and an attribution block that names the person, the role and the project they hired the studio for.","name":"testimonial45","title":"Client Quote Ledger","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Testimonial section driven by a ruled client index: clicking a name swaps the panel beside it, which carries the quote, a round portrait with the attribution, and one ruled outcome figure.","name":"testimonial46","title":"Client Index Quote Switcher","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two long replies set as letters rather than pull quotes, each running at full length on a hairline and signed off with the sender's portrait, where they work and the date it arrived.","name":"testimonial47","title":"Reader Letters, Printed In Full","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Long-form testimonials told as stories: a serif heading settling in word by word beside the intro and a pill action, then alternating rows that pair a drifting portrait photograph with a story title, a serif quote, the person, and a link to the full account.","name":"testimonial48","registryDependencies":["button"],"title":"Client Stories","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A wall of six short testimonials on soft muted cards, the middle column set a step lower, each with a serif quote, a portrait, a name and a context line, under a serif heading that settles in word by word and a pill action.","name":"testimonial49","registryDependencies":["button"],"title":"Notes Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A rotating testimonial: a portrait on the left and a large serif quote on the right blur out and in together every six seconds, pause on hover, and can be chosen directly from a row of round portrait buttons, with a pill action beneath.","name":"testimonial50","registryDependencies":["button"],"title":"Three Voices","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"One centred testimonial: a long serif quote that settles in word by word, the speaker's portrait, name and context beneath it, and a sliding-marker pill.","name":"testimonial51","registryDependencies":["button"],"title":"Single Voice","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Four reviews in two columns under a ruled header: each with a five-star row, a serif quote, a portrait, a name and a context line, beneath a serif heading that settles in word by word and a pill action.","name":"testimonial52","registryDependencies":["button"],"title":"Starred Reviews","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"One long testimonial beside a portrait: the photograph drifts inside its frame on the left while a serif quote settles in word by word on the right, closed by a ruled row with the speaker's name, context and a sliding-marker pill.","name":"testimonial53","registryDependencies":["button"],"title":"Portrait and Long Quote","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"Three short testimonials in ruled columns, each a serif quote with a name and context, under a serif heading that settles in word by word and a sliding-marker pill.","name":"testimonial54","registryDependencies":["button"],"title":"Three Ruled Quotes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A left-aligned header over three customer stories of equal height. Each card has its own soft gradient that dissolves toward the bottom, a small glass piece at the top showing the result the customer got, and the quote, name and role underneath. Long quotes are clamped so the car","name":"testimonial55","title":"Customer Stories With Result Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered header above one borderless stage of fixed height that shows a single large quote at a time. A live pond fills the top of the stage and dissolves into the page color, where the rating, the quote, the name and the role sit. A glass bar of names floats on the water to sw","name":"testimonial56","title":"Single Quote Over A Pond","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single client testimonial in two columns. A tall borderless stage of fixed height on the left holds the client's portrait recut as a live line engraving, and the quote is set large on the page background on the right, with the eyebrow above it and the person's name and role pin","name":"testimonial57","title":"Large Quote Beside An Engraved Portrait","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width hero showcasing a featured trip with destination, duration, group size, ratings, and highlight badges. Perfect for travel agencies promoting signature tours or seasonal destinations.","name":"travel1","registryDependencies":["badge","button"],"title":"Featured Trip Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Immersive hero section with autoplay video background, centered overlay text, and dual CTA buttons. Perfect for travel brands wanting to create an emotional first impression with cinematic content.","name":"travel2","registryDependencies":["badge","button"],"title":"Video Background Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column layout with feature checklist, rating display, and floating destination stats card alongside a featured image. Perfect for travel planning services highlighting their value propositions.","name":"travel5","registryDependencies":["badge","button"],"title":"Split Travel Planner","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive card grid showcasing destinations with images, ratings, pricing, and interactive favorites. Perfect for travel booking sites displaying popular vacation spots with quick comparison.","name":"travel6","registryDependencies":["badge","button","card"],"title":"Destination Cards Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal carousel with tall portrait destination cards featuring names and taglines on gradient overlays. Perfect for showcasing multiple destinations in an engaging, swipeable format.","name":"travel7","registryDependencies":["badge","button","carousel"],"title":"Destination Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Destination grid with icon-based category filter buttons for beach, mountain, city, nature, and cultural trips. Perfect for travel sites letting users browse destinations by experience type.","name":"travel8","registryDependencies":["badge","button"],"title":"Filterable Destinations","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ranked list of trending destinations showing position numbers, thumbnails, trend percentages, and hot indicators. Perfect for showcasing popular or rising travel destinations with social proof.","name":"travel9","registryDependencies":["badge"],"title":"Trending Destinations List","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side destination comparison cards displaying flight time, best season, average cost, and feature checklists. Perfect for helping travelers decide between two vacation options.","name":"travel12","registryDependencies":["badge","button","card"],"title":"Destination Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Visual day-by-day trip timeline with numbered day badges, location images, and time-based activity schedules. Perfect for tour operators presenting detailed multi-day travel itineraries.","name":"travel17","registryDependencies":["badge","card"],"title":"Trip Itinerary Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid showcase of travel guides with photos, specialties, languages spoken, ratings, and tour counts. Perfect for tour companies highlighting their expert local guides.","name":"travel18","registryDependencies":["badge","button"],"title":"Travel Guides Team","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Visual category grid showing tour types like adventure, cultural, beach, and safari with images and tour counts. Perfect for travel agencies organizing trips by experience style.","name":"travel19","registryDependencies":["badge"],"title":"Tour Type Categories","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side comparison of group and private tour options with pricing, features, and selection CTAs. Perfect for helping travelers choose between shared and exclusive experiences.","name":"travel20","registryDependencies":["button","card"],"title":"Group vs Private Tours","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Split-layout card promoting custom trip planning with feature bullet points and a large image. Perfect for travel agencies offering personalized itinerary design services.","name":"travel21","registryDependencies":["button","card"],"title":"Custom Trip Builder CTA","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Featured package card showing destination image, pricing, and included amenities like flights, hotels, and activities with icons. Perfect for promoting vacation packages with transparent inclusions.","name":"travel22","registryDependencies":["badge","button","card"],"title":"All-Inclusive Package","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid of day trip cards showing location, duration, group size, ratings, and pricing with booking buttons. Perfect for tour operators promoting local excursions and activities.","name":"travel23","registryDependencies":["badge","button","card"],"title":"Day Trips Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tour cards displaying multi-city itineraries with circular city thumbnails, night counts, and arrow connectors. Perfect for showcasing regional tours spanning multiple destinations.","name":"travel24","registryDependencies":["button","card"],"title":"Multi-City Tours","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Grid of local experiences with category badges, location, duration, and ratings for a specific destination. Perfect for destination pages showcasing must-do activities and attractions.","name":"travel25","registryDependencies":["badge","button"],"title":"Destination Highlights","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Social proof section with star rating breakdown, recommendation percentage, and company highlights like awards and traveler counts. Perfect for building credibility on travel booking pages.","name":"travel34","registryDependencies":["card"],"title":"Trust & Reviews Section","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-column grid showing what's included in travel packages organized by categories like transport, accommodation, meals, and experiences. Perfect for transparent package breakdowns.","name":"travel36","registryDependencies":["button"],"title":"Package Inclusions","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Itemized pricing card showing costs for flights, accommodation, transfers, meals, and activities with discount badges. Perfect for transparent pricing on trip detail pages.","name":"travel41","registryDependencies":["badge","button"],"title":"Trip Cost Breakdown","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A destination finder that eliminates in the open: a grid of six photographs sits beside the questions and dims the places each answer rules out, with a live count under it, before the survivors are listed with their notes and links.","name":"travel42","registryDependencies":["questionnaire","button"],"title":"Narrowing Destination Shortlist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered header with two buttons sits above a wide muted stage holding one enlarged live flight card. Beneath it, a row of three supporting cards each pairs a smaller trip piece with a title and a sentence. The row collapses to a single column on phones.","name":"travel43","registryDependencies":["button"],"title":"Trip Planner Stage With Supporting Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tab-based use case section with images, descriptions, and feature checklists that collapse to accordion on mobile. Perfect for showcasing how different teams or departments use your product.","name":"usecase1","registryDependencies":["badge"],"title":"Interactive Tab Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Responsive grid of use case cards with hover effects, images, descriptions, and feature checklists. Perfect for displaying solutions for different industries or customer segments.","name":"usecase2","registryDependencies":["badge"],"title":"Use Case Card Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Vertical numbered steps with alternating left-right image positions, descriptions, and feature lists. Perfect for explaining multi-step processes or onboarding flows.","name":"usecase3","registryDependencies":["badge"],"title":"Numbered Steps Process","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Card grid showcasing industry-specific solutions with icons, images, descriptions, and feature tags. Perfect for highlighting how your platform serves different verticals.","name":"usecase4","registryDependencies":["badge"],"title":"Industry Solutions Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge"],"description":"Centered icon grid with titles and descriptions, featuring hover animations on icon containers. Perfect for showcasing product features or capabilities in a clean layout.","name":"usecase5","registryDependencies":["badge"],"title":"Feature Icon Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Expandable accordion layout with icons, images, descriptions, and feature lists inside each panel. Perfect for detailed solution explanations with visual content.","name":"usecase7","registryDependencies":["badge"],"title":"Solutions Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Centered timeline with alternating left-right content cards, icons, images, and feature lists. Perfect for showing project phases, company history, or process stages.","name":"usecase8","registryDependencies":["badge"],"title":"Vertical Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"CSS columns-based masonry layout with variable-height cards featuring background images and gradient overlays. Perfect for showcasing diverse use cases with visual hierarchy.","name":"usecase9","registryDependencies":["badge"],"title":"Masonry Bento Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column card with text content, bullet list, and CTA buttons alongside a full-height image. Perfect for feature highlights or promotional sections.","name":"usecase10","registryDependencies":["badge","button"],"title":"Split Content Card","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pill-style horizontal tabs displaying platform availability with large images, feature checklists, and download CTAs. Perfect for showcasing cross-platform product availability.","name":"usecase11","registryDependencies":["badge","button"],"title":"Platform Tabs Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tab navigation showing workflow stages with split image cards featuring stats overlays and descriptions. Perfect for demonstrating product workflow or development process stages.","name":"usecase12","registryDependencies":["badge","button","tabs"],"title":"Workflow Stage Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Segmented control style tabs with split layout showing image, description, and bullet point features. Perfect for comparing solution approaches or product capabilities.","name":"usecase14","registryDependencies":["badge","button","tabs"],"title":"Segmented Control Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive step-by-step wizard with progress bar, clickable step indicators, images, and contextual tips. Perfect for onboarding flows or multi-step process explanations.","name":"usecase15","registryDependencies":["badge","button"],"title":"Step Wizard Navigator","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Card grid with background images that reveals detailed content on hover via smooth slide-up animation. Perfect for destination showcases or visual feature galleries.","name":"usecase17","registryDependencies":["badge"],"title":"Hover Reveal Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Card grid showcasing industries with icons, descriptions, and key statistics like company count and user numbers. Perfect for demonstrating market reach across verticals.","name":"usecase18","registryDependencies":["badge","button"],"title":"Industry Stats Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pinterest-style masonry grid with variable-height image cards, category labels, and hover zoom effects. Perfect for creative portfolios or work showcases.","name":"usecase19","registryDependencies":["badge"],"title":"Portfolio Masonry Gallery","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive flip cards with 3D rotation effect showing icon and title on front, detailed features and CTA on back. Perfect for showcasing service offerings or capabilities.","name":"usecase20","registryDependencies":["badge","button"],"title":"3D Flip Service Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric layout with large featured card in center flanked by smaller feature cards on both sides. Perfect for highlighting a primary feature alongside supporting capabilities.","name":"usecase22","registryDependencies":["badge","button"],"title":"Spotlight Feature Layout","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Structured comparison table with category-grouped rows, checkmark indicators, and highlighted column for recommended option. Perfect for plan comparisons or audience-based feature matrices.","name":"usecase23","registryDependencies":["badge"],"title":"Feature Comparison Matrix","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column card grid with hover parallax zoom effect on background images and sliding content reveal. Perfect for destination showcases or visual storytelling.","name":"usecase32","registryDependencies":["badge"],"title":"Parallax Destination Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column grid of feature cards with icons, extended descriptions, and bullet point highlights. Perfect for comprehensive product feature or capability explanations.","name":"usecase37","registryDependencies":["badge"],"title":"Detailed Feature Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Feature comparison table with checkmarks, text values, highlighted column, and CTA buttons in footer. Perfect for comparing your solution against alternatives or competitors.","name":"usecase40","registryDependencies":["badge","button"],"title":"Solution Comparison Table","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A use-case section with an eyebrow over a hairline rule, a two-column heading, and three bordered role cards with an icon chip, a role label, a title, a description, and an arrow link.","name":"usecase41","title":"Role Use Case Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A multi-site use case with an eyebrow over a hairline rule, a two-column heading, and three image tiles that each float a live location card above a title and description.","name":"usecase42","title":"Multi-Site Locations","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A use case with an eyebrow over a hairline rule, a two-column heading, and three image tiles that each float a live appointment card above a title and description.","name":"usecase43","title":"A Day In Appointments","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Qualifying section describing three situations a service suits: each ruled column pairs the situation with a dotted list of tell-tale signals and a soft panel stating what changes afterwards, with nothing closing the section.","name":"usecase44","title":"Situation Fit Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three use cases as image and text rows, each numbered and carrying a story, two ruled outcome figures and its own outline pill link; pictures stay top-aligned and the side only alternates from lg, so a tablet keeps every image at the top left.","name":"usecase45","title":"Alternating Scenario Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four tall image tiles, one per industry, each followed by an explanation and a ruled foot pairing a proof line with a plain link into that sector's work.","name":"usecase46","title":"Industry Portrait Tiles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ruled index of jobs on the left that swaps the panel beside it, where each selection brings its own photograph, explanation and two ruled outcome figures.","name":"usecase47","title":"Job Index With Image Panel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three tall photographic bands stacked full width, each carrying an eyebrow, display title, explanation, one outcome figure and its own outline pill link over a tinted scrim; the three-column foot only forms from lg up so the sentence keeps its measure on a tablet.","name":"usecase48","title":"Stacked Photo Bands","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Pill tabs for each audience swap a split panel holding a tall photograph beside a title, summary and ruled list of what that audience actually gets.","name":"usecase49","title":"Audience Tabs With Photo","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Showcase built as a ruled timetable: selecting an hour swaps a soft panel that floats the matching interface piece over a dotted field, then explains the moment and states one outcome on its own rule.","name":"usecase50","title":"A Day In The Tool","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two picture-led routes side by side, each with an eyebrow, title, dotted-rule expectations list and its own pill CTA, separated on desktop by a small pill divider sitting between the columns.","name":"usecase51","title":"Two Route Photo Columns","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Six application tiles alternating between landscape and portrait crops, each captioned on a rule with where the work lands, what it is applied to and the constraint it has to survive.","name":"usecase52","title":"Placement Mosaic Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"One client story told in three photographed steps, opening with the client name on a ruled block beside the heading and closing with three oversized outcome figures.","name":"usecase53","title":"Single Case Photo Story","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A who-this-is-for section: a serif heading that settles in word by word beside the intro and a pill action, then four soft muted cards, each numbered, with a serif situation title, a short description and an arrow link that lifts on hover.","name":"usecase54","registryDependencies":["button"],"title":"Four Situations","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A self-recognition list: a sticky column with a serif heading that settles in word by word, an intro and a pill action, beside ruled serif statements that each blur in as they reach the viewport, marked with a small ringed check, and a closing line beneath.","name":"usecase55","registryDependencies":["button"],"title":"Is This You","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A who-is-it-for section with pill tabs under a serif heading that settles in word by word: each audience blurs in a serif title, a description, dotted points and a sliding-marker pill beside a portrait photograph drifting inside its frame.","name":"usecase56","registryDependencies":["tabs","button"],"title":"Audience Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Four hairline cards, each a whole link opening with a round portrait, then a quiet label, a serif title, a line of who it is for and an arrow that lifts on hover.","name":"usecase57","registryDependencies":["button"],"title":"Linked Audience Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Six photographic tiles in a three-column grid, every one a whole link: the photograph drifts behind a gradient carrying a meta line, a serif title, a sentence of context and an arrow that lifts on hover.","name":"usecase58","registryDependencies":["button"],"title":"Linked Setting Tiles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Five situations as ruled rows, each one a whole link: a square photograph pinned left, a serif sentence over its paragraph, and an arrow link at the right end that lifts as the row tints on hover.","name":"usecase59","registryDependencies":["button"],"title":"Linked Situation Rows","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Two ruled directories side by side under their own small-caps headings, every row a link carrying a serif label, a line of context and an arrow that lifts as the row tints on hover.","name":"usecase60","registryDependencies":["button"],"title":"Two Linked Directories","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three case studies, each card a whole link: a photograph drifting inside its frame, a serif figure with the span it covers, the story in two sentences and an attribution facing an arrow that lifts on hover.","name":"usecase61","registryDependencies":["button"],"title":"Linked Story Cards","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"Three route cards ordered from slowest to quickest, each one a whole link with a pace label, a serif title, a paragraph and a dotted pair of details; the middle route inverts to ink to mark the usual choice.","name":"usecase62","title":"Three Linked Paths","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A what we make section with the heading on the left and a description on the right, above a row of four tall, narrow artwork stages hung like posters, every second one set lower on desktop. Each stage has the same fixed height and holds a different live artwork: a drawn line figu","name":"usecase63","title":"Studio Disciplines As A Poster Wall","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column workflow hero with a live automation recipe card on the right showing a multi-app stack and installs counter.","name":"workflow1","registryDependencies":["badge","button"],"title":"Hero with Workflow Recipe","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three feature cards that swap icons for live workflow pieces: an app picker, a configurable step, and an active toggle.","name":"workflow2","registryDependencies":["badge","button"],"title":"Three Cards With Workflow Assets","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Accordion on the left, swappable workflow asset on the right. Each row picks its own piece: trigger pair, step config, approval gate, or test run.","name":"workflow3","registryDependencies":["accordion","badge"],"title":"Accordion With Workflow Media","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-column stats strip where each metric is anchored by a real workflow piece: active runs, success rate, and approvals.","name":"workflow4","registryDependencies":["badge"],"title":"Workflow Stats With Live Tiles","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two-column CTA paired with a failed-run retry card. Copy talks reliability while the asset shows the actual recovery surface.","name":"workflow5","registryDependencies":["button"],"title":"Reliability CTA With Failed Run","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Asymmetric showcase: a tall image hero on the left paired with two stacked workflow assets on the right — recipe card and trigger/action pair.","name":"workflow6","registryDependencies":["badge","button"],"title":"Trigger Library Showcase","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Four-step zigzag flow that alternates a workflow piece between sides. Each row pairs a numbered step with the live asset it produces.","name":"workflow7","registryDependencies":["badge"],"title":"Zigzag Process Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Side-by-side card contrasting the manual inbox with the live workflow tile. A real email asset on the left, a real trigger/action pair on the right.","name":"workflow8","registryDependencies":["badge"],"title":"Manual vs Automated Comparison","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Editorial customer story card: a pull quote on top, then a two-piece pair showing the actual workflow the customer ships — an active toggle and an approval gate.","name":"workflow9","registryDependencies":["badge"],"title":"Customer Story With Workflow Pair","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed showcase where each tab swaps a team's typical workflow surface. Left side carries the story, right side carries the live asset.","name":"workflow10","registryDependencies":["badge","button","tabs"],"title":"Tabbed Use Cases","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal centered hero with a three-tile strip of workflow pieces underneath: delay, email, and approval surfaces.","name":"workflow11","registryDependencies":["badge","button"],"title":"Hero With Workflow Pieces Strip","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Hero with a full canvas on the right showing a real workflow flow: trigger node, condition node, and two action branches connected with lines.","name":"workflow12","registryDependencies":["badge","button"],"title":"Workflow Canvas Hero","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width trigger picker with search, category filters, and a 12-app grid. Drop-in app marketplace showcase for any automation product.","name":"workflow13","registryDependencies":["badge","button"],"title":"Trigger Marketplace","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width run history table showing live workflow runs with status pills, duration, started-at timestamps, and per-row actions.","name":"workflow14","registryDependencies":["badge","button"],"title":"Run History Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Recipe marketplace with filter chips and a six-card grid. Each card stacks the apps it connects, the installs counter, and a use-recipe CTA.","name":"workflow15","registryDependencies":["badge","button"],"title":"Recipe Marketplace Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three-pane builder mockup: a step sidebar, a node canvas with connected workflow nodes, and a properties panel for the selected step.","name":"workflow16","registryDependencies":["badge"],"title":"Visual Workflow Builder Mockup","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width analytics card with four KPI tiles, a CSS bar chart of the last 30 days, and a top-workflows leaderboard with share bars.","name":"workflow17","registryDependencies":["badge"],"title":"Workflow Analytics Dashboard","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Three pricing tiers tuned to workflow products: run quotas, workflow counts, and integration limits with a featured plan highlighted.","name":"workflow18","registryDependencies":["badge","button"],"title":"Workflow Pricing Tiers","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Onboarding card with a progress bar and a six-step checklist. Each step shows a completion state, a title, and a short hint.","name":"workflow19","registryDependencies":["badge","button"],"title":"Workflow Onboarding Checklist","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal uptime banner: live status pill, a 90-day color-coded bar strip, and a single percentage. Reads at a glance — operational, degraded, or in incident.","name":"workflow20","registryDependencies":["badge"],"title":"Live Status Banner","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Developer-facing split: copy on the left, tabbed code blocks on the right showing the API request, response, and webhook payload for a workflow.","name":"workflow21","registryDependencies":["badge","button","tabs"],"title":"Workflow API & Webhook Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal live-ops banner: pulsing live dot, a big in-flight workflow counter, a 24-bar throughput strip, and a three-stat footer.","name":"workflow22","registryDependencies":["badge"],"title":"Live Ops Counter Banner","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal quota meter card: header with usage label, large used/limit counter, a single progress bar, and a reset countdown footer.","name":"workflow23","registryDependencies":["badge","button"],"title":"Usage Quota Meter","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Minimal upcoming-runs banner: calendar header, a featured next-run callout, and four compact upcoming entries with relative timing and cron expression.","name":"workflow24","registryDependencies":["badge"],"title":"Upcoming Schedules Banner","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"How-we-work section: a square visual beside a step panel with prev/next navigation, step title, description and a stat.","name":"workflow25","title":"Process Step Carousel","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Horizontal connected process steps with numbered nodes on a continuous rail.","name":"workflow26","title":"Process Flow","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Ascending-staircase process timeline where each phase climbs above the last, with oversized index numerals, cadence labels and per-phase deliverables.","name":"workflow27","registryDependencies":["button"],"title":"Process Ascent","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Tabbed engagement phases with deliverables, duration and imagery.","name":"workflow28","registryDependencies":["tabs"],"title":"Phase Tabs","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Mini-gantt of engagement phases with duration bars over a week scale.","name":"workflow29","title":"Engagement Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Sticky clickable phase list driving a detail panel with checklist and image.","name":"workflow30","title":"Phase Selector","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A weekly sprint rhythm shown as day columns of activities.","name":"workflow31","title":"Sprint Cadence","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Expandable numbered process steps revealing deliverables and duration.","name":"workflow32","title":"Process Accordion","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Interactive process rail with a filling progress spine; selecting a stage swaps its media and deliverables.","name":"workflow33","title":"Stage Rail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Each engagement phase mapped from its inputs to its outcomes.","name":"workflow34","title":"Phase Outcomes","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A featured methodology panel alongside supporting principle pillars.","name":"workflow35","title":"Method Pillars","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A single-rail vertical process timeline with numbered nodes and per-step duration and owner meta.","name":"workflow36","title":"Process Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Two parallel workstream swimlanes aligned across shared phase columns.","name":"workflow37","title":"Parallel Tracks","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Process steps cascading in a diagonal staircase with connecting markers.","name":"workflow38","title":"Cascade Process","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A numbered phase index that cross-fades a sticky detail panel as each phase is hovered.","name":"workflow39","title":"Phase Index","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A kanban-style board showing studio work moving across stage columns.","name":"workflow40","title":"Process Board","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A horizontally scrollable dated milestone timeline with alternating cards on a continuous axis.","name":"workflow41","title":"Timeline Scroller","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Full-width phase bands anchored by oversized ghost numerals with duration meta.","name":"workflow42","title":"Phase Bands","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Week-grouped task checklists each with a focus tag and a progress bar.","name":"workflow43","title":"Weekly Plan","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A sticky process overview with summary stats beside an expandable phase accordion.","name":"workflow44","registryDependencies":["button"],"title":"Overview & Phases","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Each process stage paired with a prominent SLA-style metric.","name":"workflow45","title":"Process Metrics","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"Left-aligned intro with eyebrow, heading and CTA beside a four-column band of numbered process steps linked by a connector line.","name":"workflow46","registryDependencies":["button"],"title":"Numbered Process Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An implementation timeline laid out as three hairline columns, each opening with a week marker over a phase title, a short explanation, and a checked deliverable list, closing on a soft summary strip.","name":"workflow47","registryDependencies":["button"],"title":"Three Phase Rollout Timeline","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An approval workflow drawn as a vertical rail of nodes tinted by whether each step is done, waiting, or queued, naming the person and the timestamp, beside a tile floating the live request card.","name":"workflow48","registryDependencies":["button"],"title":"Approval Chain Trail","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A workflow that states one trigger on an inverted full-width panel, then forks into two equally weighted condition branches whose outcomes sit in nested cards carrying the share of cases they account for.","name":"workflow49","registryDependencies":["button"],"title":"Branching Decision Flow","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An operating rhythm split into three hairline columns for daily, weekly, and monthly routines, each row carrying its timing and either an owner or an accent chip where nobody is needed.","name":"workflow50","registryDependencies":["button"],"title":"Daily Weekly Monthly Cadence","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A workflow that scores each stage on how much of it runs unattended, drawing an accent bar per stage and naming what still needs a person, against a sticky column with one headline figure and a live stage tracker.","name":"workflow51","registryDependencies":["button"],"title":"Automation Coverage Map","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A responsibility swimlane crossing roles against stages, filling every cell by whether that role owns, helps, only reads, or has no access, with a legend keyed to the same tints.","name":"workflow52","registryDependencies":["button"],"title":"Role Swimlane Grid","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A time-based escalation path held in a bordered panel, each rung naming the elapsed time, who joins, what changes, and the share of reports that ever reach it, beside a live card for whoever is on call.","name":"workflow53","registryDependencies":["button"],"title":"Escalation Ladder","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"An integration map naming every system as a card, inverting the first-party one so it reads as the origin, then listing each crossing on a hairline row with what travels and how often.","name":"workflow54","registryDependencies":["button"],"title":"Data Flow Map","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A process sizer that answers with a position rather than a verdict: a photographic band opens the section, four weighted questions sit beside an avatar cluster of the people a heavier answer pulls in, they add up to a score, and the band that score falls in takes the page over wi","name":"workflow55","registryDependencies":["questionnaire","avatar","button"],"title":"Process Weight Spectrum","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A four column board showing the real work in progress, each column stating the rule that lets a piece move on and carrying the linked cards currently sitting in it, with a written state for a column that is empty.","name":"workflow56","title":"Public Writing Board","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A how-it-works section: serif heading settling in word by word beside the intro and a pill action, three numbered steps whose top rules draw themselves in one after another, and a wide photograph drifting inside its frame to close.","name":"workflow57","registryDependencies":["button"],"title":"Three Steps Process","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react","framer-motion"],"description":"A four-step process on one horizontal line that draws itself across the page as the steps arrive in turn, each with a ringed icon, a numeral, a serif title and a description, under a serif heading that settles in word by word beside the intro and a pill action.","name":"workflow58","registryDependencies":["button"],"title":"Between Sessions Line","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","framer-motion"],"description":"A vertical process: a sticky column with a serif heading that settles in word by word, an intro and a pill action, beside numbered ringed steps down a line that draws itself in ink as the page scrolls, each with a small-caps timing, a serif title and a description.","name":"workflow59","registryDependencies":["button"],"title":"Vertical Steps Line","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A centered header over a sequence of steps that alternate sides. Each step pairs a live isometric scene on a solid card with a title and description. The steps carry no numbers; their order is the process.","name":"workflow60","registryDependencies":["button"],"title":"Alternating Scene Steps","type":"registry:block"},{"dependencies":["clsx","tailwind-merge","lucide-react"],"description":"A header with two buttons on the right over one continuous strip split into three stages, each playing a live product piece for one step of the process. Step titles and descriptions sit below on a single shared hairline, and the strip stacks into separate stages on small screens.","name":"workflow61","registryDependencies":["button"],"title":"Three Step Live Product Strip","type":"registry:block"}]},"sureui":{"favicon":"/favicons/sureui.svg","items":[{"categories":["confirmation","button"],"description":"A Button that confirms on a click, a second click or a press and hold. Supports inline undo and a pending state for an async onConfirm.","name":"confirm-button","registryDependencies":["button"],"title":"Confirm Button","type":"registry:ui"},{"categories":["confirmation","menu"],"description":"A DropdownMenu or ContextMenu item that confirms on a click, a second click or a press and hold. The menu stays open while the item is armed, held, pending or showing Undo, and closes once the action commits.","name":"confirm-menu-item","registryDependencies":["dropdown-menu","context-menu"],"title":"Confirm Menu Item","type":"registry:ui"},{"categories":["confirmation","switch"],"description":"A Switch that moves right away and can be taken back: flipping it again during the undo window undoes it, and onConfirm(checked) runs when the window ends.","name":"confirm-switch","registryDependencies":["switch"],"title":"Confirm Switch","type":"registry:ui"},{"categories":["confirmation","form"],"description":"An inline form that calls onConfirm only after the exact phrase is typed and every acknowledgement is checked. Supports inline undo and a pending state for an async onConfirm.","name":"type-to-confirm","registryDependencies":["button","checkbox","input","label"],"title":"Type to Confirm","type":"registry:ui"},{"categories":["confirmation","dialog"],"description":"An alert dialog with a ConfirmButton or TypeToConfirm as its confirm action, which closes only after an async onConfirm settles. Includes useConfirm, which returns an awaitable confirm() and a dialog element you render yourself.","name":"confirm-dialog","registryDependencies":["alert-dialog","button","checkbox","input","label"],"title":"Confirm Dialog","type":"registry:ui"},{"categories":["confirmation","popover"],"description":"A popover anchored to any trigger, with one line about the consequence and a ConfirmButton, for actions that need a sentence but not a dialog. It stays open while an async onConfirm is pending.","name":"confirm-popover","registryDependencies":["popover","button"],"title":"Confirm Popover","type":"registry:ui"},{"categories":["confirmation","list"],"description":"A list of what a confirmation will remove, with counts and names that collapse to \"and N more\". Pass it to TypeToConfirm or ConfirmDialog through their consequences prop.","name":"consequences","title":"Consequences","type":"registry:ui"},{"categories":["confirmation","list","table"],"dependencies":["@base-ui/react"],"description":"Wraps a list item or table row. Removing it collapses the row in place to a label and an Undo button at the same height, then runs onConfirm when the undo window ends.","name":"undoable","registryDependencies":["button"],"title":"Undoable","type":"registry:ui"},{"categories":["confirmation","form"],"description":"useUnsavedChanges asks before unsaved changes are lost: the browser's prompt on reload or close, an awaitable confirmLeave() for leaving a page, and Keep editing, Discard changes and an optional Save in a Dialog, Sheet or Drawer's footer before it closes.","name":"unsaved-changes","registryDependencies":["alert-dialog","button","checkbox","input","label"],"title":"Unsaved Changes","type":"registry:ui"},{"categories":["confirmation","ai"],"dependencies":["@base-ui/react"],"description":"Approve or deny an AI SDK tool call, or a batch of them, with a gesture that matches its risk: undo for low, click again for medium, hold for high and a typed phrase for critical. Pass addToolApprovalResponse from useChat as onRespond.","name":"tool-approval","registryDependencies":["button","checkbox","input","label"],"title":"Tool Approval","type":"registry:ui"},{"categories":["block","settings"],"description":"A project settings danger zone: pause deployments with an undo window, transfer the project in a dialog that shows what changes, and delete it in a dialog that asks for the project name.","name":"danger-zone-01","registryDependencies":["@sureui/confirm-button","@sureui/confirm-dialog","@sureui/consequences","button","card"],"title":"Danger Zone","type":"registry:block"},{"categories":["block","settings"],"dependencies":["lucide-react"],"description":"A list of API keys with the last time each was used, hold to revoke, and a Create key dialog that shows the new secret once with a copy button.","name":"api-keys-01","registryDependencies":["@sureui/confirm-button","button","card","dialog","input","label"],"title":"API Keys","type":"registry:block"},{"categories":["block","settings"],"description":"An account deletion screen with an export link first, a list of what gets deleted, and a form that unlocks after you type your email and check each acknowledgement.","name":"delete-account-01","registryDependencies":["@sureui/consequences","@sureui/type-to-confirm","button","card"],"title":"Delete Account","type":"registry:block"},{"categories":["block","settings"],"dependencies":["lucide-react"],"description":"A team members list whose row menu removes someone after a second click, and makes someone the owner after a dialog explains what changes.","name":"team-members-01","registryDependencies":["@sureui/confirm-dialog","@sureui/confirm-menu-item","avatar","button","card","dropdown-menu"],"title":"Team Members","type":"registry:block"},{"categories":["block","files"],"description":"A file list where selected files move to trash with an undo toast, a Trash tab restores them one at a time, and an Empty trash dialog lists what goes and asks you to type a phrase.","name":"file-manager-01","registryDependencies":["@sureui/confirm-dialog","@sureui/consequences","@sureui/undo-toast","button","card","checkbox","tabs"],"title":"File Manager","type":"registry:block"},{"categories":["block","mail"],"dependencies":["lucide-react"],"description":"A message list where archive and delete collapse the row in place with an Undo, and a reading pane whose toolbar archives on a second click and deletes on a hold.","name":"inbox-01","registryDependencies":["@sureui/confirm-button","@sureui/undoable","button","card"],"title":"Inbox","type":"registry:block"},{"categories":["block","ai"],"description":"An agent turn with four tool calls waiting for approval, from a low-risk message that approves with undo to a critical delete that asks for the project name. Each call shows its tool, risk and arguments, then its result once it runs.","name":"agent-approval-01","registryDependencies":["@sureui/tool-approval","badge","card"],"title":"Agent Approval","type":"registry:block"},{"categories":["block","tables"],"description":"An issue list with row checkboxes whose delete asks for more as the count grows: an undo window for one or two, a second click for a few, and the typed count for more.","name":"bulk-actions-01","registryDependencies":["@sureui/confirm-button","@sureui/confirm-dialog","button","card","checkbox"],"title":"Bulk Actions","type":"registry:block"},{"categories":["block","settings"],"description":"A team settings form where any edit brings up a save bar. Discard asks for a second click, and leaving the page with unsaved changes asks whether to save, discard or keep editing.","name":"settings-save-bar-01","registryDependencies":["@sureui/confirm-button","@sureui/unsaved-changes","button","card","input","label","switch"],"title":"Settings Save Bar","type":"registry:block"},{"categories":["block","billing"],"description":"A plan card whose cancel dialog lists what goes away and when, offers a cheaper plan instead, and cancels on a second click.","name":"cancel-subscription-01","registryDependencies":["@sureui/confirm-dialog","@sureui/consequences","badge","button","card"],"title":"Cancel Subscription","type":"registry:block"}]},"sora ui":{"favicon":"/favicons/sora-ui.ico","items":[{"dependencies":["class-variance-authority"],"description":"Desktop cursor trail that reveals staggered image strips with clip-path wipes as the pointer moves.","name":"cursor-trail-reveal","page":"https://ui.soralabs.studio/catalog/cursor-trail-reveal","registryDependencies":["utils"],"title":"Cursor Trail Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"An infinite card stack that advances with wheel, touch, or keyboard input using spring-based Motion transitions.","name":"infinite-scrolling-images","page":"https://ui.soralabs.studio/catalog/infinite-scrolling-images","registryDependencies":["utils"],"title":"Infinite Scrolling Images","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A draggable, chaptered progress-bar nav — two-way cursor/scroll sync, ghost-cursor hover preview, snap-to-step seeking, and a per-chapter panel that can opt in or out of showing.","name":"scroll-chapters","page":"https://ui.soralabs.studio/catalog/scroll-chapters","registryDependencies":["@soralabs/lib-scroll-trigger-utils"],"title":"Scroll Chapters","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A full-viewport sticky scroll slider with strip-mask image transitions and animated title swaps, driven by GSAP ScrollTrigger.","name":"scroll-gallery","page":"https://ui.soralabs.studio/catalog/scroll-gallery","registryDependencies":["utils","@soralabs/lib-scroll-trigger-utils"],"title":"Scroll Gallery","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Scroll-pinned hero where a front card flips to reveal a stack of back cards, dismissed one at a time as you keep scrolling.","name":"sticky-scroll-cards","page":"https://ui.soralabs.studio/catalog/sticky-scroll-cards","registryDependencies":["@soralabs/lib-scroll-trigger-utils"],"title":"Sticky Scroll Cards","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Scroll-pinned word-by-word text reveal with a highlight flash, powered by GSAP ScrollTrigger.","name":"text-reveal-box","page":"https://ui.soralabs.studio/catalog/text-reveal-box","registryDependencies":["@soralabs/lib-scroll-trigger-utils"],"title":"Text Reveal Box","type":"registry:ui"},{"dependencies":["gsap","@gsap/react","lenis"],"description":"Multi-page editorial portfolio transition with tilted scaling exit and diagonal clip-path entrance, powered by View Transition API, GSAP SplitText, and Lenis.","name":"tilt-slide-transition","page":"https://ui.soralabs.studio/catalog/tilt-slide-transition","title":"Tilt Slide Transition","type":"registry:ui"},{"description":"A hook that allows you to automatically adjust the height of an element based on its content.","name":"hooks-use-auto-height","title":"useAutoHeight","type":"registry:hook"},{"description":"A hook that allows you to control a state.","name":"hooks-use-controlled-state","title":"useControlledState","type":"registry:hook"},{"description":"A hook that tracks the OS-level Reduced Motion setting live, so GSAP-driven primitives can skip or shortcut their animations.","name":"hooks-use-prefers-reduced-motion","title":"usePrefersReducedMotion","type":"registry:hook"},{"description":"Animated right arrow that nudges forward and redraws its stroke on hover using a pure CSS stroke-dash animation.","name":"icons-arrow-right","registryDependencies":["utils"],"title":"Arrow Right","type":"registry:ui"},{"dependencies":["motion"],"description":"Notification bell that rattles from its hanger on trigger — a decaying rotation pivot.","name":"icons-bell","title":"Bell","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated double up-chevron that cross-fades between the two carets on trigger.","name":"icons-chevrons","title":"Chevrons","type":"registry:ui"},{"dependencies":["motion"],"description":"Animated copy icon that smoothly transitions into a checkmark on trigger with a scale and blur pop effect.","name":"icons-copy","title":"Copy","type":"registry:ui"},{"dependencies":["motion"],"description":"A wrapper that emits glowing, pooled particles from the cursor while hovering any button or link.","name":"particle-hover-button","page":"https://ui.soralabs.studio/motion/particle-hover-button","registryDependencies":["@soralabs/hooks-use-prefers-reduced-motion"],"title":"Particle Hover Button","type":"registry:ui"},{"dependencies":["motion","class-variance-authority"],"description":"A chip-style call-to-action link with a Motion-powered sliding label and rotating icon chips on hover.","name":"sliding-chip-button","page":"https://ui.soralabs.studio/motion/sliding-chip-button","registryDependencies":["utils"],"title":"Sliding Chip Button","type":"registry:ui"},{"dependencies":["class-variance-authority"],"description":"A button that staggers per character or slides the whole label on hover, with a scaling background layer.","name":"stagger-button","page":"https://ui.soralabs.studio/motion/stagger-button","registryDependencies":["utils"],"title":"Stagger Button","type":"registry:ui"},{"dependencies":["motion","class-variance-authority"],"description":"An animated FAQ accordion with expandable panels, powered by Motion.","name":"accordion","page":"https://ui.soralabs.studio/motion/accordion","registryDependencies":["utils","@soralabs/hooks-use-auto-height"],"title":"Accordion","type":"registry:ui"},{"dependencies":["motion","lucide-react","react-use-measure"],"description":"A pill-shaped tab bar that expands into a floating panel, with Motion driving the shell, label, and content transitions.","name":"expandable-tabs","page":"https://ui.soralabs.studio/motion/expandable-tabs","registryDependencies":["utils"],"title":"Expandable Tabs","type":"registry:ui"},{"dependencies":["motion"],"description":"A flowing quote stream where each avatar reveals its author on hover, with Motion fading and blurring the rest.","name":"inline-testimonials","page":"https://ui.soralabs.studio/motion/inline-testimonials","registryDependencies":["utils"],"title":"Inline Testimonials","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A floating label that follows the cursor and elastic-pops into view over interactive targets, powered by GSAP.","name":"cursor-bubble","page":"https://ui.soralabs.studio/motion/cursor-bubble","registryDependencies":["@soralabs/hooks-use-prefers-reduced-motion"],"title":"Cursor Bubble","type":"registry:ui"},{"description":"Crossfading hero image slideshow with a progress pill, play/pause, and prev/next controls.","name":"hero-carousel","page":"https://ui.soralabs.studio/motion/hero-carousel","registryDependencies":["utils","@soralabs/hooks-use-prefers-reduced-motion"],"title":"Hero Carousel","type":"registry:ui"},{"dependencies":["motion"],"description":"A Motion-powered highlight effect that allows you to highlight elements on hover, click or with a controlled value.","name":"highlight","page":"https://ui.soralabs.studio/motion/highlight","registryDependencies":["utils"],"title":"Highlight","type":"registry:ui"},{"dependencies":["motion","class-variance-authority"],"description":"Staggered logo column swapper with fade, vertical shift, and motion blur powered by Motion.","name":"logo-carousel-swapper","page":"https://ui.soralabs.studio/motion/logo-carousel-swapper","registryDependencies":["utils"],"title":"Logo Carousel Swapper","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"A fanned stack of cards that fling away from the cursor on release, with GSAP InertiaPlugin easing each one back to rest.","name":"magnetic-cards","page":"https://ui.soralabs.studio/motion/magnetic-cards","registryDependencies":["@soralabs/hooks-use-prefers-reduced-motion"],"title":"Magnetic Cards","type":"registry:ui"},{"description":"A canvas-based image that resolves from a blocky, pixelated placeholder up to full sharpness as it loads.","name":"pixel-image-loader","page":"https://ui.soralabs.studio/motion/pixel-image-loader","registryDependencies":["@soralabs/hooks-use-prefers-reduced-motion"],"title":"Pixel Image Loader","type":"registry:ui"},{"description":"A stacked-layer blur that ramps smoothly from sharp to fully blurred toward an edge, for fading content under a fixed header or above a scroll boundary.","name":"progressive-blur","page":"https://ui.soralabs.studio/motion/progressive-blur","registryDependencies":["utils","@soralabs/hooks-use-prefers-reduced-motion"],"title":"Progressive Blur","type":"registry:ui"},{"description":"A loading placeholder with shimmer or fade variants, plus a transition that crossfades into real content once loading finishes.","name":"skeleton","page":"https://ui.soralabs.studio/motion/skeleton","registryDependencies":["utils"],"title":"Skeleton","type":"registry:ui"},{"dependencies":["motion"],"description":"Skeleton loading placeholders with a shimmer effect that transitions to revealed content via a CSS view-transition wipe animation. Skeletons are sized using placeholder data to reduce layout shifts.","name":"skeleton-shimmer","page":"https://ui.soralabs.studio/motion/skeleton-shimmer","registryDependencies":["utils"],"title":"Skeleton Shimmer","type":"registry:ui"},{"dependencies":["motion"],"description":"3D tilt card that rotates toward the cursor on spring physics, with an optional glare reflection.","name":"tilt-card","page":"https://ui.soralabs.studio/motion/tilt-card","registryDependencies":["utils"],"title":"Tilt Card","type":"registry:ui"},{"dependencies":["motion"],"description":"Dependency-free custom video player: modal overlay, chaptered timeline, hover-scrub preview, speed menu, picture-in-picture, fullscreen, keyboard shortcuts, and focus trapping.","name":"video-player","page":"https://ui.soralabs.studio/motion/video-player","registryDependencies":["utils"],"title":"Video Player","type":"registry:ui"},{"dependencies":["motion"],"description":"A gradient sweep that reveals text with a chromatic wash, powered by Motion.","name":"dia-text-reveal","page":"https://ui.soralabs.studio/motion/dia-text-reveal","registryDependencies":["utils"],"title":"Dia Text Reveal","type":"registry:ui"},{"dependencies":["motion","class-variance-authority"],"description":"A link with a hand-drawn SVG underline that animates on hover, powered by Motion.","name":"draw-underline-link","page":"https://ui.soralabs.studio/motion/draw-underline-link","registryDependencies":["utils"],"title":"Draw Underline Link","type":"registry:ui"},{"dependencies":["motion"],"description":"Dual-layer block wipe reveal that sweeps away curtain blocks to unveil text, powered by Motion.","name":"dual-wipe-reveal","page":"https://ui.soralabs.studio/motion/dual-wipe-reveal","registryDependencies":["utils"],"title":"Dual Wipe Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"Inline text that materializes through a soft, turbulent WebGL fog mask, inherits font and color from CSS, and cycles through an array of messages.","name":"fog-text-reveal","page":"https://ui.soralabs.studio/motion/fog-text-reveal","registryDependencies":["utils"],"title":"Fog Text Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"An animated, digit-by-digit number counter with a smooth rolling odometer effect, powered by Motion.","name":"number-flow","page":"https://ui.soralabs.studio/motion/number-flow","registryDependencies":["utils"],"title":"Number Flow","type":"registry:ui"},{"dependencies":["motion"],"description":"Per-character slot-machine reveal that rolls each letter into place once it scrolls into view, powered by Motion.","name":"rolling-text","page":"https://ui.soralabs.studio/motion/rolling-text","registryDependencies":["utils"],"title":"Rolling Text","type":"registry:ui"},{"dependencies":["motion"],"description":"Cycles through a list of words with a per-character collapse/reveal transition and a trailing cursor glyph that wipes across the text between words.","name":"text-cursor-loop","page":"https://ui.soralabs.studio/motion/text-cursor-loop","title":"Text Cursor Loop","type":"registry:ui"},{"dependencies":["motion"],"description":"Preset-driven staggered text reveals with blur, fade, slide, and scale animations, powered by Motion.","name":"text-effect","page":"https://ui.soralabs.studio/motion/text-effect","registryDependencies":["utils"],"title":"Text Effect","type":"registry:ui"},{"dependencies":["motion"],"description":"Cycles through a list of items with an enter/exit animation, powered by Motion.","name":"text-loop","page":"https://ui.soralabs.studio/motion/text-loop","registryDependencies":["utils"],"title":"Text Loop","type":"registry:ui"},{"dependencies":["motion"],"description":"Per-character layout morphing for labels, counters, and live text swaps, powered by Motion.","name":"text-morph","page":"https://ui.soralabs.studio/motion/text-morph","registryDependencies":["utils"],"title":"Text Morph","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"description":"Line-by-line text reveal with a colored block wipe, powered by GSAP SplitText.","name":"text-reveal-block","page":"https://ui.soralabs.studio/motion/text-reveal-block","registryDependencies":["@soralabs/hooks-use-prefers-reduced-motion","@soralabs/lib-scroll-trigger-utils"],"title":"Text Reveal (Block)","type":"registry:ui"},{"dependencies":["motion"],"description":"A scroll-triggered masked slide-up text reveal animation, powered by Motion.","name":"text-reveal-mask","page":"https://ui.soralabs.studio/motion/text-reveal-mask","registryDependencies":["utils"],"title":"Text Reveal (Mask)","type":"registry:ui"},{"dependencies":["motion"],"description":"A per-character vertical text roll animation for label swaps and micro-interactions, powered by Motion.","name":"text-roll","page":"https://ui.soralabs.studio/motion/text-roll","registryDependencies":["utils"],"title":"Text Roll","type":"registry:ui"},{"dependencies":["motion"],"description":"A text scramble reveal animation that decodes characters on mount or when re-triggered, powered by Motion.","name":"text-scramble","page":"https://ui.soralabs.studio/motion/text-scramble","title":"Text Scramble","type":"registry:ui"},{"description":"A character-by-character reveal where each glyph ripples through randomized pill, accent, and outline states before settling into plain text. Adjacent same-state chars merge into rounded bars, and it's themed entirely through CSS variables.","name":"typer","page":"https://ui.soralabs.studio/motion/typer","registryDependencies":["utils"],"title":"Typer","type":"registry:ui"},{"dependencies":["@base-ui/react","motion","lucide-react","class-variance-authority"],"description":"An animated accordion component built on Base UI with spring physics, height collapse mask gradient, blur transitions, and gliding layoutId focus ring.","name":"base-accordion","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Base Accordion","type":"registry:ui"},{"dependencies":["@base-ui/react","motion","lucide-react"],"description":"An accessible alert dialog built on Base UI with smooth Motion 3D perspective entrance and exit animations, customizable sizes, and media slots.","name":"base-alert-dialog","registryDependencies":["utils","@soralabs/hooks-use-controlled-state","@soralabs/base-button"],"title":"Base Alert Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react","motion","class-variance-authority"],"description":"An interactive button component built on Base UI with Motion hover/tap scaling and shadcn/ui variants.","name":"base-button","registryDependencies":["utils"],"title":"Base Button","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"An accessible, stylable checkbox built on Base UI with a Motion-friendly animated indicator.","name":"base-checkbox","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Base Checkbox","type":"registry:ui"},{"dependencies":["@base-ui/react","motion","lucide-react"],"description":"An accessible context menu built on Base UI with smooth Motion spring scale and submenu slide animations.","name":"base-context-menu","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Base Context Menu","type":"registry:ui"},{"dependencies":["@base-ui/react","motion","lucide-react"],"description":"An accessible modal dialog built on Base UI with smooth Motion spring entrance and exit animations.","name":"base-dialog","registryDependencies":["utils","@soralabs/hooks-use-controlled-state","@soralabs/base-button"],"title":"Base Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react","motion","lucide-react"],"description":"An accessible dropdown menu built on Base UI with smooth Motion spring scale and submenu slide animations.","name":"base-dropdown-menu","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Base Dropdown Menu","type":"registry:ui"},{"dependencies":["motion"],"description":"A shadcn/ui-compatible input with a smooth Motion-powered caret.","name":"base-input","registryDependencies":["utils"],"title":"Input","type":"registry:ui"},{"dependencies":["@base-ui/react","motion","class-variance-authority"],"description":"An accessible, highly customizable switch built on Base UI with Motion spring layout physics.","name":"base-switch","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Base Switch","type":"registry:ui"},{"dependencies":["@base-ui/react","motion"],"description":"An accessible tooltip built on Base UI with spring-based keyframe scale and translation animations powered by Motion.","name":"base-tooltip","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Base Tooltip","type":"registry:ui"},{"dependencies":["radix-ui","motion","lucide-react","class-variance-authority"],"description":"An animated accordion component built on Radix UI with spring physics, height collapse mask gradient, blur transitions, and gliding layoutId focus ring.","name":"radix-accordion","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Radix Accordion","type":"registry:ui"},{"dependencies":["radix-ui","motion","lucide-react"],"description":"An accessible alert dialog built on Radix UI with smooth Motion 3D perspective entrance and exit animations, customizable sizes, and media slots.","name":"radix-alert-dialog","registryDependencies":["utils","@soralabs/hooks-use-controlled-state","@soralabs/radix-button"],"title":"Radix Alert Dialog","type":"registry:ui"},{"dependencies":["radix-ui","motion","class-variance-authority"],"description":"An interactive button component built on Radix UI Slot with Motion hover/tap scaling and shadcn/ui variants.","name":"radix-button","registryDependencies":["utils"],"title":"Radix Button","type":"registry:ui"},{"dependencies":["radix-ui","motion"],"description":"An accessible, stylable checkbox built on Radix UI with a Motion-friendly animated indicator.","name":"radix-checkbox","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Radix Checkbox","type":"registry:ui"},{"dependencies":["radix-ui","motion","lucide-react"],"description":"An accessible context menu built on Radix UI with smooth Motion spring scale and submenu slide animations.","name":"radix-context-menu","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Radix Context Menu","type":"registry:ui"},{"dependencies":["radix-ui","motion","lucide-react"],"description":"An accessible modal dialog built on Radix UI with smooth Motion spring entrance and exit animations.","name":"radix-dialog","registryDependencies":["utils","@soralabs/hooks-use-controlled-state","@soralabs/radix-button"],"title":"Radix Dialog","type":"registry:ui"},{"dependencies":["radix-ui","motion","lucide-react"],"description":"An accessible dropdown menu built on Radix UI with smooth Motion spring scale and submenu slide animations.","name":"radix-dropdown-menu","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Radix Dropdown Menu","type":"registry:ui"},{"dependencies":["motion"],"description":"A shadcn/ui-compatible native input with a smooth Motion-powered caret.","name":"radix-input","registryDependencies":["utils"],"title":"Radix Input","type":"registry:ui"},{"dependencies":["radix-ui","motion","class-variance-authority"],"description":"An accessible, highly customizable switch built on Radix UI with Motion spring layout physics.","name":"radix-switch","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Radix Switch","type":"registry:ui"},{"dependencies":["radix-ui","motion"],"description":"An accessible tooltip built on Radix UI with spring-based keyframe scale and translation animations powered by Motion.","name":"radix-tooltip","registryDependencies":["utils","@soralabs/hooks-use-controlled-state"],"title":"Radix Tooltip","type":"registry:ui"}]},"shadcncraft":{"favicon":"/favicons/shadcncraft.ico","items":[{"description":"A compact, visually appealing component for displaying multiple user avatars in an overlapping stack. Perfect for showing participants in a group chat, team members, or active collaborators. Supports customizable size, max visible avatars, border styling, and optional '+n' indica","name":"avatar-stack","page":"https://shadcncraft.com/components/pro-marketing/avatar-stack","title":"Avatar Stack","type":"registry:ui"},{"description":"A component that highlights a key excerpt or quote from an article. This component draws attention to important passages and breaks up long text blocks.","name":"blog-blockquote","page":"https://shadcncraft.com/components/pro-marketing/blog-blockquote","registryDependencies":["@shadcncraft/profile-card"],"title":"Blog Blockquote","type":"registry:ui"},{"description":"A component that displays an inline or full-width image with an optional caption. This component makes blog articles more engaging and visually appealing.","name":"blog-image","page":"https://shadcncraft.com/components/pro-marketing/blog-image","title":"Blog Image","type":"registry:ui"},{"description":"A component that combines small text with an icon for quick callouts. This component highlights key values such as benefits, attributes, or job details.","name":"chip","page":"https://shadcncraft.com/components/pro-marketing/chip","title":"Chip","type":"registry:ui"},{"description":"A component that arranges an icon, header, body text, and CTA in different layout styles. This component makes features clear and actionable.","name":"feature-stack","page":"https://shadcncraft.com/components/pro-marketing/feature-stack","registryDependencies":["@shadcncraft/featured-icon"],"title":"Feature Stack","type":"registry:ui"},{"description":"A component that places an icon inside a styled square or circle frame for extra prominence. This component makes supporting visuals stand out in marketing layouts.","name":"featured-icon","page":"https://shadcncraft.com/components/pro-marketing/featured-icon","title":"Featured Icon","type":"registry:ui"},{"description":"A component that displays open roles in a card format with a badge, title, short body, and feature chips. This component brings structure and clarity to careers pages.","name":"job-listing","page":"https://shadcncraft.com/components/pro-marketing/job-listing","registryDependencies":["badge","card"],"title":"Job Listing","type":"registry:ui"},{"description":"A smooth, endlessly looping scroller ideal for showcasing logos, testimonials, images, or sponsor lists. Features auto-play with customizable speed, pause-on-hover, reverse direction, and seamless loop behavior.","name":"marquee","page":"https://shadcncraft.com/components/pro-marketing/marquee","title":"Marquee","type":"registry:ui"},{"description":"A component that displays large stats with a sub-label for context. This component is designed to highlight performance or usage data.","name":"metric","page":"https://shadcncraft.com/components/pro-marketing/metric","registryDependencies":["button"],"title":"Metric","type":"registry:ui"},{"description":"A Mobile Navigation Menu component that provides expandable menus for small screens. Built based on shadcn/ui Navigation Menu component, but optimized for small screens and touch navigation.","name":"mobile-navigation-menu","page":"https://shadcncraft.com/components/pro-marketing/mobile-navigation-menu","registryDependencies":["collapsible"],"title":"Mobile Navigation Menu","type":"registry:ui"},{"description":"A component that acts as the text-focused version of a hero banner. This component combines a pre-heading label, an H1 heading, supporting description text, and call-to-action buttons.","name":"page-heading","page":"https://shadcncraft.com/components/pro-marketing/page-heading","registryDependencies":["@shadcncraft/tagline"],"title":"Page Heading","type":"registry:ui"},{"description":"A component for that can be replaced with your brand's main logo. This component ensures layouts stay consistent before brand assets are applied.","name":"placeholder-logo","page":"https://shadcncraft.com/components/pro-marketing/placeholder-logo","title":"Placeholder Logo","type":"registry:ui"},{"description":"An extension of the avatar component with more details on the individual. Good for blog posts etc.","name":"profile-card","page":"https://shadcncraft.com/components/pro-marketing/profile-card","registryDependencies":["avatar"],"title":"Profile Card","type":"registry:ui"},{"description":"A component that standardizes heading typography and spacing. This component includes a pre-heading label, main heading, and body text in different layout variants.","name":"section-heading","page":"https://shadcncraft.com/components/pro-marketing/section-heading","registryDependencies":["@shadcncraft/tagline"],"title":"Section Heading","type":"registry:ui"},{"description":"A component that displays ratings with stars and an optional label. This component builds trust with visual feedback.","name":"star-rating","page":"https://shadcncraft.com/components/pro-marketing/star-rating","title":"Star Rating","type":"registry:ui"},{"description":"A component that presents a smaller feature layout for a dialled-back look. This component balances detail with simplicity.","name":"sub-feature","page":"https://shadcncraft.com/components/pro-marketing/sub-feature","title":"Sub Feature","type":"registry:ui"},{"description":"A component that displays a tagline with different variants.","name":"tagline","page":"https://shadcncraft.com/components/pro-marketing/tagline","title":"Tagline","type":"registry:ui"},{"description":"A Placeholder that displays content in a device-style frame. This component helps showcase product UI.","name":"ui-showcase","page":"https://shadcncraft.com/components/pro-marketing/ui-showcase","title":"UI Showcase","type":"registry:ui"},{"description":"A lightweight announcement component for highlighting updates, releases, or important notices without interrupting the main flow. Uses a compact label and title pairing to surface timely information, with optional linking for deeper context. Works well inline or in banners and sc","name":"announcement","page":"https://shadcncraft.com/components/pro-application/announcement","registryDependencies":["badge"],"title":"Announcement","type":"registry:ui"},{"dependencies":["@tanstack/react-table@^8.21.3"],"description":"A pagination footer for TanStack Table data tables. Combines a summary line, a rows-per-page select, a page indicator, and first, previous, next and last navigation buttons. Renders a sensible default layout from a single table prop, and every part is exported so blocks can recom","name":"data-table-pagination","page":"https://shadcncraft.com/components/pro-application/data-table-pagination","registryDependencies":["button","select"],"title":"Data Table Pagination","type":"registry:ui"},{"description":"An Inline Hint is a lightweight, non-intrusive UI pattern that provides helpful guidance, clarification, or best-practice advice directly within or immediately adjacent to a form field, input, or interactive element, without requiring the user to leave the current context.","name":"inline-hint","page":"https://shadcncraft.com/components/pro-application/inline-hint","registryDependencies":["@shadcncraft/semantic-tokens"],"title":"Inline Hint","type":"registry:ui"},{"description":"A flexible messaging component for displaying conversational threads. Supports sent and received messages, timestamps, reactions, and file attachments. Built to handle short exchanges or longer conversations while keeping message hierarchy and sender context clear.","name":"messaging","page":"https://shadcncraft.com/components/pro-application/messaging","registryDependencies":["avatar","@shadcncraft/featured-icon"],"title":"Messaging","type":"registry:ui"},{"description":"A horizontal divider with optional inline content like labels, tabs, or actions. Used to separate sections while keeping context visible, not just a visual break. Works well in dense layouts like settings pages, docs, and dashboards where structure matters without adding noise.","name":"rich-separator","page":"https://shadcncraft.com/components/pro-application/rich-separator","registryDependencies":["separator"],"title":"Rich Separator","type":"registry:ui"},{"dependencies":["@radix-ui/react-use-controllable-state"],"description":"A multi-select tag picker for filtering or categorizing content. Supports search, selected-state chips, and a clear active state. Simple, compact, and meant to disappear once a choice is made. Good for forms, filters, and lightweight metadata input.","name":"tags","page":"https://shadcncraft.com/components/pro-application/tags","registryDependencies":["badge","button","command","popover"],"title":"Tags","type":"registry:ui"},{"description":"A compact, inline ticker for live or near-real-time values. Shows an identifier, current value, and delta with clear up or down signaling. Designed to sit quietly in headers, dashboards, or feeds without pulling focus. Good for stocks, metrics, or any rolling signal.","name":"ticker","page":"https://shadcncraft.com/components/pro-application/ticker","registryDependencies":["avatar","@shadcncraft/semantic-tokens"],"title":"Ticker","type":"registry:ui"},{"description":"Displays a badge or a component that looks like a badge.","name":"badge","page":"https://shadcncraft.com/components/pro-application/badge","title":"Badge","type":"registry:ui"},{"dependencies":["react-medium-image-zoom"],"description":"Image zoom is a component that allows you to zoom in on an image.","name":"image-zoom","page":"https://shadcncraft.com/components/pro-ecommerce/image-zoom","title":"Image Zoom","type":"registry:ui"},{"categories":["blog-listing-card"],"description":"A component that displays a blog listing card in a vertical or horizontal orientation.","name":"blog-listing-card-1","page":"https://shadcncraft.com/components/pro-marketing/blog-listing-card-1","registryDependencies":["@shadcncraft/profile-card"],"title":"Blog Listing Card 1","type":"registry:component"},{"categories":["blog-listing-card"],"dependencies":["card"],"description":"A component that displays a blog listing card in a card format in a vertical or horizontal orientation.","name":"blog-listing-card-2","page":"https://shadcncraft.com/components/pro-marketing/blog-listing-card-2","registryDependencies":["@shadcncraft/profile-card"],"title":"Blog Listing Card 2","type":"registry:component"},{"categories":["blog-listing-featured-card"],"description":"A large featured blog card intended for featuring a blog post. With a floating overlay on the bottom left side of the card.","name":"blog-listing-featured-card-1","page":"https://shadcncraft.com/components/pro-marketing/blog-listing-featured-card-1","registryDependencies":["@shadcncraft/profile-card"],"title":"Blog Listing Featured Card 1","type":"registry:component"},{"categories":["blog-listing-featured-card"],"description":"A large featured blog card intended for featuring a blog post. It has a progressive gradient and blur effect stacked horizontally on the bottom side of the card.","name":"blog-listing-featured-card-2","page":"https://shadcncraft.com/components/pro-marketing/blog-listing-featured-card-2","registryDependencies":["@shadcncraft/profile-card"],"title":"Blog Listing Featured Card 2","type":"registry:component"},{"categories":["blog-listing-featured-card"],"description":"A large featured blog card intended for featuring a blog post. It has a progressive gradient and blur effect, stacked vertically on the left side of the card.","name":"blog-listing-featured-card-3","page":"https://shadcncraft.com/components/pro-marketing/blog-listing-featured-card-3","registryDependencies":["@shadcncraft/profile-card"],"title":"Blog Listing Featured Card 3","type":"registry:component"},{"categories":["pricing-card"],"description":"A component for Figma that compares plans with layout variants, including a 'Most Popular' highlight. This component makes pricing clear and actionable.","name":"pricing-card-1","page":"https://shadcncraft.com/components/pro-marketing/pricing-card-1","registryDependencies":["badge","button","tooltip"],"title":"Pricing Card 1","type":"registry:component"},{"categories":["team-card"],"dependencies":["card"],"description":"A component that displays a user's image alongside their name, a supporting detail such as role or date and social links. This component is useful for adding identity and context to content.","name":"team-card-1","page":"https://shadcncraft.com/components/pro-marketing/team-card-1","registryDependencies":["@shadcncraft/featured-icon"],"title":"Team Card 1","type":"registry:component"},{"categories":["team-card"],"dependencies":["card"],"description":"A component that displays a user's image alongside their name, a description and social links. This component is useful for adding identity and context to content in a vertically stacked format.","name":"team-card-2","page":"https://shadcncraft.com/components/pro-marketing/team-card-2","registryDependencies":["@shadcncraft/featured-icon"],"title":"Team Card 2","type":"registry:component"},{"categories":["activity-feed-item"],"description":"A flexible feed item for displaying recent activity in a clear, scannable format. Combines an avatar, primary action text, optional supporting text, and contextual metadata such as timestamps or attachments. Designed to stack cleanly in lists, adapt to different densities, and su","name":"activity-feed-item-1","page":"https://shadcncraft.com/components/pro-application/activity-feed-item-1","registryDependencies":["avatar","badge","button","button-group","input","empty","separator"],"title":"Activity Feed Item 1","type":"registry:component"},{"categories":["avatar-upload"],"description":"A focused component for adding or updating a user profile image. Handles empty, uploaded, and removable states with clear affordances, including file requirements and inline actions. Designed to feel lightweight and direct, so users can quickly set or change their avatar without ","name":"avatar-upload-1","page":"https://shadcncraft.com/components/pro-application/avatar-upload-1","registryDependencies":["avatar","button","input","@shadcncraft/use-file-upload"],"title":"Avatar Upload 1","type":"registry:component"},{"categories":["avatar-upload"],"description":"A focused component for adding or updating a user profile image. Handles empty, uploaded, and removable states with clear affordances, including file requirements and inline actions. Designed to feel lightweight and direct, so users can quickly set or change their avatar without ","name":"avatar-upload-2","page":"https://shadcncraft.com/components/pro-application/avatar-upload-2","registryDependencies":["avatar","button","input","@shadcncraft/use-file-upload"],"title":"Avatar Upload 2","type":"registry:component"},{"categories":["message-card"],"description":"A compact summary component for individual messages or threads. Shows sender, subject, timestamp, and a short preview of the content. Designed for inboxes, notifications, and lists where users need to scan and prioritize messages quickly without opening the full conversation.","name":"message-card-1","page":"https://shadcncraft.com/components/pro-application/message-card-1","registryDependencies":["avatar","@shadcncraft/messaging"],"title":"Message Card 1","type":"registry:component"},{"categories":["metric-card"],"description":"A compact summary block for highlighting a single key metric. Combines a label, primary value, and supporting context like trend direction or time range. Designed to be used alone or in grids to give quick, scannable insight without needing a full chart.","name":"metric-card-1","page":"https://shadcncraft.com/components/pro-application/metric-card-1","registryDependencies":["card","@shadcncraft/semantic-tokens"],"title":"Metric Card 1","type":"registry:component"},{"categories":["metric-card"],"description":"A compact summary block for highlighting a single key metric. Combines a label, primary value, and supporting context like trend direction or time range. Designed to be used alone or in grids to give quick, scannable insight without needing a full chart.","name":"metric-card-2","page":"https://shadcncraft.com/components/pro-application/metric-card-2","registryDependencies":["badge","card","@shadcncraft/semantic-tokens"],"title":"Metric Card 2","type":"registry:component"},{"categories":["progress-item"],"description":"A single step within a progress sequence used to show order, status, and context. Combines a step indicator with a title and optional description, supporting active, pending, and completed states. Designed to stack vertically for onboarding flows, checklists, and multi-step proce","name":"progress-item-1","page":"https://shadcncraft.com/components/pro-application/progress-item-1","title":"Progress Item 1","type":"registry:component"},{"categories":["file-upload-card"],"description":"A self-contained upload item that shows the status of an individual file during and after upload. Supports clear states for uploading, completed, and failed files, with inline progress, file metadata, and quick actions like cancel or remove. Designed to be stacked into lists for ","name":"file-upload-card-1","page":"https://shadcncraft.com/components/pro-application/file-upload-card-1","registryDependencies":["item","button","progress","@shadcncraft/semantic-tokens"],"title":"File Upload Card 1","type":"registry:component"},{"categories":["file-upload-area"],"description":"A dedicated drop zone for selecting files via drag-and-drop or manual browsing. Communicates accepted file types and size limits up front, with clear hover and focus states to guide interaction. Designed to pair with upload lists or cards, making the start of the upload flow obvi","name":"file-upload-area-1","page":"https://shadcncraft.com/components/pro-application/file-upload-area-1","title":"File Upload Area 1","type":"registry:component"},{"categories":["code-snippet"],"description":"A command or a short file, shown so it can be taken. Comes as an inline chip for code inside a sentence and as a block for code that stands on its own, with an optional filename header. Copying is one click and reports itself, and the block holds its shape whether the copy button","name":"code-snippet-2","page":"https://shadcncraft.com/components/pro-application/code-snippet-2","registryDependencies":["button"],"title":"Code Snippet 2","type":"registry:component"},{"categories":["cart-item"],"description":"TBD","name":"cart-item-1","page":"https://shadcncraft.com/components/pro-ecommerce/cart-item-1","registryDependencies":["button","button-group"],"title":"Cart Item 1","type":"registry:component"},{"categories":["product-category-card"],"description":"TBD","name":"product-category-card-1","page":"https://shadcncraft.com/components/pro-ecommerce/product-category-card-1","title":"Product Category Card 1","type":"registry:component"},{"categories":["product-card"],"description":"TBD","name":"product-card-1","page":"https://shadcncraft.com/components/pro-ecommerce/product-card-1","registryDependencies":["@shadcncraft/star-rating"],"title":"Product Card 1","type":"registry:component"},{"categories":["product-card"],"description":"TBD","name":"product-card-2","page":"https://shadcncraft.com/components/pro-ecommerce/product-card-2","registryDependencies":["@shadcncraft/star-rating"],"title":"Product Card 2","type":"registry:component"},{"categories":["chat"],"dependencies":["ai"],"description":"The file a message was sent with, drawn as a card rather than left as a link. An image previews in place, anything else falls back to an icon beside its name and type. Takes an AI SDK file part.","name":"file-part-1","page":"https://shadcncraft.com/components/pro-ai/file-part-1","registryDependencies":["attachment"],"title":"File Part 1","type":"registry:component"},{"categories":["chat"],"dependencies":["ai"],"description":"A model's thinking, folded away behind a disclosure so it never competes with the answer. The trigger shimmers while tokens are still arriving and settles once the step closes. Takes an AI SDK reasoning part.","name":"reasoning-part-1","page":"https://shadcncraft.com/components/pro-ai/reasoning-part-1","registryDependencies":["bubble","collapsible","marker","spinner"],"title":"Reasoning Part 1","type":"registry:component"},{"categories":["chat"],"dependencies":["ai","streamdown","@streamdown/code"],"description":"A message's text. An answer is parsed as markdown by Streamdown, which copes with the half-finished syntax a stream produces and gives code blocks their own header and controls. A question is rendered literally, because its asterisks are asterisks. Takes an AI SDK text part.","name":"text-part-1","page":"https://shadcncraft.com/components/pro-ai/text-part-1","registryDependencies":["bubble"],"title":"Text Part 1","type":"registry:component"},{"categories":["chat"],"dependencies":["ai"],"description":"One tool call, through all four of its states: running, done, failed and refused. A denied call reads differently from one that simply errored, and expanding either prints what went in or came back, as a code block you can copy in one click. Takes an AI SDK tool part, whichever t","name":"tool-part-1","page":"https://shadcncraft.com/components/pro-ai/tool-part-1","registryDependencies":["bubble","collapsible","marker","spinner","@shadcncraft/code-snippet-2"],"title":"Tool Part 1","type":"registry:component"},{"categories":["chat"],"dependencies":["ai"],"description":"The line saying a search happened: objective and a spinner while it runs, a warning when it fails. What it found is not rendered here, because the citations under the answer already carry it; without this row the slowest step of a turn happens in silence.","name":"web-search-part-1","page":"https://shadcncraft.com/components/pro-ai/web-search-part-1","registryDependencies":["marker","spinner"],"title":"Web Search Part 1","type":"registry:component"},{"categories":["chat"],"dependencies":["ai"],"description":"The agent asking before it commits to expensive work: a multi-step form rendered inside the message, with choices, multi-select, a freeform field, validation and keyboard shortcuts. A tool rather than a data part, so the answers return as that tool call's output and survive a rel","name":"questionnaire-part-1","page":"https://shadcncraft.com/components/pro-ai/questionnaire-part-1","registryDependencies":["bubble","marker","questionnaire"],"title":"Questionnaire Part 1","type":"registry:component"},{"categories":["chat"],"dependencies":["ai"],"description":"The citation list under an answer, collapsed to a count until asked for. Citations reach a chat by two different routes, streamed by the provider or buried inside a search tool's output, and this gathers both into one list with the duplicates dropped.","name":"sources-part-1","page":"https://shadcncraft.com/components/pro-ai/sources-part-1","registryDependencies":["collapsible","marker"],"title":"Sources Part 1","type":"registry:component"},{"categories":["banners"],"description":"A low-height horizontal banner with an icon, short message, and inline input with primary action. Designed to sit between sections without breaking page flow. Use for newsletter signups, announcements, or lightweight calls to action that should feel unobtrusive but visible.","name":"banner-1","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-1","registryDependencies":["button","input","@shadcncraft/featured-icon"],"title":"Banner 1 – Inline signup banner","type":"registry:block"},{"categories":["banners"],"description":"A compact banner presented as a card with icon, short message, input field, and primary action, plus a close control. Designed to float within a layout or sit near content without spanning full width. Use when you want a more prominent call to action than an inline banner, but st","name":"banner-2","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-2","registryDependencies":["button","input","@shadcncraft/featured-icon"],"title":"Banner 2 – Dismissible signup card","type":"registry:block"},{"categories":["banners"],"description":"A low-height horizontal banner with an icon, short announcement text, and multiple call-to-action buttons, plus a dismiss control. Designed to span the content width and draw attention without blocking layout flow. Use for product updates, launches, or time-sensitive announcement","name":"banner-3","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-3","registryDependencies":["button","@shadcncraft/featured-icon"],"title":"Banner 3 – Inline announcement banner with actions","type":"registry:block"},{"categories":["banners"],"description":"A horizontal announcement banner with an icon, single-line message, two clearly ranked actions, and a dismiss control. Designed to sit inline within a page and support quick decision-making without expanding vertically. Use when you need to promote an update or feature with both ","name":"banner-4","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-4","registryDependencies":["button","@shadcncraft/featured-icon"],"title":"Banner 4 – Announcement banner with primary and secondary actions","type":"registry:block"},{"categories":["banners"],"description":"A horizontal banner with an icon, short explanatory text, and a grouped set of actions including primary, secondary, and tertiary options, plus a dismiss control. Designed to sit inline or at page edges without dominating the layout. Use for consent, permissions, or policy-relate","name":"banner-5","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-5","registryDependencies":["button","@shadcncraft/featured-icon"],"title":"Banner 5 – Consent banner with action group","type":"registry:block"},{"categories":["banners"],"description":"A consent banner that pairs a low-height inline message with a stacked action layout in the card variant. Actions are vertically ordered to clearly separate primary, secondary, and tertiary choices, with a dismiss control included. Use when consent or permission flows need strong","name":"banner-6","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-6","registryDependencies":["button","@shadcncraft/featured-icon"],"title":"Banner 6 – Consent banner with stacked actions","type":"registry:block"},{"categories":["banners"],"description":"A low-contrast, single-line banner with centered text and a close action. No icon or buttons, designed to sit quietly at the top or within content. Use for lightweight announcements or status messages where visibility is needed without drawing strong attention or interrupting flo","name":"banner-7","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-7","registryDependencies":["button"],"title":"Banner 7 – Minimal announcement strip","type":"registry:block"},{"categories":["banners"],"description":"A compact announcement banner with inline link styling and a dismiss action. Designed for subtle product updates or release notes where the primary action is a simple text link rather than a button. Works well when you want visibility without visual weight or layout disruption.","name":"banner-8","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-8","registryDependencies":["button"],"title":"Banner 8 – Inline announcement link","type":"registry:block"},{"categories":["banners"],"description":"A high-contrast, full-width banner for urgent or high-intent messages like hiring, launches, or announcements. Uses a single clear line of copy with an inline arrow to signal action, designed to span the page edge to edge without secondary actions or dismissal clutter.","name":"banner-9","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-9","title":"Banner 9 – Full-width callout bar","type":"registry:block"},{"categories":["banners"],"description":"A minimal announcement banner for low-friction updates. Renders as simple inline text with an optional icon and link, plus a close action. Best for subtle product news or secondary announcements that shouldn't compete with primary page content.","name":"banner-10","page":"https://shadcncraft.com/blocks/pro-marketing/banners/banner-10","registryDependencies":["button"],"title":"Banner 10 – Inline announcement link","type":"registry:block"},{"categories":["benefits"],"description":"A benefits section with a headline and intro, followed by multiple feature rows that alternate text and visual previews. Each row includes an icon, feature title, short description, bullet points, and a supporting UI image. Use to explain a product's core value areas in a structu","name":"benefits-1","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-1","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/feature-stack","@shadcncraft/ui-showcase"],"title":"Benefits 1 – Alternating rows with text and image","type":"registry:block"},{"categories":["benefits"],"description":"A benefits section with a headline and intro, followed by multiple feature cards arranged in a staggered grid. Each card includes an icon, feature title, short description, supporting UI image, and primary actions. Use to present key product capabilities when you want each featur","name":"benefits-2","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-2","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/ui-showcase","@shadcncraft/feature-stack"],"title":"Benefits 2 – Alternating rows with actions and image","type":"registry:block"},{"categories":["benefits"],"description":"A benefits section with a headline and intro, followed by stacked feature sections that alternate text and large visual panels. Each feature includes a title, short description, bullet points, and a strong illustrative image. Use when you want to tell a more visual, narrative sto","name":"benefits-3","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-3","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/feature-stack"],"title":"Benefits 3 – Stacked sections with full-bleed media","type":"registry:block"},{"categories":["benefits"],"description":"A simple benefits block that displays a small set of features as icon-led items with short titles and descriptions. Use when you need to quickly communicate core value points without images, interactions, or deep explanation, such as secondary sections or lower on a page.","name":"benefits-4","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-4","registryDependencies":["@shadcncraft/feature-stack"],"title":"Benefits 4 – Compact icon list","type":"registry:block"},{"categories":["benefits"],"description":"A benefits block with a headline and short intro, followed by a grid of icon-led features arranged in two rows. Each item includes an icon, feature name, and short description. Use to present a broad set of product benefits at a glance without visuals or calls to action.","name":"benefits-5","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-5","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/feature-stack"],"title":"Benefits 5 – Icon grid","type":"registry:block"},{"categories":["benefits"],"description":"A benefits block with a headline and short intro, followed by large visual feature cards. Each card pairs a strong image with a feature title and short description. Use when visuals are doing most of the work and you want to communicate product value through imagery rather than t","name":"benefits-6","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-6","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/feature-stack"],"title":"Benefits 6 – Image-led cards","type":"registry:block"},{"categories":["benefits"],"description":"A benefits block with a headline and intro, followed by two primary feature highlights with large images. Secondary benefits are listed below as a compact icon-and-text row. Use when you want to spotlight a small number of hero features while still covering supporting capabilitie","name":"benefits-7","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-7","registryDependencies":["separator","@shadcncraft/section-heading","@shadcncraft/sub-feature"],"title":"Benefits 7 – Split highlights with supporting list","type":"registry:block"},{"categories":["benefits"],"description":"A benefits block with a headline and intro, followed by a single large hero image. Supporting benefits are listed below as icon-led items with short descriptions. Use when you want a strong visual anchor with concise, secondary benefit details for quick scanning.","name":"benefits-8","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-8","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/sub-feature"],"title":"Benefits 8 – Hero media with supporting list","type":"registry:block"},{"categories":["benefits"],"description":"A benefits block with a strong headline and supporting text split across two columns. Use to clearly explain a single core value or positioning statement when you need more depth than a short tagline but no visuals or feature lists.","name":"benefits-9","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-9","registryDependencies":["@shadcncraft/section-heading"],"title":"Benefits 9 – Two-column text layout","type":"registry:block"},{"categories":["benefits"],"description":"A benefits block built around a large, full-width image with short text overlaid directly on the visual. Use to make a single, emotionally driven point where the image carries most of the meaning and the copy reinforces one clear benefit.","name":"benefits-10","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-10","title":"Benefits 10 – Full-width media with overlay text","type":"registry:block"},{"categories":["benefits"],"description":"A benefits block with a strong headline on the left and a longer supporting explanation on the right, with a clear visual hierarchy between primary and secondary text. Use to reinforce a core positioning message when you want one idea to land clearly without images or feature lis","name":"benefits-11","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-11","registryDependencies":["@shadcncraft/section-heading"],"title":"Benefits 11 – Emphasized lead with supporting column","type":"registry:block"},{"categories":["benefits"],"description":"A two-column layout that displays a list of items, each paired with an icon, title, and short description. Items flow vertically within each column and adapt to a single column on smaller screens. Use when you need a dense but scannable list with clear visual anchors.","name":"benefits-12","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-12","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/sub-feature"],"title":"Benefits 12 – Two-column icon list","type":"registry:block"},{"categories":["benefits"],"description":"A layout with a section header followed by a grid of equal-height cards. Each card includes an icon, title, and short text, arranged in a consistent grid that collapses responsively. Use when you need a structured, repeatable set of items with strong visual separation.","name":"benefits-13","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-13","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/featured-icon"],"title":"Benefits 13 – Card grid with section header","type":"registry:block"},{"categories":["benefits"],"description":"A layout with a section header and large hero media element, followed by a horizontal row of icon-and-text items. The media anchors the section visually while the supporting items summarize key points in a compact, aligned row. Use when you want a strong visual lead with a short,","name":"benefits-14","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-14","registryDependencies":["@shadcncraft/feature-stack","@shadcncraft/section-heading","@shadcncraft/ui-showcase"],"title":"Benefits 14 – Hero media with supporting icon row","type":"registry:block"},{"categories":["benefits"],"description":"A layout with a section header, a media element on one side, and a vertically stacked icon-and-text list on the other. The media and list sit side by side on larger screens and stack responsively. Use when you want to pair a focused visual with a compact, structured list.","name":"benefits-15","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-15","registryDependencies":["command","@shadcncraft/feature-stack","@shadcncraft/featured-icon","@shadcncraft/section-heading"],"title":"Benefits 15 – Side-by-side media with icon list","type":"registry:block"},{"categories":["benefits"],"description":"A layout with a prominent lead text area, a supporting media element alongside it, and a horizontal row of icon-and-text items below. The structure creates a clear reading order from explanation to visual context to summarized points, and stacks responsively on smaller screens. U","name":"benefits-16","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-16","registryDependencies":["command","separator","@shadcncraft/feature-stack","@shadcncraft/section-heading"],"title":"Benefits 16 – Lead text with media and supporting row","type":"registry:block"},{"categories":["benefits"],"description":"A layout with a section header on one side and a vertical stack of uniform cards on the other. Each card contains an icon, title, and short text, creating a clear top-to-bottom scan pattern. Use when you want a simple, linear list with strong separation between items.","name":"benefits-17","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-17","registryDependencies":["card","@shadcncraft/feature-stack","@shadcncraft/featured-icon","@shadcncraft/section-heading"],"title":"Benefits 17 – Section header with stacked cards","type":"registry:block"},{"categories":["benefits"],"description":"A layout with a section header and centered media element, followed by a horizontal divider and a row of evenly spaced text items. The structure creates a clear visual hierarchy from primary media to summarized points and stacks cleanly on smaller screens. Use when you want a str","name":"benefits-18","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-18","registryDependencies":["tabs","@shadcncraft/section-heading","@shadcncraft/ui-showcase"],"title":"Benefits 18 – Centered media with divider and summary row","type":"registry:block"},{"categories":["benefits"],"description":"A layout with a section header, a vertically stacked text list marked by a left accent line, and a media element positioned to the side. The text and media sit side by side on larger screens and stack responsively. Use when you want a clean, editorial-style list paired with a sup","name":"benefits-19","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-19","registryDependencies":["command","@shadcncraft/section-heading","@shadcncraft/sub-feature"],"title":"Benefits 19 – Text list with vertical accent and side media","type":"registry:block"},{"categories":["benefits"],"description":"A layout with a section header and a wide media element spanning most of the content area, paired with a narrow supporting panel to the side. The media acts as the primary visual focus while the side panel provides secondary context. Use when you want to emphasize a large interfa","name":"benefits-20","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-20","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/ui-showcase"],"title":"Benefits 20 – Wide media showcase with side panel","type":"registry:block"},{"categories":["benefits"],"description":"A layout with a section header followed by a balanced grid of equal-size cards. Each card uses the same visual weight, creating a calm, uniform scan pattern. Use when all items are equally important and you want a clean, structured presentation without a primary highlight.","name":"benefits-21","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-21","registryDependencies":["card","@shadcncraft/feature-stack","@shadcncraft/featured-icon","@shadcncraft/section-heading"],"title":"Benefits 21 – Card grid with equal emphasis","type":"registry:block"},{"categories":["benefits"],"description":"A two-column layout with structured text and a stacked feature list on one side, paired with a large supporting image on the other. The layout balances dense content with a strong visual anchor. Use when you want clear explanation alongside an expressive image without the image o","name":"benefits-22","page":"https://shadcncraft.com/blocks/pro-marketing/benefits/benefits-22","registryDependencies":["separator","@shadcncraft/section-heading","@shadcncraft/sub-feature"],"title":"Benefits 22 – Split content with feature list and image","type":"registry:block"},{"categories":["blog-listings"],"description":"A responsive blog listing that highlights recent posts in a clean card grid. Includes category, title, read time, author, and date, with a clear section header and optional \"See all\" action. Works well for homepages or content hubs where you want to surface a small set of feature","name":"blog-listing-1","page":"https://shadcncraft.com/blocks/pro-marketing/blog-listings/blog-listing-1","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/blog-listing-card-1"],"title":"Blog Listing 1 – Featured grid","type":"registry:block"},{"categories":["blog-listings"],"description":"A card-based blog layout with a clear section header and a progressive \"Load more\" pattern. Uses consistent post cards with image, category, title, meta, and author, designed to scale as content grows. Suitable for blog index pages or homepages that need a lightweight, expandable","name":"blog-listing-2","page":"https://shadcncraft.com/blocks/pro-marketing/blog-listings/blog-listing-2","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/blog-listing-card-2"],"title":"Blog Listing 2 – Paginated card grid","type":"registry:block"},{"categories":["blog-listings"],"description":"A blog layout anchored by a large featured post followed by a compact card grid. Emphasizes editorial hierarchy by spotlighting a primary article, then surfacing recent or related posts underneath. Works well for blog homepages where one story should lead, with the rest supportin","name":"blog-listing-3","page":"https://shadcncraft.com/blocks/pro-marketing/blog-listings/blog-listing-3","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/blog-listing-card-2","@shadcncraft/blog-listing-featured-card-2"],"title":"Blog Listing 3 – Featured lead with supporting grid","type":"registry:block"},{"categories":["blog-listings"],"description":"A high-density card grid that surfaces many posts at once with equal visual weight. Uses consistent card sizing and rhythm to support fast scanning and browsing. Best for archive pages or content hubs where breadth and discovery matter more than a single featured story.","name":"blog-listing-4","page":"https://shadcncraft.com/blocks/pro-marketing/blog-listings/blog-listing-4","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/blog-listing-card-2"],"title":"Blog Listing 4 – Dense editorial grid","type":"registry:block"},{"categories":["careers"],"description":"A simple vertical job list focused on clarity and scannability. Uses a single-column layout with clear role titles and lightweight metadata like location, work type, and salary. Designed to help users quickly compare openings and jump into a role without visual noise.","name":"careers-1","page":"https://shadcncraft.com/blocks/pro-marketing/careers/careers-1","registryDependencies":["button","separator","@shadcncraft/job-listing","@shadcncraft/section-heading","@shadcncraft/chip"],"title":"Careers 1 – Job list with metadata","type":"registry:block"},{"categories":["careers"],"description":"A split layout that pairs a job list with a large supporting image. Uses the image to set tone and culture, while keeping roles and metadata clean and easy to scan alongside it. Suitable for careers landing pages where brand and roles need equal weight.","name":"careers-2","page":"https://shadcncraft.com/blocks/pro-marketing/careers/careers-2","registryDependencies":["button","separator","@shadcncraft/job-listing","@shadcncraft/section-heading","@shadcncraft/chip"],"title":"Careers 2 – Job list with media lead","type":"registry:block"},{"categories":["careers"],"description":"A multi-column grid of role cards with consistent metadata and actions. Designed for scanning and comparison across roles, with equal visual weight and clear hierarchy. Works well for larger job sets where breadth matters more than storytelling.","name":"careers-3","page":"https://shadcncraft.com/blocks/pro-marketing/careers/careers-3","registryDependencies":["button","@shadcncraft/job-listing","@shadcncraft/section-heading","@shadcncraft/chip"],"title":"Careers 3 – Card grid job listings","type":"registry:block"},{"categories":["careers"],"description":"A careers layout anchored by a large lifestyle image, followed by a clean vertical job list. Uses imagery to set culture and tone first, then supports focused role scanning. Best when you want to sell the team and environment before the openings.","name":"careers-4","page":"https://shadcncraft.com/blocks/pro-marketing/careers/careers-4","registryDependencies":["button","separator","@shadcncraft/job-listing","@shadcncraft/section-heading","@shadcncraft/chip"],"title":"Careers 4 – Feature image with list","type":"registry:block"},{"categories":["careers"],"description":"A careers layout with a left-aligned intro and a dense, stacked job list alongside it. Prioritizes fast scanning of roles over storytelling. Best for teams with multiple open positions where clarity and comparison matter more than brand imagery.","name":"careers-5","page":"https://shadcncraft.com/blocks/pro-marketing/careers/careers-5","registryDependencies":["button","@shadcncraft/job-listing","@shadcncraft/section-heading","@shadcncraft/chip"],"title":"Careers 5 – Split intro with stacked listings","type":"registry:block"},{"categories":["contact"],"description":"A centered contact form with a clear headline and stacked inputs. Uses a simple, linear flow that keeps focus on completion. Best for general inquiries where you want minimal distraction and a calm, neutral presentation.","name":"contact-1","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-1","registryDependencies":["button","input","textarea","checkbox","@shadcncraft/section-heading"],"title":"Contact 1 – Centered form, single-column","type":"registry:block"},{"categories":["contact"],"description":"A centered contact form wrapped in a card with clear visual boundaries. The card adds emphasis and contrast while keeping the layout simple and focused. Good when the form should feel contained and slightly elevated from the page background.","name":"contact-2","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-2","registryDependencies":["button","input","textarea","checkbox","card","@shadcncraft/section-heading"],"title":"Contact 2 – Centered form in card","type":"registry:block"},{"categories":["contact"],"description":"A two-column layout pairing a contact form with a large supporting image. The image adds personality and visual balance while the form stays clear and readable. Works well when you want the contact section to feel more human and less transactional.","name":"contact-3","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-3","registryDependencies":["button","input","textarea","checkbox","@shadcncraft/section-heading"],"title":"Contact 3 – Split form with image","type":"registry:block"},{"categories":["contact"],"description":"A centered layout that surfaces multiple ways to get in touch without a form. Uses icon-led contact methods laid out horizontally, with clear labels and availability details. Best when you want to push people to the right channel fast rather than collect messages.","name":"contact-4","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-4","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/feature-stack"],"title":"Contact 4 – Multi-channel contact options","type":"registry:block"},{"categories":["contact"],"description":"A wide, visual-first layout that pairs a world map with key contact channels. Uses location markers to signal global reach, with email, phone, and live chat grouped below for quick access. Good for companies that want to show scale or multiple offices without pushing a form.","name":"contact-5","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-5","registryDependencies":["popover","@shadcncraft/section-heading","@shadcncraft/feature-stack"],"title":"Contact 5 – Global presence with contact methods","type":"registry:block"},{"categories":["contact"],"description":"A contact layout built around a large location map, with clear contact methods shown below and in a compact side panel. Works well for businesses with a physical presence where location and availability matter as much as the form itself.","name":"contact-6","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-6","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/feature-stack"],"title":"Contact 6 – Map-first contact","type":"registry:block"},{"categories":["contact"],"description":"A contact layout anchored by a large, friendly image, with key contact options displayed clearly below and in a side panel. Good for brands that want to feel personal and approachable without using a full form upfront.","name":"contact-7","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-7","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/feature-stack"],"title":"Contact 7 – Image-led contact","type":"registry:block"},{"categories":["contact"],"description":"A contact layout that pairs a large, edge-to-edge image with stacked contact channels. The image creates visual weight at the top, while card-based options below make it easy to scan and choose how to get in touch. Works well when you want a strong visual anchor without using a f","name":"contact-8","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-8","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/feature-stack"],"title":"Contact 8 – Hero image with channel cards","type":"registry:block"},{"categories":["contact"],"description":"A minimal contact block built around a single, centered call to action. Uses a contained panel with clear hierarchy and one primary button, making it ideal for low-friction contact moments at the end of a page or between sections.","name":"contact-9","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-9","registryDependencies":["button","avatar","@shadcncraft/section-heading","@shadcncraft/avatar-stack"],"title":"Contact 9 – Centered CTA panel","type":"registry:block"},{"categories":["contact"],"dependencies":["@calcom/embed-react"],"description":"A high-contrast contact block using a wide primary panel paired with a secondary sidebar. The layout is designed to showcase an embedded scheduling or booking interface, balancing strong visual weight with a clear, task-focused interaction. Works well when the primary action is t","name":"contact-10","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-10","registryDependencies":["@shadcncraft/section-heading"],"title":"Contact 10 – Split layout with embedded scheduler","type":"registry:block"},{"categories":["contact"],"description":"A balanced contact layout with a primary, centered form and a secondary sidebar that mirrors or reinforces the same interaction. The main column keeps focus on the form, while the sidebar provides a persistent fallback or alternative entry point. Useful when you want a calm, symm","name":"contact-11","page":"https://shadcncraft.com/blocks/pro-marketing/contact/contact-11","registryDependencies":["button","label","input","textarea","checkbox","@shadcncraft/section-heading"],"title":"Contact 11 – Centered form with supporting sidebar","type":"registry:block"},{"categories":["cta"],"description":"A centered call to action with a strong headline, short supporting copy, and side-by-side buttons. The layout feels more editorial and blends naturally into content-heavy pages. Works well when the CTA should feel integrated rather than isolated.","name":"cta-1","page":"https://shadcncraft.com/blocks/pro-marketing/cta/cta-1","registryDependencies":["button","@shadcncraft/section-heading"],"title":"CTA 1 – Centered headline with stacked actions","type":"registry:block"},{"categories":["cta"],"description":"A left-aligned call to action with a strong headline, short supporting copy, and side-by-side buttons. The layout feels more editorial and blends naturally into content-heavy pages. Works well when the CTA should feel integrated rather than isolated.","name":"cta-2","page":"https://shadcncraft.com/blocks/pro-marketing/cta/cta-2","registryDependencies":["button","@shadcncraft/section-heading"],"title":"CTA 2 – Left-aligned headline with inline actions","type":"registry:block"},{"categories":["cta"],"description":"A bold, high-contrast CTA presented inside a contained panel, with a centered headline and stacked primary and secondary actions. The strong visual separation makes this ideal for end-of-page moments where the CTA should clearly stand apart from surrounding content.","name":"cta-3","page":"https://shadcncraft.com/blocks/pro-marketing/cta/cta-3","registryDependencies":["button","@shadcncraft/section-heading"],"title":"CTA 3 – High-contrast panel with stacked actions","type":"registry:block"},{"categories":["cta"],"description":"A wide, high-contrast CTA panel with left-aligned content and inline primary and secondary actions. The asymmetric layout creates a strong visual anchor while leaving room for surrounding content, making it well suited for mid-page transitions or section breaks.","name":"cta-4","page":"https://shadcncraft.com/blocks/pro-marketing/cta/cta-4","registryDependencies":["button","@shadcncraft/section-heading"],"title":"CTA 4 – High-contrast panel with left-aligned actions","type":"registry:block"},{"categories":["cta"],"description":"A two-column CTA layout combining structured text and a visual panel. Uses a feature list to add scannability and depth, paired with a supporting image or illustration. Works well when the CTA needs a bit more explanation without becoming a full section.","name":"cta-5","page":"https://shadcncraft.com/blocks/pro-marketing/cta/cta-5","registryDependencies":["button","@shadcncraft/section-heading"],"title":"CTA 5 – Split content with feature list and media","type":"registry:block"},{"categories":["cta"],"description":"A split CTA layout anchored by a dominant visual panel, with supporting copy and a short feature list alongside. Emphasizes imagery first, then reinforces the action with structured text and clear primary and secondary buttons. Suitable when visual tone or brand feel needs to car","name":"cta-6","page":"https://shadcncraft.com/blocks/pro-marketing/cta/cta-6","registryDependencies":["button","@shadcncraft/section-heading"],"title":"CTA 6 – Feature-led split with primary visual","type":"registry:block"},{"categories":["cta"],"description":"A split CTA layout that pairs structured copy and a short feature list with a live product preview or dashboard screenshot. The layout leads with value explanation, then reinforces credibility through a concrete UI example. Works well when showing real product depth without turni","name":"cta-7","page":"https://shadcncraft.com/blocks/pro-marketing/cta/cta-7","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/ui-showcase"],"title":"CTA 7 – Product preview split with feature checklist","type":"registry:block"},{"categories":["cta"],"description":"A wide, left-aligned CTA paired with a large, offset product screenshot that bleeds toward the edge of the container. The layout creates a sense of depth and scale, making the product feel substantial while keeping the call to action simple and focused. Good for high-confidence C","name":"cta-8","page":"https://shadcncraft.com/blocks/pro-marketing/cta/cta-8","registryDependencies":["button","@shadcncraft/section-heading"],"title":"CTA 8 – Wide product panel with offset preview","type":"registry:block"},{"categories":["faqs"],"description":"Multi-column FAQ layout with short answers visible by default. Includes an optional CTA panel below. Scales down to a stacked list on mobile.","name":"faqs-1","page":"https://shadcncraft.com/blocks/pro-marketing/faqs/faqs-1","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/feature-stack","@shadcncraft/contact-9"],"title":"FAQ 1 – Grid FAQs with CTA","type":"registry:block"},{"categories":["faqs"],"description":"Single-column, centered accordion for longer answers. Optimized for reading and scanning. Collapses into a stacked accordion on mobile.","name":"faqs-2","page":"https://shadcncraft.com/blocks/pro-marketing/faqs/faqs-2","registryDependencies":["accordion","@shadcncraft/section-heading","@shadcncraft/contact-9"],"title":"FAQ 2 – Accordion list with centered CTA","type":"registry:block"},{"categories":["faqs"],"description":"A responsive FAQ section with a wide, centered accordion for desktop, plus a compact stacked version shown as a mobile preview. Built for clean scanning, with one expanded answer and the rest collapsed by default.","name":"faqs-3","page":"https://shadcncraft.com/blocks/pro-marketing/faqs/faqs-3","registryDependencies":["accordion","@shadcncraft/section-heading"],"title":"FAQ 3 – Wide accordion with stacked mobile preview","type":"registry:block"},{"categories":["faqs"],"description":"A clean, centered FAQ accordion paired with a narrow sidebar version. Uses a strong section header and clear dividers for easy scanning, with an optional support link at the end. Works well for product or marketing pages where FAQs are a secondary section, not the main focus.","name":"faqs-4","page":"https://shadcncraft.com/blocks/pro-marketing/faqs/faqs-4","registryDependencies":["accordion","@shadcncraft/section-heading"],"title":"FAQ 4 – Centered accordion with supporting panel","type":"registry:block"},{"categories":["footers"],"dependencies":["react-icons"],"description":"A wide, multi-column footer with grouped navigation links and a compact legal row. Designed for content-heavy sites that need clear link categorization and quick scanning. Includes a stacked variant for mobile layouts.","name":"footer-1","page":"https://shadcncraft.com/blocks/pro-marketing/footers/footer-1","registryDependencies":["badge","separator","@shadcncraft/placeholder-logo"],"title":"Footer 1 – Multi-column sitemap footer","type":"registry:block"},{"categories":["footers"],"dependencies":["react-icons"],"description":"A multi-column sitemap footer with a prominent newsletter signup band. Combines navigation, legal links, and email capture in a single layout. Designed for marketing sites that want to convert at the page end, with a stacked mobile layout that prioritizes the signup first.","name":"footer-2","page":"https://shadcncraft.com/blocks/pro-marketing/footers/footer-2","registryDependencies":["input","button","badge","separator","@shadcncraft/placeholder-logo"],"title":"Footer 2 – Sitemap footer with newsletter signup","type":"registry:block"},{"categories":["footers"],"dependencies":["react-icons"],"description":"A clean, low-profile sitemap footer with evenly spaced link columns and a minimal brand and legal row. Designed for content-heavy sites that need clear navigation without visual weight. Collapses into a single stacked list on mobile for fast scanning.","name":"footer-3","page":"https://shadcncraft.com/blocks/pro-marketing/footers/footer-3","registryDependencies":["separator","@shadcncraft/placeholder-logo"],"title":"Footer 3 – Compact sitemap footer","type":"registry:block"},{"categories":["footers"],"dependencies":["react-icons"],"description":"A sitemap footer anchored by a short brand statement and logo, followed by structured link columns and legal links. Gives more context about the company while keeping navigation clear. Works well for marketing sites where brand positioning matters as much as wayfinding.","name":"footer-4","page":"https://shadcncraft.com/blocks/pro-marketing/footers/footer-4","registryDependencies":["separator","@shadcncraft/placeholder-logo"],"title":"Footer 4 – Brand-led sitemap footer","type":"registry:block"},{"categories":["heroes"],"description":"A classic centered hero with a strong headline, short supporting copy, and a primary call to action. Anchored by a large visual or video to set tone and establish brand presence. Works well as a primary landing hero when you want clarity first and visual impact second.","name":"hero-1","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-1","registryDependencies":["button","@shadcncraft/page-heading","@shadcncraft/top-navigation-4"],"title":"Hero 1 – Centered headline with media hero","type":"registry:block"},{"categories":["heroes"],"description":"A bold, immersive hero that places the headline and call to action directly on a full-bleed visual background. Designed to create mood and instant impact, with social proof reinforcing credibility. Best used when you want an emotional first impression and strong brand presence ri","name":"hero-2","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-2","registryDependencies":["button","avatar","@shadcncraft/page-heading","@shadcncraft/top-navigation-3","@shadcncraft/avatar-stack"],"title":"Hero 2 – Full-bleed background with centered content","type":"registry:block"},{"categories":["heroes"],"description":"A calm, airy hero that centers the headline and call to action over a soft, low-contrast background. Designed to feel open and approachable, with social proof placed directly beneath the primary action. Works well for product-led sites that want clarity and reassurance without he","name":"hero-3","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-3","registryDependencies":["button","avatar","@shadcncraft/page-heading","@shadcncraft/top-navigation-3","@shadcncraft/avatar-stack"],"title":"Hero 3 – Light background with centered content","type":"registry:block"},{"categories":["heroes"],"description":"A centered hero set on a subtle gradient background, using stacked CTAs to support different commitment levels. Includes lightweight credibility with an inline rating, making it well suited to waitlists, previews, or early-access launches where trust and softness matter more than","name":"hero-4","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-4","registryDependencies":["button","@shadcncraft/page-heading","@shadcncraft/star-rating","@shadcncraft/top-navigation-2"],"title":"Hero 4 – Soft gradient hero with dual CTAs and rating","type":"registry:block"},{"categories":["heroes"],"description":"A balanced split hero that pairs left-aligned messaging with a strong visual on the right. Uses an inline email field and single primary CTA to support early-access or waitlist flows. Works well when the image carries mood or concept, while the layout keeps conversion front and c","name":"hero-5","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-5","registryDependencies":["button","input","@shadcncraft/page-heading","@shadcncraft/top-navigation-2"],"title":"Hero 5 – Split layout with waitlist capture","type":"registry:block"},{"categories":["heroes"],"description":"A practical split hero that pairs a strong visual with a short benefits list. Designed to quickly explain value through scannable points, with a clear primary CTA. Works well for product-led pages where clarity and speed to understanding matter more than mood alone.","name":"hero-6","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-6","registryDependencies":["button","@shadcncraft/page-heading","@shadcncraft/top-navigation-2"],"title":"Hero 6 – Feature-led split hero","type":"registry:block"},{"categories":["heroes"],"description":"A narrative-led hero that explains the problem before selling the solution. Uses longer-form copy, author attribution, and a strong visual to build trust and context. Best suited to thought leadership, launch posts, or product pages where education and credibility come before con","name":"hero-7","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-7","registryDependencies":["@shadcncraft/page-heading","@shadcncraft/profile-card","@shadcncraft/blog-image","@shadcncraft/top-navigation-4"],"title":"Hero 7 – Editorial story hero","type":"registry:block"},{"categories":["heroes"],"description":"A stripped-back hero for secondary pages. Focuses on a clear page title, short supporting copy, and a simple primary action. Best for pricing, docs, feature detail pages, or anywhere the goal is clarity over impact.","name":"hero-8","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-8","registryDependencies":["button","@shadcncraft/page-heading","@shadcncraft/top-navigation-1"],"title":"Hero 8 – Minimal page header","type":"registry:block"},{"categories":["heroes"],"description":"A balanced hero that pairs a clear page title and primary actions with a strong supporting image. Works well when you want more visual context than a minimal header, without going full marketing hero. Ideal for feature overviews, product detail pages, or campaign landing pages wh","name":"hero-9","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-9","registryDependencies":["button","@shadcncraft/page-heading","@shadcncraft/top-navigation-1"],"title":"Hero 9 – Page header with supporting visual","type":"registry:block"},{"categories":["heroes"],"description":"A bold, image-led hero with text overlaid on photography. Best when you want an emotional hook first and the message second. Works well for marketing pages, brand stories, and team or culture-led sections where the image does most of the work.","name":"hero-10","page":"https://shadcncraft.com/blocks/pro-marketing/heroes/hero-10","registryDependencies":["button","@shadcncraft/page-heading","@shadcncraft/top-navigation-1"],"title":"Hero 10 – Full-bleed image hero","type":"registry:block"},{"categories":["metrics"],"description":"A horizontally distributed metrics layout that pairs large headline numbers with short labels, anchored by a subtle world map background. The pattern emphasizes scale and credibility without heavy visuals. On mobile, the metrics collapse into a vertical list, keeping each stat ea","name":"metrics-1","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-1","registryDependencies":["@shadcncraft/metric"],"title":"Metrics 1 – Wide stats row with geographic backdrop","type":"registry:block"},{"categories":["metrics"],"description":"A metrics layout built around a strong centered heading, followed by evenly spaced stat columns with short supporting labels and optional inline links. The pattern emphasizes balance and readability, using clear vertical dividers to separate each metric. On mobile, the stats stac","name":"metrics-2","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-2","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/metric"],"title":"Metrics 2 – Centered headline with inline stat columns","type":"registry:block"},{"categories":["metrics"],"description":"A two-column metrics layout that pairs a text-led stats group with a strong visual anchor. The pattern uses a left-aligned heading and compact metric blocks, balanced by a fixed-aspect image on the opposite side to create visual weight. On mobile, the image drops below the metric","name":"metrics-3","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-3","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/metric"],"title":"Metrics 3 – Split content with media anchor","type":"registry:block"},{"categories":["metrics"],"description":"A symmetric metrics layout built around a centered headline and a single horizontal row of key stats. Each metric is evenly spaced to create a calm, balanced rhythm and equal visual weight. The pattern emphasizes comparability and quick scanning. On mobile, the metrics stack vert","name":"metrics-4","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-4","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/metric"],"title":"Metrics 4 – Centered headline with inline stat row","type":"registry:block"},{"categories":["metrics"],"description":"A metrics layout where each stat is wrapped in a lightweight card. The cards create clear boundaries, making each metric feel discrete and scannable while still reading as a group. The pattern works well when metrics need visual emphasis without heavy decoration. On mobile, cards","name":"metrics-5","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-5","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/metric"],"title":"Metrics 5 – Carded metrics row","type":"registry:block"},{"categories":["metrics"],"description":"A single-row metrics layout that uses subtle vertical dividers instead of cards. This keeps the section feeling light and flat while still giving each metric clear separation. Works well when metrics are supporting evidence rather than the main focal point. On smaller screens, th","name":"metrics-6","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-6","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/metric"],"title":"Metrics 6 – Inline metrics with dividers","type":"registry:block"},{"categories":["metrics"],"description":"A centered section header paired with a single horizontal row of key stats. Uses generous whitespace and consistent column widths to make the numbers feel calm and easy to scan. On smaller screens, the row collapses into a clean vertical stack without changing the overall rhythm.","name":"metrics-7","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-7","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/metric"],"title":"Metrics 7 – Inline stats row with optional links","type":"registry:block"},{"categories":["metrics"],"description":"A dense metrics layout that supports a larger number of stats without cards or dividers. Uses a balanced grid to keep emphasis evenly distributed across rows, making it suitable for credibility or performance sections where multiple figures carry equal weight. On smaller screens,","name":"metrics-8","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-8","registryDependencies":["@shadcncraft/metric","@shadcncraft/section-heading"],"title":"Metrics 8 – Multi-row metrics grid","type":"registry:block"},{"categories":["metrics"],"description":"A metrics layout that uses circular progress indicators to visualize change or progress at a glance. Works well when the magnitude or direction of a metric matters as much as the value itself. The pattern adds visual interest without becoming decorative, and collapses cleanly int","name":"metrics-9","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-9","registryDependencies":["@shadcncraft/metric","@shadcncraft/section-heading"],"title":"Metrics 9 – Circular progress metrics","type":"registry:block"},{"categories":["metrics"],"description":"A circular metrics layout that supports more data points in a single row. Works well when you need to show multiple performance indicators with equal visual weight while keeping the section compact. On smaller screens, the metrics stack vertically while preserving the circular rh","name":"metrics-10","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-10","registryDependencies":["@shadcncraft/metric","@shadcncraft/section-heading"],"title":"Metrics 10 – Expanded circular metrics row","type":"registry:block"},{"categories":["metrics"],"description":"A metrics layout that pairs a short explanatory block with supporting stats to the right. Useful when metrics need framing or justification rather than standing alone. The structure keeps the narrative primary while allowing the numbers to reinforce it, and collapses cleanly into","name":"metrics-11","page":"https://shadcncraft.com/blocks/pro-marketing/metrics/metrics-11","registryDependencies":["@shadcncraft/metric","@shadcncraft/section-heading"],"title":"Metrics 11 – Lead-in explanation with supporting stats","type":"registry:block"},{"categories":["newsletter-signup"],"description":"A newsletter signup pattern that pairs a simple email capture with a strong visual anchor. The form stays lightweight and prominent, while the adjacent product visual adds context and credibility. On smaller screens, the layout stacks to keep the signup action clear and friction-","name":"newsletter-signup-1","page":"https://shadcncraft.com/blocks/pro-marketing/newsletter-signup/newsletter-signup-1","registryDependencies":["button","input","@shadcncraft/section-heading"],"title":"Newsletter Signup 1 – Split layout with visual anchor","type":"registry:block"},{"categories":["newsletter-signup"],"description":"A newsletter signup pattern that leads with clear value before the email field. Short bullet points set expectations and reduce hesitation, while the form remains simple and easy to scan. The supporting visual reinforces product context without competing with the primary signup a","name":"newsletter-signup-2","page":"https://shadcncraft.com/blocks/pro-marketing/newsletter-signup/newsletter-signup-2","registryDependencies":["button","input","@shadcncraft/section-heading","@shadcncraft/ui-showcase"],"title":"Newsletter Signup 2 – Value-led signup with supporting bullets","type":"registry:block"},{"categories":["newsletter-signup"],"description":"A compact newsletter signup pattern that places the email field inline with the headline. The layout minimizes friction and keeps attention focused on a single action, making it suitable for low-commitment sections or repeated placements. On smaller screens, the form stacks clean","name":"newsletter-signup-3","page":"https://shadcncraft.com/blocks/pro-marketing/newsletter-signup/newsletter-signup-3","registryDependencies":["button","input","@shadcncraft/section-heading"],"title":"Newsletter Signup 3 – Inline headline with minimal form","type":"registry:block"},{"categories":["newsletter-signup"],"description":"A centered newsletter signup pattern that emphasizes balance and clarity. The headline and form are vertically stacked to create a clear focal point, with supporting microcopy reinforcing trust without competing for attention. The layout works well as a primary conversion section","name":"newsletter-signup-4","page":"https://shadcncraft.com/blocks/pro-marketing/newsletter-signup/newsletter-signup-4","registryDependencies":["button","input","@shadcncraft/section-heading"],"title":"Newsletter Signup 4 – Centered call to action with supporting microcopy","type":"registry:block"},{"categories":["newsletter-signup"],"description":"A horizontal newsletter signup pattern presented inside a soft container to separate it from surrounding content. The headline and description anchor the left side while the inline form sits to the right, creating a clear scan path and compact footprint. Works well as an embedded","name":"newsletter-signup-5","page":"https://shadcncraft.com/blocks/pro-marketing/newsletter-signup/newsletter-signup-5","registryDependencies":["button","input","@shadcncraft/section-heading"],"title":"Newsletter Signup 5 – Inline callout with contained form","type":"registry:block"},{"categories":["pricing"],"description":"A classic three-column pricing layout with equal-weight plan cards for easy comparison. Each card follows the same vertical rhythm with plan name, price, primary action, and feature list, making differences scannable at a glance. The pattern scales cleanly to mobile as a horizont","name":"pricing-1","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-1","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/pricing-card-1","@shadcncraft/use-carousel"],"title":"Pricing 1 – Three-tier card pricing grid","type":"registry:block"},{"categories":["pricing"],"description":"A simplified pricing layout that presents two plans side by side to reduce choice overload. The shared header anchors context, while the paired cards make differences easy to scan without overwhelming the user. This pattern works well when offerings are intentionally limited or w","name":"pricing-2","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-2","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/pricing-card-1","@shadcncraft/use-carousel"],"title":"Pricing 2 – Focused two-plan comparison","type":"registry:block"},{"categories":["pricing"],"description":"A centered, single-card pricing layout that puts all attention on one plan. Removing comparisons reduces decision friction and works well for early-stage products, default plans, or checkout-focused pages. The pattern scales cleanly by adding secondary plans later without changin","name":"pricing-3","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-3","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/pricing-card-1"],"title":"Pricing 3 – Single plan spotlight","type":"registry:block"},{"categories":["pricing"],"description":"A classic three-tier pricing layout with a clearly emphasized middle plan to guide choice. The visual weight, border treatment, and \"most popular\" marker steer users toward a recommended option while still allowing easy comparison. Works well when you want flexibility without ove","name":"pricing-4","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-4","registryDependencies":["tabs","button","@shadcncraft/section-heading","@shadcncraft/pricing-card-1"],"title":"Pricing 4 – Three-plan comparison with highlighted default","type":"registry:block"},{"categories":["pricing"],"description":"A two-plan layout where one option is visually emphasized through stronger borders and hierarchy, even when the plans are similar. This pattern is useful for steering users toward a preferred choice while still showing a clear alternative, without introducing extra complexity or ","name":"pricing-5","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-5","registryDependencies":["tabs","button","@shadcncraft/section-heading","@shadcncraft/pricing-card-1"],"title":"Pricing 5 – Side-by-side plans with duplicated emphasis","type":"registry:block"},{"categories":["pricing"],"description":"A minimal pricing pattern that centers on a single plan, removing comparison to reduce decision friction. This works well when there is only one offering, or when you want to validate pricing without distracting users with alternatives.","name":"pricing-6","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-6","registryDependencies":["tabs","button","@shadcncraft/section-heading","@shadcncraft/pricing-card-1"],"title":"Pricing 6 – Single-plan focused pricing","type":"registry:block"},{"categories":["pricing"],"description":"A dense pricing pattern that pairs plans with a side-by-side feature matrix. This works when buyers need to evaluate capability differences in detail and are willing to scan vertically to compare limits, access levels, and inclusions across tiers.","name":"pricing-7","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-7","registryDependencies":["tabs","button","table","select","tooltip","@shadcncraft/section-heading","@shadcncraft/pricing-card-1"],"title":"Pricing 7 – Feature-comparison table pricing","type":"registry:block"},{"categories":["pricing"],"description":"A two-column pricing pattern that pairs contextual framing on the left with vertically stacked plans on the right. One plan is visually elevated using contrast to guide choice, making this pattern effective when you want to anchor users toward a recommended tier while still suppo","name":"pricing-8","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-8","registryDependencies":["avatar","button","@shadcncraft/avatar-stack","@shadcncraft/pricing-card-1","@shadcncraft/section-heading","@shadcncraft/star-rating"],"title":"Pricing 8 – Split layout with featured plan emphasis","type":"registry:block"},{"categories":["pricing"],"description":"A single grouped pricing container where all plans share the same visual treatment and hierarchy. This pattern emphasizes fairness and easy comparison, making it suitable when no plan is intentionally promoted and users are expected to evaluate options side by side.","name":"pricing-9","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-9","registryDependencies":["button","@shadcncraft/pricing-card-1","@shadcncraft/section-heading"],"title":"Pricing 9 – Unified card group with equal plan weight","type":"registry:block"},{"categories":["pricing"],"description":"A two-option pricing pattern that pairs a neutral free tier with a strongly emphasized paid plan. The visual contrast clearly establishes an upgrade path, using color and emphasis to guide attention toward the paid option while still allowing easy side-by-side comparison.","name":"pricing-10","page":"https://shadcncraft.com/blocks/pro-marketing/pricing/pricing-10","registryDependencies":["button","@shadcncraft/pricing-card-1","@shadcncraft/section-heading"],"title":"Pricing 10 – Free vs paid contrast layout","type":"registry:block"},{"categories":["social-proof"],"description":"A minimal social proof pattern that presents partner or customer logos in a single horizontal row. It builds trust without interrupting flow, using uniform sizing and muted styling so the section supports the page rather than competing with primary content.","name":"social-proof-1","page":"https://shadcncraft.com/blocks/pro-marketing/social-proof/social-proof-1","title":"Social Proof 1 – Inline logo strip","type":"registry:block"},{"categories":["social-proof"],"description":"A horizontally scrolling logo strip that loops automatically. It adds motion and density without taking more vertical space. Good when you have lots of logos or want the section to feel more alive. Keep the speed slow and subtle so it reads as credibility, not decoration.","name":"social-proof-2","page":"https://shadcncraft.com/blocks/pro-marketing/social-proof/social-proof-2","title":"Social Proof 2 – Auto-scrolling logo marquee","type":"registry:block"},{"categories":["social-proof"],"description":"A static row of full-color logos. Feels louder and more brand-forward than grayscale. Works best when the logos are well-known and visually consistent. Less subtle, but stronger at first glance.","name":"social-proof-3","page":"https://shadcncraft.com/blocks/pro-marketing/social-proof/social-proof-3","title":"Social Proof 3 – Color logo strip","type":"registry:block"},{"categories":["social-proof"],"description":"A compact logo row paired with a short trust line. Very low visual weight and easy to drop between sections. Good when you want credibility without pulling attention away from the main content.","name":"social-proof-4","page":"https://shadcncraft.com/blocks/pro-marketing/social-proof/social-proof-4","title":"Social Proof 4 – Inline trust statement","type":"registry:block"},{"categories":["social-proof"],"description":"A logo strip paired with a strong visual. Adds credibility while creating a clear visual break between sections. Best used when you want trust signals without relying on testimonials or copy-heavy proof.","name":"social-proof-5","page":"https://shadcncraft.com/blocks/pro-marketing/social-proof/social-proof-5","title":"Social Proof 5 – Visual-led trust section","type":"registry:block"},{"categories":["social-proof"],"description":"Centered headline with a strict, even grid below. Strong symmetry, lots of white space, and clear hierarchy. Feels calm, credible, and deliberate. Works well when you want restraint and clarity over motion or visual noise.","name":"social-proof-6","page":"https://shadcncraft.com/blocks/pro-marketing/social-proof/social-proof-6","registryDependencies":["@shadcncraft/section-heading"],"title":"Social Proof 6 – Structured grid, editorial feel","type":"registry:block"},{"categories":["team"],"description":"A centered section with a clear headline and supporting line, followed by an evenly spaced grid of profile tiles. The layout keeps attention on the faces, uses consistent alignment and spacing for quick scanning, and collapses cleanly into fewer columns on smaller screens without","name":"team-1","page":"https://shadcncraft.com/blocks/pro-marketing/team/team-1","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/profile-card"],"title":"Team 1 – Centered team roster grid","type":"registry:block"},{"categories":["team"],"description":"A two-column layout where a compact intro block anchors the section on the left while a dense, evenly spaced avatar grid fills the remaining width. The structure balances narrative and faces, maintains a strong visual rhythm, and adapts cleanly to a stacked list on smaller screen","name":"team-2","page":"https://shadcncraft.com/blocks/pro-marketing/team/team-2","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/profile-card"],"title":"Team 2 – Split intro with profile grid","type":"registry:block"},{"categories":["team"],"description":"Team 3 – Mixed-shape avatar mosaic","name":"team-3","page":"https://shadcncraft.com/blocks/pro-marketing/team/team-3","registryDependencies":["@shadcncraft/section-heading"],"title":"Team 3 – Mixed-shape avatar mosaic","type":"registry:block"},{"categories":["team"],"description":"A split layout that pairs large, candid team photos with a clean, tabular roster below. The imagery adds warmth and context, while the list anchors the section with clear hierarchy and scannability, balancing human presence with structured information.","name":"team-4","page":"https://shadcncraft.com/blocks/pro-marketing/team/team-4","registryDependencies":["button","table","@shadcncraft/section-heading","@shadcncraft/use-carousel"],"title":"Team 4 – Lifestyle imagery with structured roster","type":"registry:block"},{"categories":["team"],"description":"A gallery-style layout built around large, consistent portrait cards with subtle overlays. Emphasizes visual uniformity and hierarchy, using generous spacing and minimal UI chrome to let imagery carry the section while still supporting clear identity and interaction.","name":"team-5","page":"https://shadcncraft.com/blocks/pro-marketing/team/team-5","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/team-card-1"],"title":"Team 5 – Editorial portrait cards","type":"registry:block"},{"categories":["testimonials"],"description":"A centered, long-form testimonial designed to feel calm and authoritative. Uses generous whitespace, oversized quotation marks, and a single focal block to give the quote weight. Best suited for primary social proof moments where you want one voice to carry the section without vi","name":"testimonials-1","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-1","registryDependencies":["@shadcncraft/profile-card"],"title":"Testimonial 1 – Single feature quote","type":"registry:block"},{"categories":["testimonials"],"description":"A minimal, centered testimonial layout that tightens the hierarchy around the quote and author. Compared to Testimonial 1, this version reduces visual weight and brings the attribution closer to the content, making it feel more compact and versatile. Works well when you want stro","name":"testimonials-2","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-2","registryDependencies":["@shadcncraft/profile-card","@shadcncraft/star-rating"],"title":"Testimonial 2 – Centered quote with attribution focus","type":"registry:block"},{"categories":["testimonials"],"description":"Testimonial 3 – Split quote with featured profile","name":"testimonials-3","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-3","registryDependencies":["@shadcncraft/star-rating"],"title":"Testimonial 3 – Split quote with featured profile","type":"registry:block"},{"categories":["testimonials"],"description":"A bold split layout that gives equal weight to a large portrait and the testimonial copy. The oversized image anchors the section visually, while the quote, attribution, and star rating sit in a clean text column for clarity. Works best when you want testimonials to feel premium ","name":"testimonials-4","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-4","registryDependencies":["@shadcncraft/star-rating"],"title":"Testimonial 4 – Image-led split with rating","type":"registry:block"},{"categories":["testimonials"],"dependencies":["swiper"],"description":"A carousel-style testimonial where the quote and controls sit in a fixed text column, paired with layered image cards that suggest depth and progression. The stacked visuals reinforce momentum and make the pattern feel interactive, while the layout keeps the testimonial readable ","name":"testimonials-5","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-5","registryDependencies":["button"],"title":"Testimonial 5 – Card carousel with stacked media","type":"registry:block"},{"categories":["testimonials"],"description":"A split testimonial layout with the quote anchored in a static text column and a horizontal carousel of large profile cards running alongside it. The overlapping cards add depth and motion, while the fixed quote keeps the message readable and stable. Works well when you want stro","name":"testimonials-6","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-6","registryDependencies":["button","@shadcncraft/star-rating","@shadcncraft/use-carousel"],"title":"Testimonial 6 – Split carousel with overlapping profile cards","type":"registry:block"},{"categories":["testimonials"],"description":"A testimonial layout that leads with a strong headline and brand marker, followed by a dense grid of profile cards. The structure shifts emphasis from a single quote to collective validation, using repetition and ratings to build credibility at scale. Best used when you want to s","name":"testimonials-7","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-7","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/star-rating","@shadcncraft/use-carousel"],"title":"Testimonial 7 – Multi-profile grid with headline lead","type":"registry:block"},{"categories":["testimonials"],"description":"A testimonial layout that anchors on a long-form quote with clear brand attribution, then reinforces credibility using a horizontal strip of individual profiles. The composition balances authority and social density, making it effective when you want a strong narrative supported ","name":"testimonials-8","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-8","registryDependencies":["button","@shadcncraft/star-rating","@shadcncraft/use-carousel"],"title":"Testimonial 8 – Branded quote with team strip","type":"registry:block"},{"categories":["testimonials"],"description":"A testimonial layout built around small, self-contained story cards, each representing a different team or use case. The grid creates quick scanability while still allowing depth per card, making it well suited to showcasing breadth of adoption across industries rather than a sin","name":"testimonials-9","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-9","registryDependencies":["button","@shadcncraft/section-heading"],"title":"Testimonial 9 – Multi-segment case cards","type":"registry:block"},{"categories":["testimonials"],"description":"A compact testimonial layout that surfaces many short quotes at once using a uniform card grid. Designed for volume and credibility, it emphasizes breadth of feedback over individual storytelling, making it effective for scanning, comparison, and reinforcing widespread adoption.","name":"testimonials-10","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-10","registryDependencies":["card","@shadcncraft/section-heading","@shadcncraft/profile-card"],"title":"Testimonial 10 – Dense quote grid","type":"registry:block"},{"categories":["testimonials"],"description":"A structured testimonial layout that combines a clear section header with a multi-column grid of short quotes. It balances scannability and depth by presenting many voices at once, using consistent cards and subtle hierarchy to reinforce trust without relying on a single standout","name":"testimonials-11","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-11","registryDependencies":["@shadcncraft/section-heading","@shadcncraft/profile-card"],"title":"Testimonial 11 – Editorial quote grid","type":"registry:block"},{"categories":["testimonials"],"description":"A hybrid testimonial layout that anchors the section with a single, prominent featured quote and portrait, supported by smaller secondary quotes beneath. It creates a clear hierarchy: one strong endorsement to lead, with additional voices adding breadth and credibility without co","name":"testimonials-12","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-12","registryDependencies":["card","@shadcncraft/profile-card","@shadcncraft/section-heading"],"title":"Testimonial 12 – Featured quote with supporting cards","type":"registry:block"},{"categories":["testimonials"],"description":"A clean, focused testimonial layout built around one primary quote and portrait, with minimal controls to step through additional testimonials. Strong visual emphasis on the individual builds trust and authority, while inline pagination keeps the layout compact and distraction-fr","name":"testimonials-13","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-13","registryDependencies":["button","@shadcncraft/profile-card","@shadcncraft/section-heading"],"title":"Testimonial 13 – Single featured testimonial with inline pagination","type":"registry:block"},{"categories":["testimonials"],"description":"A two-up testimonial layout showing parallel quotes with star ratings, names, and roles. Uses carousel controls to rotate content while keeping density low. Works well when you want social proof without large imagery and want to highlight consistency across multiple voices. Inclu","name":"testimonials-14","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-14","registryDependencies":["button","@shadcncraft/profile-card","@shadcncraft/section-heading","@shadcncraft/star-rating","@shadcncraft/use-carousel"],"title":"Testimonial 14 – Dual quote carousel with ratings","type":"registry:block"},{"categories":["testimonials"],"description":"A two-card layout that pairs large, contextual photos with short quotes and author details. Feels more human and story-driven than avatar cards. Best when you want atmosphere and team presence to do some of the credibility work, not just the text.","name":"testimonials-15","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-15","registryDependencies":["@shadcncraft/profile-card","@shadcncraft/section-heading"],"title":"Testimonial 15 – Image-led quote cards","type":"registry:block"},{"categories":["testimonials"],"description":"A focused, one-voice layout with a large contextual image and a single quote. Very clear hierarchy. Works best when you have one strong story you want people to actually read, not skim. Good for mid-page trust reinforcement rather than a dense social proof wall.","name":"testimonials-16","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-16","registryDependencies":["@shadcncraft/profile-card","@shadcncraft/section-heading"],"title":"Testimonial 16 – Single hero testimonial","type":"registry:block"},{"categories":["testimonials"],"description":"This one blends a strong personal quote with credibility stats. The testimonial does the emotional work, while the numbers add reassurance without overwhelming it. Best used near conversion points where people want proof and scale, not just praise.","name":"testimonials-17","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-17","registryDependencies":["@shadcncraft/metric","@shadcncraft/profile-card","@shadcncraft/section-heading"],"title":"Testimonial 17 – Testimonial with supporting metrics","type":"registry:block"},{"categories":["testimonials"],"description":"This pattern breaks one customer into multiple short quotes, each paired with a different visual. It’s good for scanning and variety, but weaker on trust unless the context is clear. Works best as supporting social proof rather than a primary testimonial.","name":"testimonials-18","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-18","registryDependencies":["@shadcncraft/section-heading"],"title":"Testimonial 18 – Multi-quote card carousel","type":"registry:block"},{"categories":["testimonials"],"description":"A horizontally scrolling set of image-led cards, each using a full-bleed photo with a subtle gradient overlay to anchor short quotes and author details. pagination controls sit inline, reinforcing the carousel behavior without dominating the layout. On smaller screens, the design","name":"testimonials-19","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-19","registryDependencies":["button","@shadcncraft/section-heading","@shadcncraft/use-carousel"],"title":"Testimonial 19 – Image carousel with quote overlays","type":"registry:block"},{"categories":["testimonials"],"description":"A minimal, two-column layout that separates context from content. The left side anchors the section with a static heading and short intro, while the right side highlights a single, prominent quote with author details and inline navigation. The structure creates a strong reading f","name":"testimonials-20","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-20","registryDependencies":["button","@shadcncraft/profile-card","@shadcncraft/section-heading"],"title":"Testimonial 20 – Split heading and featured quote","type":"registry:block"},{"categories":["testimonials"],"description":"A horizontally auto-scrolling row of compact testimonial cards paired with a centered section header. Cards move continuously to showcase multiple quotes without user input, creating motion and density while keeping each card lightweight and readable. Designed to surface social p","name":"testimonials-21","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-21","registryDependencies":["card","@shadcncraft/marquee","@shadcncraft/profile-card","@shadcncraft/section-heading"],"title":"Testimonial 21 – Auto-scrolling quote cards","type":"registry:block"},{"categories":["testimonials"],"description":"A multi-column testimonial layout where cards are arranged in vertical stacks that auto-scroll in opposing or offset directions. This creates a dense, editorial-style wall of social proof with constant motion, while preserving clear card boundaries and scanability. Works well for","name":"testimonials-22","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-22","registryDependencies":["card","@shadcncraft/marquee","@shadcncraft/profile-card","@shadcncraft/section-heading"],"title":"Testimonial 22 – Auto-scrolling stacked columns","type":"registry:block"},{"categories":["testimonials"],"description":"A three-column masonry layout with compact quote cards beneath a centered section heading. Varied card heights accommodate different quote lengths, while avatars, names, roles and verification badges provide clear attribution. The arrangement makes multiple customer voices easy t","name":"testimonials-23","page":"https://shadcncraft.com/blocks/pro-marketing/testimonials/testimonials-23","registryDependencies":["card","@shadcncraft/profile-card","@shadcncraft/section-heading"],"title":"Testimonial 23 – Masonry quote cards","type":"registry:block"},{"categories":["top-navigation"],"description":"A classic left-aligned top navigation with horizontal links and inline dropdown menus for larger screens. Primary actions are grouped on the right for clear visual separation. On smaller screens, the layout collapses into a full-height mobile menu with expandable sections, preser","name":"top-navigation-1","page":"https://shadcncraft.com/blocks/pro-marketing/top-navigation/top-navigation-1","registryDependencies":["button","navigation-menu","@shadcncraft/mobile-navigation-menu","@shadcncraft/placeholder-logo","@shadcncraft/use-click-outside","@shadcncraft/use-mobile"],"title":"Top Navigation 1 – Left-aligned dropdown navigation","type":"registry:block"},{"categories":["top-navigation"],"description":"A center-aligned top navigation that places the primary links in the middle of the header, creating a more balanced, symmetrical layout. Dropdown menus open directly beneath each item on larger screens, while actions remain grouped to the right. On smaller screens, the navigation","name":"top-navigation-2","page":"https://shadcncraft.com/blocks/pro-marketing/top-navigation/top-navigation-2","registryDependencies":["button","navigation-menu","@shadcncraft/mobile-navigation-menu","@shadcncraft/placeholder-logo","@shadcncraft/use-click-outside","@shadcncraft/use-mobile"],"title":"Top Navigation 2 – Centered primary navigation","type":"registry:block"},{"categories":["top-navigation"],"description":"A compact top navigation that keeps the large-screen layout minimal and low-profile, with primary links arranged in a single horizontal bar. Dropdowns reveal richer, icon-led menus only when needed, keeping visual noise down by default. On smaller screens, the same structure expa","name":"top-navigation-3","page":"https://shadcncraft.com/blocks/pro-marketing/top-navigation/top-navigation-3","registryDependencies":["button","navigation-menu","@shadcncraft/mobile-navigation-menu","@shadcncraft/placeholder-logo","@shadcncraft/use-click-outside","@shadcncraft/use-mobile"],"title":"Top Navigation 3 – Compact bar with progressive disclosure","type":"registry:block"},{"categories":["top-navigation"],"description":"A centered top navigation where primary links sit inside a pill-style container, creating a strong visual anchor across large screens. Dropdown menus open from the center group to reveal secondary links in a compact panel. On small screens, the layout collapses into a full-height","name":"top-navigation-4","page":"https://shadcncraft.com/blocks/pro-marketing/top-navigation/top-navigation-4","registryDependencies":["button","navigation-menu","@shadcncraft/mobile-navigation-menu","@shadcncraft/placeholder-logo","@shadcncraft/use-click-outside","@shadcncraft/use-mobile"],"title":"Top Navigation 4 – Centered pill navigation with dropdown menu","type":"registry:block"},{"categories":["top-navigation"],"description":"A stripped-back, center-aligned top navigation that prioritizes clarity and whitespace. Primary links sit in a single horizontal row with the brand anchored to the left and a lightweight login action on the right. On small screens, the layout collapses into a simple slide-out men","name":"top-navigation-5","page":"https://shadcncraft.com/blocks/pro-marketing/top-navigation/top-navigation-5","registryDependencies":["button","@shadcncraft/placeholder-logo","@shadcncraft/use-click-outside","@shadcncraft/use-mobile"],"title":"Top Navigation 5 – Minimal center-aligned links with inline auth","type":"registry:block"},{"categories":["404"],"description":"A clean and centered error page design for handling \"Page not found\" scenarios. The layout features a clear information hierarchy starting with the \"404\" status code, followed by a bold headline and a brief, friendly explanation. Below the text, two distinct call-to-action button","name":"404-1","page":"https://shadcncraft.com/blocks/pro-marketing/404/404-1","registryDependencies":["button","@shadcncraft/page-heading"],"title":"404 1 – Minimalist error page with navigation recovery actions","type":"registry:block"},{"categories":["404"],"description":"A modern and emotionally engaging error page that uses a split-screen composition. The left side provides clear, left-aligned information: the \"404\" status code, a bold headline, a supportive description, and two navigation recovery buttons. The right side features a high-impact,","name":"404-2","page":"https://shadcncraft.com/blocks/pro-marketing/404/404-2","registryDependencies":["button","@shadcncraft/page-heading"],"title":"404 2 – Visual 404 error page with immersive split-screen layout","type":"registry:block"},{"categories":["404"],"description":"A comprehensive error recovery page designed to provide immediate assistance. The top section maintains the standard 404 messaging and primary navigation buttons. Below, the layout features a horizontal grid of three informative cards, each offering a different support channel. T","name":"404-3","page":"https://shadcncraft.com/blocks/pro-marketing/404/404-3","registryDependencies":["button","card","@shadcncraft/feature-stack","@shadcncraft/page-heading"],"title":"404 3 – Error page with multi-channel support contact cards","type":"registry:block"},{"categories":["404"],"description":"A creative balanced error page that uses a custom illustration to communicate a technical disconnect. The layout features a two-column split: on the left, a stylized illustration of two disconnected blue plugs; on the right, the \"404\" status code, a bold headline, and a friendly ","name":"404-4","page":"https://shadcncraft.com/blocks/pro-marketing/404/404-4","registryDependencies":["button","@shadcncraft/page-heading"],"title":"404 4 – Error page with conceptual plug illustration","type":"registry:block"},{"categories":["404"],"description":"A highly functional error page that utilizes a balanced grid system. The layout is dominated on the right by a large, atmospheric image with rounded corners. The left side is divided into two clear zones: a top section containing the \"404\" status code, headline, and primary butto","name":"404-5","page":"https://shadcncraft.com/blocks/pro-marketing/404/404-5","registryDependencies":["button","@shadcncraft/feature-stack","@shadcncraft/page-heading"],"title":"404 5 – Error page with immersive image and support directory","type":"registry:block"},{"categories":["404"],"description":"A modern error page that utilizes an inverted split-screen layout. A large, stylized editorial image with rounded corners is positioned on the left. The right side contains the focused messaging area, featuring the \"404\" status code, a bold headline, and the standard recovery but","name":"404-6","page":"https://shadcncraft.com/blocks/pro-marketing/404/404-6","registryDependencies":["button","@shadcncraft/page-heading"],"title":"404 6 – Split-screen 404 page with high-contrast editorial visual","type":"registry:block"},{"categories":["activity-feed"],"description":"A chronological activity feed presented as a vertical timeline, combining user avatars, action summaries, and timestamps for quick scanning. Includes a top search field and segmented filters to switch between activity types. The layout adapts cleanly to smaller screens by tighten","name":"activity-feed-1","registryDependencies":["@shadcncraft/activity-feed-item-1"],"title":"Activity Feed 1 – Filterable timeline with inline context","type":"registry:block"},{"categories":["app-shells"],"description":"App shell with a standard sidebar, header, and content slot. Collapsed variant included.","name":"app-shell-1","page":"https://shadcncraft.com/blocks/pro-application/app-shells/app-shell-1","registryDependencies":["avatar","collapsible","dropdown-menu","sidebar","@shadcncraft/app-shell-header-1"],"title":"App Shell 1 – Sidebar","type":"registry:block"},{"categories":["app-shells"],"description":"App shell with a floating sidebar, header, and content slot. Collapsed variant included.","name":"app-shell-2","page":"https://shadcncraft.com/blocks/pro-application/app-shells/app-shell-2","registryDependencies":["avatar","collapsible","dropdown-menu","sidebar","@shadcncraft/app-shell-header-2"],"title":"App Shell 2 – Floating sidebar","type":"registry:block"},{"categories":["app-shells"],"description":"App shell with an inset sidebar, header, and content slot. Collapsed variant included.","name":"app-shell-3","page":"https://shadcncraft.com/blocks/pro-application/app-shells/app-shell-3","registryDependencies":["avatar","collapsible","dropdown-menu","sidebar","@shadcncraft/app-shell-header-3"],"title":"App Shell 3 – Inset sidebar","type":"registry:block"},{"categories":["app-shells"],"description":"App shell with an inset sidebar, a page selector and search header, and a content slot. Navigation rows are real links that highlight the current section, so it drives an app's routes directly. Collapsed variant included.","name":"app-shell-4","page":"https://shadcncraft.com/blocks/pro-application/app-shells/app-shell-4","registryDependencies":["avatar","dropdown-menu","sidebar","@shadcncraft/app-shell-header-6"],"title":"App Shell 4 – Inset sidebar with linked navigation","type":"registry:block"},{"categories":["app-shell-headers"],"description":"App shell header with a page selector, date range presets, filters, and search.","name":"app-shell-header-1","page":"https://shadcncraft.com/blocks/pro-application/app-shell-headers/app-shell-header-1","registryDependencies":["button","dropdown-menu","separator","sidebar"],"title":"App Shell Header 1","type":"registry:block"},{"categories":["app-shell-headers"],"description":"App shell header with a breadcrumb, faceted filters, and a search field.","name":"app-shell-header-2","page":"https://shadcncraft.com/blocks/pro-application/app-shell-headers/app-shell-header-2","registryDependencies":["breadcrumb","button","dropdown-menu","input-group","kbd","separator","sidebar"],"title":"App Shell Header 2","type":"registry:block"},{"categories":["app-shell-headers"],"description":"App shell header with a page selector, applied filters as removable chips, and a search field.","name":"app-shell-header-3","page":"https://shadcncraft.com/blocks/pro-application/app-shell-headers/app-shell-header-3","registryDependencies":["button","dropdown-menu","input-group","kbd","sidebar","@shadcncraft/badge"],"title":"App Shell Header 3","type":"registry:block"},{"categories":["app-shell-headers"],"description":"App shell header with a page selector, filters, and a primary action.","name":"app-shell-header-4","page":"https://shadcncraft.com/blocks/pro-application/app-shell-headers/app-shell-header-4","registryDependencies":["button","dropdown-menu","separator","sidebar"],"title":"App Shell Header 4","type":"registry:block"},{"categories":["app-shell-headers"],"description":"App shell header with a page selector, a period select, and a date range stepper.","name":"app-shell-header-5","page":"https://shadcncraft.com/blocks/pro-application/app-shell-headers/app-shell-header-5","registryDependencies":["button","dropdown-menu","select","separator","sidebar"],"title":"App Shell Header 5","type":"registry:block"},{"categories":["app-shell-headers"],"description":"App shell header with a page selector that follows the current route, and search.","name":"app-shell-header-6","page":"https://shadcncraft.com/blocks/pro-application/app-shell-headers/app-shell-header-6","registryDependencies":["button","dropdown-menu","input-group","separator","sidebar"],"title":"App Shell Header 6","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Four key metrics in a single strip: spend, revenue, cost per lead, and conversion rate.","name":"metric-cards-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/metric-cards-1","registryDependencies":["button","card","empty","separator","skeleton","@shadcncraft/metric-card-1"],"title":"Dashboard 1 – Metric cards","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"dependencies":["recharts"],"description":"Hero area chart comparing this period against the previous period.","name":"hero-time-series-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/hero-time-series-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Dashboard 2 – Hero time series","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Total traffic with a segmented share bar and per-channel breakdown.","name":"traffic-by-channel-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/traffic-by-channel-1","registryDependencies":["button","card","empty","skeleton"],"title":"Dashboard 3 – Traffic by channel","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"dependencies":["recharts"],"description":"Clicks received vs leads converted, by channel, as grouped bars.","name":"channel-performance-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/channel-performance-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Dashboard 4 – Channel performance","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"dependencies":["recharts"],"description":"Daily cost per acquisition as an area trend with period comparison.","name":"cost-per-acquisition-trend-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/cost-per-acquisition-trend-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Dashboard 5 – Cost per acquisition trend","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"dependencies":["recharts"],"description":"Donut breakdown of spend across paid channels.","name":"paid-media-allocation-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/paid-media-allocation-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Dashboard 6 – Paid media allocation","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Top campaigns by leads generated, as a compact data table.","name":"campaign-performance-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/campaign-performance-1","registryDependencies":["button","card","empty","item","skeleton","table","@shadcncraft/semantic-tokens"],"title":"Dashboard 7 – Campaign performance","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Pages ranked by sessions with visitor share.","name":"top-landing-pages-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/top-landing-pages-1","registryDependencies":["button","card","empty","skeleton","table"],"title":"Dashboard 8 – Top landing pages","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Stage-by-stage conversion across the marketing funnel.","name":"marketing-funnel-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/marketing-funnel-1","registryDependencies":["button","card","empty","skeleton"],"title":"Dashboard 9 – Marketing funnel","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"dependencies":["recharts"],"description":"Revenue credited by first touch vs last touch, per channel.","name":"attribution-breakdown-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/attribution-breakdown-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Dashboard 10 – Attribution breakdown","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Live sliders modeling monthly spend against projected pipeline.","name":"growth-simulator-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/growth-simulator-1","registryDependencies":["button","card","empty","input","separator","skeleton","slider"],"title":"Dashboard 11 – Growth simulator","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Month-to-date attainment against monthly targets as bullet bars.","name":"goal-progress-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/goal-progress-1","registryDependencies":["button","card","empty","progress","skeleton"],"title":"Dashboard 12 – Goal progress","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Open-rate heatmap by send day and hour.","name":"engagement-by-day-hour-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/engagement-by-day-hour-1","registryDependencies":["button","card","empty","skeleton"],"title":"Dashboard 13 – Engagement by day & hour","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Closed revenue against target and forecast as a tick meter.","name":"revenue-vs-target-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/revenue-vs-target-1","registryDependencies":["button","card","empty","skeleton"],"title":"Dashboard 14 – Revenue vs target","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Open pipeline value and share across deal stages as a funnel.","name":"pipeline-by-stage-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/pipeline-by-stage-1","registryDependencies":["button","card","empty","skeleton"],"title":"Dashboard 15 – Pipeline by stage","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Reps ranked by quota attainment with target markers.","name":"rep-leaderboard-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/rep-leaderboard-1","registryDependencies":["avatar","button","card","empty","progress","skeleton"],"title":"Dashboard 16 – Rep leaderboard","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Open deals with owner, stage, value, and close date.","name":"deals-table-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/deals-table-1","registryDependencies":["avatar","button","card","empty","skeleton","table","@shadcncraft/badge","@shadcncraft/profile-card"],"title":"Dashboard 17 – Deals table","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"dependencies":["recharts"],"description":"Win rate with stage-to-stage conversion bars.","name":"win-rate-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/win-rate-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Dashboard 18 – Win rate","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Average days in stage by segment as a heatmap.","name":"deal-velocity-by-segment-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/deal-velocity-by-segment-1","registryDependencies":["button","card","empty","skeleton"],"title":"Dashboard 19 – Deal velocity","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"dependencies":["recharts"],"description":"Marketing-to-sales handoff as concentric ring progress.","name":"lead-to-customer-funnel-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/lead-to-customer-funnel-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Dashboard 20 – Lead-to-customer funnel","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Leads and pipeline value by country, with list and map views.","name":"leads-by-region-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/leads-by-region-1","registryDependencies":["button","card","empty","skeleton","table","toggle-group"],"title":"Dashboard 21 – Leads by region","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"dependencies":["recharts"],"description":"Average customer health as an arc gauge with score bands.","name":"customer-health-score-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/customer-health-score-1","registryDependencies":["button","card","chart","empty","skeleton","@shadcncraft/semantic-tokens"],"title":"Dashboard 22 – Customer health score","type":"registry:block"},{"categories":["dashboard-sales-marketing"],"description":"Alerts and opportunities surfaced automatically across the funnel.","name":"ai-insights-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-sales-marketing/ai-insights-1","registryDependencies":["button","card","empty","item","skeleton"],"title":"Dashboard 23 – AI insights","type":"registry:block"},{"categories":["headers"],"description":"A standard page header that anchors the page title with optional breadcrumbs, primary actions, and inline search. Designed for app and dashboard pages where users need context, quick actions, and filtering in one place. Collapses cleanly on smaller screens into a stacked layout w","name":"header-1","page":"https://shadcncraft.com/blocks/pro-application/headers/header-1","registryDependencies":["breadcrumb","button","input","separator"],"title":"Header 1 – Page header with actions and search","type":"registry:block"},{"categories":["headers"],"description":"A page header that pairs a visual cover with navigation context and search. Uses an image to set tone or brand while keeping the page title, breadcrumbs, and controls clear and accessible. Works well for profile, settings, or content overview pages where light visual hierarchy he","name":"header-2","page":"https://shadcncraft.com/blocks/pro-application/headers/header-2","registryDependencies":["breadcrumb","button","input"],"title":"Header 2 – Page header with cover image","type":"registry:block"},{"categories":["headers"],"description":"A compact page header that combines breadcrumbs, a clear page title, and inline tabs for switching between related sections. Keeps navigation close to the content and works well for settings, account areas, or multi-section pages where users move between views often.","name":"header-3","page":"https://shadcncraft.com/blocks/pro-application/headers/header-3","registryDependencies":["breadcrumb","button","input","separator","tabs"],"title":"Header 3 – Page header with tabs","type":"registry:block"},{"categories":["headers"],"description":"A richer page header that pairs breadcrumbs and a page title with a visual cover image and inline tabs. Useful for profile, settings, or sectioned pages where you want stronger visual hierarchy while still keeping navigation and actions close to the content. Works well for top-le","name":"header-4","page":"https://shadcncraft.com/blocks/pro-application/headers/header-4","registryDependencies":["breadcrumb","button","separator","tabs"],"title":"Header 4 – Page header with cover image and tabs","type":"registry:block"},{"categories":["headers"],"description":"A compact header designed for user or account pages. Combines avatar, name, and secondary details with inline actions and search, keeping identity and controls visible without dominating the page. Works well for settings, profile, or account management views where context matters","name":"header-5","page":"https://shadcncraft.com/blocks/pro-application/headers/header-5","registryDependencies":["avatar","breadcrumb","button","input","separator"],"title":"Header 5 – Profile header with identity and actions","type":"registry:block"},{"categories":["headers"],"description":"A lightweight page header that pairs a clear title with a short supporting description. Designed for settings or configuration screens where users need immediate context about what they are editing, with optional inline actions and search kept secondary to the page intent.","name":"header-6","page":"https://shadcncraft.com/blocks/pro-application/headers/header-6","registryDependencies":["button","input","separator"],"title":"Header 6 – Page header with supporting description","type":"registry:block"},{"categories":["inline-cta"],"description":"A small, inline call to action that pairs a short title and description with one or two buttons. Designed to sit naturally within content flows to prompt the next step without breaking layout or stealing focus from the primary task. Works well for upgrades, secondary actions, or ","name":"inline-cta-1","page":"https://shadcncraft.com/blocks/pro-application/inline-cta/inline-cta-1","registryDependencies":["button"],"title":"Inline CTA 1 – Compact call to action","type":"registry:block"},{"categories":["inline-cta"],"description":"An inline call to action that pairs a visual with a short title and description to add context and emotional weight. The image helps draw attention while the compact copy and buttons keep the action clear. Best used mid-page to highlight featured content, announcements, or moment","name":"inline-cta-2","page":"https://shadcncraft.com/blocks/pro-application/inline-cta/inline-cta-2","registryDependencies":["button"],"title":"Inline CTA 2 – Media-led call to action","type":"registry:block"},{"categories":["inline-cta"],"description":"An inline call to action designed for simple email capture. Combines a short title and description with a single input and primary action, keeping friction low. Works well mid-page or near content boundaries to collect signups for newsletters, updates, or early access without bre","name":"inline-cta-3","page":"https://shadcncraft.com/blocks/pro-application/inline-cta/inline-cta-3","registryDependencies":["button","input"],"title":"Inline CTA 3 – Email signup call to action","type":"registry:block"},{"categories":["kanban"],"dependencies":["@dnd-kit/core@^6.3.1","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2"],"description":"Pipeline board with a column per stage, each carrying its deal count, total value, and an add action. Cards show the account and motion, the owner, a win probability bar, location, close date, and value, with a status badge that tints the bar. Cards drag between stages or reorder","name":"kanban-1","registryDependencies":["avatar","button","card","item","progress","@shadcncraft/badge","@shadcncraft/semantic-tokens"],"title":"Kanban 1 – Deal board","type":"registry:block"},{"categories":["modals"],"description":"A centered modal with a fixed width and clear visual separation from the page using a dimmed backdrop. The layout is stacked and simple: a compact header with icon, title, description, and a close action, followed by a flexible content area. Actions sit at the bottom, aligned hor","name":"modal-1","page":"https://shadcncraft.com/blocks/pro-application/modals/modal-1","registryDependencies":["button","dialog","@shadcncraft/semantic-tokens"],"title":"Modal 1 – Centered dialog modal","type":"registry:block"},{"categories":["modals"],"description":"A centered dialog modal with a dimmed backdrop, similar in structure to Modal 1 but visually weighted toward caution. The header includes an icon, title, description, and a close action. The content area remains flexible and neutral, while the footer clearly emphasizes the primar","name":"modal-2","page":"https://shadcncraft.com/blocks/pro-application/modals/modal-2","registryDependencies":["button","dialog","@shadcncraft/semantic-tokens"],"title":"Modal 2 – Destructive action modal","type":"registry:block"},{"categories":["modals"],"dependencies":["react-icons"],"description":"A centered, medium-width modal designed specifically for sign-in flows. It uses a clear vertical layout with a strong heading, supporting text, and stacked form fields. Primary actions are visually anchored at the bottom with a full-width button, while secondary auth options are ","name":"modal-3","page":"https://shadcncraft.com/blocks/pro-application/modals/modal-3","registryDependencies":["button","card","dialog","field","input","input-group"],"title":"Modal 3 – Authentication modal","type":"registry:block"},{"categories":["section-footers"],"description":"A compact footer layout built around a single horizontal row of lightweight links paired with a small set of primary actions. Uses clear alignment and restrained spacing to keep the footer unobtrusive, with responsive behavior that stacks actions vertically on smaller screens. Be","name":"section-footer-1","page":"https://shadcncraft.com/blocks/pro-application/section-footers/section-footer-1","registryDependencies":["button","button-group","separator"],"title":"Section Footer 1 – Minimal action-focused footer bar","type":"registry:block"},{"categories":["section-footers"],"description":"A stripped-back footer built around a single, prominent action rather than navigation. Uses a centered or edge-aligned call-to-action with minimal visual noise, designed to extend a page flow rather than close it. Adapts cleanly to smaller screens by stacking the action styles ve","name":"section-footer-2","page":"https://shadcncraft.com/blocks/pro-application/section-footers/section-footer-2","registryDependencies":["button","separator"],"title":"Section Footer 2 – Single-action footer with progressive reveal","type":"registry:block"},{"categories":["section-footers"],"description":"A functional footer layout that combines secondary actions with an inline utility element. Uses a horizontal bar to group button variants on one side and a compact search input on the other, creating a balanced, tool-like feel. Scales down cleanly by stacking controls vertically ","name":"section-footer-3","page":"https://shadcncraft.com/blocks/pro-application/section-footers/section-footer-3","registryDependencies":["button","input","separator"],"title":"Section Footer 3 – Utility footer with inline controls","type":"registry:block"},{"categories":["section-footers"],"description":"A footer layout focused on paging controls for long lists or tables. Combines previous and next actions with direct page selection and a clear page count indicator. Adapts for smaller screens by simplifying to basic navigation while keeping context about the current page. Best su","name":"section-footer-4","page":"https://shadcncraft.com/blocks/pro-application/section-footers/section-footer-4","registryDependencies":["pagination","separator"],"title":"Section Footer 4 – Pagination footer","type":"registry:block"},{"categories":["progress"],"description":"A clean, linear progress bar that spreads steps evenly across the page. Each step is anchored by a numbered marker with a short title and supporting line of text below it. The connecting line is subtle and continuous, keeping focus on sequence rather than state. It reads left to ","name":"progress-1","page":"https://shadcncraft.com/blocks/pro-application/progress/progress-1","title":"Progress 1 – Horizontal step overview","type":"registry:block"},{"categories":["progress"],"description":"A stacked, vertical progress pattern with numbered steps aligned to a single axis. Each step uses a circular index, a clear title, and a short description, connected by a thin vertical line to reinforce sequence. The layout reads top to bottom, making it easy to scan and well sui","name":"progress-2","page":"https://shadcncraft.com/blocks/pro-application/progress/progress-2","registryDependencies":["@shadcncraft/progress-item-1"],"title":"Progress 2 – Vertical step list","type":"registry:block"},{"categories":["progress"],"description":"A horizontal stepper that shows progress at a glance. Steps are laid out left to right with a thin connecting line. Completed steps use filled circular check icons, while the current or pending step uses a neutral indicator. Each step includes a short title and supporting descrip","name":"progress-3","page":"https://shadcncraft.com/blocks/pro-application/progress/progress-3","registryDependencies":["@shadcncraft/progress-item-1"],"title":"Progress 3 – Horizontal completion tracker","type":"registry:block"},{"categories":["progress"],"description":"A vertical step list with all steps shown as completed. Each step uses a filled circular check icon aligned to the left, connected by a subtle vertical line to reinforce sequence. Titles are bold, with short descriptions beneath in muted text. The layout reads like a checklist ra","name":"progress-4","page":"https://shadcncraft.com/blocks/pro-application/progress/progress-4","registryDependencies":["@shadcncraft/progress-item-1"],"title":"Progress 4 – Vertical completed checklist","type":"registry:block"},{"categories":["file-uploads"],"description":"A compact file upload layout with a prominent drag-and-drop zone and clear fallback action. Uploaded files are listed inline with filename, size, status, and progress indicators, supporting multiple concurrent uploads. Designed to give immediate feedback and visibility into uploa","name":"file-upload-1","page":"https://shadcncraft.com/blocks/pro-application/file-uploads/file-upload-1","registryDependencies":["@shadcncraft/file-upload-area-1","@shadcncraft/file-upload-card-1"],"title":"File Upload 1 – Drag-and-drop upload with inline progress","type":"registry:block"},{"categories":["file-uploads"],"description":"A streamlined file upload layout that pairs a drag-and-drop zone with a clean, minimal upload list. Each file item focuses on status and progress only, reducing visual noise while still supporting multiple simultaneous uploads, cancellation, and deletion. Best suited for lightwei","name":"file-upload-2","page":"https://shadcncraft.com/blocks/pro-application/file-uploads/file-upload-2","registryDependencies":["@shadcncraft/file-upload-area-1","@shadcncraft/file-upload-card-1"],"title":"File Upload 2 – Simplified upload list with minimal metadata","type":"registry:block"},{"categories":["file-uploads"],"description":"A structured file upload layout that separates completed and in-progress uploads into clear sections. Uses lightweight headers to group states, making it easy to scan what’s finished versus what’s still uploading. Supports drag-and-drop input, progress indicators, and per-file ac","name":"file-upload-3","page":"https://shadcncraft.com/blocks/pro-application/file-uploads/file-upload-3","registryDependencies":["@shadcncraft/file-upload-area-1","@shadcncraft/file-upload-card-1"],"title":"File Upload 3 – Grouped upload states with clear status separation","type":"registry:block"},{"categories":["multistep"],"description":"A wide, two-column layout that pairs the active step with clear progress context. The left column contains a centered card with soft elevation and rounded corners, acting as the focus area for the current step. The right column shows a vertical step list with numbered markers, cu","name":"multistep-1","page":"https://shadcncraft.com/blocks/pro-application/multistep/multistep-1","registryDependencies":["button","card","field","input","@shadcncraft/progress-item-1"],"title":"Multistep 1 – Split onboarding layout","type":"registry:block"},{"categories":["multistep"],"description":"A three-column composition that blends form, visual, and progress. The left column uses a contained card for the active step, with clear hierarchy and strong primary action. The center column introduces a full-height media panel with rounded corners, used as visual breathing room","name":"multistep-2","page":"https://shadcncraft.com/blocks/pro-application/multistep/multistep-2","registryDependencies":["button","card","field","input","@shadcncraft/progress-item-1"],"title":"Multistep 2 – Media-assisted onboarding layout","type":"registry:block"},{"categories":["multistep"],"description":"A strong two-panel layout that leans editorial. The left side is a full-height visual panel with soft motion blur, used purely for mood and brand expression. The right side is a clean, contained column that stacks a horizontal step indicator above a centered form card. The contra","name":"multistep-3","page":"https://shadcncraft.com/blocks/pro-application/multistep/multistep-3","registryDependencies":["button","card","field","input","@shadcncraft/progress-item-1"],"title":"Multistep 3 – Split hero onboarding","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"Full-featured data table for admin and SaaS back-office views: customers, users, records, list management. Use for dense, editable lists with a per-row selection checkbox, sortable columns and inline status badges. Includes a filter field, density toggle, column-visibility contro","name":"table-1","page":"https://shadcncraft.com/blocks/pro-application/tables/table-1","registryDependencies":["button","checkbox","dropdown-menu","empty","input-group","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Table 1 – Customer data table","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"Invoice management table for billing and finance dashboards. Use for listing invoices with paid, pending and overdue status badges, document icons and issued, due and amount columns. Includes a toolbar with search, status and column filters plus a New invoice action, row selectio","name":"table-2","page":"https://shadcncraft.com/blocks/pro-application/tables/table-2","registryDependencies":["button","checkbox","dropdown-menu","empty","input-group","item","pagination","table","@shadcncraft/badge"],"title":"Table 2 – Invoice list","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","date-fns"],"description":"Paginated transactions table with global search, multi-select method and status filters, sortable date and amount columns, row selection and per-row actions. Use it for billing or payment histories where users scan and reconcile recent transactions.","name":"table-3","page":"https://shadcncraft.com/blocks/pro-application/tables/table-3","registryDependencies":["button","checkbox","dropdown-menu","empty","input-group","table","@shadcncraft/badge"],"title":"Table 3 – Transactions with filters and pagination","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"Team and workspace member directory for admin and settings pages. Use for listing people with an avatar, name and email, plus role, status (active, offline, invited) and joined date. Includes member search, role and column filters and an Invite member action. Prefer this simple r","name":"table-4","page":"https://shadcncraft.com/blocks/pro-application/tables/table-4","registryDependencies":["avatar","button","checkbox","dropdown-menu","empty","input-group","item","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Table 4 – Team members","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"Task and project-tracking table for project management and sprint views. Use for listing work items with an assignee avatar, a status badge (todo, in progress, done, blocked), an inline progress bar with percentage and a due date. Includes status, assignee and column filters. Pre","name":"table-5","page":"https://shadcncraft.com/blocks/pro-application/tables/table-5","registryDependencies":["avatar","button","checkbox","dropdown-menu","empty","input-group","item","progress","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Table 5 – Task list","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2"],"description":"Support ticket queue for helpdesk, support and operations views. Use for triaging tickets by priority (urgent, high, medium, low), an SLA countdown that turns red when time is short or breached, status and an assignee avatar. Includes open-state, priority and column filters. Pref","name":"table-6","page":"https://shadcncraft.com/blocks/pro-application/tables/table-6","registryDependencies":["avatar","button","checkbox","dropdown-menu","empty","input-group","item","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Table 6 – Support ticket queue","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","date-fns"],"description":"Paginated audit log for a workspace. Each row pairs the acting user or automation with the event it triggered, the affected resource, the source IP and a sortable timestamp. Global search plus event-type and date-range filters narrow the log; use it for security review and compli","name":"table-7","page":"https://shadcncraft.com/blocks/pro-application/tables/table-7","registryDependencies":["avatar","button","dropdown-menu","empty","input-group","item","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Table 7 – Audit log","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2"],"description":"Rich member directory pairing people with projects and files, for team, HR and resource views. Use for showing each member with title and start date, an associated project marked by a brand app logo, and a linked file attachment with size. Leans on avatars and brand icons rather ","name":"table-8","page":"https://shadcncraft.com/blocks/pro-application/tables/table-8","registryDependencies":["avatar","button","checkbox","dropdown-menu","empty","item","table"],"title":"Table 8 – Member directory with attachments","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"File manager table for document, asset and workspace file views. Use for listing shared files with a file-type icon, name, format and size, upload date and uploader. Introduced by a heading and description with Download all and Upload actions in the header. Prefer when rows are f","name":"table-9","page":"https://shadcncraft.com/blocks/pro-application/tables/table-9","registryDependencies":["button","checkbox","dropdown-menu","empty","item","table"],"title":"Table 9 – File manager","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3"],"description":"Product performance leaderboard for e-commerce, catalogue and analytics dashboards. Use for ranking products by sales with a thumbnail and category, price, units sold, a star rating with review count and revenue. Includes a period selector and export, led by a heading. Read-orien","name":"table-10","page":"https://shadcncraft.com/blocks/pro-application/tables/table-10","registryDependencies":["button","dropdown-menu","empty","item","table","@shadcncraft/star-rating"],"title":"Table 10 – Product leaderboard","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2"],"description":"Market and asset-tracking table for crypto, stock and finance dashboards. Use for listing assets with an icon and ticker, price, a colour-coded change value, volume and market cap, and an inline sparkline trend. Includes a search field and time-range toggle in the header. Prefer ","name":"table-11","page":"https://shadcncraft.com/blocks/pro-application/tables/table-11","registryDependencies":["button","dropdown-menu","empty","input-group","item","table"],"title":"Table 11 – Market overview","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","date-fns"],"description":"Compact transactions card for dashboards and overview panels. Use as a condensed summary of recent activity: each row pairs a directional icon and date, a status badge, the payment method and a signed, colour-coded amount, under a heading and account selector. Prefer this smaller","name":"table-12","page":"https://shadcncraft.com/blocks/pro-application/tables/table-12","registryDependencies":["button","dropdown-menu","empty","item","table","@shadcncraft/badge","@shadcncraft/featured-icon"],"title":"Table 12 – Recent transactions summary","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2"],"description":"Customer accounts table for sales, success and account-management views. Use for tracking companies with a logo and domain, a lifecycle status badge (customer, churned), a short about line, a stacked group of assigned-user avatars and a horizontal license-use meter. Includes a he","name":"table-13","page":"https://shadcncraft.com/blocks/pro-application/tables/table-13","registryDependencies":["avatar","button","dropdown-menu","empty","item","progress","table","@shadcncraft/badge"],"title":"Table 13 – Customer accounts","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"Members list for team rosters and organisation directories. Use for listing people with an avatar, name and email, a function with a supporting line, an online/offline status and an employed date. Led by a heading, a search field and an Add member action, with pagination. A clean","name":"table-14","page":"https://shadcncraft.com/blocks/pro-application/tables/table-14","registryDependencies":["avatar","button","dropdown-menu","empty","input-group","item","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Table 14 – Members list","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2"],"description":"Role permissions matrix for settings, access-control and admin views. Use for mapping each role to a description, member count and a checkbox grid of rights (view, edit, publish, billing, admin). Includes filter and column controls and a New role action. Prefer when configuring o","name":"table-15","page":"https://shadcncraft.com/blocks/pro-application/tables/table-15","registryDependencies":["button","checkbox","dropdown-menu","empty","input-group","table"],"title":"Table 15 – Role permissions matrix","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3"],"description":"Geographic sales block pairing a table with a world map, for regional analytics dashboards. Use for breaking sales down by country with a flag, sales count, value and bounce rate, alongside a dotted world map with plotted markers. Led by a heading and View report action. Prefer w","name":"table-16","page":"https://shadcncraft.com/blocks/pro-application/tables/table-16","registryDependencies":["button","empty","table"],"title":"Table 16 – Sales by country","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"Empty / first-run state for a data table, for zero-data and filtered-to-nothing views. Use when there are no rows yet: the full toolbar and column headers stay visible while a centred icon, a no-data message and Add and Clear-filters actions fill the body. Prefer over the no-resu","name":"table-17","page":"https://shadcncraft.com/blocks/pro-application/tables/table-17","registryDependencies":["button","checkbox","dropdown-menu","empty","input-group","table","@shadcncraft/badge"],"title":"Table 17 – Empty state (no data)","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"No-results empty state for a data table, for search and filter interactions. Use when a search or filter returns nothing: the toolbar and search stay in place while the grid is replaced by a centred icon, a no-results message and Add and Clear-search actions. Pair with the custom","name":"table-18","page":"https://shadcncraft.com/blocks/pro-application/tables/table-18","registryDependencies":["avatar","button","empty","input","item","table","@shadcncraft/badge"],"title":"Table 18 – Empty state (no results)","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"Loading / skeleton state for a data table. Use while data is being fetched: the toolbar and column headers stay in place over shimmering skeleton rows with a loading note in the footer. Prefer to hold the grid's shape during load rather than showing a spinner or blank area. Rows ","name":"table-19","page":"https://shadcncraft.com/blocks/pro-application/tables/table-19","registryDependencies":["button","checkbox","dropdown-menu","empty","input-group","skeleton","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Table 19 – Loading state","type":"registry:block"},{"categories":["tables"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"Error / failed-fetch state for a data table. Use when data fails to load: the toolbar and headers stay while the body shows a warning icon, an error message and a Try again action. Prefer this state to communicate a failed request rather than an empty or offline table. Rows can b","name":"table-20","page":"https://shadcncraft.com/blocks/pro-application/tables/table-20","registryDependencies":["button","checkbox","dropdown-menu","empty","input-group","spinner","table","@shadcncraft/badge"],"title":"Table 20 – Error state","type":"registry:block"},{"categories":["tables"],"description":"Offline / connection-lost state for a data table. Use when the table cannot reach the network: the header stays while the body shows a centred icon, an offline message and a Refresh action. Prefer this state to signal a connection problem rather than missing or filtered data.","name":"table-21","page":"https://shadcncraft.com/blocks/pro-application/tables/table-21","registryDependencies":["button","empty","input"],"title":"Table 21 – Offline state","type":"registry:block"},{"categories":["dashboard-finance"],"dependencies":["recharts"],"description":"A summary card that shows total spend for a period, with a clear visual cue and a simple category breakdown. Good for dashboards where you want one quick read before details. It answers “how much did I spend and where did it go” at a glance.","name":"spending-balance-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-finance/spending-balance-1","registryDependencies":["card","chart","select","separator","@shadcncraft/semantic-tokens","@shadcncraft/featured-icon"],"title":"Spending Balance 1","type":"registry:block"},{"categories":["dashboard-finance"],"dependencies":["recharts"],"description":"A data-rich block for showing an account balance at a glance, with supporting context over time. Combines a primary balance summary with trend indicators and a chart to help users quickly understand current state and recent movement without digging into detailed reports.","name":"balance-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-finance/balance-1","registryDependencies":["badge","card","chart","@shadcncraft/semantic-tokens"],"title":"Balance 1","type":"registry:block"},{"categories":["dashboard-finance"],"dependencies":["recharts"],"description":"A data-rich block for showing an account balance at a glance, with supporting context over time. Combines a primary balance summary with trend indicators, a chart, and optional actions to help users quickly understand current state and recent movement without digging into detaile","name":"balance-2","page":"https://shadcncraft.com/blocks/pro-application/dashboard-finance/balance-2","registryDependencies":["badge","card","chart","@shadcncraft/semantic-tokens"],"title":"Balance 2","type":"registry:block"},{"categories":["dashboard-finance"],"dependencies":["recharts"],"description":"A data-rich block for showing an account balance at a glance, with supporting context over time. Combines a primary balance summary and a chart to help users quickly understand current state and recent movement without digging into detailed reports.","name":"balance-3","page":"https://shadcncraft.com/blocks/pro-application/dashboard-finance/balance-3","registryDependencies":["card","chart"],"title":"Balance 3","type":"registry:block"},{"categories":["dashboard-finance"],"dependencies":["recharts"],"description":"A compact data visualization block for showing spending by category over a selected time range. Uses simple bars and inline values to make comparisons easy at a glance, with support for hover details and quick period switching. Suitable for dashboards, reports, and financial over","name":"expenses-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-finance/expenses-1","registryDependencies":["card","chart","select","separator"],"title":"Expenses 1","type":"registry:block"},{"categories":["dashboard-finance"],"description":"A compact transaction list for recent activity. Shows status filters, clear labels, amounts, and dates at a glance. Works well in dashboards where users need quick confirmation of money in or out, with a simple path to view the full history.","name":"transactions-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-finance/transactions-1","registryDependencies":["button","card","select","separator","tabs","@shadcncraft/semantic-tokens","@shadcncraft/featured-icon"],"title":"Transactions 1","type":"registry:block"},{"categories":["dashboard-finance"],"dependencies":["recharts"],"description":"A market snapshot block that shows current value, change over time, and basic context. The chart is the focus, with quick filters for time range and a couple of supporting stats. Good for dashboards where you want trend first, details second.","name":"stock-market-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-finance/stock-market-1","registryDependencies":["badge","button","button-group","card","chart","separator","@shadcncraft/semantic-tokens"],"title":"Stock Market 1","type":"registry:block"},{"categories":["dashboard-hr"],"description":"An action queue for managers: a summary of pending approvals, signatures and reviews, then the most pressing tasks with their due date, a category badge and inline actions that resolve each task. Adapts to its column: badges and a footer when narrow, one row per task when wide. I","name":"needs-attention-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/needs-attention-1","registryDependencies":["button","card","empty","item","skeleton","@shadcncraft/badge"],"title":"Needs Attention 1 – Action queue with inline approve, sign and review","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A recognition feed: this week's kudos, people recognized and top value, a timeline of who recognized whom with the value it was given for, and a composer to pick a teammate, a value and an optional note. Includes loading, empty and error states. Adapt it for acknowledgments or co","name":"kudos-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/kudos-1","registryDependencies":["avatar","badge","button","card","empty","input","select","skeleton"],"title":"Kudos 1 – Recognition feed with a compose box","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A list of the week's team celebrations: birthdays, work anniversaries and new joiners, each with a portrait, when it happens and a badge for the occasion. Includes loading, empty and error states. Use it on team dashboards and intranet home pages.","name":"celebrations-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/celebrations-1","registryDependencies":["avatar","button","card","empty","item","skeleton","@shadcncraft/badge"],"title":"Celebrations 1 – Birthdays, anniversaries and new joiners","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A featured profile: portrait, role and award, with the nomination quote set large, and a Nominate action. Includes loading, empty and error states. Adapt it for members, contributors or customers.","name":"employee-spotlight-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/employee-spotlight-1","registryDependencies":["avatar","button","card","empty","item","skeleton"],"title":"Employee Spotlight 1 – Featured person with a nomination quote","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["@tanstack/react-table@^8.21.3"],"description":"A teams table: each team with its lead, a hiring or frozen badge with open roles, its function, stacked member avatars and a hiring-plan meter, plus a status filter, export and row actions. Includes loading, empty and error states. Adapt it for departments, squads or cost centers","name":"teams-table-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/teams-table-1","registryDependencies":["avatar","button","dropdown-menu","empty","item","progress","skeleton","table","@shadcncraft/badge"],"title":"Teams Table 1 – Teams with lead, hiring status and hiring plan","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A responsive grid of people cards: avatar, name and role, a team badge and location with time zone. Columns follow the width of the container. Includes loading, empty and error states. Adapt it for members, collaborators or contacts.","name":"people-directory-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/people-directory-1","registryDependencies":["avatar","badge","button","card","empty","item","skeleton"],"title":"People Directory 1 – Profile cards with team and location","type":"registry:block"},{"categories":["dashboard-hr"],"description":"An org chart card that draws reporting lines from a nested tree of people, with avatar, name and role on each node. Scrolls sideways on narrow screens. Includes loading, empty and error states. Adapt it for ownership or any hierarchy.","name":"org-chart-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/org-chart-1","registryDependencies":["avatar","button","card","empty","item","skeleton"],"title":"Org Chart 1 – Reporting lines across three levels","type":"registry:block"},{"categories":["dashboard-hr"],"description":"An employee details card: a labeled list of contact, employment, team, office and emergency contact fields. Includes loading, empty and error states. Adapt it for any record with key facts.","name":"employee-about-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/employee-about-1","registryDependencies":["button","card","empty","skeleton"],"title":"Employee About 1 – Contact and employment details","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["recharts"],"description":"A rating card: a ring showing the average score out of five, a verdict and the number of peer reviews behind it, with a link to the reviews. Includes loading, empty and error states. Use it on employee profiles and performance pages.","name":"employee-rating-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/employee-rating-1","registryDependencies":["button","card","chart","empty","skeleton","@shadcncraft/semantic-tokens"],"title":"Employee Rating 1 – Peer rating ring with verdict","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A job history card: tenure, roles held and managers, then a timeline of promotions, pay, manager, team and contract changes with who made each change, when, and a category badge. Includes loading, empty and error states. Adapt it for accounts, projects or records.","name":"job-timeline-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/job-timeline-1","registryDependencies":["avatar","badge","button","card","empty","skeleton"],"title":"Job Timeline 1 – Role, team and contract history","type":"registry:block"},{"categories":["dashboard-hr"],"description":"An assigned-courses card: a table of courses with a completion bar and a status badge that follows from it (not started, in progress, completed). Includes loading, empty and error states. Use it on employee profiles and learning dashboards.","name":"courses-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/courses-1","registryDependencies":["button","card","empty","progress","skeleton","table","@shadcncraft/badge"],"title":"Courses 1 – Assigned courses with completion and status","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A leave balance card: total days remaining across all leave types, then a progress bar per type with days left of the yearly allowance, and a Policy action. Includes loading, empty and error states. Adapt it for any quota, such as credits, seats or budget lines.","name":"leave-balances-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/leave-balances-1","registryDependencies":["button","card","empty","progress","skeleton"],"title":"Leave Balances 1 – Days left per leave type","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["date-fns"],"description":"A weekly coverage planner: each person's shifts and leave per day, scheduled against required headcount, and a detail panel for the selected day that lists available backups to add one by one or all at once, with undo. Gaps show in the warning tint and the panel opens on the firs","name":"coverage-planner-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/coverage-planner-1","registryDependencies":["avatar","button","card","empty","item","separator","skeleton","@shadcncraft/badge"],"title":"Coverage Planner 1 – Weekly staffing against daily demand","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["date-fns"],"description":"A team absence card for one month: a table with a day timeline per person (annual, sick and casual leave in their own colors), leave type, days and approval status, a legend, and a footer with days out this month, the peak week and a Request leave action. Scrolls sideways on narr","name":"team-absences-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/team-absences-1","registryDependencies":["button","card","empty","separator","skeleton","table","@shadcncraft/badge"],"title":"Team Absences 1 – Monthly leave timeline per person","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["@tanstack/react-table@^8.21.3","date-fns"],"description":"A leave request data table: request, dates, type, days, status and requested date, with a filter field, a status filter, density and column-visibility controls, export, row selection with a bulk action bar, sortable request and day columns, row actions and rows-per-page paginatio","name":"leave-requests-table-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/leave-requests-table-1","registryDependencies":["button","checkbox","dropdown-menu","empty","input-group","skeleton","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Leave Requests Table 1 – Leave history data table","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["@tanstack/react-table@^8.21.3","date-fns"],"description":"A project data table: project, lead, milestone, progress, status and target date, with row selection, sortable project and progress columns, row actions and rows-per-page pagination. Takes an optional `statuses` filter so a header Filter menu can narrow it, and collapses to proje","name":"projects-table-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/projects-table-1","registryDependencies":["button","checkbox","dropdown-menu","empty","skeleton","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Projects Table 1 – Project portfolio data table","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["date-fns"],"description":"A full calendar: a week time grid with timed event chips, overlapping events side by side and blocked time, a month grid with overflow popovers, and a day view that phones get automatically. Filter tabs count meetings, events, conflicts and cancellations, and each event opens a p","name":"calendar-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/calendar-1","registryDependencies":["avatar","button","empty","popover","select","skeleton","tabs","@shadcncraft/badge"],"title":"Calendar 1 – Week, day and month calendar with event details","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A weekly timesheet: each day's worked sessions on a timeline, clock-in to clock-out hours, the day's total and its approval status, then the week's total, breaks and overtime with a submit button. Includes loading, empty and error states. Use it in time tracking, payroll or agenc","name":"timesheet-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/timesheet-1","registryDependencies":["button","card","empty","skeleton","table","@shadcncraft/badge"],"title":"Timesheet 1 – Week of clock-ins with a day timeline and approvals","type":"registry:block"},{"categories":["dashboard-hr"],"description":"Where the week's time went: the total, a stacked bar sized by each project's share, and a table of projects with share bars and tracked time. Includes loading, empty and error states. Adapt it for clients, projects or categories.","name":"project-time-log-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/project-time-log-1","registryDependencies":["button","card","empty","progress","skeleton","table"],"title":"Project Time Log 1 – Time split across projects","type":"registry:block"},{"categories":["dashboard-hr"],"description":"The apps a team spends tracked time in: app logos, time today and a share bar with its percentage, plus a note on how much of the day the top apps cover. Includes loading, empty and error states. Use it in time tracking and productivity dashboards.","name":"top-apps-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/top-apps-1","registryDependencies":["button","card","empty","progress","skeleton","table"],"title":"Top Apps 1 – Team time by app","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A team pulse card: the share of the team active in the last hour over a progress bar, then each member with their role, time tracked today and an activity badge. Includes loading, empty and error states. Use it on manager dashboards and time tracking apps.","name":"team-activity-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/team-activity-1","registryDependencies":["avatar","button","card","empty","item","progress","skeleton","@shadcncraft/badge"],"title":"Team Activity 1 – Who is active and how much","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A responsive row of benefit plan cards: plan name and provider, monthly price with a note, a checklist of what is included, and a full-width action, with the current plan badged. One column on narrow containers, three side by side once there is room. Includes loading, empty and e","name":"benefit-plans-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/benefit-plans-1","registryDependencies":["button","card","empty","skeleton","@shadcncraft/badge"],"title":"Benefit Plans 1 – Plan cards with price, features and an action","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["@tanstack/react-table@^8.21.3","date-fns"],"description":"A benefits data table: plan with provider and coverage, enrollment status (active, pending, waived), enrolled and renewal dates and monthly cost, with a filter field, a status filter, column-visibility controls, an Add benefit action, row selection, sortable plan and cost columns","name":"benefits-table-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/benefits-table-1","registryDependencies":["button","checkbox","dropdown-menu","empty","input-group","item","pagination","skeleton","table","@shadcncraft/badge"],"title":"Benefits Table 1 – Enrolled benefits data table","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"An employee documents table: file-type icon, name, size and format, upload date and what is still needed (signature with a due date, acknowledgment, or available), introduced by a heading with a Download all action. Row actions to review and sign, acknowledge, download or copy a ","name":"documents-table-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/documents-table-1","registryDependencies":["button","checkbox","dropdown-menu","empty","item","skeleton","table"],"title":"Documents Table 1 – Employee documents with signing status","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"An HR request queue: request, priority, due date (today in destructive), status (pending, approved, rejected), requester with avatar and email, and submitted date. All requests, Awaiting me and Due today views switch the list; a filter field, status, priority and column filters n","name":"requests-table-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/requests-table-1","registryDependencies":["avatar","button","checkbox","dropdown-menu","empty","input-group","item","skeleton","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Requests Table 1 – Request queue with views and approvals","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A nine-box talent grid for calibration: people placed by performance (low to high, left to right) and potential (high to low, top to bottom), each box named (Diamond, Star, Core, At risk and so on) with an avatar stack, plus a Calibrate action. Includes loading, empty and error s","name":"talent-grid-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/talent-grid-1","registryDependencies":["avatar","button","card","empty","skeleton"],"title":"Talent Grid 1 – Nine-box calibration grid","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A 1:1 meeting card: who and when, a checklist of talking points and a checklist of action items, and an Add talking point action that opens an inline field. Includes loading, empty and error states. Use it for 1:1s, standups or any meeting agenda.","name":"one-on-one-agenda-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/one-on-one-agenda-1","registryDependencies":["button","card","checkbox","empty","input","label","skeleton"],"title":"1:1 Agenda 1 – Talking points and action items","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["@tanstack/react-table@^8.21.3","@dnd-kit/core@^6.3.1","@dnd-kit/modifiers@^9.0.0","@dnd-kit/sortable@^10.0.0","@dnd-kit/utilities@^3.2.2","date-fns"],"description":"A performance reviews table: employee, manager with avatar and email, review stage (not started, self-review, manager review, calibrated), a progress bar with percentage and a sortable due date. A filter field, stage and assignee filters, column visibility, row selection, row act","name":"performance-reviews-table-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/performance-reviews-table-1","registryDependencies":["avatar","button","checkbox","dropdown-menu","empty","input-group","item","progress","skeleton","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"Performance Reviews Table 1 – Review cycle data table","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["@tanstack/react-table@^8.21.3","date-fns"],"description":"A new joiners table led by a heading, a search field and an Import action: joiner with avatar and email, role and department, onboarding progress as a badge (percent and tasks done, a start date for upcoming joiners, or completed), start date, row actions and pagination. Includes","name":"new-hires-table-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/new-hires-table-1","registryDependencies":["avatar","button","dropdown-menu","empty","input-group","item","skeleton","table","@shadcncraft/badge","@shadcncraft/data-table-pagination"],"title":"New Hires Table 1 – Joiners with onboarding progress","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A selected-record workflow run: a dependency graph of step cards (one start step, two parallel steps, one final step) joined by connectors colored by state, a run status alert, and a side panel for the blocked step with its owner, the issue and a one-click fix that moves the run ","name":"day-one-setup-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/day-one-setup-1","registryDependencies":["alert","avatar","button","card","empty","item","separator","skeleton","@shadcncraft/badge"],"title":"Day-one Setup 1 – Workflow run with a blocked step","type":"registry:block"},{"categories":["dashboard-hr"],"description":"An engagement survey matrix: participation, then favorable scores by team and dimension as a four-band heatmap with the change since the last survey. Selecting a score opens its insight (statement, favorable, neutral and unfavorable split, a suggested next step) and drafts an act","name":"team-pulse-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/team-pulse-1","registryDependencies":["avatar","button","card","empty","separator","skeleton","@shadcncraft/badge"],"title":"Team Pulse 1 – Engagement heatmap with insight and action plan","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["recharts"],"description":"Workforce size over the last 12 months as an area chart on a pinned scale, with a month tooltip. Includes loading, empty and error states. Use it to review growth and staffing changes.","name":"headcount-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/headcount-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Headcount 1 – Monthly headcount area chart","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["recharts"],"description":"Voluntary turnover by department as horizontal gradient bars on a fixed percentage scale, each rate labelled on the right. Includes loading, empty and error states. Use it to spot teams that need a closer look.","name":"attrition-by-department-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/attrition-by-department-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Attrition by Department 1 – Voluntary turnover bars","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["recharts"],"description":"A category breakdown as a donut with the leading share in its center and a legend of percentages and counts, side by side when there is room and stacked when narrow. Includes loading, empty and error states. Adapt it for audience, inventory or other distributions.","name":"gender-split-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/gender-split-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Gender Split 1 – Donut with share and count legend","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["recharts"],"description":"How long people have been at the company, as a column chart of tenure bands from under a year to nine plus. Includes loading, empty and error states.","name":"tenure-distribution-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/tenure-distribution-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Tenure Distribution 1 – Employees by years at the company","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["recharts"],"description":"Sick and unplanned leave as a share of working days, month by month over the last year, as a line chart on a pinned percentage scale. Includes loading, empty and error states.","name":"absence-rate-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/absence-rate-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Absence Rate 1 – Monthly sick and unplanned leave trend","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["@tanstack/react-table@^8.21.3"],"description":"Departments with headcount, voluntary turnover and average tenure in a sortable table, beside a world map marking each department's hub. Includes loading, empty and error states. Built on TanStack Table.","name":"headcount-by-department-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/headcount-by-department-1","registryDependencies":["button","empty","skeleton","table"],"title":"Headcount by Department 1 – Sortable department table with hub map","type":"registry:block"},{"categories":["dashboard-hr"],"description":"The complete HR Dashboard app for Next.js: an inset app shell with 14 screens (personal and team dashboards, calendar, leave, timesheets, projects, teams, employee profile, benefits, documents, requests, performance, onboarding and analytics), assembled from the individually inst","name":"hr-dashboard-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/hr-dashboard-1","registryDependencies":["avatar","button","dropdown-menu","tabs","tooltip","@shadcncraft/absence-rate-1","@shadcncraft/app-shell-4","@shadcncraft/attrition-by-department-1","@shadcncraft/benefit-plans-1","@shadcncraft/benefits-table-1","@shadcncraft/calendar-1","@shadcncraft/celebrations-1","@shadcncraft/course-progress-1","@shadcncraft/courses-1","@shadcncraft/coverage-planner-1","@shadcncraft/current-project-1","@shadcncraft/daily-feedback-1","@shadcncraft/day-one-setup-1","@shadcncraft/documents-table-1","@shadcncraft/employee-about-1","@shadcncraft/employee-rating-1","@shadcncraft/employee-spotlight-1","@shadcncraft/gender-split-1","@shadcncraft/headcount-1","@shadcncraft/headcount-by-department-1","@shadcncraft/job-timeline-1","@shadcncraft/kudos-1","@shadcncraft/leave-balances-1","@shadcncraft/leave-requests-table-1","@shadcncraft/metric-cards-1","@shadcncraft/needs-attention-1","@shadcncraft/new-hires-table-1","@shadcncraft/notes-1","@shadcncraft/one-on-one-agenda-1","@shadcncraft/org-chart-1","@shadcncraft/people-directory-1","@shadcncraft/performance-reviews-table-1","@shadcncraft/project-time-log-1","@shadcncraft/projects-table-1","@shadcncraft/requests-table-1","@shadcncraft/review-cycle-1","@shadcncraft/schedule-1","@shadcncraft/status-tracker-1","@shadcncraft/talent-grid-1","@shadcncraft/team-absences-1","@shadcncraft/team-activity-1","@shadcncraft/team-pulse-1","@shadcncraft/teams-table-1","@shadcncraft/tenure-distribution-1","@shadcncraft/time-off-summary-1","@shadcncraft/time-tracker-1","@shadcncraft/timesheet-1","@shadcncraft/top-apps-1"],"title":"HR Dashboard 1 – Complete HR app with 14 screens","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A review cycle summary: complete, not started and in-progress counts, a segmented meter across the whole cycle, and a table of reviews with progress and stage. Includes loading, empty and error states. Adapt it for reviews, audits or applications.","name":"review-cycle-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/review-cycle-1","registryDependencies":["avatar","button","card","empty","progress","skeleton","table","@shadcncraft/badge"],"title":"Review Cycle 1 – Stage counts with per-person progress","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A team presence card: counts for in today, away and absent, then who is absent and who is away with the reason and when they are back. Includes loading, empty and error states. Use it on manager dashboards and team pages.","name":"status-tracker-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/status-tracker-1","registryDependencies":["avatar","badge","button","card","empty","item","skeleton"],"title":"Status Tracker 1 – Who is in, away or absent today","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["date-fns","react-day-picker"],"description":"A schedule card pairing a month calendar with the selected day's meetings. Each meeting expands to show attendees, the platform and a category badge, and days without meetings show an empty state. Use it on personal dashboards, booking tools or team schedules.","name":"schedule-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/schedule-1","registryDependencies":["avatar","button","calendar","card","collapsible","empty","skeleton","@shadcncraft/badge"],"title":"Schedule 1 – Month calendar with the day's meetings","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A time-tracking card with the current session time, a status badge, the project being logged to with recent shortcuts, and progress against today's target. Clock out and take-a-break controls change the session state. Use it on employee dashboards, agency tools or timesheet apps.","name":"time-tracker-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/time-tracker-1","registryDependencies":["button","card","empty","field","progress","select","skeleton","@shadcncraft/badge"],"title":"Time Tracker 1 – Session clock with project and breaks","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A single-project overview: name, status, timeline and team on the left, milestone progress and task completion counts on the right. Adapt it for projects, campaigns or initiatives on a personal or team dashboard.","name":"current-project-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/current-project-1","registryDependencies":["avatar","button","card","empty","item","progress","skeleton","@shadcncraft/badge"],"title":"Current Project 1 – Project summary with milestones and task stats","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A compact notes card listing recent notes with a title, preview, date and category tag. Add note opens a dialog for the title, note and tag. Adapt it for personal notes, meeting notes or account context on a dashboard.","name":"notes-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/notes-1","registryDependencies":["button","card","dialog","empty","field","input","item","select","skeleton","textarea","@shadcncraft/badge"],"title":"Notes 1 – Tagged notes with previews","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A leave summary showing days used against the annual allowance as a segmented meter, followed by recent requests with their dates, length and approval status. Use it on employee dashboards and profile pages.","name":"time-off-summary-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/time-off-summary-1","registryDependencies":["button","card","empty","skeleton","@shadcncraft/badge"],"title":"Time Off Summary 1 – Allowance meter with recent requests","type":"registry:block"},{"categories":["dashboard-hr"],"dependencies":["recharts"],"description":"A learning card with a completion ring for the current course, a short progress summary, the next lesson and a resume action. Use it on employee portals, LMS dashboards and onboarding programs.","name":"course-progress-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/course-progress-1","registryDependencies":["button","card","chart","empty","skeleton"],"title":"Course Progress 1 – Completion ring with next lesson","type":"registry:block"},{"categories":["dashboard-hr"],"description":"A quick daily check-in: five mood options, an optional comment and an anonymous submit, with a thank-you state after sending. Use it for pulse surveys and engagement tracking on employee dashboards.","name":"daily-feedback-1","page":"https://shadcncraft.com/blocks/pro-application/dashboard-hr/daily-feedback-1","registryDependencies":["button","card","empty","input","skeleton","toggle"],"title":"Daily Feedback 1 – Mood check-in with optional comment","type":"registry:block"},{"categories":["checkout"],"description":"A comprehensive and professional checkout interface featuring a dual-column layout. The left column is dedicated to user data entry, the right column acts as a fixed \"Summary\" sidebar, providing a final review of cart items, detailed cost breakdowns (subtotal, shipping, taxes), a","name":"checkout-1","page":"https://shadcncraft.com/blocks/pro-ecommerce/checkout/checkout-1","registryDependencies":["button","field","input","label","radio-group","select","separator","@shadcncraft/cart-item-1","@shadcncraft/section-heading"],"title":"Checkout 1 – Checkout page with shipping, payment and order summary","type":"registry:block"},{"categories":["checkout"],"description":"Checkout interface that uses a multi-card layout to prioritize order transparency. It features a \"Summary\" of items and an \"Overview\" of costs (including a promo code field) on the left side, while the more extensive \"Shipping Information\" and \"Payment\" forms are grouped in a pri","name":"checkout-2","page":"https://shadcncraft.com/blocks/pro-ecommerce/checkout/checkout-2","registryDependencies":["button","field","input","label","radio-group","select","separator","@shadcncraft/cart-item-1","@shadcncraft/section-heading"],"title":"Checkout 2 – Modular checkout with summary and overview sidebars","type":"registry:block"},{"categories":["checkout"],"description":"A checkout layout that separates order details from data entry through a clean, vertical split. The left column is dedicated to a high-visibility \"Summary\" of cart items and a secondary \"Overview\" card for financial totals and promo codes. The right side contains the primary \"Shi","name":"checkout-3","page":"https://shadcncraft.com/blocks/pro-ecommerce/checkout/checkout-3","registryDependencies":["button","field","input","label","radio-group","select","separator","@shadcncraft/cart-item-1","@shadcncraft/section-heading"],"title":"Checkout 3 – Checkout with left-aligned order overview and payment stack","type":"registry:block"},{"categories":["shopping-cart"],"description":"A functional slide-out cart interface that appears as an overlay on the right side of the screen. It features a clear itemized list of added products, including thumbnail images, titles, brief descriptions, quantities, and prices. The layout is completed by a subtotal calculation","name":"shopping-cart-1","page":"https://shadcncraft.com/blocks/pro-ecommerce/shopping-cart/shopping-cart-1","registryDependencies":["drawer","button","separator","@shadcncraft/cart-item-1","@shadcncraft/section-heading"],"title":"Shopping Cart 1 –  Overlay with itemized list and checkout","type":"registry:block"},{"categories":["shopping-cart"],"description":"A comprehensive checkout page featuring a two-column layout. The larger left column displays a detailed list of cart items with quantity adjusters and removal options. The right column serves a sidebar containing a promo code input field and a breakdown of subtotal, shipping, and","name":"shopping-cart-2","page":"https://shadcncraft.com/blocks/pro-ecommerce/shopping-cart/shopping-cart-2","registryDependencies":["button","input","separator","@shadcncraft/cart-item-1","@shadcncraft/section-heading"],"title":"Shopping Cart 2 - shopping cart page with order summary and promo section","type":"registry:block"},{"categories":["shopping-cart"],"description":"A streamlined and focused shopping cart layout where all elements are stacked in a single centered column. The page displays the list of items with full management controls (quantity and removal), followed directly by the promotional code input and the financial breakdown (subtot","name":"shopping-cart-3","page":"https://shadcncraft.com/blocks/pro-ecommerce/shopping-cart/shopping-cart-3","registryDependencies":["button","input","separator","@shadcncraft/cart-item-1","@shadcncraft/section-heading"],"title":"Shopping Cart 3 - Centered shopping cart page with inline summary","type":"registry:block"},{"categories":["shopping-cart"],"description":"A highly organized shopping cart page that utilizes three distinct white cards on a light gray background to separate functional areas. The main card on the left manages the product list and inventory controls. On the right, two smaller stacked cards isolate the Discount and Summ","name":"shopping-cart-4","page":"https://shadcncraft.com/blocks/pro-ecommerce/shopping-cart/shopping-cart-4","registryDependencies":["button","input","separator","@shadcncraft/cart-item-1","@shadcncraft/section-heading"],"title":"Shopping Cart 4 - Triple-card cart layout with discount and summary","type":"registry:block"},{"categories":["product-details"],"description":"A clean and professional product detail section featuring a large primary image on the left and functional configuration tools on the right. The information hierarchy includes the product title, star ratings, price, and a brief description. Below, users can interact with size sel","name":"product-details-1","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-details/product-details-1","registryDependencies":["button","button-group","separator","@shadcncraft/section-heading","@shadcncraft/star-rating"],"title":"Product Details 1 –  Product overview with configuration","type":"registry:block"},{"categories":["product-details"],"description":"A comprehensive product layout featuring a top breadcrumb navigation for easy store browsing. The left side showcases a large product image, while the right side organizes purchase details: rating, price, size tiles, and color swatches. Below the primary button, a vertical accord","name":"product-details-2","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-details/product-details-2","registryDependencies":["accordion","breadcrumb","button","button-group","separator","@shadcncraft/section-heading","@shadcncraft/star-rating"],"title":"Product Details 2 - Product page with breadcrumbs and accordion","type":"registry:block"},{"categories":["product-details"],"description":"A content-rich product detail section that prioritizes technical information. The layout features a primary text area on the left detailing fabric composition and design features, balanced by a configuration sidebar on the right for size and color selection. Below, a four-column ","name":"product-details-3","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-details/product-details-3","registryDependencies":["button","button-group","separator","@shadcncraft/section-heading","@shadcncraft/star-rating","@shadcncraft/image-zoom"],"title":"Product Details 3 - Detailed product view with specifications and gallery","type":"registry:block"},{"categories":["product-details"],"description":"A streamlined product section featuring a multi-image navigation system. The layout includes a vertical column of clickable thumbnails on the left, which updates the large primary image in the center. The right side is dedicated to product information, including a detailed list, ","name":"product-details-4","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-details/product-details-4","registryDependencies":["button","button-group","@shadcncraft/section-heading","@shadcncraft/star-rating"],"title":"Product Details 4 - Product detail page with vertical thumbnail gallery","type":"registry:block"},{"categories":["product-details"],"description":"A product detail layout featuring an interactive image gallery. The main product image is supported by a row of four thumbnails at the bottom for multi-angle viewing, along with directional arrows and a zoom icon for deep-dive inspection. The right-hand column maintains a clean h","name":"product-details-5","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-details/product-details-5","registryDependencies":["button","button-group","@shadcncraft/section-heading","@shadcncraft/star-rating","@shadcncraft/image-zoom"],"title":"Product Details 5 - Product page with bottom gallery and navigation arrows","type":"registry:block"},{"categories":["product-details"],"description":"A comprehensive product layout featuring a centered hero image flanked by essential purchase controls like price, size selection tiles, and a button. The lower section of the page is dedicated to a high-density information area. This design uses expandable accordions for topics l","name":"product-details-6","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-details/product-details-6","registryDependencies":["accordion","button","separator","@shadcncraft/section-heading","@shadcncraft/star-rating"],"title":"Product Details 6 - Product page with centered hero and multi-column FAQ grid","type":"registry:block"},{"categories":["product-category"],"description":"A visually driven category section featuring a three-column grid. Each card uses large, high-impact photography as a background, with the category title and a brief descriptive subtext positioned in the bottom-left corner. This layout is designed to inspire users through lifestyl","name":"product-category-1","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-category/product-category-1","registryDependencies":["@shadcncraft/product-category-card-1","@shadcncraft/section-heading"],"title":"Product Category 1 – Category navigation grid with immersive hero imagery","type":"registry:block"},{"categories":["product-category"],"description":"A minimalist category navigation section featuring a balanced three-column grid. Unlike overlay styles, this layout places category titles and descriptive subtext directly below each image, ensuring maximum legibility. Using high-quality lifestyle and product photography, it prov","name":"product-category-2","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-category/product-category-2","registryDependencies":["@shadcncraft/product-card-1","@shadcncraft/section-heading"],"title":"Product Category 2 - Category grid with external labels","type":"registry:block"},{"categories":["product-category"],"description":"A visually engaging category section featuring an asymmetric three-column layout. The left column showcases a large, vertical hero image for while the right side is split into two stacked horizontal cards. This varied grid structure creates a modern, editorial feel that emphasize","name":"product-category-3","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-category/product-category-3","registryDependencies":["@shadcncraft/product-category-card-1","@shadcncraft/section-heading"],"title":"Product Category 3 - Asymmetric category grid with mixed card orientations","type":"registry:block"},{"categories":["product-category"],"description":"A dynamic category section featuring an asymmetric three-card grid. The layout highlights \"New Arrivals\" with a large, full-width horizontal hero card at the top, while \"Accessories\" and \"Last Pieces\" are displayed in two smaller, side-by-side cards below. All categories utilize ","name":"product-category-4","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-category/product-category-4","registryDependencies":["@shadcncraft/product-category-card-1","@shadcncraft/section-heading"],"title":"Product Category 4 - Inverted asymmetric grid with top-aligned hero card","type":"registry:block"},{"categories":["product-category"],"description":"A clean and balanced category section featuring a four-column grid of tall, vertical cards. Each card uses high-impact photography with a subtle dark gradient at the bottom to enhance the legibility of the centered white labels. This layout is ideal for stores with multiple key d","name":"product-category-5","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-category/product-category-5","registryDependencies":["@shadcncraft/product-category-card-1","@shadcncraft/section-heading"],"title":"Product Category 5 - vertical category grid with labels","type":"registry:block"},{"categories":["product-list"],"description":"A clean e-commerce section featuring a left-aligned collection header and a four-column product grid. Each card includes a badge, high-quality product imagery, star ratings, pricing, and a brief description. The layout is finalized with a primary button for each product, designed","name":"product-list-1","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-list/product-list-1","registryDependencies":["badge","button","@shadcncraft/product-card-1","@shadcncraft/section-heading"],"title":"Product List 1 – Product grid with header & action cards","type":"registry:block"},{"categories":["product-list"],"description":"A balanced e-commerce section featuring a centered headline. The products are displayed in a clean four-column grid, where each card follows a vertical stack: high-quality product image, centered title, brief description, price, and a primary button. This minimalist approach remo","name":"product-list-2","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-list/product-list-2","registryDependencies":["button","@shadcncraft/product-card-1","@shadcncraft/section-heading"],"title":"Product List 2 – Centered header with product grid","type":"registry:block"},{"categories":["product-list"],"description":"A modern e-commerce grid featuring products housed in individual white cards with subtle borders. In addition to the badge, star ratings, and button, each card includes interactive color swatches for product customization. This layout is optimized for high-engagement retail, prov","name":"product-list-3","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-list/product-list-3","registryDependencies":["badge","button","@shadcncraft/product-card-2","@shadcncraft/section-heading"],"title":"Product List 3 – Product card grid with color swatches","type":"registry:block"},{"categories":["product-list"],"description":"A streamlined e-commerce layout featuring a centered collection header and a four-column grid of bordered product cards. Each card prioritizes clear information hierarchy: category badge, star rating, product title, and description, followed by prominent price labels and interact","name":"product-list-4","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-list/product-list-4","registryDependencies":["badge","button","@shadcncraft/product-card-2","@shadcncraft/section-heading"],"title":"Product List 4 - Product grid with centered labels and color swatches","type":"registry:block"},{"categories":["product-list"],"description":"A clean e-commerce section featuring a left-aligned collection header and a four-column product layout. Each item includes a badge, star rating, pricing, and a primary button. The distinctive feature is the inclusion of directional arrow buttons at the bottom-left, allowing users","name":"product-list-5","page":"https://shadcncraft.com/blocks/pro-ecommerce/product-list/product-list-5","registryDependencies":["badge","button","@shadcncraft/product-card-1","@shadcncraft/use-carousel","@shadcncraft/section-heading"],"title":"Product List 5 - Product grid with horizontal carousel","type":"registry:block"},{"categories":["chat"],"dependencies":["sonner"],"description":"The shell around a chat: workspace switcher, new chat, search, thread history grouped by recency with pinned threads on top, and an account menu at the foot. Renaming, pinning, sharing and deleting all work, on demo data you swap for your own backend. Not a generic app shell: eve","name":"chat-shell-1","page":"https://shadcncraft.com/blocks/pro-ai/chat/chat-shell-1","registryDependencies":["alert-dialog","avatar","breadcrumb","command","dropdown-menu","separator","sidebar","skeleton","@shadcncraft/share-dialog-1"],"title":"Chat Shell 1 – Thread sidebar with pin, rename, share and delete","type":"registry:block"},{"categories":["chat"],"dependencies":["@shadcn/helpers"],"description":"For products where the chat is a guest rather than the page: a panel docked to the right, opened from a button in your own header, with a menu of past conversations, rename and delete on the open one, and a way out from inside. It holds its open state itself rather than borrowing","name":"assistant-panel-1","page":"https://shadcncraft.com/blocks/pro-ai/chat/assistant-panel-1","registryDependencies":["alert-dialog","avatar","breadcrumb","button","collapsible","dropdown-menu","kbd","separator","sheet","sidebar","tooltip","use-mobile","@shadcncraft/chat-1"],"title":"Assistant Panel 1 – Chat docked beside your app","type":"registry:block"},{"categories":["chat"],"dependencies":["ai","@ai-sdk/react","@shadcn/helpers"],"description":"A chat that answers the moment it lands on a page, built on the Vercel AI SDK. The message list and the composer come with it, and text, reasoning, tool calls, citations and attachments each get a renderer of their own, so a stream arrives drawn rather than as raw JSON. A scripte","name":"chat-1","page":"https://shadcncraft.com/blocks/pro-ai/chat/chat-1","registryDependencies":["attachment","bubble","button","empty","marker","message","message-scroller","spinner","tooltip","@shadcncraft/composer-1","@shadcncraft/file-part-1","@shadcncraft/questionnaire-part-1","@shadcncraft/reasoning-part-1","@shadcncraft/sources-part-1","@shadcncraft/text-part-1","@shadcncraft/tool-part-1","@shadcncraft/web-search-part-1"],"title":"Chat 1 – A conversation wired to the AI SDK","type":"registry:block"},{"categories":["chat"],"dependencies":["sonner"],"description":"Publishes a conversation to a link. Picking who can see it is the act of sharing, so there is no second confirm button and the link is one click from the clipboard. Opens from the control you already render, a header button or a row in a thread menu. Works with no backend behind ","name":"share-dialog-1","page":"https://shadcncraft.com/blocks/pro-ai/chat/share-dialog-1","registryDependencies":["button","dialog","field","radio-group","@shadcncraft/code-snippet-2"],"title":"Share Dialog 1 – Scoped link for a conversation","type":"registry:block"},{"categories":["chat"],"dependencies":["ai","sonner"],"description":"The prompt input, and the hardest part of a chat to get right. Files arrive by picker, drag or paste, each reporting its own upload state; a menu switches tools and connectors on for the turn; the model picker carries reasoning effort with it; and dictation swaps the field for a ","name":"composer-1","page":"https://shadcncraft.com/blocks/pro-ai/chat/composer-1","registryDependencies":["attachment","dropdown-menu","input-group","spinner","switch","tooltip"],"title":"Composer 1 – Prompt input with attachments, model and dictation","type":"registry:block"},{"dependencies":["embla-carousel","embla-carousel-react"],"name":"use-carousel","type":"registry:hook"},{"name":"use-click-outside","type":"registry:hook"},{"name":"use-mobile","type":"registry:hook"},{"description":"TBD","name":"use-file-upload","type":"registry:hook"}]},"shadcn ui blocks":{"favicon":"/favicons/shadcn-ui-blocks.ico","items":[{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"WCAG 2.1 audit checklist with pass, fail, and manual badges per criterion, an overall score, and per-row links to the W3C understanding docs.","name":"application-pro-accessibility-a11y-checklist-panel","title":"A11y Checklist Panel","type":"registry:block"},{"dependencies":["recharts"],"description":"Stacked bar chart card tracking open accessibility issues by severity across six release audits with a headline count and remediation note.","name":"application-pro-accessibility-a11y-issue-trends","title":"A11y Issue Trends","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Accessibility settings panel with a text size selector, live sample line, and grouped vision, motion, and screen reader switches with helper text.","name":"application-pro-accessibility-a11y-preferences-panel","title":"A11y Preferences Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A review list of flagged images, each row pairing a thumbnail, page location, current alt state, and a suggested description to approve or edit.","name":"application-pro-accessibility-alt-text-review-queue","title":"Alt Text Review Queue","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Screen reader support matrix crossing core app flows with four assistive tech pairings, labeled status cells, and an open findings list.","name":"application-pro-accessibility-assistive-tech-matrix","title":"Assistive Tech Matrix","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A VPAT style summary with product metadata, one section per WCAG principle showing a segmented support bar and criteria counts, plus notable criterion rows.","name":"application-pro-accessibility-conformance-report-card","title":"Conformance Report Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Theme token contrast audit card showing computed ratios and AA and AAA pass badges for normal and large text across four Acme token pairings.","name":"application-pro-accessibility-contrast-checker-card","title":"Contrast Checker Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split audit view pairing a dialog blueprint with numbered focus markers beside a stop list showing selectors, roles, and flagged order issues.","name":"application-pro-accessibility-focus-order-inspector","title":"Focus Order Inspector","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Indented document heading tree with landmark chips, level tags, and issue badges for skipped levels, empty headings, and a duplicate H1.","name":"application-pro-accessibility-heading-outline-tree","title":"Heading Outline Tree","type":"registry:block"},{"description":"Keyboard shortcut reference table covering global browser keys and Acme app shortcuts rendered with Kbd components, action descriptions, and context labels.","name":"application-pro-accessibility-keyboard-nav-guide","title":"Keyboard Nav Guide","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"ARIA live region event log with timestamps, politeness badges, source selectors, and flags for duplicate, chatty, and empty announcements.","name":"application-pro-accessibility-live-region-log","title":"Live Region Log","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Media library audit pairing coverage tiles and progress bars with a per asset table of caption, transcript, and audio description chips.","name":"application-pro-accessibility-media-captions-audit","title":"Media Captions Audit","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An animation inventory with per effect trigger, a duration bar on a shared scale, and a badge for whether each honors the reduced motion setting.","name":"application-pro-accessibility-reduced-motion-audit","title":"Reduced Motion Audit","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Accessible name audit table listing Acme workspace UI elements with their computed label, ARIA role, labeled or missing status, and an exact fix hint.","name":"application-pro-accessibility-screen-reader-labels-table","title":"Screen Reader Labels Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Interactive control audit showing hit areas at true scale in 44px frames with measured sizes, AA and AAA badges, and fix hints.","name":"application-pro-accessibility-touch-target-audit","title":"Touch Target Audit","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A WCAG reflow report led by two wireframe legends, then a per page table of pass and fail results at 200 and 400 percent zoom.","name":"application-pro-accessibility-zoom-reflow-audit","title":"Zoom Reflow Audit","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Month grid calendar with per-day activity dots scaled by event count and a selected-day event list beside it.","name":"application-pro-activity-activity-calendar","title":"Activity Calendar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Weekday by hour heatmap of workspace events with intensity cells, a Less to More legend, and peak and quiet window callouts.","name":"application-pro-activity-activity-heatmap","title":"Activity Heatmap","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Pending requests with context and age, approve or deny, expiry told to the asker.","name":"application-pro-activity-approvals-queue","title":"Approvals Queue","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Compliance export form with date range, event count, format selector, and an append-only log disclosure note.","name":"application-pro-activity-audit-export-card","title":"Audit Export Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The compliance log grouped by day, mono actions, second precision, source IPs.","name":"application-pro-activity-audit-trail-timeline","title":"Audit Trail Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A card listing scheduled automation runs with a status icon, workflow name and trigger, duration, finish time, an expanded error row, and a next run footer.","name":"application-pro-activity-automation-run-log","title":"Automation Run Log","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A digest card grouping activity accrued while away by project, each with a total badge, typed summary lines, an avatar cluster, and a review action.","name":"application-pro-activity-catch-up-digest","title":"Catch Up Digest","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"In-app changelog grouped by month with dated entries, type badges for Feature, Fix, Improvement, and Performance.","name":"application-pro-activity-changelog-feed","title":"Changelog Feed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Comment mentions inbox showing each document and section, the quoted comment with your name highlighted, and a jump to reply action.","name":"application-pro-activity-comment-mentions-list","title":"Comment Mentions List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A thread with one nested reply, a resolved marker with reopen, and the composer.","name":"application-pro-activity-comment-thread-panel","title":"Comment Thread Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Engineering deploy timeline showing who shipped what service to which environment with status, commit SHA, and one rollback event.","name":"application-pro-activity-deploy-activity-feed","title":"Deploy Activity Feed","type":"registry:block"},{"description":"Document version history with a selectable edit list on the left and an inline before and after diff panel on the right using theme token opacity.","name":"application-pro-activity-edit-history-diff","title":"Edit History Diff","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Activity log in a filtered state with type chips, an applied person filter, a clear all action, and the matching events with counts.","name":"application-pro-activity-filtered-activity-log","title":"Filtered Activity Log","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Watchlist of projects gone quiet showing owner avatar, last event summary, a days idle count, and a nudge action per row.","name":"application-pro-activity-inactivity-watch-card","title":"Inactivity Watch Card","type":"registry:block"},{"description":"Realtime presence strip with stacked avatars, status dots for editing and viewing states, and a plus-overflow count.","name":"application-pro-activity-live-presence-bar","title":"Live Presence Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Single member drill down with an avatar header, three weekly stat columns, and a recent actions list with typed icons and timestamps.","name":"application-pro-activity-member-activity-panel","title":"Member Activity Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Mentions inbox showing author, document context, highlighted snippet, timestamp, and a reply affordance per item.","name":"application-pro-activity-mention-feed","title":"Mention Feed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Announcements widget showing three pinned workspace updates with author, tag badge, body text, and an unpin action.","name":"application-pro-activity-pinned-updates-card","title":"Pinned Updates Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A card ranking projects by weekly activity volume, each row showing the top member, a proportional bar, the event count, and a trend delta.","name":"application-pro-activity-project-activity-breakdown","title":"Project Activity Breakdown","type":"registry:block"},{"description":"Social activity feed showing who reacted to or commented on your work, with emoji badges and inline comment quotes.","name":"application-pro-activity-reaction-activity-feed","title":"Reaction Activity Feed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A card listing recent account sessions, each with a device icon tile, browser and OS, location with IP, timestamp, current session badge, and revoke actions.","name":"application-pro-activity-sign-in-activity-list","title":"Sign In Activity List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Vertical timeline of status transitions for one entity with actor names, timestamps, and time-in-state durations.","name":"application-pro-activity-status-change-log","title":"Status Change Log","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Workspace events on a timeline rail with avatars and one expanded comment.","name":"application-pro-activity-team-activity-feed","title":"Team Activity Feed","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Weekly team activity summary with commit, comment, and task stats, inline sparklines, and a most-active member row.","name":"application-pro-activity-team-pulse-card","title":"Team Pulse Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Named saves with autosaves collapsed, restore always creates, never rewinds.","name":"application-pro-activity-version-history-list","title":"Version History List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Workspace activity table with actor avatars, plain-English action verbs, target resources, and result badges.","name":"application-pro-activity-who-did-what-table","title":"Who Did What Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Compliance audit log with actor, action type, and date range filters, monospace action chips, IP column, and CSV export.","name":"application-pro-admin-moderation-audit-search-panel","title":"Audit Search Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Automated rule cards in a two column grid with enabled switches, monospace When and Then chips, and match, precision, and overturned stats.","name":"application-pro-admin-moderation-automation-rules-panel","title":"Automation Rules Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Ban appeal review with the original enforcement reason, appellant statement, prior enforcement history, and uphold or reverse actions each requiring a written note.","name":"application-pro-admin-moderation-ban-appeal-panel","title":"Ban Appeal Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A checkbox review table with per row selection, a bulk action bar showing the selection count with approve, escalate, and remove actions, and an audit note.","name":"application-pro-admin-moderation-bulk-review-table","title":"Bulk Review Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Moderation flags overview table with content snippets, flag reasons, sortable flag counts, status badges, and per-row review actions.","name":"application-pro-admin-moderation-content-flags-table","title":"Content Flags Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Vertical escalation stepper with numbered tiers on a rail showing response SLAs, on call avatars, routed category badges, and auto escalation rules.","name":"application-pro-admin-moderation-escalation-path-panel","title":"Escalation Path Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Feature flag rows with environment badges, rollout percentage bars, kill-switch toggles, and a callout that kill switches take effect within 10 seconds globally.","name":"application-pro-admin-moderation-feature-toggle-admin","title":"Feature Toggle Admin","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split blocklist manager pairing an add rule form with scope and duration choices beside ruled entries showing CIDR chips, hit counts, and expiry.","name":"application-pro-admin-moderation-ip-blocklist-manager","title":"IP Blocklist Manager","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Filtered terms grouped into three ruled sections by enforcement action, each term a monospace chip with its 7 day match count and an edit control.","name":"application-pro-admin-moderation-keyword-filter-manager","title":"Keyword Filter Manager","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Reported items as prioritized cards with content snippet, reason, reporter count, age, and Approve, Remove, and Escalate actions per item.","name":"application-pro-admin-moderation-moderation-queue","title":"Moderation Queue","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Moderator table with focus queues, decision counts, seven day sparklines, median handle time, agreement meters, and overturned counts.","name":"application-pro-admin-moderation-moderator-performance-board","title":"Moderator Performance Board","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Four stat tiles above a ruled queue list with open counts, oldest item age, SLA status badges, load bars, and assigned moderator avatars.","name":"application-pro-admin-moderation-queue-health-panel","title":"Queue Health Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Single report case with reported content, reporter identity, author flag history, and a decision panel that names the consequence of every action.","name":"application-pro-admin-moderation-report-review-card","title":"Report Review Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A permissions matrix with category grouped rows and four role columns showing member counts and check or minus access marks per cell.","name":"application-pro-admin-moderation-role-permissions-matrix","title":"Role Permissions Matrix","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Admin member roster with status badges, signup date, last seen, flag counts, and per-row impersonate and suspend actions logged to the audit trail.","name":"application-pro-admin-moderation-user-admin-table","title":"User Admin Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An identity rail of account facts and linked accounts beside a composite risk score, a segmented meter, weighted signals, and enforcement actions.","name":"application-pro-admin-moderation-user-risk-profile","title":"User Risk Profile","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Eight weeks of report volume as stacked bars segmented by policy category, beside a category breakdown with totals, four week deltas, and share bars.","name":"application-pro-admin-moderation-violation-trends-panel","title":"Violation Trends Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Approval gate for a proposed assistant bulk change showing sample before and after field values with approve and reject buttons.","name":"application-pro-ai-assistant-action-approval-card","title":"Action Approval Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Vertical timeline of agent tool steps with status icons, tool badges, mono query detail lines, durations, and a raw log link.","name":"application-pro-ai-assistant-agent-run-trace","title":"Agent Run Trace","type":"registry:block"},{"dependencies":["radix-ui"],"description":"AI token usage panel with a monthly progress bar, a per feature breakdown, and the overage policy stated in the same view.","name":"application-pro-ai-assistant-ai-usage-card","title":"Ai Usage Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Conversation thread with alternating user and assistant bubbles, inline source chips, and regenerate and copy affordances.","name":"application-pro-ai-assistant-assistant-chat-panel","title":"Assistant Chat Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pre-conversation assistant panel with 4 example prompt chips and plain lists of what the assistant can see and cannot do yet.","name":"application-pro-ai-assistant-assistant-empty-state","title":"Assistant Empty State","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Sources side panel listing 4 cited documents with title, matched snippet, relevance chip, and an honest footer note.","name":"application-pro-ai-assistant-citations-panel","title":"Citations Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Data access panel listing assistant readable sources with icon, item count, last sync time, and a switch, plus one excluded source.","name":"application-pro-ai-assistant-context-sources-panel","title":"Context Sources Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Chat history sidebar listing past assistant threads grouped by recency with title, snippet, timestamp, and a delete affordance.","name":"application-pro-ai-assistant-conversation-history-list","title":"Conversation History List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"AI response feedback row with thumbs up and down, a copy and regenerate action, and a reason picker revealed on negative feedback.","name":"application-pro-ai-assistant-feedback-thumbs-row","title":"Feedback Thumbs Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Ruled rows pairing each safety rule with an icon, explanation, and switch, above a blocked topics list and an audit logging note.","name":"application-pro-ai-assistant-guardrails-panel","title":"Guardrails Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Text editor surface showing an AI ghost-text completion with Tab to accept and Esc to dismiss keyboard hints and an authorship notice.","name":"application-pro-ai-assistant-inline-suggestion-card","title":"Inline Suggestion Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A header switch and ruled list of remembered facts, each with its source, date, and a forget button, above a permanent deletion note.","name":"application-pro-ai-assistant-memory-panel","title":"Memory Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Model selection card with three rows showing tier, cost per 1k tokens, a one-line tradeoff, and the balanced model pre-selected.","name":"application-pro-ai-assistant-model-picker-card","title":"Model Picker Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"AI input surface with a model chip, attach and slash command buttons, a token counter, and a keyboard hinted send button.","name":"application-pro-ai-assistant-prompt-composer","title":"Prompt Composer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Saved prompt cards in a filterable grid showing title, description, category badge, and use count with a create prompt affordance.","name":"application-pro-ai-assistant-prompt-library-grid","title":"Prompt Library Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A shared prompt panel above two side by side response cards, each with a model badge, answer body, latency and token stats, and a prefer button.","name":"application-pro-ai-assistant-response-compare","title":"Response Compare","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Ruled rows of recurring assistant tasks, each with cadence, delivery target, last run badge, next run time, and a pause switch, plus inline errors.","name":"application-pro-ai-assistant-scheduled-agents-list","title":"Scheduled Agents List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"AI generated thread summary with an overview paragraph, checked decision list, owner assigned action items, and regenerate and copy controls.","name":"application-pro-ai-assistant-thread-summary-card","title":"Thread Summary Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full-page docs shell with a slim topbar, a column of anchored section cards, and a sticky On this page rail tracking the active section.","name":"application-pro-app-shells-anchor-nav-shell","title":"Anchor Nav Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"IDE style shell with a slim run bar, an open canvas, a docked console panel with log tabs, and a pinned status bar.","name":"application-pro-app-shells-bottom-panel-shell","title":"Bottom Panel Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Full-page shell for deep detail views with a breadcrumb trail, page title, meta row, and action buttons above two content panels.","name":"application-pro-app-shells-breadcrumb-header-shell","title":"Breadcrumb Header Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A gallery workspace shell with an icon nav rail, a toolbar with search, sort, and view toggle, and a responsive card grid of projects.","name":"application-pro-app-shells-card-grid-shell","title":"Card Grid Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim top bar and a max-w-3xl reading column on a muted background for docs, articles, or single settings detail pages.","name":"application-pro-app-shells-centered-content-shell","title":"Centered Content Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An onboarding home shell with a topbar, welcome header, a setup checklist card with progress and one expanded step, plus a resources rail.","name":"application-pro-app-shells-checklist-shell","title":"Checklist Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Icon-only nav rail with an expand affordance, badge count on Projects, and an inline tooltip hint on one item.","name":"application-pro-app-shells-collapsible-sidebar-shell","title":"Collapsible Sidebar Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Shell with a centered command bar in the top header, a keyboard shortcut hint, and a recent commands list below.","name":"application-pro-app-shells-command-bar-shell","title":"Command Bar Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The assembled overview, greeting header, KPI strip, recent list, one open chart slot.","name":"application-pro-app-shells-dashboard-home-shell","title":"Dashboard Home Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Editor workspace shell with a strip of open document tabs, close buttons, an unsaved dot, and the active document content below.","name":"application-pro-app-shells-document-tabs-shell","title":"Document Tabs Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"App shell with a primary icon nav rail and a grouped contextual sub-nav panel for deep two-level navigation.","name":"application-pro-app-shells-dual-sidebar-shell","title":"Dual Sidebar Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sidebar and header frame with a first run canvas: a centered empty state with icon, heading, primary and secondary actions, and a starter template row.","name":"application-pro-app-shells-empty-state-shell","title":"Empty State Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"App shell with a pinned staging environment banner, a switch action, a topbar, and a deployments page with an environment facts panel.","name":"application-pro-app-shells-env-banner-shell","title":"Environment Banner Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Minimal top bar with back link, document title, save state badge, and a centered max-w content column with no sidebar.","name":"application-pro-app-shells-focus-mode-shell","title":"Focus Mode Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Edge-to-edge canvas shell with a floating toolbar for maps, boards, and diagram editors that need every pixel of viewport space.","name":"application-pro-app-shells-full-bleed-shell","title":"Full Bleed Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The icon only rail with aria labels, maximum width left for dense tool content.","name":"application-pro-app-shells-icon-sidebar-shell","title":"Icon Sidebar Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three pane mail shell with a labeled folder sidebar, an unread message list, and a reading pane with triage actions and a reply footer.","name":"application-pro-app-shells-inbox-shell","title":"Inbox Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Sidebar with Projects expanded to three indented children, one active.","name":"application-pro-app-shells-nested-nav-sidebar-shell","title":"Nested Nav Sidebar Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three-column shell with an icon nav rail, main content area, and a right context rail showing a live activity list.","name":"application-pro-app-shells-right-rail-shell","title":"Right Rail Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three column settings scaffold, icon rail, secondary nav with Danger zone, content column.","name":"application-pro-app-shells-settings-shell","title":"Settings Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The navigation rail with active state, command hint, and labeled drop zones for your pages.","name":"application-pro-app-shells-sidebar-shell","title":"Sidebar Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Full-page shell with a slim top bar and a 50/50 editor and preview pane split for authoring and live-preview workflows.","name":"application-pro-app-shells-split-content-shell","title":"Split Content Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"App shell with a sticky bulk-actions and filter toolbar that stays pinned above a scrollable data table.","name":"application-pro-app-shells-sticky-toolbar-shell","title":"Sticky Toolbar Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full-page shell with a sidebar, a named resource header, and a horizontal tab row delivering sub-view content below.","name":"application-pro-app-shells-tabbed-page-shell","title":"Tabbed Page Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Horizontal nav with the Acme lockup, five links, a command hint, and the page below.","name":"application-pro-app-shells-topbar-shell","title":"Topbar Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Master-detail layout with a six-row project list pane and a wide detail pane showing the selected item header.","name":"application-pro-app-shells-two-pane-shell","title":"Two Pane Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Multi-step flow shell with a slim header step indicator, centered content column, and sticky back and continue footer.","name":"application-pro-app-shells-wizard-shell","title":"Wizard Shell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The invite named, inviter, role, what it grants, and the days left to accept.","name":"application-pro-auth-pages-accept-invite-page","title":"Accept Invite Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An account collision gate showing a Google sign in beside an existing password account, a link action, and a password sign in fallback.","name":"application-pro-auth-pages-account-linking-page","title":"Account Linking Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Account recovery card with an email lookup form and three recovery options listed by speed, plus a plain explanation of why identity review takes up to 3 days.","name":"application-pro-auth-pages-account-recovery-page","title":"Account Recovery Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A workspace join waiting state with a step timeline, the named admins who decide, the typical response time, and a withdraw request action.","name":"application-pro-auth-pages-approval-pending-page","title":"Approval Pending Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Recovery code save step with an eight code grid, download and copy actions, a saved confirmation checkbox, and a one time use warning.","name":"application-pro-auth-pages-backup-codes-page","title":"Backup Codes Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Account deactivation state page naming who deactivated the account and when, listing what reactivation restores, and linking directly to the named admin for recovery.","name":"application-pro-auth-pages-deactivated-account-page","title":"Deactivated Account Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"New device verification gate showing device, location, time, and account with approve and deny actions and an honest account-lock security note.","name":"application-pro-auth-pages-device-approval-page","title":"Device Approval Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Email change confirmation page showing the new and old address with timestamp and device, a lock account alarm for unauthorized changes, and a dual address notice.","name":"application-pro-auth-pages-email-changed-confirm","title":"Email Changed Confirm","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Password reset form that openly explains its anti enumeration response and states reset link timing facts.","name":"application-pro-auth-pages-forgot-password-page","title":"Forgot Password Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Workspace entry page for invited and domain-matched users with a member preview, join or request buttons, and a note that joining is visible to admins immediately.","name":"application-pro-auth-pages-join-workspace-page","title":"Join Workspace Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Account lockout page stating the 15-minute duration, a password reset shortcut, and the reassurance that lockouts are never permanent.","name":"application-pro-auth-pages-locked-account-page","title":"Locked Account Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Passwordless sign in showing both the request and sent states with expiry and resend throttle facts.","name":"application-pro-auth-pages-magic-link-page","title":"Magic Link Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A required two factor enrollment gate with three method rows ranked by strength, the authenticator app preselected, a grace period deadline, and a skip link.","name":"application-pro-auth-pages-mfa-enrollment-page","title":"MFA Enrollment Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"OAuth connecting state card with a Spinner, three step rows showing progress for a GitHub org link, and fallback links if the page hangs.","name":"application-pro-auth-pages-oauth-callback-page","title":"Oauth Callback Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Third party app authorization card listing granted scopes and explicit exclusions, the acting account, and authorize or cancel actions with a revoke note.","name":"application-pro-auth-pages-oauth-consent-page","title":"Oauth Consent Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered auth card prompting passkey enrollment with three benefit rows, a device save target panel, and a skip fallback that keeps the existing password active.","name":"application-pro-auth-pages-passkey-setup-page","title":"Passkey Setup Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A forced password rotation gate with current and new password fields, a policy panel explaining the deadline, and a reset by email fallback.","name":"application-pro-auth-pages-password-expired-page","title":"Password Expired Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"New password form reached from a reset link with a requirements checklist, a session sign out panel, and the note that nothing changes until save.","name":"application-pro-auth-pages-reset-password-page","title":"Reset Password Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Calm session timeout screen that promises local draft restore and prefills the email for one click return.","name":"application-pro-auth-pages-session-expired-page","title":"Session Expired Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"SSO first sign in with the password fallback and honest reset link timing.","name":"application-pro-auth-pages-sign-in-page","title":"Sign In Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Workspace signup with SSO buttons first, slug preview, and plain 14 day read only trial terms.","name":"application-pro-auth-pages-sign-up-page","title":"Sign Up Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"SSO failure page with the specific error reason, a named admin contact, numbered steps to resolve, and retry plus password fallback actions.","name":"application-pro-auth-pages-sso-error-page","title":"Sso Error Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"SSO-enforced sign in card with org domain shown, a single Continue with SSO button, and a named admin fallback for lockouts.","name":"application-pro-auth-pages-sso-login-page","title":"Sso Login Page","type":"registry:block"},{"dependencies":["class-variance-authority","input-otp","lucide-react","radix-ui"],"description":"TOTP verification with six OTP slots, device trust checkbox, backup code link, and human recovery promise.","name":"application-pro-auth-pages-two-factor-page","title":"Two Factor Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Check-your-inbox state showing the sent address, a throttled resend button, a change-email link, and the 24-hour expiry note.","name":"application-pro-auth-pages-verify-email-page","title":"Verify Email Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Returning user login showing the known account avatar and email with a single password field, passkey option, and a use a different account escape hatch.","name":"application-pro-auth-pages-welcome-back-login","title":"Welcome Back Login","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Post sign in workspace chooser listing memberships with marks, member counts, and role badges, plus a create workspace action and sign out link.","name":"application-pro-auth-pages-workspace-picker-page","title":"Workspace Picker Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An add-ons panel with active add-on rows and toggles, available add-ons to enable, and a subtotal for the next invoice.","name":"application-pro-billing-addons-panel","title":"Add-ons Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Who gets invoices, the add contact field, and the PO number printed on every one.","name":"application-pro-billing-billing-contacts-card","title":"Billing Contacts Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Monthly and annual cycle options side by side with per seat pricing, the yearly saving, and ruled rows stating when the switch takes effect.","name":"application-pro-billing-billing-cycle-switch","title":"Billing Cycle Switch","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Cancel subscription dialog showing what you keep until the period ends, what changes after, a downgrade suggestion, and an optional reason select.","name":"application-pro-billing-cancel-flow-blueprint","title":"Cancel Flow Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A cost by team panel with ruled rows of member count, a proportional meter, share percentage, and amount, reconciling to the invoice total.","name":"application-pro-billing-cost-allocation-panel","title":"Cost Allocation Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Active promotion with mono code, discount terms, per invoice saving, the next discounted total, and a labeled field to apply another code.","name":"application-pro-billing-coupon-redemption-card","title":"Coupon Redemption Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Prepaid credits wallet showing current balance, a ruled grants and spends ledger, and the application policy.","name":"application-pro-billing-credits-balance-card","title":"Credits Balance Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Team plan header with renewal date and three usage meters each stating the overage policy beneath the bar.","name":"application-pro-billing-current-plan-usage","title":"Current Plan Usage","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Payment-failed notice with the card charged, retry schedule, exact access-pause date, and an update payment method action.","name":"application-pro-billing-dunning-banner","title":"Dunning Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Single printable invoice with mono number, from/to addresses, tabular line items, subtotal/tax/total, a Paid badge, and download/print actions.","name":"application-pro-billing-invoice-detail-page","title":"Invoice Detail Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Compact invoice archive with the estimated next invoice previewed at the top.","name":"application-pro-billing-invoice-history-table","title":"Invoice History Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three pause lengths with exact resume dates, a checklist of what happens while paused, and a pause action beside the cancel alternative.","name":"application-pro-billing-pause-subscription-panel","title":"Pause Subscription Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Transactions ledger with date, description, card brand chip with last four digits, tabular amount, status badge, and a per row receipt link.","name":"application-pro-billing-payment-history-table","title":"Payment History Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The saved card, billing email, the optional backup slot, and the token footer.","name":"application-pro-billing-payment-method-panel","title":"Payment Method Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Dated log of upgrades, seat additions, promotions, and cycle switches, each with a type badge and the teammate who made the change.","name":"application-pro-billing-plan-change-history","title":"Plan Change History","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three-plan feature matrix with Check and Minus cells, per-plan prices, current plan marker, and a quiet most-popular note.","name":"application-pro-billing-plan-comparison-table","title":"Plan Comparison Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Upgrade proration preview with credit and charge line items, due-today total, and next renewal amount.","name":"application-pro-billing-proration-preview-card","title":"Proration Preview Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Single payment receipt with amount, date, card, transaction ID, a download PDF action, and a link to the formal tax invoice.","name":"application-pro-billing-receipt-card","title":"Receipt Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Refund in progress with amount, dates, returning card, and a four stage pipeline showing current processing state.","name":"application-pro-billing-refund-status-card","title":"Refund Status Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Idle seats listed with last active and the keep or free choice priced per month.","name":"application-pro-billing-seat-management-panel","title":"Seat Management Panel","type":"registry:block"},{"dependencies":["recharts"],"description":"A spend trend panel with three stat columns above a six month stacked bar chart splitting invoices into plan, seats, and usage.","name":"application-pro-billing-spend-trend-chart","title":"Spend Trend Chart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Monthly cap widget showing current spend on a Progress bar with alert threshold markers and an explicit policy for what pauses at the limit.","name":"application-pro-billing-spending-limit-card","title":"Spending Limit Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"VAT and Tax ID panel with VIES validation note, billing address fields, reverse charge callout, and invoice appearance.","name":"application-pro-billing-tax-and-invoice-settings","title":"Tax and Invoice Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A trial card with a day meter, a ruled list of what the team set up, an end date outcome, and an add payment action.","name":"application-pro-billing-trial-status-card","title":"Trial Status Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The seat limit upsell with the delta priced for your seats and the honest alternative.","name":"application-pro-billing-upgrade-comparison-card","title":"Upgrade Comparison Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Alert rules as a ruled list with metric thresholds, recipient emails, and toggles, plus an add alert action and a hard cap caveat.","name":"application-pro-billing-usage-alerts-panel","title":"Usage Alerts Panel","type":"registry:block"},{"description":"The period charges line by line with a dated projection and its method stated.","name":"application-pro-billing-usage-breakdown-bill","title":"Usage Breakdown Bill","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Single-day slot picker with taken slots disabled, the selected slot highlighted, timezone line, and a buffer note.","name":"application-pro-calendar-scheduling-availability-grid","title":"Availability Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Post-booking summary card with meeting title, attendee avatars, dual-timezone times, add-to-calendar buttons, and a cancellation policy note.","name":"application-pro-calendar-scheduling-booking-confirmation-card","title":"Booking Confirmation Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Connected calendars panel with per account sync freshness, slot blocking modes, an inline reconnect row for expired auth, and a privacy note.","name":"application-pro-calendar-scheduling-calendar-sync-status","title":"Calendar Sync Status","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Full read view of a calendar event with a header, agenda and attachments column, a guest list with RSVP state, and viewer response buttons.","name":"application-pro-calendar-scheduling-event-detail-panel","title":"Event Detail Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Day schedule list with an all-day item pinned at top, ruled timed event rows, and an explicit free-time gap row.","name":"application-pro-calendar-scheduling-event-list-day","title":"Event List Day","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Incoming invitation card showing the organizer, event details, and a conflict warning, closing with accept, maybe, decline, and propose new time actions.","name":"application-pro-calendar-scheduling-invite-rsvp-card","title":"Invite RSVP Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Group scheduling poll with three proposed times, voter avatar stacks, vote share bars, a highlighted leading option, and finalize actions.","name":"application-pro-calendar-scheduling-meeting-poll-panel","title":"Meeting Poll Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Compact sidebar month picker with today highlighted, event dots on three dates, and prev and next navigation.","name":"application-pro-calendar-scheduling-mini-calendar-card","title":"Mini Calendar Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Month grid for June 2026 with event chips, overflow badges, today highlighted, and muted out-of-month days.","name":"application-pro-calendar-scheduling-month-calendar","title":"Month Calendar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Recurrence rule builder with interval input, weekday toggle chips, end condition selector, and a plain-English rule summary.","name":"application-pro-calendar-scheduling-recurring-event-form","title":"Recurring Event Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Reschedule request panel placing the current and proposed slots side by side with the requester reason, an availability line, and accept or counter actions.","name":"application-pro-calendar-scheduling-reschedule-request-panel","title":"Reschedule Request Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Room picker where each meeting room is a day track with existing bookings drawn as blocks and the requested slot outlined across every row.","name":"application-pro-calendar-scheduling-room-booking-timeline","title":"Room Booking Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Booking link share card with a copy chip, three meeting types with buffers, availability hours, and a double-booking note.","name":"application-pro-calendar-scheduling-scheduling-link-card","title":"Scheduling Link Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Week by hour heat grid of team overlap with day columns, a ring highlighted best slot, density legend, and a propose time callout.","name":"application-pro-calendar-scheduling-team-availability-heatmap","title":"Team Availability Heatmap","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Proposed meeting time shown side by side across four attendee timezones with local time, offset, and working hours status for each.","name":"application-pro-calendar-scheduling-timezone-compare-row","title":"Timezone Compare Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Week view with a vertical time column, five day columns, CSS-positioned event blocks, and a current-time line.","name":"application-pro-calendar-scheduling-week-agenda","title":"Week Agenda","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Weekly availability settings with per day switches, bookable time range chips, a timezone note, weekly total badge, and save actions.","name":"application-pro-calendar-scheduling-working-hours-editor","title":"Working Hours Editor","type":"registry:block"},{"dependencies":["recharts"],"description":"An area chart showing actuals with a muted 80% confidence band and a dashed projection tail for future months.","name":"application-pro-charts-area-with-range-chart","title":"Area With Range Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"ScatterChart plotting accounts by usage score, monthly revenue, and seat count encoded as bubble size.","name":"application-pro-charts-bubble-chart","title":"Bubble Chart","type":"registry:block"},{"description":"A card panel of five quarterly KPIs as bullet rows, each with qualitative range bands, a quarter to date measure bar, a target tick, and a shared axis.","name":"application-pro-charts-bullet-kpi-rows","title":"Bullet KPI Rows","type":"registry:block"},{"description":"A CSS grid heatmap of weekly cohort retention shaded by foreground opacity tokens with no chart library.","name":"application-pro-charts-cohort-retention-heatmap","title":"Cohort Retention Heatmap","type":"registry:block"},{"dependencies":["recharts"],"description":"The funnel as horizontal bars with each rate against the prior stage, labeled.","name":"application-pro-charts-conversion-funnel-bars","title":"Conversion Funnel Bars","type":"registry:block"},{"description":"Likert survey responses as diverging stacked bars around a center axis with a four segment legend and agree share per question.","name":"application-pro-charts-diverging-survey-bars","title":"Diverging Survey Bars","type":"registry:block"},{"description":"Dumbbell rows comparing p95 latency per endpoint before and after a release, with connector bars, paired dots, and an axis row.","name":"application-pro-charts-dumbbell-latency-chart","title":"Dumbbell Latency Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"A radial gauge showing a single SLA percentage with the value centred and the target threshold named in the footnote.","name":"application-pro-charts-gauge-progress-chart","title":"Gauge Progress Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Feature usage grouped bar chart comparing this billing period against the previous across six categories with a shared legend.","name":"application-pro-charts-grouped-bar-chart","title":"Grouped Bar Chart","type":"registry:block"},{"description":"CSS grid calendar heatmap shading daily activity by foreground opacity across a six month window.","name":"application-pro-charts-heatmap-calendar-chart","title":"Heatmap Calendar Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"A card panel charting API response times bucketed into 100 ms bins as a single distribution, with a p95 callout and a dashed reference line.","name":"application-pro-charts-histogram-distribution-chart","title":"Histogram Distribution Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Horizontal bar chart ranking the top 6 pages by view count with inline value labels and a footnote naming the 3x lead of the top page.","name":"application-pro-charts-horizontal-bar-ranking","title":"Horizontal Bar Ranking","type":"registry:block"},{"dependencies":["recharts"],"description":"API request latency as p50, p95, and p99 lines over 24 hourly points with ms axis formatting.","name":"application-pro-charts-latency-percentile-chart","title":"Latency Percentile Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"MRR movement as stacked bars with new and expansion above zero and contraction and churn below, last 6 months.","name":"application-pro-charts-mrr-stacked-bars","title":"Mrr Stacked Bars","type":"registry:block"},{"dependencies":["recharts"],"description":"Three-series line chart tracking monthly active seats across Starter, Growth, and Enterprise plans with a legend and a footnote naming the September crossover.","name":"application-pro-charts-multi-line-trend","title":"Multi Line Trend","type":"registry:block"},{"dependencies":["recharts"],"description":"A Pareto chart pairing error category bars sorted by volume with a cumulative share line on a second percentage axis.","name":"application-pro-charts-pareto-error-chart","title":"Pareto Error Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"A card panel charting monthly signups by acquisition channel as bars normalized to 100 percent, so the chart reads as share of mix over volume.","name":"application-pro-charts-percent-stacked-bars","title":"Percent Stacked Bars","type":"registry:block"},{"dependencies":["recharts"],"description":"Donut chart of active workspaces by plan tier with a center total label and a four plan legend.","name":"application-pro-charts-plan-mix-donut","title":"Plan Mix Donut","type":"registry:block"},{"dependencies":["recharts"],"description":"RadarChart comparing two plans across five feature dimensions with filled polygons and a shared legend.","name":"application-pro-charts-radar-chart","title":"Radar Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Concentric radial rings showing percent of quota used per storage resource beside a breakdown list with exact allocations.","name":"application-pro-charts-radial-usage-rings","title":"Radial Usage Rings","type":"registry:block"},{"dependencies":["recharts"],"description":"Stacked area chart showing new business and expansion MRR added each month across an 8 month window.","name":"application-pro-charts-revenue-area-chart","title":"Revenue Area Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Accounts scatter chart plotting monthly API usage against revenue with reference-line quadrants to surface expansion targets.","name":"application-pro-charts-scatter-plot-chart","title":"Scatter Plot Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Weekly new account signups as a single series bar chart over 10 weeks with a labeled launch spike.","name":"application-pro-charts-signups-bar-chart","title":"Signups Bar Chart","type":"registry:block"},{"description":"A card panel joining average active seats per plan across two quarters with slope lines between paired axes, the biggest mover drawn in full ink.","name":"application-pro-charts-slope-comparison-chart","title":"Slope Comparison Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Four compact metric tiles each with a label, headline value, and a mini 8-week bar chart for a glanceable ops comparison strip.","name":"application-pro-charts-sparkbar-row","title":"Sparkbar Row","type":"registry:block"},{"dependencies":["recharts"],"description":"A stacked bar chart of support tickets by category over six weeks with a footnote naming the fastest growing series.","name":"application-pro-charts-stacked-category-bars","title":"Stacked Category Bars","type":"registry:block"},{"dependencies":["recharts"],"description":"Active seats area chart using stepAfter type so each provisioning event reads as an instantaneous jump, not gradual growth.","name":"application-pro-charts-stepped-area-chart","title":"Stepped Area Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"API requests per day as two lines separating production and sandbox volume across a 14 day window.","name":"application-pro-charts-usage-line-chart","title":"Usage Line Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"MRR movement chart with floating bars for new business, expansion, and churn across a billing period.","name":"application-pro-charts-waterfall-chart","title":"Waterfall Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Distinct active users per ISO week as a filled area over 12 weeks with a dashed quarter target reference line.","name":"application-pro-charts-weekly-active-users-chart","title":"Weekly Active Users Chart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Live huddle surface with elapsed timer, presenting banner, participant tiles showing mute and speaking states, and a call control bar.","name":"application-pro-chat-messaging-active-call-panel","title":"Active Call Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A browse and join panel with a create action, labeled search field, sort chips, and rows showing each channel name, description, members, and a join state.","name":"application-pro-chat-messaging-channel-directory","title":"Channel Directory","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Workspace nav rail with channel and DM sections, unread badges, a muted channel indicator, and per section add affordances.","name":"application-pro-chat-messaging-channel-list-sidebar","title":"Channel List Sidebar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Channel settings panel with name and topic fields, public/private radio with consequence notes, a members list, notification level selector, and an archive action.","name":"application-pro-chat-messaging-channel-settings-panel","title":"Channel Settings Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Inbox rail with six conversation rows showing avatar, preview, timestamp, and unread count badges on two threads.","name":"application-pro-chat-messaging-conversation-list","title":"Conversation List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Complete 1:1 panel combining a presence header, a grouped message thread with read receipt, and a full composer bar.","name":"application-pro-chat-messaging-dm-thread-panel","title":"Dm Thread Panel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open-state emoji picker inline above a message with a recents row, category grid, search input, and existing reaction chips.","name":"application-pro-chat-messaging-emoji-reactions-blueprint","title":"Emoji Reactions Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A person panel with a large avatar and presence dot, name and status line, message and huddle actions, contact rows, and shared channels.","name":"application-pro-chat-messaging-member-profile-drawer","title":"Member Profile Drawer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An activity panel with a mark all read header, mentions and reactions filter chips, and rows pairing actor, event, source channel, quoted snippet, and time.","name":"application-pro-chat-messaging-mentions-activity-feed","title":"Mentions Activity Feed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Chat send bar with attach, emoji, and slash affordances, a typing indicator row, and a Send button with an Enter keyboard hint.","name":"application-pro-chat-messaging-message-composer","title":"Message Composer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Chat thread with grouped sender bubbles, a Today day divider, a reaction chip, and a read receipt on the last outgoing message.","name":"application-pro-chat-messaging-message-thread","title":"Message Thread","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Channel pinned messages list showing author, snippet, pinned time and pinner, a jump-to link, and an unpin button per entry.","name":"application-pro-chat-messaging-pinned-messages-panel","title":"Pinned Messages Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Inline thread poll with vote share bars per option, a check on your vote, voter avatar cluster, total count, and close time.","name":"application-pro-chat-messaging-poll-message-card","title":"Poll Message Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Queued outgoing messages list with destination, draft snippet, exact send time, and per row send now, edit, and delete actions.","name":"application-pro-chat-messaging-scheduled-messages-panel","title":"Scheduled Messages Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Chat search results grouped by channel and DM with author, inline highlighted match term, timestamp, and a jump-to-message affordance.","name":"application-pro-chat-messaging-search-messages-results","title":"Search Messages Results","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Conversation files tab with type filter chips and rows showing a file icon, name, size, uploader, share date, and a download action.","name":"application-pro-chat-messaging-shared-files-panel","title":"Shared Files Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Side panel showing a parent channel message, a reply count divider, four threaded replies, and a scoped reply composer.","name":"application-pro-chat-messaging-thread-reply-panel","title":"Thread Reply Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An audio thread of chat bubbles, each with a play control, waveform, and duration, plus an active note with elapsed time and a transcript preview.","name":"application-pro-chat-messaging-voice-message-thread","title":"Voice Message Thread","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A document page mockup where marks from each reviewer form a colored layer, beside a rail of reviewers with color keys, counts, and visibility toggles.","name":"application-pro-comments-annotations-annotation-layers-rail","title":"Annotation Layers Rail","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open-state blueprint of a text-selection toolbar with comment, highlight, suggest-edit, and link affordances plus a five-color swatch row.","name":"application-pro-comments-annotations-annotation-toolbar-blueprint","title":"Annotation Toolbar Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Design canvas mockup with four numbered comment pins and a side rail listing each pin thread with author, note, and resolve actions.","name":"application-pro-comments-annotations-canvas-pin-comments","title":"Canvas Pin Comments","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Code diff panel with line numbers, added and removed rows, and a line anchored review thread with replies, composer, and resolve action.","name":"application-pro-comments-annotations-code-review-thread","title":"Code Review Thread","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Review feedback promoted into action items, with filter chips above rows pairing each source quote with an assignee, due date, and status badge.","name":"application-pro-comments-annotations-comment-assignments","title":"Comment Assignments","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Standalone comment composer with a formatting toolbar, file attach, at mention hint, and a Cmd Enter keyboard shortcut hint.","name":"application-pro-comments-annotations-comment-composer","title":"Comment Composer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Cross document notification feed with mention, reply, and resolve items, unread dots, type filter chips, and a mark all read action.","name":"application-pro-comments-annotations-comment-notification-inbox","title":"Comment Notification Inbox","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Document comment sidebar with four threads anchored to quoted text, reply counts, resolve affordances, and one collapsed resolved thread.","name":"application-pro-comments-annotations-comment-sidebar","title":"Comment Sidebar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Highlighted text excerpt with an attached margin thread showing two comments, a reply composer, emoji reactions, and resolve and delete controls.","name":"application-pro-comments-annotations-inline-annotation-thread","title":"Inline Annotation Thread","type":"registry:block"},{"description":"Static open state of an at mention picker showing six workspace members with one row highlighted and keyboard navigation hints.","name":"application-pro-comments-annotations-mention-picker-blueprint","title":"Mention Picker Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Comment threads on a versioned document, split into ones matched to the new version and ones whose anchors broke, with stale quotes and reattach actions.","name":"application-pro-comments-annotations-outdated-comments-panel","title":"Outdated Comments Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Draft comments held for one review, each with a section anchor, quote, and edit controls, above a summary field, verdict choices, and a submit button.","name":"application-pro-comments-annotations-pending-review-tray","title":"Pending Review Tray","type":"registry:block"},{"description":"Emoji reaction chips with counts showing active and inactive states, an add reaction affordance, and a static hover panel listing who reacted.","name":"application-pro-comments-annotations-reaction-bar","title":"Reaction Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Audit list of closed comment threads with quoted references, resolution attribution, reply counts, a reopen affordance, and an all vs resolved filter.","name":"application-pro-comments-annotations-resolved-comments-list","title":"Resolved Comments List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A budget sheet with corner markers on flagged cells beside a rail showing the selected cell thread and a list of other commented cells.","name":"application-pro-comments-annotations-spreadsheet-cell-comments","title":"Spreadsheet Cell Comments","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pending edit review rows showing the struck original beside the proposed replacement with author attribution and accept and reject actions per suggestion.","name":"application-pro-comments-annotations-suggestion-review-row","title":"Suggestion Review Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Video review timeline with avatar markers at comment timestamps and a list of time anchored notes with reply and mark done controls.","name":"application-pro-comments-annotations-video-timestamp-comments","title":"Video Timestamp Comments","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Append only security log with mono timestamps, actor avatars, code chip action keys, targets, and source IPs.","name":"application-pro-data-tables-audit-log-table","title":"Audit Log Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A customers table beside a checkbox rail that shows and hides columns live, with a locked identity column and a running column count.","name":"application-pro-data-tables-column-visibility-table","title":"Column Visibility Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Plan comparison table with features as rows, plans as columns, differing cells highlighted, and a per-column upgrade CTA.","name":"application-pro-data-tables-comparison-table","title":"Comparison Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"CSV import preview with column to field mapping Selects, an unmapped column flag, and a row issue count.","name":"application-pro-data-tables-csv-preview-table","title":"Csv Preview Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The compact variant fitting eight webhook rows where a standard table fits five.","name":"application-pro-data-tables-dense-data-table","title":"Dense Data Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A deployments table with a segmented comfortable and compact toggle in the header that swaps every row's vertical padding live, above a density note.","name":"application-pro-data-tables-density-toggle-table","title":"Density Toggle Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A config change review table striking old values beside proposed ones, with change badges, a left rule accent, and approve and reject actions.","name":"application-pro-data-tables-diff-review-table","title":"Diff Review Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Quarterly budget grid with one cell in active edit mode, tab navigation hint, and per-row save and cancel actions.","name":"application-pro-data-tables-editable-cells-table","title":"Editable Cells Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Projects table filtered to zero rows keeping active filter chips and the header visible above a centered empty state with recovery actions.","name":"application-pro-data-tables-empty-state-table","title":"Empty State Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Flags with mono keys, environment badges, rollout percentages, a Switch per row.","name":"application-pro-data-tables-feature-flags-table","title":"Feature Flags Table","type":"registry:block"},{"description":"An endpoint latency table with a two tier header spanning grouped metric columns for production and staging, split by vertical rules down the body.","name":"application-pro-data-tables-grouped-columns-table","title":"Grouped Columns Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Issues table with shaded status subheader rows showing group name and count above each set of member rows.","name":"application-pro-data-tables-grouped-rows-table","title":"Grouped Rows Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Feature usage matrix with weekday columns, value shaded cells, per row totals, and an intensity legend beneath the table.","name":"application-pro-data-tables-heatmap-cells-table","title":"Heatmap Cells Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Projects table with one row in edit mode showing Input and Select cells with save and cancel affordances.","name":"application-pro-data-tables-inline-edit-table","title":"Inline Edit Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Billing history with mono invoice ids, status badges, and right aligned amounts.","name":"application-pro-data-tables-invoices-table","title":"Invoices Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Contacts table with per row checkboxes, a select all header, and a contextual bulk action toolbar.","name":"application-pro-data-tables-multi-select-toolbar-table","title":"Multi Select Toolbar Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Projects table where one row expands inline to a key value metadata panel and a recent activity list.","name":"application-pro-data-tables-nested-detail-table","title":"Nested Detail Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Customers table with a working pagination footer showing numbered page buttons, previous and next controls, and a live range summary line.","name":"application-pro-data-tables-paginated-table","title":"Paginated Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Wide pipeline table with the name column visually pinned via sticky positioning while remaining columns scroll horizontally.","name":"application-pro-data-tables-pinned-columns-table","title":"Pinned Columns Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static blueprint of a documents table with one per-row overflow menu rendered open inline showing Edit, Duplicate, Move, and Delete actions without any Radix portal.","name":"application-pro-data-tables-row-actions-menu-blueprint","title":"Row Actions Menu Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An environment variables table with a filter input that narrows rows live and marks the matched substring inside each key, above a live count line.","name":"application-pro-data-tables-search-highlight-table","title":"Search Highlight Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Row checkboxes with a select all header and a bulk bar with Remove and Export.","name":"application-pro-data-tables-selectable-bulk-table","title":"Selectable Bulk Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Projects table with sort affordance icons on every column header, one column actively sorted descending, and a shift-click secondary sort hint in the footnote.","name":"application-pro-data-tables-sortable-header-table","title":"Sortable Header Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Key metrics table pairing each row with its current value, week over week change, and an inline SVG trend sparkline.","name":"application-pro-data-tables-sparkline-metrics-table","title":"Sparkline Metrics Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Support queue with an Open, Blocked, and Done count strip above the ticket rows and a status badge per row.","name":"application-pro-data-tables-status-summary-table","title":"Status Summary Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Invoice lines table with right-aligned tabular numbers, status badges, and a sticky footer row showing the line item count and running total for billing pages.","name":"application-pro-data-tables-sticky-footer-totals-table","title":"Sticky Footer Totals Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A background jobs table inside a fixed height scroll viewport with the column header pinned by sticky positioning, so headers stay readable as rows scroll.","name":"application-pro-data-tables-sticky-header-table","title":"Sticky Header Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Orders with one row expanded to its line items in a muted inset, statically.","name":"application-pro-data-tables-table-with-expandable-rows","title":"Table With Expandable Rows","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Projects with filter chips narrowing rows live, the count updating per click.","name":"application-pro-data-tables-table-with-filters","title":"Table With Filters","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Project schedule table with an inline proportional bar per row showing each project span within a defined date window.","name":"application-pro-data-tables-timeline-table","title":"Timeline Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Hierarchical cost center table with expand chevrons, indented child rows, and rolled-up budget totals per parent.","name":"application-pro-data-tables-tree-table","title":"Tree Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Members with role badges, last active times, and the seat math beside the invite button.","name":"application-pro-data-tables-users-table","title":"Users Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"REST request builder with a method and path row, query params and headers tabs, a Send affordance, and a JSON response panel.","name":"application-pro-developer-tools-api-console","title":"Api Console","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"CI pipeline list with branch, commit message, status Badges, duration, a running progress bar, and a view-logs affordance on failed builds.","name":"application-pro-developer-tools-build-status-list","title":"Build Status List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Rows with a job name, cron expression, cadence, a dot strip of recent runs, last and next run times, and a status badge.","name":"application-pro-developer-tools-cron-jobs-monitor","title":"Cron Jobs Monitor","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Severity count tiles above a vulnerability table with package names, advisory ids, installed and patched versions, and an update action.","name":"application-pro-developer-tools-dependency-audit","title":"Dependency Audit","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Deployment surface showing the current build steps progress, actor, commit sha, and a recent deploy history list with rollback.","name":"application-pro-developer-tools-deploy-panel","title":"Deploy Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A code review diff with a compare header, branch chips, change totals, per file cards, and a unified diff tinting added and removed lines.","name":"application-pro-developer-tools-diff-viewer","title":"Diff Viewer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Secrets configuration table with mono keys, sha256 hash chips, a disabled reveal button, target Badges, and a write-only honesty note.","name":"application-pro-developer-tools-env-vars-manager","title":"Env Vars Manager","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A master list of grouped exceptions with event counts and sparkline bars beside a detail pane showing the selected issue and its stack trace.","name":"application-pro-developer-tools-error-inbox","title":"Error Inbox","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An environment chip row above flag rows with a mono key, rollout meter, kind badge, last editor avatar, and an enable switch.","name":"application-pro-developer-tools-feature-flags-panel","title":"Feature Flags Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Live log stream with level Badges, mono timestamps, per-service labeling, level filter chips, and a tail affordance.","name":"application-pro-developer-tools-log-viewer","title":"Log Viewer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A database migrations timeline with a header and apply action above a railed list of pending migrations and applied ones with run times.","name":"application-pro-developer-tools-migrations-panel","title":"Migrations Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A three step SDK onboarding stepper with package manager install tabs, a client initialization snippet, a first event call, and a live waiting panel.","name":"application-pro-developer-tools-sdk-quickstart","title":"SDK Quickstart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Secret rotation panel listing active secrets with age nudges, masked prefixes, and a rotate button that keeps the old secret valid for 24 hours.","name":"application-pro-developer-tools-secrets-rotation-card","title":"Secrets Rotation Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A query workspace pairing a schema sidebar of tables and row counts with a syntax tinted SQL editor and a results table with timing.","name":"application-pro-developer-tools-sql-query-editor","title":"SQL Query Editor","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Embedded terminal blueprint with a named session tab row, realistic command output, and a blinking prompt cursor.","name":"application-pro-developer-tools-terminal-panel","title":"Terminal Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A distributed trace waterfall with a header of id, status, and duration above indented span rows whose bars sit on a shared time axis.","name":"application-pro-developer-tools-trace-waterfall","title":"Trace Waterfall","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Webhook delivery log with event name, endpoint, HTTP status badge, duration, attempt ratio, and inline response body for failed rows.","name":"application-pro-developer-tools-webhook-logs-table","title":"Webhook Logs Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One-time API key reveal dialog with a monospaced copy field, a one-time-only warning, scoped permissions, and a checkbox-gated Done button.","name":"application-pro-dialogs-api-key-created-dialog","title":"Api Key Created Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Archive confirmation dialog with icon rows for what changes, a kept and restorable stats strip, a notify members checkbox, and a restore note.","name":"application-pro-dialogs-archive-project-dialog","title":"Archive Project Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Bulk-edit dialog for 14 selected items with a status Select, a change-preview callout, optional fields, and a 30-second undo-window note.","name":"application-pro-dialogs-bulk-edit-dialog","title":"Bulk Edit Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A cancel subscription dialog with a reason radio list, a pause offer panel, a period end access note, and a keep plan primary action.","name":"application-pro-dialogs-cancel-subscription-dialog","title":"Cancel Subscription Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"What deleting Apollo destroys and what survives, gated by typing the name.","name":"application-pro-dialogs-confirm-delete-dialog","title":"Confirm Delete Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Integration connect dialog listing exact OAuth scopes, a minimal-scope trust note, and both an OAuth button and an API key path.","name":"application-pro-dialogs-connect-account-dialog","title":"Connect Account Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A create webhook dialog with an endpoint URL field, a checklist of subscribable events showing volume estimates, a signing note, and create actions.","name":"application-pro-dialogs-create-webhook-dialog","title":"Create Webhook Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Edit conflict dialog with a three column yours versus theirs field diff, a radio list of resolutions, and a version history safety note.","name":"application-pro-dialogs-edit-conflict-dialog","title":"Edit Conflict Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Format and scope choices with real counts, delivered in minutes, not 30 days.","name":"application-pro-dialogs-export-data-dialog","title":"Export Data Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Feedback dialog with a Bug, Idea, or Other type toggle, a message textarea, an optional screenshot attachment, and honest per-type routing copy.","name":"application-pro-dialogs-feedback-dialog","title":"Feedback Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Post-import report dialog showing created, skipped, and failed row counts with named skip reasons and a download link for the skipped rows.","name":"application-pro-dialogs-import-result-dialog","title":"Import Result Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Emails, role, and the seat consequence stated before send, not after.","name":"application-pro-dialogs-invite-members-dialog","title":"Invite Members Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Keyboard shortcuts reference dialog with two columns of grouped Kbd combos, a search bar, and a roadmap note that remapping is not yet available.","name":"application-pro-dialogs-keyboard-help-dialog","title":"Keyboard Help Dialog","type":"registry:block"},{"description":"Two columns of Kbd combos with the honest note that remapping is not here yet.","name":"application-pro-dialogs-keyboard-shortcuts-dialog","title":"Keyboard Shortcuts Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A merge dialog pairing two contact records with per field radio picks for the winning value, a retention note, and keep or merge actions.","name":"application-pro-dialogs-merge-duplicates-dialog","title":"Merge Duplicates Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Bulk-move dialog for 8 selected items with a searchable project list, a what-moves callout, and a 30-minute undo window note.","name":"application-pro-dialogs-move-to-project-dialog","title":"Move To Project Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Payment failed dialog with the invoice in label and value rows, an expired card flagged inline, a dated retry schedule, and card actions.","name":"application-pro-dialogs-payment-failed-dialog","title":"Payment Failed Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A remove member dialog with the member card, a counted list of what they still own, a reassign select, and a confirm and reassign action.","name":"application-pro-dialogs-remove-member-dialog","title":"Remove Member Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Request access dialog with a locked document card, an access level radio list from view to edit, a message field, and a response note.","name":"application-pro-dialogs-request-access-dialog","title":"Request Access Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A version history dialog with the current revision pinned above a radio list of prior versions showing authors, timestamps, and change summaries.","name":"application-pro-dialogs-restore-version-dialog","title":"Restore Version Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Role change confirmation for Maya Chen from Member to Admin with three access gain bullets and an effective immediately note.","name":"application-pro-dialogs-role-change-dialog","title":"Role Change Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Publish now or schedule for later dialog with a date and time pair, inline timezone, and an offline-safe run note.","name":"application-pro-dialogs-schedule-action-dialog","title":"Schedule Action Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Session expiry warning dialog giving two minutes notice, a stay-signed-in action, and a guarantee that open drafts are saved regardless of choice.","name":"application-pro-dialogs-session-expiring-dialog","title":"Session Expiring Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The link as a copyable chip, access level, expiry, and who already has it.","name":"application-pro-dialogs-share-link-dialog","title":"Share Link Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sign out sessions dialog with the current device pinned, a checkbox list of other active sessions, an unfamiliar flag, and a sign out action.","name":"application-pro-dialogs-sign-out-sessions-dialog","title":"Sign Out Sessions Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Transfer-ownership dialog with a member Select, two named consequence rows, a type-to-confirm input, and the irreversible-without-them note.","name":"application-pro-dialogs-transfer-ownership-dialog","title":"Transfer Ownership Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two factor setup dialog with a QR mockup beside a copyable manual key, a six cell code entry, and a one time recovery codes note.","name":"application-pro-dialogs-two-factor-setup-dialog","title":"Two Factor Setup Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Leave confirmation dialog listing three specific unsaved field changes with Discard, Keep editing, and Save and leave actions.","name":"application-pro-dialogs-unsaved-changes-dialog","title":"Unsaved Changes Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A plan limit dialog with per resource usage meters, a bordered next tier card listing features and price, and a prorated billing note.","name":"application-pro-dialogs-upgrade-plan-dialog","title":"Upgrade Plan Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A verify domain dialog with two copyable DNS record rows showing type and host, a found or pending status each, and a check again action.","name":"application-pro-dialogs-verify-domain-dialog","title":"Verify Domain Dialog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Read only archived project page with a preserved banner, a snapshot count grid, an archive record card, and restore and export actions.","name":"application-pro-empty-states-archived-project-state","title":"Archived Project State","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Inbox zero panel showing 14 handled today, 0 open, and 2 snoozed with a calm no-action-needed message.","name":"application-pro-empty-states-cleared-inbox-state","title":"Cleared Inbox State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Feature placeholder naming the section, two capability bullets, a notify-me email form, and an honest no-date timeframe.","name":"application-pro-empty-states-coming-soon-state","title":"Coming Soon State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A not found panel for a deleted document with a struck through breadcrumb trail, a deletion record, a restore note, and two recovery actions.","name":"application-pro-empty-states-deleted-resource-state","title":"Deleted Resource State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Empty automations panel pairing a build from scratch action with three starter template recipe rows and a facts row on run speed and quota.","name":"application-pro-empty-states-empty-automations-state","title":"Empty Automations State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Analytics panel keeping the full chart frame and axis ticks, with a zero range message offering wider ranges and their real event counts.","name":"application-pro-empty-states-empty-chart-state","title":"Empty Chart State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Empty discussion panel with a zero comment header, a watcher avatar row, and an inline composer with a mention hint and visibility note.","name":"application-pro-empty-states-empty-comments-state","title":"Empty Comments State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Members table with the real header row visible and an empty body explaining which filters hid all 14 rows.","name":"application-pro-empty-states-empty-table-state","title":"Empty Table State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An empty file library with a dashed dropzone, browse and import from URL actions, a facts row for formats and storage, and a privacy note.","name":"application-pro-empty-states-empty-uploads-dropzone","title":"Empty Uploads Dropzone","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"In-place panel fallback showing a mono error reference, a section-scoped retry button, and confirmation that the rest of the page is unaffected.","name":"application-pro-empty-states-error-boundary-card","title":"Error Boundary Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered 404 page showing the failed path in mono, three reasons a workspace link goes stale, and search or dashboard as recovery actions.","name":"application-pro-empty-states-error-page-404","title":"Error Page 404","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The 500 with a mono incident id, the team already paged, retry and status links.","name":"application-pro-empty-states-error-page-500","title":"Error Page 500","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Empty dashboard state with a 4-step setup checklist, progress bar, and honest note that panels appear as steps are completed.","name":"application-pro-empty-states-first-run-checklist-empty","title":"First Run Checklist Empty","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A panel for a running data import with a three step pipeline, a live progress bar, meta rows for timing, and notify or cancel actions.","name":"application-pro-empty-states-import-in-progress-state","title":"Import In Progress State","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Full-page planned maintenance screen with a stated window, estimated time remaining, a do-nothing instruction, and a status-page link.","name":"application-pro-empty-states-maintenance-page","title":"Maintenance Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pending-access gate naming the reviewer with avatar and ETA, plus a list of surfaces the user can reach in the meantime.","name":"application-pro-empty-states-no-access-yet-state","title":"No Access Yet State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Empty panel with a geometric illustration, an events headline, an explanation of when data appears, and a primary API call action.","name":"application-pro-empty-states-no-data-yet-state","title":"No Data Yet State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Empty integrations surface with unlock bullets, a browse CTA, and Slack, GitHub, and Jira quick-connect chips.","name":"application-pro-empty-states-no-integrations-state","title":"No Integrations State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The query kept, three scopes to widen, and what search covers stated.","name":"application-pro-empty-states-no-search-results-state","title":"No Search Results State","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Offline state panel listing what still works locally and what is paused until reconnection, with a guarantee that queued drafts are never lost.","name":"application-pro-empty-states-offline-state","title":"Offline State","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The dashboard before data, zeroed KPIs and the five minute fill promise.","name":"application-pro-empty-states-onboarding-empty-dashboard","title":"Onboarding Empty Dashboard","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Payment failed billing gate showing the card on file, the exact decline code, a three attempt retry schedule, and update and retry actions.","name":"application-pro-empty-states-payment-failed-state","title":"Payment Failed State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The 403 that names the role, the owners who grant it, and the request flow.","name":"application-pro-empty-states-permission-denied-state","title":"Permission Denied State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Rate limit panel showing the 60 requests per minute cap, the reset time, and upgrade or support paths to increase the limit.","name":"application-pro-empty-states-rate-limited-state","title":"Rate Limited State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Zero-result state echoing 3 active filter chips, the count 0 of 124, and per-filter recovery suggestions with item counts.","name":"application-pro-empty-states-search-no-matches","title":"Search No Matches","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Session expired screen showing the account for one click resume, a saved draft note, meta rows naming the policy, and sign in actions.","name":"application-pro-empty-states-session-expired-state","title":"Session Expired State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A storage quota panel with a segmented usage bar at capacity, a category breakdown, paused versus working lists, and free space or upgrade actions.","name":"application-pro-empty-states-storage-full-state","title":"Storage Full State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Trial expired gate stating the end date, side by side lists of what stays read only versus what is paused, the plan price, and export.","name":"application-pro-empty-states-trial-expired-state","title":"Trial Expired State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Returning-user digest showing three dated workspace changes, a resume link, and an explicit note that nothing was deleted.","name":"application-pro-empty-states-welcome-back-state","title":"Welcome Back State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A folder activity timeline grouping events by day on a vertical rail, each with an action icon, actor avatar, action sentence, and folder path.","name":"application-pro-file-manager-file-activity-feed","title":"File Activity Feed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Folder contents table with file-type icons, owner avatars, tabular sizes, modified times, and per-row actions.","name":"application-pro-file-manager-file-browser-table","title":"File Browser Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sync conflict resolver with one card per file comparing the device copy against the cloud copy by radio choice, plus an apply summary bar.","name":"application-pro-file-manager-file-conflict-resolver","title":"File Conflict Resolver","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"File inspector with a preview, ruled metadata rows, a shareable link chip, version count, and action buttons.","name":"application-pro-file-manager-file-detail-panel","title":"File Detail Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Media grid of eight thumbnail tiles with type badges, filename captions, one selected tile, and a view toggle.","name":"application-pro-file-manager-file-grid-gallery","title":"File Grid Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column file request workspace pairing a create form with title, folder, deadline, and notify switch beside an open requests list with progress.","name":"application-pro-file-manager-file-request-panel","title":"File Request Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A file search panel with a query field, removable filter chips, a result count, and rows with highlighted matches, paths, size, and dates.","name":"application-pro-file-manager-file-search-results","title":"File Search Results","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A version history card with the current revision highlighted and earlier versions as ruled rows showing editor, note, size, restore, and download.","name":"application-pro-file-manager-file-version-history","title":"File Version History","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Recursive folder tree sidebar with expand chevrons, item counts, one active node, and Trash and Shared rows.","name":"application-pro-file-manager-folder-tree-nav","title":"Folder Tree Nav","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Recent files list grouped by Today and This week showing file type icon, name, folder path, last editor, and relative time.","name":"application-pro-file-manager-recent-files-list","title":"Recent Files List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A file share panel with an invite by email row, a people with access list showing roles, general link access, and footer actions.","name":"application-pro-file-manager-share-permissions-panel","title":"Share Permissions Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A shared links table listing each file, link access badge, creator avatar, download count, and expiry, with per row copy and actions buttons.","name":"application-pro-file-manager-shared-links-table","title":"Shared Links Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Shared files table showing owner avatar, shared date, and access level badge per file with an open affordance on each row.","name":"application-pro-file-manager-shared-with-me-table","title":"Shared With Me Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A storage cleanup panel with a reclaimable space summary, checkbox large files and duplicates sections, an old trash row, and a selection bar.","name":"application-pro-file-manager-storage-cleanup-panel","title":"Storage Cleanup Panel","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Storage quota card showing 142 of 250 GB used with a type breakdown bar and a recoverable trash hint.","name":"application-pro-file-manager-storage-usage-card","title":"Storage Usage Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sync status panel with a linked devices list showing per device state, followed by a selective sync section with per folder toggle switches.","name":"application-pro-file-manager-sync-status-panel","title":"Sync Status Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Trash table listing deleted files with deleter, deletion time, days until permanent removal, and per-row restore and delete-forever actions.","name":"application-pro-file-manager-trash-bin-table","title":"Trash Bin Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Dashed dropzone with accepted types and a transfer list showing uploading, done, and failed states with errors.","name":"application-pro-file-manager-upload-dropzone-card","title":"Upload Dropzone Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three condition rows with AND OR logic and the live match count.","name":"application-pro-filters-and-search-advanced-filter-builder","title":"Advanced Filter Builder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Active filter summary bar that renders the current filter state as a plain sentence with removable tokens and a result count.","name":"application-pro-filters-and-search-applied-filters-summary","title":"Applied Filters Summary","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open state of a column header filter popover with a search box, checkbox value list with counts, and apply and clear controls.","name":"application-pro-filters-and-search-column-filter-blueprint","title":"Column Filter Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Presets beside a two month grid with a highlighted range and the timezone line.","name":"application-pro-filters-and-search-date-range-panel","title":"Date Range Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three facet chips with removable tokens and the live count per change.","name":"application-pro-filters-and-search-faceted-filter-bar","title":"Faceted Filter Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Removable filter chips above results with a live match count and a clear all control.","name":"application-pro-filters-and-search-filter-chips-row","title":"Filter Chips Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A filter funnel showing active filters as ordered steps, each with a proportional bar and the results remaining, above a clear all footer.","name":"application-pro-filters-and-search-filter-funnel-panel","title":"Filter Funnel Panel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"In panel find bar over a log view with a query input, live match count, previous and next navigation, and case and whole word toggles.","name":"application-pro-filters-and-search-find-in-view-bar","title":"Find In View Bar","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Grouping control with dimension chips for Status, Assignee, and Priority that previews the resulting group headers with per-group counts and mini progress bars.","name":"application-pro-filters-and-search-group-by-selector","title":"Group By Selector","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Global search panel in its open state with a query input, results grouped into Projects, People, and Documents, and a keyboard hint footer.","name":"application-pro-filters-and-search-grouped-results-blueprint","title":"Grouped Results Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Tri state tag filter where each tag cycles from neutral to required to excluded, a summary line, and a demo alert list that responds.","name":"application-pro-filters-and-search-include-exclude-tags","title":"Include Exclude Tags","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Faceted filter sidebar with collapsible groups for Status, Owner, Label, and Date, with checkbox value lists and hit counts.","name":"application-pro-filters-and-search-multi-facet-panel","title":"Multi Facet Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Ordered sort rules with a field chip, a direction toggle, and remove controls, an add sort button, and a demo issue list that reorders live.","name":"application-pro-filters-and-search-multi-sort-builder","title":"Multi Sort Builder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Power-search bar with a structured query input, token-highlighted echo of parsed filters, a syntax reference panel, and a live result count.","name":"application-pro-filters-and-search-query-language-bar","title":"Query Language Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A rail of switch based quick filters above a task queue, a live result count with reset, the filtered list, and an inline empty row.","name":"application-pro-filters-and-search-quick-filter-toggles","title":"Quick Filter Toggles","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A numeric range facet with a distribution histogram, a dual thumb slider, min and max readouts, quick range presets, and a live match count.","name":"application-pro-filters-and-search-range-filter-histogram","title":"Range Filter Histogram","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open state of a search dropdown with recent queries, named saved searches, and a keyboard hint footer.","name":"application-pro-filters-and-search-recent-and-saved-blueprint","title":"Recent And Saved Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"View-controls toolbar with independent density and layout toggles wired to a demo list that visibly responds with changed padding and grid or list arrangement.","name":"application-pro-filters-and-search-results-density-toggle","title":"Results Density Toggle","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Named saved-search pills row with active state inversion, per-pill result counts, a star save affordance, and a pencil edit control.","name":"application-pro-filters-and-search-saved-filter-pills","title":"Saved Filter Pills","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A saved searches panel listing each search with its query, visibility, owner, and last used time, plus default, edit, and delete row actions.","name":"application-pro-filters-and-search-saved-searches-manager","title":"Saved Searches Manager","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Named queries as tabs, the active view spelling out its query in plain text.","name":"application-pro-filters-and-search-saved-views-tabs","title":"Saved Views Tabs","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Search scope chip switcher showing result counts per scope alongside a query input that updates its placeholder to match the active scope.","name":"application-pro-filters-and-search-scope-selector-bar","title":"Scope Selector Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A master detail search view with a hit list beside a live preview pane that shows the selected result body with every query match highlighted.","name":"application-pro-filters-and-search-search-preview-pane","title":"Search Preview Pane","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A search results list with matched query terms highlighted in every title and snippet, entity type tabs with counts, and per result meta lines.","name":"application-pro-filters-and-search-search-results-highlights","title":"Search Results Highlights","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Search input with its suggestion panel open showing recent searches, suggested filter shortcuts, and a prefix tip.","name":"application-pro-filters-and-search-search-with-recent","title":"Search With Recent","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Working sort and density controls wired to a demo table that responds.","name":"application-pro-filters-and-search-sort-density-toolbar","title":"Sort Density Toolbar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open-state sort popover with four sort options, an active checkmark, and a Desc/Asc direction toggle rendered inline without a Radix portal.","name":"application-pro-filters-and-search-sort-menu-blueprint","title":"Sort Menu Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A saved view change bar listing unsaved edits as rows with per row undo, the resulting query, and update, save as new, and discard actions.","name":"application-pro-filters-and-search-view-changes-bar","title":"View Changes Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A zero results search state with the failed query, a spelling suggestion, the active filters that may hide matches, and tips for broadening.","name":"application-pro-filters-and-search-zero-results-panel","title":"Zero Results Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Address form with country Select first, locale aware field order and labels, and an autofill correction tip.","name":"application-pro-forms-address-form-card","title":"Address Form Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"API token form with scope checkboxes, an admin warning line, expiry select, and a shows once footer notice.","name":"application-pro-forms-api-token-create-form","title":"API Token Create Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Drop zone, column mapping with one flagged field, and the dry run promise.","name":"application-pro-forms-bulk-import-csv-card","title":"Bulk Import CSV Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Alert rule form where a channel Select reveals dependent fields, with the email branch shown expanded.","name":"application-pro-forms-conditional-fields-form","title":"Conditional Fields Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Name with slug preview, the immutable region warning, framework tiles, visibility.","name":"application-pro-forms-create-project-form","title":"Create Project Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Recurring schedule builder with a frequency select, day-of-week toggle chips, time and timezone selects, and a summary listing the next three runs.","name":"application-pro-forms-cron-schedule-form","title":"Cron Schedule Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Destructive delete form with an itemized consequence list, two acknowledgment checkboxes, and a type-to-confirm input that gates the delete button.","name":"application-pro-forms-danger-zone-form","title":"Danger Zone Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Date range input with preset chips, from and to fields, a resolved range summary, and a workspace timezone note.","name":"application-pro-forms-date-range-form","title":"Date Range Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Compact feedback card with Bug, Idea, and Praise kind chips and honest routing copy in the footer.","name":"application-pro-forms-feedback-form-card","title":"Feedback Form Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Form with a dropzone stating accepted types and size limit, an uploaded file chip with remove, and an honest note about decoupled upload timing.","name":"application-pro-forms-file-field-form","title":"File Field Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Profile card where each row shows its saved value with an Edit action that swaps a single row into an input with Save and Cancel.","name":"application-pro-forms-inline-edit-form","title":"Inline Edit Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Form showing all three live validation states side by side: a valid field with a checkmark, a checking field with a spinner, and an error field with a corrective message.","name":"application-pro-forms-inline-validation-fields","title":"Inline Validation Fields","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A profile form where a policy banner explains directory sync, identity fields render locked with a synced marker, and other fields stay editable.","name":"application-pro-forms-managed-fields-form","title":"Managed Fields Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three step form shown mid flight at the Configuration step with autosave reassurance in the footer.","name":"application-pro-forms-multi-step-form-panel","title":"Multi Step Form Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Notification matrix with event rows crossed against email, push, and Slack checkbox columns, a locked security row, and an email frequency select.","name":"application-pro-forms-notification-matrix-form","title":"Notification Matrix Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Change password card with current and new fields, a live requirement checklist, a four segment strength meter, a confirm field, and a footer action.","name":"application-pro-forms-password-strength-form","title":"Password Strength Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Card payment form with number, expiry, CVC, postal code, a save card toggle, and a processor security note.","name":"application-pro-forms-payment-details-form","title":"Payment Details Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A segment builder with a match mode select, condition rows pairing field, operator, and value controls, plus a live estimate of matching contacts.","name":"application-pro-forms-query-builder-form","title":"Query Builder Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Dynamic line-item form with editable description, quantity, and unit price columns, a remove button per row, an add row affordance, and a live running total.","name":"application-pro-forms-repeatable-rows-form","title":"Repeatable Rows Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Multi-section form summary with inline edit links per section, a terms acceptance checkbox, and a submit button that stays disabled until the user confirms.","name":"application-pro-forms-review-and-submit-card","title":"Review and Submit Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A compose form with a title field and an editor toolbar of formatting actions, a write and preview toggle, plus attach, mention, and publish controls.","name":"application-pro-forms-rich-text-form","title":"Rich Text Form","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open combobox blueprint with a search input, grouped options, one highlighted and one checked, and a create new row.","name":"application-pro-forms-searchable-select-blueprint","title":"Searchable Select Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two column settings form with label and helper text on the left and the field on the right, with a save bar.","name":"application-pro-forms-settings-form-two-col","title":"Settings Form Two Col","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Final review step of a multi-step wizard with a checked stepper, per-step value summaries with Edit links, and a confirm button.","name":"application-pro-forms-stepper-wizard-review","title":"Stepper Wizard Review","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Form with a tag input showing existing chips, an inline suggestion list on partial match, a create new tag option, and a per-project tag limit note.","name":"application-pro-forms-tag-input-form","title":"Tag Input Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Alert threshold form with paired warning and critical sliders, live readouts, a zone bar that redraws as thumbs move, and a duration select.","name":"application-pro-forms-threshold-slider-form","title":"Threshold Slider Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A settings form in its dirty state with per field edited markers, revert actions, saved values, and a footer counting unsaved changes beside save.","name":"application-pro-forms-unsaved-changes-form","title":"Unsaved Changes Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Blueprint showing valid, invalid, and warning field states side by side with actionable error copy guidance.","name":"application-pro-forms-validation-states-form","title":"Validation States Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Read only form state with a permission banner, every field disabled at its saved value, and a footer explaining why save is off.","name":"application-pro-forms-view-only-form","title":"View Only Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Weekly availability editor with one row per day, an on/off switch, from and to time selects for open days, and an apply-to-weekdays shortcut.","name":"application-pro-forms-weekly-hours-form","title":"Weekly Hours Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Help article layout with a breadcrumb, sectioned body, a sticky table-of-contents rail, and a was-this-helpful feedback row.","name":"application-pro-help-support-article-reader","title":"Article Reader","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open-state blueprint of a saved replies picker beside a reply composer, with a searchable snippet list and one highlighted row ready to insert.","name":"application-pro-help-support-canned-responses-blueprint","title":"Canned Responses Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A voted community question card with author meta and tags above an answers list, an accepted staff answer pinned first, and a reply footer.","name":"application-pro-help-support-community-qa-thread","title":"Community Q&A Thread","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Support contact page with three channel cards and an email form that states the honest no priority queue policy.","name":"application-pro-help-support-contact-support-panel","title":"Contact Support Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A contextual help layout pairing a dimmed billing settings canvas with a docked help drawer of matched articles, a walkthrough card, and contact actions.","name":"application-pro-help-support-contextual-help-drawer","title":"Contextual Help Drawer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Post resolution survey card with solved ticket context, a 1 to 5 rating scale, a what stood out checklist, comment field, and submit row.","name":"application-pro-help-support-csat-survey-panel","title":"CSAT Survey Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A diagnostics report with a rerun action, automatic checks in pass, warn, and fail states, an environment rail, and copy or attach actions.","name":"application-pro-help-support-diagnostics-report-panel","title":"Diagnostics Report Panel","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"In-app FAQ card with six common questions in an accordion, first item open, and a link to open a support ticket.","name":"application-pro-help-support-faq-accordion-panel","title":"Faq Accordion Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An onboarding setup card with a completion count, a segmented progress bar, completed steps, an expanded current step with actions, and upcoming numbered steps.","name":"application-pro-help-support-getting-started-checklist","title":"Getting Started Checklist","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A troubleshooting wizard with a progress bar, an answered steps summary, the current question as selectable option rows, and step actions.","name":"application-pro-help-support-guided-troubleshooter","title":"Guided Troubleshooter","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Help center landing with a search bar, six icon category tiles with article counts, and a popular articles list.","name":"application-pro-help-support-help-center-home","title":"Help Center Home","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A help center search field and facet rail beside a results list of breadcrumbs, excerpts, and meta badges, with a support fallback strip.","name":"application-pro-help-support-help-search-results","title":"Help Search Results","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A known issues board with a page header, status filter chips with counts, and a list of confirmed issues showing area, reports, and workarounds.","name":"application-pro-help-support-known-issues-board","title":"Known Issues Board","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A glossary filter field, an A to Z index strip, and letter sections listing terms with definitions, area tags, and cross links.","name":"application-pro-help-support-product-glossary","title":"Product Glossary","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A keyboard shortcuts panel with a platform toggle, a two column grid of categories pairing action labels with keycap combinations, and a customize footer.","name":"application-pro-help-support-shortcuts-reference","title":"Shortcuts Reference","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A support SLA panel with a plan header, a severity by plan matrix of first response targets with your plan highlighted, and coverage notes.","name":"application-pro-help-support-sla-response-matrix","title":"SLA Response Matrix","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A support ticket form with subject, area, severity, description, and attachments beside a rail of suggested articles and response time targets.","name":"application-pro-help-support-submit-request-form","title":"Submit Request Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Support ticket view with a header, customer and agent conversation thread, internal notes, and a reply composer.","name":"application-pro-help-support-ticket-detail","title":"Ticket Detail","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Agent support queue showing ticket subject, requester avatar, status and priority badges, last update time, and assigned agent with a filter strip.","name":"application-pro-help-support-ticket-list","title":"Ticket List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Customer ticket page with a five stage progress timeline, latest agent update card, reply button, and a details rail with next update time.","name":"application-pro-help-support-ticket-status-tracker","title":"Ticket Status Tracker","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A tutorials header with topic chips, a continue watching card with progress and an up next list, and a browse grid of video cards.","name":"application-pro-help-support-video-tutorials-library","title":"Video Tutorials Library","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A mailbox files view with type filter chips, month grouped cards showing a file icon, sender, and size, plus a storage usage footer.","name":"application-pro-inbox-email-attachment-gallery","title":"Attachment Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Email list with a contextual toolbar showing Archive, Mark read, Label, Snooze, and Delete when messages are selected.","name":"application-pro-inbox-email-bulk-actions-toolbar","title":"Bulk Actions Toolbar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static blueprint of a bottom-right docked compose window with To, Cc, and Subject fields, a body area, formatting affordances, and a Send button with a keyboard shortcut hint.","name":"application-pro-inbox-email-compose-blueprint","title":"Compose Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Sent message tracking pane with an engagement summary and recipient rows pairing each status badge with a last activity detail line.","name":"application-pro-inbox-email-delivery-status","title":"Delivery Status","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Email rules manager with ruled rows describing each rule in plain English, action badges, a toggle switch, and an add-rule affordance.","name":"application-pro-inbox-email-email-filters-rules","title":"Email Filters Rules","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Inbox message list with sender avatars, subjects, snippets, unread indicators, star toggles, and attachment markers per row.","name":"application-pro-inbox-email-email-list","title":"Email List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Full message reading pane with sender row, body paragraphs, attachment chip, collapsed quoted reply, and reply or forward actions.","name":"application-pro-inbox-email-email-reader","title":"Email Reader","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Mail navigation sidebar with a Compose button, standard folders with unread counts, and a labeled section of color-coded labels with message counts.","name":"application-pro-inbox-email-inbox-sidebar","title":"Inbox Sidebar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Label settings panel with a ruled table of color-swatched labels, message counts, rename and delete actions, an inline create row, and a drag-to-nest note.","name":"application-pro-inbox-email-label-manager","title":"Label Manager","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open-state blueprint of a compact inline reply composer with canned-reply chips and an edit-before-sending note.","name":"application-pro-inbox-email-quick-reply-blueprint","title":"Quick Reply Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An outbox pane grouping queued messages by send window, each row showing recipient, subject, snippet, send time, and edit and send actions.","name":"application-pro-inbox-email-scheduled-send-queue","title":"Scheduled Send Queue","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A mail search pane with a token filled search bar, folder scope chips, ruled result rows highlighting the matched term, and a result count footer.","name":"application-pro-inbox-email-search-results","title":"Search Results","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Contact detail rail beside an open message with an identity header, quick actions, relationship stats, recent conversations, and shared files.","name":"application-pro-inbox-email-sender-profile-rail","title":"Sender Profile Rail","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A shared support mailbox with queue tabs, conversation rows showing customer, subject, and status, and an assignee chip or Assign action.","name":"application-pro-inbox-email-shared-inbox-triage","title":"Shared Inbox Triage","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A left rail of saved signatures and default pickers beside a main pane with a formatting toolbar, source editor, and rendered message preview.","name":"application-pro-inbox-email-signature-editor","title":"Signature Editor","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open snooze popover beside a message row with four preset return times and a pick-a-date option.","name":"application-pro-inbox-email-snooze-email-blueprint","title":"Snooze Email Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A quarantine pane listing held messages with a monogram, sender, subject, a detection reason badge, an auto delete countdown, and per row actions.","name":"application-pro-inbox-email-spam-quarantine","title":"Spam Quarantine","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split inbox pane that sorts mail into labeled sections, each with an unread count, a view all link, and compact sender rows.","name":"application-pro-inbox-email-split-inbox","title":"Split Inbox","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Canned reply template library with category filter chips and a card grid showing each template name, body preview, slash shortcut, and usage count.","name":"application-pro-inbox-email-template-library","title":"Template Library","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Email thread view with earlier messages collapsed to one-line summaries and the latest message fully expanded with body, attachment chip, and a reply prompt.","name":"application-pro-inbox-email-thread-collapsed","title":"Thread Collapsed","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Ruled rows of low engagement senders, each with a monogram, address, weekly volume, last opened stat, and unsubscribe or keep actions.","name":"application-pro-inbox-email-unsubscribe-manager","title":"Unsubscribe Manager","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An out of office settings panel with a master switch, date range fields, subject and message inputs, audience checkboxes, and a save footer.","name":"application-pro-inbox-email-vacation-responder","title":"Vacation Responder","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"In-app REST console with an endpoint row, editable query parameter rows, a Send button, and a response area showing a JSON snippet with a status badge and timing.","name":"application-pro-integrations-api-explorer-panel","title":"Api Explorer Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A one time reveal banner for a freshly created key, then rows of active keys with environment, masked prefix, scopes, and revoke actions.","name":"application-pro-integrations-api-keys-panel","title":"API Keys Panel","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Usage against allowance, top endpoints, and the observed rate limit peak.","name":"application-pro-integrations-api-usage-card","title":"Api Usage Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A version summary card with an upgrade action above a list of date named API versions with status badges, change highlights, and sunset warnings.","name":"application-pro-integrations-api-version-panel","title":"API Version Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"OAuth accounts with scopes and the guard rail on the only sign in method.","name":"application-pro-integrations-connected-accounts-list","title":"Connected Accounts List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Provider status board where each connected service shows live status, response time, and last incident, plus an impact note on the degraded provider.","name":"application-pro-integrations-connected-services-status","title":"Connected Services Status","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Source CRM fields on the left mapped to destination fields on the right, with transform badges, one unmapped row flagged, and a save footer.","name":"application-pro-integrations-field-mapping-panel","title":"Field Mapping Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"GitHub repo selection panel with a searchable repository list, per-repo checkboxes, private badges, a minimal-scope note, and a save action.","name":"application-pro-integrations-github-repo-picker","title":"Github Repo Picker","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Incoming webhook setup panel with a generated endpoint URL, masked signing secret, accepted event types, and a JSON payload sample.","name":"application-pro-integrations-incoming-webhook-setup","title":"Incoming Webhook Setup","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"GitHub integration page with connected account, permissions list, configure rows, and disconnect consequence.","name":"application-pro-integrations-integration-detail-panel","title":"Integration Detail Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Per-integration health panel showing connected status, last sync time, sync frequency, error count, and a five-run sync history.","name":"application-pro-integrations-integration-health-card","title":"Integration Health Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Integration event log with timestamp, direction, event name, HTTP status badge, duration, and an expanded error detail row for failed events.","name":"application-pro-integrations-integration-logs-table","title":"Integration Logs Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Browseable integration directory with category chips, a search field, and six cards showing brand name, one-line description, Install or Installed state, and a verified trust line.","name":"application-pro-integrations-integration-marketplace","title":"Integration Marketplace","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Request board for missing integrations with a submission form, then top requested tools ranked by votes with upvote buttons and roadmap status badges.","name":"application-pro-integrations-integration-request-board","title":"Integration Request Board","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A guided setup wizard with a vertical step rail beside a pane of sync direction cards, a conflict rule note, and Back and Continue actions.","name":"application-pro-integrations-integration-setup-wizard","title":"Integration Setup Wizard","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Six integration tiles with category chips, Connected badges on active connections, and a support footer.","name":"application-pro-integrations-integrations-gallery","title":"Integrations Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An allowlist panel with an enforcement badge, a current address warning, an add form, and rows of CIDR ranges with owners and last match times.","name":"application-pro-integrations-ip-allowlist-panel","title":"IP Allowlist Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"OAuth grant screen listing exact permissions granted and a cannot list, connecting as a named account, with Authorize and Cancel actions.","name":"application-pro-integrations-oauth-consent-blueprint","title":"Oauth Consent Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"OAuth permissions audit panel listing each app scope with a plain-English description, risk level, and a per-scope revoke affordance.","name":"application-pro-integrations-oauth-scopes-review","title":"Oauth Scopes Review","type":"registry:block"},{"dependencies":["radix-ui"],"description":"API rate limit card showing current rpm usage against the plan cap with a progress bar, rolling window details, and the queue-not-drop policy.","name":"application-pro-integrations-rate-limit-card","title":"Rate Limit Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A quickstart panel with a language tab strip, three numbered steps for install, auth, and a first request with copyable code, and reference links.","name":"application-pro-integrations-sdk-quickstart-panel","title":"SDK Quickstart Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Slack integration config panel showing the connected workspace, a channel selector, per-event notification toggles, a test-message affordance, and a disconnect section.","name":"application-pro-integrations-slack-connect-panel","title":"Slack Connect Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Conflict queue where two systems changed one field, shown as side by side value panels with per side keep actions and a default rule note.","name":"application-pro-integrations-sync-conflict-resolver","title":"Sync Conflict Resolver","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pre sync dry run report with create, update, skip, and conflict summary tiles, a sample of exact field changes, and a gated enable action.","name":"application-pro-integrations-sync-dry-run-preview","title":"Sync Dry Run Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Integration sync health panel with per object type record counts, last success times, one error row with the exact message and retry countdown.","name":"application-pro-integrations-sync-status-panel","title":"Sync Status Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Endpoints with delivery status, the failing one shown as ops, not shame.","name":"application-pro-integrations-webhook-settings-panel","title":"Webhook Settings Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Webhook debugging surface with an event-type selector, a JSON sample payload, a send-test action, and a recent-deliveries strip with inline failure responses.","name":"application-pro-integrations-webhook-test-console","title":"Webhook Test Console","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Kanban release board where blocked cards take a tinted border and Blocked chip, column headers count blockers, and the board totals every blocker.","name":"application-pro-kanban-boards-blocked-cards-board","title":"Blocked Cards Board","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A board automation surface pairing a rules list with enable switches and run counts beside a When, If, Then rule editor and save actions.","name":"application-pro-kanban-boards-board-automation-panel","title":"Board Automation Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Isolated kanban column with header count, add affordance, and cards showing label, assignee, due date, and subtask progress.","name":"application-pro-kanban-boards-board-column-card","title":"Board Column Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Board toolbar with assignee avatar toggles, label chips, a group-by control, search, and a visible filtered card count.","name":"application-pro-kanban-boards-board-filters-bar","title":"Board Filters Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Board name, Board and Table and Timeline view switcher, member avatar filters, an active filter badge, group-by selector, and a share button.","name":"application-pro-kanban-boards-board-header-toolbar","title":"Board Header Toolbar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Board creation grid of workflow templates, each with a mini column mockup, a description, and a columns and automations meta line; one is selected.","name":"application-pro-kanban-boards-board-template-picker","title":"Board Template Picker","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A kanban board where each card carries a days in column chip tiered fresh, aging, or stale, with stale cards flagged and a threshold legend.","name":"application-pro-kanban-boards-card-aging-board","title":"Card Aging Board","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Subtask checklist inside an open kanban card with a progress bar, five items, two pre-checked, and an add-item affordance.","name":"application-pro-kanban-boards-card-checklist-panel","title":"Card Checklist Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Kanban board with an open inline card composer in the first column, offering a title field, label, owner, due date, and estimate chips.","name":"application-pro-kanban-boards-card-composer-column","title":"Card Composer Column","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open-card panel over a scrim showing status, assignee, description, a checklist with progress, and comment count.","name":"application-pro-kanban-boards-card-detail-blueprint","title":"Card Detail Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A kanban board where quiet stages collapse into slim vertical rails showing name and count, while active stages stay expanded with cards.","name":"application-pro-kanban-boards-collapsed-columns-board","title":"Collapsed Columns Board","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Kanban board where every column carries a dashed entry policy panel listing the criteria a card must meet before it can move into that stage.","name":"application-pro-kanban-boards-column-policy-board","title":"Column Policy Board","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A kanban board frozen mid drag with a dashed pickup ghost, a tilted lifted card over an insertion indicator, and a move status line.","name":"application-pro-kanban-boards-drag-state-board","title":"Drag State Board","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Full four-column product board with issue cards showing label badges, assignee avatars, and muted Done column.","name":"application-pro-kanban-boards-kanban-board","title":"Kanban Board","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Kanban grid with two assignee lanes crossing three workflow columns and dashed empty-cell placeholders.","name":"application-pro-kanban-boards-swimlane-board","title":"Swimlane Board","type":"registry:block"},{"description":"A kanban board with per column work in progress limits, count against limit chips, an over limit column flagged, and story point totals per stage.","name":"application-pro-kanban-boards-wip-limit-board","title":"WIP Limit Board","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Format settings panel with date, time, week start, number, and currency Selects each showing a live preview value and an auto-detect from locale toggle.","name":"application-pro-localization-format-settings","title":"Format Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A master detail glossary pairing a term list with the selected term's definition, usage rules, banned variants, and approved translations per locale.","name":"application-pro-localization-glossary-manager","title":"Glossary Manager","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open language picker panel with 10 locales in their native scripts, the current selection checked, and partial coverage notes on two languages.","name":"application-pro-localization-language-switcher-blueprint","title":"Language Switcher Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Coverage grid crossing string namespaces with target locales, percent cells with banded square indicators, a totals row, and a legend.","name":"application-pro-localization-locale-coverage-matrix","title":"Locale Coverage Matrix","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A locale fallback chain with an ordered resolution list, coverage bars, and role badges, plus a trace showing a key served by the next locale.","name":"application-pro-localization-locale-fallback-chain","title":"Locale Fallback Chain","type":"registry:block"},{"description":"Side-by-side locale comparison card showing how dates, numbers, currency, and a sample sentence render in English versus the selected target locale.","name":"application-pro-localization-locale-preview-card","title":"Locale Preview Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pseudo locale tester with a strategy switch and ruled rows pairing each English string with its accented render, growth percentage, and fit badge.","name":"application-pro-localization-pseudo-locale-tester","title":"Pseudo Locale Tester","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A right to left preview mocking a settings screen in English beside Arabic, plus a bidi checklist marking each check pass or issue.","name":"application-pro-localization-rtl-preview-panel","title":"RTL Preview Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Single string translation editor with source text, placeholder chip, machine suggestion row, target textarea with counters, and queue navigation.","name":"application-pro-localization-string-editor-panel","title":"String Editor Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Translation progress panel listing each language with a percent complete bar, exact string counts, and a Live, Preview, or Draft status badge.","name":"application-pro-localization-translation-progress-card","title":"Translation Progress Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Translation string table with mono keys, source English, French target, and Translated, Fuzzy, and Missing status badges with a per-row edit action.","name":"application-pro-localization-translation-table","title":"Translation Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Saved address card with a static map thumbnail, edit and copy actions, coordinate line, and a default-address toggle with an invoice caveat.","name":"application-pro-maps-location-address-card","title":"Address Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static map blueprint with a dashed SVG radius circle, a stepped radius control, and a count of locations within the selected distance.","name":"application-pro-maps-location-distance-radius-card","title":"Distance Radius Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Static map blueprint with polygon and radius zones above ruled rows pairing each zone with its trigger rule, event count, and toggle.","name":"application-pro-maps-location-geofence-zones","title":"Geofence Zones","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A query field and lookup action above a result card that pairs resolved detail rows with a static map blueprint and a reputation footer strip.","name":"application-pro-maps-location-ip-lookup-panel","title":"IP Lookup Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A visit timeline listing each place with arrival window, time spent, and travel between stops, beside a breadcrumb map and a totals strip.","name":"application-pro-maps-location-location-history","title":"Location History","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Address search input with an open suggestion list and a static map preview blueprint showing the resolved pin and coordinates.","name":"application-pro-maps-location-location-picker","title":"Location Picker","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A master sharing switch, a precision choice between precise and approximate, a list of people who can see you, and a history retention row.","name":"application-pro-maps-location-location-sharing-settings","title":"Location Sharing Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static office locations map with an SVG grid surface, five absolutely-positioned pins, zoom controls, and a side list of pinned locations.","name":"application-pro-maps-location-map-with-pins-blueprint","title":"Map With Pins Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Data-residency region picker with latency indicators, compliance notes per region, and a footer stating region is set once at workspace creation.","name":"application-pro-maps-location-region-selector","title":"Region Selector","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Ordered stop timeline with per leg distances and ETAs beside a static map tracing the route with numbered markers and a vehicle dot.","name":"application-pro-maps-location-route-planner","title":"Route Planner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Sales territory table with static map thumbs, assigned rep avatars, account counts, and an assign affordance for unassigned rows.","name":"application-pro-maps-location-territory-list","title":"Territory List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A teammate list showing avatar, city, and local time beside a 24 hour UTC strip of working hour cells, with a legend and best window footer.","name":"application-pro-maps-location-timezone-overlap","title":"Timezone Overlap","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Collection organizer listing albums with a cover thumbnail, item count, last updated date, and a create album affordance.","name":"application-pro-media-gallery-album-list","title":"Album List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Asset inspector with a preview, ruled metadata rows for dimensions and usage, a copy URL chip, and replace, download, and delete actions.","name":"application-pro-media-gallery-asset-detail-panel","title":"Asset Detail Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A file version history with a header, then ruled rows per version showing a thumbnail, change note, uploader, timestamp, size, and restore action.","name":"application-pro-media-gallery-asset-version-history","title":"Asset Version History","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Media bulk-ops toolbar showing selection count with Move, Tag, Download, and Delete actions and a clear-selection affordance.","name":"application-pro-media-gallery-bulk-media-actions","title":"Bulk Media Actions","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Media folder toolbar with a clickable path, grid and list view toggle, sort picker, and New Folder and Upload actions.","name":"application-pro-media-gallery-folder-breadcrumb-bar","title":"Folder Breadcrumb Bar","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Static crop tool blueprint with a Placeholder canvas, rule of thirds grid, corner handles, aspect ratio chips, and apply and cancel actions.","name":"application-pro-media-gallery-image-crop-blueprint","title":"Image Crop Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open state lightbox with a centered image, prev and next controls, a caption strip, and a five thumbnail filmstrip.","name":"application-pro-media-gallery-lightbox-blueprint","title":"Lightbox Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Asset browser grid with filename, type badge, and size captions, plus a toolbar with search, filter, view toggle, and upload.","name":"application-pro-media-gallery-media-library-grid","title":"Media Library Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dense asset table with select checkboxes, a thumbnail and filename column, type badge, size, modified date, uploader avatar, and per row actions.","name":"application-pro-media-gallery-media-list-view","title":"Media List View","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A storage quota panel with a used versus quota headline, a segmented usage bar by type, per type breakdown rows, and a trash reclaim row.","name":"application-pro-media-gallery-storage-usage-panel","title":"Storage Usage Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Batch upload tracker with per file progress bars, a cancel button, a completed row, and a failed row showing the size limit error.","name":"application-pro-media-gallery-upload-queue-panel","title":"Upload Queue Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A static video trim tool with a preview frame and timecode, a transport row, a filmstrip timeline with trim handles and playhead, and readout chips.","name":"application-pro-media-gallery-video-trim-blueprint","title":"Video Trim Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open product suite switcher panel with six app tiles, a current badge, and a manage apps footer row.","name":"application-pro-navigation-app-switcher-grid","title":"App Switcher Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Breadcrumb bar with the middle segment expanded into a sibling-project switcher panel showing the current item checked.","name":"application-pro-navigation-breadcrumb-dropdown-blueprint","title":"Breadcrumb Dropdown Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The detail page header, breadcrumb trail, title, and right aligned actions.","name":"application-pro-navigation-breadcrumbs-with-actions","title":"Breadcrumbs With Actions","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open command palette with grouped Pages, Actions with Kbd shortcuts, and People results with avatars.","name":"application-pro-navigation-command-palette-open","title":"Command Palette Open","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open-state context menu over a document row with grouped actions, keyboard hints, a submenu arrow on Move to, and Delete in muted weight.","name":"application-pro-navigation-context-menu-blueprint","title":"Context Menu Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Full in-app search results page with grouped Projects, People, and Files sections, counts, and a filter rail.","name":"application-pro-navigation-global-search-results","title":"Global Search Results","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open-state help menu with a docs search field, five action rows including keyboard shortcuts and a changelog unread dot, and a status footer.","name":"application-pro-navigation-help-menu-blueprint","title":"Help Menu Blueprint","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open-state jump-to bar with a typed query, matching destinations grouped and one highlighted, and keyboard navigation hints in the footer.","name":"application-pro-navigation-jump-to-blueprint","title":"Jump To Blueprint","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open mega-menu with three grouped link columns and a featured announcement panel, rendered without a Radix portal.","name":"application-pro-navigation-mega-menu-blueprint","title":"Mega Menu Blueprint","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A sticky on this page outline rail listing document anchors along a guide line with the active section marked, beside doc content with a code sample.","name":"application-pro-navigation-page-outline-rail","title":"Page Outline Rail","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Table footer pagination in two densities: a numbered bar with a row range and rows per page control, plus a compact prev and next variant.","name":"application-pro-navigation-pagination-bar","title":"Pagination Bar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Icon-only sidebar rail with a pinned shortcuts section above the main nav, inline tooltip labels, and an add-pin affordance.","name":"application-pro-navigation-pinned-items-rail","title":"Pinned Items Rail","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open recents menu grouped into Today and Yesterday with item type chips, visit times, and a clear history action.","name":"application-pro-navigation-recent-history-menu-blueprint","title":"Recent History Menu Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A record detail header with a back link, a prev and next position counter with keyboard hints, and a title row with a status badge and actions.","name":"application-pro-navigation-record-pager-header","title":"Record Pager Header","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The settings nav column with grouped links and the Danger zone last and muted.","name":"application-pro-navigation-secondary-settings-nav","title":"Secondary Settings Nav","type":"registry:block"},{"description":"Pill-style segmented toggle for switching in-page views with a per-segment item count, shown in mailbox and calendar range examples.","name":"application-pro-navigation-section-switcher","title":"Section Switcher","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open user menu at the sidebar foot with profile, settings, theme toggle, command shortcut, and sign out.","name":"application-pro-navigation-sidebar-footer-menu-open","title":"Sidebar Footer Menu Open","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An expanded workspace sidebar with flat items, a Projects group opened to indented children along a guide line, and two collapsed groups with counts.","name":"application-pro-navigation-sidebar-nav-tree","title":"Sidebar Nav Tree","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Sidebar in its active filter state with the query filled, matching nav items highlighted and non-matches hidden, and a clear button to restore the full list.","name":"application-pro-navigation-sidebar-search-results","title":"Sidebar Search Results","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Mobile bottom tab bar with five thumb-sized tabs, one active indicator, and a notification badge rendered in a phone frame context strip.","name":"application-pro-navigation-tab-bar-mobile","title":"Tab Bar Mobile","type":"registry:block"},{"description":"Underline tab row for within-page navigation with counts on two tabs and an active panel content area.","name":"application-pro-navigation-tab-navigation-panel","title":"Tab Navigation Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Persistent app topbar with breadcrumb trail, centered search with Kbd hint, notifications, and avatar.","name":"application-pro-navigation-topbar-with-command-hint","title":"Topbar With Command Hint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open workspace switcher showing three workspaces with plan badges, member counts, and a create row.","name":"application-pro-navigation-workspace-switcher-open","title":"Workspace Switcher Open","type":"registry:block"},{"dependencies":["lucide-react"],"description":"In-app framed preview of the daily activity digest email with grouped Mentions, Assignments, and Comments sections and a preference footer.","name":"application-pro-notifications-activity-digest-email-preview","title":"Activity Digest Email Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three calm ops banners, maintenance, expiring card, and the resolved incident.","name":"application-pro-notifications-alert-banner-stack","title":"Alert Banner Stack","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Persistent workspace notice card with a titled message, consequence body, two action buttons, and a dismiss control.","name":"application-pro-notifications-banner-with-actions","title":"Banner With Actions","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Activity digest frequency picker with an include list and the note that digests pause while you are active.","name":"application-pro-notifications-digest-settings-card","title":"Digest Settings Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An escalation policy panel with a named header, a numbered timeline of timed steps naming recipients and channels, and footer behavior notes.","name":"application-pro-notifications-escalation-policy-card","title":"Escalation Policy Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Feature announcement card with a badge, title, body, illustration slot, primary CTA, and a permanent dismiss action.","name":"application-pro-notifications-in-app-message-card","title":"In App Message Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The full inbox grouped under Today and Earlier, read rows muted.","name":"application-pro-notifications-inbox-list-pane","title":"Inbox List Pane","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Muted threads manager listing silenced threads with their context, muted date, expiry or forever status, and a per row unmute action.","name":"application-pro-notifications-mute-thread-row","title":"Mute Thread Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The bell panel open, tabs, four notifications, one unread, mark all read.","name":"application-pro-notifications-notification-center-open","title":"Notification Center Open","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Notifications inbox zero view with a today tally of cleared, snoozed, and archived counts plus a settings link.","name":"application-pro-notifications-notification-empty-state","title":"Notification Empty State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Inbox panel collapsing notifications by source with inline thread expansion and unread count badges.","name":"application-pro-notifications-notification-grouping-list","title":"Notification Grouping List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An ordered rules list where each row names a rule, shows its conditions as chips, points to delivery channels, and carries an enable switch.","name":"application-pro-notifications-notification-rules-list","title":"Notification Rules List","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Five notification type rows with email, push, and in-app channel switches grouped into Account and Workspace sections.","name":"application-pro-notifications-notification-settings-inline","title":"Notification Settings Inline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Priority sorted notification inbox with a Needs You section for mentions and assignments and a FYI section for everything else.","name":"application-pro-notifications-priority-inbox-list","title":"Priority Inbox List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Push appearance settings beside a live lock screen mockup, three preview visibility options, sound and grouping switches, and a test push action.","name":"application-pro-notifications-push-preview-settings","title":"Push Preview Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A do not disturb panel with a master quiet hours switch, seven per day toggle rows, and a card of alerts that always break through.","name":"application-pro-notifications-quiet-hours-schedule","title":"Quiet Hours Schedule","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static blueprint of a live comment toast with avatar, quoted body, view action, and an auto-dismiss timer track.","name":"application-pro-notifications-realtime-toast-blueprint","title":"Realtime Toast Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static blueprint of an open snooze menu with four preset options and resolved wall-clock times per option.","name":"application-pro-notifications-snooze-options-blueprint","title":"Snooze Options Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Followed items panel listing subscribed projects, people, and labels as ruled rows with per-row unfollow actions.","name":"application-pro-notifications-subscription-preferences","title":"Subscription Preferences","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three transient toasts: a success, an undoable deletion with a timer track, and a loading export state.","name":"application-pro-notifications-toast-stack","title":"Toast Stack","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"While you were away, grouped counts since yesterday, paused when you are active.","name":"application-pro-notifications-unread-digest-card","title":"Unread Digest Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The changelog panel, three dated releases badged, no marketing allowed in it.","name":"application-pro-notifications-whats-new-panel","title":"Whats New Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Corner card onboarding widget with a progress ring, five setup tasks, two complete, the next step highlighted, and an honest dismiss note.","name":"application-pro-onboarding-checklist-widget","title":"Checklist Widget","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three plan cards with real limits stated, Free preselected, and a no sales call promise for Team.","name":"application-pro-onboarding-choose-plan-step","title":"Choose Plan Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Four source tiles including a no engineering CSV option and a read only credentials promise in the footer.","name":"application-pro-onboarding-connect-source-card","title":"Connect Source Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Onboarding integrations step with Slack, GitHub, Calendar, and Drive tiles showing one pre-connected state.","name":"application-pro-onboarding-connect-tools-step","title":"Connect Tools Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Onboarding panel showing three data source connection rows with connected, connecting, and failed states including an actionable error and continue-anyway link.","name":"application-pro-onboarding-data-source-status","title":"Data Source Status","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static open-state coach-mark that highlights a new bulk-actions toolbar with a callout card, New badge, and a Got it dismiss button.","name":"application-pro-onboarding-feature-spotlight-blueprint","title":"Feature Spotlight Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Setup complete card with a personalized header, a three item onboarding recap, and a single suggested next action.","name":"application-pro-onboarding-finish-setup-card","title":"Finish Setup Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Day one empty dashboard with two create paths, a three step next preview, and a sample project offer.","name":"application-pro-onboarding-first-project-empty-state","title":"First Project Empty State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Onboarding step with four goal tiles that order the sidebar, one pre-selected, and a note that every feature stays available regardless of the choice.","name":"application-pro-onboarding-goal-selection-step","title":"Goal Selection Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Onboarding import step with CSV dropzone, tool and API source tiles, a dry-run preview promise, and a skip link.","name":"application-pro-onboarding-import-data-step","title":"Import Data Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A developer install step with per platform commands behind tabs, numbered login and test commands, and a live row waiting for the first event.","name":"application-pro-onboarding-install-cli-step","title":"Install CLI Step","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Shows the rendered invite email teammates will receive above an editable personal message field, with recipient chips and a send button.","name":"application-pro-onboarding-invite-preview-card","title":"Invite Preview Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three email and role rows with the retention stat that explains why the invite ask happens at onboarding.","name":"application-pro-onboarding-invite-team-panel","title":"Invite Team Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A notification setup step with four channel toggle rows, a recommended badge, an email digest chooser, and a note that defaults apply per user.","name":"application-pro-onboarding-notification-defaults-step","title":"Notification Defaults Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Inline product-tour step blueprint with a highlighted target, coach-mark card, step 2 of 5 badge, and progress dots.","name":"application-pro-onboarding-product-tour-tooltip","title":"Product Tour Tooltip","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Onboarding role picker with three tiles showing what each role changes in the default layout, one selected.","name":"application-pro-onboarding-role-selection-step","title":"Role Selection Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Banner notifying users they are viewing sample data, with connect and clear actions and demo KPI cards below.","name":"application-pro-onboarding-sample-data-banner","title":"Sample Data Banner","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Four step horizontal stepper with dot states and an open invite panel under the current step.","name":"application-pro-onboarding-setup-progress-stepper","title":"Setup Progress Stepper","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An admin tracker with invited, finished, and stalled counts above per person rows showing avatar, setup progress, next step, and a nudge action.","name":"application-pro-onboarding-team-onboarding-tracker","title":"Team Onboarding Tracker","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Onboarding step with six template cards showing what each pre-wires, a start-blank tile, and a search bar for fast workspace setup.","name":"application-pro-onboarding-template-gallery-step","title":"Template Gallery Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Setup checklist with 5 tasks, time estimates, a progress bar, and a one time dismiss promise.","name":"application-pro-onboarding-welcome-checklist","title":"Welcome Checklist","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static first-login welcome dialog over a scrim: greeting by name, three things to try, and start or tour actions.","name":"application-pro-onboarding-welcome-modal-blueprint","title":"Welcome Modal Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A workspace setup step with name, URL slug, logo upload, and data region on the left beside a live app chrome preview on the right.","name":"application-pro-onboarding-workspace-profile-step","title":"Workspace Profile Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Staff admin console composing a sidebar shell, content moderation queue, and user admin table.","name":"application-pro-prebuilt-pages-admin-page","registryDependencies":["@shadcn-ui-blocks/application-pro-admin-moderation-moderation-queue","@shadcn-ui-blocks/application-pro-admin-moderation-user-admin-table","@shadcn-ui-blocks/application-pro-app-shells-sidebar-shell"],"title":"Admin Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui","recharts"],"description":"Analytics dashboard composing a sidebar shell, KPI row, revenue area chart, usage line chart, and users table.","name":"application-pro-prebuilt-pages-analytics-page","registryDependencies":["@shadcn-ui-blocks/application-pro-app-shells-sidebar-shell","@shadcn-ui-blocks/application-pro-charts-revenue-area-chart","@shadcn-ui-blocks/application-pro-charts-usage-line-chart","@shadcn-ui-blocks/application-pro-data-tables-users-table","@shadcn-ui-blocks/application-pro-stat-cards-kpi-cards-row"],"title":"Analytics Page","type":"registry:block"},{"dependencies":["class-variance-authority","input-otp","lucide-react","radix-ui"],"description":"Auth sequence showcase composing the sign-in page and two-factor page stacked for end-to-end flow review.","name":"application-pro-prebuilt-pages-auth-flow-page","registryDependencies":["@shadcn-ui-blocks/application-pro-auth-pages-sign-in-page","@shadcn-ui-blocks/application-pro-auth-pages-two-factor-page"],"title":"Auth Flow Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Billing page composing the settings shell, current plan usage, invoice history, and payment method panel.","name":"application-pro-prebuilt-pages-billing-page","registryDependencies":["@shadcn-ui-blocks/application-pro-app-shells-settings-shell","@shadcn-ui-blocks/application-pro-billing-current-plan-usage","@shadcn-ui-blocks/application-pro-billing-invoice-history-table","@shadcn-ui-blocks/application-pro-billing-payment-method-panel"],"title":"Billing Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui","recharts"],"description":"Overview dashboard composing the sidebar shell, KPI cards row, revenue area chart, and team activity feed.","name":"application-pro-prebuilt-pages-dashboard-page","registryDependencies":["@shadcn-ui-blocks/application-pro-activity-team-activity-feed","@shadcn-ui-blocks/application-pro-app-shells-sidebar-shell","@shadcn-ui-blocks/application-pro-charts-revenue-area-chart","@shadcn-ui-blocks/application-pro-stat-cards-kpi-cards-row"],"title":"Dashboard Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Self-service help page composing a topbar shell, category search home, and FAQ accordion panel.","name":"application-pro-prebuilt-pages-help-center-page","registryDependencies":["@shadcn-ui-blocks/application-pro-app-shells-topbar-shell","@shadcn-ui-blocks/application-pro-help-support-faq-accordion-panel","@shadcn-ui-blocks/application-pro-help-support-help-center-home"],"title":"Help Center Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three-pane email inbox composing a folder sidebar, thread list, and message reader with reply controls.","name":"application-pro-prebuilt-pages-inbox-page","registryDependencies":["@shadcn-ui-blocks/application-pro-inbox-email-email-list","@shadcn-ui-blocks/application-pro-inbox-email-email-reader","@shadcn-ui-blocks/application-pro-inbox-email-inbox-sidebar"],"title":"Inbox Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Workspace members admin page composing the sidebar shell, users table, and member roles table.","name":"application-pro-prebuilt-pages-members-page","registryDependencies":["@shadcn-ui-blocks/application-pro-app-shells-sidebar-shell","@shadcn-ui-blocks/application-pro-data-tables-users-table","@shadcn-ui-blocks/application-pro-settings-pages-member-roles-table"],"title":"Members Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Shellless new user activation flow composing a progress stepper, welcome checklist, and connect source card.","name":"application-pro-prebuilt-pages-onboarding-page","registryDependencies":["@shadcn-ui-blocks/application-pro-onboarding-connect-source-card","@shadcn-ui-blocks/application-pro-onboarding-setup-progress-stepper","@shadcn-ui-blocks/application-pro-onboarding-welcome-checklist"],"title":"Onboarding Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Full project detail view composing a sidebar shell, KPI cards row, kanban board, and team activity feed.","name":"application-pro-prebuilt-pages-project-detail-page","registryDependencies":["@shadcn-ui-blocks/application-pro-activity-team-activity-feed","@shadcn-ui-blocks/application-pro-app-shells-sidebar-shell","@shadcn-ui-blocks/application-pro-kanban-boards-kanban-board","@shadcn-ui-blocks/application-pro-stat-cards-kpi-cards-row"],"title":"Project Detail Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui","recharts"],"description":"Analytics page composing the sidebar shell, KPI cards, conversion funnel bars, usage line chart, and invoices table.","name":"application-pro-prebuilt-pages-reports-page","registryDependencies":["@shadcn-ui-blocks/application-pro-app-shells-sidebar-shell","@shadcn-ui-blocks/application-pro-charts-conversion-funnel-bars","@shadcn-ui-blocks/application-pro-charts-usage-line-chart","@shadcn-ui-blocks/application-pro-data-tables-invoices-table","@shadcn-ui-blocks/application-pro-stat-cards-kpi-cards-row"],"title":"Reports Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Full settings page composing the settings shell, profile, security, API keys, and danger zone sections.","name":"application-pro-prebuilt-pages-settings-page","registryDependencies":["@shadcn-ui-blocks/application-pro-app-shells-settings-shell","@shadcn-ui-blocks/application-pro-settings-pages-api-keys-panel","@shadcn-ui-blocks/application-pro-settings-pages-danger-zone-card","@shadcn-ui-blocks/application-pro-settings-pages-profile-settings","@shadcn-ui-blocks/application-pro-settings-pages-security-settings"],"title":"Settings Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Ruled add-on rows for extra seats, priority support, and advanced security each with a toggle and a live running monthly total.","name":"application-pro-pricing-plans-addon-selector","title":"Addon Selector","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Billing period switcher with monthly and yearly cards showing effective monthly price, a savings badge on yearly, and the selected state highlighted.","name":"application-pro-pricing-plans-billing-period-toggle","title":"Billing Period Toggle","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Locked feature placeholder card naming the required plan, describing the feature, listing plan highlights, and offering an upgrade CTA or an ask your admin note.","name":"application-pro-pricing-plans-feature-gate-card","title":"Feature Gate Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dense feature matrix comparing Free, Team, and Business plans by category, with checks, values, a current plan badge, and per column actions.","name":"application-pro-pricing-plans-plan-comparison-table","title":"Plan Comparison Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Downgrade confirmation panel listing features lost, named members made read-only, what is kept, and confirm or keep plan actions.","name":"application-pro-pricing-plans-plan-downgrade-warning","title":"Plan Downgrade Warning","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Current plan usage meters for members, workspaces, events, and storage against Team limits, a near limit flag, and an upgrade prompt.","name":"application-pro-pricing-plans-plan-limits-overview","title":"Plan Limits Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"In-app upgrade surface with Free, Team, and Business plan cards, a monthly/yearly billing toggle, feature lists, and current plan indicator.","name":"application-pro-pricing-plans-plan-picker-cards","title":"Plan Picker Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Purchased seats with an occupancy meter, a breakdown of active members and pending invites, a seat stepper, and a live next invoice preview.","name":"application-pro-pricing-plans-seat-management-panel","title":"Seat Management Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Trial status card showing days remaining, what happens at expiry, an add payment method CTA, and an explicit no silent charge pledge.","name":"application-pro-pricing-plans-trial-banner-card","title":"Trial Banner Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An upgrade confirmation showing the plan change, prorated line items with credit, the amount due today, next renewal, and confirm actions.","name":"application-pro-pricing-plans-upgrade-proration-summary","title":"Upgrade Proration Summary","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Stepped chip selector for event volume tiers from 10k to 2 million per month with a live price summary and proration note.","name":"application-pro-pricing-plans-usage-tier-selector","title":"Usage Tier Selector","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Account home card showing plan, role, key dates, connected identity, and settings quick links.","name":"application-pro-profile-account-account-overview-card","title":"Account Overview Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open-state blueprint of an account switcher panel listing three accounts with the current one checked and an add-account row.","name":"application-pro-profile-account-account-switcher-blueprint","title":"Account Switcher Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Activity card with an inline SVG contribution heatmap, monthly event count, and three recent items.","name":"application-pro-profile-account-activity-summary-card","title":"Activity Summary Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Status setter card with four presence options, a custom message field, a clear-after duration picker, and a note on when Do Not Disturb actually silences alerts.","name":"application-pro-profile-account-away-status-card","title":"Away Status Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A three field password form beside a live requirements checklist, a segmented strength meter, the last changed date, and a passkey suggestion.","name":"application-pro-profile-account-change-password-card","title":"Change Password Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Sign-in identities panel listing Google, GitHub, and SSO rows with connected dates, a primary badge, and a disconnect guard.","name":"application-pro-profile-account-connected-identities-card","title":"Connected Identities Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Ruled destructive rows for transfer, deactivate, and delete, each with its consequence, a sole owner guard, and an export reminder above.","name":"application-pro-profile-account-danger-zone-card","title":"Danger Zone Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Personal data export card listing exactly what is included, the zip plus JSON delivery format, a minutes-not-days timing promise, and a not-collected reassurance section.","name":"application-pro-profile-account-data-download-card","title":"Data Download Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Settings form with avatar change, name and headline inputs, bio with char count, and a save bar.","name":"application-pro-profile-account-edit-profile-form","title":"Edit Profile Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Ruled rows for each account email with primary and verification badges, resend and remove actions, and an inline add address form below.","name":"application-pro-profile-account-email-addresses-card","title":"Email Addresses Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sign-in audit table with timestamp, method, device, location, IP, and a result badge, plus a failed-attempt callout and a CSV export action.","name":"application-pro-profile-account-login-history-table","title":"Login History Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Profile notification summary strip with linked cards for Mentions, Assigned, and Reviews showing unread counts derived from a single array and a digest timing note.","name":"application-pro-profile-account-notification-badge-row","title":"Notification Badge Row","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Read-only ruled summary of six personal settings including theme, language, timezone, and notification level with inline edit links.","name":"application-pro-profile-account-preferences-summary","title":"Preferences Summary","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Profile setup progress card with a 70% bar, three remaining steps with quick-action buttons, and completed steps struck through.","name":"application-pro-profile-account-profile-completion-card","title":"Profile Completion Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Profile header band with avatar, name, role, bio, fact chips, and Message and Edit profile actions.","name":"application-pro-profile-account-profile-header","title":"Profile Header","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Compact profile card with avatar, name, headline, a three stat strip, and a Follow button.","name":"application-pro-profile-account-public-profile-card","title":"Public Profile Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Active sessions card listing every signed-in device with browser, location, last active time, per-row revoke, and a sign-out-everywhere action.","name":"application-pro-profile-account-sessions-list-card","title":"Sessions List Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two-factor authentication status panel showing the active method, backup codes remaining, and an enrollment prompt with the security case for new accounts.","name":"application-pro-profile-account-two-factor-status-card","title":"Two Factor Status Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A retention heatmap with weekly signup cohorts as rows, weeks since signup as columns, shaded cells, a shade legend, and a methodology note.","name":"application-pro-reports-cohort-retention-grid","title":"Cohort Retention Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Editable dashboard canvas with a KPI tile, bar chart frame, plan revenue list, stat tile, and an add widget affordance.","name":"application-pro-reports-dashboard-grid-layout","title":"Dashboard Grid Layout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Export settings card with format radio rows, a current view versus all rows scope choice, a headers toggle, and a button that labels the exact row count and format.","name":"application-pro-reports-export-options-card","title":"Export Options Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Drill-in view for a KPI click showing a headline metric, period context, and a segment breakdown table with share bars.","name":"application-pro-reports-metric-detail-drilldown","title":"Metric Detail Drilldown","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An annotated trend chart with numbered markers pinned to dates beside a side rail listing each annotation with author, date, note, and an add control.","name":"application-pro-reports-report-annotations-panel","title":"Report Annotations Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Self-serve report panel with metric and dimension selects, a date-range chip, visualization toggle, and a live stub preview area.","name":"application-pro-reports-report-builder","title":"Report Builder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A period over period comparison with two period chips, a swap control, a metrics summary line, and a table of current, previous, and change values.","name":"application-pro-reports-report-comparison-view","title":"Report Comparison View","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Report filter strip with a removable date-range chip, three dimension selects, a compare to previous period toggle, and an apply button showing the live matching row count.","name":"application-pro-reports-report-filters-bar","title":"Report Filters Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A run history log with a summary strip above a table of runs showing status badges, start times, durations, row counts, and trigger sources.","name":"application-pro-reports-report-run-history","title":"Report Run History","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Saved report header showing the title, removable filter chips echoing active date range and dimensions, last-refreshed time, and export and share actions.","name":"application-pro-reports-report-summary-header","title":"Report Summary Header","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Table of saved reports with creator, last run time, a schedule chip when scheduled, and per-row run, share, and options actions.","name":"application-pro-reports-saved-reports-list","title":"Saved Reports List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Form to schedule a report delivery with frequency, run time, a tag-style recipient list, format radios, and a no-reply address notice.","name":"application-pro-reports-scheduled-report-form","title":"Scheduled Report Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Table of workspace delivery schedules with recurrence, recipient avatar stacks, format badges, last sent times, and run or edit actions per row.","name":"application-pro-reports-scheduled-reports-table","title":"Scheduled Reports Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"API keys list with prefix-masked values, environment badges, created and last used dates, and a Revoke action.","name":"application-pro-settings-pages-api-keys-panel","title":"Api Keys Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Theme tile selector, accent color swatches, interface density toggle, and a reduce-motion Switch for personal look-and-feel.","name":"application-pro-settings-pages-appearance-settings","title":"Appearance Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Audit log configuration with a retention period select, an admins-only access note, a CSV export with recent export history, and an immutability callout.","name":"application-pro-settings-pages-audit-log-settings","title":"Audit Log Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Spend alert switches at 80 and 100 percent of plan, a hard-cap option with stated consequence, and a recipient email field.","name":"application-pro-settings-pages-billing-alerts-settings","title":"Billing Alerts Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Workspace branding panel with logo upload, accent color swatches, a subdomain field, and an honest note on where branding actually appears.","name":"application-pro-settings-pages-branding-settings","title":"Branding Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Ruled list of OAuth apps with scope badges, connected date, authorizing member, and an instant Revoke action per row.","name":"application-pro-settings-pages-connected-apps-settings","title":"Connected Apps Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three escalating workspace actions stating exactly what each destroys and what survives, with outline buttons.","name":"application-pro-settings-pages-danger-zone-card","title":"Danger Zone Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Per-data-type retention period Selects with export and deletion consequence panels, a legal hold note, and a save bar.","name":"application-pro-settings-pages-data-retention-settings","title":"Data Retention Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Sending domain panel with a monospace DNS record grid, per-record verified badges, a from-address field, and a deliverability fallback note for unverified domains.","name":"application-pro-settings-pages-email-domain-settings","title":"Email Domain Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A guest access panel with an allow guests switch, a permitted email domain list, default permission options, and an active guest count row.","name":"application-pro-settings-pages-guest-access-settings","title":"Guest Access Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Data portability panel with an export card listing every included data type and an import dropzone with a dry-run promise before any write.","name":"application-pro-settings-pages-import-export-settings","title":"Import Export Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An IP allowlist panel with an enforcement switch, a list of CIDR ranges with owners and last match times, and an add range form.","name":"application-pro-settings-pages-ip-allowlist-settings","title":"IP Allowlist Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Language and timezone selects with a live date and number format preview row and a first-day-of-week toggle.","name":"application-pro-settings-pages-language-region-settings","title":"Language Region Settings","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six permissions across three roles, with the honest custom roles roadmap note.","name":"application-pro-settings-pages-member-roles-table","title":"Member Roles Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The email and in app switch matrix with the billing row locked on, honestly.","name":"application-pro-settings-pages-notification-preferences","title":"Notification Preferences","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A plan and usage panel with a current plan row, metered usage bars with per limit notes, a near limit badge, and a policy note.","name":"application-pro-settings-pages-plan-usage-settings","title":"Plan and Usage Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Profile panel with avatar upload, name and email inputs, a read-only timezone row, and a save bar.","name":"application-pro-settings-pages-profile-settings","title":"Profile Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A SCIM provisioning panel with sync stats, the base URL and masked bearer token, an attribute mapping grid, and deprovisioning options.","name":"application-pro-settings-pages-scim-provisioning-settings","title":"SCIM Provisioning Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Security panel with password row, two factor status, and a ruled active sessions list with per device revoke.","name":"application-pro-settings-pages-security-settings","title":"Security Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Session control panel with an idle timeout selector, a remember this device toggle, and a sign out all sessions action with its consequences listed.","name":"application-pro-settings-pages-session-timeout-settings","title":"Session Timeout Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Verified domain, IdP metadata, and the enforce switch with its full consequence.","name":"application-pro-settings-pages-sso-and-domain-settings","title":"Sso And Domain Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Team identity panel with name and identifier fields, a default member role Select, who-can-invite radio rows, and a discoverable toggle with its privacy consequence spelled out.","name":"application-pro-settings-pages-team-settings","title":"Team Settings","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"2FA settings panel with authenticator app, SMS fallback, and backup codes rows plus a workspace-wide require 2FA toggle.","name":"application-pro-settings-pages-two-factor-settings","title":"Two Factor Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Webhook endpoint list with mono URLs, event Badges, per-row delivery status, a masked signing secret with reveal and roll actions, and retry policy prose.","name":"application-pro-settings-pages-webhooks-settings","title":"Webhooks Settings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Workspace identity panel with name, slug, URL preview, rename warning, logo upload, and default role select.","name":"application-pro-settings-pages-workspace-general-settings","title":"Workspace General Settings","type":"registry:block"},{"description":"Four oversized tiles for wallboards, deploys, incidents, latency, queue depth.","name":"application-pro-stat-cards-big-number-tiles","title":"Big Number Tiles","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three stat cards, each with a label, value, delta, and a bullet chart bar showing actual against qualitative bands and a target tick.","name":"application-pro-stat-cards-bullet-chart-cards","title":"Bullet Chart Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three cards comparing This month and Last month side by side with a computed delta footer per metric.","name":"application-pro-stat-cards-comparison-stat-cards","title":"Comparison Stat Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Compact card listing five metrics as ruled rows each with a tabular value and an up or down delta chip for a multi-metric movers panel.","name":"application-pro-stat-cards-delta-list-card","title":"Delta List Card","type":"registry:block"},{"description":"Stat card with an inline SVG donut showing a 2 to 3 part breakdown beside the headline number and a ruled legend, no chart library.","name":"application-pro-stat-cards-donut-stat-card","title":"Donut Stat Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A forecast card with the month to date value, a cumulative line turning dashed past today, and a footer of close, target, and range.","name":"application-pro-stat-cards-forecast-stat-card","title":"Forecast Stat Card","type":"registry:block"},{"description":"Acquisition funnel card with four shrinking horizontal bars, step conversion percentages, and an end-to-end rate headline.","name":"application-pro-stat-cards-funnel-stat-card","title":"Funnel Stat Card","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Three Q2 goal cards each with a progress bar, current vs target value, and a projected pace line.","name":"application-pro-stat-cards-goal-progress-cards","title":"Goal Progress Cards","type":"registry:block"},{"description":"Activity heatmap card with a CSS grid of cells shaded by foreground opacity across hours and days, no chart lib.","name":"application-pro-stat-cards-heatmap-stat-card","title":"Heatmap Stat Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four headline metrics with deltas and the context line that stops misreadings.","name":"application-pro-stat-cards-kpi-cards-row","title":"Kpi Cards Row","type":"registry:block"},{"description":"An active user counter with a pulsing dot, a static sparkline, and an honest refresh cadence footnote.","name":"application-pro-stat-cards-live-counter-card","title":"Live Counter Card","type":"registry:block"},{"description":"A single metric versus its target on a horizontal progress track with the gap and pace stated plainly.","name":"application-pro-stat-cards-metric-with-target-card","title":"Metric With Target Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"One card holding three related metrics in a row with vertical dividers, each showing a value, label, and small delta.","name":"application-pro-stat-cards-multi-metric-card","title":"Multi Metric Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One hero metric with a sparkline and a versioned definition against drift.","name":"application-pro-stat-cards-north-star-metric-card","title":"North Star Metric Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A latency card with the p95 headline, a distribution track marking each percentile, and a ruled row per percentile with a magnitude bar and value.","name":"application-pro-stat-cards-percentile-stat-card","title":"Percentile Stat Card","type":"registry:block"},{"description":"Stat card with a centered inline SVG progress ring showing a single percentage, a used of total sub-line, and a plan limit footer row.","name":"application-pro-stat-cards-progress-ring-card","title":"Progress Ring Card","type":"registry:block"},{"description":"A headline total with a stacked horizontal bar and legend showing the breakdown by source or category.","name":"application-pro-stat-cards-segmented-stat-card","title":"Segmented Stat Card","type":"registry:block"},{"description":"A card with a 2x2 grid of compact metrics each paired with an inline SVG sparkline, no chart library.","name":"application-pro-stat-cards-sparkline-grid-card","title":"Sparkline Grid Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"One wide card with a headline user count and a ruled breakdown list by plan with counts and share percentages.","name":"application-pro-stat-cards-stat-with-breakdown-list","title":"Stat With Breakdown List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7 week trend.","name":"application-pro-stat-cards-stats-with-sparklines","title":"Stats With Sparklines","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Ops summary strip of four Badge-styled status tiles showing service counts for Operational, Degraded, Partial outage, and Maintenance.","name":"application-pro-stat-cards-status-tiles-row","title":"Status Tiles Row","type":"registry:block"},{"description":"A consistency card showing a current streak count, an inline SVG week-row of filled and empty day cells, and supporting stats.","name":"application-pro-stat-cards-streak-card","title":"Streak Card","type":"registry:block"},{"description":"Five teammates ranked by tickets closed, equal styling, a quality caveat footer.","name":"application-pro-stat-cards-team-leaderboard-stats","title":"Team Leaderboard Stats","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A stat card in breach state showing a live metric against its configured threshold with a calm next-action line.","name":"application-pro-stat-cards-threshold-alert-card","title":"Threshold Alert Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two side by side tiles comparing the same metric across two segments with values, deltas, and a summary read.","name":"application-pro-stat-cards-trend-comparison-tiles","title":"Trend Comparison Tiles","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An MRR movement card with a headline total, offset horizontal bars for each gain and loss, a color legend, and an axis note.","name":"application-pro-stat-cards-waterfall-stat-card","title":"Waterfall Stat Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Editable internal status list with a per-row Select for Operational, Degraded, Partial outage, or Down and a publish to status page action.","name":"application-pro-status-health-component-status-list","title":"Component Status List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Static architecture health map with service nodes on an SVG grid, connecting lines, and a degraded dependency highlighted.","name":"application-pro-status-health-dependency-map-blueprint","title":"Dependency Map Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui","recharts"],"description":"An SLO panel with a header badge, a four stat budget and burn rate row, and a line chart tracking remaining budget against ideal burn.","name":"application-pro-status-health-error-budget-burndown","title":"Error Budget Burndown","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Slim dismissible incident alert bar with the incident start time, a status page link, and a subscribe affordance.","name":"application-pro-status-health-incident-banner","title":"Incident Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Incident detail card with a resolved header, a four-phase chronological update rail, and a postmortem link at the foot.","name":"application-pro-status-health-incident-timeline","title":"Incident Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An incident update form with a header, a status phase radio group, a message field, component checkboxes, notification switches, and post actions.","name":"application-pro-status-health-incident-update-composer","title":"Incident Update Composer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Scheduled maintenance notice showing the UTC window, timezone conversions, affected services, and a remind-me email affordance.","name":"application-pro-status-health-maintenance-window-card","title":"Maintenance Window Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Resolved incidents grouped by month with duration, impact summary, and a postmortem link per row.","name":"application-pro-status-health-past-incidents-list","title":"Past Incidents List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A table matrix with services as rows and four regions as columns, each cell showing a status dot and latency, with a legend below.","name":"application-pro-status-health-regional-status-matrix","title":"Regional Status Matrix","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Internal ops table listing services with status badges, p95 latency, error rate, last incident time, and the on-call engineer avatar.","name":"application-pro-status-health-service-health-table","title":"Service Health Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"SLA card showing the uptime target, actual this period, error budget bar, and the last published breach record.","name":"application-pro-status-health-sla-summary-card","title":"Sla Summary Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Public status page with an overall operational banner, per-service uptime badges, 90-day tick strips, and a subscribe affordance.","name":"application-pro-status-health-status-page","title":"Status Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A panel listing probe rows, each with a status dot, check name and target, type badge, region, interval, median latency, and a run result strip.","name":"application-pro-status-health-synthetic-checks-panel","title":"Synthetic Checks Panel","type":"registry:block"},{"description":"30-day per-service reliability grid with each cell shaded by status using foreground opacity tokens and a per-row uptime figure.","name":"application-pro-status-health-uptime-grid","title":"Uptime Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Personal task queue grouped by Overdue, Today, and This week, each row showing a project badge, checkbox, and due date.","name":"application-pro-tasks-todos-assigned-to-me-list","title":"Assigned To Me List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A team workload panel with one row per teammate showing avatar, open task count, a capacity bar, scheduled hours, and a load badge.","name":"application-pro-tasks-todos-assignee-workload","title":"Assignee Workload","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A blocked tasks panel where each row shows a waiting task with priority and due date, then an indented blocker line and a ready action.","name":"application-pro-tasks-todos-blocked-tasks-panel","title":"Blocked Tasks Panel","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Compact checklist card with six items, a Progress bar at 3 of 6, and a note that checklists do not block task completion.","name":"application-pro-tasks-todos-checklist-card","title":"Checklist Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A completed tasks log grouped by day, each row with a check icon, title, project badge, completer avatar, and time, beside a weekly bar strip.","name":"application-pro-tasks-todos-completed-log","title":"Completed Log","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Personal daily plan card grouped into Morning, Afternoon, and No time sections with time chips and a free gap callout.","name":"application-pro-tasks-todos-my-day-panel","title":"My Day Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Eisenhower-style 2x2 grid with task chips in each urgency and importance quadrant, per-quadrant counts, and a note that Do Now should be the emptiest column.","name":"application-pro-tasks-todos-priority-matrix","title":"Priority Matrix","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Recurring task list showing each rule summary badge, the next three occurrence dates, and a note that past occurrences are never retroactively changed.","name":"application-pro-tasks-todos-recurring-task-row","title":"Recurring Task Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Nested subtask view with two levels of indented checkboxes, expand chevrons on parent nodes, and a progress bar that rolls up only leaf-node completion.","name":"application-pro-tasks-todos-subtask-tree","title":"Subtask Tree","type":"registry:block"},{"description":"Dense three column task board with one line cards showing a checkbox dot, truncated title, and assignee avatar for sidebar or split pane use.","name":"application-pro-tasks-todos-task-board-compact","title":"Task Board Compact","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Task discussion thread with avatar bubbles, timestamps, emoji reactions, an inline status-change event, and a composer with mention and task-link hints.","name":"application-pro-tasks-todos-task-comments-panel","title":"Task Comments Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static blueprint of an open task detail panel with meta rows, a subtask checklist with Progress, an activity strip, and a comment composer.","name":"application-pro-tasks-todos-task-detail-blueprint","title":"Task Detail Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Interactive filter toolbar with assignee, status, priority, and due chips, active-filter tokens, a saved-view dropdown, and a live task count.","name":"application-pro-tasks-todos-task-filters-bar","title":"Task Filters Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Ruled task list with label badges, assignee avatars, due dates, a done count header, and muted overdue signaling.","name":"application-pro-tasks-todos-task-list","title":"Task List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Quick add composer with a highlighted capture line, a parsed chip row for due date, project, priority, and assignee, and a keyboard hint footer.","name":"application-pro-tasks-todos-task-quick-add","title":"Task Quick Add","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A verified domains card showing each domain's auto join behavior and member count, with a pending domain that expands into a DNS record panel.","name":"application-pro-teams-orgs-domain-verification-card","title":"Domain Verification Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A guest access panel listing external collaborators with avatar and email, the projects they can reach, an expiry date, and convert or remove actions.","name":"application-pro-teams-orgs-guest-access-panel","title":"Guest Access Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Bulk invite form with a tag email input, role select, optional message, and seat consequence note before sending.","name":"application-pro-teams-orgs-invite-members-form","title":"Invite Members Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A member offboarding card with the departing member, a transfer ownership selector, a checklist of owned items to reassign, and a deactivate action.","name":"application-pro-teams-orgs-member-offboarding-panel","title":"Member Offboarding Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A day grouped membership timeline of joins, role changes, invites, and removals, each with an event icon, actor avatar, detail line, and timestamp.","name":"application-pro-teams-orgs-membership-activity-log","title":"Membership Activity Log","type":"registry:block"},{"description":"An org chart showing two levels of the Engineering hierarchy with avatar cards and border connectors, no chart library required.","name":"application-pro-teams-orgs-org-chart","title":"Org Chart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Table of outstanding invites with email, role, sent date, sender avatar, days until expiry, and per row resend and revoke actions.","name":"application-pro-teams-orgs-pending-invites-list","title":"Pending Invites List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Role permissions table with Check and Minus cells across Viewer, Member, Admin, and Owner columns and the current role highlighted.","name":"application-pro-teams-orgs-permissions-matrix","title":"Permissions Matrix","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A panel for editing a workspace member role with a role selector listing permission descriptions, a scope list, and an effective immediately callout.","name":"application-pro-teams-orgs-role-assignment-panel","title":"Role Assignment Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Seat usage panel showing total, used, and free seats with a per-team breakdown and an honest end-of-cycle removal note.","name":"application-pro-teams-orgs-seat-allocation-card","title":"Seat Allocation Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A team profile card with purpose statement, lead avatar, member avatar stack with overflow count, quick links, and a join request action.","name":"application-pro-teams-orgs-team-detail-card","title":"Team Detail Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A searchable grid of member cards with avatar, role, team badge, and online status dot for finding people across the workspace.","name":"application-pro-teams-orgs-team-directory","title":"Team Directory","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A static open state blueprint of a team switcher panel listing four teams with role and member count, rendered as plain markup for stable preview screenshots.","name":"application-pro-teams-orgs-team-switcher-blueprint","title":"Team Switcher Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A vertical changelog timeline grouped by month, each entry showing a type badge, a title, a summary line, and the date with affected area.","name":"application-pro-timeline-roadmap-changelog-feed","title":"Changelog Feed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Roadmap item dependency panel with blocked-by and blocking sections, each row showing status and an inline blocking note.","name":"application-pro-timeline-roadmap-dependency-list","title":"Dependency List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"CSS-grid Gantt chart with a task-name column, week-column timeline, positioned duration bars with in-progress fills, and a today line.","name":"application-pro-timeline-roadmap-gantt-rows","title":"Gantt Rows","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A launch countdown with a summary header and a two column grid of T minus phases, each a checklist of tasks with owners and states.","name":"application-pro-timeline-roadmap-launch-plan","title":"Launch Plan","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Vertical stepper of four milestones with done, in-progress, and upcoming status, owner avatars, target dates, and progress bars.","name":"application-pro-timeline-roadmap-milestone-tracker","title":"Milestone Tracker","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Compact roadmap list with three sections each showing initiative rows with a confidence chip and an honest status note per item.","name":"application-pro-timeline-roadmap-now-next-later","title":"Now Next Later","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Twin planned and actual bars for each initiative on a shared six month grid, each with a slip badge, above on time and late totals.","name":"application-pro-timeline-roadmap-plan-vs-actual","title":"Plan Vs Actual","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Q3 roadmap grid with CSS span bars, capacity hints, and status badges for 8 initiatives across 5 teams.","name":"application-pro-timeline-roadmap-quarter-planner","title":"Quarter Planner","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Horizontal release rail showing shipped, current, and upcoming version markers each with a date and a one-line scope note.","name":"application-pro-timeline-roadmap-release-timeline","title":"Release Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Product roadmap board with Now, Next, and Later columns showing initiative cards with team badges, quarter chips, and progress bars.","name":"application-pro-timeline-roadmap-roadmap-board","title":"Roadmap Board","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Sprint at-a-glance panel with a capacity versus committed summary, a ten-day CSS-grid task board, and a today line across all rows.","name":"application-pro-timeline-roadmap-sprint-timeline","title":"Sprint Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three strategic themes as stacked lanes, each with an owner, a progress bar, and initiative rows carrying a status dot, quarter chip, and note.","name":"application-pro-timeline-roadmap-theme-lanes","title":"Theme Lanes","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A human approval queue where each card names the automation, the action awaiting sign off, context chips, the requester, and approve or decline actions.","name":"application-pro-workflow-automation-approval-queue","title":"Approval Queue","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Vertical trigger, filter, and action step editor with dashed connectors, a Draft badge, and Save automation for a single linear flow.","name":"application-pro-workflow-automation-automation-builder","title":"Automation Builder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Failed automation card with the error in plain words, a retry meter showing attempts used and remaining, and a payload replay affordance.","name":"application-pro-workflow-automation-automation-error-card","title":"Automation Error Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Template gallery with six categorised automation cards, use counts, a search field, and a start-from-scratch tile.","name":"application-pro-workflow-automation-automation-templates-grid","title":"Automation Templates Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui","recharts"],"description":"An automation analytics panel with four stat tiles for runs, success rate, time saved, and active count above a runs per day bar chart.","name":"application-pro-workflow-automation-automation-usage-stats","title":"Automation Usage Stats","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Branch decision panel with an If row of field, operator, and value chips, Then and Else path summaries, and an add condition affordance.","name":"application-pro-workflow-automation-condition-branch-card","title":"Condition Branch Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A connected apps panel where each row shows the account, a status badge, dependent automation count, and a reconnect action for broken connections.","name":"application-pro-workflow-automation-connection-health-panel","title":"Connection Health Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Automation run debugger showing the run header, a per step status list, and the input and output of the failed step expanded.","name":"application-pro-workflow-automation-run-detail-panel","title":"Run Detail Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Automation execution log with timestamp, automation name, status badge, duration, items affected, and inline error text on failed rows.","name":"application-pro-workflow-automation-run-history-table","title":"Run History Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A schedule trigger configuration card with frequency chips, day of week toggles, time and timezone rows, and a preview of the next queued runs.","name":"application-pro-workflow-automation-schedule-trigger-panel","title":"Schedule Trigger Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Automations index with ruled rows summarising each automation as trigger to action text, a live Switch, last run time, and run count.","name":"application-pro-workflow-automation-trigger-action-row","title":"Trigger Action Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Static node-graph canvas with four positioned cards connected by dashed SVG lines, parallel branches, a merge node, and a zoom toolbar.","name":"application-pro-workflow-automation-workflow-canvas-blueprint","title":"Workflow Canvas Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A welcome screen with a centered prompt field, suggested actions, and a short intro. Greets users and invites the first message in an AI assistant.","name":"application-ai-prompt-welcome-page","title":"Welcome Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Clean metric cards that display a label and a single number set side by side. Use across a dashboard header to surface key totals at a glance.","name":"application-application-stats-simple-cards","title":"Simple Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Stat cards pairing each number with a small badge that shows change or trend. Use to flag growth or decline next to revenue and signup totals.","name":"application-application-stats-with-badges","title":"With Badges","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Metric cards that pair each figure with a tinted icon set in a colored circle. Use to make categories easy to scan on a busy analytics dashboard.","name":"application-application-stats-with-colored-icons","title":"With Colored Icons","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Stat cards that place a short line of context under each number. Use when a raw figure needs explanation, like a comparison to the prior month.","name":"application-application-stats-with-description","title":"With Description","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Metric cards with a small icon beside every value for quick recognition. Use on overview screens where users skim totals by category very fast.","name":"application-application-stats-with-icons","title":"With Icons","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Stat cards that pair a number with a progress bar moving toward a target. Use to show goal completion for revenue, storage, or active user counts.","name":"application-application-stats-with-progress","title":"With Progress","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dense form with grouped sections, multiple field types, and a sticky action bar. Use it for detailed settings, account creation, or admin record editing.","name":"application-form-layouts-complex-form","title":"Complex Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A single column form with labels stacked above each input and a clear submit action. Ideal for short flows like sign in, contact, or quick profile edits.","name":"application-form-layouts-stacked","title":"Stacked","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A form split into two columns of fields with a shared header and footer actions. Use it for longer profiles or billing details that fit a wider screen.","name":"application-form-layouts-two-column","title":"Two Column","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two panel login screen pairing a sign in form with a side image. Use it to add brand personality to authentication on web apps and dashboards.","name":"application-login-split-with-image","title":"Split With Image","type":"registry:block"},{"description":"A centered page title with optional description text, balanced on the screen. Use it on focused app views like settings or a single record detail.","name":"application-page-headings-simple-centered","title":"Simple Centered","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A page title paired with buttons on the right for primary and secondary actions. Use it atop list or detail views where users create or edit.","name":"application-page-headings-with-actions","title":"With Actions","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A page title with a search field and filter controls sitting below it. Use it on data heavy screens so users narrow long tables and lists fast.","name":"application-page-headings-with-search-filters","title":"With Search Filters","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A page title sitting above a row of key metrics like totals and trends. Use it on dashboards to frame the view and surface numbers at a glance.","name":"application-page-headings-with-stats","title":"With Stats","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A page title with a numbered step indicator that shows progress. Use it across multi screen flows like onboarding, checkout, or a setup wizard.","name":"application-page-headings-with-steps","title":"With Steps","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A page title with a row of tabs beneath it for switching sections. Use it on profile or settings screens that split content across many views.","name":"application-page-headings-with-tabs","title":"With Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A reset password form that emails a one time code, then prompts users to enter the OTP digits before setting a new password. Use for secure email recovery.","name":"application-reset-password-email-otp-reset","title":"Email OTP Reset","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A reset password form that verifies identity with a saved security question and answer before allowing a new password. Use as a passwordless recovery path.","name":"application-reset-password-security-question-reset","title":"Security Question Reset","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean reset password form with new password and confirm fields plus a submit button. Use on the final step after a user clicks a recovery link.","name":"application-reset-password-simple-reset","title":"Simple Reset","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A reset password form that reads a token from the recovery link, confirms it, then collects a new password. Use to complete a tokened email reset flow.","name":"application-reset-password-token-reset","title":"Token Reset","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A profile billing view with current plan, payment method, invoice history, and an upgrade prompt. Use it where members manage subscriptions and receipts.","name":"application-user-profiles-billing","title":"Billing","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dense list of user profiles with avatar, name, role, and quick actions per row. Fits admin tables and directories where space stays tight.","name":"application-user-profiles-compact-list","title":"Compact List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A developer profile with API keys, access tokens, connected apps, and usage notes. Use it on settings pages where engineers manage their integrations.","name":"application-user-profiles-developer","title":"Developer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A guided profile setup with steps for avatar, name, and preferences. Use it right after signup to help new users finish their account quickly.","name":"application-user-profiles-onboarding","title":"Onboarding","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A profile permissions panel listing roles and toggles for what a member can view or edit. Use it where admins grant access across an application.","name":"application-user-profiles-permissions","title":"Permissions","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A profile security view showing recent sign ins, devices, locations, and times. Use it so members can spot odd activity and protect their account.","name":"application-user-profiles-security-logs","title":"Security Logs","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A clean profile card with avatar, name, bio, and a few key details. Use it for a focused account summary on dashboards or member directory pages.","name":"application-user-profiles-simple","title":"Simple","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A profile layout split into tabs for account, security, and notifications. Use it to organize many settings without crowding a single long page.","name":"application-user-profiles-tabbed","title":"Tabbed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of teammate profiles with photos, titles, and contact buttons. Use it on an about page or internal directory to introduce the whole team.","name":"application-user-profiles-team-grid","title":"Team Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A profile header paired with metrics like followers, posts, and reputation. Use it on social or community pages to show a member at a glance.","name":"application-user-profiles-with-stats","title":"With Stats","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion where each item border softly fades on open. Adds a quiet visual cue for active panels in FAQs and settings without loud styling.","name":"components-accordions-border-fade-accordion","title":"Border Fade Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion built from separated cards, each panel raised on its own surface. Good for FAQs or feature details that need clear visual separation.","name":"components-accordions-card-accordion","title":"Card Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion divided by dashed lines between items. The light dashed rhythm keeps long FAQ lists readable while staying subtle and unobtrusive.","name":"components-accordions-dash-line-accordion","title":"Dash Line Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion framed by a dotted border around each panel. The playful dotted outline suits informal FAQs, help docs, and friendly onboarding tips.","name":"components-accordions-dotted-border-accordion","title":"Dotted Border Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion with a double line framing every item. The layered borders add clear structure for FAQs and specs where rows need firm definition.","name":"components-accordions-double-border-accordion","title":"Double Border Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion whose answer text gently fades in as a panel opens. The soft entrance keeps reader focus on the revealed content in FAQs and guides.","name":"components-accordions-fade-in-content-accordion","title":"Fade In Content Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion where the question label lifts up as the panel opens. The floating title keeps context visible while reading through long FAQ answers.","name":"components-accordions-floating-label-accordion","title":"Floating Label Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion with a glowing border on the open item. The lit edge draws the eye to the active panel, fitting dark themes and modern product FAQs.","name":"components-accordions-glow-border-accordion","title":"Glow Border Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion that tints the background of the open item. The highlighted row keeps your place in long FAQ lists and dense product documentation.","name":"components-accordions-highlight-active-accordion","title":"Highlight Active Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion with thin divider lines and no boxes at all. The stripped back style fits clean FAQs, sidebars, and content heavy marketing pages.","name":"components-accordions-minimal-line-accordion","title":"Minimal Line Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion supporting nested items inside bordered panels. Use it for layered FAQs, docs, and settings where topics branch into subtopics.","name":"components-accordions-nested-border-accordion","title":"Nested Border Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion with a number beside every question. The counted order suits step guides, ranked FAQs, and any sequence readers follow in turn.","name":"components-accordions-numbered-accordion","title":"Numbered Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion that lifts each item with a soft shadow on open. The raised panel clearly signals the active answer in FAQs and feature breakdowns.","name":"components-accordions-shadow-reveal-accordion","title":"Shadow Reveal Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion styled as numbered steps with connecting markers. Ideal for setup flows, tutorials, and any process that readers complete in order.","name":"components-accordions-stepped-accordion","title":"Stepped Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion with a bold colored bar down the side of each item. The thick accent marks active rows in FAQs and grabs reader attention quickly.","name":"components-accordions-thick-side-border-accordion","title":"Thick Side Border Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion where each question sits above a single underline. The clean text first look fits editorial FAQs and quiet, tidy help sections.","name":"components-accordions-underline-accordion","title":"Underline Accordion","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts with a colored bar on the left edge that signals tone at a glance. Use for status messages where the color cue matters more than the icon.","name":"components-alerts-accent-border-alerts","title":"Accent Border Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts framed by a colored border on every side for strong emphasis. Use when a notice must stand out clearly against a busy page or dashboard.","name":"components-alerts-all-sides-accent-alerts","title":"All Sides Accent Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Plain alerts with an icon, title, and message in a soft container. Use for everyday notices like saved changes, confirmations, and short tips.","name":"components-alerts-basic-alerts","title":"Basic Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts with a colored underline along the bottom edge for a subtle cue. Use for inline messages in forms or cards that need only light emphasis.","name":"components-alerts-bottom-accent-alerts","title":"Bottom Accent Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Slim alerts with tight padding and a single line of text inside. Use in dense layouts, tables, or sidebars where vertical space stays limited.","name":"components-alerts-compact-alerts","title":"Compact Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts outlined with a dashed border for a lighter, sketch like feel. Use for draft notices, placeholders, or optional tips in a quiet tone.","name":"components-alerts-dashed-border-alerts","title":"Dashed Border Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Alerts with a close button so users can clear a notice once read. Use for cookie banners, promotions, and warnings that should not stay forever.","name":"components-alerts-dismissible-alerts","title":"Dismissible Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts wrapped in a dotted border for a soft, playful outline. Use for casual reminders, tips, or low priority notes in friendly interfaces.","name":"components-alerts-dotted-border-alerts","title":"Dotted Border Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts with a layered double border for a refined, framed look. Use to highlight important notices that deserve extra visual weight on a page.","name":"components-alerts-double-border-alerts","title":"Double Border Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts raised with a soft shadow so they lift off the surface. Use for floating notifications or messages that should feel above the content.","name":"components-alerts-elevated-alerts","title":"Elevated Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts with a blurred, translucent backdrop that reveals content behind. Use over images or hero sections where a glassy notice fits the design.","name":"components-alerts-frosted-glass-alerts","title":"Frosted Glass Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts ringed by a soft glowing border that draws the eye gently. Use for promotions or new feature notices that need a warm, inviting accent.","name":"components-alerts-glow-border-alerts","title":"Glow Border Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Compact alerts that pair a status icon with a short message and no title. Use for quick inline feedback where space is tight and tone is clear.","name":"components-alerts-icon-only-alerts","title":"Icon Only Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts with an inset shadow that sinks slightly into the surface. Use for grouped notices inside cards or panels that feel part of the layout.","name":"components-alerts-inset-alerts","title":"Inset Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts set in a monospace typeface for a technical, code style tone. Use for build output, terminal messages, or warnings aimed at developers.","name":"components-alerts-monospace-alerts","title":"Monospace Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts defined only by a clean border with no fill behind the text. Use on colored or busy backgrounds where a solid panel would feel heavy.","name":"components-alerts-outlined-alerts","title":"Outlined Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts styled like a paper card with subtle texture and soft edges. Use for printed style notices, receipts, or warm document driven layouts.","name":"components-alerts-paper-alerts","title":"Paper Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts with a border that gently pulses to catch attention over time. Use for live updates, countdowns, or urgent notices that should not be missed.","name":"components-alerts-pulse-border-alerts","title":"Pulse Border Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts with a colored bar on the right edge for a mirrored accent. Use in right aligned layouts or when the left side already holds an icon.","name":"components-alerts-right-accent-alerts","title":"Right Accent Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Alerts topped with a colored bar across the upper edge for a header cue. Use for grouped notices where the accent reads like a small banner.","name":"components-alerts-top-accent-alerts","title":"Top Accent Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A badge with layered shadows and depth that lifts off the surface. Use it to spotlight a featured tag or premium label that needs to stand out.","name":"components-badges-3d-badge","title":"3D Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A badge with a springy bounce animation that draws the eye on entry. Use it to flag new arrivals or fresh updates that should grab attention.","name":"components-badges-bounce-badge","title":"Bounce Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A badge paired with a small colored dot that shows status at a glance. Use it to show online, busy, or away states next to a name or avatar.","name":"components-badges-dot-indicator-badge","title":"Dot Indicator Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A badge raised above the surface with a soft drop shadow. Use it to mark a priority label or count that should read as floating above content.","name":"components-badges-elevated-badge","title":"Elevated Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An oversized badge with generous padding and bold text for high visibility. Use it on hero areas or banners where a tag must read from a distance.","name":"components-badges-extra-large-badge","title":"Extra Large Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A badge wrapped in a colorful gradient outline around plain fill. Use it to mark beta, pro, or featured labels that need a vivid accent edge.","name":"components-badges-gradient-border-badge","title":"Gradient Border Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A badge that grows slightly when the pointer rests on it. Use it for interactive tags or filters where a touch of feedback invites a quick click.","name":"components-badges-hover-scale-badge","title":"Hover Scale Badge","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A badge that pairs a small icon with a label for instant meaning. Use it to tag categories, statuses, or actions where text alone reads slowly.","name":"components-badges-icon-badge","title":"Icon Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A roomy badge with extra padding and larger text for clear reading. Use it to highlight a plan tier, count, or status across busy interfaces.","name":"components-badges-large-badge","title":"Large Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A badge with a soft pulsing ring that radiates outward on a loop. Use it to signal live activity, unread items, or a recording session in progress.","name":"components-badges-pulse-badge","title":"Pulse Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A badge styled as a corner ribbon that drapes over a card edge. Use it to flag sale, new, or sold out states across product and gallery tiles.","name":"components-badges-ribbon-badge","title":"Ribbon Badge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A badge with sharp square corners and a compact footprint. Use it for crisp version tags, counts, or labels that suit a structured grid layout.","name":"components-badges-square-badge","title":"Square Badge","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb trail wrapped in a soft tinted background bar. Anchors the top of a page and keeps navigation links readable above busy content.","name":"components-breadcrumbs-background-breadcrumb","title":"Background Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb sitting inside a thin outlined container. Frames the navigation path cleanly on a dashboard header or any content section toolbar.","name":"components-breadcrumbs-bordered-breadcrumb","title":"Bordered Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb housed in a rounded card with a subtle shadow. Lifts the navigation path off the page for detail views and account settings screens.","name":"components-breadcrumbs-card-breadcrumb","title":"Card Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A tight breadcrumb with reduced spacing between its links. Fits crowded toolbars and mobile headers where horizontal room is in short supply.","name":"components-breadcrumbs-compact-breadcrumb","title":"Compact Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb that separates each link with a small round dot. Offers a quiet, minimal path indicator for clean app layouts and page headers.","name":"components-breadcrumbs-dot-breadcrumb","title":"Dot Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb pairing each link with a leading icon. Helps users scan the path at a glance across sections like home, docs, billing, and settings.","name":"components-breadcrumbs-icon-breadcrumb","title":"Icon Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb that numbers each step in the path. Clarifies order for sequential flows such as checkout, onboarding, or a multi step setup wizard.","name":"components-breadcrumbs-numbered-breadcrumb","title":"Numbered Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb where each link sits inside a rounded pill shape. Adds a friendly, tappable feel to navigation on dashboards and profile pages.","name":"components-breadcrumbs-pill-breadcrumb","title":"Pill Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb with a fill that tracks how far a user has moved. Shows completion across multi step forms, checkout, and guided account onboarding.","name":"components-breadcrumbs-progress-breadcrumb","title":"Progress Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb that divides its links with a forward slash. Mirrors a file path style for code tools, documentation, and folder browsing screens.","name":"components-breadcrumbs-slash-breadcrumb","title":"Slash Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb that pins to the top of the view as the page scrolls. Keeps the current location visible on long articles and deep settings pages.","name":"components-breadcrumbs-sticky-breadcrumb","title":"Sticky Breadcrumb","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A breadcrumb laid out as a connected timeline of steps. Maps a journey through stages, ideal for order tracking and live project status views.","name":"components-breadcrumbs-timeline-breadcrumb","title":"Timeline Breadcrumb","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons with borders that animate and trace around the edge on hover. Draw attention to a primary action without changing the button fill at rest.","name":"components-buttons-border-animation-buttons","title":"Border Animation Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons with angled, clipped corners for a sharp geometric look. Fits gaming, tech, or editorial interfaces that want an edgy call to action.","name":"components-buttons-cut-corners-buttons","title":"Cut Corners Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Oversized buttons with generous padding and large type. Use them as the main hero call to action where one tap should be impossible to miss.","name":"components-buttons-extra-large-buttons","title":"Extra Large Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Compact, low height buttons with tight padding and small type. Ideal for dense toolbars, table rows, and inline controls where space is limited.","name":"components-buttons-extra-small-buttons","title":"Extra Small Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons that scale up smoothly on hover to feel responsive. Add a touch of motion feedback to cards, pricing tiers, and primary form actions.","name":"components-buttons-grow-buttons","title":"Grow Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Buttons that react to hover and click with motion and state changes. Make signups, downloads, and key actions feel alive and worth clicking.","name":"components-buttons-interactive-buttons","title":"Interactive Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons with a flowing liquid fill that sweeps across the surface on hover. A playful accent for landing pages and creative product sites today.","name":"components-buttons-liquid-buttons","title":"Liquid Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons that morph their shape, size, or label between states. Use for loading, success, and submit flows that confirm progress to the user.","name":"components-buttons-morphing-buttons","title":"Morphing Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons with a blocky pixel art finish and retro styling. Perfect for games, indie projects, and brands that lean on a nostalgic visual theme.","name":"components-buttons-pixel-buttons","title":"Pixel Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons with a soft pulsing glow that draws the eye over time. Highlight a single primary action like start trial or buy now on a busy page.","name":"components-buttons-pulse-buttons","title":"Pulse Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons that rotate an icon or the whole label on hover. Add subtle motion to refresh, settings, and other action icons across your app today.","name":"components-buttons-rotate-buttons","title":"Rotate Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons with layered shadows that lift or shift on hover. Give actions a tactile, raised feel across cards, forms, and toolbars in any layout.","name":"components-buttons-shadow-buttons","title":"Shadow Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons with a skewed, slanted shape for a sense of dynamic energy. Suits sports, fitness, and bold marketing pages that want forward momentum.","name":"components-buttons-skew-buttons","title":"Skew Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons with a color or label that slides in on hover. Reveal a second state to guide users toward the next step in a clear and simple flow.","name":"components-buttons-slide-buttons","title":"Slide Buttons","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"Buttons branded for Google, GitHub, Apple, and more providers. Drop them into sign in and sign up screens for fast one click authentication.","name":"components-buttons-social-buttons","title":"Social Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons that squeeze inward on press for satisfying tactile feedback. Use on mobile flows and forms where every tap should feel confirmed fast.","name":"components-buttons-squeeze-buttons","title":"Squeeze Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Buttons styled with an animated underline that grows in on hover. A clean, minimal accent for text links and quiet secondary actions in any UI.","name":"components-buttons-underline-buttons","title":"Underline Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card with a colored accent line along one edge that draws the eye. Use it to group related text and labels while signaling category or status.","name":"components-cards-border-accent-card","title":"Border Accent Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card whose border traces a moving outline around the edges. Use it to spotlight a featured plan, offer, or item that needs attention on the page.","name":"components-cards-border-animation-card","title":"Border Animation Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card framed by a shifting gradient border that flows around the edges. Use it to highlight a premium tier or hero item in a grid of options.","name":"components-cards-border-gradient-animation-card","title":"Border Gradient Animation Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card that brightens its border when focused or hovered. Use it to mark the recommended choice in a pricing grid or a selected option in a form.","name":"components-cards-border-highlight-card","title":"Border Highlight Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card with a diagonal ribbon pinned to one corner for a short label. Use it to flag New, Sale, or Featured items in a product or listing grid.","name":"components-cards-corner-ribbon-card","title":"Corner Ribbon Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card with a notched border that carves out shape along its edge. Use it for tickets, coupons, or passes where a distinct outline reads as a stub.","name":"components-cards-cutout-border-card","title":"Cutout Border Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card outlined with a dashed border for a light, sketch feel. Use it for empty states, upload zones, or placeholders that invite the user to add content.","name":"components-cards-dashed-border-card","title":"Dashed Border Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card wrapped in two stacked outlines for a framed, formal look. Use it for certificates, awards, or quotes that deserve emphasis on the page.","name":"components-cards-double-border-card","title":"Double Border Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A card that grows to reveal more text or controls when opened. Use it for FAQs, settings, or summaries that hide detail until the reader wants it.","name":"components-cards-expandable-card","title":"Expandable Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card edged with a static gradient outline that adds color without noise. Use it to set apart a key offer or profile in an otherwise plain grid.","name":"components-cards-gradient-border-card","title":"Gradient Border Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card that lifts, scales, or shades when the pointer moves over it. Use it for clickable tiles in a gallery, menu, or dashboard to signal they react.","name":"components-cards-hover-effect-card","title":"Hover Effect Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card that hides extra text or actions until hover uncovers them. Use it for portfolio tiles or features where the cover stays clean until needed.","name":"components-cards-hover-reveal-card","title":"Hover Reveal Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A card led by a single icon above a short title and blurb. Use it for feature grids, service lists, or steps where a glyph anchors each point made.","name":"components-cards-icon-card","title":"Icon Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card that drifts toward the cursor as it nears, with a subtle pull. Use it for playful landing pages or feature tiles that reward a hovering pointer.","name":"components-cards-magnetic-card","title":"Magnetic Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card ringed by a glowing neon outline that pops on dark backgrounds. Use it for gaming, music, or tech pages where a bright frame fits the mood.","name":"components-cards-neon-border-card","title":"Neon Border Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card that rotates in 3D space as the pointer crosses it for depth. Use it for hero items or showcases where motion makes a tile feel tactile.","name":"components-cards-perspective-hover-card","title":"Perspective Hover Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card pairing a progress bar with a label and value reading. Use it to show task completion, goals, or usage limits inside a dashboard or account view.","name":"components-cards-progress-card","title":"Progress Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card with a border that pulses softly to draw a glance over. Use it for live alerts, fresh items, or a call to action that should feel active now.","name":"components-cards-pulse-border-card","title":"Pulse Border Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card with a light sweep that glides across its surface. Use it as a loading skeleton or to add gentle motion to a featured tile in a busy grid.","name":"components-cards-shimmer-effect-card","title":"Shimmer Effect Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card layered over offset copies to suggest a deck behind it. Use it for collections, albums, or grouped items where many sit under one cover here.","name":"components-cards-stacked-card","title":"Stacked Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card showing a state badge, label, and short note together. Use it on dashboards to surface health, order, or system status at a quick glance.","name":"components-cards-status-card","title":"Status Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card that tilts under the cursor to follow its position closely. Use it for interactive feature tiles or showcases where slight motion adds polish.","name":"components-cards-tilt-effect-card","title":"Tilt Effect Card","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A card that expands to reveal extra detail when clicked, keeping the summary visible. Use it on dashboards to tuck away long notes inside a tidy tile.","name":"components-collapsible-card-collapsible","title":"Card Collapsible","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Several collapsible panels stacked together so readers open one section at a time. Good for settings pages where related options sit in separate groups.","name":"components-collapsible-grouped-collapsible","title":"Grouped Collapsible","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A collapsible row with a chevron icon that rotates as the panel opens and closes. Use it in menus where a clear visual cue tells readers it expands.","name":"components-collapsible-icon-collapsible","title":"Icon Collapsible","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A collapsible panel with a soft shadow that lifts it off the page. Use it to highlight an expandable block of content inside a busy layout or feed.","name":"components-collapsible-shadowed-collapsible","title":"Shadowed Collapsible","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A collapsible panel with a colored bar down one side to mark its state. Use it for alerts or notes whose details readers can show or hide on demand.","name":"components-collapsible-side-bordered-collapsible","title":"Side Bordered Collapsible","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Numbered collapsible steps that reveal instructions one at a time. Use it for onboarding or setup guides where readers work through tasks in order.","name":"components-collapsible-stepped-collapsible","title":"Stepped Collapsible","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pagination row where each page number sits inside its own outlined button. The clear borders separate pages cleanly across data tables and search results.","name":"components-pagination-bordered-pagination","title":"Bordered Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pagination wrapped in a raised card surface with page numbers and prev next controls. Groups navigation neatly below a list or grid of cards.","name":"components-pagination-card-pagination","title":"Card Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A tight pagination row that fits page numbers, prev, and next into a small footprint. Good for sidebars, panels, and dense admin tables with limited space.","name":"components-pagination-compact-pagination","title":"Compact Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pagination shown as a row of dots, with the active page filled. Ideal for image carousels, onboarding steps, and short sequences where numbers feel heavy.","name":"components-pagination-dot-indicator-pagination","title":"Dot Indicator Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pagination bar that hovers above the content with soft elevation. Stays visible while readers scroll through long articles, feeds, or paginated galleries.","name":"components-pagination-floating-pagination","title":"Floating Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pagination built from chevron icons for previous and next, with no page numbers. Keeps mobile toolbars and image viewers clean when only direction matters.","name":"components-pagination-icon-only-pagination","title":"Icon Only Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A very small pagination control showing the current page and arrows to step through results. Fits inline next to filters, counts, or table footers.","name":"components-pagination-mini-pagination","title":"Mini Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pagination that shows full page numbers on desktop and collapses to arrows on mobile. Keeps navigation usable across phones, tablets, and wide screens.","name":"components-pagination-responsive-pagination","title":"Responsive Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pagination row with fully rounded pill buttons for each page. The soft circular shape suits friendly product pages, blogs, and modern marketing layouts.","name":"components-pagination-rounded-pagination","title":"Rounded Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pagination with subtle drop shadows on each button for depth. The lifted look helps the controls stand out over busy backgrounds and image grids.","name":"components-pagination-shadow-pagination","title":"Shadow Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pagination with prev and next pushed to opposite edges and page numbers centered. Spreads controls across wide footers and full width content areas.","name":"components-pagination-split-pagination","title":"Split Pagination","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Tabs styled as raised cards, where the active panel lifts above the rest. Great for settings pages or dashboards that group related content into sections.","name":"components-tabs-card-tabs","title":"Card Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Tabs with a soft color gradient on the active trigger for a vivid accent. Use them on landing pages or feature views where the switcher should draw the eye.","name":"components-tabs-gradient-tabs","title":"Gradient Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Tabs that pair a small icon with each label so options read at a glance. Good for navigation menus and toolbars where space is tight and clarity matters.","name":"components-tabs-icon-tabs","title":"Icon Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Clean tabs with a thin underline marking the active item and no extra borders. Fits content heavy pages where the switcher should stay quiet and unobtrusive.","name":"components-tabs-minimal-tabs","title":"Minimal Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Tabs wrapped in a light border that frames each trigger and the active panel. Suits forms or profile screens that need clear structure between grouped fields.","name":"components-tabs-outline-tabs","title":"Outline Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Tabs shaped as rounded pills with a filled background on the active one. Ideal for filter bars and segmented controls that toggle between a few short views.","name":"components-tabs-pill-tabs","title":"Pill Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Tabs where the selected trigger gains a subtle drop shadow for depth and focus. Works well on cards and panels that need a tactile, layered feel to the switch.","name":"components-tabs-shadow-tabs","title":"Shadow Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Tabs stacked in a sidebar column with panels rendered to the right. Built for settings, account, and documentation pages with many sections to navigate.","name":"components-tabs-vertical-tabs","title":"Vertical Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A shop filter panel of verified accessibility checkboxes and counts, beside product rows carrying feature tags, a reason line, and the price.","name":"ecommerce-pro-accessibility-sections-accessibility-feature-filters","title":"Accessibility Feature Filters","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A dated changelog of real fixes credited by first name, with a two day reply promise and a report button.","name":"ecommerce-pro-accessibility-sections-accessibility-feedback-card","title":"Accessibility Feedback Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Dated statement pairing what works with three named gaps, quarter targets, and the next review date.","name":"ecommerce-pro-accessibility-sections-accessibility-statement","title":"Accessibility Statement","type":"registry:block"},{"description":"A list of four courier instructions you set once, beside a reproduction of the driver instruction screen, over a strip noting reorders inherit them.","name":"ecommerce-pro-accessibility-sections-accessible-delivery-preferences","title":"Accessible Delivery Preferences","type":"registry:block"},{"description":"Box opens without tools, large print and braille care cards on request, for four named products in stock.","name":"ecommerce-pro-accessibility-sections-accessible-packaging-card","title":"Accessible Packaging Card","type":"registry:block"},{"description":"Four numbered return steps covering keyboard start, label free drop off, courier pickup, and readable refund emails, over a paused window strip.","name":"ecommerce-pro-accessibility-sections-accessible-returns-flow","title":"Accessible Returns Flow","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two by two card grid of large print, braille, audio, and tagged text formats with turnaround badges, over a strip for setting one default.","name":"ecommerce-pro-accessibility-sections-alternative-format-documents","title":"Alternative Format Documents","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three bordered channel cards for phone, email, and relay ordering with hours and reply promises, above a parity strip naming the team.","name":"ecommerce-pro-accessibility-sections-assisted-ordering-options","title":"Assisted Ordering Options","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A published table of screen reader, voice, and magnifier pairings with status and last tested date, beside a card defining what a pass means.","name":"ecommerce-pro-accessibility-sections-assistive-tech-compatibility","title":"Assistive Tech Compatibility","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Video player mockup with caption bar and timestamped transcript rows beside four checked standards for captions, transcripts, and audio description.","name":"ecommerce-pro-accessibility-sections-captioned-product-videos","title":"Captioned Product Videos","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three checked promises that nothing expires mid checkout beside a static session panel showing saved rows after an overnight pause.","name":"ecommerce-pro-accessibility-sections-checkout-without-time-limits","title":"Checkout Without Time Limits","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static display settings card with text size, motion, contrast, and link underline rows beside three checked promises about persistence.","name":"ecommerce-pro-accessibility-sections-display-preferences-panel","title":"Display Preferences Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Divided list of three stores with checked access features beside an assisted visit booking card, over a corrections strip.","name":"ecommerce-pro-accessibility-sections-in-store-accessibility","title":"In Store Accessibility","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Audit method card with firm, testers, scope, and totals beside four WCAG principle rows of found and fixed counts, over a retest strip.","name":"ecommerce-pro-accessibility-sections-independent-audit-results","title":"Independent Audit Results","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Real keyboard paths for search, cart, and checkout, rough edges named, and a direct developer inbox.","name":"ecommerce-pro-accessibility-sections-keyboard-and-screen-reader-guide","title":"Keyboard And Screen Reader Guide","type":"registry:block"},{"description":"Four written description standards in a divided list beside an annotated product panel printing its alt text and spec rows in full.","name":"ecommerce-pro-accessibility-sections-written-product-descriptions","title":"Written Product Descriptions","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Next delivery, guarantee clocks, credit balance, and subscription as four linked cards, none a feed.","name":"ecommerce-pro-account-sections-account-overview-dashboard","title":"Account Overview Dashboard","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The account dashboard where every tile reports a live fact instead of a label.","name":"ecommerce-pro-account-sections-account-overview-tiles","title":"Account Overview Tiles","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Passkey first, password demoted, sessions visible with sign out everywhere.","name":"ecommerce-pro-account-sections-account-security-card","title":"Account Security Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"View, download, and delete as buttons, generated on the spot, no support form.","name":"ecommerce-pro-account-sections-data-privacy-controls","title":"Data Privacy Controls","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One button, the export by email in minutes, with contents and absences listed honestly.","name":"ecommerce-pro-account-sections-download-your-data-card","title":"Download Your Data Card","type":"registry:block"},{"description":"Every email sent to this account as a dated list, each row naming the reason it was sent.","name":"ecommerce-pro-account-sections-email-history-log","title":"Email History Log","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Confirmed sizes per category with fit notes in a panel, beside plain rules on what the profile changes and never touches.","name":"ecommerce-pro-account-sections-fit-profile-card","title":"Fit Profile Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Gift cards account panel with balance cards for held cards, a redeem row for paper codes, and a list of sent cards showing delivery status.","name":"ecommerce-pro-account-sections-gift-cards-panel","title":"Gift Cards Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Every owned product with its guarantee clock, expired ones kept for the bench.","name":"ecommerce-pro-account-sections-guarantee-registrations-list","title":"Guarantee Registrations List","type":"registry:block"},{"description":"Two adults, one address, separate logins and wishlists, shared history by consent, one membership.","name":"ecommerce-pro-account-sections-household-accounts-card","title":"Household Accounts Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Invoices, a credit note, and a yearly statement as download rows, with editable billing details that print on every future invoice.","name":"ecommerce-pro-account-sections-invoices-documents-panel","title":"Invoices and Documents Panel","type":"registry:block"},{"description":"Store credit in dollars with a plain ledger, money not points, never expires.","name":"ecommerce-pro-account-sections-loyalty-points-card","title":"Loyalty Points Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Membership value card weighing what the plan cost against what it returned, benefits priced from real usage, with the renewal date and cancel button.","name":"ecommerce-pro-account-sections-membership-value-card","title":"Membership Value Card","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Every email type on a working switch with honest cadence, locked rows explained.","name":"ecommerce-pro-account-sections-notification-preferences","title":"Notification Preferences","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Topic and channel checkboxes with marketing off by default and order updates locked on with the reason.","name":"ecommerce-pro-account-sections-notification-preferences-panel","title":"Notification Preferences Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Consumables sorted by what runs out, the bag listed with anti rebuy advice.","name":"ecommerce-pro-account-sections-order-again-grid","title":"Order Again Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Past orders with state matched actions, track, buy again, and the return kept visible.","name":"ecommerce-pro-account-sections-order-history-list","title":"Order History List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Saved cards with expiry warnings and the storage honesty line up front.","name":"ecommerce-pro-account-sections-payment-methods-list","title":"Payment Methods List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Delivered items waiting on a review beside published ones with stars, edit and delete in your hands, no coupons for praise.","name":"ecommerce-pro-account-sections-product-reviews-panel","title":"Product Reviews Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Both get $15 in dollars, not points, with a ledger including the honest zero.","name":"ecommerce-pro-account-sections-referral-dashboard-card","title":"Referral Dashboard Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Open returns as cards with a four stage progress line, refund amount and destination named, and the carrier scan clock explained.","name":"ecommerce-pro-account-sections-returns-refunds-tracker","title":"Returns and Refunds Tracker","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Labeled address cards with courier notes that travel with every order.","name":"ecommerce-pro-account-sections-saved-addresses-cards","title":"Saved Addresses Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Saved cards as token rows with the processor architecture explained and the no silent save footer.","name":"ecommerce-pro-account-sections-saved-payment-methods-panel","title":"Saved Payment Methods Panel","type":"registry:block"},{"description":"Balance, dated ledger, and the three rules that make credit behave like cash the store owes you.","name":"ecommerce-pro-account-sections-store-credit-wallet","title":"Store Credit Wallet","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Skip, pause, swap at equal weight, cancel visible, no exit interview.","name":"ecommerce-pro-account-sections-subscription-management","title":"Subscription Management","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Support conversations account list with each question as a row showing subject, last reply, and a status badge, plus a reply time promise below.","name":"ecommerce-pro-account-sections-support-conversations-list","title":"Support Conversations List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Trade in offers grid of owned products with a standing quote on each, one trade already in progress, and three grading rules printed below.","name":"ecommerce-pro-account-sections-trade-in-offers-grid","title":"Trade In Offers Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Saved items with price drop and restock notes, a wishlist that watches for you.","name":"ecommerce-pro-account-sections-wishlist-grid","title":"Wishlist Grid","type":"registry:block"},{"description":"The personal ledger of seven years with us: bags, repairs, a trade in, and zero replacements bought.","name":"ecommerce-pro-account-sections-your-impact-card","title":"Your Impact Card","type":"registry:block"},{"description":"A section heading, a four card ledger stat grid, and a year by year bar strip of units shipped with a labelled baseline axis.","name":"ecommerce-pro-archive-sections-archive-in-numbers","title":"Archive In Numbers","type":"registry:block"},{"description":"The physical archive wall at the workshop: 64 pieces, Friday visits, and nothing on it for sale.","name":"ecommerce-pro-archive-sections-archive-wall-page","title":"Archive Wall Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An interactive reissue ballot with three retired candidates, honest retirement notes, live vote bars, and a single vote button per row.","name":"ecommerce-pro-archive-sections-bring-back-ballot","title":"Bring Back Ballot","type":"registry:block"},{"description":"Four dated pieces of printed matter across eleven years, the price rise letter kept public among them.","name":"ecommerce-pro-archive-sections-catalog-scans-gallery","title":"Catalog Scans Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An archive table of every colorway ever sold with years, units made, live or retired badges, and the honest note behind each retirement.","name":"ecommerce-pro-archive-sections-colorway-index","title":"Colorway Index","type":"registry:block"},{"description":"Three retired products with the honest reason each died and the parts pledge that outlives them.","name":"ecommerce-pro-archive-sections-discontinued-graveyard","title":"Discontinued Graveyard","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Section heading over a three column grid of swatch cards, each with a placeholder swatch, status badge, mill spec, note, and years.","name":"ecommerce-pro-archive-sections-fabric-shelf","title":"Fabric Shelf","type":"registry:block"},{"description":"A 2015 origin letter: eight bags sewn at a kitchen table with 90 percent of that pattern unchanged today.","name":"ecommerce-pro-archive-sections-first-bag-story","title":"First Bag Story","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column split with three numbered transfer promises beside a serial registration card that reveals the transferred record on submit.","name":"ecommerce-pro-archive-sections-guarantee-transfer","title":"Guarantee Transfer","type":"registry:block"},{"description":"A ruled revision timeline of the flagship pattern with version chips, beside a bordered panel listing everything unchanged since the first batch.","name":"ecommerce-pro-archive-sections-pattern-changelog","title":"Pattern Changelog","type":"registry:block"},{"description":"Four failed prototypes kept on purpose, each photographed with the failure and the lesson it left.","name":"ecommerce-pro-archive-sections-prototype-museum","title":"Prototype Museum","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column split with a placeholder image on one side and a heading, details list, numbered change notes, and reserve buttons on the other.","name":"ecommerce-pro-archive-sections-reissue-run","title":"Reissue Run","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Type a bag serial and its full history appears: made date, repairs, resale, and guarantee status.","name":"ecommerce-pro-archive-sections-serial-lookup-card","title":"Serial Lookup Card","type":"registry:block"},{"description":"Three registry cards for the oldest bags in daily use, each led by a big years count with serial, service rows, and an owner line.","name":"ecommerce-pro-archive-sections-still-in-service","title":"Still in Service","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A headline band with a static open details row for announcements that one line cannot contain honestly.","name":"ecommerce-pro-banners-and-alerts-announcement-with-details","title":"Announcement With Details","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The June batch landed, 140 units live, and an honest pace estimate so buyers know the real window.","name":"ecommerce-pro-banners-and-alerts-back-in-stock-banner","title":"Back In Stock Banner","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two cookies named, zero tracking confirmed, with Accept and Decline at equal visual weight.","name":"ecommerce-pro-banners-and-alerts-cookie-consent-bar","title":"Cookie Consent Bar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A card splitting the three places we actually sell against the channels that are never us, plus the serial check link.","name":"ecommerce-pro-banners-and-alerts-counterfeit-warning-banner","title":"Counterfeit Warning Banner","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A slim notice band with a heading that rules out surprise charges, then one row per region stating who collects which duties and taxes.","name":"ecommerce-pro-banners-and-alerts-customs-duties-notice","title":"Customs Duties Notice","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A card band explaining a longer holiday returns window, with three fact columns for the purchase window, standard policy, and extended deadline.","name":"ecommerce-pro-banners-and-alerts-extended-returns-banner","title":"Extended Returns Banner","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"The $6 flat rate and $75 free line stated as the entire rule, with a slim progress track showing the cart at $62.","name":"ecommerce-pro-banners-and-alerts-free-shipping-threshold-bar","title":"Free Shipping Threshold Bar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"December 24 delivery cutoffs as plain calendar dates for two service levels, no countdown timers.","name":"ecommerce-pro-banners-and-alerts-holiday-cutoff-banner","title":"Holiday Cutoff Banner","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A slim edge band announcing a payment methods change in one sentence, with a chip row naming the two methods arriving and the one retiring.","name":"ecommerce-pro-banners-and-alerts-payment-methods-update-banner","title":"Payment Methods Update Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A card band pairing a phishing warning and a never-asked list against a panel showing how a genuine order email reads.","name":"ecommerce-pro-banners-and-alerts-phishing-alert-banner","title":"Phishing Alert Banner","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A June 8 mispricing owned in the headline, a three row timestamped account, and all 23 wrong price orders shipping as placed.","name":"ecommerce-pro-banners-and-alerts-price-error-apology-banner","title":"Price Error Apology Banner","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four canvas products repricing July 1 announced three weeks early as a courtesy window, not a sales push.","name":"ecommerce-pro-banners-and-alerts-price-rise-preannounce-banner","title":"Price Rise Preannounce Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A recall card naming the valve fault, affected batch codes as mono pills, the unaffected batches, and return label actions.","name":"ecommerce-pro-banners-and-alerts-product-recall-notice","title":"Product Recall Notice","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Repair bench paused until June 15 with the mechanical reason published and the full scope of what holds.","name":"ecommerce-pro-banners-and-alerts-service-status-banner","title":"Service Status Banner","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A carrier disruption dated and scoped, standard delayed two days this week with express confirmed unaffected.","name":"ecommerce-pro-banners-and-alerts-shipping-delay-banner","title":"Shipping Delay Banner","type":"registry:block"},{"description":"The company history as dated rows, the near collapse year kept in.","name":"ecommerce-pro-brand-story-sections-brand-timeline","title":"Brand Timeline","type":"registry:block"},{"description":"Four full customer complaint quotes, each paired with the product change it shipped and the date it landed, laid out as a release log.","name":"ecommerce-pro-brand-story-sections-complaints-changelog","title":"Complaints Changelog","type":"registry:block"},{"description":"Eleven years in ruled rows, bad years kept in, because a timeline of only wins is marketing.","name":"ecommerce-pro-brand-story-sections-decade-timeline","title":"Decade Timeline","type":"registry:block"},{"description":"Four product rules, each proven by the decision it most recently forced.","name":"ecommerce-pro-brand-story-sections-design-principles-list","title":"Design Principles List","type":"registry:block"},{"description":"Who makes what, where, with maker counts, median tenure, and audit dates.","name":"ecommerce-pro-brand-story-sections-factory-partners-list","title":"Factory Partners List","type":"registry:block"},{"description":"The catalog's first product beside every dated revision it survived, each row naming the failure that forced it.","name":"ecommerce-pro-brand-story-sections-first-product-story","title":"First Product Story","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A transcript card of five hard questions answered on the record by the founder, each with an avatar byline and a checkable number.","name":"ecommerce-pro-brand-story-sections-founder-interview-qa","title":"Founder Interview Q&A","type":"registry:block"},{"dependencies":["radix-ui"],"description":"The origin story as signed prose with one number per claim and a dated signature.","name":"ecommerce-pro-brand-story-sections-founder-letter","title":"Founder Letter","type":"registry:block"},{"description":"The brand as six stat tiles, including the numbers a conventional brand would hide.","name":"ecommerce-pro-brand-story-sections-made-in-numbers","title":"Made In Numbers","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Six named makers with avatars, bench, city, and tenure, each owning one checkable fact about the work they do.","name":"ecommerce-pro-brand-story-sections-makers-roster","title":"Makers Roster","type":"registry:block"},{"description":"A numbered process stepper of six making stations, each showing its duration, the hands on it, a detail paragraph, and the check it must pass.","name":"ecommerce-pro-brand-story-sections-making-process-steps","title":"Making Process Steps","type":"registry:block"},{"description":"Four inputs with suppliers named to the city, tenure, and one audit grade fact each.","name":"ecommerce-pro-brand-story-sections-materials-provenance-rows","title":"Materials Provenance Rows","type":"registry:block"},{"description":"Four KPIs published with the reason each earns its place, including the one the store refuses to optimize.","name":"ecommerce-pro-brand-story-sections-numbers-we-track-card","title":"Numbers We Track Card","type":"registry:block"},{"description":"Three unresolved decisions posted publicly with where the thinking sits.","name":"ecommerce-pro-brand-story-sections-open-questions-card","title":"Open Questions Card","type":"registry:block"},{"description":"A cap table shown as a stacked proportion bar and holder rows with share and note, plus what is deliberately absent from it.","name":"ecommerce-pro-brand-story-sections-ownership-split-rows","title":"Ownership Split Rows","type":"registry:block"},{"description":"A definition list of six store terms, each pinned to a checkable meaning and the claim the word will never be stretched to cover.","name":"ecommerce-pro-brand-story-sections-plain-words-glossary","title":"Plain Words Glossary","type":"registry:block"},{"description":"One product's retail price split into cost rows with proportion bars, a note per line, and the margin admitted.","name":"ecommerce-pro-brand-story-sections-price-breakdown-rows","title":"Price Breakdown Rows","type":"registry:block"},{"description":"Six standing refusals of common store tactics in a card grid, each dated and priced with what holding the line costs.","name":"ecommerce-pro-brand-story-sections-refusals-grid","title":"Refusals Grid","type":"registry:block"},{"description":"A repair promise shown as running totals beside a signed log of last week at the bench, so the warranty reads as bookkeeping.","name":"ecommerce-pro-brand-story-sections-repairs-ledger","title":"Repairs Ledger","type":"registry:block"},{"description":"A discontinued products archive in rows, each with lifespan, units made, the honest reason it was pulled, and what owners kept.","name":"ecommerce-pro-brand-story-sections-retired-products-rows","title":"Retired Products Rows","type":"registry:block"},{"description":"Every supplier named with place and tenure, plus the one we left and why.","name":"ecommerce-pro-brand-story-sections-supply-chain-list","title":"Supply Chain List","type":"registry:block"},{"description":"A founding year and today set side by side across the same measured rows, including the number that moved in the wrong direction.","name":"ecommerce-pro-brand-story-sections-then-vs-now-columns","title":"Then Vs Now Columns","type":"registry:block"},{"description":"The manifesto with its thesis at display weight and one number per argument.","name":"ecommerce-pro-brand-story-sections-why-we-exist-prose","title":"Why We Exist Prose","type":"registry:block"},{"description":"Six workshop frames in a 3x2 grid, each captioned like a photo essay, no people, just the room.","name":"ecommerce-pro-brand-story-sections-workshop-photo-essay","title":"Workshop Photo Essay","type":"registry:block"},{"description":"Five captioned frames from the making floor where the captions are the tour.","name":"ecommerce-pro-brand-story-sections-workshop-tour-gallery","title":"Workshop Tour Gallery","type":"registry:block"},{"description":"The founder's annual letter with the bad paragraph priced and signed.","name":"ecommerce-pro-brand-story-sections-year-in-review-letter","title":"Year In Review Letter","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Three real buying questions laid out as correspondence, the quoted question and sender on the left, the honest reply and staffer on the right.","name":"ecommerce-pro-buying-advice-sections-advice-inbox","title":"Advice Inbox","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Accordion of five honest questions asked before checkout, first item opened, each answer printed even where it costs the sale.","name":"ecommerce-pro-buying-advice-sections-ask-before-you-buy","title":"Ask Before You Buy","type":"registry:block"},{"description":"Four ruled stage columns walk week one through year five of canvas break in, closed by a straight note on the return window.","name":"ecommerce-pro-buying-advice-sections-break-in-expectations","title":"Break In Expectations","type":"registry:block"},{"description":"Two mono ledgers show the decade math at $21.50 a year versus $36, caveats printed beside the sums.","name":"ecommerce-pro-buying-advice-sections-buy-once-math-card","title":"Buy Once Math Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A verdict table for five checkout add ons, each row naming the item and price, a badge, and an honest reason to buy or skip.","name":"ecommerce-pro-buying-advice-sections-checkout-extras-advice","title":"Checkout Extras Advice","type":"registry:block"},{"description":"Two framed colorway panels side by side, each with a swatch, share stat, and honest wear rows, closed by an exchange ledger note.","name":"ecommerce-pro-buying-advice-sections-colorway-advice","title":"Colorway Advice","type":"registry:block"},{"description":"Three numbered honest questions before the buy, boredom named, the bench ready to talk you out of it.","name":"ecommerce-pro-buying-advice-sections-do-you-need-it-checklist","title":"Do You Need It Checklist","type":"registry:block"},{"description":"Four jobs the store loses at, each card naming the winner and the reason, closed by what is left.","name":"ecommerce-pro-buying-advice-sections-honest-alternatives-guide","title":"Honest Alternatives Guide","type":"registry:block"},{"description":"Three numbered failure questions each branch into yes and no outcomes, closed by the bench's photo triage counts from last year.","name":"ecommerce-pro-buying-advice-sections-repair-or-replace-path","title":"Repair Or Replace Path","type":"registry:block"},{"description":"Three verdict rules backed by support log counts, 184 of 312 second bag inquiries routed to a repair.","name":"ecommerce-pro-buying-advice-sections-second-bag-advice-card","title":"Second Bag Advice Card","type":"registry:block"},{"description":"Four numbered inspection cards for buying a used bag, each showing good wear and a walk away sign, closed by a fair price ledger.","name":"ecommerce-pro-buying-advice-sections-secondhand-buying-guide","title":"Secondhand Buying Guide","type":"registry:block"},{"description":"A capacity guide listing four real packed loads, each with its contents, a fill bar showing how full the bag runs, and a plain verdict.","name":"ecommerce-pro-buying-advice-sections-what-fits-inside","title":"What Fits Inside","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Three repair bench staff cards with avatar headers, the size each carries, the reason, and a ruled wear report footer.","name":"ecommerce-pro-buying-advice-sections-what-the-bench-carries","title":"What The Bench Carries","type":"registry:block"},{"description":"Four ruled rows naming who wins instead, each a genuine disqualifier with the better option printed.","name":"ecommerce-pro-buying-advice-sections-when-not-to-buy-from-us","title":"When Not To Buy From Us","type":"registry:block"},{"description":"Vertical timeline of four honest purchase windows, each with a bordered price pill and straight advice, closed by a printed footnote.","name":"ecommerce-pro-buying-advice-sections-when-to-buy-timeline","title":"When To Buy Timeline","type":"registry:block"},{"description":"Two size columns compare specs, weight, and honest use cases, closed by an exchange ledger verdict favoring the smaller pack.","name":"ecommerce-pro-buying-advice-sections-which-size-to-buy","title":"Which Size To Buy","type":"registry:block"},{"description":"The whole catalog as a lettered text directory for visits that know the name.","name":"ecommerce-pro-category-sections-alphabetical-index","title":"Alphabetical Index","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two full width category bands with images on alternating sides, each pairing a written lead with ruled subcategory rows and a shop all link.","name":"ecommerce-pro-category-sections-alternating-category-bands","title":"Alternating Category Bands","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two outlet tiles, seconds with named flaws and resale archive graded, each with an honest count.","name":"ecommerce-pro-category-sections-archive-and-seconds-band","title":"Archive And Seconds Band","type":"registry:block"},{"description":"Four aisle cards each led by the single item bought first most often, with units shipped, a price, and one honest line.","name":"ecommerce-pro-category-sections-bestsellers-by-category","title":"Bestsellers By Category","type":"registry:block"},{"description":"Packs sorted by liters on proportional bars, four ruled rungs with counts and one line on what each size swallows.","name":"ecommerce-pro-category-sections-capacity-ladder-band","title":"Capacity Ladder Band","type":"registry:block"},{"description":"Three bag families compared in one table across price, fabric, weight, and laptop room, since shape is the real decision.","name":"ecommerce-pro-category-sections-category-comparison-table","title":"Category Comparison Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three category columns each led by a large average rating, a five star row, review count, price floor, and one quoted customer line.","name":"ecommerce-pro-category-sections-category-ratings-band","title":"Category Ratings Band","type":"registry:block"},{"description":"Aisles as stat tiles with counts, price ranges, and one verifiable fact each.","name":"ecommerce-pro-category-sections-category-stats-tiles","title":"Category Stats Tiles","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six aisles as image tiles with caption bars carrying counts and price floors.","name":"ecommerce-pro-category-sections-category-tiles-grid","title":"Category Tiles Grid","type":"registry:block"},{"description":"A category grid with an inline buying guide that names which bag to buy first, by job, by name.","name":"ecommerce-pro-category-sections-category-with-buying-guide-band","title":"Category With Buying Guide Band","type":"registry:block"},{"description":"Aisles as round image chips in one scannable strip, the mobile commerce pattern.","name":"ecommerce-pro-category-sections-circle-category-row","title":"Circle Category Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Capsules as ruled editorial rows with one written sentence and a piece count each.","name":"ecommerce-pro-category-sections-collection-list-rows","title":"Collection List Rows","type":"registry:block"},{"description":"Three recipient cuts with counts, and the gift card named as the no guess option.","name":"ecommerce-pro-category-sections-gifting-tiles-row","title":"Gifting Tiles Row","type":"registry:block"},{"description":"Browse by material, each tile with its source and product count.","name":"ecommerce-pro-category-sections-material-tiles-row","title":"Material Tiles Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The drop against the permanent range, two kinds of buying explained.","name":"ecommerce-pro-category-sections-new-vs-classics-band","title":"New Vs Classics Band","type":"registry:block"},{"description":"The catalog cut by life situation, categories are for warehouses.","name":"ecommerce-pro-category-sections-occasion-tiles","title":"Occasion Tiles","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Eight tall portrait category tiles in one horizontally snapping strip, each with a caption bar carrying its name, style count, and price floor.","name":"ecommerce-pro-category-sections-portrait-category-scroller","title":"Portrait Category Scroller","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One card, one season, a wide image beside the edit with a credible curator named.","name":"ecommerce-pro-category-sections-seasonal-category-band","title":"Seasonal Category Band","type":"registry:block"},{"description":"The two drop calendar with March batches, September heavy canvas, and the permanent range constant below.","name":"ecommerce-pro-category-sections-seasonal-rotation-band","title":"Seasonal Rotation Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The whole catalog on one ruled band with counts and price ranges.","name":"ecommerce-pro-category-sections-shop-all-band","title":"Shop All Band","type":"registry:block"},{"description":"Three wide tiles cutting the range by budget with real item counts and one line of what lives in each band.","name":"ecommerce-pro-category-sections-shop-by-price-band","title":"Shop By Price Band","type":"registry:block"},{"description":"Budget as navigation, three bands with counts and the same guarantee at every price.","name":"ecommerce-pro-category-sections-shop-by-price-bands","title":"Shop By Price Bands","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two column split pairing the full aisle list as a ruled nav with one large featured category panel and its caption bar.","name":"ecommerce-pro-category-sections-split-category-nav","title":"Split Category Nav","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A ruled accordion of category rows that each expand into a columned grid of subcategory links, every one carrying a style count and price floor.","name":"ecommerce-pro-category-sections-subcategory-accordion","title":"Subcategory Accordion","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One tab per aisle, each panel previewing three products with prices, an honest aisle line, and a shop all link.","name":"ecommerce-pro-category-sections-tabbed-category-preview","title":"Tabbed Category Preview","type":"registry:block"},{"description":"One tall lead category beside two stacked tiles, traffic steered by area.","name":"ecommerce-pro-category-sections-three-tile-feature","title":"Three Tile Feature","type":"registry:block"},{"description":"Three job tiles with counts and one honest line each plus the admission that most bags do two jobs fine.","name":"ecommerce-pro-category-sections-use-case-category-band","title":"Use Case Category Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Four category tiles plus one solid banner tile carrying the month's single message.","name":"ecommerce-pro-category-sections-with-banner-tile","title":"With Banner Tile","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Your spelling beside the database's, differences bolded, keep mine respected.","name":"ecommerce-pro-checkouts-address-validation-helper","title":"Address Validation Helper","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A working switch keeps billing matched to shipping or reveals the full billing form, with the decline warning that explains why banks care.","name":"ecommerce-pro-checkouts-billing-address-toggle","title":"Billing Address Toggle","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Company, VAT, and invoice fields with the EU reverse charge mechanics and VIES fallback stated honestly.","name":"ecommerce-pro-checkouts-business-purchase-checkout","title":"Business Purchase Checkout","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Pick the arrival day from real options, same price any day, holidays shown honestly.","name":"ecommerce-pro-checkouts-delivery-date-picker","title":"Delivery Date Picker","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Driver note field with safe place chips and the honest limit that notes land about 90% of the time.","name":"ecommerce-pro-checkouts-delivery-notes-step","title":"Delivery Notes Step","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"International checkout choosing prepaid import charges or courier collection at the door, both totals shown and the handling fee stated honestly.","name":"ecommerce-pro-checkouts-duties-and-taxes-step","title":"Duties And Taxes Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Wallet buttons stacked full width first with the measured 40 second reason stated, card form collapsed below.","name":"ecommerce-pro-checkouts-express-checkout-wall","title":"Express Checkout Wall","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The wallet stack above an equal card path, same price either way stated plainly.","name":"ecommerce-pro-checkouts-express-pay-buttons","title":"Express Pay Buttons","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A working switch flips the order to gift mode and re-renders both slip states as a live checklist.","name":"ecommerce-pro-checkouts-gift-receipt-toggle-step","title":"Gift Receipt Toggle Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The fork without a thumb on the scale, guest first, account earning its column with perks.","name":"ecommerce-pro-checkouts-guest-or-account-choice","title":"Guest Or Account Choice","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Pay in full, four payments, or twelve months as selectable rows, the written schedule re-renders live and the costlier option admits it.","name":"ecommerce-pro-checkouts-installment-plan-choice","title":"Installment Plan Choice","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Company, VAT with reverse charge, PO, and cost center, asked once for the PDF.","name":"ecommerce-pro-checkouts-invoice-details-form","title":"Invoice Details Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The three stage flow mid journey with editable recaps and a stepper without color dependence.","name":"ecommerce-pro-checkouts-multi-step-checkout","title":"Multi Step Checkout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Contact, shipping, and payment in one visible column, nine fields, no account required.","name":"ecommerce-pro-checkouts-one-page-checkout","title":"One Page Checkout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The thank you with the window, a live cancel countdown, and the account ask after.","name":"ecommerce-pro-checkouts-order-confirmation-page","title":"Order Confirmation Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Their address and phone, your payment, every email routed per line and the gift flag consequences listed.","name":"ecommerce-pro-checkouts-order-for-someone-else-step","title":"Order For Someone Else Step","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three editable ruled sections plus a pay button that promises to charge exactly the number printed on it.","name":"ecommerce-pro-checkouts-order-review-step","title":"Order Review Step","type":"registry:block"},{"description":"The checkout companion panel with quantity badges and totals that explain themselves.","name":"ecommerce-pro-checkouts-order-summary-sidebar","title":"Order Summary Sidebar","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The decline without shame, three ways forward and the cart held.","name":"ecommerce-pro-checkouts-payment-failed-recovery","title":"Payment Failed Recovery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Card fields beside a panel answering where the numbers actually go.","name":"ecommerce-pro-checkouts-payment-form-section","title":"Payment Form Section","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Home, locker, or shop with real prices, the courier saving passed on.","name":"ecommerce-pro-checkouts-pickup-point-selector","title":"Pickup Point Selector","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A working code field that applies live, adds the discount line, reprices the pay button, and states plainly what codes exclude.","name":"ecommerce-pro-checkouts-promo-code-step","title":"Promo Code Step","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Trade quote as a review screen with locked prices honored, Net 30 or card, a PO field and one button.","name":"ecommerce-pro-checkouts-quote-to-checkout","title":"Quote To Checkout","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Prefilled address, delivery, and card from the last order as review rows with one pay button.","name":"ecommerce-pro-checkouts-returning-customer-checkout","title":"Returning Customer Checkout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Four editable recap cards above a button that says what it does and what it costs.","name":"ecommerce-pro-checkouts-review-and-place-order","title":"Review And Place Order","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three speeds as selectable rows with real date windows, including the no rush option.","name":"ecommerce-pro-checkouts-shipping-options-list","title":"Shipping Options List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Compatibility matrix of five accessories against three bags with fits, fits with a named caveat, and no states plus a legend.","name":"ecommerce-pro-comparison-tables-accessory-fit-matrix","title":"Accessory Fit Matrix","type":"registry:block"},{"description":"Four bags drawn to one scale with SVG silhouettes and spec rows, the size answer photos never give.","name":"ecommerce-pro-comparison-tables-bag-size-side-by-side","title":"Bag Size Side By Side","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three canvas weights judged row by row, the check moves, and the verdict row refuses to name a winner.","name":"ecommerce-pro-comparison-tables-canvas-weight-comparison","title":"Canvas Weight Comparison","type":"registry:block"},{"description":"Cumulative ten year spend on a cheap bag replaced against one bag repaired, ending in per year math and a caveat.","name":"ecommerce-pro-comparison-tables-cost-per-year-table","title":"Cost Per Year Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three material tiers with what the extra money buys stated per step.","name":"ecommerce-pro-comparison-tables-good-better-best-cards","title":"Good Better Best Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Bridle leather against waxed cotton across six rows where each column wins real rows and one is a draw.","name":"ecommerce-pro-comparison-tables-leather-vs-vegan-table","title":"Leather Vs Vegan Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three materials judged row by row with the check moving and the verdict refusing to crown any one winner.","name":"ecommerce-pro-comparison-tables-material-comparison-table","title":"Material Comparison Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The product family side by side with four number rows and a best for verdict.","name":"ecommerce-pro-comparison-tables-model-comparison-table","title":"Model Comparison Table","type":"registry:block"},{"description":"One bag at three honest price points, new, refurbished, and second, with the guarantee row identical.","name":"ecommerce-pro-comparison-tables-new-vs-refurb-vs-seconds-table","title":"New Vs Refurb Vs Seconds Table","type":"registry:block"},{"description":"The v2 against the v1 including what did not change, upgrade advice, no mostly.","name":"ecommerce-pro-comparison-tables-old-vs-new-generation","title":"Old Vs New Generation","type":"registry:block"},{"description":"Three sizes with relatively scaled images and packed lists instead of liters.","name":"ecommerce-pro-comparison-tables-size-variant-comparison","title":"Size Variant Comparison","type":"registry:block"},{"description":"Two products dueled with differences emphasized and sameness admitted.","name":"ecommerce-pro-comparison-tables-spec-side-by-side","title":"Spec Side By Side","type":"registry:block"},{"description":"Three materials compared by minutes of care per year, the ritual itself with cadences, and what skipping it costs.","name":"ecommerce-pro-comparison-tables-upkeep-comparison-cards","title":"Upkeep Comparison Cards","type":"registry:block"},{"description":"Our pack against the big label equivalent in grouped rows, losses printed first, wins second, and one honest draw.","name":"ecommerce-pro-comparison-tables-us-vs-them-table","title":"Us Vs Them Table","type":"registry:block"},{"description":"The decision written like advice, four situations routed to products with reasons.","name":"ecommerce-pro-comparison-tables-which-one-guide","title":"Which One Guide","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The form beside who reads it, per topic reply times, and no ticket numbers.","name":"ecommerce-pro-contact-sections-contact-form-split","title":"Contact Form Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four named inboxes with reply medians and the no phone line explained honestly.","name":"ecommerce-pro-contact-sections-contact-routes-page","title":"Contact Routes Page","type":"registry:block"},{"description":"The photo is the claim, cheap items are replaced and kept, the 0.4% rate published.","name":"ecommerce-pro-contact-sections-damaged-item-flow","title":"Damaged Item Flow","type":"registry:block"},{"description":"The complaints route in three plain steps, plus the quarterly ledger of every complaint received and what each one changed.","name":"ecommerce-pro-contact-sections-how-to-complain-card","title":"How To Complain Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Why there is no chat bubble, in two paragraphs, with the one condition that could change the answer.","name":"ecommerce-pro-contact-sections-live-chat-honesty-card","title":"Live Chat Honesty Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Marked delivered, not there, in three steps with base rates and reship or refund.","name":"ecommerce-pro-contact-sections-missing-parcel-flow","title":"Missing Parcel Flow","type":"registry:block"},{"description":"Support numbers published like specs, median reply, resolution rate, slowest day named.","name":"ecommerce-pro-contact-sections-response-times-band","title":"Response Times Band","type":"registry:block"},{"description":"Repairs by post with no forms: a packing checklist beside a shipping label mockup where the note in the box is the ticket.","name":"ecommerce-pro-contact-sections-send-it-to-the-bench-card","title":"Send It To The Bench Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The five questions that filled half of June's inbox as an accordion with ask counts, beside the case for writing anyway.","name":"ecommerce-pro-contact-sections-skip-the-queue-faq","title":"Skip The Queue FAQ","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Friday hours, one address, and the warning that it is a working workshop.","name":"ecommerce-pro-contact-sections-visit-the-workshop-card","title":"Visit The Workshop Card","type":"registry:block"},{"dependencies":["radix-ui"],"description":"The weekly support rota as a three person card, this week highlighted, with the handover ritual that keeps threads intact.","name":"ecommerce-pro-contact-sections-who-has-the-inbox-card","title":"Who Has The Inbox Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The elena@ inbox as a real channel: when it is read, what to send, and what the bench does with it.","name":"ecommerce-pro-contact-sections-write-to-the-founder-card","title":"Write To The Founder Card","type":"registry:block"},{"description":"The 80 meter mill minimum drawn as a two segment bar, your bags against the shelf run, over three past runs listed.","name":"ecommerce-pro-custom-orders-sections-canvas-run-splits","title":"Canvas Run Splits","type":"registry:block"},{"description":"Four finished custom builds with placeholder thumbs, the ask, an owner line, and a work, weeks, and paid meta row each.","name":"ecommerce-pro-custom-orders-sections-custom-build-log","title":"Custom Build Log","type":"registry:block"},{"description":"Three qualifying question cards with a shelf answer and a custom answer each, closed by the half of intake ends at the shelf bar.","name":"ecommerce-pro-custom-orders-sections-custom-or-shelf","title":"Custom Or Shelf","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Intake gate with three yes types, three decline types, and a published one in three acceptance rate.","name":"ecommerce-pro-custom-orders-sections-custom-order-intake","title":"Custom Order Intake","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Five intake inbox questions with the schedule and multiplier in them, first item opened.","name":"ecommerce-pro-custom-orders-sections-custom-orders-faq","title":"Custom Orders Faq","type":"registry:block"},{"description":"Four custom work types priced in public, fleet runs at standard price, one off argued against.","name":"ecommerce-pro-custom-orders-sections-custom-pricing-table","title":"Custom Pricing Table","type":"registry:block"},{"description":"The custom bench queue published live, the current build named, scarcity stated as a schedule.","name":"ecommerce-pro-custom-orders-sections-custom-queue-status","title":"Custom Queue Status","type":"registry:block"},{"description":"Four steps with real durations, the 1.6x multiplier itemized, and no return caveat before any form.","name":"ecommerce-pro-custom-orders-sections-made-to-measure-explainer","title":"Made To Measure Explainer","type":"registry:block"},{"description":"Three initials styles priced by longevity, closed by the three character rule and its reason.","name":"ecommerce-pro-custom-orders-sections-monogram-gallery","title":"Monogram Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split section pairing remake pricing at 1.1x with a static pattern record card of measurements, materials, and builds to date.","name":"ecommerce-pro-custom-orders-sections-pattern-remake-file","title":"Pattern Remake File","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Watch any sold out item, one email when it lands, then the address is deleted.","name":"ecommerce-pro-email-capture-sections-back-in-stock-capture","title":"Back In Stock Capture","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered consent card spelling out the single cart reminder as a four step timeline, from saved cart to deletion, above the email form.","name":"ecommerce-pro-email-capture-sections-cart-reminder-opt-in","title":"Cart Reminder Opt In","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The release list sold on access, 48 hours early, four to six emails a year.","name":"ecommerce-pro-email-capture-sections-drop-alerts-capture","title":"Drop Alerts Capture","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The 48 hour head start explained as sequence not exclusivity, beside the last drop counted in four stats.","name":"ecommerce-pro-email-capture-sections-drop-list-signup","title":"Drop List Signup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The welcome discount as a page, not a popup, with terms in the open.","name":"ecommerce-pro-email-capture-sections-first-order-offer-capture","title":"First Order Offer Capture","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The monthly letter pitched with cadence, open rate, and unsubscribe speed.","name":"ecommerce-pro-email-capture-sections-newsletter-signup-band","title":"Newsletter Signup Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The last three issues readable before sign up with both subscriber and unsubscribe counts published live.","name":"ecommerce-pro-email-capture-sections-newsletter-with-archive","title":"Newsletter With Archive","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The four email contract published above the field, with the open rate that earns it.","name":"ecommerce-pro-email-capture-sections-one-email-a-season-signup","title":"One Email A Season Signup","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three topic checkboxes before the email field so consent is specific from the first send.","name":"ecommerce-pro-email-capture-sections-preferences-first-signup","title":"Preferences First Signup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split price watch capture with a labeled email form beside a product card listing every price the item has ever held.","name":"ecommerce-pro-email-capture-sections-price-drop-watch","title":"Price Drop Watch","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card band pairing the signup form with last month's issue rendered as a static email, header rows, body, and footer included.","name":"ecommerce-pro-email-capture-sections-sample-email-preview","title":"Sample Email Preview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three texts we send, the never list sworn, median 4 texts a year.","name":"ecommerce-pro-email-capture-sections-sms-alerts-card","title":"Sms Alerts Card","type":"registry:block"},{"description":"Five email commitments naming the industry practices they refuse.","name":"ecommerce-pro-email-capture-sections-unsubscribe-promise-card","title":"Unsubscribe Promise Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A capture section printing the entire stored record beside the list of tracking data never collected, with the labeled form beneath.","name":"ecommerce-pro-email-capture-sections-zero-tracking-signup","title":"Zero Tracking Signup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The signed out account page selling sign in by what it unlocks.","name":"ecommerce-pro-empty-states-account-signed-out-state","title":"Account Signed Out State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The whole category gone, the restock batch dated, and the alert signup.","name":"ecommerce-pro-empty-states-category-sold-out-state","title":"Category Sold Out State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An empty compare page blueprint with three dashed product slots above skeleton spec rows, a headline, and a primary action to add products.","name":"ecommerce-pro-empty-states-compare-list-empty","title":"Compare List Empty","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The guilt free empty cart with three honest starting points.","name":"ecommerce-pro-empty-states-empty-cart-state","title":"Empty Cart State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The unused wishlist explained by what saving actually does, then two routes in.","name":"ecommerce-pro-empty-states-empty-wishlist-state","title":"Empty Wishlist State","type":"registry:block"},{"description":"Zero matches diagnosed, the one filter to loosen named with its count.","name":"ecommerce-pro-empty-states-filter-no-results","title":"Filter No Results","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An empty notifications inbox with a muted bell icon, a headline, and the full alert menu listed with live switches, all off until asked.","name":"ecommerce-pro-empty-states-notifications-empty-state","title":"Notifications Empty State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two honest reasons for an empty history, a guest order claim form inline, and no shopping push.","name":"ecommerce-pro-empty-states-order-history-empty-state","title":"Order History Empty State","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The no reviews yet state for a new product with a bench take and the promise that critical ones stay.","name":"ecommerce-pro-empty-states-reviews-empty-state","title":"Reviews Empty State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column rewards layout with a zero balance headline, four ways to earn with point values, and a panel showing the reward ladder.","name":"ecommerce-pro-empty-states-rewards-empty-state","title":"Rewards Empty State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A search dead end with a spelling correction and result count, three near miss product rows, and a footer to report a missing search.","name":"ecommerce-pro-empty-states-search-no-results","title":"Search No Results","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The missing page owned plainly with search and the four most wanted routes.","name":"ecommerce-pro-empty-states-store-404","title":"Store 404","type":"registry:block"},{"description":"Last clinic counted, including the two bags pronounced beyond saving.","name":"ecommerce-pro-events-sections-event-recap-gallery","title":"Event Recap Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column RSVP split pairing event facts and context on one side with a labeled form, slot picker, and opt in on the other.","name":"ecommerce-pro-events-sections-event-rsvp-form","title":"Event RSVP Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Book a 30 minute fitting with the do not buy verdict promised up front and three next slots as plain buttons.","name":"ecommerce-pro-events-sections-fitting-appointment-card","title":"Fitting Appointment Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Host a care clinic, the responsibilities split and past hosts listed plainly.","name":"ecommerce-pro-events-sections-host-an-event-card","title":"Host An Event Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split layout pairing an intro column with an icon led two column grid of plain logistics answers from transport to rain plan.","name":"ecommerce-pro-events-sections-know-before-you-go","title":"Know Before You Go","type":"registry:block"},{"description":"A vertical timeline laying out an open day hour by hour with a time rail, dot markers, titled rows, and a closing note.","name":"ecommerce-pro-events-sections-open-day-schedule","title":"Open Day Schedule","type":"registry:block"},{"description":"Dated ruled rows with attendance and the one thing each event changed at the company afterward.","name":"ecommerce-pro-events-sections-past-events-archive","title":"Past Events Archive","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The free clinic with timed fixes by type, any brand welcome, the business case stated.","name":"ecommerce-pro-events-sections-repair-clinic-day","title":"Repair Clinic Day","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A responsive grid of city tour stops, each tile carrying a venue, date, and booking status badge, beside a heading, button, and footer note.","name":"ecommerce-pro-events-sections-tour-stops-grid","title":"Tour Stops Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two days at a stockist announced as a wide bordered band with what is coming stated as three plain tile facts.","name":"ecommerce-pro-events-sections-trunk-show-banner","title":"Trunk Show Banner","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Upcoming events as dated rows with real seat counts and next dates over waitlists.","name":"ecommerce-pro-events-sections-workshop-calendar-list","title":"Workshop Calendar List","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A feed of dated buyer questions, each with an avatar and an indented reply signed by its maker, closing with an invite to ask.","name":"ecommerce-pro-faq-sections-customer-questions-faq","title":"Customer Questions FAQ","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A tabbed FAQ split into four shopper moments, ordering, delivery, returns, and product, with three open answers per tab and a contact line below.","name":"ecommerce-pro-faq-sections-faq-tabs","title":"FAQ Tabs","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six help topics with counts, the most asked question linked from each tile.","name":"ecommerce-pro-faq-sections-faq-topics-index","title":"Faq Topics Index","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The month's top questions beside the human exit with measured response times.","name":"ecommerce-pro-faq-sections-faq-with-contact-card","title":"Faq With Contact Card","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Five answers drawing the defect versus wear line in examples, lifetime answered honestly.","name":"ecommerce-pro-faq-sections-guarantee-faq","title":"Guarantee Faq","type":"registry:block"},{"description":"A ranked list of the top eight support questions, each row showing its rank, ticket share, a short answer, and a small distribution bar.","name":"ecommerce-pro-faq-sections-most-asked-faq","title":"Most Asked FAQ","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Six order flow questions answered with mechanisms: the change window, base rate, and no phone explained.","name":"ecommerce-pro-faq-sections-ordering-faq","title":"Ordering Faq","type":"registry:block"},{"description":"Six buying mechanics stated plainly, charge timing, cancels, and combined orders.","name":"ecommerce-pro-faq-sections-ordering-faq-list","title":"Ordering Faq List","type":"registry:block"},{"description":"Every policy change as dated rows with the reason, the receipt that outlives announcements.","name":"ecommerce-pro-faq-sections-policies-changelog","title":"Policies Changelog","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Six made to order questions answered with dates, written from the inbox.","name":"ecommerce-pro-faq-sections-preorder-faq","title":"Preorder Faq","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Care rituals as accordion answers beside a sticky image, prevention as content.","name":"ecommerce-pro-faq-sections-product-care-faq","title":"Product Care Faq","type":"registry:block"},{"description":"The whole returns policy as eight open answers, no accordion for anxious readers.","name":"ecommerce-pro-faq-sections-returns-faq-two-col","title":"Returns Faq Two Col","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Five answers for the used buyer, serial checks, guarantee transfer, first repair free.","name":"ecommerce-pro-faq-sections-secondhand-buyers-faq","title":"Secondhand Buyers Faq","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Six shipping questions answered with cutoffs by day, couriers named, and the misdrop and locker rules.","name":"ecommerce-pro-faq-sections-shipping-faq","title":"Shipping Faq","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"The six shipping questions support actually receives, answered with real numbers.","name":"ecommerce-pro-faq-sections-shipping-faq-accordion","title":"Shipping Faq Accordion","type":"registry:block"},{"description":"The four sizing answers as one band, each sentence ending its question.","name":"ecommerce-pro-faq-sections-sizing-faq-compact","title":"Sizing Faq Compact","type":"registry:block"},{"description":"A verdict first FAQ where a bold answer leads each row, Yes, Free, 60 days, with the question and one line of mechanics trailing.","name":"ecommerce-pro-faq-sections-straight-answers-faq","title":"Straight Answers FAQ","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Bulk gift cards for teams of ten or more, no discount, no logo, free letterpress, invoice accepted.","name":"ecommerce-pro-gift-card-sections-corporate-gift-cards-card","title":"Corporate Gift Cards Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Team gifting as logistics solved, one CSV, one invoice, and a charity swap option.","name":"ecommerce-pro-gift-card-sections-corporate-gifting-card","title":"Corporate Gifting Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The $40 repair credit card for the friend with the beloved dying bag, delivered as a letterpress card.","name":"ecommerce-pro-gift-card-sections-gift-a-repair-card","title":"Gift A Repair Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three denomination columns map each amount to catalog items it covers, with product thumbnails, prices, and a covers line under each.","name":"ecommerce-pro-gift-card-sections-gift-card-amount-guide","title":"Gift Card Amount Guide","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Code in, balance out, with the three balance anxieties answered beneath.","name":"ecommerce-pro-gift-card-sections-gift-card-balance-check","title":"Gift Card Balance Check","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Card number in, balance out, no account needed and no expiry to fear.","name":"ecommerce-pro-gift-card-sections-gift-card-balance-checker","title":"Gift Card Balance Checker","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Four occasion design tiles drive a live full size card preview, beside a picker column and rows listing what the design changes.","name":"ecommerce-pro-gift-card-sections-gift-card-design-picker","title":"Gift Card Design Picker","type":"registry:block"},{"description":"Gift card questions answered like money questions, five rows, no asterisks.","name":"ecommerce-pro-gift-card-sections-gift-card-faq","title":"Gift Card Faq","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The gift card reframed as respect for their taste, with three term tiles.","name":"ecommerce-pro-gift-card-sections-gift-card-hero","title":"Gift Card Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three numbered step tiles trace the path from checkout to redemption, each grounded by a small interface chip, above a send button.","name":"ecommerce-pro-gift-card-sections-gift-card-how-it-works","title":"Gift Card How It Works","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Amount chips updating a live card preview, with delivery date and no expiry terms.","name":"ecommerce-pro-gift-card-sections-gift-card-purchase","title":"Gift Card Purchase","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Delivery timing facts sit beside a static blueprint of the exact email the recipient receives, with card art, a personal note, and code row.","name":"ecommerce-pro-gift-card-sections-last-minute-gift-card","title":"Last Minute Gift Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The letterpress card you can wrap, no expiry, value reissued if lost.","name":"ecommerce-pro-gift-card-sections-physical-gift-card","title":"Physical Gift Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A corporate gifting section with four order size tiers in a table of discounts and lead times, three coordinator facts, and an email handoff.","name":"ecommerce-pro-gifting-sections-corporate-gifting-tiers","title":"Corporate Gifting Tiers","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A gift card builder with amount chips and timing facts beside a live preview panel showing the card, delivery details, and a spam fallback note.","name":"ecommerce-pro-gifting-sections-egift-card-builder","title":"Egift Card Builder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Email three facts and a budget, a human replies with one pick and one alternative within a day.","name":"ecommerce-pro-gifting-sections-gift-concierge-card","title":"Gift Concierge Card","type":"registry:block"},{"description":"A gift finder quiz with three question chip rows beside the match panel it produces, showing the pick, its reasoning, and a cheaper backup.","name":"ecommerce-pro-gifting-sections-gift-finder-quiz","title":"Gift Finder Quiz","type":"registry:block"},{"description":"A gift note section pairing the rules a handwritten note follows and three starter lines with a serif stationery preview and a blank card option.","name":"ecommerce-pro-gifting-sections-gift-note-preview","title":"Gift Note Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split pairing a three email reminder timeline and save a date button with an example saved dates panel showing budgets and statuses.","name":"ecommerce-pro-gifting-sections-gift-reminder-service","title":"Gift Reminder Service","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four facts that cover the recipient through January 31 with the buyer never told about a return.","name":"ecommerce-pro-gifting-sections-gift-returns-promise-band","title":"Gift Returns Promise Band","type":"registry:block"},{"description":"Three bench photos of the actual wrap with the $6 broken into paper, ribbon, and four bench minutes.","name":"ecommerce-pro-gifting-sections-gift-wrapping-gallery","title":"Gift Wrapping Gallery","type":"registry:block"},{"description":"One person starts it, others chip in by link, with three honest rules stated before it goes wrong.","name":"ecommerce-pro-gifting-sections-group-gift-explainer","title":"Group Gift Explainer","type":"registry:block"},{"description":"Three tiers ordered by certainty for December 23, the e gift card first and bags honestly ruled out.","name":"ecommerce-pro-gifting-sections-last-minute-gifts-grid","title":"Last Minute Gifts Grid","type":"registry:block"},{"description":"Four occasion cards with a photo, plain reasoning, the pick with price, and a smaller pick, closing with a gift desk handoff.","name":"ecommerce-pro-gifting-sections-occasion-gift-guide","title":"Occasion Gift Guide","type":"registry:block"},{"description":"The bestseller's tag itemized to the margin, a price defended, not apologized for.","name":"ecommerce-pro-incentives-sections-about-our-prices","title":"About Our Prices","type":"registry:block"},{"description":"A volume pricing section showing four quantity tiers as a card row with per unit prices, then three ruled rules that govern bulk orders.","name":"ecommerce-pro-incentives-sections-bulk-pricing-tiers","title":"Bulk Pricing Tiers","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An eligibility discount grid of four groups as icon cards stating the proof required and how long it lasts, plus a document privacy footer band.","name":"ecommerce-pro-incentives-sections-community-discount-grid","title":"Community Discount Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The checkout price is the last number, with the refuse and email us record.","name":"ecommerce-pro-incentives-sections-duties-included-band","title":"Duties Included Band","type":"registry:block"},{"description":"Pay in three with worked math, return mechanics, and who should skip it.","name":"ecommerce-pro-incentives-sections-financing-explainer","title":"Financing Explainer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"First repair free even secondhand, the mechanics ruled and the commercial reasoning published.","name":"ecommerce-pro-incentives-sections-first-repair-free-card","title":"First Repair Free Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Strap, holes, and handles adjusted free forever on any product with bench minutes and the cost honest.","name":"ecommerce-pro-incentives-sections-free-adjustments-card","title":"Free Adjustments Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The $75 threshold with the real $7 cost, advising against padding the cart.","name":"ecommerce-pro-incentives-sections-free-shipping-threshold-bar","title":"Free Shipping Threshold Bar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The wrap pictured with three gifting promises, free paper wrap and priceless receipts.","name":"ecommerce-pro-incentives-sections-gift-wrapping-callout","title":"Gift Wrapping Callout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The ten year promise in a primary band with honored, declined, and median repair time.","name":"ecommerce-pro-incentives-sections-guarantee-band","title":"Guarantee Band","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Gift returns through January 31, automatic, with the unchanged rules listed.","name":"ecommerce-pro-incentives-sections-holiday-returns-extension","title":"Holiday Returns Extension","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Hardware covered for the life of the bag with five things that do not void it and one thing that does.","name":"ecommerce-pro-incentives-sections-lifetime-guarantee-spotlight","title":"Lifetime Guarantee Spotlight","type":"registry:block"},{"description":"Why there is no points program, the breakage math stated, and the three real alternatives listed.","name":"ecommerce-pro-incentives-sections-loyalty-not-points-explainer","title":"Loyalty Not Points Explainer","type":"registry:block"},{"description":"The parcel layer by layer, material and disposal route, one bin.","name":"ecommerce-pro-incentives-sections-packaging-explainer","title":"Packaging Explainer","type":"registry:block"},{"description":"Accepted methods as text chips with the three payment facts that actually reassure.","name":"ecommerce-pro-incentives-sections-payment-options-row","title":"Payment Options Row","type":"registry:block"},{"description":"Automatic refunds on our own price drops, with last year's count and no asterisk.","name":"ecommerce-pro-incentives-sections-price-match-promise","title":"Price Match Promise","type":"registry:block"},{"description":"Own-price match only, with the nightly diff mechanic and a worked example showing $27 back automatically.","name":"ecommerce-pro-incentives-sections-price-match-promise-card","title":"Price Match Promise Card","type":"registry:block"},{"description":"A referral section pairing the give and get amounts as twin cards, then a ruled list of payout timing, the cap, and what it skips.","name":"ecommerce-pro-incentives-sections-referral-give-get","title":"Referral Give Get","type":"registry:block"},{"description":"The published 6.2 percent return rate with its category context, named culprit, and named fix.","name":"ecommerce-pro-incentives-sections-returns-rate-transparency","title":"Returns Rate Transparency","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Protection included free with three plain claim rules and the 0.4% rate.","name":"ecommerce-pro-incentives-sections-shipping-protection-card","title":"Shipping Protection Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The three column trust band where every policy claim carries a number.","name":"ecommerce-pro-incentives-sections-shipping-returns-row","title":"Shipping Returns Row","type":"registry:block"},{"description":"Four numbered environmental facts with the unfinished one stated as a percentage.","name":"ecommerce-pro-incentives-sections-sustainability-notes","title":"Sustainability Notes","type":"registry:block"},{"description":"Coverage by failure type, including what is not covered and what happens anyway.","name":"ecommerce-pro-incentives-sections-warranty-table","title":"Warranty Table","type":"registry:block"},{"description":"A welcome offer split pairing the signup discount and its three plain rules with a dated archive of every email actually sent this year.","name":"ecommerce-pro-incentives-sections-welcome-code-explainer","title":"Welcome Code Explainer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six regions with real day ranges, a duties column naming the collector, and tracking confirmed on every row.","name":"ecommerce-pro-international-sections-country-shipping-table","title":"Country Shipping Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A vertical rail walking a parcel through five international shipping stages, each with an honest day range and the customs stage called out.","name":"ecommerce-pro-international-sections-cross-border-delivery-timeline","title":"Cross Border Delivery Timeline","type":"registry:block"},{"description":"One product repriced across three currencies with the bank rate disclosure inside the card.","name":"ecommerce-pro-international-sections-currency-and-duties-toggle","title":"Currency And Duties Toggle","type":"registry:block"},{"description":"The customs form field by field, and the gift undervalue request declined as the fraud it is.","name":"ecommerce-pro-international-sections-customs-paperwork-explainer","title":"Customs Paperwork Explainer","type":"registry:block"},{"description":"Country chips reveal landed cost, with who collects duties stated per region.","name":"ecommerce-pro-international-sections-duties-calculator-card","title":"Duties Calculator Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A network stat strip above three dispatch hub cards, each naming the regions it serves, its dispatch promise, and what it keeps in stock.","name":"ecommerce-pro-international-sections-global-fulfillment-hubs","title":"Global Fulfillment Hubs","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Five cross border questions answered, duties first, the customs delay named honestly.","name":"ecommerce-pro-international-sections-international-orders-faq","title":"International Orders Faq","type":"registry:block"},{"description":"A split layout pairing the returns promise and money facts with a numbered four step card covering label, duties, drop off, and refund.","name":"ecommerce-pro-international-sections-international-returns-steps","title":"International Returns Steps","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two side by side receipts pricing the same international order both ways, duties prepaid at checkout versus collected at the door.","name":"ecommerce-pro-international-sections-landed-cost-comparison","title":"Landed Cost Comparison","type":"registry:block"},{"description":"Where we ship with per region notes, and the refusal list with reasons published.","name":"ecommerce-pro-international-sections-where-we-ship-list","title":"Where We Ship List","type":"registry:block"},{"description":"The journal as dated rows, category, read time, and a one line standfirst each.","name":"ecommerce-pro-journal-sections-article-list-rows","title":"Article List Rows","type":"registry:block"},{"description":"The care column with a routine readers can finish, five minutes a month.","name":"ecommerce-pro-journal-sections-care-column-split","title":"Care Column Split","type":"registry:block"},{"description":"A heading and intro over a responsive grid of reader dispatch cards, each showing a location, a quoted note, the reader name, and years carried.","name":"ecommerce-pro-journal-sections-field-notes-grid","title":"Field Notes Grid","type":"registry:block"},{"description":"Three repair cases told as what failed and the lesson, written by the bench.","name":"ecommerce-pro-journal-sections-from-the-bench-column","title":"From The Bench Column","type":"registry:block"},{"description":"Three inbox questions answered by whoever actually knows, name and job on every answer.","name":"ecommerce-pro-journal-sections-from-the-floor-qa","title":"From The Floor Qa","type":"registry:block"},{"description":"Six evergreen guides as cards, each promising a decision rather than content.","name":"ecommerce-pro-journal-sections-guide-cards-grid","title":"Guide Cards Grid","type":"registry:block"},{"description":"One repair taught in four numbered steps with the bail out point marked.","name":"ecommerce-pro-journal-sections-how-to-steps-article","title":"How To Steps Article","type":"registry:block"},{"description":"A centered heading and intro above back issues grouped by year, each row linking an issue title with its number, month, and a read cue.","name":"ecommerce-pro-journal-sections-issue-archive-timeline","title":"Issue Archive Timeline","type":"registry:block"},{"description":"The lead story big with a placeholder, three secondary headlines stacked beside it.","name":"ecommerce-pro-journal-sections-journal-hero-feature","title":"Journal Hero Feature","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column split pairing an email signup form with a list of recent issue subject lines, each showing a date and reading time.","name":"ecommerce-pro-journal-sections-journal-newsletter-signup","title":"Journal Newsletter Signup","type":"registry:block"},{"description":"The journal mapped by topic with article counts and the best first read.","name":"ecommerce-pro-journal-sections-journal-topics-index","title":"Journal Topics Index","type":"registry:block"},{"description":"The 18 oz canvas argued by the buyer who picks it, the contract spec callout, and the trade offs named.","name":"ecommerce-pro-journal-sections-materials-deep-dive-article","title":"Materials Deep Dive Article","type":"registry:block"},{"description":"A heading and intro above a wide video still with a play button and runtime, then a two column list of timestamped chapters with notes.","name":"ecommerce-pro-journal-sections-workshop-film-chapters","title":"Workshop Film Chapters","type":"registry:block"},{"description":"Six months from twelve, the same bag photographed with no wax touch ups, the honest aging record.","name":"ecommerce-pro-journal-sections-year-of-wear-photo-log","title":"Year Of Wear Photo Log","type":"registry:block"},{"description":"Every season kept online, each tile counting what is still made.","name":"ecommerce-pro-lookbook-sections-archive-lookbooks-index","title":"Archive Lookbooks Index","type":"registry:block"},{"description":"Four outtakes with captions from the actual shoot day, the seams shown.","name":"ecommerce-pro-lookbook-sections-behind-the-scenes-row","title":"Behind The Scenes Row","type":"registry:block"},{"description":"Three lookbook frames with honest production captions and the full shoot budget published at the footer.","name":"ecommerce-pro-lookbook-sections-behind-the-shoot-notes","title":"Behind The Shoot Notes","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three campaign frames with an offset middle and one button to the full lookbook.","name":"ecommerce-pro-lookbook-sections-campaign-strip-band","title":"Campaign Strip Band","type":"registry:block"},{"description":"A dense numbered grid of shoot frames with the selects that made the book marked, closed by a tally of shot, published, and chosen counts.","name":"ecommerce-pro-lookbook-sections-contact-sheet-selects","title":"Contact Sheet Selects","type":"registry:block"},{"description":"Six owner photos, unretouched, paid in store credit and disclosed.","name":"ecommerce-pro-lookbook-sections-customer-styled-lookbook","title":"Customer Styled Lookbook","type":"registry:block"},{"description":"One magazine spread, a large frame beside styling notes and the itemized pieces.","name":"ecommerce-pro-lookbook-sections-editorial-spread-split","title":"Editorial Spread Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered lookbook cover with title, standfirst, and two actions over one wide frame, closed by a masthead credits row of four roles.","name":"ecommerce-pro-lookbook-sections-lookbook-cover-credits","title":"Lookbook Cover Credits","type":"registry:block"},{"description":"A lookbook film player blueprint with a chapter marked progress bar beside a timestamped chapter list, each row naming the pieces on screen.","name":"ecommerce-pro-lookbook-sections-lookbook-film-chapters","title":"Lookbook Film Chapters","type":"registry:block"},{"description":"The outfit image beside numbered pieces in dressing order, no overlaid pins.","name":"ecommerce-pro-lookbook-sections-numbered-look-list","title":"Numbered Look List","type":"registry:block"},{"description":"Three captioned frames in a row showing one overshirt styled three ways, each with its supporting pieces, closed by a constant piece anchor row.","name":"ecommerce-pro-lookbook-sections-one-piece-three-ways","title":"One Piece Three Ways","type":"registry:block"},{"description":"The lookbook as mixed ratio frames with shopping in the captions, not on the photos.","name":"ecommerce-pro-lookbook-sections-seasonal-gallery-grid","title":"Seasonal Gallery Grid","type":"registry:block"},{"description":"The AW26 spread: one large frame, three supporting squares, and the pieces in the photos as priced rows.","name":"ecommerce-pro-lookbook-sections-seasonal-lookbook-spread","title":"Seasonal Lookbook Spread","type":"registry:block"},{"description":"One lookbook frame with every item in it priced or declared not for sale, nothing in frame left unnamed.","name":"ecommerce-pro-lookbook-sections-shop-the-shoot-grid","title":"Shop The Shoot Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column layout with numbered how it works steps beside a gift certificate card listing benefits and a sample redemption code.","name":"ecommerce-pro-membership-sections-gift-membership-panel","title":"Gift Membership Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The signup card with cancel mechanics spelled out before the button, not after.","name":"ecommerce-pro-membership-sections-join-flow-card","title":"Join Flow Card","type":"registry:block"},{"description":"The next drops with member and everyone dates side by side, sequence not exclusivity.","name":"ecommerce-pro-membership-sections-member-early-access-calendar","title":"Member Early Access Calendar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The member number framed as a birthday not a rank, with renewal date and a two click cancel path.","name":"ecommerce-pro-membership-sections-member-number-card","title":"Member Number Card","type":"registry:block"},{"description":"A heading and intro above a four column product grid, each card showing the everyone price beside the member price with a savings line.","name":"ecommerce-pro-membership-sections-member-price-strip","title":"Member Price Strip","type":"registry:block"},{"dependencies":["recharts"],"description":"A two column split with heading and copy beside a card holding a line chart of cumulative member savings crossing a flat fee reference line.","name":"ecommerce-pro-membership-sections-member-savings-chart","title":"Member Savings Chart","type":"registry:block"},{"description":"Three members quoted on their own verified math rather than enthusiasm.","name":"ecommerce-pro-membership-sections-member-stories-row","title":"Member Stories Row","type":"registry:block"},{"description":"A centered heading and intro above an itemized recap card totaling one membership year down to the net, with the negative net policy stated below.","name":"ecommerce-pro-membership-sections-member-year-recap","title":"Member Year Recap","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Guest, free account, and member side by side, nothing free ever moves paid.","name":"ecommerce-pro-membership-sections-membership-benefits-table","title":"Membership Benefits Table","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Five membership questions including the one that says do not join and the honest early access caveat.","name":"ecommerce-pro-membership-sections-membership-faq","title":"Membership Faq","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The program as a calculator, not a club, with the breakeven stated against the sale.","name":"ecommerce-pro-membership-sections-membership-landing-hero","title":"Membership Landing Hero","type":"registry:block"},{"description":"The fee worked three ways, including the spender who is told not to join.","name":"ecommerce-pro-membership-sections-membership-math-explainer","title":"Membership Math Explainer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Every open order as a compact row with its one line status and link, one page, every parcel, no tabs.","name":"ecommerce-pro-order-tracking-all-orders-timeline","title":"All Orders Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two stacked carrier legs, each with its own tracking number and status badge, joined by a handoff marker that explains the switch.","name":"ecommerce-pro-order-tracking-carrier-handoff-card","title":"Carrier Handoff Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The courier for the van, the store for everything else, split honestly.","name":"ecommerce-pro-order-tracking-courier-contact-card","title":"Courier Contact Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The day-of courier scan feed: stop count, firming window, and the driver note shown verbatim.","name":"ecommerce-pro-order-tracking-delivery-day-timeline","title":"Delivery Day Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Ranked fallbacks with honor rates from real delivery data and the keep it short finding.","name":"ecommerce-pro-order-tracking-delivery-instructions-card","title":"Delivery Instructions Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The courier's proof photo with privacy terms and the that is not my door path.","name":"ecommerce-pro-order-tracking-delivery-photo-confirmation","title":"Delivery Photo Confirmation","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A static street grid with the traveled route solid and remaining route dotted, beside a live stops away count, driver card, and stop list.","name":"ecommerce-pro-order-tracking-delivery-route-map","title":"Delivery Route Map","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The window as the headline with the narrowing schedule and day of options.","name":"ecommerce-pro-order-tracking-delivery-window-card","title":"Delivery Window Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two column lookup with a headline, three hints on where the order number lives, and a card form for order number and email.","name":"ecommerce-pro-order-tracking-guest-order-lookup","title":"Guest Order Lookup","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Five stage tracker with the customs stage annotated honestly and the filing threshold stated.","name":"ecommerce-pro-order-tracking-international-tracking-view","title":"International Tracking View","type":"registry:block"},{"description":"The automatic shipping refund when the miss is ours, help not compensation when it is the courier.","name":"ecommerce-pro-order-tracking-late-order-compensation-card","title":"Late Order Compensation Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The three delivery failures with paths that never start with prove it.","name":"ecommerce-pro-order-tracking-order-issues-card","title":"Order Issues Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One order as a compact card with status chip, delivery window, and two actions.","name":"ecommerce-pro-order-tracking-order-status-card","title":"Order Status Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Locker collection with the code at display size and the deadline policy stated.","name":"ecommerce-pro-order-tracking-pickup-instructions-card","title":"Pickup Instructions Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Pickup code shown large, hold date in calendar not a countdown, and the ID rules by pickup type.","name":"ecommerce-pro-order-tracking-pickup-ready-status","title":"Pickup Ready Status","type":"registry:block"},{"description":"Five dated production stages, yours is bag 14 of 32 in the batch.","name":"ecommerce-pro-order-tracking-preorder-progress-tracker","title":"Preorder Progress Tracker","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered card with a tappable week of day chips, three arrival windows as radio rows, and a confirm button naming the chosen slot.","name":"ecommerce-pro-order-tracking-reschedule-delivery-card","title":"Reschedule Delivery Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The return as a refund tracker, every stage says where the money is.","name":"ecommerce-pro-order-tracking-return-status-tracker","title":"Return Status Tracker","type":"registry:block"},{"description":"Courier scan codes translated into human sentences, the raw code kept visible.","name":"ecommerce-pro-order-tracking-shipment-updates-list","title":"Shipment Updates List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two parcels, one order, the split explained and shipping charged once.","name":"ecommerce-pro-order-tracking-split-shipment-tracker","title":"Split Shipment Tracker","type":"registry:block"},{"description":"The four questions people ask while staring at tracking, answered in one band.","name":"ecommerce-pro-order-tracking-tracking-faq-strip","title":"Tracking Faq Strip","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four stages on a vertical line with timestamps, the current one pulsing.","name":"ecommerce-pro-order-tracking-tracking-timeline","title":"Tracking Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Storm pause with the courier reasoning published, the new date stated, and nothing to do.","name":"ecommerce-pro-order-tracking-weather-delay-notice","title":"Weather Delay Notice","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Payment options in three named groups as italic chips with one honest line each and two absences stated.","name":"ecommerce-pro-payment-sections-accepted-methods-row","title":"Accepted Methods Row","type":"registry:block"},{"description":"Invoice payment for orders over 500 in three numbered rows with the speed caveat printed at the bottom.","name":"ecommerce-pro-payment-sections-bank-transfer-invoice-card","title":"Bank Transfer Invoice Card","type":"registry:block"},{"description":"A four step vertical timeline of what happens when a card declines, from the same second through the 48 hour hold to release, with common causes named.","name":"ecommerce-pro-payment-sections-declined-card-playbook","title":"Declined Card Playbook","type":"registry:block"},{"description":"The BNPL split printed in mono arithmetic with the late fee row and the cheaper lookalike named openly.","name":"ecommerce-pro-payment-sections-installments-honest-math","title":"Installments Honest Math","type":"registry:block"},{"description":"One product priced across three regions with the tax content of each price written into the table.","name":"ecommerce-pro-payment-sections-multi-currency-pricing-table","title":"Multi Currency Pricing Table","type":"registry:block"},{"description":"A two column zero surcharge promise where a left list names three fees other checkouts add and a right mono receipt prints each at $0.00.","name":"ecommerce-pro-payment-sections-no-surcharge-receipt","title":"No Surcharge Receipt","type":"registry:block"},{"description":"Three plain rows on where the card number goes by architecture with no padlock icons and no badge images.","name":"ecommerce-pro-payment-sections-payment-security-explainer","title":"Payment Security Explainer","type":"registry:block"},{"description":"A refund timing comparison where each payment method row names its method, days to land, a proportional bar, and one line on where the wait lives.","name":"ecommerce-pro-payment-sections-refund-speed-by-method","title":"Refund Speed By Method","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column saved card explainer where a left list states what saving stores and what removal does beside a static account panel blueprint.","name":"ecommerce-pro-payment-sections-saved-card-controls","title":"Saved Card Controls","type":"registry:block"},{"description":"The honest no on crypto with the 60 day refund volatility math and a promise to update when it changes.","name":"ecommerce-pro-payment-sections-why-no-crypto-card","title":"Why No Crypto Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"One handover question with four chips, where the answer goes, and why it never touches the driver.","name":"ecommerce-pro-post-purchase-sections-delivery-feedback-card","title":"Delivery Feedback Card","type":"registry:block"},{"description":"Three timed steps before the first rain, each with the failure mode it prevents and the honest why.","name":"ecommerce-pro-post-purchase-sections-first-use-guide-card","title":"First Use Guide Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The review email shown in full at three weeks, no incentive stated inside it and one reminder maximum.","name":"ecommerce-pro-post-purchase-sections-honest-review-request","title":"Honest Review Request","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered heading over three ordered attempt cards, each pairing an icon, step label, delivery detail, and its limit, closed by a policy line.","name":"ecommerce-pro-post-purchase-sections-missed-delivery-playbook","title":"Missed Delivery Playbook","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The 60 minute self serve window: address, size, or cancel from the order email with no contact needed.","name":"ecommerce-pro-post-purchase-sections-order-edit-window-card","title":"Order Edit Window Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A left aligned heading above four material tiles, each with an icon, description, a bin badge, and a disposal note, followed by a closing line.","name":"ecommerce-pro-post-purchase-sections-packaging-recycling-guide","title":"Packaging Recycling Guide","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Annotated slip mockup: contents and serials, gift prices stripped, QR return, and initials in pen.","name":"ecommerce-pro-post-purchase-sections-packing-slip-explainer","title":"Packing Slip Explainer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Serial plus email attaches the guarantee to the product itself, with three things registration unlocks.","name":"ecommerce-pro-post-purchase-sections-product-registration-card","title":"Product Registration Card","type":"registry:block"},{"description":"A centered column with a usage curve card marking the single reminder day, a three rule grid explaining the timing, and a closing note.","name":"ecommerce-pro-post-purchase-sections-reorder-reminder-card","title":"Reorder Reminder Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column split pairing three checkmark promises with a parts panel listing each part by thumbnail, fit, price, and stock above an order button.","name":"ecommerce-pro-post-purchase-sections-spare-parts-counter","title":"Spare Parts Counter","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four stage dot timeline from payment to door, with the quiet stretch named as the system working.","name":"ecommerce-pro-post-purchase-sections-what-happens-next-timeline","title":"What Happens Next Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Full care page sorted by material, with a schedule table, a kit picker, and a step by step how to article.","name":"ecommerce-pro-prebuilt-pages-care-hub-page","registryDependencies":["@shadcn-ui-blocks/ecommerce-pro-journal-sections-how-to-steps-article","@shadcn-ui-blocks/ecommerce-pro-product-care-sections-care-by-material-tabs","@shadcn-ui-blocks/ecommerce-pro-product-care-sections-care-kit-picker","@shadcn-ui-blocks/ecommerce-pro-product-care-sections-care-schedule-table","@shadcn-ui-blocks/ecommerce-pro-store-footers-footer-with-service-links","@shadcn-ui-blocks/ecommerce-pro-store-navbars-minimal-logo-cart"],"title":"Care Hub Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Full contact page routing each question to the right channel, with real reply times and a FAQ index.","name":"ecommerce-pro-prebuilt-pages-contact-page","registryDependencies":["@shadcn-ui-blocks/ecommerce-pro-contact-sections-contact-routes-page","@shadcn-ui-blocks/ecommerce-pro-contact-sections-response-times-band","@shadcn-ui-blocks/ecommerce-pro-contact-sections-visit-the-workshop-card","@shadcn-ui-blocks/ecommerce-pro-faq-sections-faq-topics-index","@shadcn-ui-blocks/ecommerce-pro-store-footers-footer-minimal-legal","@shadcn-ui-blocks/ecommerce-pro-store-navbars-minimal-logo-cart"],"title":"Contact Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Storefront home with category bar nav, mosaic hero, catalog split, ranked bestsellers, and reviews milestone.","name":"ecommerce-pro-prebuilt-pages-home-page","registryDependencies":["@shadcn-ui-blocks/ecommerce-pro-category-sections-new-vs-classics-band","@shadcn-ui-blocks/ecommerce-pro-email-capture-sections-newsletter-with-archive","@shadcn-ui-blocks/ecommerce-pro-product-grids-bestsellers-by-numbers-grid","@shadcn-ui-blocks/ecommerce-pro-reviews-sections-reviews-milestone-band","@shadcn-ui-blocks/ecommerce-pro-store-footers-footer-with-reviews-score","@shadcn-ui-blocks/ecommerce-pro-store-heroes-mosaic-collage-hero","@shadcn-ui-blocks/ecommerce-pro-store-navbars-nav-with-category-bar"],"title":"Home Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Membership landing that argues with arithmetic including the profile where joining loses money.","name":"ecommerce-pro-prebuilt-pages-membership-page","registryDependencies":["@shadcn-ui-blocks/ecommerce-pro-membership-sections-join-flow-card","@shadcn-ui-blocks/ecommerce-pro-membership-sections-member-stories-row","@shadcn-ui-blocks/ecommerce-pro-membership-sections-membership-benefits-table","@shadcn-ui-blocks/ecommerce-pro-membership-sections-membership-landing-hero","@shadcn-ui-blocks/ecommerce-pro-membership-sections-membership-math-explainer","@shadcn-ui-blocks/ecommerce-pro-store-footers-footer-with-reviews-score","@shadcn-ui-blocks/ecommerce-pro-store-navbars-minimal-logo-cart"],"title":"Membership Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Product detail with sustainability panel, photo review wall, care kit attach, and shipping protection.","name":"ecommerce-pro-prebuilt-pages-product-page","registryDependencies":["@shadcn-ui-blocks/ecommerce-pro-incentives-sections-shipping-protection-card","@shadcn-ui-blocks/ecommerce-pro-product-overviews-with-sustainability-panel","@shadcn-ui-blocks/ecommerce-pro-reviews-sections-photo-review-wall","@shadcn-ui-blocks/ecommerce-pro-store-footers-footer-with-company-numbers","@shadcn-ui-blocks/ecommerce-pro-store-navbars-minimal-logo-cart","@shadcn-ui-blocks/ecommerce-pro-upsell-sections-care-kit-attach-row"],"title":"Product Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Repairs hub with the published price table, live bench queue, request form, and turnaround stats.","name":"ecommerce-pro-prebuilt-pages-repairs-hub-page","registryDependencies":["@shadcn-ui-blocks/ecommerce-pro-repair-service-sections-bench-queue-status","@shadcn-ui-blocks/ecommerce-pro-repair-service-sections-repair-pricing-table","@shadcn-ui-blocks/ecommerce-pro-repair-service-sections-repair-request-form","@shadcn-ui-blocks/ecommerce-pro-repair-service-sections-repair-stories-gallery","@shadcn-ui-blocks/ecommerce-pro-repair-service-sections-repair-turnaround-stats","@shadcn-ui-blocks/ecommerce-pro-store-footers-footer-with-company-numbers","@shadcn-ui-blocks/ecommerce-pro-store-navbars-minimal-logo-cart"],"title":"Repairs Hub Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Resale landing, the estimator first for sellers, graded listings and the loop counted for buyers.","name":"ecommerce-pro-prebuilt-pages-resale-landing-page","registryDependencies":["@shadcn-ui-blocks/ecommerce-pro-resale-sections-circularity-stats-band","@shadcn-ui-blocks/ecommerce-pro-resale-sections-resale-faq","@shadcn-ui-blocks/ecommerce-pro-resale-sections-resale-grading-scale","@shadcn-ui-blocks/ecommerce-pro-resale-sections-secondhand-grid","@shadcn-ui-blocks/ecommerce-pro-resale-sections-trade-in-estimator","@shadcn-ui-blocks/ecommerce-pro-store-footers-footer-with-reviews-score","@shadcn-ui-blocks/ecommerce-pro-store-navbars-minimal-logo-cart"],"title":"Resale Landing Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Returns center with plain policy first, start flow, refund timeline, and a full FAQ before the footer.","name":"ecommerce-pro-prebuilt-pages-returns-center-page","registryDependencies":["@shadcn-ui-blocks/ecommerce-pro-returns-sections-plain-language-policy","@shadcn-ui-blocks/ecommerce-pro-returns-sections-refund-timeline-explainer","@shadcn-ui-blocks/ecommerce-pro-returns-sections-returns-faq","@shadcn-ui-blocks/ecommerce-pro-returns-sections-start-return-flow","@shadcn-ui-blocks/ecommerce-pro-store-footers-footer-with-company-numbers","@shadcn-ui-blocks/ecommerce-pro-store-navbars-minimal-logo-cart"],"title":"Returns Center Page","type":"registry:block"},{"description":"The $185 tote split into five labeled bars with dollar amounts and a note on each line that adds to the price.","name":"ecommerce-pro-pricing-transparency-sections-cost-breakdown-bars","title":"Cost Breakdown Bars","type":"registry:block"},{"description":"The $6.10 per return, the 6.2% rate, and the 38 cents on every order with the arithmetic printed.","name":"ecommerce-pro-pricing-transparency-sections-cost-of-free-returns-explainer","title":"Cost Of Free Returns Explainer","type":"registry:block"},{"description":"Three equation tiles divide the price across a ten year design life, above a marked decade strip and a list of milestones it covers.","name":"ecommerce-pro-pricing-transparency-sections-cost-per-wear-math","title":"Cost Per Wear Math","type":"registry:block"},{"description":"Four stat cards hold each raw input cost with its current rate, twelve month movement, and a trend sparkline, above the pass through rule line.","name":"ecommerce-pro-pricing-transparency-sections-input-cost-index","title":"Input Cost Index","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Why no sales ever, in three numbered rows, with the archive exception.","name":"ecommerce-pro-pricing-transparency-sections-no-sales-policy-card","title":"No Sales Policy Card","type":"registry:block"},{"description":"Every price since 2015 with the published reason per change including the year the price went down.","name":"ecommerce-pro-pricing-transparency-sections-price-history-table","title":"Price History Table","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion answers five blunt questions about the price, each written plainly, with the first item expanded by default.","name":"ecommerce-pro-pricing-transparency-sections-price-questions-accordion","title":"Price Questions Accordion","type":"registry:block"},{"description":"Two side by side channel cards break the same tote into additive cost rows, one priced through a store, one sold direct.","name":"ecommerce-pro-pricing-transparency-sections-retail-markup-comparison","title":"Retail Markup Comparison","type":"registry:block"},{"description":"Floor rate, median, and the local living wage published beside the labor cost line.","name":"ecommerce-pro-pricing-transparency-sections-wage-transparency-card","title":"Wage Transparency Card","type":"registry:block"},{"description":"The $40 margin itemized, repairs to reserve, profit stated without apology.","name":"ecommerce-pro-pricing-transparency-sections-what-margin-pays-for","title":"What Margin Pays For","type":"registry:block"},{"description":"The case for $185 against the $90 lookalike, with the sincere concession included.","name":"ecommerce-pro-pricing-transparency-sections-why-this-price-explainer","title":"Why This Price Explainer","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three material routines in tabs, numbered steps, a frequency line, one product each.","name":"ecommerce-pro-product-care-sections-care-by-material-tabs","title":"Care By Material Tabs","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two side by side panels list five care habits to always do and five to never do, each with a one line reason, closed by an honest footer note.","name":"ecommerce-pro-product-care-sections-care-dos-donts","title":"Care Dos and Donts","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three kits with the recommended tag on the cheapest one, on purpose.","name":"ecommerce-pro-product-care-sections-care-kit-picker","title":"Care Kit Picker","type":"registry:block"},{"description":"A static mockup of the sewn in care label sits beside its five stitched symbols, each translated into a plain instruction and the damage it prevents.","name":"ecommerce-pro-product-care-sections-care-label-decoder","title":"Care Label Decoder","type":"registry:block"},{"description":"Four seasons, one five minute task each, and a Summer row that says do nothing.","name":"ecommerce-pro-product-care-sections-care-schedule-table","title":"Care Schedule Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three short tutorial cards, each with a video thumbnail, runtime, a job summary, and the tools it uses, closed by a filming note.","name":"ecommerce-pro-product-care-sections-care-video-library","title":"Care Video Library","type":"registry:block"},{"description":"Year 0 to 5 as four tiles, what patina is normal at each, cracking named as a claim, not aging.","name":"ecommerce-pro-product-care-sections-leather-aging-timeline","title":"Leather Aging Timeline","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Five bench answers, early cracking is a claim, and the vegan question unguarded.","name":"ecommerce-pro-product-care-sections-leather-care-faq","title":"Leather Care Faq","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A three step mail in repair process sits beside a six line price list with turnaround times and a closing note on repair claims.","name":"ecommerce-pro-product-care-sections-repair-bench-menu","title":"Repair Bench Menu","type":"registry:block"},{"description":"Four stains with do now, never do, and bench it if, ink answered honestly.","name":"ecommerce-pro-product-care-sections-stain-first-aid-guide","title":"Stain First Aid Guide","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Storage rules beside the image, the shipping bag revealed as the storage bag.","name":"ecommerce-pro-product-care-sections-storage-guide-split","title":"Storage Guide Split","type":"registry:block"},{"description":"Five steps with minute estimates, seams first, and the paid bench option offered without apology on row five.","name":"ecommerce-pro-product-care-sections-winterizing-checklist","title":"Winterizing Checklist","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two questions narrow nineteen bags to a shortlist, with the logic stated.","name":"ecommerce-pro-product-finders-bag-finder-quiz","title":"Bag Finder Quiz","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three price tiles stating what each number buys, $200 answered honestly.","name":"ecommerce-pro-product-finders-budget-finder-band","title":"Budget Finder Band","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two finalist bags side by side with spec rows where bold marks the better number and ties grey out, closed by one decider question.","name":"ecommerce-pro-product-finders-finalist-duel","title":"Finalist Duel","type":"registry:block"},{"description":"The finder logic printed as a static branching tree of yes and no questions leading to four bag leaf cards you trace by hand.","name":"ecommerce-pro-product-finders-finder-decision-tree","title":"Finder Decision Tree","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three ways into the catalog by question asked, not category browsed.","name":"ecommerce-pro-product-finders-finder-entry-tiles","title":"Finder Entry Tiles","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The quiz verdict, one best match argued and two alternatives with trade offs.","name":"ecommerce-pro-product-finders-finder-results-grid","title":"Finder Results Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three questions pre filled to the most common answers, the verdict card and the honest fork stated.","name":"ecommerce-pro-product-finders-first-bag-finder","title":"First Bag Finder","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Recipient and budget in, three candidates out, with the safe pick flagged.","name":"ecommerce-pro-product-finders-gift-finder-card","title":"Gift Finder Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Checklist of everyday carry items that tallies liters live beside a verdict panel recommending one bag with a fill meter and headroom rows.","name":"ecommerce-pro-product-finders-load-calculator","title":"Load Calculator","type":"registry:block"},{"dependencies":["lucide-react"],"description":"One finder question as a full card, progress shown, skippable by design.","name":"ecommerce-pro-product-finders-quiz-step-card","title":"Quiz Step Card","type":"registry:block"},{"description":"A fit matrix with five weeks down the side and four bags across the top, each cell a three state dot rating the fit.","name":"ecommerce-pro-product-finders-use-case-matrix","title":"Use Case Matrix","type":"registry:block"},{"description":"Resale one of ones at grid scale, each card carrying its serial, grade, price, and one line of history.","name":"ecommerce-pro-product-grids-archive-pieces-grid","title":"Archive Pieces Grid","type":"registry:block"},{"description":"Four products ranked by units sold this year, the count on every card and last place included with affection.","name":"ecommerce-pro-product-grids-bestsellers-by-numbers-grid","title":"Bestsellers By Numbers Grid","type":"registry:block"},{"description":"A snap scrolling ranked strip with units sold, no carousel scripts.","name":"ecommerce-pro-product-grids-bestsellers-rail","title":"Bestsellers Rail","type":"registry:block"},{"description":"One product in every colorway it has ever had: permanent, live batch count, and retired linked to resale.","name":"ecommerce-pro-product-grids-colorway-family-grid","title":"Colorway Family Grid","type":"registry:block"},{"description":"All 19 products on one page with the honest admission that there is no page two.","name":"ecommerce-pro-product-grids-complete-collection-grid","title":"Complete Collection Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Products as comparison rows with mono spec lines, ratings, and add buttons.","name":"ecommerce-pro-product-grids-dense-list-rows","title":"Dense List Rows","type":"registry:block"},{"description":"Four products with large images and a full written sentence under each.","name":"ecommerce-pro-product-grids-editorial-two-column","title":"Editorial Two Column","type":"registry:block"},{"description":"A mixed size product grid where one hero piece spans a double tile beside four supporting products, each card carrying its name and price.","name":"ecommerce-pro-product-grids-featured-tile-grid","title":"Featured Tile Grid","type":"registry:block"},{"description":"Picks under budget bands where every why is gifting logic, not product copy.","name":"ecommerce-pro-product-grids-gift-guide-grid-priced","title":"Gift Guide Grid Priced","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"The standard category page, a filter rail with result counts beside a rated product grid.","name":"ecommerce-pro-product-grids-grid-with-filters-sidebar","title":"Grid With Filters Sidebar","type":"registry:block"},{"description":"Working sort pills reorder the grid live, bestselling, price, and newest.","name":"ecommerce-pro-product-grids-grid-with-sort-pills","title":"Grid With Sort Pills","type":"registry:block"},{"description":"Discontinued stock with live counts and the reason each is leaving.","name":"ecommerce-pro-product-grids-last-chance-grid","title":"Last Chance Grid","type":"registry:block"},{"description":"Four tiles wearing repair counts as proof of service and the reframe that repairs mean kept.","name":"ecommerce-pro-product-grids-most-repaired-grid","title":"Most Repaired Grid","type":"registry:block"},{"description":"Arrivals grouped by week so returning visitors know where they left off.","name":"ecommerce-pro-product-grids-new-in-grid-dated","title":"New In Grid Dated","type":"registry:block"},{"description":"The four piece starter set with total stated and a footer that advises to start with just the bag.","name":"ecommerce-pro-product-grids-one-of-each-grid","title":"One Of Each Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A preorder grid for a numbered batch, each card showing its ship window, price, a claimed progress bar, and a reserve button.","name":"ecommerce-pro-product-grids-preorder-grid","title":"Preorder Grid","type":"registry:block"},{"description":"This week's returns, each card dated with how long it was gone.","name":"ecommerce-pro-product-grids-recently-restocked-grid","title":"Recently Restocked Grid","type":"registry:block"},{"description":"The markdown rack with percent badges, both prices, and live stock notes per card.","name":"ecommerce-pro-product-grids-sale-grid-with-badges","title":"Sale Grid With Badges","type":"registry:block"},{"description":"The catalog reduced to image, name, and price in four disciplined columns.","name":"ecommerce-pro-product-grids-simple-four-column","title":"Simple Four Column","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sticky editorial column beside the grid, the magazine category page.","name":"ecommerce-pro-product-grids-split-category-grid","title":"Split Category Grid","type":"registry:block"},{"description":"Four picks from repairs, the bench, the returns desk, and email with the cost discount disclosed up front.","name":"ecommerce-pro-product-grids-staff-picks-grid","title":"Staff Picks Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A product grid split across category tabs, each tab showing four bestsellers with a total count and a link to view the whole shelf.","name":"ecommerce-pro-product-grids-tabbed-category-grid","title":"Tabbed Category Grid","type":"registry:block"},{"description":"Real range items under $50 with who it suits captions, gift cards as the fallback.","name":"ecommerce-pro-product-grids-under-50-gifts-grid","title":"Under 50 Gifts Grid","type":"registry:block"},{"description":"A grid with colorway dots and overflow counts, inventory truth on every card.","name":"ecommerce-pro-product-grids-with-color-swatches","title":"With Color Swatches","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Consumable cards with add buttons so replenishment never leaves the listing.","name":"ecommerce-pro-product-grids-with-quick-add","title":"With Quick Add","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Cards led by their rating row and closed with one quoted review line each.","name":"ecommerce-pro-product-grids-with-rating-rows","title":"With Rating Rows","type":"registry:block"},{"description":"A product grid printing every size on each card, live sizes as chips and sold out sizes struck through with a one line restock note.","name":"ecommerce-pro-product-grids-with-size-availability","title":"With Size Availability","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The $22 brass fob page with three spec rows, the straight faced guarantee, and shipping honesty.","name":"ecommerce-pro-product-overviews-accessory-overview","title":"Accessory Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Every kit piece priced on its own row with the belt advisory directing belt owners to skip and save.","name":"ecommerce-pro-product-overviews-bundle-kit-overview","title":"Bundle Kit Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A set priced against its itemized total with every included piece and its solo price.","name":"ecommerce-pro-product-overviews-bundle-product","title":"Bundle Product","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A product overview pairing a numbered interior map of every compartment with a matching legend that names what each one holds.","name":"ecommerce-pro-product-overviews-capacity-overview","title":"Capacity Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A digital product with its exact file manifest, license terms, and a free sample.","name":"ecommerce-pro-product-overviews-digital-download","title":"Digital Download","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The canonical product top, gallery with thumbnail rail beside price, rating, and buy stack.","name":"ecommerce-pro-product-overviews-gallery-with-details","title":"Gallery With Details","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The furniture page where delivery gets equal billing, crew, room, doorway.","name":"ecommerce-pro-product-overviews-heavy-freight-overview","title":"Heavy Freight Overview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"One dye lot of 200, live counts, the restock verdict, and the permanent alternative named below.","name":"ecommerce-pro-product-overviews-limited-colorway-overview","title":"Limited Colorway Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The bespoke product with its make week, live queue, and charged at dispatch promise.","name":"ecommerce-pro-product-overviews-made-to-order-overview","title":"Made To Order Overview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A spec table doing the persuading, seven concrete rows and no imagery by design.","name":"ecommerce-pro-product-overviews-minimal-product-spec","title":"Minimal Product Spec","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Product page ending in three inbox sourced questions answered with the specificity that reduces returns.","name":"ecommerce-pro-product-overviews-overview-with-inline-faq","title":"Overview With Inline Faq","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Product page with the trade in card inline, credit landing at the courier scan, any brand accepted.","name":"ecommerce-pro-product-overviews-overview-with-trade-in-offer","title":"Overview With Trade In Offer","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Live initials preview on the product as you type, placement honesty included.","name":"ecommerce-pro-product-overviews-personalised-product-overview","title":"Personalised Product Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The demo video chaptered, jump straight to the rain test or the pockets.","name":"ecommerce-pro-product-overviews-product-video-split","title":"Product Video Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"One traded in unit with its serial, inspection report, and price against new.","name":"ecommerce-pro-product-overviews-refurbished-grade-overview","title":"Refurbished Grade Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A long product story scrolls while a compact buy panel stays pinned beside it.","name":"ecommerce-pro-product-overviews-split-with-sticky-buy","title":"Split With Sticky Buy","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"One time versus subscribe as selectable cards with the cancel terms inside the option.","name":"ecommerce-pro-product-overviews-subscription-options","title":"Subscription Options","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The B2B product page with volume bands, one fleet spec change stated, Net 30 terms, and an order pad CTA.","name":"ecommerce-pro-product-overviews-trade-unit-overview","title":"Trade Unit Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean buy fold with materials, care, shipping, and guarantee folded into an accordion.","name":"ecommerce-pro-product-overviews-with-accordion-details","title":"With Accordion Details","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Every ingredient named with purpose and source, the INCI pattern for goods.","name":"ecommerce-pro-product-overviews-with-ingredients-list","title":"With Ingredients List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A product overview above a full comparison table of every model in the range, the viewed column highlighted with its buy button inside.","name":"ecommerce-pro-product-overviews-with-model-comparison","title":"With Model Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Letters, placement chips, and the return gate stated before the button changes to say no returns.","name":"ecommerce-pro-product-overviews-with-monogram-options","title":"With Monogram Options","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The buy decision anchored on one earned press sentence, framed and linked.","name":"ecommerce-pro-product-overviews-with-press-quote","title":"With Press Quote","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column product overview pairing an image and buy stack with a star rating histogram and owner scored fit scales beneath.","name":"ecommerce-pro-product-overviews-with-review-snapshot","title":"With Review Snapshot","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Postcode in, a dated delivery answer out, the when question solved on the page.","name":"ecommerce-pro-product-overviews-with-shipping-estimator","title":"With Shipping Estimator","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Fit guidance at the size row, a crowd verdict banner and a measured guide link.","name":"ecommerce-pro-product-overviews-with-size-guide-link","title":"With Size Guide Link","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A product overview with delivery and pickup modes, a nearby store list showing live stock and hours, and the route echoed in the cart button.","name":"ecommerce-pro-product-overviews-with-store-pickup","title":"With Store Pickup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Checkable environment facts with the mill named, repairs counted, and the carbon badge refused until measured.","name":"ecommerce-pro-product-overviews-with-sustainability-panel","title":"With Sustainability Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The buy stack closing on four promise tiles that lead with numbers, not adjectives.","name":"ecommerce-pro-product-overviews-with-trust-row","title":"With Trust Row","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Working color and size selection with the chosen pair echoed in the add to cart button.","name":"ecommerce-pro-product-overviews-with-variant-swatches","title":"With Variant Swatches","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A gallery aging timeline shows the same bag at new, year one, and year three before checkout.","name":"ecommerce-pro-product-overviews-with-wear-photos-overview","title":"With Wear Photos Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The birthday perk that asks for the month, not the date, terms in one line.","name":"ecommerce-pro-promo-sections-birthday-club-card","title":"Birthday Club Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Buy one gift one with the mechanics in three lines and a live unit counter.","name":"ecommerce-pro-promo-sections-bogo-promo-split","title":"Bogo Promo Split","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Kit math published in full, both prices printed, the shipping logic underneath.","name":"ecommerce-pro-promo-sections-bundle-and-save-band","title":"Bundle And Save Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two products joined by a plus with the pair price and the saving in the button.","name":"ecommerce-pro-promo-sections-bundle-deal-card","title":"Bundle Deal Card","type":"registry:block"},{"description":"A real deadline in a primary band with the policy that powers it, we do not extend.","name":"ecommerce-pro-promo-sections-countdown-sale-banner","title":"Countdown Sale Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One code in a dashed ticket box with copy button and terms in a single honest line.","name":"ecommerce-pro-promo-sections-discount-code-band","title":"Discount Code Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The seasonal canvas leaving on a date at an unchanged price with the warehouse math printed plainly.","name":"ecommerce-pro-promo-sections-end-of-season-honesty-band","title":"End Of Season Honesty Band","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The odds and ends rack where every discount names its reason and its exact stock.","name":"ecommerce-pro-promo-sections-flash-sale-rows","title":"Flash Sale Rows","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The $18 tin free over $150, the real product, not a giveaway sachet.","name":"ecommerce-pro-promo-sections-free-gift-with-purchase","title":"Free Gift With Purchase","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The threshold as a quiet permanent strip, same number all year, even December.","name":"ecommerce-pro-promo-sections-free-shipping-banner","title":"Free Shipping Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The loyalty program pitched by a three row price table, not points, not tiers.","name":"ecommerce-pro-promo-sections-member-pricing-callout","title":"Member Pricing Callout","type":"registry:block"},{"description":"Early archive access for members 48 hours before the public, with the public date printed equally large.","name":"ecommerce-pro-promo-sections-members-week-band","title":"Members Week Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A mix and match promo with a heading, a six tile picking grid marking two chosen items, and a footer bar tracking the kit total.","name":"ecommerce-pro-promo-sections-mix-and-match-promo","title":"Mix And Match Promo","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A two column price drop promise pairing three numbered steps with a worked refund receipt showing the markdown difference returned to the card.","name":"ecommerce-pro-promo-sections-price-drop-protection","title":"Price Drop Protection","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Both sides of the referral deal as equal cards, credited when the order ships.","name":"ecommerce-pro-promo-sections-referral-program-split","title":"Referral Program Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered sale calendar with a heading and a bordered list of dated sale rows, each carrying scope copy and a live status badge.","name":"ecommerce-pro-promo-sections-sale-calendar-band","title":"Sale Calendar Band","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Every live offer on one screen, each tile carrying its real end condition.","name":"ecommerce-pro-promo-sections-seasonal-promo-tiles","title":"Seasonal Promo Tiles","type":"registry:block"},{"description":"Three rungs with the effective percentage worked at each one.","name":"ecommerce-pro-promo-sections-spend-save-ladder","title":"Spend Save Ladder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Ten percent off with the verification time, stacking rules, and honest scope all stated before the button.","name":"ecommerce-pro-promo-sections-student-discount-card","title":"Student Discount Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dated 20 percent trade in credit bonus with the demand side reason published inline.","name":"ecommerce-pro-promo-sections-trade-in-bonus-band","title":"Trade In Bonus Band","type":"registry:block"},{"description":"The earned regulars tier published whole, benefits, rule, and member count.","name":"ecommerce-pro-promo-sections-vip-early-access-band","title":"Vip Early Access Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A real window, a counted scope, and the overstock reason published.","name":"ecommerce-pro-promo-sections-weekend-flash-band","title":"Weekend Flash Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column email signup with a headline offer, address form, and a fact list on the right spelling out exactly what the newsletter sends.","name":"ecommerce-pro-promo-sections-welcome-offer-signup","title":"Welcome Offer Signup","type":"registry:block"},{"description":"The birthday discount declined as data minimalism with what Acme holds and will not ask for.","name":"ecommerce-pro-promo-sections-why-no-birthday-club","title":"Why No Birthday Club","type":"registry:block"},{"description":"The missing code box defended in three arguments, with the gift card exception.","name":"ecommerce-pro-promo-sections-why-no-coupon-field","title":"Why No Coupon Field","type":"registry:block"},{"description":"The repair backlog live, queue depth, turnaround, and the bench named.","name":"ecommerce-pro-repair-service-sections-bench-queue-status","title":"Bench Queue Status","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The postal repair in four cards with packing guidance that prevents real mistakes.","name":"ecommerce-pro-repair-service-sections-mail-in-steps","title":"Mail In Steps","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A centered intro above two profile cards, each with an avatar, bio, and three stat rows, closed by a signed card note.","name":"ecommerce-pro-repair-service-sections-meet-the-bench","title":"Meet The Bench","type":"registry:block"},{"description":"A two column trade in layout with three numbered steps beside a tiered credit table of four condition rows and a closing note.","name":"ecommerce-pro-repair-service-sections-parts-trade-in","title":"Parts Trade In","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Damage type and warranty status in, the real bench price out, with every guarantee repair confirmed at zero.","name":"ecommerce-pro-repair-service-sections-repair-cost-estimator","title":"Repair Cost Estimator","type":"registry:block"},{"description":"The four bench terms defined in ruled rows with prices so every estimate reads without decoding.","name":"ecommerce-pro-repair-service-sections-repair-glossary","title":"Repair Glossary","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered heading over two side by side cards listing what the guarantee covers and excludes, closed by a one line claim path.","name":"ecommerce-pro-repair-service-sections-repair-guarantee-terms","title":"Repair Guarantee Terms","type":"registry:block"},{"description":"The out of warranty menu published, seven jobs with prices and bench time.","name":"ecommerce-pro-repair-service-sections-repair-pricing-table","title":"Repair Pricing Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three fields and two photos start the repair, with the schedule promised in dates.","name":"ecommerce-pro-repair-service-sections-repair-request-form","title":"Repair Request Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column repair tracker pairing an intro with a card that steps one ticket through five bench stages on a vertical status timeline.","name":"ecommerce-pro-repair-service-sections-repair-status-timeline","title":"Repair Status Timeline","type":"registry:block"},{"description":"Before and after pairs with bench notes, the guarantee shown working.","name":"ecommerce-pro-repair-service-sections-repair-stories-gallery","title":"Repair Stories Gallery","type":"registry:block"},{"description":"Four bench metrics published like a support inbox with the October queue spike stated upfront.","name":"ecommerce-pro-repair-service-sections-repair-turnaround-stats","title":"Repair Turnaround Stats","type":"registry:block"},{"description":"The bench's decision rules, including neither and sadly replace.","name":"ecommerce-pro-repair-service-sections-repair-vs-replace-guide","title":"Repair Vs Replace Guide","type":"registry:block"},{"description":"Every replaceable part sold individually with fit notes and honest difficulty.","name":"ecommerce-pro-repair-service-sections-spare-parts-grid","title":"Spare Parts Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Friday bench hours with the fixable list, the ticket list, and no appointment needed.","name":"ecommerce-pro-repair-service-sections-walk-in-hours-card","title":"Walk In Hours Card","type":"registry:block"},{"description":"A three column triptych follows one traded in unit from arrival notes through itemized bench work to a regraded listing with price and guarantee.","name":"ecommerce-pro-resale-sections-bench-restoration-log","title":"Bench Restoration Log","type":"registry:block"},{"description":"Why the store buys its own products back, the business case stated out loud.","name":"ecommerce-pro-resale-sections-buyback-explainer","title":"Buyback Explainer","type":"registry:block"},{"description":"The loop counted in five tiles, with zero landfilled labeled as the one that matters.","name":"ecommerce-pro-resale-sections-circularity-stats-band","title":"Circularity Stats Band","type":"registry:block"},{"description":"Two resale routes on four rows, the 12% failure rate included, no verdict picked.","name":"ecommerce-pro-resale-sections-consignment-vs-buyback-table","title":"Consignment Vs Buyback Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two side by side cards contrast buying new against a graded resale unit, each with an image, price, four condition rows, and a buy button.","name":"ecommerce-pro-resale-sections-new-vs-used-compare","title":"New Versus Used Compare","type":"registry:block"},{"dependencies":["lucide-react"],"description":"One resale unit documented from first sale to regrade with a timestamped record that travels to every owner.","name":"ecommerce-pro-resale-sections-provenance-report-card","title":"Provenance Report Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Upcoming graded batches as dated rows including one entry honest enough to call itself TBD.","name":"ecommerce-pro-resale-sections-resale-drop-calendar","title":"Resale Drop Calendar","type":"registry:block"},{"description":"Buyer and seller questions answered, guarantees per grade and the regret clause.","name":"ecommerce-pro-resale-sections-resale-faq","title":"Resale Faq","type":"registry:block"},{"description":"Four grades defined once with prices and the guarantees that travel with them.","name":"ecommerce-pro-resale-sections-resale-grading-scale","title":"Resale Grading Scale","type":"registry:block"},{"description":"A two column split pairs a heading and three retention notes with a card charting resale value falling over six years to a marked floor.","name":"ecommerce-pro-resale-sections-resale-value-curve","title":"Resale Value Curve","type":"registry:block"},{"description":"One of one graded pieces with history lines, used goods sold as biographies.","name":"ecommerce-pro-resale-sections-secondhand-grid","title":"Secondhand Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Estimate to credit in four steps, about a week, the estimate locked from the first.","name":"ecommerce-pro-resale-sections-sell-back-steps","title":"Sell Back Steps","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Product and honest condition in, the credit out, regrades only ever go up.","name":"ecommerce-pro-resale-sections-trade-in-estimator","title":"Trade In Estimator","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered intro sits above two panels, one listing four accepted trade ins with reasons and another listing the four kinds it declines.","name":"ecommerce-pro-resale-sections-what-we-take","title":"What We Take","type":"registry:block"},{"description":"The dispute button named as your right with honest speed math on both routes and a published record.","name":"ecommerce-pro-resolution-sections-chargeback-honesty-card","title":"Chargeback Honesty Card","type":"registry:block"},{"description":"Three complaint stages with real durations and the exits past the store linked rather than buried.","name":"ecommerce-pro-resolution-sections-complaint-process-explainer","title":"Complaint Process Explainer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A three step damaged item flow beside a static report form with order number field, photo drop area, fix choices, and submit.","name":"ecommerce-pro-resolution-sections-damage-report-card","title":"Damage Report Card","type":"registry:block"},{"description":"The chargeback path dated from day zero with honest advice on when a refund request beats it by weeks.","name":"ecommerce-pro-resolution-sections-dispute-timeline-explainer","title":"Dispute Timeline Explainer","type":"registry:block"},{"description":"Real addresses in order from the support inbox to the founder to the dispute body that binds the store.","name":"ecommerce-pro-resolution-sections-escalation-contacts-card","title":"Escalation Contacts Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three automatic fixes for failures the store caused and the line between help and compensation.","name":"ecommerce-pro-resolution-sections-make-it-right-promise","title":"Make It Right Promise","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An example refund tracked across four stages from approval to statement, with wait bars per payment method and an escalation line below.","name":"ecommerce-pro-resolution-sections-refund-status-card","title":"Refund Status Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Four remedy cards side by side, each with an icon, an optional badge, a description, and a spec row stating speed and any extra.","name":"ecommerce-pro-resolution-sections-remedy-options-card","title":"Remedy Options Card","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A single complaint published as a timestamped thread, customer and support messages with system notes between them and the fix cost logged.","name":"ecommerce-pro-resolution-sections-resolution-case-log","title":"Resolution Case Log","type":"registry:block"},{"description":"A quarterly complaint report with four headline stat tiles, a shared legend, and segmented bars showing where each complaint category ended.","name":"ecommerce-pro-resolution-sections-resolution-outcomes-report","title":"Resolution Outcomes Report","type":"registry:block"},{"description":"A two column appeal section with a three step path on one side and last quarter's appeal outcomes and a segmented bar beside it.","name":"ecommerce-pro-resolution-sections-second-look-appeal","title":"Second Look Appeal","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A production heading, a three fact strip, and a five stage vertical timeline of done, in progress, and upcoming stages, each with a dated note.","name":"ecommerce-pro-restock-sections-batch-status-tracker","title":"Batch Status Tracker","type":"registry:block"},{"description":"The release pipeline with exact dates emphasized and honest months muted.","name":"ecommerce-pro-restock-sections-drop-calendar-list","title":"Drop Calendar List","type":"registry:block"},{"description":"The five longest waitlists ranked by queue length, each with batch math and an honest date or unknown.","name":"ecommerce-pro-restock-sections-most-requested-restocks-list","title":"Most Requested Restocks List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split section with a heading, three countdown tiles, waitlist buttons, and a final contents list with unit counts beside placeholder imagery.","name":"ecommerce-pro-restock-sections-next-drop-countdown","title":"Next Drop Countdown","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Out of stock as a dated promise with queue size against batch size.","name":"ecommerce-pro-restock-sections-notify-me-card","title":"Notify Me Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The sold out inline row with the batch date when known and the honest unknown when not, order noted.","name":"ecommerce-pro-restock-sections-notify-me-inline-row","title":"Notify Me Inline Row","type":"registry:block"},{"description":"Batch preorder mechanics in four steps, charged at dispatch, never before.","name":"ecommerce-pro-restock-sections-preorder-explainer","title":"Preorder Explainer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A heading, an intro, and a two by two grid of four icon cards, each stating one waitlist fairness rule, with a closing policy line.","name":"ecommerce-pro-restock-sections-queue-fairness-policy","title":"Queue Fairness Policy","type":"registry:block"},{"description":"Every past restock dated with units and sell through, the receipt behind the ETA.","name":"ecommerce-pro-restock-sections-restock-history-log","title":"Restock History Log","type":"registry:block"},{"description":"A year of restock promises scored against what landed, the miss included.","name":"ecommerce-pro-restock-sections-restock-history-note","title":"Restock History Note","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A heading and a per size table with status badges, next batch dates, queue lengths, and a notify or add to cart action per row.","name":"ecommerce-pro-restock-sections-size-restock-table","title":"Size Restock Table","type":"registry:block"},{"description":"How the counters work, sworn in public, the hand set field does not exist.","name":"ecommerce-pro-restock-sections-stock-counts-explainer","title":"Stock Counts Explainer","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Your queue position with the batch math stated and a leave button with no guilt.","name":"ecommerce-pro-restock-sections-waitlist-position-card","title":"Waitlist Position Card","type":"registry:block"},{"description":"The four operational reasons everything restocks in batches, linked from every sold out tile.","name":"ecommerce-pro-restock-sections-why-batches-explainer","title":"Why Batches Explainer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split layout pairs three photo first steps for damaged arrivals with a static report panel of issue rows, a dropzone, and a submit button.","name":"ecommerce-pro-returns-sections-damaged-item-fast-track","title":"Damaged Item Fast Track","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three nearest return drop points listed with distance, hours, and the honest queue note per row.","name":"ecommerce-pro-returns-sections-dropoff-map-list","title":"Dropoff Map List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The swap offer on the honest speed argument, with the refund button kept full size.","name":"ecommerce-pro-returns-sections-exchange-instead-panel","title":"Exchange Instead Panel","type":"registry:block"},{"description":"A three date stat rail marks the holiday window opening, cutoff, and deadline, with gift return notes and a rule that the longer window wins.","name":"ecommerce-pro-returns-sections-holiday-return-window","title":"Holiday Return Window","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Card refund in 2 to 4 bank days or instant store credit with the reasoning for no bonus published.","name":"ecommerce-pro-returns-sections-instant-store-credit-option","title":"Instant Store Credit Option","type":"registry:block"},{"description":"The whole returns policy in eight numbered sentences, the legal version linked, not inflicted.","name":"ecommerce-pro-returns-sections-plain-language-policy","title":"Plain Language Policy","type":"registry:block"},{"description":"Where the money is at each stage, who holds it, and which days are the bank.","name":"ecommerce-pro-returns-sections-refund-timeline-explainer","title":"Refund Timeline Explainer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two side by side lists sort eight returns into full refund and keep it, with a closing line routing gray area cases to a person.","name":"ecommerce-pro-returns-sections-return-condition-guide","title":"Return Condition Guide","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Print, QR, or pickup, two free and one priced at the courier cost it is.","name":"ecommerce-pro-returns-sections-return-label-steps","title":"Return Label Steps","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The return tracked with the refund milestone embedded before the warehouse stage.","name":"ecommerce-pro-returns-sections-return-tracking-status","title":"Return Tracking Status","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Six questions from the returns inbox, including the used item and the missed deadline.","name":"ecommerce-pro-returns-sections-returns-faq","title":"Returns Faq","type":"registry:block"},{"description":"Three product rows each pair the top return note with the fix that shipped and a before and after return rate stat column.","name":"ecommerce-pro-returns-sections-returns-feedback-loop","title":"Returns Feedback Loop","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The order as selectable rows, the refund promised at the courier scan, not the warehouse.","name":"ecommerce-pro-returns-sections-start-return-flow","title":"Start Return Flow","type":"registry:block"},{"description":"Three QA threads answered by verified owners, staff stepping in once and labeled loudly for it.","name":"ecommerce-pro-reviews-sections-ask-an-owner-qa","title":"Ask An Owner Qa","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split reviews section with the overall average and sample size beside four sub scores, each with a bar meter and one anchoring quote.","name":"ecommerce-pro-reviews-sections-attribute-ratings-breakdown","title":"Attribute Ratings Breakdown","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"All critical reviews under four stars, newest first with store replies and the honest count of 412.","name":"ecommerce-pro-reviews-sections-critical-reviews-page","title":"Critical Reviews Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The top voted positive and critical reviews side by side, both right.","name":"ecommerce-pro-reviews-sections-most-helpful-pair","title":"Most Helpful Pair","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The top voted positive and critical reviews side by side, chosen by readers.","name":"ecommerce-pro-reviews-sections-most-helpful-reviews-panel","title":"Most Helpful Reviews Panel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three honest rules for a useful review photo, a do and do not table, and the five dollar credit terms.","name":"ecommerce-pro-reviews-sections-photo-review-guidelines-card","title":"Photo Review Guidelines Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Customer photos with stars, one line, and ownership time from order dates.","name":"ecommerce-pro-reviews-sections-photo-review-wall","title":"Photo Review Wall","type":"registry:block"},{"description":"A two column review section pairing press verdicts with publication marks against verified owner quotes with avatars, closed by a sourcing note.","name":"ecommerce-pro-reviews-sections-press-and-customer-reviews","title":"Press And Customer Reviews","type":"registry:block"},{"description":"Pre purchase questions answered by the team and by owners, labeled and timed.","name":"ecommerce-pro-reviews-sections-questions-and-answers","title":"Questions And Answers","type":"registry:block"},{"dependencies":["recharts"],"description":"Monthly rating as a shadcn line with the dip kept and its recall explained.","name":"ecommerce-pro-reviews-sections-rating-over-time-chart","title":"Rating Over Time Chart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The average beside the full distribution, with the one star reviews linked first.","name":"ecommerce-pro-reviews-sections-rating-summary-with-bars","title":"Rating Summary With Bars","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six short reviews that show how long each reviewer has owned the piece.","name":"ecommerce-pro-reviews-sections-review-cards-grid","title":"Review Cards Grid","type":"registry:block"},{"description":"Recurring review themes with counts and quotes, the mixed one kept, method disclosed.","name":"ecommerce-pro-reviews-sections-review-highlights-summary","title":"Review Highlights Summary","type":"registry:block"},{"description":"What reviewers are paid, published next to the stars it governs.","name":"ecommerce-pro-reviews-sections-review-incentives-disclosure","title":"Review Incentives Disclosure","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Full reviews with photo strips and the three star repair story kept on page one.","name":"ecommerce-pro-reviews-sections-review-list-with-photos","title":"Review List With Photos","type":"registry:block"},{"description":"Topic chips filter live review quotes by what buyers actually worry about, with mention counts.","name":"ecommerce-pro-reviews-sections-review-topic-filters","title":"Review Topic Filters","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered heading over three review cards from buyers who returned the product, each showing return timing and their better fit, closed by a policy line.","name":"ecommerce-pro-reviews-sections-reviews-from-returns","title":"Reviews From Returns","type":"registry:block"},{"description":"The review program audited, including the critical share, all published.","name":"ecommerce-pro-reviews-sections-reviews-milestone-band","title":"Reviews Milestone Band","type":"registry:block"},{"description":"One quote per ownership band, year one to year five plus, sorted so time does the arguing.","name":"ecommerce-pro-reviews-sections-reviews-over-the-years","title":"Reviews Over The Years","type":"registry:block"},{"description":"Fit verdict as three div bars with 412 buyer sample, beside two quotes anchored to height and load carried.","name":"ecommerce-pro-reviews-sections-reviews-with-fit-feedback","title":"Reviews With Fit Feedback","type":"registry:block"},{"dependencies":["lucide-react"],"description":"One earned review at editorial scale with the customer's own photos and provenance.","name":"ecommerce-pro-reviews-sections-spotlight-review","title":"Spotlight Review","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Critical reviews with signed public replies and the fixes they caused.","name":"ecommerce-pro-reviews-sections-store-response-thread","title":"Store Response Thread","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The review system's three rules with enforcement counts, the policy as a trust band.","name":"ecommerce-pro-reviews-sections-verified-buyer-strip","title":"Verified Buyer Strip","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered heading over a four up row of customer filmed video thumbnails, each with a play mark, runtime, star rating, and one transcript pull.","name":"ecommerce-pro-reviews-sections-video-reviews-row","title":"Video Reviews Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The review ask with honest expectations, ninety seconds, wear photos welcome.","name":"ecommerce-pro-reviews-sections-write-review-prompt","title":"Write Review Prompt","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Zero results handled honestly, what we checked and three real ways forward.","name":"ecommerce-pro-search-sections-empty-search-state","title":"Empty Search State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A guided finder replacing the search box with three toggle chip questions, surfacing the best matching product once all three answers are in.","name":"ecommerce-pro-search-sections-guided-search-finder","title":"Guided Search Finder","type":"registry:block"},{"description":"This month's top queries as chips, ranked by real counts and dated.","name":"ecommerce-pro-search-sections-popular-searches-band","title":"Popular Searches Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A saved searches panel listing each stored query as a row with its save date, what changed since your last visit, and a per search alert toggle.","name":"ecommerce-pro-search-sections-saved-search-alerts","title":"Saved Search Alerts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Snap a bag you saw, get the match, the photo deleted the same minute.","name":"ecommerce-pro-search-sections-search-by-photo-card","title":"Search By Photo Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Results for a query with the count, sort, and the close miss row below.","name":"ecommerce-pro-search-sections-search-results-page","title":"Search Results Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The open search box, recents, popular now, and direct product jumps.","name":"ecommerce-pro-search-sections-search-suggestions-panel","title":"Search Suggestions Panel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A power search reference with six operator cards, each pairing a query fragment chip with its effect, then one combined example query in a search field.","name":"ecommerce-pro-search-sections-search-syntax-guide","title":"Search Syntax Guide","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Results with toggleable filter chips and the count updating per selection.","name":"ecommerce-pro-search-sections-search-with-filters-bar","title":"Search With Filters Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A local availability search pairing a product query with nearby store rows showing live shelf counts and pickup windows, plus a shipping fallback.","name":"ecommerce-pro-search-sections-store-availability-search","title":"Store Availability Search","type":"registry:block"},{"description":"A header above a three column grid of discount bands, each card pairing a fixed markdown percentage with its flaw words and an example listing.","name":"ecommerce-pro-seconds-sections-discount-bands","title":"Discount Bands","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split layout pairing an email signup for the drop schedule with a ledger of the last four drops showing piece counts and sellout speed.","name":"ecommerce-pro-seconds-sections-drop-alert","title":"Drop Alert","type":"registry:block"},{"description":"The four words the seconds rail can use, each defined in plain language with a severity line.","name":"ecommerce-pro-seconds-sections-flaw-glossary","title":"Flaw Glossary","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"One second with the flaw photographed close, the discount named, and the full guarantee unchanged.","name":"ecommerce-pro-seconds-sections-photographed-flaw-overview","title":"Photographed Flaw Overview","type":"registry:block"},{"description":"A centered header above a vertical numbered timeline tracing a second through five steps from failed inspection to sold, with elapsed time on each step.","name":"ecommerce-pro-seconds-sections-rail-timeline","title":"Rail Timeline","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Five seconds rail questions answered with glossary words, the unchanged returns and the pricing spine.","name":"ecommerce-pro-seconds-sections-seconds-faq","title":"Seconds Faq","type":"registry:block"},{"description":"Four one of one pieces each named by its actual flaw and the discount that flaw earned.","name":"ecommerce-pro-seconds-sections-seconds-grid","title":"Seconds Grid","type":"registry:block"},{"description":"Three rows change when you buy a second and four rows do not, and the unchanged column does the selling.","name":"ecommerce-pro-seconds-sections-seconds-vs-new-table","title":"Seconds Vs New Table","type":"registry:block"},{"description":"A centered header above a three figure stat strip and a ledger of recently sold seconds naming each piece, its flaw, band, and rail days.","name":"ecommerce-pro-seconds-sections-sold-archive","title":"Sold Archive","type":"registry:block"},{"dependencies":["radix-ui"],"description":"The QC lead explains the 4% failure rate, the three options, and why naming the flaw won.","name":"ecommerce-pro-seconds-sections-why-seconds-exist-letter","title":"Why Seconds Exist Letter","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Trade quantity cart with volume break shown per line and the next break named when the buyer is close.","name":"ecommerce-pro-shopping-carts-bulk-order-cart","title":"Bulk Order Cart","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Line items with live stock truth, including the one that sold out waiting.","name":"ecommerce-pro-shopping-carts-cart-stock-warnings","title":"Cart Stock Warnings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Each cart line carries its own arrival date and the made to order batch date before payment.","name":"ecommerce-pro-shopping-carts-cart-with-delivery-estimates","title":"Cart With Delivery Estimates","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column international cart with a destination row, line items, a border explainer, and a landed cost summary itemizing duties and tax paid upfront.","name":"ecommerce-pro-shopping-carts-cart-with-duties","title":"Cart With Duties","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Packaging and speed choices with real trade offs and the honest $2.","name":"ecommerce-pro-shopping-carts-cart-with-eco-options","title":"Cart With Eco Options","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Line items grouped by destination, shipping per address, one checkout with gift tracking to you only.","name":"ecommerce-pro-shopping-carts-cart-with-gift-split","title":"Cart With Gift Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The total with the four payment split shown inline before the payment page asks you to choose.","name":"ecommerce-pro-shopping-carts-cart-with-installments-preview","title":"Cart With Installments Preview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A note for the humans packing this, with honored examples that prove readership.","name":"ecommerce-pro-shopping-carts-cart-with-order-notes","title":"Cart With Order Notes","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A single column cart where each line shows watched pricing, drops applied with a struck old price and one held item, above a savings summary and checkout.","name":"ecommerce-pro-shopping-carts-cart-with-price-drops","title":"Cart With Price Drops","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A visible code field that says where codes come from, applied codes itemized.","name":"ecommerce-pro-shopping-carts-cart-with-promo-code","title":"Cart With Promo Code","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean cart above a cross sell rail where every suggestion states its reason.","name":"ecommerce-pro-shopping-carts-cart-with-recommendations","title":"Cart With Recommendations","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The cart with a parked strip that tracks prices and never triggers a campaign.","name":"ecommerce-pro-shopping-carts-cart-with-save-for-later","title":"Cart With Save For Later","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A single column cart pairing a new item with a locked trade in credit, its condition and inspection steps, and a summary showing the reduced amount due today.","name":"ecommerce-pro-shopping-carts-cart-with-trade-in","title":"Cart With Trade In","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The cart as one strip, count, named preview, total, and checkout.","name":"ecommerce-pro-shopping-carts-compact-cart-summary","title":"Compact Cart Summary","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The empty cart as navigation, no guilt, with three labeled exits.","name":"ecommerce-pro-shopping-carts-empty-cart-state","title":"Empty Cart State","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A threshold meter with one honest gap closing suggestion under the items.","name":"ecommerce-pro-shopping-carts-free-shipping-progress-cart","title":"Free Shipping Progress Cart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The two column cart with steppers and a summary that promises no checkout surprises.","name":"ecommerce-pro-shopping-carts-full-cart-page","title":"Full Cart Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A working gift toggle with message field, free wrap, and no prices on gift receipts.","name":"ecommerce-pro-shopping-carts-gift-options-cart","title":"Gift Options Cart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The open drawer with two items, a shipping meter, and honest top up arithmetic.","name":"ecommerce-pro-shopping-carts-mini-cart-drawer","title":"Mini Cart Drawer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The slide over cart as a standalone panel with both exits given equal standing.","name":"ecommerce-pro-shopping-carts-mini-cart-panel","title":"Mini Cart Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The parking shelf under the cart, watched while parked, restocks move back.","name":"ecommerce-pro-shopping-carts-saved-for-later-cart","title":"Saved For Later Cart","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column shared cart with a contributors avatar strip, line items tagged by who added them, and a per person split summary with one checkout.","name":"ecommerce-pro-shopping-carts-shared-cart","title":"Shared Cart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Recurring and one time lines separated, with today split from every 4 weeks.","name":"ecommerce-pro-shopping-carts-subscription-items-cart","title":"Subscription Items Cart","type":"registry:block"},{"description":"Pin to hole on the belt that fits, with the do not order your jeans size rule.","name":"ecommerce-pro-size-and-fit-belt-sizing-guide","title":"Belt Sizing Guide","type":"registry:block"},{"description":"One sizing rule per product type, each backed by ten years of exchange data from the ledger.","name":"ecommerce-pro-size-and-fit-between-sizes-decider","title":"Between Sizes Decider","type":"registry:block"},{"description":"Four brand archetypes translated to an Acme order, with the outdoor row that sends buyers to centimeters.","name":"ecommerce-pro-size-and-fit-brand-to-brand-fit-table","title":"Brand To Brand Fit Table","type":"registry:block"},{"description":"The same chest size in three cuts as garment silhouettes with a dashed chest line, each with ease numbers and who it suits.","name":"ecommerce-pro-size-and-fit-cut-comparison","title":"Cut Comparison","type":"registry:block"},{"description":"A waist by inseam availability grid beside a height to inseam picker, so buyers choose both numbers instead of guessing the second.","name":"ecommerce-pro-size-and-fit-denim-size-matrix","title":"Denim Size Matrix","type":"registry:block"},{"description":"Four notes from the pattern table, the cut, the between sizes call, and who graded it.","name":"ecommerce-pro-size-and-fit-fit-notes-panel","title":"Fit Notes Panel","type":"registry:block"},{"description":"Palm cm to size table with the between sizes rule and the leather stretch already accounted for.","name":"ecommerce-pro-size-and-fit-glove-sizing-card","title":"Glove Sizing Card","type":"registry:block"},{"description":"House sizes against four systems, with centimeters as the tiebreaker.","name":"ecommerce-pro-size-and-fit-international-size-conversion","title":"International Size Conversion","type":"registry:block"},{"description":"Age bands with buy ahead advice built in, height decides, age approximates.","name":"ecommerce-pro-size-and-fit-kids-growth-sizing","title":"Kids Growth Sizing","type":"registry:block"},{"description":"A drawn figure with three measurement lines, each with a no tape fallback.","name":"ecommerce-pro-size-and-fit-measure-yourself-guide","title":"Measure Yourself Guide","type":"registry:block"},{"description":"A drawn garment SVG with lettered measurement lines matching the chart.","name":"ecommerce-pro-size-and-fit-measurement-guide-diagram","title":"Measurement Guide Diagram","type":"registry:block"},{"description":"Three fit models across the height range in framed cards, each with real measurements, the size they wear, and an honest fit note.","name":"ecommerce-pro-size-and-fit-model-size-reference","title":"Model Size Reference","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A true to size distribution built from verified reviews as div bars, beside three reviewer quotes stating height, size bought, and verdict.","name":"ecommerce-pro-size-and-fit-reviewer-fit-feedback","title":"Reviewer Fit Feedback","type":"registry:block"},{"description":"Paper and pen measurement in three steps, then the centimeter table.","name":"ecommerce-pro-size-and-fit-shoe-size-measure","title":"Shoe Size Measure","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Every sized product on one bookmarkable table, each row linking its full guide and measuring steps.","name":"ecommerce-pro-size-and-fit-size-chart-all-products","title":"Size Chart All Products","type":"registry:block"},{"description":"Garment measurements taken flat, with tolerances and the between sizes verdict.","name":"ecommerce-pro-size-and-fit-size-chart-table","title":"Size Chart Table","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Height and usual size in, a recommendation with its reasoning printed out.","name":"ecommerce-pro-size-and-fit-size-recommender-card","title":"Size Recommender Card","type":"registry:block"},{"description":"The 40 cm strap range explained via torso not height, with a string measuring method and wear table.","name":"ecommerce-pro-size-and-fit-strap-length-guide","title":"Strap Length Guide","type":"registry:block"},{"description":"Three customers whose work tests the product, with tenure and their own words.","name":"ecommerce-pro-social-proof-sections-as-worn-by-row","title":"As Worn By Row","type":"registry:block"},{"description":"Five proof numbers with sources, picked to show people stay, not just arrive.","name":"ecommerce-pro-social-proof-sections-by-the-numbers-band","title":"By The Numbers Band","type":"registry:block"},{"description":"One customer at length, three questions, the unfixed pocket kept in.","name":"ecommerce-pro-social-proof-sections-community-spotlight-interview","title":"Community Spotlight Interview","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The collab archive with splits disclosed and honest sell through numbers.","name":"ecommerce-pro-social-proof-sections-creator-collabs-list","title":"Creator Collabs List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The owner photo ask with usage terms up front, older and dirtier preferred.","name":"ecommerce-pro-social-proof-sections-customer-photos-cta","title":"Customer Photos Cta","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled panel of four third party test results, each row naming the issuer, method, verbatim result and date with a report link, plus a fee disclosure.","name":"ecommerce-pro-social-proof-sections-independent-tests-panel","title":"Independent Tests Panel","type":"registry:block"},{"description":"A two column comparison of the same product at day one and year five, each with matching condition rows and a borrowed back disclosure below.","name":"ecommerce-pro-social-proof-sections-new-vs-worn-compare","title":"New Vs Worn Compare","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A responsive wall of six unsolicited owner text posts, each card carrying an avatar, handle, platform and date, then the quoted words.","name":"ecommerce-pro-social-proof-sections-owner-posts-wall","title":"Owner Posts Wall","type":"registry:block"},{"description":"Three dated press quotes, the mixed review kept in on purpose.","name":"ecommerce-pro-social-proof-sections-press-mentions-row","title":"Press Mentions Row","type":"registry:block"},{"description":"Three exact press sentences with text wordmarks and dates instead of logo soup.","name":"ecommerce-pro-social-proof-sections-press-quotes-row","title":"Press Quotes Row","type":"registry:block"},{"description":"The year to date repair count as one large integer, broken into three sub counts updated nightly.","name":"ecommerce-pro-social-proof-sections-repair-counter-live-band","title":"Repair Counter Live Band","type":"registry:block"},{"description":"Three wholesale stockists quoted on why they reorder, with the margin disclosure printed below.","name":"ecommerce-pro-social-proof-sections-stockist-quotes-row","title":"Stockist Quotes Row","type":"registry:block"},{"description":"The stats band as gratitude, these are your numbers, not ours.","name":"ecommerce-pro-social-proof-sections-thanks-milestones-band","title":"Thanks Milestones Band","type":"registry:block"},{"description":"Six owner photos with handles and tenure captions, consent stated in one line.","name":"ecommerce-pro-social-proof-sections-ugc-photo-grid","title":"Ugc Photo Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three column row of independent owner review videos, each with thumbnail, runtime, channel, and a pulled quote, plus a not commissioned disclosure.","name":"ecommerce-pro-social-proof-sections-video-reviews-row","title":"Video Reviews Row","type":"registry:block"},{"description":"The longest serving bags from the registration data, numbered rows with a repair prize for first place.","name":"ecommerce-pro-social-proof-sections-years-owned-leaderboard","title":"Years Owned Leaderboard","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Capacity claims tested by packing real things into a real bag with tight and no rows included.","name":"ecommerce-pro-spec-sections-capacity-table","title":"Capacity Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Accessories matrix across four bags with every cell tested by clipping and a minus meaning no not yet.","name":"ecommerce-pro-spec-sections-compatibility-table","title":"Compatibility Table","type":"registry:block"},{"description":"Inline SVG technical line drawing paired with a table for screen readers and copy paste, four callouts.","name":"ecommerce-pro-spec-sections-dimensions-diagram","title":"Dimensions Diagram","type":"registry:block"},{"description":"The complete spec table with a tolerance column, because handmade varies and pretending generates email.","name":"ecommerce-pro-spec-sections-full-spec-sheet","title":"Full Spec Sheet","type":"registry:block"},{"description":"The buckle, zips, and rivets each specified and each carrying its failure rate from the bench log.","name":"ecommerce-pro-spec-sections-hardware-spec-card","title":"Hardware Spec Card","type":"registry:block"},{"description":"A ruled ledger listing each material with its use, source mill or tannery, how long the relationship has run, and switch criteria.","name":"ecommerce-pro-spec-sections-materials-ledger","title":"Materials Ledger","type":"registry:block"},{"description":"A revision log comparing the current version to the last, each changed spec shown as a from and to pair with its reason.","name":"ecommerce-pro-spec-sections-spec-revisions","title":"Spec Revisions","type":"registry:block"},{"description":"Three ruled sections on why handmade varies, what never does, and a return promise with no friction.","name":"ecommerce-pro-spec-sections-tolerances-note-card","title":"Tolerances Note Card","type":"registry:block"},{"description":"A split section pairing the test method notes on the left with rain scenarios on the right, each rated on a five dot resistance scale.","name":"ecommerce-pro-spec-sections-weather-test-results","title":"Weather Test Results","type":"registry:block"},{"description":"A stacked list of product components, each with its gram weight, a proportional bar, and a note, closing on a summed total row.","name":"ecommerce-pro-spec-sections-weight-breakdown","title":"Weight Breakdown","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four items in and four deliberately out, with the absence list carrying the personality of the brand.","name":"ecommerce-pro-spec-sections-whats-in-the-box","title":"Whats In The Box","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Footer whose four link groups collapse into an accordion on mobile and spread into four columns on desktop, above the legal bar.","name":"ecommerce-pro-store-footers-footer-accordion-mobile","title":"Footer Accordion Mobile","type":"registry:block"},{"description":"Brand name, four policy links, and a legal bar with company number, sized for checkout pages.","name":"ecommerce-pro-store-footers-footer-minimal-legal","title":"Footer Minimal Legal","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Footer whose brand column sells the mobile app with two store badges, a scannable code, and the app rating beside three link columns.","name":"ecommerce-pro-store-footers-footer-with-app-badges","title":"Footer With App Badges","type":"registry:block"},{"description":"Every product and collection as a dense directory, completeness stated outright.","name":"ecommerce-pro-store-footers-footer-with-category-sitemap","title":"Footer With Category Sitemap","type":"registry:block"},{"description":"The brand column carries company number, VAT, and the real street address.","name":"ecommerce-pro-store-footers-footer-with-company-numbers","title":"Footer With Company Numbers","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three storefronts as plain text rows with duty notes per region and the pricing page named openly.","name":"ecommerce-pro-store-footers-footer-with-language-region","title":"Footer With Language Region","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Region, language, and currency as visible selectors with the duties promise localized.","name":"ecommerce-pro-store-footers-footer-with-locale-selector","title":"Footer With Locale Selector","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The capture band leading the footer, one email a month with the open rate as proof.","name":"ecommerce-pro-store-footers-footer-with-newsletter","title":"Footer With Newsletter","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The 4.8 with its count in the footer, linking the critical reviews first.","name":"ecommerce-pro-store-footers-footer-with-reviews-score","title":"Footer With Reviews Score","type":"registry:block"},{"description":"Service columns instead of category columns: Repairs, Resale, Membership, and Help each named.","name":"ecommerce-pro-store-footers-footer-with-service-links","title":"Footer With Service Links","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Footer led by a shoppable social feed of six square post tiles under the handle and follower count, above a compact link row.","name":"ecommerce-pro-store-footers-footer-with-social-feed","title":"Footer With Social Feed","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Footer pairing the link columns with three physical store cards showing address, weekly hours, phone number, and a directions link each.","name":"ecommerce-pro-store-footers-footer-with-store-locations","title":"Footer With Store Locations","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The four policy facts as a bordered strip above standard footer columns.","name":"ecommerce-pro-store-footers-footer-with-trust-row","title":"Footer With Trust Row","type":"registry:block"},{"description":"The whole December schedule in one ruled list, cutoffs, support, bench.","name":"ecommerce-pro-store-footers-holiday-hours-footer","title":"Holiday Hours Footer","type":"registry:block"},{"description":"The full sitemap footer with payment chips and the VAT number European buyers scan for.","name":"ecommerce-pro-store-footers-mega-store-footer","title":"Mega Store Footer","type":"registry:block"},{"description":"A centered one row footer with the five questions a single product store gets.","name":"ecommerce-pro-store-footers-minimal-store-footer","title":"Minimal Store Footer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The twice yearly archive sale with the real piece count, listing time, and the full guarantee.","name":"ecommerce-pro-store-heroes-archive-sale-hero","title":"Archive Sale Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The one bag that outsells the rest, argued with three audited numbers and an honest lede crediting buyers.","name":"ecommerce-pro-store-heroes-bestseller-spotlight-hero","title":"Bestseller Spotlight Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The position at display size with three receipts, buy it once, we mean the once.","name":"ecommerce-pro-store-heroes-brand-manifesto-hero","title":"Brand Manifesto Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The brand promise above four category tiles with style counts, browsing starts here.","name":"ecommerce-pro-store-heroes-centered-with-category-links","title":"Centered With Category Links","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A store hero that argues price with a scrolling cost of ownership table comparing the flagship against a cheap rival, ending on cost per year.","name":"ecommerce-pro-store-heroes-comparison-hero","title":"Comparison Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The store led by seasonal writing beside a campaign image with its provenance caption.","name":"ecommerce-pro-store-heroes-editorial-split-hero","title":"Editorial Split Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A kitchen table origin and a signed refusal list from the founder still packing boxes on Fridays.","name":"ecommerce-pro-store-heroes-founders-welcome-hero","title":"Founders Welcome Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The seasonal guide opened by recipient with price floors and the gift card lane.","name":"ecommerce-pro-store-heroes-gift-guide-hero","title":"Gift Guide Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"December hero with real courier cutoff dates, a gift returns promise, and a Placeholder split image panel.","name":"ecommerce-pro-store-heroes-gift-season-hero","title":"Gift Season Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The pitch beside the four most bought products ranked with units sold.","name":"ecommerce-pro-store-heroes-hero-with-bestsellers-row","title":"Hero With Bestsellers Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The pitch above three one line verified reviews, proof in the fold without a product shot.","name":"ecommerce-pro-store-heroes-hero-with-reviews-strip","title":"Hero With Reviews Strip","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Eleven people, one room, 60 bags a week and the supplier count named on the chain page.","name":"ecommerce-pro-store-heroes-made-here-hero","title":"Made Here Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Five labeled category tiles beside the small range manifesto.","name":"ecommerce-pro-store-heroes-mosaic-collage-hero","title":"Mosaic Collage Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A drop announcement above three new pieces with names and prices in the fold.","name":"ecommerce-pro-store-heroes-new-arrivals-hero","title":"New Arrivals Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split store hero for a preorder batch pairing price, deposit terms, and units left with a production timeline panel tracking the batch.","name":"ecommerce-pro-store-heroes-preorder-hero","title":"Preorder Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A publication's verdict as the headline, dated, linked, and not paid for.","name":"ecommerce-pro-store-heroes-press-quote-hero","title":"Press Quote Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split store hero pairing a three step finder promise and CTAs with a live first question panel of radio options and a progress bar.","name":"ecommerce-pro-store-heroes-product-finder-hero","title":"Product Finder Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The waited for item back, with its queue history and a live unit counter.","name":"ecommerce-pro-store-heroes-restock-hero","title":"Restock Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The October rewax as a ritual, three honest numbers and the bench price for anyone who prefers not.","name":"ecommerce-pro-store-heroes-seasonal-prep-hero","title":"Seasonal Prep Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The discount at display scale with the three sale rules listed in full, no countdown gimmicks.","name":"ecommerce-pro-store-heroes-seasonal-sale-hero","title":"Seasonal Sale Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A store hero with the flagship product beside price, rating, and the shipping promise.","name":"ecommerce-pro-store-heroes-split-with-product","title":"Split With Product","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split store hero selling a three piece bundle: the reasons the kit exists beside an itemized order panel with prices and the bundle saving.","name":"ecommerce-pro-store-heroes-starter-kit-hero","title":"Starter Kit Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The tagline replaced by six audited figures, none rounded up.","name":"ecommerce-pro-store-heroes-store-numbers-hero","title":"Store Numbers Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A drop announced with facts instead of photos, quantities and restock policy included.","name":"ecommerce-pro-store-heroes-text-only-drop-hero","title":"Text Only Drop Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"B2B landing hero with fleet numbers, Net 30 terms, the total repair spend, and the account rep named.","name":"ecommerce-pro-store-heroes-trade-hero","title":"Trade Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The seasonal film as a wide poster with play badge, runtime, and every piece linked.","name":"ecommerce-pro-store-heroes-video-lookbook-hero","title":"Video Lookbook Hero","type":"registry:block"},{"description":"The one store, its hours, the bench in view, and honest parking advice.","name":"ecommerce-pro-store-locator-sections-flagship-store-page","title":"Flagship Store Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One store with its services itemized, monogramming times and the seconds shelf.","name":"ecommerce-pro-store-locator-sections-flagship-store-split","title":"Flagship Store Split","type":"registry:block"},{"description":"Click and collect in three steps, live stock, two hour ready, counter returns.","name":"ecommerce-pro-store-locator-sections-in-store-pickup-explainer","title":"In Store Pickup Explainer","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A pop up tour schedule listing the traveling shop as dated city stops with venue, what travels along, and an open or waitlist status.","name":"ecommerce-pro-store-locator-sections-popup-tour-schedule","title":"Popup Tour Schedule","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One stockist in full: what is stocked, what is not, hours, services, and the price match promise stated.","name":"ecommerce-pro-store-locator-sections-stockist-detail-card","title":"Stockist Detail Card","type":"registry:block"},{"description":"Four independent shops with what each shelf actually carries.","name":"ecommerce-pro-store-locator-sections-stockists-list","title":"Stockists List","type":"registry:block"},{"description":"Tours, clinics, and pack nights as dated rows with honest small capacities.","name":"ecommerce-pro-store-locator-sections-store-events-list","title":"Store Events List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Locations with live hours and a what this store uniquely offers line each.","name":"ecommerce-pro-store-locator-sections-store-list-cards","title":"Store List Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A store finder split with a search field and nearest results on the left beside a blueprint style map with numbered pins on the right.","name":"ecommerce-pro-store-locator-sections-store-map-finder","title":"Store Map Finder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A new store announcement naming the location and opening date, then the opening week itemized day by day above an invite call to action.","name":"ecommerce-pro-store-locator-sections-store-opening-announcement","title":"Store Opening Announcement","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A services matrix with every location as a column and every in store service as a row, each cell a check, a dash, or a short note.","name":"ecommerce-pro-store-locator-sections-store-services-matrix","title":"Store Services Matrix","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Book half an hour at the counter, fittings, repairs, or deciding between two.","name":"ecommerce-pro-store-locator-sections-visit-planner-card","title":"Visit Planner Card","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Navbar with the signed in account panel open: greeting with store credit, four account destinations each carrying a live fact, and sign out.","name":"ecommerce-pro-store-navbars-account-menu-panel","title":"Account Menu Panel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Banner and nav as one composed header unit with a dismissible price change preannounce above the bar.","name":"ecommerce-pro-store-navbars-announcement-navbar-combo","title":"Announcement Navbar Combo","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Editorial fashion header with a centered wordmark, utilities split symmetrically to either side, and a centered category row beneath.","name":"ecommerce-pro-store-navbars-centered-logo-navbar","title":"Centered Logo Navbar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The payment flow header, wordmark, lock line, and one exit back to cart.","name":"ecommerce-pro-store-navbars-checkout-header-lock","title":"Checkout Header Lock","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Navbar with the region panel open: four duty zones, consequence per row, and the cart survives the switch.","name":"ecommerce-pro-store-navbars-country-selector-navbar","title":"Country Selector Navbar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The navbar stripped to wordmark, one trust link, and the cart for single product stores.","name":"ecommerce-pro-store-navbars-minimal-logo-cart","title":"Minimal Logo Cart","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Static open state mobile nav with expanded sub-links, utility rows, and the support hours footer.","name":"ecommerce-pro-store-navbars-mobile-menu-open-panel","title":"Mobile Menu Open Panel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An announcement strip and slim nav designed as one unit, dated message included.","name":"ecommerce-pro-store-navbars-nav-with-announcement","title":"Nav With Announcement","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The standard store header with inline search and the icon trio with cart count.","name":"ecommerce-pro-store-navbars-nav-with-cart-search","title":"Nav With Cart Search","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A brand row above a scrolling category bar with the current section underlined.","name":"ecommerce-pro-store-navbars-nav-with-category-bar","title":"Nav With Category Bar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The navbar with its mega panel open, link columns plus a help deciding column.","name":"ecommerce-pro-store-navbars-nav-with-mega-menu-panel","title":"Nav With Mega Menu Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Navbar with its mini cart open below: two line items with thumbs, a free shipping progress meter, subtotal, and one checkout route.","name":"ecommerce-pro-store-navbars-nav-with-mini-cart-panel","title":"Nav With Mini Cart Panel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Standard navbar with a dismissible strip showing the active order, ship date, and tracking link.","name":"ecommerce-pro-store-navbars-nav-with-order-status-strip","title":"Nav With Order Status Strip","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Replenishment navbar with a buy again strip beneath: chips for four staples from the last order, each with its price and a one tap add.","name":"ecommerce-pro-store-navbars-nav-with-reorder-bar","title":"Nav With Reorder Bar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A support fact, order tracking, and locale picker in a slim strip above the nav.","name":"ecommerce-pro-store-navbars-nav-with-utility-bar","title":"Nav With Utility Bar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Wishlist heart as a first class nav icon with a count badge and a price drop dot explained below.","name":"ecommerce-pro-store-navbars-nav-with-wishlist-count","title":"Nav With Wishlist Count","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The search open mid query, products and guides split into two columns.","name":"ecommerce-pro-store-navbars-search-overlay-panel","title":"Search Overlay Panel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Primary nav with Repairs, Resale, and Membership first, plus a live bench queue strip below.","name":"ecommerce-pro-store-navbars-service-first-navbar","title":"Service First Navbar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The logged in B2B header with tier, rep, terms, and the Friday cutoff.","name":"ecommerce-pro-store-navbars-trade-portal-navbar","title":"Trade Portal Navbar","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Delivery rhythm chosen by honest usage guidance, the recommendation argued.","name":"ecommerce-pro-subscription-sections-cadence-picker-card","title":"Cadence Picker Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The year one care club receipt in four numbers with the skip praised and the cadence downgrade offered.","name":"ecommerce-pro-subscription-sections-care-club-annual-summary","title":"Care Club Annual Summary","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A four step numbered timeline of a subscription's first ninety days, from signup through the reminder email to the second charge and a start button.","name":"ecommerce-pro-subscription-sections-first-delivery-timeline","title":"First Delivery Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A gifted year of wax with two delivery options and the no auto renew rule as the centerpiece.","name":"ecommerce-pro-subscription-sections-gift-a-subscription-card","title":"Gift A Subscription Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three subscription box sizes in ring framed cards, each with placeholder imagery, price, contents list, and fit note, with the smallest recommended.","name":"ecommerce-pro-subscription-sections-kit-size-plans","title":"Kit Size Plans","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"All four controls at equal weight, cancel included, with the skip praised in history.","name":"ecommerce-pro-subscription-sections-manage-subscription-panel","title":"Manage Subscription Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column membership section pairing a value summary with a divided ledger of perks, each priced by yearly worth, plus one excluded line.","name":"ecommerce-pro-subscription-sections-member-perks-ledger","title":"Member Perks Ledger","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An editable next subscription box as a line item list, each swappable or removable, with a one time add on, running total, and edit deadline.","name":"ecommerce-pro-subscription-sections-next-box-editor","title":"Next Box Editor","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three off switches compared by situation, no survey behind any of them.","name":"ecommerce-pro-subscription-sections-pause-or-skip-controls","title":"Pause Or Skip Controls","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The consumable subscription as logistics, exits listed above the join button.","name":"ecommerce-pro-subscription-sections-subscribe-save-overview","title":"Subscribe Save Overview","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Six subscription inbox answers written as binding policy, from price locks to why bags are excluded entirely.","name":"ecommerce-pro-subscription-sections-subscription-faq","title":"Subscription Faq","type":"registry:block"},{"description":"A year priced both ways across three profiles, one verdict against the store.","name":"ecommerce-pro-subscription-sections-subscription-vs-onetime-math","title":"Subscription Vs Onetime Math","type":"registry:block"},{"description":"Two column certification audit listing held certificates with scope and audit dates beside the badges skipped on purpose, each with a stated reason.","name":"ecommerce-pro-sustainability-sections-certification-audit","title":"Certification Audit","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four durability commitments you can test, not values language, each naming the thing that proves it.","name":"ecommerce-pro-sustainability-sections-durability-pledge-card","title":"Durability Pledge Card","type":"registry:block"},{"description":"The things Acme has not measured yet, three gaps stated plainly with the plan or the honest none.","name":"ecommerce-pro-sustainability-sections-honest-unknowns-card","title":"Honest Unknowns Card","type":"registry:block"},{"description":"The sustainability thesis: time in service beats material talk, argued with three service numbers.","name":"ecommerce-pro-sustainability-sections-longevity-as-sustainability","title":"Longevity As Sustainability","type":"registry:block"},{"description":"Three materials across two honest columns: what Acme verified on visits and what suppliers claimed.","name":"ecommerce-pro-sustainability-sections-materials-footprint-table","title":"Materials Footprint Table","type":"registry:block"},{"description":"Two column packaging teardown pairing an intro and a weighed total card with a divided list naming each component, its material, and where it goes.","name":"ecommerce-pro-sustainability-sections-packaging-teardown","title":"Packaging Teardown","type":"registry:block"},{"description":"A zipper repair against a new bag in plain ratios, not invented kilograms, with the method stated.","name":"ecommerce-pro-sustainability-sections-repair-vs-replace-footprint","title":"Repair Vs Replace Footprint","type":"registry:block"},{"description":"Ground over air 6 to 1, one box of three, and the no offsets position stated as a deliberate choice.","name":"ecommerce-pro-sustainability-sections-shipping-footprint-explainer","title":"Shipping Footprint Explainer","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered heading and intro over a dated, divided ledger of entries, each with a date, tagged badge, title, and short body, newest first.","name":"ecommerce-pro-sustainability-sections-sustainability-ledger","title":"Sustainability Ledger","type":"registry:block"},{"description":"A proportional outcome bar with legend above three cards breaking down resold, stripped, and landfill shares, closed by a dated method note.","name":"ecommerce-pro-sustainability-sections-takeback-outcomes","title":"Takeback Outcomes","type":"registry:block"},{"description":"Forty bags, two years, and the strap flaw that changed the whole fleet spec included in the repair count.","name":"ecommerce-pro-trade-sections-fleet-case-study","title":"Fleet Case Study","type":"registry:block"},{"dependencies":["radix-ui"],"description":"An interactive estimator with two sliders for fleet size and service years that reprice upfront spend, projected repairs, and cost per bag live.","name":"ecommerce-pro-trade-sections-fleet-cost-estimator","title":"Fleet Cost Estimator","type":"registry:block"},{"description":"Three fleets with wear numbers, deliveries per repair as the proof.","name":"ecommerce-pro-trade-sections-pro-stories-row","title":"Pro Stories Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The fleet evaluation kit, credited at five units, built for the deciding meeting.","name":"ecommerce-pro-trade-sections-sample-kit-card","title":"Sample Kit Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The pro program intake with who qualifies and a two day answer, never silence.","name":"ecommerce-pro-trade-sections-trade-application-form","title":"Trade Application Form","type":"registry:block"},{"description":"Five program questions answered straight, priority repair quantified.","name":"ecommerce-pro-trade-sections-trade-faq","title":"Trade Faq","type":"registry:block"},{"description":"Application to first order in four real durations, 6 day median at the foot.","name":"ecommerce-pro-trade-sections-trade-onboarding-steps","title":"Trade Onboarding Steps","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four perks argued from the professional's economics, downtime is our problem.","name":"ecommerce-pro-trade-sections-trade-perks-grid","title":"Trade Perks Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column portal preview pairing three account features with a static fleet dashboard showing repair stages, fleet counts, and a reorder row.","name":"ecommerce-pro-trade-sections-trade-portal-preview","title":"Trade Portal Preview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column trade terms section pairing five payment and ordering terms with a static invoice mockup showing the discount and net 30 in practice.","name":"ecommerce-pro-trade-sections-trade-terms","title":"Trade Terms","type":"registry:block"},{"description":"A two column comparison table setting retail against a trade account across seven rows, with a lede and a closing note on the identical guarantee.","name":"ecommerce-pro-trade-sections-trade-vs-retail","title":"Trade Versus Retail","type":"registry:block"},{"description":"Team order bands published with the services included at each.","name":"ecommerce-pro-trade-sections-volume-pricing-table","title":"Volume Pricing Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One button, what dies instantly, what the law keeps, and the guarantee that outlives the account.","name":"ecommerce-pro-trust-sections-account-deletion-card","title":"Account Deletion Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four physical tells and a same day serial check open to secondhand buyers who have no receipt.","name":"ecommerce-pro-trust-sections-counterfeit-spotting-guide","title":"Counterfeit Spotting Guide","type":"registry:block"},{"description":"Five numbered data promises each with the mechanism that lets a buyer check it, and a review date.","name":"ecommerce-pro-trust-sections-data-promise-card","title":"Data Promise Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Statutory rights, the Acme guarantee, and the repair program in one table showing they stack not replace.","name":"ecommerce-pro-trust-sections-guarantee-vs-warranty-explainer","title":"Guarantee Vs Warranty Explainer","type":"registry:block"},{"description":"Split trust section listing three pricing pledges beside an illustrative 90 day price history chart showing a single real markdown for one product.","name":"ecommerce-pro-trust-sections-price-history-pledge","title":"Price History Pledge","type":"registry:block"},{"description":"Centered trust section listing refund speed per payment method, pairing each promised window with the measured median and a usage bar.","name":"ecommerce-pro-trust-sections-refund-speed-tracker","title":"Refund Speed Tracker","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Centered trust section with a segmented distribution bar and a destination row for each return path, from restocked as new to destroyed.","name":"ecommerce-pro-trust-sections-returned-item-lifecycle","title":"Returned Item Lifecycle","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Split trust section pairing three review moderation rules on the left with a stat panel of quarterly numbers and a removal reason breakdown.","name":"ecommerce-pro-trust-sections-review-integrity-report","title":"Review Integrity Report","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Scope, honest reward, and three named researchers with what they found for a store disclosure page.","name":"ecommerce-pro-trust-sections-security-contact-card","title":"Security Contact Card","type":"registry:block"},{"description":"Five outside data partners named by role with what they receive, why, and the deletion path on a page.","name":"ecommerce-pro-trust-sections-subprocessors-list","title":"Subprocessors List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Every checkout field justified with its use and boundary, and the one field that is not there.","name":"ecommerce-pro-trust-sections-why-we-ask-explainer","title":"Why We Ask Explainer","type":"registry:block"},{"description":"The small goods as a snap strip with one earned context line per card.","name":"ecommerce-pro-upsell-sections-accessories-rail","title":"Accessories Rail","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Monogramming, treatment, and care as checkable services with a live total.","name":"ecommerce-pro-upsell-sections-add-on-services","title":"Add On Services","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Budget chips answered with the honest allocation at each number including the one that stops at 433.","name":"ecommerce-pro-upsell-sections-better-spend-suggester","title":"Better Spend Suggester","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The care kit at cart with the first rain argument and the attach rate published.","name":"ecommerce-pro-upsell-sections-care-kit-attach-row","title":"Care Kit Attach Row","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The wax already in the cart offered as a schedule with an equal weight decline priced alongside.","name":"ecommerce-pro-upsell-sections-care-sub-upsell-row","title":"Care Sub Upsell Row","type":"registry:block"},{"description":"One outfit photo itemized with roles and the wearer's height and size in the footer.","name":"ecommerce-pro-upsell-sections-complete-the-look","title":"Complete The Look","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Owned and missing pieces of the set, same hides as the only argument.","name":"ecommerce-pro-upsell-sections-complete-the-set-progress","title":"Complete The Set Progress","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One product recommended to owners of another, with the relationship stated.","name":"ecommerce-pro-upsell-sections-cross-sell-banner","title":"Cross Sell Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Checkable companions with a live total and real attachment rates printed per item.","name":"ecommerce-pro-upsell-sections-frequently-bought-together","title":"Frequently Bought Together","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"The $6 wrap shown for real, with the hand written note revealed on selection.","name":"ecommerce-pro-upsell-sections-gift-wrap-upsell-row","title":"Gift Wrap Upsell Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A perks list beside a checkout receipt that admits joining costs more today, shows when it pays off, with join and stay a guest buttons.","name":"ecommerce-pro-upsell-sections-membership-upsell-math","title":"Membership Upsell Math","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One add riding the same box, declinable in a tap, never chaining to another.","name":"ecommerce-pro-upsell-sections-post-purchase-upsell","title":"Post Purchase Upsell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A product row above single choice coverage tiers, the free warranty listed as an equal option, with a live total and a continue button.","name":"ecommerce-pro-upsell-sections-protection-plan-picker","title":"Protection Plan Picker","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The browsing trail with per item dismissal and a privacy footer, memory with manners.","name":"ecommerce-pro-upsell-sections-recently-viewed-row","title":"Recently Viewed Row","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The reorder timed by your own usage math, one dated email, not a subscription.","name":"ecommerce-pro-upsell-sections-replenishment-reminder-card","title":"Replenishment Reminder Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The first wax at the bench for $12, with the honest counter offer and the adoption rate published.","name":"ecommerce-pro-upsell-sections-setup-service-upsell","title":"Setup Service Upsell","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A live progress bar toward the free shipping threshold, three small items sized to close the gap, and the flat rate as a fair alternative.","name":"ecommerce-pro-upsell-sections-shipping-threshold-nudge","title":"Shipping Threshold Nudge","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two spares at the cart with an honest counter on who actually needs them and a skip.","name":"ecommerce-pro-upsell-sections-spare-parts-attach-row","title":"Spare Parts Attach Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pick any pieces, the discount steps at two and three, the math updates live.","name":"ecommerce-pro-upsell-sections-tiered-bundle-builder","title":"Tiered Bundle Builder","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two product cards side by side above a spec table with the price delta itemized, an honest downside row, and a button per choice.","name":"ecommerce-pro-upsell-sections-trade-up-comparison","title":"Trade Up Comparison","type":"registry:block"},{"description":"Four recommendations that each print why they were chosen above the card.","name":"ecommerce-pro-upsell-sections-you-may-also-like","title":"You May Also Like","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered empty wishlist with a heart badge, headline, a three row explainer of what saving does, and a recently viewed product strip.","name":"ecommerce-pro-wishlist-sections-empty-wishlist-state","title":"Empty Wishlist State","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A shared household wishlist with an avatar stack above a two column card grid where each item carries its adder avatar, reason, and duplicate flag.","name":"ecommerce-pro-wishlist-sections-household-shared-list","title":"Household Shared List","type":"registry:block"},{"description":"Watched items, saved versus current price, one real drop and one frozen for 14 months.","name":"ecommerce-pro-wishlist-sections-price-drop-alerts-list","title":"Price Drop Alerts List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The wishlist as a registry with claimed states, group gifting, and anonymity rules.","name":"ecommerce-pro-wishlist-sections-registry-mode-panel","title":"Registry Mode Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A restock queue with one back in stock item held on a deadline above a list of waiting items showing queue position and supply notes.","name":"ecommerce-pro-wishlist-sections-restock-watch-list","title":"Restock Watch List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A share link as a code chip with three privacy rules stated before the optional occasion date is asked for.","name":"ecommerce-pro-wishlist-sections-share-wishlist-card","title":"Share Wishlist Card","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two column guest view of a shared wishlist with owner intro, occasion facts, claiming rules, and a thumbnail item list with claim buttons.","name":"ecommerce-pro-wishlist-sections-shared-list-guest-view","title":"Shared List Guest View","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A two column alert settings panel defining what each notification means on the left and a bordered stack of labeled switch rows on the right.","name":"ecommerce-pro-wishlist-sections-wishlist-alert-settings","title":"Wishlist Alert Settings","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Account overview of three named wishlist boards as thumbnail strip cards with item counts and privacy captions, plus a dashed new list tile.","name":"ecommerce-pro-wishlist-sections-wishlist-boards-grid","title":"Wishlist Boards Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Saved items as a product grid with live status captions and a single button that adds only the in stock ones.","name":"ecommerce-pro-wishlist-sections-wishlist-grid-page","title":"Wishlist Grid Page","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Five items grouped under three honest tiers with owner notes, and the admission the store ignores them.","name":"ecommerce-pro-wishlist-sections-wishlist-with-priorities","title":"Wishlist With Priorities","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sidebar of category filters with checkboxes, price sliders, and color swatches beside a product grid. Refines large catalogs on a shop listing page.","name":"ecommerce-category-filters-filter-demo","title":"Filter Demo","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui","vaul"],"description":"A slide in drawer holding category, price, and rating filters for small screens. Keeps the product grid full width until shoppers tap to refine on mobile.","name":"ecommerce-category-filters-filter-drawer","title":"Filter Drawer","type":"registry:block"},{"dependencies":["@radix-ui/react-slider","class-variance-authority","lucide-react","radix-ui"],"description":"A row of filter dropdowns and chips sitting above the product grid. Lets shoppers narrow by category, price, and brand without giving up vertical space.","name":"ecommerce-category-filters-horizontal-filters","title":"Horizontal Filters","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A category preview that slides products through a horizontal carousel, letting shoppers swipe across a collection without leaving the page on mobile.","name":"ecommerce-category-preview-carousel-preview","title":"Carousel Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A category preview where each tile expands to reveal more products on click, keeping the storefront tidy while shoppers dig into one collection at a time.","name":"ecommerce-category-preview-expandable-preview","title":"Expandable Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A category preview arranging collections in an even grid of image tiles, giving a clean overview of every department on a busy ecommerce home page.","name":"ecommerce-category-preview-grid-preview","title":"Grid Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A category preview styled like a magazine spread, mixing large feature tiles with smaller ones to spotlight seasonal collections on a storefront landing page.","name":"ecommerce-category-preview-magazine-preview","title":"Magazine Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A category preview that scrolls product cards in a continuous strip, ideal for showing many items while keeping a compact footprint on a collection page.","name":"ecommerce-category-preview-scrolling-preview","title":"Scrolling Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A category preview split between a featured image and a product list, pairing a strong visual with quick picks at the top of a collection page.","name":"ecommerce-category-preview-split-preview","title":"Split Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A category preview laid out in three balanced columns of image tiles, sorting collections into clear groups for a wide ecommerce navigation page.","name":"ecommerce-category-preview-three-column-preview","title":"Three Column Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bundle builder where shoppers pick add on products and watch the total update live. Use it on product pages to grow order value before checkout.","name":"ecommerce-ecommerce-bundle-upsells-builder","title":"Builder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A side view comparing a single item against a bundle, with prices and savings shown. Use it to nudge shoppers toward the better value package.","name":"ecommerce-ecommerce-bundle-upsells-comparison","title":"Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean grid of bundle products with images, names, and prices in even cells. Use it to present a curated set of items shoppers add together in one tap.","name":"ecommerce-ecommerce-bundle-upsells-minimalist-grid","title":"Minimalist Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two product cards placed next to each other with a plus sign and combined price. Use it to pair complementary items and lift the average order total.","name":"ecommerce-ecommerce-bundle-upsells-side-by-side","title":"Side By Side","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical stack of bundle items with running totals and one add to cart action. Use it on mobile product pages to offer matching extras as shoppers scroll.","name":"ecommerce-ecommerce-bundle-upsells-stack","title":"Stack","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Recommended products laid out with an icon, short benefit, and price for each item. Highlights why shoppers should add a related pick to the cart.","name":"ecommerce-ecommerce-cross-sells-feature-icons","title":"Feature Icons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A clean grid of related products with image, title, and price per card. Drops below the cart or product page to suggest items shoppers may want.","name":"ecommerce-ecommerce-cross-sells-simple-grid","title":"Simple Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Suggested products in a vertical stacked list with thumbnail, name, and price. Fits a narrow sidebar or cart drawer to keep cross sells visible.","name":"ecommerce-ecommerce-cross-sells-stacked-list","title":"Stacked List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Related products in a card grid where each item carries a badge for sale, new, or low stock. Adds urgency to nudge shoppers toward another buy.","name":"ecommerce-ecommerce-cross-sells-with-badges","title":"With Badges","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Recommended products shown with star ratings and review counts beside each price. Uses social proof to push complementary items into the cart.","name":"ecommerce-ecommerce-cross-sells-with-ratings","title":"With Ratings","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A starter customer review layout with star ratings, reviewer names, and comment text. Drop it onto a product page to show real shopper feedback fast.","name":"ecommerce-ecommerce-customer-reviews-base","title":"Base","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A tight vertical list of reviews with star ratings and short quotes. Fits narrow sidebars or product pages where space for feedback is limited.","name":"ecommerce-ecommerce-customer-reviews-compact-review-list","title":"Compact Review List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of review cards showing star ratings, avatars, and short quotes. Use it to display many customer opinions at once on a product detail page.","name":"ecommerce-ecommerce-customer-reviews-review-cards-grid","title":"Review Cards Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A side by side view of the highest and lowest rated reviews so shoppers weigh pros and cons. Helps buyers decide quickly on a product detail page.","name":"ecommerce-ecommerce-customer-reviews-review-comparison","title":"Review Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A summary panel with average rating, total count, and a bar chart by star level. Gives shoppers a quick read on overall product quality up front.","name":"ecommerce-ecommerce-customer-reviews-review-stats-overview","title":"Review Stats Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Featured customer quotes paired with ratings and verified buyer badges. Builds confidence near the buy button to encourage shoppers to checkout.","name":"ecommerce-ecommerce-customer-reviews-social-proof-reviews","title":"Social Proof Reviews","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A footer with several columns of grouped links for shop, support, company, and legal. Organizes a large storefront so customers find any page fast.","name":"ecommerce-ecommerce-footers-muti-column","title":"Multi Column","type":"registry:block"},{"description":"A compact footer with a single row of essential links and a copyright line. Keeps the bottom of a small store clean, tidy, and quick to scan for shoppers.","name":"ecommerce-ecommerce-footers-simple-links","title":"Simple Links","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A footer pairing link columns with an email signup field and button. Captures subscribers for promotions and offers while customers browse your store.","name":"ecommerce-ecommerce-footers-with-newsletter","title":"With Newsletter","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A footer that displays accepted card and wallet badges beside the usual store links. Reassures shoppers about secure checkout right before they buy.","name":"ecommerce-ecommerce-footers-with-payments","title":"With Payments","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A footer with link columns plus a row of social media icons. Connects shoppers to your brand on Instagram, X, and other channels they already follow.","name":"ecommerce-ecommerce-footers-with-socials","title":"With Socials","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion that collapses shipping and returns details into expandable rows. Keeps long policy text tidy on a product page until shoppers tap to read.","name":"ecommerce-ecommerce-shipping-returns-accordion","title":"Accordion","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A checklist that lays out shipping steps and return conditions as ticked items. Helps buyers confirm eligibility before they start a refund request.","name":"ecommerce-ecommerce-shipping-returns-checklist","title":"Checklist","type":"registry:block"},{"description":"A full text panel covering delivery times, costs, and the returns process in plain prose. Use on a dedicated policy page where shoppers expect complete detail.","name":"ecommerce-ecommerce-shipping-returns-full-text","title":"Full Text","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split column layout that places shipping on one side and returns on the other. Lets customers compare delivery and refund terms in one quick glance.","name":"ecommerce-ecommerce-shipping-returns-split-columns","title":"Split Columns","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An icons layout pairing each shipping and returns point with a small symbol. Makes delivery speed, free returns, and refund windows scannable at a glance.","name":"ecommerce-ecommerce-shipping-returns-with-icons","title":"With Icons","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A horizontal row of trust badges showing secure payment, returns, and warranty icons. Place under an add to cart button to calm buyer worry.","name":"ecommerce-ecommerce-trust-guarantee-badge-row","title":"Badge Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A vertical checklist of product promises with check icons and short labels. Use it on a product page to spell out exactly what every order includes.","name":"ecommerce-ecommerce-trust-guarantee-checklist","title":"Checklist","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A large pull quote with author name and star rating that features a happy customer. Drop it near pricing to back your claims with real social proof.","name":"ecommerce-ecommerce-trust-guarantee-highlighted-quote","title":"Highlighted Quote","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A compact list pairing small icons with guarantee statements like free shipping and easy returns. Fits neatly in a sidebar or below the buy section.","name":"ecommerce-ecommerce-trust-guarantee-icon-list","title":"Icon List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three equal columns, each with an icon, heading, and a line on quality, security, and support. Builds buyer confidence across the full storefront.","name":"ecommerce-ecommerce-trust-guarantee-three-pillars","title":"Three Pillars","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A rotating carousel that shows product features on 3D cards with depth and motion. Great for highlighting a few standout capabilities on a landing page.","name":"ecommerce-product-features-3d-feature-carousel","title":"3D Feature Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Stacked rows that flip image and text from left to right as you scroll. Walks shoppers through key product benefits one clear section at a time.","name":"ecommerce-product-features-alternating-features","title":"Alternating Features","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of feature cards with icons and motion that triggers as cards enter view. Adds life to a benefits section without burying the message.","name":"ecommerce-product-features-animated-features-grid","title":"Animated Features Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slider that wipes between two product images so buyers see the difference at a glance. Ideal for skincare, editing tools, or cleaning results.","name":"ecommerce-product-features-before-after-comparison","title":"Before After Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A swipeable carousel that steps through product features with image and copy per slide. Fits compact pages where space for many cards is tight.","name":"ecommerce-product-features-carousel-feature-showcase","title":"Carousel Feature Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of feature cards that open to reveal more detail on click. Keeps the overview tidy while letting curious shoppers dig into the specifics.","name":"ecommerce-product-features-expandable-features-grid","title":"Expandable Features Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Stacked panels that expand one feature at a time so each gets full focus. A clean way to present detailed product benefits without a wall of text.","name":"ecommerce-product-features-feature-accordion","title":"Feature Accordion","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A table that lines up features across plans or models with clear check marks. Helps shoppers weigh every option and pick the right product fast.","name":"ecommerce-product-features-feature-comparison-table","title":"Feature Comparison Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Tabbed sections that swap feature content as buyers click each label. Organizes a deep feature set into bite sized views on one tidy single panel.","name":"ecommerce-product-features-feature-tabs-navigation","title":"Feature Tabs Navigation","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical timeline that walks through product features in sequence. Useful for showing a setup flow or how capabilities build on each other.","name":"ecommerce-product-features-feature-timeline","title":"Feature Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A layout that pairs product features with a customer quote beside them. Backs each benefit claim with real proof to win hesitant buyers over.","name":"ecommerce-product-features-features-testimonial-combo","title":"Features Testimonial Combo","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A row of feature panels that scroll sideways as the page moves. Shows many product capabilities in a compact, playful strip that invites swiping.","name":"ecommerce-product-features-horizontal-scrolling-features","title":"Horizontal Scrolling Features","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A product image dotted with clickable hotspots that reveal each feature in place. Perfect for showing exactly where a capability lives on the item.","name":"ecommerce-product-features-image-hotspot-features","title":"Image Hotspot Features","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Tabs paired with a live preview that updates as buyers select a feature. Lets shoppers explore what each capability looks like before they buy.","name":"ecommerce-product-features-interactive-feature-tabs","title":"Interactive Feature Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean grid of feature cards with an icon, title, and short blurb each. The reliable choice for listing core product benefits at a quick glance.","name":"ecommerce-product-features-simple-feature-grid","title":"Simple Feature Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column section with a product photo on one side and feature copy on the other. Balances visual and text to sell a single hero capability.","name":"ecommerce-product-features-split-image-features","title":"Split Image Features","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A section that pairs product features with hard numbers and metrics. Use it when figures like speed or savings make the strongest case to buy.","name":"ecommerce-product-features-stats-feature-showcase","title":"Stats Feature Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A timeline that reveals product features step by step as buyers scroll. Good for guiding readers through a journey from first use to results.","name":"ecommerce-product-features-timeline-feature-showcase","title":"Timeline Feature Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A section that pairs an embedded product video with supporting feature copy. Shows the item in action when motion sells better than a still.","name":"ecommerce-product-features-video-feature-showcase","title":"Video Feature Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dense list packing each product into a slim row with thumbnail, name, and price. Fits long catalogs and search results where space is tight.","name":"ecommerce-product-list-compact-list","title":"Compact List","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A side by side list lining up products with specs, prices, and features in columns. Helps shoppers weigh options before they commit to a purchase.","name":"ecommerce-product-list-comparison-list","title":"Comparison List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A list spotlighting select products with large imagery, descriptions, and prices. Highlights bestsellers or promotions on a storefront landing page.","name":"ecommerce-product-list-featured-list","title":"Featured List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A product list paired with category, price, and attribute filters in a sidebar. Lets shoppers narrow large catalogs and find the right item fast.","name":"ecommerce-product-list-filter-list","title":"Filter List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An image first list showing products as large photo cards with name and price. Suits visual categories like fashion, home decor, and art prints.","name":"ecommerce-product-list-gallery-list","title":"Gallery List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A responsive grid of product cards with images, titles, prices, and buttons. The standard catalog layout for category and search pages in a store.","name":"ecommerce-product-list-grid-list","title":"Grid List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A masonry grid fitting product cards of varying heights into tight columns. Works well for mixed imagery in lookbooks and curated collections.","name":"ecommerce-product-list-masonry-list","title":"Masonry List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A table listing products in rows with columns for image, name, stock, and price. Ideal for dashboards, admin catalogs, and bulk inventory views.","name":"ecommerce-product-list-table-list","title":"Table List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical timeline arranging products or drops by date with images and prices. Good for release schedules, new arrivals, and limited editions.","name":"ecommerce-product-list-timeline-list","title":"Timeline List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A classic product page with a large image on the left, title, price, variant options, and add to cart on the right. Familiar layout shoppers expect.","name":"ecommerce-product-overview-classic-overview","title":"Classic Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A tight product layout that fits the image, price, options, and buy button above the fold. Built for small screens and quick mobile purchases.","name":"ecommerce-product-overview-compact-overview","title":"Compact Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A product page led by a multi image gallery with thumbnails beside the details. Lets shoppers study every angle before they add the item to cart.","name":"ecommerce-product-overview-gallery-overview","title":"Gallery Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full bleed product page with edge to edge imagery, floating details, and a sticky buy bar. Best for premium goods that sell on visual impact.","name":"ecommerce-product-overview-immersive-overview","title":"Immersive Overview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A pared back product page with one clean image, title, price, and a single buy button. Keeps focus on the item for simple, low clutter catalogs.","name":"ecommerce-product-overview-minimal-overview","title":"Minimal Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A contemporary product page mixing a bold image grid, accent typography, and clear pricing. Suits fashion and lifestyle brands that want a fresh look.","name":"ecommerce-product-overview-modern-overview","title":"Modern Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered promo with an icon, headline, and supporting copy. Highlights a single offer or shipping perk in the middle of a store landing page.","name":"ecommerce-promo-sections-centered-icon-promo","title":"Centered Icon Promo","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered promo paired with a tidy grid of product images. Showcases a curated collection or a seasonal lineup right on your shop homepage.","name":"ecommerce-promo-sections-centered-image-grid","title":"Centered Image Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A clean centered promo with a headline, short message, and button. Drop it onto any store page to push a sale, a discount code, or a new arrival.","name":"ecommerce-promo-sections-centered-simple-promo","title":"Centered Simple Promo","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A promo block with a live countdown timer, headline, and call to action. Builds urgency around flash sales and limited time offers that expire soon.","name":"ecommerce-promo-sections-countdown-timer-promo","title":"Countdown Timer Promo","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A testimonial promo with a soft fading background and a customer quote. Builds trust on a product page while reinforcing the offer you are running.","name":"ecommerce-promo-sections-fading-background-testimonial","title":"Fading Background Testimonial","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A full width promo with oversized type and a clear button. Commands attention across the whole page for a headline campaign or a seasonal launch.","name":"ecommerce-promo-sections-full-width-large-content","title":"Full Width Large Content","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A promo with copy on one side and a product image alongside it. Pairs your offer with a visual so shoppers see exactly what is on sale right now.","name":"ecommerce-promo-sections-image-aside","title":"Image Aside","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split promo with a large image filling one half and an offer on the other. Frames a hero product next to a discount and a clear, single button.","name":"ecommerce-promo-sections-large-image-split","title":"Large Image Split","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A promo arranged as several cards in columns, each holding its own offer. Presents multiple deals or categories side by side on one store page.","name":"ecommerce-promo-sections-multi-column-cards","title":"Multi Column Cards","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A slim promo banner with a short message and a link. Sits at the top of a store to announce free shipping, a running sale, or a fresh discount code.","name":"ecommerce-promo-sections-simple-banner","title":"Simple Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A promo split into two panels, each holding a separate offer and button. Lets shoppers pick between two competing deals within one store section.","name":"ecommerce-promo-sections-split-offers","title":"Split Offers","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A condensed cart panel listing items, quantities, and a running total in tight space. Fits a header dropdown or a narrow column without crowding the layout.","name":"ecommerce-shopping-cart-compact-cart","title":"Compact Cart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A cart that floats over the page as a small overlay, showing added items and a subtotal. Lets shoppers review picks without leaving the product they browse.","name":"ecommerce-shopping-cart-floating-cart","title":"Floating Cart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A small summary cart with thumbnails, prices, and a checkout button. Pops from a cart icon so shoppers confirm contents fast before moving on to pay.","name":"ecommerce-shopping-cart-mini-cart","title":"Mini Cart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean cart layout with product images, quantity steppers, and an order summary. Suits a full cart page where shoppers review items before checkout.","name":"ecommerce-shopping-cart-modern-cart","title":"Modern Cart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A cart that slides in from the side as a panel over the page, listing items and totals. Keeps shopping in view while customers adjust quantities and pay.","name":"ecommerce-shopping-cart-sidebar-cart","title":"Sidebar Cart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A cart summary pinned to the side as you scroll, holding items, totals, and a checkout button. Keeps payment in reach on long product and listing pages.","name":"ecommerce-shopping-cart-sticky-cart","title":"Sticky Cart","type":"registry:block"},{"dependencies":["radix-ui"],"description":"An origin story in two paragraphs beside a founder pull quote on a muted panel.","name":"marketing-pro-about-sections-about-split-with-quote","title":"About Split With Quote","type":"registry:block"},{"description":"Two paragraphs of company story beside a ruled grid of four numbers with sentence labels.","name":"marketing-pro-about-sections-about-with-stats","title":"About With Stats","type":"registry:block"},{"description":"A muted band of two fund wordmarks above a ruled two column list of six angel operators, closed by a no board seats line.","name":"marketing-pro-about-sections-backers-and-angels","title":"Backers and Angels","type":"registry:block"},{"description":"A split about section pairing narrative copy with a 2x2 grid of oversized stats in hairline ring cards and a muted strip of three milestone years.","name":"marketing-pro-about-sections-by-the-numbers","title":"By the Numbers","type":"registry:block"},{"description":"Narrative copy beside a ruled definition list ledger stating founded date, team, customers, funding, and ownership as plain label and value rows.","name":"marketing-pro-about-sections-company-fact-sheet","title":"Company Fact Sheet","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A first person letter in a narrow reading column with a salutation, three short paragraphs, and a serif signature above the founder portrait.","name":"marketing-pro-about-sections-founder-letter","title":"Founder Letter","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A two column about section pairing founder portraits and an intro with a ruled list of five real customer questions answered in short attributed paragraphs.","name":"marketing-pro-about-sections-founders-qa","title":"Founders Q and A","type":"registry:block"},{"description":"The complete capital ledger including the round not raised and the one declined.","name":"marketing-pro-about-sections-funding-history-list","title":"Funding History List","type":"registry:block"},{"description":"A business model section splitting a labeled revenue mix with hairline percentage bars beside a ruled list of three funding facts.","name":"marketing-pro-about-sections-how-we-make-money","title":"How We Make Money","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Six leaders in a borderless portrait grid, each with a role and the one thing they answer for, plus a flat titles note.","name":"marketing-pro-about-sections-leadership-grid","title":"Leadership Grid","type":"registry:block"},{"description":"Three belief statements set large on a primary band with a dated signature line.","name":"marketing-pro-about-sections-manifesto-dark-band","title":"Manifesto Dark Band","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An about section opening with a mission statement, then four value cards with soft square icons and a quiet attribution line linking to careers.","name":"marketing-pro-about-sections-mission-and-values","title":"Mission and Values","type":"registry:block"},{"description":"One oversized centered mission statement with a single supporting paragraph.","name":"marketing-pro-about-sections-mission-statement-centered","title":"Mission Statement Centered","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Office cards with pin icons, addresses, and a note on what each city does for customers.","name":"marketing-pro-about-sections-offices-list","title":"Offices List","type":"registry:block"},{"description":"Six working rules as cards, each ending with what the principle actually cost.","name":"marketing-pro-about-sections-operating-principles-grid","title":"Operating Principles Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Earned headlines as linked rows with styled text wordmarks for each publication.","name":"marketing-pro-about-sections-press-mentions","title":"Press Mentions","type":"registry:block"},{"description":"Four numbered operating principles in wide ruled rows with full paragraph arguments.","name":"marketing-pro-about-sections-principles-numbered","title":"Principles Numbered","type":"registry:block"},{"description":"The company history as five year marked chapters on a vertical hairline timeline.","name":"marketing-pro-about-sections-story-timeline","title":"Story Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six bordered value cards, each with an icon disc and the working rule the value produces.","name":"marketing-pro-about-sections-values-grid","title":"Values Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two column about section pairing a heading and argument with a ruled list of six firm refusals, each stating the reason it holds.","name":"marketing-pro-about-sections-what-we-dont-do","title":"What We Don't Do","type":"registry:block"},{"description":"An about section laying out five day columns on hairline top rules, each naming its ritual and what it protects, closed by a weekly meeting tally.","name":"marketing-pro-about-sections-working-week","title":"Working Week","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A partner program hero with the terms in one paragraph beside an earnings panel mockup.","name":"marketing-pro-affiliate-sections-affiliate-hero-split","title":"Affiliate Hero Split","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A closing CTA card pairing the apply buttons with a panel listing every application field, why it is asked, and the approval rate.","name":"marketing-pro-affiliate-sections-application-cta-card","title":"Application CTA Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four card grid of partner profiles, each with an icon, fit reason, earnings range, and ramp time, above a note on who to skip.","name":"marketing-pro-affiliate-sections-audience-fit-grid","title":"Audience Fit Grid","type":"registry:block"},{"description":"Four partner tiers with the requirements column programs usually omit.","name":"marketing-pro-affiliate-sections-commission-tiers-table","title":"Commission Tiers Table","type":"registry:block"},{"description":"The four attribution mechanics written out, including the two partner collision case.","name":"marketing-pro-affiliate-sections-how-referrals-work-steps","title":"How Referrals Work Steps","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A two column case study pairing a partner story, quote, and dated milestones with an earnings panel of monthly bars and summary rows.","name":"marketing-pro-affiliate-sections-partner-case-study","title":"Partner Case Study","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Three partner quote cards from different channels, each led by a verified payout figure and closed with avatar attribution.","name":"marketing-pro-affiliate-sections-partner-quotes-grid","title":"Partner Quotes Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four card grid of payout methods, each with an icon, blurb, and rows for minimum, fee, arrival time, and coverage, above a schedule note.","name":"marketing-pro-affiliate-sections-payout-methods-grid","title":"Payout Methods Grid","type":"registry:block"},{"description":"Program payout totals with the honest median and a public on time streak.","name":"marketing-pro-affiliate-sections-payout-stats-band","title":"Payout Stats Band","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Six pre application questions in an accordion beside the heading, with a direct email card promising a one day human reply.","name":"marketing-pro-affiliate-sections-program-faq-accordion","title":"Program FAQ Accordion","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two side by side rule cards listing allowed and prohibited promotion tactics with reasons, closed by a plain enforcement note.","name":"marketing-pro-affiliate-sections-program-rules-split","title":"Program Rules Split","type":"registry:block"},{"description":"A six card grid of ready made promo asset packs, each with a small preview mockup, description, and format meta line.","name":"marketing-pro-affiliate-sections-promo-asset-kit-grid","title":"Promo Asset Kit Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column terms changelog pairing the heading and advance notice promise with a dated list of rate and rule changes, each carrying a tag.","name":"marketing-pro-affiliate-sections-terms-changelog-list","title":"Terms Changelog List","type":"registry:block"},{"description":"A three column table setting six program terms against typical affiliate defaults, with a sourcing note under the table.","name":"marketing-pro-affiliate-sections-terms-comparison-table","title":"Terms Comparison Table","type":"registry:block"},{"description":"The quarterly partner board with earnings by channel type, named only with consent.","name":"marketing-pro-affiliate-sections-top-partners-leaderboard","title":"Top Partners Leaderboard","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two ring framed panels under a centered heading listing what the assistant does and never does, closed by a contractual footnote.","name":"marketing-pro-ai-sections-ai-boundaries-panels","title":"Ai Boundaries Panels","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An AI hero with a chat mockup where the assistant answers with segment sizes and choices made.","name":"marketing-pro-ai-sections-ai-chat-hero","title":"Ai Chat Hero","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A drafting demo that shows the human edits, two corrected lines feeding the workspace voice.","name":"marketing-pro-ai-sections-ai-drafts-demo-split","title":"Ai Drafts Demo Split","type":"registry:block"},{"description":"A measured outcomes band with a centered heading, four ruled stat columns with values, labels, and detail lines, and a methodology footnote.","name":"marketing-pro-ai-sections-ai-outcomes-stats","title":"Ai Outcomes Stats","type":"registry:block"},{"description":"Five AI commitments written plainly, each backed by a mechanism a buyer can verify.","name":"marketing-pro-ai-sections-ai-principles-list","title":"Ai Principles List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A dated model release log with versions, change summaries, category chips, and one rolled back entry under a header with a changelog link.","name":"marketing-pro-ai-sections-ai-release-timeline","title":"Ai Release Timeline","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A split section for skeptical AI questions, heading copy left and an accordion of five blunt answers right, first item opened.","name":"marketing-pro-ai-sections-ai-skeptics-faq","title":"Ai Skeptics Faq","type":"registry:block"},{"description":"Two column split pairing heading copy and three proof points with a cited answer card whose numbered markers resolve to listed source rows.","name":"marketing-pro-ai-sections-citation-trace-split","title":"Citation Trace Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Centered heading over a comparison table whose ruled rows pit a generic chatbot against the built-in assistant, closed by a sourcing footnote.","name":"marketing-pro-ai-sections-copilot-compare-table","title":"Copilot Compare Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Centered heading over a ruled table of six policy rows, each pairing a data commitment with a plain explanation, closed by a DPA link.","name":"marketing-pro-ai-sections-data-governance-table","title":"Data Governance Table","type":"registry:block"},{"dependencies":["recharts"],"description":"Eval pass rates per release as a shadcn line chart, including the regression we published.","name":"marketing-pro-ai-sections-eval-scores-chart","title":"Eval Scores Chart","type":"registry:block"},{"description":"The three gates every AI draft passes, model, checks, human, with no autopilot setting.","name":"marketing-pro-ai-sections-human-review-explainer","title":"Human Review Explainer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six proven prompts as cards with categories, usage counts, and mono opening lines.","name":"marketing-pro-ai-sections-prompt-library-grid","title":"Prompt Library Grid","type":"registry:block"},{"description":"An AI usage panel with per feature bars and a capacity meter that is always full, no metering.","name":"marketing-pro-ai-sections-usage-meter-card","title":"Usage Meter Card","type":"registry:block"},{"description":"Heading and intro above four milestone columns for days 1, 7, 30, and 90, each with a title, note, and a rising voice match meter.","name":"marketing-pro-ai-sections-voice-training-timeline","title":"Voice Training Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Exact sentences from independent research with the firm, report, and date attached.","name":"marketing-pro-awards-sections-analyst-mentions-list","title":"Analyst Mentions List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Split analyst recognition section pairing a drawn quadrant matrix of unnamed vendor dots with ruled report facts and a highlighted placement.","name":"marketing-pro-awards-sections-analyst-quadrant","title":"Analyst Quadrant","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Split spotlight on one flagship award pairing a drawn laurel medallion panel with the verbatim jury citation and ruled judging facts.","name":"marketing-pro-awards-sections-award-spotlight","title":"Award Spotlight","type":"registry:block"},{"description":"Recognition by year as ruled rows, from the first small badge to category leader.","name":"marketing-pro-awards-sections-awards-timeline","title":"Awards Timeline","type":"registry:block"},{"description":"Matrix of review platform badges comparing us with two shortlisted rivals as filled and hollow dots, one badge conceded, totals per column.","name":"marketing-pro-awards-sections-badge-comparison-table","title":"Badge Comparison Table","type":"registry:block"},{"description":"Published review badge thresholds as ruled requirement rows, the bar beside where you stand, met criteria as filled dots, one badge unearned.","name":"marketing-pro-awards-sections-badge-criteria","title":"Badge Criteria","type":"registry:block"},{"description":"Award badges drawn as SVG laurel medallions with names and seasons, no raster assets.","name":"marketing-pro-awards-sections-badge-wall","title":"Badge Wall","type":"registry:block"},{"description":"Current rank across eight product categories as cards with a large position numeral, quarters held, and a movement marker against last cycle.","name":"marketing-pro-awards-sections-category-leader-grid","title":"Category Leader Grid","type":"registry:block"},{"description":"Ruled list of review platform rating axes with paired meter bars comparing your score to the category average, losses included.","name":"marketing-pro-awards-sections-category-ratings-compare","title":"Category Ratings Compare","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Complete ledger of award entries as ruled rows with year, award, outcome badge, and a lesson note, losses listed beside the wins.","name":"marketing-pro-awards-sections-entry-ledger","title":"Entry Ledger","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A grid of profile cards for the independent award judges, each with a portrait, an affiliation, the criterion scored, and one scoring note.","name":"marketing-pro-awards-sections-jury-panel","title":"Jury Panel","type":"registry:block"},{"dependencies":["recharts"],"description":"The full star distribution as a horizontal shadcn bar chart, one star reviews included.","name":"marketing-pro-awards-sections-rating-breakdown-chart","title":"Rating Breakdown Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"An eight quarter line chart of the average review score against the category average, with a three stat summary row beneath.","name":"marketing-pro-awards-sections-rating-trend-chart","title":"Rating Trend Chart","type":"registry:block"},{"description":"Four ruled stat columns counting badges held, Leader quarters, verified reviews, and first place categories, with a quarterly recount footnote.","name":"marketing-pro-awards-sections-recognition-stats","title":"Recognition Stats","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Ratings from four review platforms as drawn medallions with stars and verified counts.","name":"marketing-pro-awards-sections-review-scores-band","title":"Review Scores Band","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six lines lifted from verified reviews with star rows, one four star kept on purpose.","name":"marketing-pro-awards-sections-reviewer-quotes-grid","title":"Reviewer Quotes Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A slim muted strip with a highlighted lead word, one sentence of news, and an arrow link.","name":"marketing-pro-banners-announcement-bar","title":"Announcement Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A smart app style strip with a rounded app icon, the name over a star rating and review count, a get the app button, and dismiss.","name":"marketing-pro-banners-app-download-banner","title":"App Download Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bottom pinned consent card with plain language copy and equal weight accept choices.","name":"marketing-pro-banners-bottom-docked-banner","title":"Bottom Docked Banner","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A bordered event band with the launch date, a day, hour, and minute countdown readout, and a register button.","name":"marketing-pro-banners-countdown-banner","title":"Countdown Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim dismissible top of page bar on a primary background with an uppercase New tag, a one sentence message, an arrow link, and an X button.","name":"marketing-pro-banners-dismissible-announcement-bar","title":"Dismissible Announcement Bar","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A full width muted band with a newsletter invitation beside a labeled email form, a subscribe button, and a one line privacy note.","name":"marketing-pro-banners-email-capture-banner","title":"Email Capture Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A rounded muted row pairing a one question rating prompt and helper line with a five point scale bracketed by low and high labels.","name":"marketing-pro-banners-feedback-banner","title":"Feedback Banner","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A bordered card strip pairing two product marks joined by a plus with a bold announcement lead and an arrow link to the integration.","name":"marketing-pro-banners-integration-banner","title":"Integration Banner","type":"registry:block"},{"description":"A pill banner with the most recent join, its city, and the day count, wired or nothing.","name":"marketing-pro-banners-live-signups-banner","title":"Live Signups Banner","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A primary colored offer strip with a bolded discount, plain deadline, and compact button.","name":"marketing-pro-banners-promo-band-with-cta","title":"Promo Band With Cta","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A muted row with a gift icon square, a give and get lead with reward terms, a mono referral link field, and a copy button.","name":"marketing-pro-banners-referral-banner","title":"Referral Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bordered card row pairing a globe icon and detected location lead with a primary switch button beside a quiet stay option.","name":"marketing-pro-banners-region-banner","title":"Region Banner","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A seasonal sale band with the discount at display size, honest terms, and a secondary button.","name":"marketing-pro-banners-sale-banner-dark","title":"Sale Banner Dark","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A calm maintenance strip with exact UTC times and the impact answered in one sentence.","name":"marketing-pro-banners-scheduled-maintenance-banner","title":"Scheduled Maintenance Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A changelog style card strip with a version badge, feature line, release link, and dismiss.","name":"marketing-pro-banners-update-banner-with-badge","title":"Update Banner With Badge","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An inline muted banner row with a Sparkles icon square, a semibold plan lead with muted benefits, a rounded Upgrade button, and a See plans link.","name":"marketing-pro-banners-upgrade-banner","title":"Upgrade Banner","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A bordered card band pairing an overlapping speaker avatar stack and session title with a seats remaining note and a register button.","name":"marketing-pro-banners-webinar-banner","title":"Webinar Banner","type":"registry:block"},{"description":"Month zero against month three as paired bars, churned teams counted, not survivors.","name":"marketing-pro-benchmarks-sections-before-after-bars","title":"Before After Bars","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A report download band trading the itemized PDF for an email.","name":"marketing-pro-benchmarks-sections-benchmark-cta-band","title":"Benchmark Cta Band","type":"registry:block"},{"description":"Benchmark metrics by company size with the reader band highlighted.","name":"marketing-pro-benchmarks-sections-benchmark-table-compact","title":"Benchmark Table Compact","type":"registry:block"},{"dependencies":["recharts"],"description":"Five years of the median and top decile as a shadcn line chart, the case against comparing to stale numbers.","name":"marketing-pro-benchmarks-sections-benchmark-trend-line","title":"Benchmark Trend Line","type":"registry:block"},{"dependencies":["recharts"],"description":"The full account distribution as a shadcn area curve with a marked median.","name":"marketing-pro-benchmarks-sections-distribution-curve","title":"Distribution Curve","type":"registry:block"},{"description":"Median conversion per funnel step as bars with top decile ticks, counting rules per row, and the weakest step named.","name":"marketing-pro-benchmarks-sections-funnel-drop-off","title":"Funnel Drop Off","type":"registry:block"},{"dependencies":["recharts"],"description":"Median and top decile open rates by industry as grouped shadcn bars with counting rules.","name":"marketing-pro-benchmarks-sections-industry-benchmark-bars","title":"Industry Benchmark Bars","type":"registry:block"},{"description":"Executive summary listing numbered findings as divided rows, each pairing a headline stat and label with a title and a two sentence read.","name":"marketing-pro-benchmarks-sections-key-findings-list","title":"Key Findings List","type":"registry:block"},{"description":"The methods section on the page, sample, definitions, exclusions, and named bias.","name":"marketing-pro-benchmarks-sections-methodology-note","title":"Methodology Note","type":"registry:block"},{"description":"Median, quartile, and decile threshold cards with mini position scales and verdict notes.","name":"marketing-pro-benchmarks-sections-percentile-callouts","title":"Percentile Callouts","type":"registry:block"},{"description":"Split section pairing an inline SVG scatter of accounts, split into four quadrants by median crosshairs, with a labeled list naming each quadrant.","name":"marketing-pro-benchmarks-sections-quadrant-scatter","title":"Quadrant Scatter","type":"registry:block"},{"description":"Benchmark section showing each segment as a horizontal p25 to p75 range on a shared axis, with a median dot and top decile tick.","name":"marketing-pro-benchmarks-sections-quartile-range-bands","title":"Quartile Range Bands","type":"registry:block"},{"dependencies":["radix-ui"],"description":"An interactive slider placing the reader's open rate in a percentile band, with cut points listed and a verdict card.","name":"marketing-pro-benchmarks-sections-rank-yourself-slider","title":"Rank Yourself Slider","type":"registry:block"},{"description":"Median open rate by send day and hour as a token opacity heatmap grid, with peak, trough, and a legend.","name":"marketing-pro-benchmarks-sections-send-time-heatmap","title":"Send Time Heatmap","type":"registry:block"},{"dependencies":["recharts"],"description":"Ranked survey answers as horizontal shadcn bars with sample size in the footnote.","name":"marketing-pro-benchmarks-sections-survey-results-bars","title":"Survey Results Bars","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Reference table listing each headline metric with last year, this year, a signed change chip, and a one line note on what moved it.","name":"marketing-pro-benchmarks-sections-yoy-shift-table","title":"Year Over Year Shift Table","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A writer with a beat and credential bio beside their three most read pieces.","name":"marketing-pro-blog-sections-author-spotlight-row","title":"Author Spotlight Row","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three post cards with placeholder covers, category badges, excerpts, and read times.","name":"marketing-pro-blog-sections-blog-cards-grid","title":"Blog Cards Grid","type":"registry:block"},{"description":"A centered heading and lede sit above a row of category filter pills, then a three column grid of six hairline topped text posts with meta.","name":"marketing-pro-blog-sections-category-filter-grid","title":"Category Filter Grid","type":"registry:block"},{"description":"A start here section walking new readers through five foundational posts on a numbered rail with read times and why it matters lines.","name":"marketing-pro-blog-sections-curated-reading-path","title":"Curated Reading Path","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A magazine front page row pairing one large feature card with two stacked compact posts.","name":"marketing-pro-blog-sections-editorial-feature-row","title":"Editorial Feature Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered blog header above five hairline separated editorial rows with dates, titles, excerpts, and category badges, closed by an archive button.","name":"marketing-pro-blog-sections-editorial-list","title":"Editorial List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One flagship post with a wide cover, standfirst, author line, and read link.","name":"marketing-pro-blog-sections-featured-post-split","title":"Featured Post Split","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A blog split with a view all header link, one large featured post with an author byline, and a hairline divided stack of three compact posts.","name":"marketing-pro-blog-sections-featured-post-with-list","title":"Featured Post With List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A left aligned heading and lede lead into three month sections, each pairing a month label and count with a hairline divided list of dated posts.","name":"marketing-pro-blog-sections-monthly-archive-groups","title":"Monthly Archive Groups","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A sticky subscribe panel with a labeled email form beside a hairline divided ledger of five past issues with numbers, dates, and teasers.","name":"marketing-pro-blog-sections-newsletter-archive-split","title":"Newsletter Archive Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A text only post ledger of dated, ruled rows with categories and hover arrows.","name":"marketing-pro-blog-sections-posts-list-minimal","title":"Posts List Minimal","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An editorial post list beside a sticky sidebar of category counts and most read titles.","name":"marketing-pro-blog-sections-posts-with-sidebar","title":"Posts With Sidebar","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A centered heading and lede over three bordered cards, each opening with a quote glyph and pull quote above a footer with source and byline.","name":"marketing-pro-blog-sections-pull-quote-cards","title":"Pull Quote Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three multi part series as cards with part counts, read times, and honest statuses.","name":"marketing-pro-blog-sections-series-collection-cards","title":"Series Collection Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A browse by topic directory of six hairline topped tiles, each with an icon chip, mono post count, topic name, and one line description.","name":"marketing-pro-blog-sections-topic-hub-tiles","title":"Topic Hub Tiles","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column contributor pitch: the left stacks a heading, lede, and commissioned topics, the right a panel with numbered steps, perks, and a button.","name":"marketing-pro-blog-sections-write-for-us-split","title":"Write For Us Split","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A meet the writers grid of four author columns with illustrated avatars, beats, one line bios, post counts, and read links.","name":"marketing-pro-blog-sections-writers-grid","title":"Writers Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Audience and conversion sliders projecting commission, assumptions printed below.","name":"marketing-pro-calculators-affiliate-earnings-calculator","title":"Affiliate Earnings Calculator","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A monthly or annual toggle with a seat slider, both yearly totals side by side and the annual saving printed.","name":"marketing-pro-calculators-annual-billing-toggle","title":"Annual Billing Toggle","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Engineer and month sliders price an in house build against a flat subscription, compared as proportional bars with a verdict.","name":"marketing-pro-calculators-build-vs-buy-calculator","title":"Build Vs Buy Calculator","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Revenue and churn sliders feed a three stat strip of monthly loss, yearly loss, and what one point less churn keeps.","name":"marketing-pro-calculators-churn-impact-calculator","title":"Churn Impact Calculator","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two column cost per lead calculator with spend and lead sliders beside a big CPL figure, a banded benchmark scale with marker, and a verdict.","name":"marketing-pro-calculators-cpl-benchmark-calculator","title":"CPL Benchmark Calculator","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered downtime calculator with one revenue slider that reprices a selectable SLA tier table and prints a yearly savings verdict line.","name":"marketing-pro-calculators-downtime-cost-calculator","title":"Downtime Cost Calculator","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A volume slider against public rate bands with the computed monthly price.","name":"marketing-pro-calculators-email-volume-calculator","title":"Email Volume Calculator","type":"registry:block"},{"dependencies":["radix-ui"],"description":"One traffic slider runs a four stage funnel at printed median rates, ending in projected new monthly revenue.","name":"marketing-pro-calculators-funnel-projection-calculator","title":"Funnel Projection Calculator","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Three sliders driving lifetime value with the formula printed under the result.","name":"marketing-pro-calculators-ltv-calculator","title":"Ltv Calculator","type":"registry:block"},{"description":"A worked payback example line by line, the calculator with the answer filled in.","name":"marketing-pro-calculators-payback-summary-static","title":"Payback Summary Static","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two sliders for team and hours driving live yearly savings with printed assumptions.","name":"marketing-pro-calculators-roi-calculator","title":"Roi Calculator","type":"registry:block"},{"dependencies":["radix-ui"],"description":"One slider for tool count driving monthly and yearly consolidation savings.","name":"marketing-pro-calculators-savings-slider","title":"Savings Slider","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A stepper that picks the right plan from headcount with visible tier boundaries.","name":"marketing-pro-calculators-team-size-estimator","title":"Team Size Estimator","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Centered A/B test duration calculator with three sliders feeding a big day count, a six week calendar grid, and a plain verdict line.","name":"marketing-pro-calculators-test-duration-calculator","title":"Test Duration Calculator","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two column pricing estimator with seat and project steppers and add on switches beside a live itemized receipt that totals your monthly cost.","name":"marketing-pro-calculators-usage-cost-estimator","title":"Usage Cost Estimator","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six benefit cards where every sentence commits to a number, policy, or default.","name":"marketing-pro-careers-sections-benefits-grid","title":"Benefits Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A careers benefits section with a centered header, six icon led perks in a three by two grid, and a rounded button pointing to open roles.","name":"marketing-pro-careers-sections-benefits-icon-grid","title":"Benefits Icon Grid","type":"registry:block"},{"description":"A centered header above two bordered track panels for IC and management ladders, ruled level rows, a crossover note, and a promotion cycle strip.","name":"marketing-pro-careers-sections-career-ladder","title":"Career Ladder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A compact banner with overlapping avatars, an invitation line, and an open roles count.","name":"marketing-pro-careers-sections-careers-cta-banner","title":"Careers Cta Banner","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Candidate questions in an accordion beside heading copy and a contact card promising a reply within two working days.","name":"marketing-pro-careers-sections-careers-faq","title":"Careers FAQ","type":"registry:block"},{"description":"Pay transparency principles beside a salary band table with levels and ranges.","name":"marketing-pro-careers-sections-compensation-principles","title":"Compensation Principles","type":"registry:block"},{"description":"Culture framed as working agreements beside four numbered rules with enforcement notes.","name":"marketing-pro-careers-sections-culture-values-split","title":"Culture Values Split","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A two column layout with heading copy and an employee card of avatar, role, and facts beside a vertical timeline of one real workday.","name":"marketing-pro-careers-sections-day-in-the-life","title":"Day in the Life","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered header above two bordered program cards for internship and graduate paths, each with a summary, ruled detail rows, and an apply button.","name":"marketing-pro-careers-sections-early-careers","title":"Early Careers","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Three employee quote cards with avatars and tenure lines confirming culture claims.","name":"marketing-pro-careers-sections-employee-quotes","title":"Employee Quotes","type":"registry:block"},{"description":"A hiring process section with four numbered steps joined by hairlines, per step durations, and a muted accommodations strip with a contact link.","name":"marketing-pro-careers-sections-hiring-journey","title":"Hiring Journey","type":"registry:block"},{"description":"Four connected hiring stages with promised durations and no ghosting commitments.","name":"marketing-pro-careers-sections-hiring-process-steps","title":"Hiring Process Steps","type":"registry:block"},{"description":"What each interview stage assesses and how to prepare, the rubric published.","name":"marketing-pro-careers-sections-interview-prep-list","title":"Interview Prep List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three timeframe cards mapping the first ninety days with checklists, ruled outcome lines, and an onboarding buddy note.","name":"marketing-pro-careers-sections-onboarding-plan","title":"Onboarding Plan","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A header row with a view all button, role rows grouped by team with location and type badges, and a speculative application note.","name":"marketing-pro-careers-sections-open-roles","title":"Open Roles","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Ruled rows of open roles with team badges, honest locations, and a reply time promise.","name":"marketing-pro-careers-sections-open-roles-list","title":"Open Roles List","type":"registry:block"},{"description":"Four ruled retention and tenure stats with one line explanations under a centered header, closed by a source note.","name":"marketing-pro-careers-sections-people-stats","title":"People Stats","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A public referral bounty split with the candidate, open beyond employees.","name":"marketing-pro-careers-sections-referral-program-card","title":"Referral Program Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Openings grouped under department headers with live counts and ruled role rows.","name":"marketing-pro-careers-sections-roles-by-department","title":"Roles By Department","type":"registry:block"},{"description":"Published compensation by level with the midpoint offer rule and equity columns.","name":"marketing-pro-careers-sections-salary-bands-table","title":"Salary Bands Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Heading copy with three icon led contact promises beside a bordered signup card with an email field, a team interest checklist, and a join button.","name":"marketing-pro-careers-sections-talent-network","title":"Talent Network","type":"registry:block"},{"description":"Three office hub cards with working day, teams, and open role rows above a remote strip listing every hiring country.","name":"marketing-pro-careers-sections-where-we-work","title":"Where We Work","type":"registry:block"},{"description":"Anonymized result rows for reference shy industries, with NDA references offered.","name":"marketing-pro-case-studies-anonymous-results-compact","title":"Anonymous Results Compact","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A customer story told as two side by side panels contrasting the week before and after, closing with a row of three headline numbers.","name":"marketing-pro-case-studies-before-after-panels","title":"Before After Panels","type":"registry:block"},{"description":"One customer story told across three divided columns covering the challenge, the solution steps, and a stacked results metric list.","name":"marketing-pro-case-studies-challenge-solution-results","title":"Challenge Solution Results","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Featured story in a solid primary panel with inverted wordmark, summary, and three metrics.","name":"marketing-pro-case-studies-dark-panel-feature","title":"Dark Panel Feature","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered heading over a story card pairing narrative and quote with a rail of three metrics.","name":"marketing-pro-case-studies-featured-story","title":"Featured Story","type":"registry:block"},{"dependencies":["lucide-react"],"description":"One customer story told in full inside a featured card, beside a compact divided list of four more stories, each a wordmark and its number.","name":"marketing-pro-case-studies-featured-with-list","title":"Featured With List","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A case study card led by a twelve month line chart with milestone markers and a story row below.","name":"marketing-pro-case-studies-growth-chart-story","title":"Growth Chart Story","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Industry tabs where each panel shows one story card with metrics and a customer quote.","name":"marketing-pro-case-studies-industry-tabs","title":"Industry Tabs","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A case study told as an interview, with the customer intro and headline numbers beside four question and answer exchanges.","name":"marketing-pro-case-studies-interview-story","title":"Interview Story","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Stacked divided rows pairing a wordmark and outcome with a bold metric and story link.","name":"marketing-pro-case-studies-logo-rows-with-results","title":"Logo Rows With Results","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Company narrative beside a divided stat rail with a wide customer quote underneath.","name":"marketing-pro-case-studies-metrics-spotlight","title":"Metrics Spotlight","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four compact customer cards with wordmarks, one headline number, and story links.","name":"marketing-pro-case-studies-mini-results-grid","title":"Mini Results Grid","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Oversized opening quote above a three stat row and two short narrative paragraphs.","name":"marketing-pro-case-studies-quote-led-story","title":"Quote Led Story","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A large customer quote beside a panel of three donut rings showing percentage outcomes.","name":"marketing-pro-case-studies-quote-with-radial-stats","title":"Quote With Radial Stats","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Clean table of customers, industries, results, and time to value with CTA buttons below.","name":"marketing-pro-case-studies-results-table","title":"Results Table","type":"registry:block"},{"dependencies":["radix-ui","recharts"],"description":"A case study with the customer indexed series as a hoverable shadcn area chart.","name":"marketing-pro-case-studies-results-with-area-chart","title":"Results With Area Chart","type":"registry:block"},{"description":"Three customers reduced to invested, returned, and payback period, finance memo style.","name":"marketing-pro-case-studies-roi-summary-cards","title":"Roi Summary Cards","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A finance first story and quote beside an itemized annual savings statement card whose line items add up to one bold yearly total.","name":"marketing-pro-case-studies-savings-breakdown","title":"Savings Breakdown","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Two paragraph story beside a right rail holding a quote card and two key stats.","name":"marketing-pro-case-studies-split-with-quote","title":"Split With Quote","type":"registry:block"},{"dependencies":["radix-ui"],"description":"One rollout narrated through three quote cards with avatars for marketing, operations, and finance, over a shared row of results each team measured.","name":"marketing-pro-case-studies-stakeholder-voices","title":"Stakeholder Voices","type":"registry:block"},{"description":"A narrative case study interrupted twice by ruled display size stat callouts.","name":"marketing-pro-case-studies-stat-callout-story","title":"Stat Callout Story","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Four customer stories in a bordered accordion where each trigger pairs a wordmark with a metric chip and opens to a summary and stats.","name":"marketing-pro-case-studies-story-accordion","title":"Story Accordion","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Horizontally scrollable snap row of story cards with wordmarks, metrics, and summaries.","name":"marketing-pro-case-studies-story-carousel","title":"Story Carousel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three story cards each showing a wordmark, a bold result, a summary, and a read link.","name":"marketing-pro-case-studies-story-grid","title":"Story Grid","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A customer narrative and quote beside grouped bars comparing three metrics before and after Acme.","name":"marketing-pro-case-studies-story-with-before-after-chart","title":"Story With Before After Chart","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A narrative case study and checklist of changes beside an at a glance fact sheet card that closes with two results.","name":"marketing-pro-case-studies-story-with-fact-sheet","title":"Story With Fact Sheet","type":"registry:block"},{"description":"A rollout told as a vertical timeline with a metric chip per milestone and a closing results band.","name":"marketing-pro-case-studies-timeline-with-metrics","title":"Timeline With Metrics","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three customer films with posters, durations, and the one number each story turns on.","name":"marketing-pro-case-studies-video-case-row","title":"Video Case Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Monthly scorecards with change type counts, the headline ship, and line item links.","name":"marketing-pro-changelog-sections-changelog-cards-monthly","title":"Changelog Cards Monthly","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A dated changelog behind working filter tabs that narrow one list of entries to new features, improvements, or fixes.","name":"marketing-pro-changelog-sections-changelog-filter-tabs","title":"Changelog Filter Tabs","type":"registry:block"},{"description":"Release entries down a hairline rail with dates, version chips, and outcome sentences.","name":"marketing-pro-changelog-sections-changelog-list-dated","title":"Changelog List Dated","type":"registry:block"},{"description":"A two column changelog archive: a sticky month index with entry counts beside releases grouped under month headings, each pairing a version chip with a title.","name":"marketing-pro-changelog-sections-changelog-sticky-months","title":"Changelog Sticky Months","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A changelog subscription split with copy, a three point benefit list, and a labeled email form beside a mockup of the release digest email itself.","name":"marketing-pro-changelog-sections-changelog-subscribe-split","title":"Changelog Subscribe Split","type":"registry:block"},{"description":"Dated releases where every line carries a New, Improved, or Fixed chip.","name":"marketing-pro-changelog-sections-changelog-with-tags","title":"Changelog With Tags","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Retirements with dates, reasons, and migration paths, plus the rumor stopping non removal.","name":"marketing-pro-changelog-sections-deprecations-notice-list","title":"Deprecations Notice List","type":"registry:block"},{"description":"A dense patch table listing version, date, a type chip, and a one line summary per row, closed by a note on the versioning policy.","name":"marketing-pro-changelog-sections-patch-notes-table","title":"Patch Notes Table","type":"registry:block"},{"dependencies":["recharts"],"description":"Shipped changes per month as stacked shadcn bars split into features and fixes.","name":"marketing-pro-changelog-sections-release-cadence-chart","title":"Release Cadence Chart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A changelog with a centered header, a subscribe link, and stacked release cards carrying version badges, dates, and grouped change bullets.","name":"marketing-pro-changelog-sections-release-cards","title":"Release Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The headline feature of a release with copy and CTAs beside a mini app mockup.","name":"marketing-pro-changelog-sections-release-highlights-split","title":"Release Highlights Split","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Releases in a single open accordion where each trigger pairs a version chip, date, and title with grouped change bullets.","name":"marketing-pro-changelog-sections-release-notes-accordion","title":"Release Notes Accordion","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A single release in three columns: a version header and lede above New, Improved, and Fixed cards that list changes with per column counts.","name":"marketing-pro-changelog-sections-release-notes-columns","title":"Release Notes Columns","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Shipped changes as cards crediting the customers who asked, each footer stacking requester avatars beside the request count.","name":"marketing-pro-changelog-sections-requested-and-shipped","title":"Requested And Shipped","type":"registry:block"},{"description":"Three shipping cadence stats beside a sparkline of releases per month.","name":"marketing-pro-changelog-sections-shipping-velocity-stats","title":"Shipping Velocity Stats","type":"registry:block"},{"description":"A three column table putting the previous major version beside the current one, capability by capability, with a migration guide link.","name":"marketing-pro-changelog-sections-version-compare-table","title":"Version Compare Table","type":"registry:block"},{"description":"Version dots along a horizontal line with dates and titles, the latest haloed.","name":"marketing-pro-changelog-sections-version-timeline-horizontal","title":"Version Timeline Horizontal","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A clickable row with the latest release, a version chip, and a changelog link.","name":"marketing-pro-changelog-sections-whats-new-banner","title":"Whats New Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A monthly call pitch with hosts beside the next three dated topics and a series button.","name":"marketing-pro-community-sections-community-calls-split","title":"Community Calls Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three doors into the community, forum, calls, and digest, with activity facts.","name":"marketing-pro-community-sections-community-channels-cards","title":"Community Channels Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Moderation stats and a full charter link beside four numbered house rules in a divided card.","name":"marketing-pro-community-sections-community-guidelines-split","title":"Community Guidelines Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A member arc quote with tenure attribution beside an ungated join button.","name":"marketing-pro-community-sections-community-quote-band","title":"Community Quote Band","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Overlapping member avatars and an invitation beside reply speed stats and a join button.","name":"marketing-pro-community-sections-community-stats-banner","title":"Community Stats Banner","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Top contributor cards with answer counts above an avatar wall and a breadth stat.","name":"marketing-pro-community-sections-contributor-grid","title":"Contributor Grid","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Live forum thread rows with avatars, tags, reply counts, and an active now chip.","name":"marketing-pro-community-sections-discussion-preview-list","title":"Discussion Preview List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A seven day onboarding path in four numbered steps with day labels, closed by a join button and note.","name":"marketing-pro-community-sections-first-week-steps","title":"First Week Steps","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column layout pairing reassurance copy and a join button with an accordion of five pre join questions, the first answer opened by default.","name":"marketing-pro-community-sections-join-faq-accordion","title":"Join FAQ Accordion","type":"registry:block"},{"dependencies":["radix-ui"],"description":"The quarterly contributor board with points, streaks, and published stakes.","name":"marketing-pro-community-sections-leaderboard-table","title":"Leaderboard Table","type":"registry:block"},{"description":"City chapters with next dates, named organizers, and a dashed your city card.","name":"marketing-pro-community-sections-meetups-city-grid","title":"Meetups City Grid","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Member built template cards with type chips, author avatars, and download counts under a browse all link.","name":"marketing-pro-community-sections-member-resources-grid","title":"Member Resources Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered heading over a table style card of four earned member roles, each with member counts, how it is earned, and what it unlocks.","name":"marketing-pro-community-sections-member-roles-ladder","title":"Member Roles Ladder","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A split card pairing a profile rail of portrait, role, and membership facts with a three question interview and a past spotlights link.","name":"marketing-pro-community-sections-member-spotlight","title":"Member Spotlight","type":"registry:block"},{"description":"Four dated community milestones on a marker line, each with a year, a title, and one concrete fact.","name":"marketing-pro-community-sections-milestones-timeline","title":"Milestones Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column layout pairing answer speed stats and an ask button with a static solved thread, its accepted answer highlighted over a reply.","name":"marketing-pro-community-sections-solved-thread-showcase","title":"Solved Thread Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three cards positioning the product as the alternative to spreadsheets, email, and suites.","name":"marketing-pro-comparison-sections-alternative-cards","title":"Alternative Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Before and after cards listing the same workflow as crossed off pains and checked wins.","name":"marketing-pro-comparison-sections-before-after","title":"Before and After","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A left aligned header over a stacked list of competitor claims, each quoted with a verdict badge and source, then answered in plain text.","name":"marketing-pro-comparison-sections-claim-check","title":"Claim Check","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered header over a grid of versus cards, each pairing your product and a competitor with a category, a verdict, and a read link.","name":"marketing-pro-comparison-sections-comparison-hub","title":"Comparison Hub","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Compact five row comparison table beside a quote card from a customer who switched.","name":"marketing-pro-comparison-sections-comparison-with-quote","title":"Comparison with Quote","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Feature table comparing the product against two competitors with check, partial, and no marks.","name":"marketing-pro-comparison-sections-competitor-table","title":"Competitor Table","type":"registry:block"},{"description":"Two stacked bars totaling an old tool stack against one shorter Acme bar with an itemized legend.","name":"marketing-pro-comparison-sections-cost-breakdown-bars","title":"Cost Breakdown Bars","type":"registry:block"},{"dependencies":["recharts"],"description":"All in yearly cost against two competitors as grouped shadcn bars with the method owned.","name":"marketing-pro-comparison-sections-cost-comparison-chart","title":"Cost Comparison Chart","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Stacked full width rows comparing Them and Us copy across four buying dimensions.","name":"marketing-pro-comparison-sections-dimension-rows","title":"Dimension Rows","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two column checklist table comparing features and pricing against a single competitor.","name":"marketing-pro-comparison-sections-feature-checklist-table","title":"Feature Checklist Table","type":"registry:block"},{"description":"Capabilities rated with dot scales instead of checkmarks, one row conceded on purpose.","name":"marketing-pro-comparison-sections-feature-depth-matrix","title":"Feature Depth Matrix","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two numbered columns comparing the same task, nine steps beside three, each led by a step count and time, with a card explaining the gap.","name":"marketing-pro-comparison-sections-fewer-steps","title":"Fewer Steps","type":"registry:block"},{"description":"Four dimensions compared as paired horizontal bars for Acme and a typical alternative.","name":"marketing-pro-comparison-sections-grouped-bar-comparison","title":"Grouped Bar Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered pill tabs switch between competitors, each pane pairing a verdict and three checked differences with a two by two grid of outcome stat tiles.","name":"marketing-pro-comparison-sections-head-to-head-tabs","title":"Head To Head Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A left rail argues the switch is easy with migration stats and two buttons, beside a card listing what carries over from the old tool.","name":"marketing-pro-comparison-sections-migration-coverage","title":"Migration Coverage","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Editorial split contrasting a muted old way list with a confident checked new way list.","name":"marketing-pro-comparison-sections-old-way-new-way","title":"Old Way New Way","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two SVG curves diverging over six quarters, teams on Acme rising while the status quo stays flat.","name":"marketing-pro-comparison-sections-performance-curves","title":"Performance Curves","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three stacked mapping rows pair each competitor plan with its matching plan on your side, an arrow chip between them and a yearly savings badge.","name":"marketing-pro-comparison-sections-plan-match","title":"Plan Match","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An honest fit assessment with a good fit card beside real disqualifiers and a referral.","name":"marketing-pro-comparison-sections-pros-and-cons-split","title":"Pros And Cons Split","type":"registry:block"},{"dependencies":["recharts"],"description":"A self drawn market quadrant as a shadcn scatter with the methodology owned in the footnote.","name":"marketing-pro-comparison-sections-quadrant-position-chart","title":"Quadrant Position Chart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two changelog columns side by side, each led by a release count over a dated feed, a busy product feed beside a sparse rival.","name":"marketing-pro-comparison-sections-release-velocity","title":"Release Velocity","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A rounded table scores three products across independent review platforms, each cell pairing a rating with a five star meter above an averages row.","name":"marketing-pro-comparison-sections-review-scores","title":"Review Scores","type":"registry:block"},{"description":"Four scored dimensions as ring gauges with industry averages and a source caption.","name":"marketing-pro-comparison-sections-score-ring-cards","title":"Score Ring Cards","type":"registry:block"},{"description":"Two window mockups contrasting a cluttered generic tool with the calm product, captioned.","name":"marketing-pro-comparison-sections-side-by-side-mockups","title":"Side by Side Mockups","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Migration banner card with a heading, one call to action, and three checked steps below.","name":"marketing-pro-comparison-sections-switch-banner","title":"Switch Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A why teams switch section with three icon reason cards ending in highlighted stats, plus a guarantee strip with a migration guide button.","name":"marketing-pro-comparison-sections-switch-reasons","title":"Switch Reasons","type":"registry:block"},{"description":"Four evaluation accounts, each tagged with the factor that settled the decision.","name":"marketing-pro-comparison-sections-switching-stories-list","title":"Switching Stories List","type":"registry:block"},{"description":"A total cost table with stack and Acme columns, a totals row, and named assumptions.","name":"marketing-pro-comparison-sections-tco-table","title":"Tco Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Divided two column list pairing checked product strengths with crossed out competitor gaps.","name":"marketing-pro-comparison-sections-us-vs-them-split","title":"Us vs Them Split","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A product versus legacy tools comparison with two matched criteria cards, a subtly emphasized product side, and a closing CTA with a migration link.","name":"marketing-pro-comparison-sections-vs-competitor","title":"Vs Competitor","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two column split pairing a pitch with three numbered steps and a phone line beside a form card collecting name, phone, topic, and preferred time.","name":"marketing-pro-contact-sections-callback-request-form","title":"Callback Request Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A formless contact section with the email address itself at display size as a mailto link.","name":"marketing-pro-contact-sections-centered-email-cta","title":"Centered Email Cta","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three contact channel cards with icons, response promises, and action links for routing by intent.","name":"marketing-pro-contact-sections-channel-cards","title":"Channel Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A reassuring pitch with reply time facts beside a bordered name, email, and message form.","name":"marketing-pro-contact-sections-contact-split-form","title":"Contact Split Form","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Channel rows with live open chips beside a staffed hours card and a handoff note.","name":"marketing-pro-contact-sections-contact-with-hours","title":"Contact With Hours","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Heading and lede above a four column grid of named people cards, each with an avatar, role, scope, direct email, and reply promise.","name":"marketing-pro-contact-sections-direct-team-contacts","title":"Direct Team Contacts","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered heading and lede above a two column split pairing an accordion of common questions with a contact card and direct inbox list.","name":"marketing-pro-contact-sections-faq-with-contact-card","title":"FAQ With Contact Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split contact section pairing intro copy, three contact channel rows, and office hours with a card based message form and privacy note.","name":"marketing-pro-contact-sections-form-with-channels","title":"Form With Channels","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A contact form beside an abstract dot grid map with labeled office pins and a coverage caption.","name":"marketing-pro-contact-sections-form-with-map-mockup","title":"Form With Map Mockup","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Regional office cards with addresses, local inboxes, and working hours per timezone.","name":"marketing-pro-contact-sections-offices-grid","title":"Offices Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered header over three office cards with region labels, addresses, timezones, and email links, closed by a remote friendly note.","name":"marketing-pro-contact-sections-offices-list","title":"Offices List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered heading and lede above a brief form card with name, email, company, and budget fields, a service checkbox grid, and a project textarea.","name":"marketing-pro-contact-sections-project-inquiry-form","title":"Project Inquiry Form","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three offices with addresses, honest local hours, and the one channel each answers.","name":"marketing-pro-contact-sections-regional-offices-grid","title":"Regional Offices Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One panel split into sales and support doors, each with expectation bullets and its own CTA.","name":"marketing-pro-contact-sections-sales-vs-support-split","title":"Sales Vs Support Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered contact header above three channel cards for sales, support, and community, each with an arrow link and a median response time.","name":"marketing-pro-contact-sections-support-channels","title":"Support Channels","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Live support queue stats beside the start a conversation card.","name":"marketing-pro-contact-sections-support-stats-contact","title":"Support Stats Contact","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A long read opener with an author byline, reading meta, a bordered short version panel summarizing the argument, then the opening paragraphs.","name":"marketing-pro-content-sections-article-with-tldr","title":"Article With TLDR","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six checked commitments pairing enforceable rules with the practices behind them.","name":"marketing-pro-content-sections-checklist-manifesto","title":"Checklist Manifesto","type":"registry:block"},{"description":"Long form prose beside a sticky mini table of contents with an active item.","name":"marketing-pro-content-sections-content-with-toc-sidebar","title":"Content With Toc Sidebar","type":"registry:block"},{"description":"A working glossary of term and definition rows where the second sentence differentiates.","name":"marketing-pro-content-sections-definition-list-section","title":"Definition List Section","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six glossary terms defined in two sentences each, the second one with a stance.","name":"marketing-pro-content-sections-glossary-preview-list","title":"Glossary Preview List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An oversized research finding with a sourced leadline and one evidence link.","name":"marketing-pro-content-sections-headline-with-leadline","title":"Headline With Leadline","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A short founder letter that names the catch, signed with an avatar and a real email.","name":"marketing-pro-content-sections-letter-from-founder","title":"Letter From Founder","type":"registry:block"},{"description":"A myth versus evidence section of hairline divided rows pairing a popular belief on the left with what the measured data shows on the right.","name":"marketing-pro-content-sections-myth-fact-rows","title":"Myth Fact Rows","type":"registry:block"},{"description":"Three ghost numbered research takeaways, each a claim with its data and reframe.","name":"marketing-pro-content-sections-numbered-takeaways","title":"Numbered Takeaways","type":"registry:block"},{"description":"An essay set in magazine columns under a heading, closed by an attribution line.","name":"marketing-pro-content-sections-prose-two-column","title":"Prose Two Column","type":"registry:block"},{"description":"An annotated essay where each paragraph carries a superscript marker paired with a numbered caveat in a narrow margin column beside it.","name":"marketing-pro-content-sections-prose-with-margin-notes","title":"Prose With Margin Notes","type":"registry:block"},{"description":"One aphorism set large between hairline rules with a source line, page punctuation.","name":"marketing-pro-content-sections-pull-quote-break","title":"Pull Quote Break","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Curated external resources including one that argues against you, with real whys.","name":"marketing-pro-content-sections-reading-list-cards","title":"Reading List Cards","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A series index pairing an intro column and byline with a divided list of numbered chapters, each showing a description, reading time, and marker.","name":"marketing-pro-content-sections-series-chapter-index","title":"Series Chapter Index","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Card banner with headline, overlapping avatar row, and a single primary button.","name":"marketing-pro-ctas-banner-with-avatars","title":"Banner With Avatars","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered headline and lede above a divided two column panel comparing the current week with the same week on the product, four lines per side.","name":"marketing-pro-ctas-before-after-split","title":"Before After Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered headline and buttons inside a large rounded border inset.","name":"marketing-pro-ctas-bordered-inset","title":"Bordered Inset","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The closing ask beside the first session itemized, five steps with median times that sum.","name":"marketing-pro-ctas-cta-with-setup-checklist","title":"Cta With Setup Checklist","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui","recharts"],"description":"A closing ask beside a minimal shadcn trendline framed as the reader future line.","name":"marketing-pro-ctas-cta-with-trend-chart","title":"Cta With Trend Chart","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A primary colored CTA band with a single button and a faint sparkline along its base.","name":"marketing-pro-ctas-dark-band-with-sparkline","title":"Dark Band With Sparkline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full width inverted CTA panel with a centered headline, supporting line, contrasting pill button, quiet arrow link, and a three item trust row.","name":"marketing-pro-ctas-dual-cta-banner","title":"Dual CTA Banner","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Full width primary band with headline, supporting line, and one inverted button.","name":"marketing-pro-ctas-full-bleed-band","title":"Full Bleed Band","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Slim ruled strip pairing a short headline with a single arrow text link.","name":"marketing-pro-ctas-minimal-inline","title":"Minimal Inline","type":"registry:block"},{"description":"The editorial close, three sentences and two text links, no buttons.","name":"marketing-pro-ctas-plain-text-cta","title":"Plain Text Cta","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two matched cards offering free trial and sales paths with checklists and buttons.","name":"marketing-pro-ctas-side-by-side-cards","title":"Side By Side Cards","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A bordered CTA panel with headline and buttons beside a rising area chart and a labeled result.","name":"marketing-pro-ctas-split-with-growth-chart","title":"Split With Growth Chart","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Card split pairing CTA copy and buttons with a metrics dashboard mockup.","name":"marketing-pro-ctas-split-with-mockup","title":"Split With Mockup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"CTA copy and buttons beside a customer quote card with a matching avatar.","name":"marketing-pro-ctas-split-with-quote","title":"Split With Quote","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Self serve trial and guided demo as equal doors with terms lines and separate buttons.","name":"marketing-pro-ctas-trial-vs-demo-split","title":"Trial Vs Demo Split","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered mobile pitch with App Store and Google Play download buttons.","name":"marketing-pro-ctas-with-app-badges","title":"With App Badges","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two column split pairing a headline, agenda list, and button with a scheduling card of a host, day chips, a time grid, and timezone note.","name":"marketing-pro-ctas-with-booking-slots","title":"With Booking Slots","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered card with a headline, supporting line, three countdown tiles for days, hours, and minutes, then a primary button over a terms line.","name":"marketing-pro-ctas-with-countdown","title":"With Countdown","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered closing call to action pairing a headline and supporting line with a labeled email form, one input, a primary button, and a terms line.","name":"marketing-pro-ctas-with-email-capture","title":"With Email Capture","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A final ask beside the three questions that stall signups, each linked to its answer.","name":"marketing-pro-ctas-with-faq-links","title":"With Faq Links","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered card CTA with buttons and a money back guarantee reassurance line.","name":"marketing-pro-ctas-with-guarantee","title":"With Guarantee","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A developer CTA with a terminal box, copy affordance, and a first event success line.","name":"marketing-pro-ctas-with-install-command","title":"With Install Command","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"CTA copy beside a three by three grid of integration tiles with a filled Acme tile at the center.","name":"marketing-pro-ctas-with-integration-grid","title":"With Integration Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A CTA pairing copy and button with an onboarding card showing a progress ring and checklist.","name":"marketing-pro-ctas-with-setup-progress","title":"With Setup Progress","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered CTA copy and buttons above a divided grid of three proof stats.","name":"marketing-pro-ctas-with-stats","title":"With Stats","type":"registry:block"},{"description":"Five dated API changes with type tags and the 180 day breaking change policy up front.","name":"marketing-pro-developers-sections-api-changelog-compact","title":"Api Changelog Compact","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A developer hero with the pitch beside a terminal running the first API call and its response.","name":"marketing-pro-developers-sections-api-hero-with-terminal","title":"Api Hero With Terminal","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim band selling the CLI, one brew command with a copy button and three proof points.","name":"marketing-pro-developers-sections-cli-install-band","title":"Cli Install Band","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"Centered developer community section with three channel cards, each carrying a stat, a description, and a join link, closed by an email line.","name":"marketing-pro-developers-sections-dev-community-cards","title":"Dev Community Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six documentation entry points as icon cards, each labeled with its honest reading time.","name":"marketing-pro-developers-sections-docs-links-grid","title":"Docs Links Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Split section listing six error families with codes, stable types, and fixes beside a mockup response body and a short list of guarantees.","name":"marketing-pro-developers-sections-error-codes-split","title":"Error Codes Split","type":"registry:block"},{"description":"Install, authenticate, send. The whole quickstart as three cards with real code panels.","name":"marketing-pro-developers-sections-quickstart-steps-code","title":"Quickstart Steps Code","type":"registry:block"},{"description":"Published rate limits by plan beside the response headers that expose limit state.","name":"marketing-pro-developers-sections-rate-limits-table","title":"Rate Limits Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Nine SDK cards with install commands and honest Official or Community badges.","name":"marketing-pro-developers-sections-sdk-language-grid","title":"Sdk Language Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two column reliability section pairing audited uptime stats and a status page link with a panel of 45 day uptime bar strips and a legend.","name":"marketing-pro-developers-sections-status-uptime-panel","title":"Status Uptime Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two column sandbox section with test mode proof points and keys beside a panel of magic recipient addresses that reproduce each failure mode.","name":"marketing-pro-developers-sections-test-mode-fixtures","title":"Test Mode Fixtures","type":"registry:block"},{"description":"The complete webhook reference as a ruled table, seven events with payload sizes.","name":"marketing-pro-developers-sections-webhook-events-table","title":"Webhook Events Table","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A two column proof section pairing a customer CISO quote with a portrait against four audited deployment numbers, above a verification line.","name":"marketing-pro-enterprise-sections-ciso-quote-stats","title":"CISO Quote Stats","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered heading over a three column grid of framework cards, each with a status badge, plain language scope, and a footer audit date.","name":"marketing-pro-enterprise-sections-compliance-certifications-grid","title":"Compliance Certifications Grid","type":"registry:block"},{"description":"Four audited infrastructure numbers over a region table that separates failover from residency.","name":"marketing-pro-enterprise-sections-dedicated-infra-stats","title":"Dedicated Infra Stats","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Cloud, dedicated, and self hosted as three cards, each stating its tradeoff in the footer.","name":"marketing-pro-enterprise-sections-deployment-options-cards","title":"Deployment Options Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An enterprise hero with the three procurement numbers and a wordmark row of large customers.","name":"marketing-pro-enterprise-sections-enterprise-hero-logos","title":"Enterprise Hero Logos","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column section pairing a paid pilot pitch and call to action buttons with a panel listing six standard pilot terms as definition rows.","name":"marketing-pro-enterprise-sections-pilot-terms-panel","title":"Pilot Terms Panel","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Seven procurement artifacts with availability and turnaround, the vendor packet in rows.","name":"marketing-pro-enterprise-sections-procurement-checklist","title":"Procurement Checklist","type":"registry:block"},{"description":"A two column section pairing a heading and commitment stats with four onboarding phases, each splitting tasks between vendor and customer teams.","name":"marketing-pro-enterprise-sections-rollout-responsibilities","title":"Rollout Responsibilities","type":"registry:block"},{"description":"The security review as a dated four step timeline with a free pilot extension if it runs long.","name":"marketing-pro-enterprise-sections-security-review-fastlane","title":"Security Review Fastlane","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six identity questionnaire rows answered with mechanisms, SSO, SCIM, audit, and residency.","name":"marketing-pro-enterprise-sections-sso-scim-grid","title":"Sso Scim Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three support tiers with contractual response times and automatic credits when missed.","name":"marketing-pro-enterprise-sections-support-tiers-table","title":"Support Tiers Table","type":"registry:block"},{"description":"A two day single track agenda with timed session rows and track chips.","name":"marketing-pro-events-sections-agenda-day-columns","title":"Agenda Day Columns","type":"registry:block"},{"description":"A two track conference day side by side with timed sessions and role credited speakers.","name":"marketing-pro-events-sections-agenda-tracks-columns","title":"Agenda Tracks Columns","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A primary registration band with the event name, date line, quick facts, and ticket button.","name":"marketing-pro-events-sections-conference-cta-band","title":"Conference Cta Band","type":"registry:block"},{"description":"A banner of four numbers from last year, attendance, reach, rating, and return intent.","name":"marketing-pro-events-sections-event-stats-banner","title":"Event Stats Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A session pitch with speakers beside a registration card with date facts and an email field.","name":"marketing-pro-events-sections-featured-webinar-split","title":"Featured Webinar Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four event milestones sit on a connected dot timeline with done, current, and upcoming states, each carrying a date, title, and one detail line.","name":"marketing-pro-events-sections-key-dates-timeline","title":"Key Dates Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The team speaking record as ruled rows with venues, recordings, and a booking line.","name":"marketing-pro-events-sections-past-talks-list","title":"Past Talks List","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Eight speaker cards with portraits, roles, and session titles doubling as a mini agenda.","name":"marketing-pro-events-sections-speakers-grid","title":"Speakers Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Ruled tier rows list sponsor wordmarks with small SVG marks sized down from platinum to community, above a bordered prospectus request strip.","name":"marketing-pro-events-sections-sponsor-tiers","title":"Sponsor Tiers","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three bordered ticket cards show prices, inclusion lists, and availability notes with one pass highlighted, closed by a refunds and transfer line.","name":"marketing-pro-events-sections-ticket-tiers","title":"Ticket Tiers","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Ruled event rows with date tiles, format badges, and locations under a recordings link.","name":"marketing-pro-events-sections-upcoming-events-list","title":"Upcoming Events List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A stylized SVG neighborhood map and venue address sit beside ruled rows for airport, transit, and parking plus partner hotels with nightly rates.","name":"marketing-pro-events-sections-venue-travel-split","title":"Venue Travel Split","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three hands on workshop cards with date chips, outcome lines, and honest seat counts.","name":"marketing-pro-events-sections-workshop-cards","title":"Workshop Cards","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Accordion beside a bordered card of documentation, community, and support links.","name":"marketing-pro-faqs-accordion-with-links","title":"Accordion With Links","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered heading and lede above a three tab switcher for marketers, finance, and IT, each pane a hairline divided list of questions and answers.","name":"marketing-pro-faqs-audience-tabs","title":"Audience Tabs","type":"registry:block"},{"description":"Three topic columns for billing, product, and security with short plain text answers.","name":"marketing-pro-faqs-category-columns","title":"Category Columns","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six FAQ category cards with icons, answer counts, and the top two questions pulled out.","name":"marketing-pro-faqs-category-icon-grid","title":"Category Icon Grid","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A classic centered FAQ with a single column accordion of six questions, the first open by default, and a closing support handoff line.","name":"marketing-pro-faqs-centered-accordion","title":"Centered Accordion","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered heading and lede above a bordered chat panel where visitor questions sit in filled bubbles and a named teammate answers in muted bubbles.","name":"marketing-pro-faqs-chat-style-qa","title":"Chat Style QA","type":"registry:block"},{"description":"A text only FAQ grid with every short answer already open in two columns.","name":"marketing-pro-faqs-compact-two-column-qa","title":"Compact Two Column Qa","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Two independent accordions side by side, twelve questions in the height of six.","name":"marketing-pro-faqs-faq-accordion-two-col","title":"Faq Accordion Two Col","type":"registry:block"},{"description":"Six bordered cards in a responsive grid, each pairing one question with a short answer.","name":"marketing-pro-faqs-faq-cards-grid","title":"FAQ Cards Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An FAQ accordion beside a support card with an avatar, reply time promise, and button.","name":"marketing-pro-faqs-faq-with-contact-card","title":"Faq With Contact Card","type":"registry:block"},{"description":"Centered heading and lede above a vertical rail of numbered stage nodes, each carrying a caption and a short stack of questions and answers.","name":"marketing-pro-faqs-journey-stages","title":"Journey Stages","type":"registry:block"},{"description":"Editorial Q&A list with large muted numerals beside each question and hairline dividers.","name":"marketing-pro-faqs-numbered-list","title":"Numbered List","type":"registry:block"},{"description":"Four skeptical sentences quoted at heading weight, answered with concessions and receipts.","name":"marketing-pro-faqs-objection-answer-pairs","title":"Objection Answer Pairs","type":"registry:block"},{"description":"Static topic list with counts beside a flat divided list of billing questions.","name":"marketing-pro-faqs-sidebar-topics","title":"Sidebar Topics","type":"registry:block"},{"description":"Narrow centered column of stacked Q&As in calm prose separated by hairlines.","name":"marketing-pro-faqs-single-column-prose","title":"Single Column Prose","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Sticky heading and lede in the left third with the accordion filling the right two thirds.","name":"marketing-pro-faqs-split-headline-accordion","title":"Split Headline Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Three featured question cards above an accordion holding the remaining answers.","name":"marketing-pro-faqs-top-questions-plus-all","title":"Top Questions Plus All","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A static FAQ grouping bold questions and short muted answers in a two column grid under three uppercase topic labels, closed by a contact panel.","name":"marketing-pro-faqs-topic-columns","title":"Topic Columns","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Left aligned heading above a hairline divided list where each row pairs a Yes, No, or Depends badge with a bold question and short answer.","name":"marketing-pro-faqs-verdict-list","title":"Verdict List","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Full width accordion with oversized question typography for confident scanning.","name":"marketing-pro-faqs-wide-accordion-bold","title":"Wide Accordion Bold","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered accordion above a slim bordered contact band with an outline support button.","name":"marketing-pro-faqs-with-cta-banner","title":"With CTA Banner","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An FAQ head with a search pill, topic chips, and a most asked accordion beneath.","name":"marketing-pro-faqs-with-search-bar","title":"With Search Bar","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Single open accordion of features paired with an analytics preview window.","name":"marketing-pro-feature-sections-accordion-with-preview","title":"Accordion With Preview","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A centered header above three feature rows that alternate sides, pairing icon led copy and check lists with framed app panel mockups.","name":"marketing-pro-feature-sections-alternating-rows","title":"Alternating Rows","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three alternating feature rows pairing copy and checklists with bar, line, and donut chart panels.","name":"marketing-pro-feature-sections-alternating-with-charts","title":"Alternating With Charts","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered header above two matched panels, a muted before column and a highlighted after column listing the same tasks with new time costs.","name":"marketing-pro-feature-sections-before-after-panels","title":"Before After Panels","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Centered intro above a bento of one large dashboard card and five smaller icon tiles.","name":"marketing-pro-feature-sections-bento-grid","title":"Bento Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Five features in mixed cell sizes, a sparkline lead and an inbox stack among quiet text cells.","name":"marketing-pro-feature-sections-bento-grid-features","title":"Bento Grid Features","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A left aligned header above a framed table crossing six capabilities against three teams, marking coverage with checks and gaps with muted minus icons.","name":"marketing-pro-feature-sections-capability-matrix","title":"Capability Matrix","type":"registry:block"},{"description":"Three feature cards, each topped with a small chart, list, or form mockup.","name":"marketing-pro-feature-sections-cards-with-mockups","title":"Cards With Mockups","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Narrow centered column of four icon feature rows separated by dividers.","name":"marketing-pro-feature-sections-centered-rows","title":"Centered Rows","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split feature section with a header and grouped checklist beside a tall app window mockup with stats, task rows, and status chips.","name":"marketing-pro-feature-sections-checklist-split","title":"Checklist Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Centered heading over a tight two column list of eight checkmarked essentials.","name":"marketing-pro-feature-sections-compact-two-column","title":"Compact Two Column","type":"registry:block"},{"description":"A text only inventory of eight features, each a bold name with one working sentence.","name":"marketing-pro-feature-sections-feature-list-two-column","title":"Feature List Two Column","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Tabs switching between three features, each pane pairing a blurb with a framed app mockup.","name":"marketing-pro-feature-sections-feature-tabs-with-preview","title":"Feature Tabs With Preview","type":"registry:block"},{"description":"A left aligned header above a vertical timeline of four numbered nodes, each carrying a capability title, a paragraph, and outcome chips.","name":"marketing-pro-feature-sections-feature-timeline","title":"Feature Timeline","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Reporting copy beside the actual shadcn chart component the dashboard renders.","name":"marketing-pro-feature-sections-features-with-area-chart","title":"Features With Area Chart","type":"registry:block"},{"description":"Four capabilities, each paired with one customer line about that specific feature.","name":"marketing-pro-feature-sections-features-with-customer-quotes","title":"Features With Customer Quotes","type":"registry:block"},{"description":"Six feature cards, each headed by a distinct mini graphic such as a sparkline, ring, or gauge.","name":"marketing-pro-feature-sections-grid-with-sparklines","title":"Grid With Sparklines","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered header over a hairline divided three by two grid of six benefits, each with an icon tile, one line title, and two line copy.","name":"marketing-pro-feature-sections-icon-benefit-grid","title":"Icon Benefit Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Centered heading over a three column grid of six icon led feature blurbs.","name":"marketing-pro-feature-sections-icon-grid-six","title":"Icon Grid Six","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six features as inline icons, bold names, and single sentences, no cards.","name":"marketing-pro-feature-sections-icon-list-three-column","title":"Icon List Three Column","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered header above one annotated product window with numbered callout badges, then a four column legend mapping each number to a feature.","name":"marketing-pro-feature-sections-mockup-with-callouts","title":"Mockup With Callouts","type":"registry:block"},{"description":"Three features argued editorially in ruled rows with ghost numerals and proof lines.","name":"marketing-pro-feature-sections-numbered-feature-rows","title":"Numbered Feature Rows","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Solid primary panel holding a heading and a six tile icon feature grid.","name":"marketing-pro-feature-sections-solid-panel-grid","title":"Solid Panel Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Heading and checklist beside a campaign window mockup with live progress bars.","name":"marketing-pro-feature-sections-split-with-app-window","title":"Split With App Window","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Feature copy and a checklist beside an SVG automation flow with a trigger, condition, and branches.","name":"marketing-pro-feature-sections-split-with-flow-diagram","title":"Split With Flow Diagram","type":"registry:block"},{"description":"Feature copy beside a two by two grid of mini stat cards with attribution notes.","name":"marketing-pro-feature-sections-split-with-stat-cards","title":"Split With Stat Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two stacked split panels pairing copy and checklists with app window mockups.","name":"marketing-pro-feature-sections-stacked-panels","title":"Stacked Panels","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A tabbed feature showcase with pill triggers for plan, track, and ship views, each pairing copy and a checklist with an app panel mockup.","name":"marketing-pro-feature-sections-tabbed-showcase","title":"Tabbed Showcase","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Icon feature grid capped by a divided band of three headline stats.","name":"marketing-pro-feature-sections-with-stat-band","title":"With Stat Band","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"Brand blurb and social icons beside three columns of product links.","name":"marketing-pro-footers-brand-blurb-columns","title":"Brand Blurb Columns","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"Centered logo over a single row of links, social icons, and a copyright line.","name":"marketing-pro-footers-centered-logo-links","title":"Centered Logo Links","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Four link columns beside a newsletter pitch with an inline email subscribe row.","name":"marketing-pro-footers-columns-with-newsletter","title":"Columns With Newsletter","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"Solid primary footer with brand blurb, socials, and four link columns.","name":"marketing-pro-footers-dark-solid","title":"Dark Solid","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A developer footer with an install command chip, docs columns, and an API status row.","name":"marketing-pro-footers-developer-links-footer","title":"Developer Links Footer","type":"registry:block"},{"description":"Brand name and tagline beside four link columns above a legal bar.","name":"marketing-pro-footers-five-column-with-tagline","title":"Five Column With Tagline","type":"registry:block"},{"description":"A four column footer whose bottom bar carries live status, region, and locale.","name":"marketing-pro-footers-footer-with-status-line","title":"Footer With Status Line","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A statement footer pairing a slim nav and social row, an oversized brand wordmark across the middle, and a copyright and legal bottom bar.","name":"marketing-pro-footers-giant-wordmark","title":"Giant Wordmark","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A footer with a brand blurb and three link columns, a dedicated offices band listing four worldwide locations with hours, and a contact bar.","name":"marketing-pro-footers-global-offices","title":"Global Offices","type":"registry:block"},{"description":"Link columns over a dense legal block with disclaimers and compliance badges.","name":"marketing-pro-footers-legal-heavy","title":"Legal Heavy","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A comprehensive footer with a brand mark and tagline beside four link columns, plus a bottom bar pairing the copyright with social icon links.","name":"marketing-pro-footers-mega-footer","title":"Mega Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"One slim row with copyright, inline nav links, and small social icons.","name":"marketing-pro-footers-minimal-inline-links","title":"Minimal Inline Links","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered newsletter signup above a row of nav links and a copyright line.","name":"marketing-pro-footers-newsletter-centered","title":"Newsletter Centered","type":"registry:block"},{"description":"Six dense link columns covering every page, pure wayfinding with a slim legal row.","name":"marketing-pro-footers-sitemap-mega-footer","title":"Sitemap Mega Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A minimal centered footer stacking a brand mark, one row of five links, social icon buttons, and a muted copyright line under a hairline border.","name":"marketing-pro-footers-slim-centered","title":"Slim Centered","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A trust forward footer closing with social icons and compliance chips for SOC 2, GDPR, and ISO.","name":"marketing-pro-footers-social-and-certifications","title":"Social And Certifications","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A footer that stacks each link group into its own hairline separated row, with a brand and social row above and a copyright bar below.","name":"marketing-pro-footers-stacked-link-rows","title":"Stacked Link Rows","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three link columns plus iOS and Android download buttons above a brand bar.","name":"marketing-pro-footers-with-app-badges","title":"With App Badges","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A footer pairing a brand blurb and three link columns with a latest posts list of three dated links and a view all link.","name":"marketing-pro-footers-with-blog-posts","title":"With Blog Posts","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Link columns alongside address, email, and phone contact details.","name":"marketing-pro-footers-with-contact-info","title":"With Contact Info","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A footer opening with a final CTA row above standard link columns and a status link.","name":"marketing-pro-footers-with-cta-row","title":"With Cta Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four link columns with a bottom bar showing system status and a language picker.","name":"marketing-pro-footers-with-status-and-locale","title":"With Status And Locale","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six help categories as cards with article counts and the top three links inlined.","name":"marketing-pro-help-center-sections-category-cards-grid","title":"Category Cards Grid","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A forum thread mockup with an accepted answer, selling community as a support channel.","name":"marketing-pro-help-center-sections-community-answer-callout","title":"Community Answer Callout","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Chat, email, and phone as cards with measured response times and when to pick each.","name":"marketing-pro-help-center-sections-escalation-paths-band","title":"Escalation Paths Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A help center hero with one big search field and the five queries people actually type.","name":"marketing-pro-help-center-sections-help-search-hero","title":"Help Search Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A tracker of open bugs as ruled rows, each with a status badge, affected area, open date, and a workaround link when one exists.","name":"marketing-pro-help-center-sections-known-issues-list","title":"Known Issues List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"The next four live sessions as ruled rows, each with a date tile, the topic, host and time, and a seat reservation button.","name":"marketing-pro-help-center-sections-live-sessions-schedule","title":"Live Sessions Schedule","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The ten most read help articles as ranked rows with categories and read times.","name":"marketing-pro-help-center-sections-popular-articles-list","title":"Popular Articles List","type":"registry:block"},{"description":"A numbered vertical timeline of five setup steps, each with a time estimate, a one line description, and a link to the full guide.","name":"marketing-pro-help-center-sections-setup-steps-timeline","title":"Setup Steps Timeline","type":"registry:block"},{"description":"Three support tiers as columns in a ruled table, compared across channels, first reply time, coverage hours, escalation, and onboarding.","name":"marketing-pro-help-center-sections-support-plans-table","title":"Support Plans Table","type":"registry:block"},{"description":"A ruled three column table mapping common symptoms to the first thing to check and the fix article, with a chat fallback line beneath.","name":"marketing-pro-help-center-sections-symptom-triage-table","title":"Symptom Triage Table","type":"registry:block"},{"description":"An overall status line above one row per service, each with a 45 day uptime bar strip, an uptime percentage, and a status page link.","name":"marketing-pro-help-center-sections-system-status-band","title":"System Status Band","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three walkthrough videos with posters, honest durations, and one line on what each covers.","name":"marketing-pro-help-center-sections-video-guides-row","title":"Video Guides Row","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A typography only hero with a centered headline, lede, single CTA, and a muted trust line.","name":"marketing-pro-hero-sections-centered-minimal","title":"Centered Minimal","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered hero with headline and CTAs above a browser mockup with sidebar, chart, and table rows.","name":"marketing-pro-hero-sections-centered-with-browser-mockup","title":"Centered With Browser Mockup","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered headline, lede, and dual CTAs above a wrapped row of bordered icon feature pills.","name":"marketing-pro-hero-sections-centered-with-feature-pills","title":"Centered With Feature Pills","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered hero above a hub and spoke diagram of six integration chips around an Acme node.","name":"marketing-pro-hero-sections-centered-with-integration-diagram","title":"Centered With Integration Diagram","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered hero anchored by a ruled strip of customer wordmarks under a trust count.","name":"marketing-pro-hero-sections-centered-with-logo-strip","title":"Centered With Logo Strip","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A docs hero with centered copy above a command bar search mockup with suggestion rows.","name":"marketing-pro-hero-sections-centered-with-search","title":"Centered With Search","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered hero with headline, lede, and dual CTAs above a video player mockup with poster, play button, control bar, and a row of chapter markers.","name":"marketing-pro-hero-sections-centered-with-video-mockup","title":"Centered With Video Mockup","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One oversized statement, one line with a number, two buttons. Typography carries the fold.","name":"marketing-pro-hero-sections-headline-only-hero","title":"Headline Only Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered hero above five live platform activity tiles with pulsing dots.","name":"marketing-pro-hero-sections-hero-with-ticker-band","title":"Hero With Ticker Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A left aligned headline, lede, three check items, and dual CTAs that own the left edge.","name":"marketing-pro-hero-sections-left-aligned-with-checklist","title":"Left Aligned With Checklist","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered proof led hero with headline, lede, dual CTAs, a hairline separated row of three oversized stats, and a customer wordmark strip.","name":"marketing-pro-hero-sections-metrics-hero","title":"Metrics Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split hero pairing a headline, lede, and check marked benefits with an inline signup card of labeled fields, Google sign in, and a terms line.","name":"marketing-pro-hero-sections-signup-hero","title":"Signup Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split hero pairing headline, lede, dual CTAs, and an avatar star rating with a markup app window of icon rail, chart strip, and invoice rows.","name":"marketing-pro-hero-sections-split-app-panel","title":"Split App Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column hero pairing headline and CTAs with an analytics dashboard mockup and area chart.","name":"marketing-pro-hero-sections-split-with-analytics-dashboard","title":"Split With Analytics Dashboard","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A support led hero beside a chat mockup with a named agent and a resolved in minutes line.","name":"marketing-pro-hero-sections-split-with-chat-mockup","title":"Split With Chat Mockup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split hero with headline, lede, and CTAs beside a token colored code editor window mockup.","name":"marketing-pro-hero-sections-split-with-code","title":"Split With Code","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split hero with headline, lede, and dual CTAs beside a two column panel contrasting the old way as crossed items against checked new ones.","name":"marketing-pro-hero-sections-split-with-comparison","title":"Split With Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split hero pairing headline and CTAs with a vertical funnel of narrowing stage bars.","name":"marketing-pro-hero-sections-split-with-funnel-graphic","title":"Split With Funnel Graphic","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui","recharts"],"description":"A hero whose chart is a working shadcn component, wired for real data instead of a mockup.","name":"marketing-pro-hero-sections-split-with-live-chart","title":"Split With Live Chart","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split hero with copy and dual CTAs beside a divided panel of four large KPI tiles.","name":"marketing-pro-hero-sections-split-with-metrics","title":"Split With Metrics","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split hero with copy and dual CTAs beside a phone mockup of the product mobile app.","name":"marketing-pro-hero-sections-split-with-mobile-app","title":"Split With Mobile App","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split hero with headline, lede, dual CTAs, and a guarantee row beside a single plan card showing the seat price, checked features, and trial CTA.","name":"marketing-pro-hero-sections-split-with-pricing-card","title":"Split With Pricing Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with the signup card in the fold, friction removers checked beside email and password fields.","name":"marketing-pro-hero-sections-split-with-signup-form","title":"Split With Signup Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A calm hero with four proof numbers running down a single ruled rail.","name":"marketing-pro-hero-sections-split-with-stats-sidebar","title":"Split With Stats Sidebar","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Split hero with headline, lede, dual CTAs, and a two stat row beside a card walking the four onboarding steps on a numbered vertical rail.","name":"marketing-pro-hero-sections-split-with-steps","title":"Split With Steps","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split hero with headline, lede, and dual CTAs beside a single customer quote card.","name":"marketing-pro-hero-sections-split-with-testimonial","title":"Split With Testimonial","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered developer tool hero with an install command row, dual CTAs, and a terminal window mockup of prompt, output, and success lines.","name":"marketing-pro-hero-sections-terminal-hero","title":"Terminal Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered hero with dual CTAs above overlapping avatars, five stars, and a team count line.","name":"marketing-pro-hero-sections-with-avatar-rating","title":"With Avatar Rating","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered hero with the unrounded customer count at display size and an avatar row.","name":"marketing-pro-hero-sections-with-customer-counter","title":"With Customer Counter","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered hero with copy and CTAs above a wide kanban board mockup of campaign tasks.","name":"marketing-pro-hero-sections-with-kanban-preview","title":"With Kanban Preview","type":"registry:block"},{"description":"Three years of audited emissions with shrinking bars and the mechanism named.","name":"marketing-pro-impact-sections-carbon-stats-band","title":"Carbon Stats Band","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A vertical rail timeline of public impact promises with year markers, kept or in progress status badges, and honest detail lines.","name":"marketing-pro-impact-sections-commitments-timeline","title":"Commitments Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A methodology section presenting four numbered impact accounting rules in a two by two card grid with the external auditor named in the footer.","name":"marketing-pro-impact-sections-counting-rules-grid","title":"Counting Rules Grid","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A grantee spotlight split with a director quote on the left and a paperwork facts panel plus a headline outcome number on the right.","name":"marketing-pro-impact-sections-grantee-spotlight","title":"Grantee Spotlight","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grants program with cycle stats, clear criteria, and no logo placement required.","name":"marketing-pro-impact-sections-grants-program-card","title":"Grants Program Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The annual impact report as an eight line ledger, including the weakest number.","name":"marketing-pro-impact-sections-impact-report-numbers","title":"Impact Report Numbers","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Maintain, contribute, fund, publish. Four open source relations with real numbers.","name":"marketing-pro-impact-sections-open-source-list","title":"Open Source List","type":"registry:block"},{"description":"The 1% pledge with last year's total and the allocation rows that prove it.","name":"marketing-pro-impact-sections-pledge-percent-card","title":"Pledge Percent Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered header over three stat cards for standing product giveaway programs, each with a big count, terms, and eligibility link.","name":"marketing-pro-impact-sections-product-donations-grid","title":"Product Donations Grid","type":"registry:block"},{"description":"A regional grant allocation section with one segmented bar across the top and a ruled legend listing regions, grantee counts, amounts, and share.","name":"marketing-pro-impact-sections-regional-giving-bar","title":"Regional Giving Bar","type":"registry:block"},{"description":"A split volunteer program section with participation stats on the left and a partner outing roster listing activities, people, and hours on the right.","name":"marketing-pro-impact-sections-volunteer-days-panel","title":"Volunteer Days Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A developer split with a headline, capability ticks, and a docs button beside an inverted code panel with file tabs and token styled lines.","name":"marketing-pro-integration-sections-api-webhooks-panel","title":"API and Webhooks Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered header above a comparison table weighing native apps, no code recipes, and the developer API, with the most popular column highlighted.","name":"marketing-pro-integration-sections-connection-methods-table","title":"Connection Methods Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An integration directory with a centered header, static category chips, a three by two grid of tool cards with Connect links, and a request line.","name":"marketing-pro-integration-sections-directory-grid","title":"Directory Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Connector requests with vote counts and honest statuses, the declined one kept visible.","name":"marketing-pro-integration-sections-integration-request-board","title":"Integration Request Board","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A trust focused split with a headline, four security assurances, and a docs link beside an access manager showing granted scopes and a revoke control.","name":"marketing-pro-integration-sections-integration-security-panel","title":"Integration Security Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An onboarding split with a headline, a numbered three step timeline, and a blueprint that walks from choosing a tool to the first live sync.","name":"marketing-pro-integration-sections-integration-setup-steps","title":"Integration Setup Steps","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An integration deep dive with paired marks, a headline, three feature rows, and connect buttons beside a field mapping panel of what syncs each way.","name":"marketing-pro-integration-sections-integration-spotlight","title":"Integration Spotlight","type":"registry:block"},{"description":"A text only directory index of four category columns with counts and linked tool names.","name":"marketing-pro-integration-sections-integrations-categories-columns","title":"Integrations Categories Columns","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered panel with icon chips, a stack fit headline, and browse and request buttons.","name":"marketing-pro-integration-sections-integrations-cta-band","title":"Integrations Cta Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Nine category tiles with icons and data flow blurbs above a browse all button.","name":"marketing-pro-integration-sections-integrations-grid-tiles","title":"Integrations Grid Tiles","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hub diagram of sources flowing into Acme and attribution flowing back out, with a legend.","name":"marketing-pro-integration-sections-integrations-hub-diagram","title":"Integrations Hub Diagram","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"API copy and a checklist beside a terminal panel showing a colored webhook payload.","name":"marketing-pro-integration-sections-integrations-with-code","title":"Integrations With Code","type":"registry:block"},{"dependencies":["recharts"],"description":"Records synced per day as shadcn bars beside sync lag and success rate facts.","name":"marketing-pro-integration-sections-sync-volume-chart","title":"Sync Volume Chart","type":"registry:block"},{"description":"Split section stacking residency stats beside a seven region list with mono codes, role notes, and live or in build status chips.","name":"marketing-pro-localization-sections-data-residency-split","title":"Data Residency Split","type":"registry:block"},{"description":"A heading and lede, then a bordered table of product terms with approved translations in three languages, usage notes, and review status chips.","name":"marketing-pro-localization-sections-glossary-terms-table","title":"Glossary Terms Table","type":"registry:block"},{"description":"Interface languages as chips with two honest tiers, full coverage or UI only.","name":"marketing-pro-localization-sections-languages-grid-band","title":"Languages Grid Band","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Currencies, local payment methods, tax, and AP ready invoices as four cards.","name":"marketing-pro-localization-sections-local-payments-row","title":"Local Payments Row","type":"registry:block"},{"description":"A two column split pairing a stacked list of formatting behaviors with a bordered panel rendering one date, number, and price across five locales.","name":"marketing-pro-localization-sections-locale-formatting-split","title":"Locale Formatting Split","type":"registry:block"},{"description":"A heading and lede, then four phase columns on a dotted top rule, each with a quarter label, status chip, markets opening, and shipping work.","name":"marketing-pro-localization-sections-market-rollout-timeline","title":"Market Rollout Timeline","type":"registry:block"},{"description":"Privacy and messaging laws by region, described as product behavior instead of legal prose.","name":"marketing-pro-localization-sections-regional-compliance-list","title":"Regional Compliance List","type":"registry:block"},{"description":"Right to left and script support described at the level where credibility lives.","name":"marketing-pro-localization-sections-rtl-support-callout","title":"Rtl Support Callout","type":"registry:block"},{"description":"Three regional support hub columns with staffing hour strips, native language lists, and median first reply stats above a handoff note.","name":"marketing-pro-localization-sections-support-hubs-columns","title":"Support Hubs Columns","type":"registry:block"},{"description":"A heading and lede, a two segment legend, then a two column list of languages with reviewed percentages, progress bars, and string counts.","name":"marketing-pro-localization-sections-translation-coverage-bars","title":"Translation Coverage Bars","type":"registry:block"},{"description":"A drawn translation screen with locale rows, review chips, and a send blocked footer.","name":"marketing-pro-localization-sections-translation-workflow-mockup","title":"Translation Workflow Mockup","type":"registry:block"},{"description":"Twenty wordmarks in a tight ruled grid, volume as the entire message.","name":"marketing-pro-logo-clouds-customer-wall-dense","title":"Customer Wall Dense","type":"registry:block"},{"description":"A primary colored band with a trust claim above wordmarks in foreground tones.","name":"marketing-pro-logo-clouds-logos-band-dark","title":"Logos Band Dark","type":"registry:block"},{"description":"Customer wordmarks sorted into four industry columns with team counts per shelf.","name":"marketing-pro-logo-clouds-logos-by-industry","title":"Logos By Industry","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered heading over six bordered tiles, each pairing a customer wordmark with a headline case study metric, a result line, and a link.","name":"marketing-pro-logo-clouds-logos-case-results","title":"Logos Case Results","type":"registry:block"},{"description":"A featured customer panel with a wordmark, quote, and ruled fact rows sits beside a two column grid of supporting wordmarks and a count line.","name":"marketing-pro-logo-clouds-logos-featured-customer","title":"Logos Featured Customer","type":"registry:block"},{"description":"A heading and lede beside a two by four grid of bordered wordmark tiles.","name":"marketing-pro-logo-clouds-logos-grid-with-heading","title":"Logos Grid With Heading","type":"registry:block"},{"description":"A single wrapped row of muted text wordmarks under one line of trust copy.","name":"marketing-pro-logo-clouds-logos-row-simple","title":"Logos Row Simple","type":"registry:block"},{"description":"A left aligned heading over ruled yearly rows, each pairing the notable wordmarks that signed on with a running customer total at the right.","name":"marketing-pro-logo-clouds-logos-timeline","title":"Logos Timeline","type":"registry:block"},{"description":"Ten wordmark pills in two staggered rows for a dense, brickwork style logo cloud.","name":"marketing-pro-logo-clouds-logos-two-row-offset","title":"Logos Two Row Offset","type":"registry:block"},{"description":"A wordmark wall above the three numbers that make logos evidence, retention included.","name":"marketing-pro-logo-clouds-logos-with-proof-stats","title":"Logos With Proof Stats","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A wordmark row above one short centered customer quote with avatar attribution.","name":"marketing-pro-logo-clouds-logos-with-quote","title":"Logos With Quote","type":"registry:block"},{"description":"A large customer count and claim beside a ruled two column grid of wordmarks.","name":"marketing-pro-logo-clouds-logos-with-stat","title":"Logos With Stat","type":"registry:block"},{"description":"A press strip with a standalone uppercase label and three pull quotes above outlet wordmarks, split by hairlines that adapt to stacking.","name":"marketing-pro-logo-clouds-press-strip","title":"Press Strip","type":"registry:block"},{"description":"An uppercase intro over three review platform columns with star rows, scores, wordmarks, and review counts, above a wrapped row of customer wordmarks.","name":"marketing-pro-logo-clouds-ratings-strip","title":"Ratings Strip","type":"registry:block"},{"description":"A static logo cloud anchored by an oversized customer count in primary type, a muted supporting line, and two staggered rows of wordmarks.","name":"marketing-pro-logo-clouds-stat-anchored","title":"Stat Anchored","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered heading over a two column grid of cards mapping each old tool name to its new equivalent, each with a short note.","name":"marketing-pro-migration-sections-feature-name-mapping","title":"Feature Name Mapping","type":"registry:block"},{"dependencies":["lucide-react"],"description":"What migrates from each source tool by data type, with honest partial cells worth reading.","name":"marketing-pro-migration-sections-import-coverage-table","title":"Import Coverage Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split section pairing dry run copy and three assurances with a static importer report of counts, review statuses, and estimated run time.","name":"marketing-pro-migration-sections-import-dry-run-preview","title":"Import Dry Run Preview","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered heading over three migration path cards with a best fit line, an included checklist, and a time estimate, one marked featured.","name":"marketing-pro-migration-sections-migration-paths-cards","title":"Migration Paths Cards","type":"registry:block"},{"description":"The switch as five clock stamped steps tagged automatic, your review, or your call.","name":"marketing-pro-migration-sections-migration-steps-timeline","title":"Migration Steps Timeline","type":"registry:block"},{"description":"Three switcher accounts structured as feared, what happened, and how long it really took.","name":"marketing-pro-migration-sections-migration-stories-row","title":"Migration Stories Row","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A two column switching FAQ with reassurance copy and a contact link beside a five item accordion that opens the first answer by default.","name":"marketing-pro-migration-sections-switch-faq-accordion","title":"Switch FAQ Accordion","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A migration hero with the importer checklist and the one thing it cannot carry, stated.","name":"marketing-pro-migration-sections-switch-hero-checklist","title":"Switch Hero Checklist","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The buyout deal as three numbered terms on the page, contract credit to exit clause.","name":"marketing-pro-migration-sections-switcher-offer-card","title":"Switcher Offer Card","type":"registry:block"},{"description":"A centered heading over a four column bordered band of account size tiers, each showing a large migration time and a line on coverage.","name":"marketing-pro-migration-sections-time-to-switch-band","title":"Time To Switch Band","type":"registry:block"},{"description":"Two panel responsibilities section listing your timed migration tasks beside importer and engineer duties, totaled in a closing footnote.","name":"marketing-pro-migration-sections-who-does-what-split","title":"Who Does What Split","type":"registry:block"},{"description":"How both tools run in parallel during the switch, three paragraphs with a definitions rail.","name":"marketing-pro-migration-sections-zero-downtime-explainer","title":"Zero Downtime Explainer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split app download CTA pairing a heading, drawn store buttons, and a star rating with a phone mockup showing a chart strip and activity rows.","name":"marketing-pro-mobile-app-sections-app-download","title":"App Download","type":"registry:block"},{"description":"Three mobile moments, each with a small phone frame and the why a phone copy.","name":"marketing-pro-mobile-app-sections-app-features-with-screens","title":"App Features With Screens","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An app hero with store buttons and a rating line beside a drawn phone frame.","name":"marketing-pro-mobile-app-sections-app-hero-with-phone","title":"App Hero With Phone","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three step onboarding section with a heading above numbered steps joined by a dashed connector, each pairing an explanation with a drawn UI chip.","name":"marketing-pro-mobile-app-sections-app-onboarding-steps","title":"App Onboarding Steps","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two column privacy section pairing plain language data promises with a drawn store style privacy label card listing data categories.","name":"marketing-pro-mobile-app-sections-app-privacy-label","title":"App Privacy Label","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"The big store rating beside three real voiced review cards with version metadata.","name":"marketing-pro-mobile-app-sections-app-rating-callout","title":"App Rating Callout","type":"registry:block"},{"description":"Three captioned phone frames in a row with the middle screen elevated.","name":"marketing-pro-mobile-app-sections-app-screens-row","title":"App Screens Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A download band with drawn store chips and an existing account reassurance.","name":"marketing-pro-mobile-app-sections-app-store-badges-band","title":"App Store Badges Band","type":"registry:block"},{"description":"Store style release notes with version, size, and a voice people actually read.","name":"marketing-pro-mobile-app-sections-app-update-notes","title":"App Update Notes","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two column watch companion section pairing three wrist feature rows with a drawn smartwatch mockup showing an approval notification and its inline actions.","name":"marketing-pro-mobile-app-sections-app-watch-companion","title":"App Watch Companion","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A widget showcase with a heading above three captioned tiles, a wide chart, a daily glance, and a quick actions grid, over behavior notes.","name":"marketing-pro-mobile-app-sections-app-widget-showcase","title":"App Widget Showcase","type":"registry:block"},{"description":"A drawn lock screen with the three pushes the app sends beside the restraint policy.","name":"marketing-pro-mobile-app-sections-push-notification-mockup","title":"Push Notification Mockup","type":"registry:block"},{"description":"A desktop to phone bridge with a drawn QR card that stays dark on light by design.","name":"marketing-pro-mobile-app-sections-qr-download-split","title":"Qr Download Split","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sticky header with a primary announcement bar and arrow link above a frosted navbar with centered links and dual CTAs.","name":"marketing-pro-navbars-announcement-bar-nav","title":"Announcement Bar Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full bleed grid header where the logo, uppercase links, and actions sit in bordered cells split by dividers, ending in a solid CTA cell.","name":"marketing-pro-navbars-bordered-grid-nav","title":"Bordered Grid Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A symmetric header with links optically centered between the logo and a single CTA.","name":"marketing-pro-navbars-centered-links-nav","title":"Centered Links Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim borderless navbar with a wordmark, three links, and a text only primary CTA.","name":"marketing-pro-navbars-compact-centered-nav","title":"Compact Centered Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A solid primary colored header with inverted logo chip and a secondary CTA button.","name":"marketing-pro-navbars-dark-nav","title":"Dark Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two row header with a slim utility deck above the main logo, links, and CTA row.","name":"marketing-pro-navbars-double-deck-nav","title":"Double Deck Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sticky navbar with its product mega menu expanded inline: two icon link columns and a featured update card, collapsing to a mobile sheet.","name":"marketing-pro-navbars-mega-menu-nav","title":"Mega Menu Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A minimal header built around a command bar search pill with a keyboard shortcut hint.","name":"marketing-pro-navbars-minimal-nav-with-search","title":"Minimal Nav With Search","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sticky header with a slim primary announcement line riding above a standard navbar.","name":"marketing-pro-navbars-nav-with-announcement","title":"Nav With Announcement","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An announcement strip and navigation designed as one header unit with a real deadline.","name":"marketing-pro-navbars-navbar-with-promo-banner","title":"Navbar With Promo Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A contact forward sticky header for service businesses with logo and links, a labeled phone number, and a quote CTA that collapse on mobile.","name":"marketing-pro-navbars-phone-cta-nav","title":"Phone CTA Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A contained rounded pill header inset from the page edges with links and a rounded CTA.","name":"marketing-pro-navbars-pill-nav","title":"Pill Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim glass navbar with a wordmark, four muted links, and one pill shaped CTA. Links collapse into a mobile sheet menu.","name":"marketing-pro-navbars-slim-glass-nav","title":"Slim Glass Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A boutique header with the logo centered between two split link sets and a compact CTA.","name":"marketing-pro-navbars-split-logo-nav","title":"Split Logo Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An editorial masthead with utility links and search, a large centered wordmark, sign in and subscribe actions, and a centered section link row below.","name":"marketing-pro-navbars-stacked-centered-nav","title":"Stacked Centered Nav","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dependable sticky header with logo, inline links, dual CTAs, and a mobile sheet menu.","name":"marketing-pro-navbars-standard-sticky-nav","title":"Standard Sticky Nav","type":"registry:block"},{"description":"A slim sticky section bar with the page name and anchor links for long pages.","name":"marketing-pro-navbars-subnav-section-bar","title":"Subnav Section Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The signup form beside the actual current issue drawn as an email mockup.","name":"marketing-pro-newsletter-sections-issue-preview-split","title":"Issue Preview Split","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Four numbered back issues as linked rows with the subscribe form for the next one.","name":"marketing-pro-newsletter-sections-newsletter-archive-list","title":"Newsletter Archive List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column layout pairing a letter style note card with the writer avatar signature beside the heading, labeled subscribe form, and small print.","name":"marketing-pro-newsletter-sections-newsletter-author-note","title":"Newsletter Author Note","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"One centered panel with the pitch, form, and a reader avatar row with a count.","name":"marketing-pro-newsletter-sections-newsletter-card-centered","title":"Newsletter Card Centered","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A primary colored band with a tinted email field, secondary button, and small print line.","name":"marketing-pro-newsletter-sections-newsletter-dark-band","title":"Newsletter Dark Band","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A slim bordered band pairing a cadence promise with an inline email field and button.","name":"marketing-pro-newsletter-sections-newsletter-inline-band","title":"Newsletter Inline Band","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A full width muted newsletter panel pairing a headline, benefit line, and no spam note with a labeled email field and pill subscribe button.","name":"marketing-pro-newsletter-sections-newsletter-panel","title":"Newsletter Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column layout with subscribe copy and a labeled form on one side and two subscriber quote cards with avatars, names, and roles.","name":"marketing-pro-newsletter-sections-newsletter-reader-quotes","title":"Newsletter Reader Quotes","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Subscribe copy and form beside a checked list of what every issue contains.","name":"marketing-pro-newsletter-sections-newsletter-split-with-perks","title":"Newsletter Split With Perks","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered heading and labeled subscribe form above a four stat strip showing subscribers, open rate, issues shipped, and publishing streak.","name":"marketing-pro-newsletter-sections-newsletter-stats-strip","title":"Newsletter Stats Strip","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered heading and intro over a grid of selectable topic tiles with checkboxes, followed by a labeled email field and subscribe button.","name":"marketing-pro-newsletter-sections-newsletter-topic-picker","title":"Newsletter Topic Picker","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Subscribe copy beside an email client mockup rendering last month as the sample issue.","name":"marketing-pro-newsletter-sections-newsletter-with-sample-issue","title":"Newsletter With Sample Issue","type":"registry:block"},{"dependencies":["recharts"],"description":"Monthly churn bars beside a net revenue retention line, the uncomfortable pair published.","name":"marketing-pro-open-metrics-churn-retention-charts","title":"Churn Retention Charts","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split layout pairing headline conversion facts with a funnel panel of proportional bars and the step by step rate between visitors, signups, and customers.","name":"marketing-pro-open-metrics-conversion-funnel-metrics","title":"Conversion Funnel Metrics","type":"registry:block"},{"dependencies":["recharts"],"description":"Monthly costs by category as horizontal shadcn bars with a profitable since header.","name":"marketing-pro-open-metrics-cost-transparency-chart","title":"Cost Transparency Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Cost structure by quarter as stacked shadcn bars, mostly people, deliberately.","name":"marketing-pro-open-metrics-costs-breakdown-chart","title":"Costs Breakdown Chart","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Four goal cards pairing public targets with actuals, each carrying the current value, a progress bar, an honest status badge, and a detail line.","name":"marketing-pro-open-metrics-goals-progress-board","title":"Goals Progress Board","type":"registry:block"},{"description":"A vertical timeline of dated milestones behind the published numbers, each row stamped with its title, a short note, and the MRR at the time.","name":"marketing-pro-open-metrics-growth-milestones-timeline","title":"Growth Milestones Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The why of an open metrics page with publish dates, cadence, and named exclusions.","name":"marketing-pro-open-metrics-metrics-intro-banner","title":"Metrics Intro Banner","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A headline snapshot with six KPI tiles, each showing the current value, a month over month delta line, and a small illustrative sparkline.","name":"marketing-pro-open-metrics-metrics-stat-grid","title":"Metrics Stat Grid","type":"registry:block"},{"dependencies":["recharts"],"description":"Twelve months of MRR as a shadcn area chart with a stat header and counting rules footnote.","name":"marketing-pro-open-metrics-mrr-growth-chart","title":"Mrr Growth Chart","type":"registry:block"},{"description":"Six months of exact headline metrics in a copyable table with a CSV link.","name":"marketing-pro-open-metrics-open-metrics-table","title":"Open Metrics Table","type":"registry:block"},{"dependencies":["recharts"],"description":"MRR by plan tier as stacked shadcn bars across six months.","name":"marketing-pro-open-metrics-revenue-breakdown-bars","title":"Revenue Breakdown Bars","type":"registry:block"},{"dependencies":["recharts"],"description":"Visitor acquisition split as a shadcn donut beside strategy notes per source.","name":"marketing-pro-open-metrics-traffic-sources-donut","title":"Traffic Sources Donut","type":"registry:block"},{"dependencies":["recharts"],"description":"Active workspaces against paying customers as two shadcn lines with a legend.","name":"marketing-pro-open-metrics-user-growth-line","title":"User Growth Line","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A primary band compressing program terms to three chips with a decision timeline.","name":"marketing-pro-partner-sections-agency-program-banner","title":"Agency Program Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An agency recruitment pitch with a no competition promise beside a first quarter checklist.","name":"marketing-pro-partner-sections-become-partner-split","title":"Become Partner Split","type":"registry:block"},{"description":"Three certification stages with honest hours and what each one unlocks.","name":"marketing-pro-partner-sections-certification-path-steps","title":"Certification Path Steps","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A heading and lede above a comparison table of registered versus unregistered deals, then a three column policy fact row and action buttons.","name":"marketing-pro-partner-sections-deal-registration-compare","title":"Deal Registration Compare","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six marketplace aisles with listing counts and a yearly re review policy up top.","name":"marketing-pro-partner-sections-marketplace-categories-grid","title":"Marketplace Categories Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered heading above a filter chip row and three partner cards with portrait, tier badges, specialties, ratings, and a browse all button.","name":"marketing-pro-partner-sections-partner-directory-preview","title":"Partner Directory Preview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered heading with two sliders for client count and plan value feeding a three stat payout strip, a policy note, and an apply button.","name":"marketing-pro-partner-sections-partner-earnings-calculator","title":"Partner Earnings Calculator","type":"registry:block"},{"description":"A certified agency count above partner wordmarks and a find a partner link.","name":"marketing-pro-partner-sections-partner-logos-band","title":"Partner Logos Band","type":"registry:block"},{"description":"Program economics as four tiles, margin, median revenue, leads, and the zero.","name":"marketing-pro-partner-sections-partner-stats-row","title":"Partner Stats Row","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column layout pairing an agency narrative, quote, and byline with a vertical milestone timeline of dated stages, details, and metrics.","name":"marketing-pro-partner-sections-partner-story-timeline","title":"Partner Story Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three program tiers with public requirements, stated margins, and benefit checklists.","name":"marketing-pro-partner-sections-partner-tiers-cards","title":"Partner Tiers Cards","type":"registry:block"},{"description":"The approved company paragraph with word count and date beside a fast facts table.","name":"marketing-pro-press-sections-boilerplate-and-facts","title":"Boilerplate And Facts","type":"registry:block"},{"description":"Palette swatch cards with names, hex values, and usage notes per color.","name":"marketing-pro-press-sections-brand-colors-grid","title":"Brand Colors Grid","type":"registry:block"},{"description":"A centered heading above a single vertical timeline rail of dated milestones, each with a title, a short detail, and an optional figure chip.","name":"marketing-pro-press-sections-company-milestones","title":"Company Milestones","type":"registry:block"},{"description":"A centered heading above a three column grid of coverage cards, each with a publication wordmark, a pulled sentence, and a writer byline.","name":"marketing-pro-press-sections-coverage-quote-wall","title":"Coverage Quote Wall","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Three quotable people with bios written to be lifted verbatim and speaks on lines.","name":"marketing-pro-press-sections-founder-bios-row","title":"Founder Bios Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A heading with a booking note above a divided row list of founder appearances, each showing format icon, show, guest, runtime, and a listen link.","name":"marketing-pro-press-sections-interview-appearances","title":"Interview Appearances","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The mark rendered correctly beside the four common abuses, crossed out.","name":"marketing-pro-press-sections-logo-usage-rules","title":"Logo Usage Rules","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Browsable asset tiles with format chips and download affordances.","name":"marketing-pro-press-sections-media-assets-grid","title":"Media Assets Grid","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A named press contact with deadline aware reply terms and what she can arrange.","name":"marketing-pro-press-sections-media-contact-card","title":"Media Contact Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four ungated asset bundle cards with file details and an everything ZIP link.","name":"marketing-pro-press-sections-press-kit-downloads","title":"Press Kit Downloads","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sticky intro column with email and RSS subscribe links beside announcements grouped by year, each row showing date, category, headline, and summary.","name":"marketing-pro-press-sections-press-release-archive","title":"Press Release Archive","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two plan cards under a monthly and annual switch that updates prices with a savings badge.","name":"marketing-pro-pricing-sections-annual-toggle-two-tier","title":"Annual Toggle Two Tier","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split pricing section pairing a base plan card and feature checklist with a stack of priced extras and a hairline estimated total row.","name":"marketing-pro-pricing-sections-base-plus-addons","title":"Base Plus Add Ons","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three slim tiers with a price and one deciding sentence each, no feature lists.","name":"marketing-pro-pricing-sections-compact-tier-cards","title":"Compact Tier Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full feature matrix for three plans with pricing and CTAs in the column heads, grouped feature rows, and a tinted band on the popular plan.","name":"marketing-pro-pricing-sections-compare-plans","title":"Compare Plans","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Four prepaid credit pack cards with one time prices and per credit rates, above three notes on expiry, team sharing, and automatic top ups.","name":"marketing-pro-pricing-sections-credit-packs","title":"Credit Packs","type":"registry:block"},{"description":"The same plan in four currencies with purchasing power discounts published openly.","name":"marketing-pro-pricing-sections-currency-region-table","title":"Currency Region Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three pricing tiers where the featured middle plan sits on a solid primary panel.","name":"marketing-pro-pricing-sections-dark-featured-tier","title":"Dark Featured Tier","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An enterprise pitch with capability checks beside a named contact card and call terms.","name":"marketing-pro-pricing-sections-enterprise-split-cta","title":"Enterprise Split Cta","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Plan headers with CTAs above a compact feature matrix that shades the middle column.","name":"marketing-pro-pricing-sections-feature-matrix-compact","title":"Feature Matrix Compact","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Free and Pro columns with their own feature lists and CTAs, with Pro framed by a primary ring.","name":"marketing-pro-pricing-sections-free-vs-pro","title":"Free vs Pro","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A wide panel with a one time price, three value bullets, a guarantee note, and a strong CTA.","name":"marketing-pro-pricing-sections-lifetime-deal","title":"Lifetime Deal","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A free self hosted panel with an install command beside a paid managed cloud plan.","name":"marketing-pro-pricing-sections-open-source-vs-cloud","title":"Open Source vs Cloud","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A seat slider that totals a flat per seat rate beside the included feature list.","name":"marketing-pro-pricing-sections-per-seat-calculator","title":"Per Seat Calculator","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered tab switcher for freelancers, teams, and agencies, each revealing two plan cards with prices, feature lists, and a highlighted pick.","name":"marketing-pro-pricing-sections-plans-by-audience","title":"Plans By Audience","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three plan cards whose quotas are proportional meter bars, so tiers compare at a glance.","name":"marketing-pro-pricing-sections-plans-with-meters","title":"Plans With Meters","type":"registry:block"},{"description":"Six billing questions answered open beside the prices, mechanisms and timelines included.","name":"marketing-pro-pricing-sections-pricing-faq-inline","title":"Pricing Faq Inline","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui","recharts"],"description":"A flat plan beside a shadcn bar chart of total cost against a per seat stack by team size.","name":"marketing-pro-pricing-sections-pricing-with-cost-chart","title":"Pricing With Cost Chart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A flat plan beside a guarantee card with spelled out terms and a published claim rate.","name":"marketing-pro-pricing-sections-pricing-with-guarantee","title":"Pricing With Guarantee","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two plan cards beside a customer quote card that endorses the upgrade.","name":"marketing-pro-pricing-sections-pricing-with-testimonial","title":"Pricing With Testimonial","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A left column of a heading and four checked billing promises beside a static sample invoice with line items, a seat credit, tax, and total.","name":"marketing-pro-pricing-sections-sample-invoice","title":"Sample Invoice","type":"registry:block"},{"description":"A minimal rate table listing each metric, its included allowance, and the overage price.","name":"marketing-pro-pricing-sections-simple-rate-table","title":"Simple Rate Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A single full plan price card beside a divided list of three short pricing questions.","name":"marketing-pro-pricing-sections-single-plan-with-faq","title":"Single Plan With FAQ","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The startup program as five labeled rows, including what happens when the discount ends.","name":"marketing-pro-pricing-sections-startup-discount-card","title":"Startup Discount Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A single plan card with a flat price and feature list beside a vertical timeline walking through each day of a 14 day trial.","name":"marketing-pro-pricing-sections-trial-timeline","title":"Trial Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An interactive estimator with a seats slider and annual switch on one side and an inverted summary card with a line item breakdown on the other.","name":"marketing-pro-pricing-sections-usage-estimator","title":"Usage Estimator","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"One slider for contacts, the matching plan and price computed live with the CTA labeled.","name":"marketing-pro-pricing-sections-usage-estimator-slider","title":"Usage Estimator Slider","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A flat price plan beside a chart of cumulative value crossing cost at a labeled break even.","name":"marketing-pro-pricing-sections-with-roi-chart","title":"With Roi Chart","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A plan card beside an SVG curve of the unit price flattening across three labeled volume tiers.","name":"marketing-pro-pricing-sections-with-usage-curve","title":"With Usage Curve","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A split process section pairing a four step accordion of numbered onboarding steps with a window styled data sync mockup and progress meter.","name":"marketing-pro-process-sections-accordion-steps","title":"Accordion Steps","type":"registry:block"},{"description":"An SVG flowchart of automated checks branching to approve or review, with a numbered step list.","name":"marketing-pro-process-sections-branching-flow","title":"Branching Flow","type":"registry:block"},{"description":"The setup checklist mid flight, a computed meter above tasks in three states.","name":"marketing-pro-process-sections-checklist-with-progress","title":"Checklist With Progress","type":"registry:block"},{"description":"A numbered four step list beside a circular loop diagram with nodes on a dashed ring.","name":"marketing-pro-process-sections-cycle-diagram","title":"Cycle Diagram","type":"registry:block"},{"description":"A workday told in timestamped scenes down a rule, each with its quiet before.","name":"marketing-pro-process-sections-day-in-the-life","title":"Day In The Life","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Intro copy beside a first day timeline of product moments keyed by monospaced times.","name":"marketing-pro-process-sections-day-one-timeline","title":"Day One Timeline","type":"registry:block"},{"description":"Days one through seven in honest prose, including the two days of nothing on purpose.","name":"marketing-pro-process-sections-first-week-timeline","title":"First Week Timeline","type":"registry:block"},{"description":"The onboarding month as overlapping workstream bars with owners labeled per bar.","name":"marketing-pro-process-sections-gantt-style-plan","title":"Gantt Style Plan","type":"registry:block"},{"description":"A responsibility split process section running three rollout phases as rows under two lanes, contrasting the customer tasks against the heavier vendor tasks.","name":"marketing-pro-process-sections-handoff-lanes","title":"Handoff Lanes","type":"registry:block"},{"description":"Three steps in a row joined by a thin connector line with a dot marking each step.","name":"marketing-pro-process-sections-horizontal-connected","title":"Horizontal Connected","type":"registry:block"},{"description":"A winding dashed path with four numbered milestone dots above a matching grid of steps.","name":"marketing-pro-process-sections-milestone-path","title":"Milestone Path","type":"registry:block"},{"description":"Four oversized numbered steps in a two column editorial grid with top borders.","name":"marketing-pro-process-sections-numbered-editorial","title":"Numbered Editorial","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A process comparison telling one weekly workflow twice, a manual panel with X marks beside a product panel with check marks and summed totals.","name":"marketing-pro-process-sections-old-way-new-way","title":"Old Way New Way","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Copy about a one afternoon setup beside a bordered checklist card with a progress bar.","name":"marketing-pro-process-sections-onboarding-checklist","title":"Onboarding Checklist","type":"registry:block"},{"description":"Inline SVG flow of four pipeline stages above a three column row explaining them.","name":"marketing-pro-process-sections-pipeline-flow","title":"Pipeline Flow","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A process section laying the rollout out as a five row table with stage, description, owner badge, timeline, and deliverable columns.","name":"marketing-pro-process-sections-process-table","title":"Process Table","type":"registry:block"},{"description":"Onboarding as a segmented meter frozen mid journey with honest time labels per step.","name":"marketing-pro-process-sections-progress-bar-steps","title":"Progress Bar Steps","type":"registry:block"},{"description":"Three numbered steps beside an app window mockup showing live metrics and a chart.","name":"marketing-pro-process-sections-split-steps-with-mockup","title":"Split Steps With Mockup","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Tabs labeled Step 1 to 3 where each panel pairs step copy with a small app mockup.","name":"marketing-pro-process-sections-step-tabs","title":"Step Tabs","type":"registry:block"},{"description":"Three numbered step cards, each led by a mini UI mockup of the brief, board, and report stages.","name":"marketing-pro-process-sections-steps-with-mini-mockups","title":"Steps With Mini Mockups","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three phase process section with icon squares, arrow connectors on desktop, per phase checklists, and a quiet link to the onboarding guide.","name":"marketing-pro-process-sections-three-phase-path","title":"Three Phase Path","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Centered heading above three step cards, each pairing an icon and number with short copy.","name":"marketing-pro-process-sections-three-step-cards","title":"Three Step Cards","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split process section with a sticky header, CTA, and proof stats beside a vertical timeline of four numbered milestones with timing detail rows.","name":"marketing-pro-process-sections-vertical-milestones","title":"Vertical Milestones","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Narrow vertical timeline of four numbered steps joined by a line, with buttons below.","name":"marketing-pro-process-sections-vertical-timeline","title":"Vertical Timeline","type":"registry:block"},{"description":"Alternating rows of step copy and app mockups, each tagged with a bordered step badge.","name":"marketing-pro-process-sections-zigzag-steps","title":"Zigzag Steps","type":"registry:block"},{"description":"A browser mockup with numbered marker dots decoded by a sticky legend list.","name":"marketing-pro-product-tours-annotated-screenshot","title":"Annotated Screenshot","type":"registry:block"},{"description":"A shabby dashed before screen beside a confident after screen with verdict captions.","name":"marketing-pro-product-tours-before-after-screens","title":"Before After Screens","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Split layout pairing a power user pitch with a static command palette blueprint showing a typed query, grouped results, and inline shortcut hints.","name":"marketing-pro-product-tours-command-palette-tour","title":"Command Palette Tour","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sandbox pitch beside a mockup with a drawn cursor, hovered row, and honest tooltip.","name":"marketing-pro-product-tours-demo-teaser-split","title":"Demo Teaser Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three workflows on ui tabs, each pairing one paragraph with a small drawn panel.","name":"marketing-pro-product-tours-feature-spotlight-tabs","title":"Feature Spotlight Tabs","type":"registry:block"},{"description":"One UI element drawn at large scale, an automation rule row with a toggle and live count.","name":"marketing-pro-product-tours-feature-spotlight-zoom","title":"Feature Spotlight Zoom","type":"registry:block"},{"description":"The product shortcuts as a Kbd reference panel, craft signaled through key caps.","name":"marketing-pro-product-tours-keyboard-shortcuts-panel","title":"Keyboard Shortcuts Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split layout pairing a guided onboarding pitch and reassurance rows with a setup checklist mockup showing a progress bar and highlighted current step.","name":"marketing-pro-product-tours-onboarding-checklist","title":"Onboarding Checklist","type":"registry:block"},{"description":"Centered heading above three persona columns, each pairing a framed home screen mockup with a role name and a short line on what they do.","name":"marketing-pro-product-tours-persona-tour-grid","title":"Persona Tour Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Vertical tabs of product areas, each pane pairing a blurb with a framed list mockup.","name":"marketing-pro-product-tours-side-tabs-tour","title":"Side Tabs Tour","type":"registry:block"},{"description":"Three numbered tour steps, each paired with a framed mini screen showing that stage.","name":"marketing-pro-product-tours-tour-steps-with-screens","title":"Tour Steps With Screens","type":"registry:block"},{"description":"Centered heading over a static video player mockup with a chaptered scrubber, beside a timestamped chapter list that highlights the active chapter.","name":"marketing-pro-product-tours-video-tour-chapters","title":"Video Tour Chapters","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three mini screens joined by arrows following one item from new to sent.","name":"marketing-pro-product-tours-workflow-walkthrough","title":"Workflow Walkthrough","type":"registry:block"},{"description":"A split section with heading, a stat rows panel, and a dated vertical timeline tracing one feature from first request to shipped.","name":"marketing-pro-roadmap-sections-feature-journey","title":"Feature Journey","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split call to action pairing numbered triage steps that explain what happens after you submit with a labeled request form card.","name":"marketing-pro-roadmap-sections-feature-request-form","title":"Feature Request Form","type":"registry:block"},{"description":"In flight initiatives with stage chips, owners, and progress bars defined by milestones.","name":"marketing-pro-roadmap-sections-milestone-progress-bars","title":"Milestone Progress Bars","type":"registry:block"},{"description":"A centered header over a two by two grid of criteria cards, each pairing the test we apply with a passed or failed real example.","name":"marketing-pro-roadmap-sections-prioritization-criteria","title":"Prioritization Criteria","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A transparency banner with in flight and shipped counts linking roadmap and changelog.","name":"marketing-pro-roadmap-sections-public-roadmap-banner","title":"Public Roadmap Banner","type":"registry:block"},{"description":"Four quarters on a line with status chips and struck through shipped items.","name":"marketing-pro-roadmap-sections-quarter-timeline","title":"Quarter Timeline","type":"registry:block"},{"description":"A Now, Next, Later board with defined column semantics and tagged item cards.","name":"marketing-pro-roadmap-sections-roadmap-columns","title":"Roadmap Columns","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A section header over a summary line and a dense table listing every initiative with detail, product area, status badge, and target quarter columns.","name":"marketing-pro-roadmap-sections-roadmap-table","title":"Roadmap Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Feature requests ranked by vote buttons with status badges and descriptions.","name":"marketing-pro-roadmap-sections-roadmap-with-votes","title":"Roadmap With Votes","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Dated shipped items beside planned ones with quarter chips and an honest exploring label.","name":"marketing-pro-roadmap-sections-shipped-vs-planned-list","title":"Shipped Vs Planned List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The public roadmap as a three column kanban, vote counts kept on shipped cards.","name":"marketing-pro-roadmap-sections-voting-board-columns","title":"Voting Board Columns","type":"registry:block"},{"description":"The three directive themes the year answers to, with reasoning and in flight bets.","name":"marketing-pro-roadmap-sections-yearly-themes","title":"Yearly Themes","type":"registry:block"},{"description":"An editorial year in review with a statement headline and three oversized ruled numbers.","name":"marketing-pro-stats-sections-annual-report-numbers","title":"Annual Report Numbers","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A light four counter row with tinted icon discs, large values, and hairline dividers.","name":"marketing-pro-stats-sections-counters-with-icons","title":"Counters With Icons","type":"registry:block"},{"description":"A solid primary band with a short headline beside three large stats divided by hairline rules.","name":"marketing-pro-stats-sections-dark-stat-band","title":"Dark Stat Band","type":"registry:block"},{"description":"A split stats section pairing a heading, narrative paragraph, and three hairline stat rows with a large decorative area chart panel.","name":"marketing-pro-stats-sections-growth-story","title":"Growth Story","type":"registry:block"},{"description":"A slim pill shaped strip of four value and label pairs, the lightest proof beat between sections.","name":"marketing-pro-stats-sections-inline-stat-strip","title":"Inline Stat Strip","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered stats header over three KPI cards, each pairing a small label and oversized value with a delta chip and a twelve bar sparkline.","name":"marketing-pro-stats-sections-kpi-cards","title":"KPI Cards","type":"registry:block"},{"dependencies":["recharts"],"description":"Four KPI cards with working shadcn sparklines beneath their numbers.","name":"marketing-pro-stats-sections-kpi-cards-with-charts","title":"Kpi Cards With Charts","type":"registry:block"},{"description":"One running total with a pulsing dot and the per minute rate beneath.","name":"marketing-pro-stats-sections-live-counter-band","title":"Live Counter Band","type":"registry:block"},{"description":"A centered stats band with a heading, four oversized metrics separated by hairline dividers, and a footnote citing the measurement period.","name":"marketing-pro-stats-sections-metric-band","title":"Metric Band","type":"registry:block"},{"description":"A centered heading above four large KPI tiles separated by hairline dividers in one rounded band.","name":"marketing-pro-stats-sections-metric-tiles-band","title":"Metric Tiles Band","type":"registry:block"},{"description":"Six years of company history as one paragraph with the milestones set at display size inline.","name":"marketing-pro-stats-sections-milestones-inline-text","title":"Milestones Inline Text","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split satisfaction band with the overall score set enormous beside a star row and a ruled list of rating sources, each with its own stars and volume.","name":"marketing-pro-stats-sections-rating-stats-band","title":"Rating Stats Band","type":"registry:block"},{"description":"One enormous centered number with a quiet claim above and a sourcing line below.","name":"marketing-pro-stats-sections-single-stat-spotlight","title":"Single Stat Spotlight","type":"registry:block"},{"description":"A text only split section with a heading and two paragraphs beside a grid of four large numbers.","name":"marketing-pro-stats-sections-split-numbers-with-copy","title":"Split Numbers With Copy","type":"registry:block"},{"description":"A left aligned header, then one dominant hero card carrying the headline number and sourcing beside four smaller supporting stat cards in a two by two grid.","name":"marketing-pro-stats-sections-stat-bento-grid","title":"Stat Bento Grid","type":"registry:block"},{"description":"A centered header over one bordered panel where each row compares a measure as two horizontal bars, customer result above industry average, with a legend.","name":"marketing-pro-stats-sections-stats-benchmark-bars","title":"Stats Benchmark Bars","type":"registry:block"},{"description":"A then and now ledger with before values struck through beside bold on Acme numbers.","name":"marketing-pro-stats-sections-stats-comparison-columns","title":"Stats Comparison Columns","type":"registry:block"},{"description":"A split section pairing a heading and three stacked stats with a twelve month bar chart panel.","name":"marketing-pro-stats-sections-stats-with-bar-chart","title":"Stats With Bar Chart","type":"registry:block"},{"dependencies":["recharts"],"description":"Three stat lines beside a shadcn donut splitting the same claim into its parts.","name":"marketing-pro-stats-sections-stats-with-donut-chart","title":"Stats With Donut Chart","type":"registry:block"},{"description":"Three large donut rings with centered percentages and captions inside one bordered panel.","name":"marketing-pro-stats-sections-stats-with-donut-grid","title":"Stats With Donut Grid","type":"registry:block"},{"description":"Copy beside four goal attainment rows, each with a label, value, and filled progress bar.","name":"marketing-pro-stats-sections-stats-with-progress-bars","title":"Stats With Progress Bars","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A centered header over three cards, each pairing an oversized stat and label with the customer quote behind the number and an avatar attribution.","name":"marketing-pro-stats-sections-stats-with-quotes","title":"Stats With Quotes","type":"registry:block"},{"description":"Four stat cards, each topped by a small sparkline that shows the trend behind the number.","name":"marketing-pro-stats-sections-stats-with-sparklines","title":"Stats With Sparklines","type":"registry:block"},{"description":"Three prose sentences with the numbers rendered large inline, stats with grammar.","name":"marketing-pro-stats-sections-text-stat-sentences","title":"Text Stat Sentences","type":"registry:block"},{"description":"An aggregate status banner above per component rows with dots and uptime figures.","name":"marketing-pro-status-sections-current-status-list","title":"Current Status List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Dated incidents with severity chips, precise impact lines, and postmortem links.","name":"marketing-pro-status-sections-incident-history-list","title":"Incident History List","type":"registry:block"},{"description":"A heading and lede over four numbered step cards, each pairing a title and description with a time commitment printed in a footer row.","name":"marketing-pro-status-sections-incident-response-process","title":"Incident Response Process","type":"registry:block"},{"description":"A split section pairing a communication promise and three bullet commitments with a live incident feed of phase chips, timestamps, and update text.","name":"marketing-pro-status-sections-incident-update-timeline","title":"Incident Update Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A heading and lede over a bordered list of maintenance windows, each row carrying date, UTC time, affected components, impact, and a status chip.","name":"marketing-pro-status-sections-maintenance-schedule","title":"Maintenance Schedule","type":"registry:block"},{"description":"Per region health cards with local latency and twelve month incident counts.","name":"marketing-pro-status-sections-regional-status-grid","title":"Regional Status Grid","type":"registry:block"},{"description":"A centered heading and lede above a four column stat band, each cell pairing a large metric with its label and a method note.","name":"marketing-pro-status-sections-reliability-stats-band","title":"Reliability Stats Band","type":"registry:block"},{"dependencies":["recharts"],"description":"Median and p99 latency as shadcn lines with the visible spike explained.","name":"marketing-pro-status-sections-response-time-chart","title":"Response Time Chart","type":"registry:block"},{"description":"SLA targets beside trailing actuals and automatic remedies, published inline.","name":"marketing-pro-status-sections-sla-commitments-table","title":"Sla Commitments Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A one row live status banner with a pulsing dot linking the full status page.","name":"marketing-pro-status-sections-status-summary-banner","title":"Status Summary Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A status list signup with a never marketing constitution and an email form.","name":"marketing-pro-status-sections-subscribe-to-updates","title":"Subscribe To Updates","type":"registry:block"},{"description":"The last 90 days as tick bars with the two degraded days named below, not in tooltips.","name":"marketing-pro-status-sections-uptime-day-ticks","title":"Uptime Day Ticks","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A split section with intro copy and engagement notes beside two labeled lists of advisor and board rows, each with avatar, name, and former role.","name":"marketing-pro-team-sections-advisors-and-board","title":"Advisors And Board","type":"registry:block"},{"description":"A text only roster in three department columns listing names and roles without portraits.","name":"marketing-pro-team-sections-compact-team-roles","title":"Compact Team Roles","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","radix-ui"],"description":"Two wide founder cards with large avatars, problem and answer bios, and social links.","name":"marketing-pro-team-sections-founders-spotlight","title":"Founders Spotlight","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A heading and lede above a four column grid of numbered interview stages with durations, closed by a candidate promises row and an open roles button.","name":"marketing-pro-team-sections-hiring-process","title":"Hiring Process","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Editorial leadership rows with avatars, highlighted roles, and short biographies.","name":"marketing-pro-team-sections-leadership-list","title":"Leadership List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Positions grouped by team with location and the real comp range on every row.","name":"marketing-pro-team-sections-open-roles-by-team","title":"Open Roles By Team","type":"registry:block"},{"dependencies":["radix-ui"],"description":"People grouped into labeled departments as avatar pill chips with one line charters.","name":"marketing-pro-team-sections-team-by-department","title":"Team By Department","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","radix-ui"],"description":"Six bordered member cards with avatars, personality one liners, and social icon rows.","name":"marketing-pro-team-sections-team-cards-with-socials","title":"Team Cards With Socials","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A centered heading above a four column grid of illustrated portraits with names and roles.","name":"marketing-pro-team-sections-team-grid-with-avatars","title":"Team Grid With Avatars","type":"registry:block"},{"dependencies":["recharts"],"description":"Five years of headcount as a stepped shadcn line beside the slow on purpose philosophy.","name":"marketing-pro-team-sections-team-growth-chart","title":"Team Growth Chart","type":"registry:block"},{"description":"A distributed team pitch beside a dot grid map with city pins and an overlap caption.","name":"marketing-pro-team-sections-team-map-distribution","title":"Team Map Distribution","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A compact banner pairing overlapping avatars and a team pitch with three numbers.","name":"marketing-pro-team-sections-team-stats-banner","title":"Team Stats Banner","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A heading and lede above a vertical rail of year entries, each with a milestone title, a short story, and an overlapping avatar group of new joiners.","name":"marketing-pro-team-sections-team-timeline","title":"Team Timeline","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A centered heading above a three column grid of bordered quote cards, each carrying a teammate quote with an avatar, name, and role footer.","name":"marketing-pro-team-sections-team-voices","title":"Team Voices","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Recruiting copy and CTAs beside an avatar mosaic ending in a dashed open seat tile.","name":"marketing-pro-team-sections-team-with-hiring-cta","title":"Team With Hiring Cta","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Large quotes with avatars that alternate left and right alignment in a divided stack.","name":"marketing-pro-testimonials-alternating-quotes","title":"Alternating Quotes","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A centered row of ten overlapping avatars above one quote, five stars, and a review count.","name":"marketing-pro-testimonials-avatar-strip-with-quote","title":"Avatar Strip With Quote","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A centered header over two large case study cards pairing a customer wordmark and quote excerpt with two headline metrics and a story link.","name":"marketing-pro-testimonials-case-study-cards","title":"Case Study Cards","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Testimonials as a chat thread with alternating bubbles, avatars, and timestamps in a framed window.","name":"marketing-pro-testimonials-chat-style-quotes","title":"Chat Style Quotes","type":"registry:block"},{"dependencies":["radix-ui"],"description":"One featured quote inside a solid primary panel with avatar attribution at the bottom.","name":"marketing-pro-testimonials-dark-panel-quote","title":"Dark Panel Quote","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A two column layout pairing a profile card with a ruled fact sheet and headline outcome beside four question and answer exchanges in a hairline divided list.","name":"marketing-pro-testimonials-interview-excerpt","title":"Interview Excerpt","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A centered header with avatar attribution above a vertical timeline of four dated quotes from one customer, day one to renewal.","name":"marketing-pro-testimonials-journey-quotes-timeline","title":"Journey Quotes Timeline","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A grid that alternates customer quote cards with company wordmark tiles under a heading.","name":"marketing-pro-testimonials-logos-and-quotes-grid","title":"Logos And Quotes Grid","type":"registry:block"},{"dependencies":["radix-ui","recharts"],"description":"Six quarters of NPS as shadcn bars beside survey verbatims including the missing point.","name":"marketing-pro-testimonials-nps-chart-with-quotes","title":"Nps Chart With Quotes","type":"registry:block"},{"description":"Ten customers at one ruled line each, density and variety as the proof.","name":"marketing-pro-testimonials-one-line-quotes-list","title":"One Line Quotes List","type":"registry:block"},{"description":"Three pulled review lines under publication wordmarks, each cited to its piece.","name":"marketing-pro-testimonials-press-quotes-row","title":"Press Quotes Row","type":"registry:block"},{"dependencies":["radix-ui"],"description":"An editorial stack of two big pull quotes with oversized quote marks and attributions.","name":"marketing-pro-testimonials-pull-quotes-stack","title":"Pull Quotes Stack","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A looping carousel of three large centered pull quotes with avatars, customer wordmarks, and rounded previous and next controls below.","name":"marketing-pro-testimonials-quote-carousel","title":"Quote Carousel","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Five quotes at their natural lengths flowing in masonry columns with avatar attributions.","name":"marketing-pro-testimonials-quote-masonry-grid","title":"Quote Masonry Grid","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A featured customer quote card beside a divided grid of two big result numbers.","name":"marketing-pro-testimonials-quote-with-metrics","title":"Quote With Metrics","type":"registry:block"},{"dependencies":["radix-ui"],"description":"One substantial quote beside the board slide it describes, befores struck through.","name":"marketing-pro-testimonials-quote-with-metrics-panel","title":"Quote With Metrics Panel","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A large quote and attribution beside a launch checklist mockup of the product.","name":"marketing-pro-testimonials-quote-with-product-shot","title":"Quote With Product Shot","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A review summary with average score, star row, and histogram bars beside a featured quote.","name":"marketing-pro-testimonials-quote-with-rating-bars","title":"Quote With Rating Bars","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A large customer quote beside a results panel with an outcome headline and twelve month bar chart.","name":"marketing-pro-testimonials-quote-with-results-chart","title":"Quote With Results Chart","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A centered banner quote above a ruled row of three results from the same customer.","name":"marketing-pro-testimonials-quote-with-stats-row","title":"Quote With Stats Row","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered header above a three tab switcher segmented by buyer role, each panel showing one large quote with avatar attribution and a ruled result line.","name":"marketing-pro-testimonials-role-quote-tabs","title":"Role Quote Tabs","type":"registry:block"},{"dependencies":["radix-ui"],"description":"One large centered quote with an avatar, name, and role stacked beneath it.","name":"marketing-pro-testimonials-single-quote-banner","title":"Single Quote Banner","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A grid of six social post style cards with avatars, handles, and casual praise.","name":"marketing-pro-testimonials-social-cards","title":"Social Cards","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Six short posts drawn as cards with avatars, handles, and timestamps, displayed unedited.","name":"marketing-pro-testimonials-social-posts-wall","title":"Social Posts Wall","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Three customer quotes in divided columns under a centered heading and lede.","name":"marketing-pro-testimonials-three-column-quotes","title":"Three Column Quotes","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A centered header above a three card grid of testimonials, each framing a thumbnail with a play control, a pull quote, avatar, and clip length.","name":"marketing-pro-testimonials-video-testimonial-cards","title":"Video Testimonial Cards","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A masonry wall of nine short quote cards under a centered header, with illustrated avatars, names, and roles at customer companies.","name":"marketing-pro-testimonials-wall-of-love","title":"Wall of Love","type":"registry:block"},{"description":"A mono audit log mockup including the line the vendor own support access writes.","name":"marketing-pro-trust-and-security-audit-log-preview","title":"Audit Log Preview","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A strip of certification chips with shield icons and audit dates beside a delivery promise.","name":"marketing-pro-trust-and-security-compliance-badges-row","title":"Compliance Badges Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A compliance section with a centered header, four framework cards pairing drawn badge marks with status lines, and a quiet trust center link.","name":"marketing-pro-trust-and-security-compliance-panel","title":"Compliance Panel","type":"registry:block"},{"description":"An SVG flow of tools, platform, and storage with TLS and AES labels on the arrows.","name":"marketing-pro-trust-and-security-data-flow-diagram","title":"Data Flow Diagram","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered data manifesto with five check marked promise rows split by hairlines and whitepaper and DPA buttons beneath.","name":"marketing-pro-trust-and-security-data-promise","title":"Data Promise","type":"registry:block"},{"description":"A left aligned header above three lifecycle panels for active accounts, cancellation, and deletion, each with a duration and data category rows.","name":"marketing-pro-trust-and-security-data-retention-stages","title":"Data Retention Stages","type":"registry:block"},{"description":"Browser to storage as a three node SVG flow with the encryption state on every hop.","name":"marketing-pro-trust-and-security-encryption-flow-diagram","title":"Encryption Flow Diagram","type":"registry:block"},{"description":"A left aligned header above five numbered phases in a horizontal stepper, each with a time chip and short note, plus a last incident line.","name":"marketing-pro-trust-and-security-incident-response-steps","title":"Incident Response Steps","type":"registry:block"},{"description":"Five human sentences summarizing the privacy policy, each linked to its legal section.","name":"marketing-pro-trust-and-security-plain-language-privacy","title":"Plain Language Privacy","type":"registry:block"},{"description":"A residency promise beside a dot grid map with pinned storage regions and a backup clause.","name":"marketing-pro-trust-and-security-residency-map-dots","title":"Residency Map Dots","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered header over three response time tiles, side by side in scope and out of scope lists, and a report button with a safe harbor note.","name":"marketing-pro-trust-and-security-responsible-disclosure","title":"Responsible Disclosure","type":"registry:block"},{"description":"Six always open security answers written to be pasted into a vendor review form.","name":"marketing-pro-trust-and-security-security-faq-compact","title":"Security Faq Compact","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split security section pairing a headline, whitepaper button, and spec rows with a grouped icon feature list under two uppercase labels.","name":"marketing-pro-trust-and-security-security-feature-list","title":"Security Feature List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six security control cards with icon discs and implementation detail sentences.","name":"marketing-pro-trust-and-security-security-pillars-grid","title":"Security Pillars Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A security pitch and pack request beside six checked controls with terse implementation notes.","name":"marketing-pro-trust-and-security-security-split-with-checklist","title":"Security Split With Checklist","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centered header over two paired panels splitting what we secure and what you control, each an icon list closed by a joint strip.","name":"marketing-pro-trust-and-security-shared-responsibility-model","title":"Shared Responsibility Model","type":"registry:block"},{"description":"Every third party that touches customer data, with purpose, region, and year added.","name":"marketing-pro-trust-and-security-subprocessors-table","title":"Subprocessors Table","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four document cards with updated dates and honest action links for security reviewers.","name":"marketing-pro-trust-and-security-trust-center-links","title":"Trust Center Links","type":"registry:block"},{"description":"SLA stats beside twelve monthly uptime bars with one honest dip explained in the caption.","name":"marketing-pro-trust-and-security-uptime-history-bars","title":"Uptime History Bars","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered 403 page with a signed-in identity card, the admin who can grant access, a request action, and account switch controls.","name":"marketing-pro-utility-pages-access-denied-403","title":"Access Denied 403","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A prelaunch page with the launch date at display size and a two email promise.","name":"marketing-pro-utility-pages-coming-soon","title":"Coming Soon","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A verification landing that names what the click unlocked before one button back.","name":"marketing-pro-utility-pages-email-confirmed","title":"Email Confirmed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An expired sign-in link page with a three-column lifecycle timeline, a security framed explanation, and a one field form for a fresh link.","name":"marketing-pro-utility-pages-link-expired","title":"Link Expired","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A planned window notice with the untouched list and a live status link.","name":"marketing-pro-utility-pages-maintenance-page","title":"Maintenance Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A 404 with a search pill and chips for the pages people were actually hunting.","name":"marketing-pro-utility-pages-not-found-404","title":"Not Found 404","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A 404 page with an oversized muted number, a calm headline, a rounded home button, and three destination cards for docs, status, and support.","name":"marketing-pro-utility-pages-not-found-directory","title":"Not Found Directory","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A blameless 429 page with the exact retry window and a human path to higher limits.","name":"marketing-pro-utility-pages-rate-limited-429","title":"Rate Limited 429","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A 500 that owns the failure, protects the draft, and hands out an error ID.","name":"marketing-pro-utility-pages-server-error-500","title":"Server Error 500","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A capacity pause page with the reason, reopen date, and a hold my place form.","name":"marketing-pro-utility-pages-signups-closed","title":"Signups Closed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A post signup page that schedules the next five minutes with honest times.","name":"marketing-pro-utility-pages-thank-you-page","title":"Thank You Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An unsubscribe confirmation with an icon badge, a preference card of remaining lists with per-list checkboxes and cadences, and an undo action.","name":"marketing-pro-utility-pages-unsubscribe-confirmed","title":"Unsubscribe Confirmed","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A post-signup check your inbox page with an icon badge, three-step progress row, the sent-to address, and resend or fix-typo actions.","name":"marketing-pro-utility-pages-verify-your-inbox","title":"Verify Your Inbox","type":"registry:block"},{"dependencies":["lucide-react"],"description":"One ultrawide cinematic player mockup under a centered heading with a duration caption.","name":"marketing-pro-video-sections-centered-video-showcase","title":"Centered Video Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A live session split: date, agenda, and host credits on one side with a labeled registration card and recording note on the other.","name":"marketing-pro-video-sections-live-session-register","title":"Live Session Register","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Episode rows with play discs, guest credits, and platform chips.","name":"marketing-pro-video-sections-podcast-episode-list","title":"Podcast Episode List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A heading with a browse link above a row of four portrait clip cards, each with a play disc, duration chip, and caption.","name":"marketing-pro-video-sections-short-clips-row","title":"Short Clips Row","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Three customer film cards with pull quote lines, avatars, and duration chips.","name":"marketing-pro-video-sections-testimonial-video-cards","title":"Testimonial Video Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three video cards with posters, play discs, duration chips, and topic badges.","name":"marketing-pro-video-sections-video-grid-thumbnails","title":"Video Grid Thumbnails","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Pitch copy beside a player mockup with a poster, play disc, and progress bar.","name":"marketing-pro-video-sections-video-player-split","title":"Video Player Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A featured video player beside a numbered up next queue of thumbnail rows with durations and a highlighted now playing row.","name":"marketing-pro-video-sections-video-playlist-queue","title":"Video Playlist Queue","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A player mockup beside a transcript excerpt of timestamped speaker turns with a link out to the full text.","name":"marketing-pro-video-sections-video-transcript-split","title":"Video Transcript Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A player mockup beside a chapter list with timestamps and one active row.","name":"marketing-pro-video-sections-video-with-chapters","title":"Video With Chapters","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dated replay player beside checked takeaways with watch and slides CTAs.","name":"marketing-pro-video-sections-webinar-replay-split","title":"Webinar Replay Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four past sessions with posters, live attendance counts, and no registration wall.","name":"marketing-pro-video-sections-webinar-replays-grid","title":"Webinar Replays Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered heading over an admission calendar table of upcoming cohorts with dates, seat counts, and status, marking the row a signup lands in.","name":"marketing-pro-waitlist-sections-cohort-schedule","title":"Cohort Schedule","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"The free queue beside a paid skip whose fee credits against the first year.","name":"marketing-pro-waitlist-sections-early-access-tiers","title":"Early Access Tiers","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four founding perks with stated limits, led by the price lock, dated window.","name":"marketing-pro-waitlist-sections-founding-member-perks","title":"Founding Member Perks","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered code entry card with the invite tree explained and a polite no code path.","name":"marketing-pro-waitlist-sections-invite-code-redeem","title":"Invite Code Redeem","type":"registry:block"},{"description":"Alpha, beta, launch phases down a rail with a you are here chip on the live one.","name":"marketing-pro-waitlist-sections-launch-timeline","title":"Launch Timeline","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A centered heading, a progress bar over the signup count, and a grid of milestone cards that each unlock a feature at a threshold.","name":"marketing-pro-waitlist-sections-milestone-unlocks","title":"Milestone Unlocks","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Your queue position with referral math, a copyable link, and a fairness cap.","name":"marketing-pro-waitlist-sections-referral-position-card","title":"Referral Position Card","type":"registry:block"},{"description":"The five waitlist questions answered with dates, counts, and mechanisms.","name":"marketing-pro-waitlist-sections-waitlist-faq-compact","title":"Waitlist Faq Compact","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A waitlist hero with the queue size and weekly admission rate as the proof.","name":"marketing-pro-waitlist-sections-waitlist-hero-count","title":"Waitlist Hero Count","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A four step numbered grid explaining the queue mechanics from signup to invite, each step carrying the one rule that governs it.","name":"marketing-pro-waitlist-sections-waitlist-how-it-works","title":"Waitlist How It Works","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column waitlist section pairing a labeled signup form with a spec row card that lists the plain terms of the list.","name":"marketing-pro-waitlist-sections-waitlist-signup-split","title":"Waitlist Signup Split","type":"registry:block"},{"description":"Four queue health numbers including median wait and invite activation rate.","name":"marketing-pro-waitlist-sections-waitlist-stats-band","title":"Waitlist Stats Band","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A grid of awards and milestones with icons and short captions. Use it on an about page to prove credibility and show what your team has earned.","name":"marketing-about-sections-achievements","title":"Achievements","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Headline metrics that count up as they scroll into view. Drop it on an about page to make growth, users, and revenue feel alive and concrete.","name":"marketing-about-sections-animated-stats","title":"Animated Stats","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A row of value cards pairing an icon with a short principle. Use it to spell out what your brand stands for and how the team makes decisions.","name":"marketing-about-sections-brand-values","title":"Brand Values","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Photos and short blurbs that show how the team works and what daily life feels like. Use it on a careers or about page to attract good people.","name":"marketing-about-sections-company-culture","title":"Company Culture","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean grid of core values, each with an icon, title, and sentence. Use it to explain the beliefs that guide how your company operates daily.","name":"marketing-about-sections-company-values","title":"Company Values","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A section pairing a statement on belonging with supporting stats and imagery. Use it to show how your company invests in people and fairness.","name":"marketing-about-sections-diversity-inclusion","title":"Diversity & Inclusion","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Portrait cards of the founders with names, roles, and a short bio. Use it on an about page to put faces and a personal story behind the company.","name":"marketing-about-sections-founders","title":"Founders","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bold single statement of purpose framed as a centered headline. Use it at the top of an about page to anchor everything in one clear idea.","name":"marketing-about-sections-mission-statement","title":"Mission Statement","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A strip of publication logos and pull quotes that show where you have been featured. Use it on an about page to borrow trust from known names.","name":"marketing-about-sections-press-recognitions","title":"Press & Recognitions","type":"registry:block"},{"description":"Numbered steps that walk through how you work, from first contact to final delivery. Use it on an about or services page to set expectations.","name":"marketing-about-sections-process","title":"Process","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A minimal about block with a heading and a paragraph of company background. Use it when you want to introduce the business without extra clutter.","name":"marketing-about-sections-simple","title":"Simple","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A tidy grid of key numbers with labels for users, revenue, or reach. Use it on an about page to back up your story with solid figures, fast.","name":"marketing-about-sections-stats-grid","title":"Stats Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Tabbed panels that split your story into mission, team, and history. Use it on an about page to pack a lot of context into one compact space.","name":"marketing-about-sections-tabs","title":"Tabs","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A responsive grid of headshots with names, titles, and social links. Use it on an about page to introduce the real people behind your product.","name":"marketing-about-sections-team-grid","title":"Team Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A vertical list of dated milestones marking how the company grew. Use it on an about page to walk visitors through your story, year by year.","name":"marketing-about-sections-timeline","title":"Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split layout with company text on one side and an image on the other. Use it on an about page to balance a short story with a clear visual.","name":"marketing-about-sections-two-column","title":"Two Column","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A set of value cards each holding an icon, title, and one line. Use it on an about page to share the principles your team works by every day.","name":"marketing-about-sections-values","title":"Values","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An about block pairing a paragraph of background with a large photo. Use it to introduce the company while a real image builds warmth and trust.","name":"marketing-about-sections-with-image","title":"With Image","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A banner that floats above page content with rounded corners and a dismiss button. Announce a promotion or update without pushing the layout down.","name":"marketing-announcement-banners-floating","title":"Floating","type":"registry:block"},{"description":"A slim bar with centered text and a single dismiss control. Share a short notice like free shipping or a new feature across the top of any page.","name":"marketing-announcement-banners-simple-centered","title":"Simple Centered","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A banner pairing a short message with a button so readers can act at once. Use it to drive signups, trial starts, or a link to a new release.","name":"marketing-announcement-banners-with-action","title":"With Action","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A banner with a live countdown timer beside the message. Build urgency for a sale, webinar, or deadline and prompt visitors to act before time runs out.","name":"marketing-announcement-banners-with-countdown","title":"With Countdown","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A banner that places a thumbnail or icon next to the headline and link. Spotlight a product, event, or article with a visual that draws the eye.","name":"marketing-announcement-banners-with-image","title":"With Image","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A banner showing user counts, ratings, or avatars next to the message. Build instant trust at the top of a page and nudge new visitors to convert.","name":"marketing-announcement-banners-with-social-proof","title":"With Social Proof","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A profile block pairing an author photo, bio, and their latest posts. Use it to build trust on a blog and surface more writing from one voice.","name":"marketing-blog-sections-author-spotlight","title":"Author Spotlight","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A horizontal slider of article cards with cover images and titles. Use it to feature recent or popular posts in a compact strip readers can swipe.","name":"marketing-blog-sections-carousel","title":"Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of case study cards with logos, results, and short summaries. Use it to present customer stories and proof on a results focused blog page.","name":"marketing-blog-sections-case-study-showcase","title":"Case Study Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A post grid paired with category tabs that filter the visible articles. Use it to help readers narrow a busy blog down to the topics they want.","name":"marketing-blog-sections-category-filter","title":"Category Filter","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dense vertical list of posts with titles, dates, and short excerpts. Use it to show many articles in little space on an index or archive page.","name":"marketing-blog-sections-compact-list","title":"Compact List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid collecting quotes and headshots from several contributors. Use it to package an opinion roundup or panel feature into one shareable post.","name":"marketing-blog-sections-expert-roundup","title":"Expert Roundup","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A list led by one large featured article above smaller stacked posts. Use it to spotlight your top story while listing the rest of the feed.","name":"marketing-blog-sections-featured-list","title":"Featured List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column layout with a main article feed beside a sidebar of links. Use it for a blog home that mixes posts with categories and promos here.","name":"marketing-blog-sections-featured-with-sidebar","title":"Featured With Sidebar","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A full width hero centered on a single article with a large cover image. Use it to launch a flagship post and pull readers straight into it.","name":"marketing-blog-sections-hero-focus","title":"Hero Focus","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A question and answer layout with a guest portrait and intro. Use it to publish interviews in a clear, readable format on an editorial blog.","name":"marketing-blog-sections-interview-format","title":"Interview Format","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An editorial grid that mixes large and small story cards across columns. Use it to give a content heavy blog the dense feel of a print magazine.","name":"marketing-blog-sections-magazine-layout","title":"Magazine Layout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean list of post titles, dates, and excerpts set in plenty of space. Use it for a writing focused blog where the words carry the whole page.","name":"marketing-blog-sections-minimal-blog","title":"Minimal Blog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An article feed combined with an email signup form and short prompt. Use it to grow a subscriber list while showcasing your most recent posts.","name":"marketing-blog-sections-newsletter-blog","title":"Newsletter Blog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A list of episode cards with cover art, titles, and play controls. Use it to publish a podcast feed where listeners browse and start episodes.","name":"marketing-blog-sections-podcast-list","title":"Podcast List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An even grid of article cards with cover images, titles, and dates. Use it as a clean, flexible blog index that scales to any number of posts.","name":"marketing-blog-sections-simple-grid","title":"Simple Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical timeline that orders posts by date with markers and dots. Use it for a changelog, release notes, or a chronological story archive.","name":"marketing-blog-sections-timeline-blog","title":"Timeline Blog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of video cards with thumbnails, durations, and titles. Use it to run a video first blog where each card opens a clip or full episode.","name":"marketing-blog-sections-video-blog","title":"Video Blog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A job application form with fields for contact details, resume upload, and a cover letter. Lets candidates apply directly from your careers page.","name":"marketing-careers-application-form","title":"Application Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A career path layout showing role progression, levels, and growth milestones. Helps applicants picture how they advance after joining your team.","name":"marketing-careers-career-path","title":"Career Path","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A company benefits section with icons and short blurbs for perks like health, time off, and remote work. Reassures candidates as they read open roles.","name":"marketing-careers-company-benefits","title":"Company Benefits","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A list of open positions grouped by department, each with a title and location. Helps candidates find the right team and apply to the matching role.","name":"marketing-careers-department-positions","title":"Department Positions","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A department showcase with cards describing each team, its focus, and people. Helps candidates understand where they fit before browsing open roles.","name":"marketing-careers-department-showcase","title":"Department Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An employee benefits grid covering insurance, learning budgets, and flexible hours. Shows candidates the full package while they consider applying.","name":"marketing-careers-employee-benefits","title":"Employee Benefits","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A horizontal slider of featured job cards with title, team, and location. Spotlights priority roles you want candidates to notice on the careers page.","name":"marketing-careers-featured-job-slider","title":"Featured Job Slider","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A step by step interview process timeline running from first application to final offer. Sets expectations so candidates know what each hiring stage involves.","name":"marketing-careers-interview-process","title":"Interview Process","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A searchable job board with filters for team, location, and type. Lets candidates scan every open role and apply to the one that fits them best.","name":"marketing-careers-job-board","title":"Job Board","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A single job details page with description, responsibilities, and an apply button. Gives candidates everything they need to decide and submit.","name":"marketing-careers-job-details","title":"Job Details","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean list of job listings with title, location, and a quick apply link. Helps candidates skim available roles and pick one to pursue today.","name":"marketing-careers-job-listings","title":"Job Listings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A workplace culture section with photos and short stories about daily life. Gives candidates a feel for the team before they decide to apply.","name":"marketing-careers-workplace-culture","title":"Workplace Culture","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A straightforward changelog list with version numbers, dates, and bullet points. Use it to post release notes when you want clarity over visual flourish.","name":"marketing-changelogs-basic-changelog","title":"Basic Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Release notes split into Added, Fixed, and Changed sections under each version. Helps readers scan a busy update and jump to the changes they care about.","name":"marketing-changelogs-categorized-changelog","title":"Categorized Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A dense changelog that packs many versions into a tight column. Ideal when you ship often and want the full history visible without heavy scrolling.","name":"marketing-changelogs-compact-changelog","title":"Compact Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Collapsed version entries that open on click to reveal full details. Keeps a long release history short while letting readers drill into any update.","name":"marketing-changelogs-expandable-changelog","title":"Expandable Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Release entries laid out as cards in a responsive grid. Use it to show recent updates side by side with badges, dates, and short summaries at a glance.","name":"marketing-changelogs-grid-changelog","title":"Grid Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Updates clustered by month or release so related entries sit together. Good for products with frequent shipping where context across versions matters.","name":"marketing-changelogs-grouped-changelog","title":"Grouped Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A changelog with filters and clickable entries that reveal more detail. Lets visitors explore updates by type and focus on the releases that matter.","name":"marketing-changelogs-interactive-changelog","title":"Interactive Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A pared back changelog with just dates, versions, and one line per change. Use it when you want updates to feel quiet and stay out of the way.","name":"marketing-changelogs-minimalist-changelog","title":"Minimalist Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Release notes organized into tabs by version or category. Lets readers switch between updates without scrolling, keeping each release neatly contained.","name":"marketing-changelogs-tabbed-changelog","title":"Tabbed Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A changelog rendered as a table with columns for version, date, and notes. Use it when readers need to scan and compare many releases quickly.","name":"marketing-changelogs-table-changelog","title":"Table Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A vertical timeline that plots releases in order with dates and notes. Use it to tell the story of a product as it grows version over version.","name":"marketing-changelogs-timeline-changelog","title":"Timeline Changelog","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A center aligned contact form with heading, supporting text, and stacked fields. Drops onto a simple contact page so visitors can send a message fast.","name":"marketing-contact-sections-center-aligned","title":"Center Aligned","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split layout pairing a contact form with a column of details like email, phone, and hours. Use it when people need a quick way to reach the right team.","name":"marketing-contact-sections-split-with-details","title":"Split With Details","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A contact section that places a form beside an embedded map of your location. Ideal for a storefront or office that wants visitors to find and reach it.","name":"marketing-contact-sections-with-map","title":"With Map","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A call to action that pairs award badges and recognition logos with a signup prompt. Builds trust before the click on a landing or pricing page.","name":"marketing-cta-sections-awards-cta","title":"Awards CTA","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A full width banner with a background image, headline, and button. Anchors a campaign message across the top or bottom of any marketing page.","name":"marketing-cta-sections-banner-with-background","title":"Banner With Background","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A call to action framed around a customer story with a headline result and link. Use it after proof points to push readers toward booking a demo.","name":"marketing-cta-sections-case-study-cta","title":"Case Study CTA","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A call to action with a live countdown clock beside a headline and button. Drives urgency for a sale, launch, or webinar registration deadline.","name":"marketing-cta-sections-countdown-timer","title":"Countdown Timer","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A call to action that places a customer quote and avatar right next to a signup button. Reinforces social proof at the moment a visitor decides.","name":"marketing-cta-sections-cta-with-testimonial","title":"CTA With Testimonial","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A short FAQ list paired with a closing prompt and button. Answers the last objections and nudges readers to convert at the end of a long page.","name":"marketing-cta-sections-faq-cta","title":"FAQ CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A call to action backed by a grid of feature highlights with icons. Recaps the value of a product before inviting visitors to start a free trial.","name":"marketing-cta-sections-feature-grid","title":"Feature Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered call to action set on a vivid gradient panel with a headline and button. A bright closing section for a homepage or feature page.","name":"marketing-cta-sections-gradient-cta","title":"Gradient CTA","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A call to action that sets an image beside a headline, body copy, and button. Use it to show a product shot while inviting the visitor to act.","name":"marketing-cta-sections-image-with-text","title":"Image With Text","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A call to action surrounded by logos of supported tools and platforms. Reassures teams about compatibility before they sign up and connect apps.","name":"marketing-cta-sections-integrations-cta","title":"Integrations CTA","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A signup section with an email input and subscribe button under a short pitch. Collects leads for a newsletter, waitlist, or product updates.","name":"marketing-cta-sections-newsletter-form","title":"Newsletter Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A compact contact prompt with a short form or button to reach the team. Drops into a footer or sidebar so visitors can get in touch fast.","name":"marketing-cta-sections-quick-contact-cta","title":"Quick Contact CTA","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered call to action with a headline, supporting line, and button. A clean closing section to end a landing page and prompt the next step.","name":"marketing-cta-sections-simple-centered","title":"Simple Centered","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column call to action with copy on one side and an image on the other. Balances message and visual to invite a signup or demo request.","name":"marketing-cta-sections-split-with-image","title":"Split With Image","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A call to action that leads with key metrics like users or uptime, then a button. Uses hard numbers to convince visitors before they commit.","name":"marketing-cta-sections-stats-cta","title":"Stats CTA","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A call to action with tabbed content that swaps messages by audience or use case. Lets visitors pick a path before clicking the matching button.","name":"marketing-cta-sections-tab-cta","title":"Tab CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A call to action built around an embedded video with a headline and button. Plays a quick demo or pitch, then invites the viewer to start now.","name":"marketing-cta-sections-video-cta","title":"Video CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A call to action with alternating text and image rows that lead into a button. Walks readers through benefits before the final closing prompt.","name":"marketing-cta-sections-zigzag-cta","title":"Zigzag CTA","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion FAQ set against a tinted background panel. Each question expands to reveal its answer, keeping long lists of details tidy and easy to scan.","name":"marketing-faq-sections-accordion-with-background","title":"Accordion With Background","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of question cards, each holding one query and its answer inline. Lays out frequent questions clearly so visitors find what they need at a glance.","name":"marketing-faq-sections-card-grid","title":"Card Grid","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A centered FAQ column with a heading and stacked accordion items. Keeps focus on the questions and works well as a standalone support section on any page.","name":"marketing-faq-sections-center-aligned","title":"Center Aligned","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An FAQ layout with formatted code blocks inside answers. Built for developer docs where responses need syntax examples, commands, or configuration shown.","name":"marketing-faq-sections-code-snippets","title":"Code Snippets","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An FAQ section paired with a contact form, so visitors read common answers and reach out when their question is not covered, all within one tidy section.","name":"marketing-faq-sections-contact-form","title":"Contact Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An FAQ section with a supporting illustration beside the question list. Adds visual context and warmth to a help area while answers stay easy to read.","name":"marketing-faq-sections-image-illustrated","title":"Image Illustrated","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A two column FAQ with the heading and intro on the left and accordion items on the right. Balances explanation and detail across a wide support section.","name":"marketing-faq-sections-right-aligned","title":"Right Aligned","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An FAQ section with a search field that filters questions as you type. Helps visitors jump straight to the answer they want across a long question list.","name":"marketing-faq-sections-search-filter","title":"Search Filter","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An FAQ layout with a sidebar of categories beside the answers. Lets visitors switch topics quickly and keeps large help sections organized and navigable.","name":"marketing-faq-sections-sidebar-navigation","title":"Sidebar Navigation","type":"registry:block"},{"description":"A plain two column grid of questions and answers. A compact way to cover many topics at once, ideal for a quick reference block near a page footer.","name":"marketing-faq-sections-simple-2-cols-grid","title":"Simple 2 Cols Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A clean FAQ list with an icon by each question and dividers between rows. Keeps a long set of answers readable and clearly separated on any support page.","name":"marketing-faq-sections-simple-with-divider-and-icon","title":"Simple With Divider And Icon","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An FAQ section with tabs that group questions by category. Visitors pick a topic and see only relevant answers, keeping a broad help area uncluttered.","name":"marketing-faq-sections-tabbed-categories","title":"Tabbed Categories","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An FAQ laid out as a vertical timeline, walking visitors through questions in order. Suited to onboarding or step by step guides where sequence matters.","name":"marketing-faq-sections-timeline-faq","title":"Timeline FAQ","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Feature cards that tilt in 3D as the cursor moves, each holding an icon, title, and copy. Adds depth to a landing page when you want highlights to feel tactile.","name":"marketing-feature-sections-3d-cards","title":"3D Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A tidy grid of feature cards, each with an icon, heading, and short description. Lays out several product capabilities at once for a clean overview section.","name":"marketing-feature-sections-card-grid","title":"Card Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Stacked feature panels that expand on click to reveal detail and a paired visual. Lets visitors drill into one capability at a time without crowding the page.","name":"marketing-feature-sections-feature-accordion","title":"Feature Accordion","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A feature section styled as a chat thread, pairing message bubbles with copy. Built to show a messaging or support product talking in real conversation.","name":"marketing-feature-sections-feature-chat","title":"Feature Chat","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Sets two options side by side with checkmarks and notes per row. Use it to contrast your product against an alternative and make the better choice obvious.","name":"marketing-feature-sections-feature-comparison","title":"Feature Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Feature copy paired with bold metrics like uptime, users, or speed. Backs your claims with numbers and builds trust on a homepage or product overview.","name":"marketing-feature-sections-feature-stats","title":"Feature Stats","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A vertical timeline that walks through features or milestones in sequence. Ideal for telling how a product flow works or how your story unfolded over time.","name":"marketing-feature-sections-feature-timeline","title":"Feature Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A feature layout built around short video clips, each captioned with a benefit. Best when a moving demo explains the value faster than text alone could.","name":"marketing-feature-sections-feature-videos","title":"Feature Videos","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A guided, multi step layout that reveals features as the visitor advances. Useful for onboarding copy or walking through a setup flow one screen at a time.","name":"marketing-feature-sections-feature-wizard","title":"Feature Wizard","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A feature grid where each cell reveals more copy and a glow on hover. Keeps the section compact at rest, then rewards visitors who explore each capability.","name":"marketing-feature-sections-grid-hover","title":"Grid Hover","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A clean feature section with a heading, supporting text, and a short list of points. Reach for it when you want clarity over decoration on a marketing page.","name":"marketing-feature-sections-simple","title":"Simple","type":"registry:block"},{"description":"Numbered steps that lay out how your product works from start to finish. Drop it on a homepage to turn a process into an easy three or four part story.","name":"marketing-feature-sections-steps","title":"Steps","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A feature section featuring a mock terminal with typed commands and output. Built for developer tools where showing real CLI usage sells the value fast.","name":"marketing-feature-sections-terminal","title":"Terminal","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"Feature highlights in a swipeable carousel, one slide per capability with copy and a visual. Fits many features into a small space without a long scroll.","name":"marketing-feature-sections-with-carousel","title":"With Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A feature block that places before and after states next to each other. Use it to show the change your product brings and let the difference speak plainly.","name":"marketing-feature-sections-with-comparison","title":"With Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Alternating rows of feature copy beside supporting images. A reliable pattern for explaining several capabilities while keeping the page lively and balanced.","name":"marketing-feature-sections-with-images","title":"With Images","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Feature descriptions interleaved with headline numbers and labels. Pairs the what with the proof so visitors trust the results on a product or pricing page.","name":"marketing-feature-sections-with-stats","title":"With Stats","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Tabbed feature panels that swap content and visuals as visitors switch tabs. Organizes many capabilities into one compact, tidy section that stays readable.","name":"marketing-feature-sections-with-tabs","title":"With Tabs","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A footer with a row of partner and customer logos above the navigation links. Adds social proof and brand trust at the bottom of a landing page.","name":"marketing-footers-logo-cloud","title":"Logo Cloud","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A compact footer with a single line of copyright text and a few essential links. Keeps the bottom of an app or docs page quiet and out of the way.","name":"marketing-footers-minimal","title":"Minimal","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A footer split into grouped link columns for products, company, and resources. Organizes deep site navigation on a large marketing or app homepage.","name":"marketing-footers-multi-column","title":"Multi Column","type":"registry:block"},{"description":"A footer pairing a logo and short tagline with a tidy row of page links. Rounds off a small business or portfolio site without crowding the layout.","name":"marketing-footers-simple","title":"Simple","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A footer with an email newsletter form beside the usual navigation links. Captures signups while visitors are leaving the bottom of your site.","name":"marketing-footers-subscribe","title":"Subscribe","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A swipeable carousel that steps through images one at a time. Use it to feature product shots or photos in a compact space on any landing page.","name":"marketing-gallery-carousel-gallery","title":"Carousel Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A horizontal filmstrip of thumbnails with a larger preview above. Ideal for browsing a photo set or product angles while keeping every frame in view.","name":"marketing-gallery-filmstrip-gallery","title":"Filmstrip Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A fullscreen gallery that fills the viewport with one image at a time. Good for immersive photo stories, lookbooks, or a striking visual showcase.","name":"marketing-gallery-fullscreen-gallery","title":"Fullscreen Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A responsive grid of evenly sized image tiles. Use it to display many photos, products, or case studies at once with a clean, scannable layout.","name":"marketing-gallery-grid-gallery","title":"Grid Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An edge to edge gallery with large visuals and smooth motion. Use it to surround visitors in your photos or brand imagery on a campaign page.","name":"marketing-gallery-immersive-gallery","title":"Immersive Gallery","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A scattered set of polaroid style cards with captions and slight tilts. Great for adding a casual, personal feel to an about page or event recap.","name":"marketing-gallery-polaroid-gallery","title":"Polaroid Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A portfolio layout that pairs project images with titles and short notes. Use it to present work, case studies, or a creative showcase to clients.","name":"marketing-gallery-portfolio-gallery","title":"Portfolio Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","date-fns","lucide-react","radix-ui","react-day-picker"],"description":"A hero with a booking form for dates, times, and guest details next to a headline. Lets visitors reserve a slot the moment they land on the page.","name":"marketing-hero-forms-booking-form","title":"Booking Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered hero built around a search field with popular tags below it. Helps visitors find what they need fast on a directory or marketplace home.","name":"marketing-hero-forms-center-aligned-search-with-tags","title":"Center Aligned Search With Tags","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered hero pairing a headline and subtext with a short inline form. Collects an email or signup in one view to start onboarding immediately.","name":"marketing-hero-forms-center-aligned-with-a-form","title":"Center Aligned With A Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a full contact form set over a styled background image. Invites visitors to send a message or request a quote without leaving the top.","name":"marketing-hero-forms-contact-form-with-background","title":"Contact Form With Background","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a contest entry form for name, email, and answer fields. Drives signups and excitement around a giveaway or promotional campaign.","name":"marketing-hero-forms-contest-entry-form","title":"Contest Entry Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with an early access form and a single email field beside the pitch. Builds a waitlist for an upcoming product before the public launch.","name":"marketing-hero-forms-early-access-form","title":"Early Access Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero combining a registration form with a live countdown timer. Pushes visitors to claim a spot before an event or sale window closes.","name":"marketing-hero-forms-event-registration-countdown","title":"Event Registration Countdown","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a feedback survey form using ratings and short answers. Gathers visitor opinions on a product or service in a single focused view.","name":"marketing-hero-forms-feedback-survey-form","title":"Feedback Survey Form","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a floating form card resting over a soft gradient backdrop. Highlights a signup field and pulls the eye to one clear action.","name":"marketing-hero-forms-floating-card-with-gradient","title":"Floating Card With Gradient","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a free ebook form that trades an email for a download. Grows a mailing list while offering a guide or report as the incentive.","name":"marketing-hero-forms-free-ebook-form","title":"Free Ebook Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a free trial signup form for email and password fields. Starts new accounts the moment a visitor decides to try the product.","name":"marketing-hero-forms-free-trial-signup-form","title":"Free Trial Signup Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split hero with a product image on one side and a signup form on the other. Balances visual proof with a clear path to start using the product.","name":"marketing-hero-forms-image-and-form","title":"Image And Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a job application form for contact details and a resume upload. Lets candidates apply right from the top of a careers page.","name":"marketing-hero-forms-job-application-form","title":"Job Application Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a newsletter subscription field and a short value pitch. Turns first time visitors into subscribers with one quick email entry.","name":"marketing-hero-forms-newsletter-subscription","title":"Newsletter Subscription","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero pairing a newsletter form with subscriber counts and logos. Uses social proof to convince visitors the list is worth joining today.","name":"marketing-hero-forms-newsletter-with-social-proof","title":"Newsletter With Social Proof","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a product customizer form for options like size and color. Lets shoppers configure their choice and preview it before checkout.","name":"marketing-hero-forms-product-customizer-form","title":"Product Customizer Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a quiz or assessment form that walks through scored questions. Engages visitors and routes them toward a tailored recommendation.","name":"marketing-hero-forms-quiz-assessment-form","title":"Quiz Assessment Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a schedule demo form for name, company, and a time slot. Books sales calls with prospects right where they first arrive.","name":"marketing-hero-forms-schedule-demo-form","title":"Schedule Demo Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a sign up form for email and password beside the headline. Opens new accounts fast so visitors can start using the product now.","name":"marketing-hero-forms-sign-up-form","title":"Sign Up Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split screen hero with a multi step form and a progress indicator. Guides visitors through a longer signup without overwhelming them at once.","name":"marketing-hero-forms-split-screen-multi-step","title":"Split Screen Multi Step","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a subscription form and a monthly to yearly billing toggle. Lets visitors pick a plan and price before they start a paid signup.","name":"marketing-hero-forms-subscription-form-with-toggle","title":"Subscription Form With Toggle","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a two factor verification form for a one time security code. Confirms identity during signin to keep new accounts safe and secure.","name":"marketing-hero-forms-two-factor-verification","title":"Two Factor Verification","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a user feedback form for comments, ratings, and contact info. Collects honest input from visitors to guide the next product update.","name":"marketing-hero-forms-user-feedback-form","title":"User Feedback Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a webinar registration form for name, email, and session time. Fills seats for a live session straight from the landing page top.","name":"marketing-hero-forms-webinar-registration-form","title":"Webinar Registration Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a 3D isometric illustration beside a headline and call to action. Adds depth and a modern feel to the top of a product landing page.","name":"marketing-hero-sections-3d-isometric-hero","title":"3D Isometric Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero that cycles through key features with motion next to a headline and CTA. Use it to show what your product does the moment a visitor arrives.","name":"marketing-hero-sections-animated-features-hero","title":"Animated Features Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero set on a slowly shifting gradient backdrop with a centered headline and CTA. A colorful, lively opener for SaaS and creative product pages.","name":"marketing-hero-sections-animated-gradient","title":"Animated Gradient","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero where the headline word swaps through phrases with smooth motion. Highlights several value points in one line at the top of a landing page.","name":"marketing-hero-sections-animated-text-hero","title":"Animated Text Hero","type":"registry:block"},{"description":"A centered hero with a headline, subtext, and CTA above a wide product image. A balanced, classic opener for marketing and SaaS landing pages.","name":"marketing-hero-sections-centred-with-image","title":"Centred With Image","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero pairing a headline and CTA with a live chat conversation preview. Ideal for messaging, support, or AI assistant products you want to demo.","name":"marketing-hero-sections-chat-preview-hero","title":"Chat Preview Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero with a ticking countdown timer beside a headline and CTA. Builds urgency for launches, sales, webinars, and limited time offer landing pages.","name":"marketing-hero-sections-countdown-hero","title":"Countdown Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero on a rich gradient background with a centered headline, subtext, and CTA. A bold, color led opener for product and campaign landing pages.","name":"marketing-hero-sections-gradient-background","title":"Gradient Background","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a soft mesh gradient behind a centered headline and CTA. Gives a calm, premium backdrop to SaaS, design, and startup landing pages.","name":"marketing-hero-sections-gradient-mesh-hero","title":"Gradient Mesh Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a rotating image carousel next to a headline and CTA. Shows several product shots or screens at the top of a landing page in turn.","name":"marketing-hero-sections-image-carousel-hero","title":"Image Carousel Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero placing a product image alongside short customer reviews and a CTA. Pairs your pitch with proof to win trust on a landing page right away.","name":"marketing-hero-sections-image-with-reviews","title":"Image With Reviews","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with live, interactive stat counters beside a headline and CTA. Use it to make growth, usage, or results tangible on a SaaS landing page.","name":"marketing-hero-sections-interactive-metrics","title":"Interactive Metrics","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a phone mockup, app store badges, and a headline. Built to drive downloads at the top of a mobile app marketing or launch page.","name":"marketing-hero-sections-mobile-app-hero","title":"Mobile App Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero that guides visitors through a short multi step call to action. Use it to qualify leads or onboard users right from a landing page header.","name":"marketing-hero-sections-multi-step-cta-hero","title":"Multi-Step CTA Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with animated particles drifting behind a centered headline and CTA. A dynamic, tech forward opener for software and startup landing pages.","name":"marketing-hero-sections-particles-background-hero","title":"Particles Background Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a swipeable product carousel beside a headline and CTA. Showcases a range of items or plans at the top of an ecommerce landing page.","name":"marketing-hero-sections-product-carousel-hero","title":"Product Carousel Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a step progress tracker next to a headline and CTA. Use it to show a setup flow or journey at the top of an onboarding landing page.","name":"marketing-hero-sections-progress-tracker-hero","title":"Progress Tracker Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero centered on a prominent search bar below a headline and subtext. Ideal for directories, docs, marketplaces, and content heavy landing pages.","name":"marketing-hero-sections-search-bar","title":"Search Bar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean centered hero with a headline, short subtext, and a single CTA. A minimal, fast loading opener that suits almost any landing page or product.","name":"marketing-hero-sections-simple-centred","title":"Simple Centred","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero pairing a headline and CTA with logos, ratings, and user counts. Leads with credibility to reassure visitors at the top of a landing page.","name":"marketing-hero-sections-social-proof-hero","title":"Social Proof Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a two column split, text and CTA on one side, content on the other. A flexible opener that balances your message and a visual cleanly.","name":"marketing-hero-sections-split-content-hero","title":"Split Content Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero split into a text column and a full height product image. A direct, balanced opener that pairs your pitch with a visual on a landing page.","name":"marketing-hero-sections-split-image-hero","title":"Split Image Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero split between a headline with CTA and an embedded product video. Use it to show your product in motion at the top of a landing page.","name":"marketing-hero-sections-split-with-video","title":"Split With Video","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a rotating carousel of customer testimonials and a CTA. Opens a landing page with real quotes to build trust before the pitch lands.","name":"marketing-hero-sections-testimonial-carousel","title":"Testimonial Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero leading with security badges, certifications, and partner logos. Reassures cautious buyers at the top of a landing or enterprise sales page.","name":"marketing-hero-sections-trust-indicators","title":"Trust Indicators","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a looping video filling the background behind a headline and CTA. Sets an immersive, cinematic tone at the top of a landing page.","name":"marketing-hero-sections-video-background-hero","title":"Video Background Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero featuring a rotating 3D device mockup beside a headline and CTA. Presents your app or product with depth on a modern landing page.","name":"marketing-hero-sections-with-3d-mockup","title":"With 3D Mockup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero pairing a headline and CTA with a live API request and response preview. Built for developer tools and platforms aimed at technical buyers.","name":"marketing-hero-sections-with-api-preview","title":"With API Preview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero showcasing app screens in a layered layout next to a headline and CTA. Use it to highlight the interface on a software product landing page.","name":"marketing-hero-sections-with-app-showcase","title":"With App Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero with a bento grid of feature tiles below a headline and CTA. Summarizes several capabilities at a glance on a modern SaaS landing page.","name":"marketing-hero-sections-with-bento-grid","title":"With Bento Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero pairing a headline and CTA with a syntax highlighted code snippet. Speaks directly to developers at the top of a tool or library landing page.","name":"marketing-hero-sections-with-code-preview","title":"With Code Preview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero with tabbed panels that swap content beneath a headline and CTA. Use it to present several use cases or features in one compact area.","name":"marketing-hero-sections-with-content-tabs","title":"With Content Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero placing a product dashboard screenshot next to a headline and CTA. Shows your interface and data at the top of a SaaS or analytics page.","name":"marketing-hero-sections-with-dashboard","title":"With Dashboard","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero centered on an inline email capture form below a headline and subtext. Ideal for waitlists, newsletters, and early access landing pages.","name":"marketing-hero-sections-with-email-input","title":"With Email Input","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero with a row of feature cards beneath a headline and CTA. Breaks your key benefits into scannable tiles at the top of a landing page.","name":"marketing-hero-sections-with-feature-cards","title":"With Feature Cards","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero with a feature timeline beside a headline and CTA. Walks visitors through a workflow or roadmap at the top of a product landing page.","name":"marketing-hero-sections-with-feature-timeline","title":"With Feature Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero showing a grid of integration logos beside a headline and CTA. Highlights the tools your product connects to on a platform landing page.","name":"marketing-hero-sections-with-integration-showcase","title":"With Integration Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero with framed product screenshots next to a headline and CTA. Shows the real interface at the top of a software or SaaS landing page.","name":"marketing-hero-sections-with-product-screenshots","title":"With Product Screenshots","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero pairing a headline and CTA with a grid of team member photos. Adds a human face to about, agency, and company landing pages from the start.","name":"marketing-hero-sections-with-team-grid","title":"With Team Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hero pairing a headline and CTA with an animated terminal window. Speaks to developers and shows install or usage commands on a tool landing page.","name":"marketing-hero-sections-with-terminal","title":"With Terminal","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two column grid pairing each icon with a heading and short paragraph. Lays out a handful of product features in a clean, balanced reading layout.","name":"marketing-icon-sections-2-cols-grid","title":"2 Cols Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of feature icons that animate into view on scroll. Adds motion to a list of capabilities so each benefit catches the eye as users read down.","name":"marketing-icon-sections-animated-icon-grid","title":"Animated Icon Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centred intro paragraph above a row of icon blocks. Frames a section theme, then lists supporting features in tidy, evenly spaced columns.","name":"marketing-icon-sections-centred-description-with-icon-blocks","title":"Centred Description With Icon Blocks","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Centre aligned icons set in soft circles, each with a title and caption. A friendly way to present three or four core benefits on a landing page.","name":"marketing-icon-sections-circle-icons-centre-aligned","title":"Circle Icons Centre Aligned","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A tight vertical list pairing icons with numbers and labels. Shows key metrics in a small footprint, ideal for sidebars or dense feature pages.","name":"marketing-icon-sections-compact-metric-list","title":"Compact Metric List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split layout with a section heading and copy on the left and stacked icon blocks on the right. Pairs a narrative pitch with scannable feature points.","name":"marketing-icon-sections-description-on-left-icon-blocks-on-right","title":"Description On Left Icon Blocks On Right","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Icon cards that expand on click to reveal more detail. Keeps the section compact while letting curious visitors dig into any feature they choose.","name":"marketing-icon-sections-expandable-icon-cards","title":"Expandable Icon Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Icon tabs that switch between feature panels in place. Lets visitors explore several capabilities without scrolling, one focused view at a time.","name":"marketing-icon-sections-feature-icon-tabs","title":"Feature Icon Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A horizontal strip of icon cards users swipe or scroll through. Fits many features in limited height and reads naturally on mobile screens.","name":"marketing-icon-sections-horizontal-scrolling-icons","title":"Horizontal Scrolling Icons","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A carousel rotating through icon features one slide at a time. Highlights a long list of capabilities without crowding the page or overwhelming readers.","name":"marketing-icon-sections-icon-feature-carousel","title":"Icon Feature Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of stat cards pairing an icon with a bold number and label. Surfaces growth figures and key results to build trust on a marketing page.","name":"marketing-icon-sections-icon-stats-grid","title":"Icon Stats Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Category tabs marked with icons that filter the features shown below. Helps visitors jump straight to the feature set that matches their needs.","name":"marketing-icon-sections-icon-tabs-categories","title":"Icon Tabs Categories","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical timeline with an icon at each step. Walks visitors through a process or product journey in clear order, one milestone after another.","name":"marketing-icon-sections-icon-timeline","title":"Icon Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A row of icons that reveal a short tooltip on hover. Packs many features into a small space while keeping extra detail one cursor away.","name":"marketing-icon-sections-icons-with-tooltips","title":"Icons With Tooltips","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An interactive panel where hovering an icon updates the description beside it. Invites visitors to explore features at their own pace and stay engaged.","name":"marketing-icon-sections-interactive-icon-showcase","title":"Interactive Icon Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A set of cards pairing an icon with a headline metric and caption. Presents results, usage, or savings in confident, easy to scan tiles.","name":"marketing-icon-sections-metric-cards","title":"Metric Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Clean tiles showing an icon, a number, and a short label. A spare way to display a few key stats without distracting from the surrounding copy.","name":"marketing-icon-sections-minimal-stats-tiles","title":"Minimal Stats Tiles","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Icons arranged in a circular, radial pattern around a central label. A distinctive way to show how features connect to one core product idea.","name":"marketing-icon-sections-radial-icon-layout","title":"Radial Icon Layout","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Solid filled icons that shift colour or lift on hover. Adds tactile feedback to a feature grid so the section feels responsive as visitors browse.","name":"marketing-icon-sections-solid-icon-with-hover-effect","title":"Solid Icon With Hover Effect","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Vertically stacked icon cards, each with a title and short blurb. Reads top to bottom on any screen and keeps a long feature list easy to follow.","name":"marketing-icon-sections-stacked-cards","title":"Stacked Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A code sample panel beside copy that explains your API. Drop it on a developer page to show how integrations connect in only a few short lines.","name":"marketing-integrations-api-preview","title":"API Preview","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A scrolling row of partner and app logos that loops as visitors watch. Place it under a hero to prove your product fits neatly into an existing stack.","name":"marketing-integrations-carousel","title":"Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Tabs that sort connected apps by type, so visitors filter integrations to find the one they use. Ideal for a busy marketplace or directory page.","name":"marketing-integrations-category-tabs","title":"Category Tabs","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A large card spotlighting one key integration with its logo, summary, and a link. Use it to highlight a flagship partner above the full list.","name":"marketing-integrations-featured-showcase","title":"Featured Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean grid of integration logos in even rows and columns. Use it on a connections page to display the apps and services your product supports.","name":"marketing-integrations-simple-grid","title":"Simple Grid","type":"registry:block"},{"description":"A masonry grid of cards layered over images, each with a heading and short text. Showcases a gallery, portfolio, or product collection on a landing page.","name":"marketing-masonry-sections-cards-on-images","title":"Cards On Images","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pricing calculator with sliders and inputs that estimate cost from usage. Use it when plans scale by seats, requests, or volume so buyers see real numbers.","name":"marketing-pricing-sections-calculator","title":"Calculator","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A row of pricing cards listing plan names, prices, and features with a clear call to action. Drop it on a pricing page to compare tiers at a glance.","name":"marketing-pricing-sections-cards","title":"Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A plan builder where buyers pick features and quantities to assemble a quote. Use it for modular products where every customer needs a different mix.","name":"marketing-pricing-sections-custom-builder","title":"Custom Builder","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pricing layout pairing standard tiers with a contact sales panel for large accounts. Use it when bigger deals need custom quotes and a human conversation.","name":"marketing-pricing-sections-enterprise","title":"Enterprise","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pricing table mapping every feature to each plan across rows and columns. Use it when buyers want to confirm exactly what each tier includes before paying.","name":"marketing-pricing-sections-feature-grid","title":"Feature Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A wide pricing row that lays plans side by side in a single band. Fits narrow page slots and pages where you want plans visible without much scrolling.","name":"marketing-pricing-sections-horizontal","title":"Horizontal","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pricing section that updates prices and highlights as buyers select options. Use it when choices like seats or add ons should reflect cost instantly.","name":"marketing-pricing-sections-interactive","title":"Interactive","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pared back pricing layout with generous spacing, plain type, and one clear price. Use it when a single plan or clean brand needs no visual clutter.","name":"marketing-pricing-sections-minimalist","title":"Minimalist","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A contemporary pricing section with bold cards, soft shadows, and accent gradients. Use it to give a polished, current feel to a product or SaaS page.","name":"marketing-pricing-sections-modern","title":"Modern","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pricing section with promotional banners and limited time discounts on each plan. Use it for holiday sales, launches, and campaigns that push urgency.","name":"marketing-pricing-sections-seasonal","title":"Seasonal","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean pricing section showing a few plans with price, features, and a button each. Use it when you want fast comprehension without extra decoration.","name":"marketing-pricing-sections-simple","title":"Simple","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pricing layout that stacks plan cards vertically for narrow columns and phones. Use it on mobile first pages or sidebars where width is limited.","name":"marketing-pricing-sections-stacked","title":"Stacked","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pricing section that pairs plan cards with customer quotes and logos. Use it to add social proof right where buyers weigh price and decide to commit.","name":"marketing-pricing-sections-testimonial","title":"Testimonial","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pricing section with a monthly and yearly switch that updates every plan price. Use it to show annual savings and let buyers pick a billing cycle fast.","name":"marketing-pricing-sections-toggle","title":"Toggle","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Horizontal bars that fill to show milestones reached against a target. Drop it on a results page to visualize goals hit and progress toward each one.","name":"marketing-stats-achievement-bars","title":"Achievement Bars","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A cluster of stat cards with a big number, label, and short caption in each. Use it to spotlight key metrics across a landing page in a clean grid.","name":"marketing-stats-card-group","title":"Card Group","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Ring shaped progress dials that animate to a percentage value. Good for dashboards or landing pages that report completion rates and capacity at a glance.","name":"marketing-stats-circular-progress","title":"Circular Progress","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two columns of numbers placed side by side to contrast before and after results. Use it to show the lift your product delivers over the old way.","name":"marketing-stats-comparison-metrics","title":"Comparison Metrics","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Paired figures with labels that weigh your offering against a baseline. Great for sales pages that need to make the gain feel concrete and credible.","name":"marketing-stats-comparison-stats","title":"Comparison Stats","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A quote from a customer next to the numbers their team reached with you. Use it to pair social proof with hard results on a case study page.","name":"marketing-stats-customer-testimonial","title":"Customer Testimonial","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A stepped funnel showing how many visitors move from view to signup to paid. Use it to explain conversion and where users drop off in your flow.","name":"marketing-stats-funnel-stats","title":"Funnel Stats","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A grid of stat tiles washed in soft gradients for a vivid, modern look. Use it to display headline metrics when you want the section to feel premium.","name":"marketing-stats-gradient-grid","title":"Gradient Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical timeline pairing dates with the numbers you hit at each stage. Use it to chart company momentum on an about page or investor deck.","name":"marketing-stats-growth-timeline","title":"Growth Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A single row of figures split by thin vertical dividers for a tidy summary. Use it under a hero to surface three or four headline numbers fast.","name":"marketing-stats-horizontal-with-dividers","title":"Horizontal With Dividers","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Oversized counters that animate upward as the section scrolls into view. Use it to make reach, users, or revenue feel bold and immediate to readers.","name":"marketing-stats-impact-numbers","title":"Impact Numbers","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Stat cards that reveal extra detail or a chart when you hover over them. Use it when you want a number to expand into context on a feature page.","name":"marketing-stats-interactive-hover","title":"Interactive Hover","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Bordered cards each holding one metric, a label, and a trend note. Use it to report KPIs in a structured layout on a homepage or product page.","name":"marketing-stats-metric-cards","title":"Metric Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"One large headline number anchored by three smaller supporting stats. Use it to lead with your strongest figure and back it with related proof.","name":"marketing-stats-one-main-with-three-follow-ups","title":"One Main With Three Follow Ups","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Labeled bars that fill to a percentage to track adoption or completion. Use it on a status page or report to show how far each goal has come.","name":"marketing-stats-progress-bars","title":"Progress Bars","type":"registry:block"},{"description":"Three evenly spaced columns each with a number and a short label below. Use it for a clean, balanced stats strip on any marketing or about page.","name":"marketing-stats-simple-3-cols","title":"Simple 3 Cols","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Stat cards that pair a current value with a tiny inline trend chart. Use it to show a number and its recent direction together on a dashboard view.","name":"marketing-stats-sparkline-stats","title":"Sparkline Stats","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Each figure sits beside an icon that signals what the number measures. Use it to make a stats row scannable and add visual cues to every metric.","name":"marketing-stats-stats-with-icons","title":"Stats With Icons","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Key numbers plotted along a horizontal timeline of moments and dates. Use it to tell a growth story across quarters on an about or press page.","name":"marketing-stats-timeline-stats","title":"Timeline Stats","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A band of proof points like uptime, customers, and ratings in one row. Use it near a signup form to reassure visitors and lift their confidence.","name":"marketing-stats-trust-indicators","title":"Trust Indicators","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A subscribe form paired with a bulleted list of benefits and an email field. Tells visitors what they get before they sign up to your newsletter.","name":"marketing-subscribe-benefits-list","title":"Benefits List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered signup block that offers a clear incentive above the email field. Use it to reward visitors who join your list with a discount or guide.","name":"marketing-subscribe-incentive-center-aligned","title":"Incentive Center Aligned","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A compact email input with an inline submit button on one row. Drop it into a footer or banner where space is tight but you still want signups.","name":"marketing-subscribe-input-style","title":"Input Style","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A signup block showing a small preview of the newsletter content beside the email field. Sets reader expectations before they subscribe to it.","name":"marketing-subscribe-newsletter-preview","title":"Newsletter Preview","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A clean centered newsletter signup with a heading, short text, and email field. The reliable default for landing pages and blog footers here.","name":"marketing-subscribe-simple-center-aligned","title":"Simple Center Aligned","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A signup block with text on the left and the email field aligned right. Fits wide sections where you want the form to balance the supporting copy.","name":"marketing-subscribe-simple-right-aligned","title":"Simple Right Aligned","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered subscribe form topped with subscriber counts or avatars as social proof. Use it when trust nudges visitors to join your mailing list.","name":"marketing-subscribe-social-proof-center","title":"Social Proof Center","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column subscribe block pairing an image or copy on one side with the email form on the other. Adds visual interest to a signup section.","name":"marketing-subscribe-split-layout","title":"Split Layout","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A team layout that alternates photos and bios from left to right down the page. Adds rhythm and gives room for longer profiles on an about page.","name":"marketing-team-sections-alternating-sections","title":"Alternating Sections","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A team showcase in a staggered masonry grid where photos vary in height. Fills the space naturally and suits a large, photo rich company roster.","name":"marketing-team-sections-masonry-grid","title":"Masonry Grid","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A clean grid of team member cards, each with a photo, name, and role. The fast, tidy way to introduce a small team on an about or company page.","name":"marketing-team-sections-simple-cards","title":"Simple Cards","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"Team cards that pair each photo and role with an email or phone link. Lets visitors reach the right person directly from your about or contact page.","name":"marketing-team-sections-with-contact","title":"With Contact","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A team directory with category filters that sort members by department or location. Helps visitors find the right person inside a large company.","name":"marketing-team-sections-with-filters","title":"With Filters","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A team grid where each photo reveals a short bio and social links on hover. Keeps the layout clean while extra detail stays one mouse move away.","name":"marketing-team-sections-with-hover-cards","title":"With Hover Cards","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"Team profiles built around big, full bleed portraits with name and role. Puts faces front and center for a bold, personal about page that feels human.","name":"marketing-team-sections-with-large-images","title":"With Large Images","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"Team cards that list each member with badges for their skills and tools. Great for agencies and studios that want to show real expertise at a glance.","name":"marketing-team-sections-with-skill-badges","title":"With Skill Badges","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"Team profiles paired with short quotes from each member or their clients. Adds a human voice and social proof to the about page of any company.","name":"marketing-team-sections-with-testimonials","title":"With Testimonials","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A clean testimonial section with a customer quote, name, role, and avatar. Drop it onto any landing page to add a trusted voice with little effort.","name":"marketing-testimonials-base","title":"Base","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A testimonial paired with a large customer photo beside the quote. Use it when you want a single voice to carry weight and feel personal and real.","name":"marketing-testimonials-big-image","title":"Big Image","type":"registry:block"},{"description":"A grid of testimonial cards, each holding a quote, avatar, name, and title. Show several happy customers at once to build trust across your page.","name":"marketing-testimonials-cards","title":"Cards","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Testimonial cards joined by a row of headline metrics like users and revenue. Pair real quotes with hard numbers to prove your product delivers.","name":"marketing-testimonials-cards-with-stats","title":"Cards With Stats","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A featured customer story with a detailed quote, company logo, and result. Use it as social proof when one account speaks to your ideal buyer.","name":"marketing-testimonials-customer-story-showcase","title":"Customer Story Showcase","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Compact testimonials arranged in a grid with thin dividers between them. Fit many short quotes into a tidy space without crowding the layout.","name":"marketing-testimonials-mini-with-dividers-in-grid","title":"Mini With Dividers In Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A brief review with a star rating and a company logo for instant credibility. Place it near a pricing table to reassure buyers before they commit.","name":"marketing-testimonials-short-review-with-logo-and-stars","title":"Short Review With Logo And Stars","type":"registry:block"},{"description":"A single centered quote topped with a company logo and the author below. Keep focus on one strong endorsement on a calm, uncluttered section.","name":"marketing-testimonials-simple-center-aligned-with-logo","title":"Simple Center Aligned With Logo","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A testimonial with a small rounded avatar set beside a concise quote and name. A friendly, lightweight option for sidebars or quieter page spots.","name":"marketing-testimonials-small-image","title":"Small Image","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A testimonial section blended with key metrics such as customers served and ratings. Combine a quote with proof points to back your claims with data.","name":"marketing-testimonials-with-stats","title":"With Stats","type":"registry:block"},{"description":"A centered about page opener: kicker pill, oversized headline, and a single plainspoken thesis line over a dark mode only ambient glow.","name":"modern-saas-about-sections-company-intro-hero","title":"Company Intro Hero","type":"registry:block"},{"description":"A founding story split: mono tag and large heading on the left lane, two measured prose paragraphs on the right.","name":"modern-saas-about-sections-founding-story-split","title":"Founding Story Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A hiring banner strip: an invitation line and a short teams list beside a primary depth pill pointing at open roles.","name":"modern-saas-about-sections-hiring-banner-strip","title":"Hiring Banner Strip","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A five up leadership grid of tile cards with large illustrated avatars, names, and roles under an asymmetric header.","name":"modern-saas-about-sections-leadership-avatar-grid","title":"Leadership Avatar Grid","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A two part header with a credibility wordmark strip above a five up row of leadership portraits, each with a name and role, to put real faces behind the product.","name":"modern-saas-about-sections-leadership-team","title":"Leadership Team","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A swipeable carousel of team profile cards with names, roles, and portraits, each opening a short bio in a dialog.","name":"modern-saas-about-sections-meet-the-team","title":"Meet the Team","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"Three numbered value cards: mono index, bold principle, and a two line explanation on gradient panels.","name":"modern-saas-about-sections-numbered-value-cards","title":"Numbered Value Cards","type":"registry:block"},{"description":"An editorial about section with no imagery: an uppercase eyebrow and large headline on the left beside a two paragraph purpose statement on the right.","name":"modern-saas-about-sections-our-purpose","title":"Our Purpose","type":"registry:block"},{"description":"A vertical 'Our story' timeline of company milestones, alternating a photo with the year and a short paragraph beside a center rail, with the most recent year highlighted.","name":"modern-saas-about-sections-story-timeline","title":"Story Timeline","type":"registry:block"},{"description":"A quiet company facts interlude: two large proof stats split by a hairline, followed by a single transitional statement line about the team.","name":"modern-saas-about-sections-team-stats-interlude","title":"Team Stats Interlude","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A centered login screen with SSO pills, mono divider, email field, and primary depth pill over a soft radial glow.","name":"modern-saas-auth-pages-depth-login","title":"Depth Login","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A split signup screen: form half with SSO pills and fields, proof half with a customer quote and social proof row.","name":"modern-saas-auth-pages-depth-signup","title":"Depth Signup","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A split login screen in an inset tray: labeled fields, remember me, and a Google pill beside a grayscale garden illustration edge to edge.","name":"modern-saas-auth-pages-split-login-illustrated","title":"Split Login Illustrated","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A split signup screen in an inset tray: bare brand mark, email and Google pills, and a legal line beside a render over a caption carousel.","name":"modern-saas-auth-pages-split-signup-showcase","title":"Split Signup Showcase","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A three up grid of blog post cards, each pairing a category badge and date with the post title and a stacked author byline.","name":"modern-saas-blog-sections-article-card-grid","title":"Article Card Grid","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A full blog article page: breadcrumb, oversized headline, avatar byline, wide photograph, measured prose with a pull quote, tag chips, and read next tiles.","name":"modern-saas-blog-sections-article-prose-page","title":"Article Prose Page","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A swipeable carousel of blog post cards, each pairing a cover image with a category, date, two line title, and read time.","name":"modern-saas-blog-sections-card-carousel","title":"Card Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A blog category page: breadcrumb, left aligned heading with mono post count, category filter pills, a column of quiet list rows, and an honest load more pill.","name":"modern-saas-blog-sections-category-post-list","title":"Category Post List","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A blog landing opener: a centered kicker and heading over a wide featured post split card with an illustrative constellation panel and avatar byline.","name":"modern-saas-blog-sections-featured-post-grid","title":"Featured Post Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A blog post grid with working category filter pills over two rows of text first post cards with mono meta lanes and illustrated avatar bylines.","name":"modern-saas-blog-sections-filterable-post-grid","title":"Filterable Post Grid","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A careers page opener: kicker, oversized heading, plainspoken pitch, and a three up grid of quiet benefit tiles.","name":"modern-saas-careers-hiring-intro-benefits","title":"Hiring Intro Benefits","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An open roles section: mono team labels over quiet role tiles with location and contract details, ghost apply pills, and a strip for unlisted roles.","name":"modern-saas-careers-open-roles-list","title":"Open Roles List","type":"registry:block"},{"description":"A careers proof section: a centered teammate quote with an illustrated avatar attribution, followed by two hiring stats split by a hairline.","name":"modern-saas-careers-team-quote-stats","title":"Team Quote Stats","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A Linear style changelog: a bold heading above a horizontal rail of recent releases, each with a dot, title, two line summary, and date. The newest entry is highlighted.","name":"modern-saas-changelogs-horizontal-timeline","title":"Horizontal Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A changelog with mono dates and version pills in a left lane and typed change chips stepping down in weight on the right.","name":"modern-saas-changelogs-versioned-entry-list","title":"Versioned Entry List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A vertical changelog feed: a single rail of releases, each with a dot, date, title, summary, and a bulleted list of what changed. The newest release is highlighted.","name":"modern-saas-changelogs-vertical-timeline","title":"Vertical Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A contact section splitting a form panel from a channel rail of direct line cards with mono emails and a status card.","name":"modern-saas-contact-sections-split-contact-form","title":"Split Contact Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A simple, centered closing CTA on a soft bordered panel: a bold headline and short lede over two pill buttons.","name":"modern-saas-ctas-centered-callout","title":"Centered Callout","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A closing CTA over a soft radial glow rising from the bottom edge, with a depth pill button pair.","name":"modern-saas-ctas-horizon-glow-cta","title":"Horizon Glow CTA","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A slim banner strip: bold prompt and one line support on the left, a single ghost pill action on the right.","name":"modern-saas-ctas-inline-banner-strip","title":"Inline Banner Strip","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A newsletter strip: an invitation line and a frequency promise beside a primary depth pill.","name":"modern-saas-ctas-newsletter-signup-strip","title":"Newsletter Signup Strip","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A self serve strip: a gentle redirect for contact page visitors whose answer already exists, pointing at the FAQ.","name":"modern-saas-ctas-selfserve-faq-strip","title":"Selfserve FAQ Strip","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split CTA on a soft bordered panel: a headline and pill button beside a newsletter signup with an email field, submit button, and privacy note.","name":"modern-saas-ctas-split-signup","title":"Split Signup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A complete docs page shell: sidebar with mini search and mono section labels, prose column with terminal blocks and working copy buttons, and an on this page rail.","name":"modern-saas-docs-pages-sidebar-docs-shell","title":"Sidebar Docs Shell","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered 404 screen: a framed astronaut adrift over a soft glow above a bold headline, a short lede, and pill CTAs to head home or go back.","name":"modern-saas-error-pages-centered-astronaut","title":"Centered Astronaut","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"A 404 page with a split header, a giant outlined number over a dotted grid, and a row of helpful link cards to get visitors back on track.","name":"modern-saas-error-pages-split-with-links","title":"Split With Links","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full FAQ section with a category pill row and mono labeled question groups as quiet accordion tiles.","name":"modern-saas-faqs-category-pill-accordions","title":"Category Pill Accordions","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A centered FAQ on the shadcn Accordion where the first item ships open and closed rows stay on quiet hairline tiles.","name":"modern-saas-faqs-single-open-accordion","title":"Single Open Accordion","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A two-column FAQ: a sticky heading and help link beside a flat, single-open accordion of answers.","name":"modern-saas-faqs-split-with-aside","title":"Split With Aside","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A categorized FAQ: a centered headline and pill CTA above category tabs, then the active category and its count beside a single-open accordion of answers.","name":"modern-saas-faqs-tabbed-categories","title":"Tabbed Categories","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An oversized display word over a stat-led feature rail beside a full automation workspace dashboard mockup built from theme tokens.","name":"modern-saas-feature-sections-app-workspace","title":"App Workspace","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two by two grid of assistant feature cards, each led by a miniature UI snippet inside an inset tile.","name":"modern-saas-feature-sections-assistant-snippet-grid","title":"Assistant Snippet Grid","type":"registry:block"},{"description":"Three benefit columns, each with a centered isometric SVG illustration, a FIG tag, label, and short paragraph. A clean, minimal way to frame product principles.","name":"modern-saas-feature-sections-benefits-isometric","title":"Benefits Isometric","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"An asymmetric bento feature grid with a custom SVG illustration in every cell: analytics, collaboration, automation, security, and integrations. A clean, minimal overview.","name":"modern-saas-feature-sections-bento-grid","title":"Bento Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split lead over three capability columns, each framing a schematic SVG figure with corner crop marks, a caption tag, and a Learn more cue.","name":"modern-saas-feature-sections-capability-columns","title":"Capability Columns","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"Three depth cards each led by an illustrative SVG diagram: node constellation, decision doc, and ascending bars.","name":"modern-saas-feature-sections-capability-diagram-cards","title":"Capability Diagram Cards","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A heading row with a text link over three tall cards in a muted inset tray, each closing on a capsule of icon, brand or avatar chips.","name":"modern-saas-feature-sections-capsule-card-trio","title":"Capsule Card Trio","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"A heading row and a right aligned lede over a grid of five icon feature cards, closed by a call to action card on the primary surface.","name":"modern-saas-feature-sections-icon-card-grid-with-cta","title":"Icon Card Grid with CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A gradient lead headline over two equal isometric cards: a backlog sorted into stacked lanes and cubes converging on one focused point.","name":"modern-saas-feature-sections-illustrated-cards","title":"Illustrated Cards","type":"registry:block"},{"description":"A quiet pacing section: two large proof stats split by a hairline, followed by a single transitional statement line.","name":"modern-saas-feature-sections-metric-interlude","title":"Metric Interlude","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A heading row with a text link over three muted panels, each holding a small sales assistant mockup above a title and a two line blurb.","name":"modern-saas-feature-sections-mockup-panel-trio","title":"Mockup Panel Trio","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A heading row with a text link over a six tile bento, each tile a small product moment for its feature above a title and a two line blurb.","name":"modern-saas-feature-sections-node-bento-grid","title":"Node Bento Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split header over an app window mockup: a triage inbox where incoming feedback is auto-routed into labeled, assigned issues. Shows the product in action.","name":"modern-saas-feature-sections-product-showcase","title":"Product Showcase","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A split highlight: heading, lede, and checklist beside a roadmap panel of initiative rows with stepped progress meters.","name":"modern-saas-feature-sections-split-checklist-panel","title":"Split Checklist Panel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"A section heading over three icon columns, then a contract review app mockup with charts, filters and grouped lists in an inset tray.","name":"modern-saas-feature-sections-three-columns-app-mockup","title":"Three Columns with App Mockup","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A full width footer with a brand line, social buttons, and link columns, over a giant outlined brand wordmark above a legal bottom bar.","name":"modern-saas-footers-brand-watermark","title":"Brand Watermark","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A full bleed skyline band carrying a heading, lede and pill, then a footer with link columns, social chips and a newsletter capsule.","name":"modern-saas-footers-image-cta-footer","title":"Image CTA Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A simple footer: a brand mark and tagline beside columns of navigation links, over a bottom bar with a copyright line and social icons.","name":"modern-saas-footers-simple","title":"Simple","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A multi column footer with brand tagline, live status pill, four link columns, and a hairline social bottom row.","name":"modern-saas-footers-status-columns-footer","title":"Status Columns Footer","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A help center closer: a most read header with browse all link, two columns of article rows with mono category tags, and a support strip with a depth CTA.","name":"modern-saas-help-centers-popular-articles-support","title":"Popular Articles Support Strip","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A help center opener: kicker, oversized heading, wide search field with shortcut hint and popular chips, then a grid of icon tile topic cards with mono article counts.","name":"modern-saas-help-centers-search-hero-topic-grid","title":"Search Hero Topic Grid","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-autoplay","embla-carousel-react","lucide-react","radix-ui"],"description":"A left aligned hero for an image library with a two line headline, a lede and two pills over a CSS 3D coverflow of five photographs.","name":"modern-saas-hero-sections-asset-carousel","title":"Asset Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","next","radix-ui"],"description":"A minimal centered hero, headline, lede, and two CTAs, set over a full bleed backdrop with matching light and dark images and a sticky oval navbar.","name":"modern-saas-hero-sections-centered-with-backdrop","registryDependencies":["@shadcn-ui-blocks/modern-saas-navbars-centered-oval"],"title":"Centered With Backdrop","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered hero with a bold headline, lede, and dual CTAs above a sleek app window mockup, topped by a sticky oval navbar. A clean, modern opener for product launches.","name":"modern-saas-hero-sections-centered-with-product-image","registryDependencies":["@shadcn-ui-blocks/modern-saas-navbars-centered-oval"],"title":"Centered With Product Image","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero on a full bleed black and white sports photograph, its headline, lede and two pills over token scrims, then fading into the page.","name":"modern-saas-hero-sections-full-bleed-photo","title":"Full Bleed Photo","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A left aligned hero with a two line headline, a lede sharing its row with two pills, and a shared sales inbox mockup in an inset tray.","name":"modern-saas-hero-sections-inbox-showcase","title":"Inbox Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A left aligned hero with a two line headline and a text link over a workflow builder window rising out of a forested valley photograph.","name":"modern-saas-hero-sections-landscape-app-window","title":"Landscape App Window","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A hero drawn around a twisting line ribbon with mono callouts and a brand node, a headline beside a lede and pills, and a logo strip.","name":"modern-saas-hero-sections-line-ribbon","title":"Line Ribbon","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A left aligned hero with a two line headline and a text link over three cards: a still life with a stat, a creator photo and a quote.","name":"modern-saas-hero-sections-photo-quote-cards","title":"Photo Quote Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full-fold hero spread pairing a headline and CTAs with a token-built planet centerpiece and a monospace statement above a customer logo strip.","name":"modern-saas-hero-sections-planet-centerpiece","registryDependencies":["@shadcn-ui-blocks/modern-saas-navbars-standard-sticky"],"title":"Planet Centerpiece","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A copy rail beside a constellation graph that fans connector lines from a central product node out to a ring of integration nodes over a fading dotted grid.","name":"modern-saas-integrations-connect-your-stack","title":"Connect Your Stack","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"An integrations directory: centered heading over a responsive grid of connector cards pairing monochrome brand marks with one line descriptions and mono category tags, closed by an API strip.","name":"modern-saas-integrations-connector-directory","title":"Connector Directory","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"Two rows of gradient icon tiles above a centered heading, one line promise, and a ghost pill CTA.","name":"modern-saas-integrations-icon-tile-spotlight","title":"Icon Tile Spotlight","type":"registry:block"},{"description":"A logo cloud with two rows of customer logos scrolling in opposite directions. A seamless, pure CSS marquee for social proof on a landing page.","name":"modern-saas-logo-clouds-dual-marquee","title":"Dual Marquee","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A quiet single row logo strip: a muted caption over one evenly justified line of glyph and wordmark pairs.","name":"modern-saas-logo-clouds-inline-wordmark-strip","title":"Inline Wordmark Strip","type":"registry:block"},{"description":"A simple, static logo cloud: an eyebrow line above a centered, wrapping row of customer logos. Clean, no motion social proof for a Modern SaaS landing page.","name":"modern-saas-logo-clouds-simple-grid","title":"Simple Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A sticky, pill shaped glass navbar with a logo, optically centered links, and dual CTAs. A clean, modern header for a Modern SaaS landing page.","name":"modern-saas-navbars-centered-oval","title":"Centered Oval","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full width sticky header with a bottom border, logo, inline links, and CTAs. Links collapse into a mobile sheet menu. A clean, dependable Modern SaaS header.","name":"modern-saas-navbars-standard-sticky","title":"Standard Sticky","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A complete Modern SaaS company page that opens with the navbar and runs from purpose through the story and team to a closing call to action.","name":"modern-saas-prebuilt-pages-company-page","registryDependencies":["@shadcn-ui-blocks/modern-saas-about-sections-leadership-team","@shadcn-ui-blocks/modern-saas-about-sections-meet-the-team","@shadcn-ui-blocks/modern-saas-about-sections-our-purpose","@shadcn-ui-blocks/modern-saas-about-sections-story-timeline","@shadcn-ui-blocks/modern-saas-ctas-centered-callout","@shadcn-ui-blocks/modern-saas-footers-brand-watermark","@shadcn-ui-blocks/modern-saas-navbars-standard-sticky","@shadcn-ui-blocks/modern-saas-testimonials-spotlight-with-stats"],"title":"Company Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A complete depth style SaaS landing page composed from thirteen depth blocks, from pill navbar to glow CTA and footer.","name":"modern-saas-prebuilt-pages-depth-saas-landing","registryDependencies":["@shadcn-ui-blocks/modern-saas-ctas-horizon-glow-cta","@shadcn-ui-blocks/modern-saas-faqs-single-open-accordion","@shadcn-ui-blocks/modern-saas-feature-sections-assistant-snippet-grid","@shadcn-ui-blocks/modern-saas-feature-sections-capability-diagram-cards","@shadcn-ui-blocks/modern-saas-feature-sections-metric-interlude","@shadcn-ui-blocks/modern-saas-footers-status-columns-footer","@shadcn-ui-blocks/modern-saas-hero-sections-centered-with-product-image","@shadcn-ui-blocks/modern-saas-integrations-icon-tile-spotlight","@shadcn-ui-blocks/modern-saas-logo-clouds-inline-wordmark-strip","@shadcn-ui-blocks/modern-saas-pricing-sections-depth-tier-cards","@shadcn-ui-blocks/modern-saas-testimonials-pull-quote-proof-stats","@shadcn-ui-blocks/modern-saas-testimonials-staggered-quote-masonry"],"title":"Depth SaaS Landing","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A full Modern SaaS pricing page that leads with the plans, then backs them with logo proof, customer voices, and answers before a final CTA.","name":"modern-saas-prebuilt-pages-pricing-page","registryDependencies":["@shadcn-ui-blocks/modern-saas-ctas-centered-callout","@shadcn-ui-blocks/modern-saas-faqs-split-with-aside","@shadcn-ui-blocks/modern-saas-footers-simple","@shadcn-ui-blocks/modern-saas-logo-clouds-simple-grid","@shadcn-ui-blocks/modern-saas-navbars-standard-sticky","@shadcn-ui-blocks/modern-saas-pricing-sections-three-tier","@shadcn-ui-blocks/modern-saas-testimonials-quote-card-grid"],"title":"Pricing Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A complete Modern SaaS landing page that runs from hero through features, proof, and plans into a closing call to action and footer.","name":"modern-saas-prebuilt-pages-product-landing","registryDependencies":["@shadcn-ui-blocks/modern-saas-ctas-centered-callout","@shadcn-ui-blocks/modern-saas-faqs-tabbed-categories","@shadcn-ui-blocks/modern-saas-feature-sections-bento-grid","@shadcn-ui-blocks/modern-saas-feature-sections-product-showcase","@shadcn-ui-blocks/modern-saas-footers-simple","@shadcn-ui-blocks/modern-saas-hero-sections-centered-with-product-image","@shadcn-ui-blocks/modern-saas-integrations-connect-your-stack","@shadcn-ui-blocks/modern-saas-logo-clouds-dual-marquee","@shadcn-ui-blocks/modern-saas-pricing-sections-three-tier","@shadcn-ui-blocks/modern-saas-testimonials-spotlight-with-stats"],"title":"Product Landing","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","next","radix-ui"],"description":"A calmer, story led Modern SaaS landing page with a full bleed hero, principle first benefits, two simple plans, and a newsletter close.","name":"modern-saas-prebuilt-pages-startup-landing","registryDependencies":["@shadcn-ui-blocks/modern-saas-ctas-split-signup","@shadcn-ui-blocks/modern-saas-faqs-split-with-aside","@shadcn-ui-blocks/modern-saas-feature-sections-benefits-isometric","@shadcn-ui-blocks/modern-saas-footers-brand-watermark","@shadcn-ui-blocks/modern-saas-hero-sections-centered-with-backdrop","@shadcn-ui-blocks/modern-saas-logo-clouds-simple-grid","@shadcn-ui-blocks/modern-saas-pricing-sections-two-plans","@shadcn-ui-blocks/modern-saas-process-flow-numbered-steps","@shadcn-ui-blocks/modern-saas-testimonials-quote-card-grid"],"title":"Startup Landing","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three depth style pricing tiers with a billing toggle; the featured plan carries a brighter hairline and mono tag.","name":"modern-saas-pricing-sections-depth-tier-cards","title":"Depth Tier Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A single membership plan: a price card with an annual note and refund line beside a checked list of what the plan includes.","name":"modern-saas-pricing-sections-membership","title":"Membership","type":"registry:block"},{"description":"A plan comparison table with price column headers, mono feature groups, and checks aligned down fixed lanes.","name":"modern-saas-pricing-sections-plan-comparison-table","title":"Plan Comparison Table","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A three tier pricing section with a featured plan, per card annual billing toggles, icon feature lists, and an enterprise banner.","name":"modern-saas-pricing-sections-three-tier","title":"Three Tier","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two large plan cards side by side, a light free tier and an inverted paid tier, each with a price and CTA, over a group discounts link.","name":"modern-saas-pricing-sections-two-plans","title":"Two Plans","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A horizontal row of numbered steps, each pinning a label to the top and dropping a two line heading and a learn more link to the foot. A quiet, editorial flow.","name":"modern-saas-process-flow-numbered-steps","title":"Numbered Steps","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Customer logo tabs joined to a spotlight panel, each pairing a portrait with a pull quote, its attribution, and three result figures.","name":"modern-saas-testimonials-logo-tabs-spotlight","title":"Logo Tabs Spotlight","type":"registry:block"},{"description":"A large centered pull quote with attribution mark and a pair of proof stats split by a hairline divider.","name":"modern-saas-testimonials-pull-quote-proof-stats","title":"Pull Quote with Proof Stats","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A two column grid of testimonial cards, each pairing a customer quote with an avatar, name, and role.","name":"modern-saas-testimonials-quote-card-grid","title":"Quote Card Grid","type":"registry:block"},{"dependencies":["class-variance-authority"],"description":"A customer logo bar, one oversized pull quote with its attribution, and three metric cards that back the quote with hard numbers. A focused proof point for a landing page.","name":"modern-saas-testimonials-spotlight-with-stats","title":"Spotlight With Stats","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A three column testimonial masonry of naturally staggered quote cards, each closed by an illustrated avatar byline.","name":"modern-saas-testimonials-staggered-quote-masonry","title":"Staggered Quote Masonry","type":"registry:block"},{"description":"A reading-width essay about with three prose paragraphs covering career origin, what shaped the practice, and where the work stands now.","name":"portfolio-pro-about-sections-about-long-form","title":"About Long Form","type":"registry:block"},{"description":"An about split with a portrait, a point of view bio, and three grounding facts including a human one.","name":"portfolio-pro-about-sections-about-split","title":"About Split","type":"registry:block"},{"description":"An about section with a two-column bio and ruled facts grid above a row of three labelled Placeholder tiles showing workspace, process, and a close detail.","name":"portfolio-pro-about-sections-about-with-image-row","title":"About With Image Row","type":"registry:block"},{"description":"A two-column about pairing a short bio and a facts list with a four-card stat strip covering years, projects, clients, and one human metric.","name":"portfolio-pro-about-sections-about-with-stats","title":"About With Stats","type":"registry:block"},{"description":"An about section that presents three to four named working principles in a numbered ruled list beside a heading and setup paragraph.","name":"portfolio-pro-about-sections-approach-about","title":"Approach About","type":"registry:block"},{"description":"Heading and intro above a ruled list of talks, podcasts, essays, and teaching, each with a year, format, title, venue, and note.","name":"portfolio-pro-about-sections-elsewhere-about","title":"Elsewhere About","type":"registry:block"},{"description":"Heading and intro above two bordered lists side by side, what a client can expect from you and what you ask of them in return.","name":"portfolio-pro-about-sections-expectations-about","title":"Expectations About","type":"registry:block"},{"description":"An about told as five ruled intro call questions with honest answers, beside a heading and a card inviting anything not covered.","name":"portfolio-pro-about-sections-faq-about","title":"FAQ About","type":"registry:block"},{"description":"A centered bordered panel containing a single large belief sentence at heading scale and one supporting line attributing the principle to the practice.","name":"portfolio-pro-about-sections-full-width-statement","title":"Full Width Statement","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Heading and intro above a two column ruled grid of four cards, each pairing a type badge with an influence title and a lesson.","name":"portfolio-pro-about-sections-influences-about","title":"Influences About","type":"registry:block"},{"description":"A ruled vertical list of three dated milestones tracing the career path from first role to going independent, each with a year, heading, and body.","name":"portfolio-pro-about-sections-journey-about","title":"Journey About","type":"registry:block"},{"description":"A card-framed signed note with three personal paragraphs and a ruled sign-off naming the designer and their location.","name":"portfolio-pro-about-sections-letter-about","title":"Letter About","type":"registry:block"},{"description":"A numbered list of craft beliefs each paired with a clarifying sentence, for a practitioner with a genuine position on their work.","name":"portfolio-pro-about-sections-manifesto-about","title":"Manifesto About","type":"registry:block"},{"description":"A dated snapshot of current projects, learning, and availability with a side column showing location and next opening.","name":"portfolio-pro-about-sections-now-page-about","title":"Now Page About","type":"registry:block"},{"description":"A four-card grid of pursuits away from the desk, each with an honest note, closed by a line tying them back to the craft.","name":"portfolio-pro-about-sections-off-hours-about","title":"Off Hours About","type":"registry:block"},{"description":"A two-column about with a mixed aspect ratio three-image collage beside a short bio and facts list, designed for photographers and makers who lead with their environment.","name":"portfolio-pro-about-sections-photo-collage-about","title":"Photo Collage About","type":"registry:block"},{"description":"Heading, intro, and a portrait with usage notes beside three labelled cards holding ready to paste bios at one line, short, and full lengths.","name":"portfolio-pro-about-sections-press-bio-about","title":"Press Bio About","type":"registry:block"},{"description":"Three principle cards each split into the belief and its honest cost, naming the tradeoff that following the principle requires in practice.","name":"portfolio-pro-about-sections-principles-about","title":"Principles About","type":"registry:block"},{"description":"An about section that leads with a personal philosophy quote at heading size, then follows with a short bio paragraph and a ruled fact strip.","name":"portfolio-pro-about-sections-quote-and-bio","title":"Quote And Bio","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column about split with a portrait Placeholder beside a bio heading, a paragraph, and a five-item checklist that names capabilities and explicitly lists what is not taken on.","name":"portfolio-pro-about-sections-split-with-list","title":"Split With List","type":"registry:block"},{"description":"A two-column section pairing a career bio paragraph with a 2x2 grid of four concrete career figures in large tabular numerals.","name":"portfolio-pro-about-sections-stats-and-bio","title":"Stats And Bio","type":"registry:block"},{"description":"A two-column studio about with a founding narrative, three named avatar team cards showing name and role, and a single belief line beneath the team.","name":"portfolio-pro-about-sections-studio-about","title":"Studio About","type":"registry:block"},{"description":"A ruled comparison list of four topics, each pairing an early career belief with the replacement a decade of practice produced.","name":"portfolio-pro-about-sections-then-and-now-about","title":"Then And Now About","type":"registry:block"},{"description":"A scannable about section with three bordered cards covering what the person does, how they work, and what they care about.","name":"portfolio-pro-about-sections-three-things-about","title":"Three Things About","type":"registry:block"},{"description":"A career told as a vertical ruled timeline with a year and a concrete sentence per chapter from first job to now.","name":"portfolio-pro-about-sections-timeline-about","title":"Timeline About","type":"registry:block"},{"description":"A grouped card grid listing the hardware and software this person uses day to day with a short honest note per tool.","name":"portfolio-pro-about-sections-tools-and-setup-about","title":"Tools And Setup About","type":"registry:block"},{"description":"A two-column about showing the shape of a working week as five ruled day rows beside a heading and three working facts.","name":"portfolio-pro-about-sections-typical-week-about","title":"Typical Week About","type":"registry:block"},{"description":"A four-row ruled list of numbered working principles each with a short imperative title and a concrete sentence on what the principle has cost to learn.","name":"portfolio-pro-about-sections-values-list","title":"Values List","type":"registry:block"},{"description":"Three discipline cards each naming a practice area and describing the approach taken, defining the work by activity rather than by job title or deliverable.","name":"portfolio-pro-about-sections-what-i-do-about","title":"What I Do About","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column block answering common booking questions in an accordion beside a short intro, response meta rows, and a direct contact button.","name":"portfolio-pro-availability-sections-availability-faq","title":"Availability FAQ","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered availability statement with a large headline naming the open window, a supporting line, two actions, and a ruled three column facts strip.","name":"portfolio-pro-availability-sections-availability-statement","title":"Availability Statement","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A six month availability strip of month cells marked booked, open, or closed, each with a short note, plus a status legend and booking button.","name":"portfolio-pro-availability-sections-booking-calendar","title":"Booking Calendar","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column availability block stating the current booked-through month, the next opening slot, response time, and typical engagement length as ruled detail rows.","name":"portfolio-pro-availability-sections-booking-status","title":"Booking Status","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column block with a stacked weekly capacity bar and legend beside commitment rows naming each engagement, its share, and the open day.","name":"portfolio-pro-availability-sections-capacity-breakdown","title":"Capacity Breakdown","type":"registry:block"},{"description":"A two-column block with a candid workload statement and a last-updated timestamp on the left, and four expectation rows covering response time and start dates on the right.","name":"portfolio-pro-availability-sections-capacity-note","title":"Capacity Note","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An availability table, one row per engagement type showing scope, length, next start, and status, with a heading above and a booking action below.","name":"portfolio-pro-availability-sections-engagement-matrix","title":"Engagement Matrix","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column block listing engagement types as ruled rows beside availability, location, and rate detail rows, with a referral note for when the calendar is full.","name":"portfolio-pro-availability-sections-hire-me-card","title":"Hire Me Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column split showing the next available start date with slot details and a three-step claim process ending in a contact action.","name":"portfolio-pro-availability-sections-next-opening-card","title":"Next Opening Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim top-of-page band with a green status dot, an availability statement naming the open month, and a contact button for an immediate above-the-fold signal.","name":"portfolio-pro-availability-sections-open-for-work-banner","title":"Open For Work Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column availability block showing 3 named project slots with open or taken status, engagement details, and a claim action.","name":"portfolio-pro-availability-sections-project-slots","title":"Project Slots","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A row of four quarter panels, each with a segmented slot meter, status line, and focus note, closed by an update line and booking action.","name":"portfolio-pro-availability-sections-quarter-outlook","title":"Quarter Outlook","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column block with a weekday strip marking committed and open days beside retainer detail rows and a reserve-a-day contact action.","name":"portfolio-pro-availability-sections-retainer-days","title":"Retainer Days","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim card stating current booking status, next opening month, and response time with a direct contact button in one horizontal strip.","name":"portfolio-pro-availability-sections-status-band","title":"Status Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column block pairing an async policy intro and schedule rows with a timezone overlap chart plotting each city against your business hours.","name":"portfolio-pro-availability-sections-timezone-overlap","title":"Timezone Overlap","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two-column block explaining the first-refusal waitlist mechanic in three numbered steps, with current list stats as ruled rows and an email join form on the right.","name":"portfolio-pro-availability-sections-waitlist-card","title":"Waitlist Card","type":"registry:block"},{"description":"A centred press strip with eight publication wordmarks and a dated context line per entry showing what kind of coverage was given.","name":"portfolio-pro-awards-recognition-as-featured-in","title":"As Featured In","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column recognition block listing formal awards with body and category on the left and press features with outlet and headline on the right.","name":"portfolio-pro-awards-recognition-awards-and-press","title":"Awards And Press","type":"registry:block"},{"description":"Heading and intro above ruled rows grouped by project, each pairing a name and summary with the list of honours that work earned.","name":"portfolio-pro-awards-recognition-awards-by-project","title":"Awards By Project","type":"registry:block"},{"description":"An awards ledger grouped by year with each year as a large left numeral beside that year's wins, bodies, and projects in ruled rows.","name":"portfolio-pro-awards-recognition-awards-by-year","title":"Awards By Year","type":"registry:block"},{"description":"A ruled list of award wins naming the award, the project it recognised, the awarding body, and the year.","name":"portfolio-pro-awards-recognition-awards-list","title":"Awards List","type":"registry:block"},{"description":"A row of compact credential cards each naming the certification, the issuing organisation, and the year.","name":"portfolio-pro-awards-recognition-certifications-row","title":"Certifications Row","type":"registry:block"},{"description":"A three-card grid of short press pull quotes each attributed to a named publication with its date.","name":"portfolio-pro-awards-recognition-feature-quotes","title":"Feature Quotes","type":"registry:block"},{"description":"Heading and intro above ruled rows of media appearances, each with a format badge, the show, episode title, year, and a listen or watch link.","name":"portfolio-pro-awards-recognition-interviews-list","title":"Interviews List","type":"registry:block"},{"description":"A ruled table of invited jury seats with columns for the awarding body, the role held, the category judged, and the year.","name":"portfolio-pro-awards-recognition-judging-roles","title":"Judging Roles","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A ruled list of award submissions where an outcome badge marks each entry as won, shortlisted, or an honourable mention beside its year.","name":"portfolio-pro-awards-recognition-nominations-and-wins","title":"Nominations And Wins","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled list of press coverage naming the publication, the article headline, the date, and a read link.","name":"portfolio-pro-awards-recognition-press-features","title":"Press Features","type":"registry:block"},{"description":"A heading and lede above a single ruled grid of six publication wordmarks where the practice has been featured.","name":"portfolio-pro-awards-recognition-press-logo-row","title":"Press Logo Row","type":"registry:block"},{"description":"Two column layout pairing a large pull quote from a publication with its attribution on the left beside a ruled card of further press mentions.","name":"portfolio-pro-awards-recognition-press-quote-spotlight","title":"Press Quote Spotlight","type":"registry:block"},{"description":"A slim border-y strip listing award wins and press features with their source and year in a compact horizontal flow.","name":"portfolio-pro-awards-recognition-recognition-band","title":"Recognition Band","type":"registry:block"},{"description":"A four-card grid mixing awards, press features, and honours each tagged by kind with its source and year.","name":"portfolio-pro-awards-recognition-recognition-grid","title":"Recognition Grid","type":"registry:block"},{"description":"A four-column stat band summarising awards won, press features, jury invitations, and years of practice with a source line under each number.","name":"portfolio-pro-awards-recognition-recognition-stats","title":"Recognition Stats","type":"registry:block"},{"description":"Heading over three cards, each an awarding body led by a large win count numeral above a ruled list of its individual wins by year.","name":"portfolio-pro-awards-recognition-repeat-wins","title":"Repeat Wins","type":"registry:block"},{"description":"A two-column block spotlighting one award with a ruled context list on the left and a large award callout card on the right.","name":"portfolio-pro-awards-recognition-single-award-feature","title":"Single Award Feature","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled list of conference talks naming the event, the talk title, the year, and an optional recording link.","name":"portfolio-pro-awards-recognition-speaking-list","title":"Speaking List","type":"registry:block"},{"description":"A vertical connected timeline listing awards most recent first, each tied to a specific project and awarding body.","name":"portfolio-pro-awards-recognition-timeline-awards","title":"Timeline Awards","type":"registry:block"},{"description":"A chronological archive grouping posts under large year labels with post counts, each year holding a ruled list of titles, dates, and read times.","name":"portfolio-pro-blog-sections-archive-by-year","title":"Archive By Year","type":"registry:block"},{"description":"A reading-width prose column with h2 sections, body paragraphs, a pull-quote, and an inline Placeholder image demonstrating long-form typographic rhythm.","name":"portfolio-pro-blog-sections-article-body","title":"Article Body","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two article series cards with status badges, descriptions, numbered part rows showing read times or a coming soon badge, and start reading links.","name":"portfolio-pro-blog-sections-article-series","title":"Article Series","type":"registry:block"},{"description":"A long form article layout pairing a sticky numbered table of contents and publish meta with a prose column of titled sections.","name":"portfolio-pro-blog-sections-article-toc","title":"Article Table of Contents","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A compact end-of-article card with an avatar, name, role line, a two-sentence bio, and a subscribe link for the foot of a blog post.","name":"portfolio-pro-blog-sections-author-bio-card","title":"Author Bio Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A six-card topic index with post counts and a one-line description per category so readers can find the threads that match their interests.","name":"portfolio-pro-blog-sections-blog-categories","title":"Blog Categories","type":"registry:block"},{"description":"A six-post writing index in a three-column card grid, each card showing a Placeholder cover, category, title, date, and read time.","name":"portfolio-pro-blog-sections-blog-post-grid","title":"Blog Post Grid","type":"registry:block"},{"description":"An article page opener with a category label, h1-scale post title, author avatar and meta, and a wide Placeholder cover image.","name":"portfolio-pro-blog-sections-blog-post-header","title":"Blog Post Header","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A post list with thumbnail and meta on the left and a sidebar of about bio, category counts, and email subscribe on the right.","name":"portfolio-pro-blog-sections-blog-sidebar-layout","title":"Blog Sidebar Layout","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A writing landing with one promoted post shown at full width with a cover image and excerpt above a ruled list of four recent posts.","name":"portfolio-pro-blog-sections-featured-and-list","title":"Featured And List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A writing section with one large featured post carrying a cover, excerpt, and meta beside a ruled list of three recent posts.","name":"portfolio-pro-blog-sections-featured-post","title":"Featured Post","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A curated reading digest grouping shared links under month headings, each row carrying the title, source domain, and a one line note.","name":"portfolio-pro-blog-sections-link-roundup","title":"Link Roundup","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An editorial two-column layout with one large featured post and a divided stack of three secondary posts beside it.","name":"portfolio-pro-blog-sections-magazine-blog-grid","title":"Magazine Blog Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split section with archive stats rows and a browse link beside a ranked list of five posts with large ordinals, category, and read counts.","name":"portfolio-pro-blog-sections-most-read-list","title":"Most Read List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A newsletter archive with a subscribe panel on the left showing cadence stats and an email field beside a ruled list of past issues.","name":"portfolio-pro-blog-sections-newsletter-issues","title":"Newsletter Issues","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A minimal image-free writing archive as ruled rows showing publish date, post title with inline category, and read time.","name":"portfolio-pro-blog-sections-post-list-rows","title":"Post List Rows","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A guest writing section grouping essays by publication, each pairing an SVG mark and wordmark with a ruled list of pieces, dates, and links.","name":"portfolio-pro-blog-sections-published-elsewhere","title":"Published Elsewhere","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An end of article footer with previous and next post cards carrying excerpts and meta, above a short ruled list of related reading.","name":"portfolio-pro-blog-sections-read-next-posts","title":"Read Next Posts","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A homepage writing teaser showing three recent posts as compact rows with category, title, and date, plus a link to the full archive.","name":"portfolio-pro-blog-sections-recent-writing","title":"Recent Writing","type":"registry:block"},{"description":"A writing index with tag chips (All, Design, Career, Process) that filter six post rows via client-side state and show a live article count.","name":"portfolio-pro-blog-sections-tag-filter-blog","title":"Tag Filter Blog","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three equal blog post cards each with a Placeholder cover, title, date, and reading time in a responsive three-column grid.","name":"portfolio-pro-blog-sections-three-card-row","title":"Three Card Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-column writing index that groups posts under topic headings, each column holding a ruled list of two to three post rows.","name":"portfolio-pro-blog-sections-writing-with-topics","title":"Writing With Topics","type":"registry:block"},{"description":"A single product screen as a Placeholder with numbered markers keyed to a side list naming the design decision behind each area.","name":"portfolio-pro-case-study-sections-annotated-screen-case","title":"Annotated Screen Case","type":"registry:block"},{"description":"A redesign case study with two Placeholder images side by side, each followed by a paragraph that names the problem or outcome and one unresolved edge case.","name":"portfolio-pro-case-study-sections-before-after-case","title":"Before After Case","type":"registry:block"},{"description":"A case study opening with a full-width Placeholder hero and a bordered panel showing the project title, subtitle, and a meta table of client, role, duration, and year.","name":"portfolio-pro-case-study-sections-case-study-cover","title":"Case Study Cover","type":"registry:block"},{"description":"A fold-filling project page opener with the project name large, a one-line outcome summary, a four-cell meta row of client, role, year, and deliverables, and a wide cover image.","name":"portfolio-pro-case-study-sections-case-study-hero","title":"Case Study Hero","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled list of four navigable case study rows each carrying a thumbnail, a one-line problem statement, a result figure, and a category tag.","name":"portfolio-pro-case-study-sections-case-study-index","title":"Case Study Index","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An end of case study pager with previous and next project cells carrying thumbnails, summaries, and result lines, plus an all work link.","name":"portfolio-pro-case-study-sections-case-study-pager","title":"Case Study Pager","type":"registry:block"},{"description":"A case study split telling problem, what I did, and the constraint, with a sticky result strip.","name":"portfolio-pro-case-study-sections-case-study-split","title":"Case Study Split","type":"registry:block"},{"description":"A case study section with a wide Placeholder image above a two-column ruled layout naming the specific challenge and the solution with its test rounds.","name":"portfolio-pro-case-study-sections-challenge-solution","title":"Challenge Solution","type":"registry:block"},{"description":"Four fixed project constraints in a ruled list, each typed and explained by the mark it left on the design, with a candid closing note.","name":"portfolio-pro-case-study-sections-constraints-case","title":"Constraints Case","type":"registry:block"},{"description":"A ruled log of four project decisions, each row pairing the chosen path with the rejected alternative and the reason it lost.","name":"portfolio-pro-case-study-sections-decision-log-case","title":"Decision Log Case","type":"registry:block"},{"description":"A six-cell grid counting everything shipped to the client, each cell naming the count, format, and where it lives, closed by a handoff note.","name":"portfolio-pro-case-study-sections-deliverables-case","title":"Deliverables Case","type":"registry:block"},{"description":"A case study section with a full-width container image and an attached ruled panel carrying the title, summary, and outcome figures.","name":"portfolio-pro-case-study-sections-full-bleed-case","title":"Full Bleed Case","type":"registry:block"},{"description":"A vertically sequenced case study of three numbered Placeholder images with captions that name the specific decision visible in each screen.","name":"portfolio-pro-case-study-sections-gallery-case-study","title":"Gallery Case Study","type":"registry:block"},{"description":"Four ruled rows pairing each kickoff target with its measured outcome and a status pill, closed by an honest note on the goal that missed.","name":"portfolio-pro-case-study-sections-goals-vs-outcomes","title":"Goals vs Outcomes","type":"registry:block"},{"description":"A case study closing section with a four-cell tabular figure strip and a reflection paragraph that names the specific scheduling or process mistake the designer would change.","name":"portfolio-pro-case-study-sections-impact-summary","title":"Impact Summary","type":"registry:block"},{"description":"A case study section with a short project intro paragraph followed by a captioned gallery of process frames in a three-column grid.","name":"portfolio-pro-case-study-sections-intro-and-gallery","title":"Intro and Gallery","type":"registry:block"},{"description":"Three columns tracking one screen across three usability rounds, each with a version frame, what testing showed, and a ruled list of changes made.","name":"portfolio-pro-case-study-sections-iteration-rounds-case","title":"Iteration Rounds Case","type":"registry:block"},{"description":"A full written case study with an intro, five titled prose sections including a constraint, inline Placeholders, and a results strip.","name":"portfolio-pro-case-study-sections-long-form-case","title":"Long Form Case","type":"registry:block"},{"description":"A 2x2 grid of outcome figures each with a context line and measurement window, plus a candid attribution note below the grid.","name":"portfolio-pro-case-study-sections-metrics-grid-case","title":"Metrics Grid Case","type":"registry:block"},{"description":"A case study that leads with the result at display size before a ruled divider reveals the problem and approach in two equal columns.","name":"portfolio-pro-case-study-sections-outcome-first-case","title":"Outcome First Case","type":"registry:block"},{"description":"A numbered sequence of project steps each with a large step number, title, duration, paragraph, and a Placeholder showing the artefact.","name":"portfolio-pro-case-study-sections-process-walkthrough","title":"Process Walkthrough","type":"registry:block"},{"description":"A case study that opens with a client testimonial in a ruled blockquote before the work narrative and a results strip.","name":"portfolio-pro-case-study-sections-quote-led-case","title":"Quote Led Case","type":"registry:block"},{"description":"A four-cell method stat strip above three numbered research insights, each pairing a finding, a participant quote, and the design response it produced.","name":"portfolio-pro-case-study-sections-research-insights-case","title":"Research Insights Case","type":"registry:block"},{"description":"A ruled metric strip of four figures with one context line each and an honest attribution note naming any confounding changes in the same window.","name":"portfolio-pro-case-study-sections-results-band","title":"Results Band","type":"registry:block"},{"description":"Two ruled lists side by side naming what the author owned versus what named teammates contributed, with honest framing about the credit split.","name":"portfolio-pro-case-study-sections-role-breakdown","title":"Role Breakdown","type":"registry:block"},{"description":"A case study layout with project facts and result figures fixed in a sticky left column while the prose writeup scrolls on the right.","name":"portfolio-pro-case-study-sections-sticky-summary-case","title":"Sticky Summary Case","type":"registry:block"},{"description":"A single attributed client quote in a ruled panel placed between the work body and results sections of a case study.","name":"portfolio-pro-case-study-sections-testimonial-in-case","title":"Testimonial In Case","type":"registry:block"},{"description":"A dense case study section with the project narrative split across two prose columns and a four-figure result strip below.","name":"portfolio-pro-case-study-sections-two-column-writeup","title":"Two Column Writeup","type":"registry:block"},{"description":"A vertical sequence of numbered process phases each pairing a Placeholder artefact frame with a short paragraph naming the concrete finding or decision from that phase.","name":"portfolio-pro-case-study-sections-visual-process","title":"Visual Process","type":"registry:block"},{"description":"Eight client wordmarks as muted semibold text at varied type sizes arranged in a single wrapping bordered panel.","name":"portfolio-pro-clients-and-logos-animated-logo-row","title":"Animated Logo Row","type":"registry:block"},{"description":"Six client cards each showing the wordmark, sector, the actual deliverable delivered, and the year of engagement.","name":"portfolio-pro-clients-and-logos-client-grid-detailed","title":"Client Grid Detailed","type":"registry:block"},{"description":"A ruled-row roster of ten clients each showing the company name, the kind of work delivered, and the year, the complete scannable client history.","name":"portfolio-pro-clients-and-logos-client-list","title":"Client List","type":"registry:block"},{"description":"Three columns each attributing a large tabular-nums result figure and a one-line context sentence to a named client, the outcomes-by-client proof strip.","name":"portfolio-pro-clients-and-logos-client-results-row","title":"Client Results Row","type":"registry:block"},{"description":"A split layout pairing one anchor client panel with scope, fact rows, and an outcome against a ruled six row list of further clients.","name":"portfolio-pro-clients-and-logos-client-spotlight","title":"Client Spotlight","type":"registry:block"},{"description":"A heading and lede above ruled year bands, each pairing a large year label and note with the clients signed and work delivered.","name":"portfolio-pro-clients-and-logos-client-timeline","title":"Client Timeline","type":"registry:block"},{"description":"Three bordered discipline columns each with a service description, a stacked list of client wordmarks, and a client count per column.","name":"portfolio-pro-clients-and-logos-clients-by-service","title":"Clients By Service","type":"registry:block"},{"description":"A split layout pairing an NDA explanation and shareable detail rows with a grid of dashed anonymized cards naming client, work, and sector.","name":"portfolio-pro-clients-and-logos-confidential-clients","title":"Confidential Clients","type":"registry:block"},{"description":"A ruled panel of clients ordered by how long each engagement ran, every row pairing company and year span with a proportional bar and months figure.","name":"portfolio-pro-clients-and-logos-engagement-lengths","title":"Engagement Lengths","type":"registry:block"},{"description":"Three stacked region bands each pairing a region label and client count with a wrapped set of client names and home cities.","name":"portfolio-pro-clients-and-logos-global-clients","title":"Global Clients","type":"registry:block"},{"description":"A six-tile sector grid showing project counts and example client types per industry to demonstrate breadth without a logo grid.","name":"portfolio-pro-clients-and-logos-industries-served","title":"Industries Served","type":"registry:block"},{"description":"Eight client wordmarks in a bordered grid on one side and one attributed client testimonial on the other, pairing breadth with a specific endorsement.","name":"portfolio-pro-clients-and-logos-logo-grid-with-quote","title":"Logo Grid With Quote","type":"registry:block"},{"description":"A grid of ten client wordmarks styled as muted text in varying sizes, with a heading and lede, showing the full breadth of past clients at a glance.","name":"portfolio-pro-clients-and-logos-logo-wall","title":"Logo Wall","type":"registry:block"},{"description":"A ruled wordmark row of seven clients above one attributed pull quote that names a specific deliverable and outcome.","name":"portfolio-pro-clients-and-logos-logos-and-testimonial","title":"Logos And Testimonial","type":"registry:block"},{"description":"A centred headline figure above a twelve-cell client wordmark grid that proves practice scale with a count and a longevity line.","name":"portfolio-pro-clients-and-logos-logos-with-count","title":"Logos With Count","type":"registry:block"},{"description":"Four client cards each naming the company, a paragraph on the scope of work, and a concrete one-line outcome, the selected engagements with results attached.","name":"portfolio-pro-clients-and-logos-notable-clients","title":"Notable Clients","type":"registry:block"},{"description":"A split layout pairing a large referral share figure and fact rows with a ruled list naming who introduced whom, the work, and the year.","name":"portfolio-pro-clients-and-logos-referral-chain","title":"Referral Chain","type":"registry:block"},{"description":"Ruled rows of five returning clients each pairing the company and a one line history with a right aligned project count and year span.","name":"portfolio-pro-clients-and-logos-repeat-clients","title":"Repeat Clients","type":"registry:block"},{"description":"A compact single-line strip of five client wordmarks with a small uppercase label, placed beneath a hero to add proof without interrupting page flow.","name":"portfolio-pro-clients-and-logos-trusted-by-row","title":"Trusted By Row","type":"registry:block"},{"description":"A centered heading with a client count above two even ruled rows of five client wordmarks each, covering ten names across two sectors.","name":"portfolio-pro-clients-and-logos-two-row-logos","title":"Two Row Logos","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four channel rows with response expectations beside a sample fortnight timeline and a single boundary rule, showing the support layer between calls.","name":"portfolio-pro-coaching-mentoring-between-sessions","title":"Between Sessions","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column booking block showing what a single session covers, the duration and price, a four-step booking sequence, and an honest list of what coaching is not.","name":"portfolio-pro-coaching-mentoring-book-session","title":"Book Session","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column FAQ answering common coaching questions in an accordion beside quick facts covering price, engagement length, and reply time.","name":"portfolio-pro-coaching-mentoring-coaching-faq","title":"Coaching FAQ","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full-fold hero naming the coach, their one-line premise, the next availability date, primary and secondary actions, and a three-cell credential strip.","name":"portfolio-pro-coaching-mentoring-coaching-hero","title":"Coaching Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three coaching engagement types as cards with included items and a from price so visitors can self-sort before reaching out.","name":"portfolio-pro-coaching-mentoring-coaching-offerings","title":"Coaching Offerings","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three named coaching packages with session counts, durations, prices, and included items, one marked recommended, plus a scoping note confirming fit before payment.","name":"portfolio-pro-coaching-mentoring-coaching-packages","title":"Coaching Packages","type":"registry:block"},{"description":"Five numbered coaching ground rules in a divided list beside an intro, a short origin note, and a three-fact track record panel.","name":"portfolio-pro-coaching-mentoring-coaching-principles","title":"Coaching Principles","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A five phase vertical timeline tracing a coaching engagement from free intake call to the one month check-in, plus a strip of what stays after.","name":"portfolio-pro-coaching-mentoring-engagement-timeline","title":"Engagement Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Six topic cards mapping the territory a coaching practice covers, each pairing a short description with a real client question, plus a booking footer.","name":"portfolio-pro-coaching-mentoring-focus-areas","title":"Focus Areas","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A six week group program pairing a curriculum list with a cohort card showing start date, schedule, seats left, price, and a reserve action.","name":"portfolio-pro-coaching-mentoring-group-cohort","title":"Group Cohort","type":"registry:block"},{"description":"Split bio pairing a framed portrait and quick-fact rows with a first person career account, a four-line role history, and credential chips.","name":"portfolio-pro-coaching-mentoring-meet-the-coach","title":"Meet The Coach","type":"registry:block"},{"description":"A summary stat row and three outcome cards pairing then and now role panels with mentee quotes, avatars, and engagement lengths.","name":"portfolio-pro-coaching-mentoring-mentee-outcomes","title":"Mentee Outcomes","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A free or low-cost mentorship offer naming who it is for, the monthly cadence, the pay-what-you-can cost, and a four-step application process.","name":"portfolio-pro-coaching-mentoring-mentorship-card","title":"Mentorship Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Open weekly slots with a spots-remaining count, a good-for list, a not-the-right-fit list, and a how-it-works breakdown for free 25-minute advice calls.","name":"portfolio-pro-coaching-mentoring-office-hours","title":"Office Hours","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Minute by minute breakdown of a sixty minute coaching session as a four segment list beside panels for what clients send before and receive after.","name":"portfolio-pro-coaching-mentoring-session-anatomy","title":"Session Anatomy","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Four format cards for video, async review, voice notes, and in person days, with best-when lists and a how-to-choose strip.","name":"portfolio-pro-coaching-mentoring-session-formats","title":"Session Formats","type":"registry:block"},{"description":"A wordmark grid of twelve named client brands with sector labels, a total client count, and a four-column breakdown of work by engagement type.","name":"portfolio-pro-collaborations-brands-worked-with","title":"Brands Worked With","type":"registry:block"},{"description":"A split layout pairing an explanation of how slots are booked with a ruled ledger of four seasons, each showing the format and a booking status.","name":"portfolio-pro-collaborations-collab-availability","title":"Collab Availability","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column band listing four genuine collaboration types in a ruled list with explicit exclusions and a direct contact email button.","name":"portfolio-pro-collaborations-collab-cta","title":"Collab Cta","type":"registry:block"},{"description":"A heading, intro, and count line above a grid of six discipline cells, each with a working note, a joint project count, and a frequent partner.","name":"portfolio-pro-collaborations-collab-disciplines","title":"Collab Disciplines","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A two-column FAQ answering five questions studios ask before a joint project, beside a heading and a three-row list of fixed terms.","name":"portfolio-pro-collaborations-collab-faq","title":"Collab Faq","type":"registry:block"},{"description":"Three engagement format cards, each with a summary, a ruled facts list of length, team shape, and fit, plus a recent partner example.","name":"portfolio-pro-collaborations-collab-formats","title":"Collab Formats","type":"registry:block"},{"description":"A heading and intro above three joint project cards, each with a Placeholder image, the project name, the partner and field, a role split line, and the year.","name":"portfolio-pro-collaborations-collab-gallery","title":"Collab Gallery","type":"registry:block"},{"description":"A four-card grid of joint projects each naming the partner, their discipline and location, the deliverable, and the year.","name":"portfolio-pro-collaborations-collab-grid","title":"Collab Grid","type":"registry:block"},{"description":"A four-column wordmark grid of collaborated companies each showing the brand name and the type of engagement as a secondary line.","name":"portfolio-pro-collaborations-collab-logos","title":"Collab Logos","type":"registry:block"},{"description":"Four numbered stage cards from first call to shipped work, each with a timing line, over a three cell band of working agreements.","name":"portfolio-pro-collaborations-collab-process","title":"Collab Process","type":"registry:block"},{"description":"A heading and intro above two ruled columns setting out what the studio carries and what the partner carries, closed by a three cell band of shared duties.","name":"portfolio-pro-collaborations-collab-split","title":"Collab Split","type":"registry:block"},{"description":"A year-by-year ruled ledger of five joint projects, each entry naming the partner, the shared deliverable, and the role split.","name":"portfolio-pro-collaborations-collab-timeline","title":"Collab Timeline","type":"registry:block"},{"description":"A split block spotlighting one joint project with a Placeholder image, a two-paragraph story including a constraint named, and a five-row facts list.","name":"portfolio-pro-collaborations-featured-collab","title":"Featured Collab","type":"registry:block"},{"description":"Two large quote cards from past collaborators with avatar attribution and a footer row naming the shared project and their side of the split.","name":"portfolio-pro-collaborations-partner-quotes","title":"Partner Quotes","type":"registry:block"},{"description":"A divided wordmark grid of eight collaborators each showing the name and a one-word discipline label under a section heading.","name":"portfolio-pro-collaborations-partners-row","title":"Partners Row","type":"registry:block"},{"description":"A ruled ledger of four returning collaborators, each row pairing discipline and a working note with a tabular count of projects and years.","name":"portfolio-pro-collaborations-repeat-partners","title":"Repeat Partners","type":"registry:block"},{"description":"Five design tasks stacked as cards, each pairing what AI tools honestly deliver against what hiring me adds, with one task conceded outright.","name":"portfolio-pro-comparison-sections-ai-vs-hiring-me","title":"AI vs Hiring Me","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two honest panels of fit signals, a good fit checklist beside reasons to look elsewhere, each item backed by a one line detail.","name":"portfolio-pro-comparison-sections-am-i-the-right-fit","title":"Am I the Right Fit","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Five paired before and after panels joined by arrows, each labelled by the dimension that changed, selling outcomes rather than deliverables.","name":"portfolio-pro-comparison-sections-before-and-after","title":"Before And After","type":"registry:block"},{"description":"Five project metrics as paired horizontal bars comparing a typical engagement with mine, each metric captioned and labelled with plain values.","name":"portfolio-pro-comparison-sections-by-the-numbers","title":"By the Numbers","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Nine criteria rows comparing this person against a typical alternative using check and minus icons, with honest gaps on both sides.","name":"portfolio-pro-comparison-sections-comparison-table","title":"Comparison Table","type":"registry:block"},{"description":"Five assumptions about hiring a solo designer paired row by row with what actually happens, including one the block admits is true.","name":"portfolio-pro-comparison-sections-expectations-vs-reality","title":"Expectations Vs Reality","type":"registry:block"},{"description":"A three-column table comparing freelance and agency across seven criteria including cost, speed to start, and institutional knowledge.","name":"portfolio-pro-comparison-sections-freelance-vs-agency","title":"Freelance Vs Agency","type":"registry:block"},{"description":"A three-column table of five signals arguing honestly for hiring a freelancer or building in-house across project length, budget, and team structure.","name":"portfolio-pro-comparison-sections-freelance-vs-inhouse","title":"Freelance Vs Inhouse","type":"registry:block"},{"description":"Two engagement timelines side by side, a typical studio process against mine, with five numbered steps, timing labels, and an honest closing note.","name":"portfolio-pro-comparison-sections-process-comparison","title":"Process Comparison","type":"registry:block"},{"description":"Two engagement models compared down a central spine of six criteria, closed by paired pick this when lists so a prospect can self select.","name":"portfolio-pro-comparison-sections-project-vs-retainer","title":"Project vs Retainer","type":"registry:block"},{"description":"Four questions to ask every designer you are comparing, each card pairing the question and why it matters with my answer below a divider.","name":"portfolio-pro-comparison-sections-shortlist-questions","title":"Shortlist Questions","type":"registry:block"},{"description":"A four step decision path where each numbered question branches into yes and no outcomes, ending in a short verdict panel.","name":"portfolio-pro-comparison-sections-should-you-hire-me","title":"Should You Hire Me","type":"registry:block"},{"description":"A roster of four priced specialists beside my single generalist panel, where a three dot coverage meter rates my depth per discipline.","name":"portfolio-pro-comparison-sections-specialists-vs-generalist","title":"Specialists vs Generalist","type":"registry:block"},{"description":"Two decision panels weighing a bought template against custom work, each with cost and timeline facts plus the signs it is the right call.","name":"portfolio-pro-comparison-sections-template-vs-custom","title":"Template Vs Custom","type":"registry:block"},{"description":"Three distinctive approach points each paired with an explicit tradeoff so the block reads as credible rather than promotional.","name":"portfolio-pro-comparison-sections-what-makes-me-different","title":"What Makes Me Different","type":"registry:block"},{"description":"Two itemised cost ledgers pricing the same project through an agency and through me, with line notes, plain totals, and an honest caveat.","name":"portfolio-pro-comparison-sections-what-you-actually-pay","title":"What You Actually Pay","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Four honest reasons as cards, each pairing a direct claim with the substance that makes it verifiable, the differentiation block.","name":"portfolio-pro-comparison-sections-why-work-with-me","title":"Why Work With Me","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An availability strip showing current status and four project criteria sits above a name plus email plus message form so visitors self-qualify before writing.","name":"portfolio-pro-contact-sections-availability-and-form","title":"Availability And Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A six month availability strip of status dot cells, plus a footer pairing an earliest start note with a reserve by email action.","name":"portfolio-pro-contact-sections-booking-window-strip","title":"Booking Window Strip","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column brief intake with submission facts on the left and a form pairing contact fields, a static upload zone, and a link field.","name":"portfolio-pro-contact-sections-brief-upload-form","title":"Brief Upload Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A static booking widget blueprint showing a month grid with available and selected dates, a time-slot row, and a confirm button beside a call fact strip, ready to wire to a real scheduler.","name":"portfolio-pro-contact-sections-calendar-embed-blueprint","title":"Calendar Embed Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centred narrow column with a heading, a framing sentence, and a name plus email plus message form with a reply-time note below the button.","name":"portfolio-pro-contact-sections-centered-contact","title":"Centered Contact","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three card contact router splitting inquiries by intent, each card pairing an icon, a description, a dedicated email, and a reply time note.","name":"portfolio-pro-contact-sections-contact-by-inquiry-type","title":"Contact By Inquiry Type","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"Six reach channels laid out as linked cards in a three-column grid, each naming the platform, the handle, and what that channel is best for.","name":"portfolio-pro-contact-sections-contact-card-grid","title":"Contact Card Grid","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A text-only ruled list of email, location, availability, and response time rows with social links beneath, no form required.","name":"portfolio-pro-contact-sections-contact-details-panel","title":"Contact Details Panel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A contact form beside three pre-emptive FAQ answers covering rates, timeline, and availability so common objections are resolved before the message is sent.","name":"portfolio-pro-contact-sections-contact-faq-combo","title":"Contact Faq Combo","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centred name, email, and message form with a send button and an explicit two-business-day reply commitment below the submit action.","name":"portfolio-pro-contact-sections-contact-form","title":"Contact Form","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A two-column contact section with a warm intro, ruled detail rows, and social links on the left and a name, email, and message form on the right.","name":"portfolio-pro-contact-sections-contact-split","title":"Contact Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A contact section that opens with a status dot, availability label, and a four-row capacity table before presenting the inquiry form.","name":"portfolio-pro-contact-sections-contact-with-availability","title":"Contact With Availability","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A studio contact panel beside a bg-muted inline SVG map surface with a centred MapPin marker and a location chip, no third-party embed.","name":"portfolio-pro-contact-sections-contact-with-map-blueprint","title":"Contact With Map Blueprint","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A name plus email plus message form beside a bordered client testimonial panel with a quote, avatar attribution, and two relationship facts.","name":"portfolio-pro-contact-sections-contact-with-testimonial","title":"Contact With Testimonial","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered formless contact block with one email in a bordered field, a copy button, a mailto link, and a three cell fact strip.","name":"portfolio-pro-contact-sections-copy-email-contact","title":"Copy Email Contact","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A centred minimal contact block with the email address rendered large as a mailto link and a row of social platform links with brand icons beneath.","name":"portfolio-pro-contact-sections-email-and-socials","title":"Email And Socials","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A large mailto link and a no forms pitch beside a checklist card covering the five details a useful first email should include.","name":"portfolio-pro-contact-sections-email-brief-checklist","title":"Email Brief Checklist","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A two-column contact section with a warm intro, ruled details list, availability block naming exclusions, social links, and a complete inquiry form.","name":"portfolio-pro-contact-sections-full-contact-page","title":"Full Contact Page","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A qualified project inquiry form with name, email, project-type and budget-range selects, a message field, and a note that scope and fee follow a discovery call.","name":"portfolio-pro-contact-sections-inquiry-form","title":"Inquiry Form","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three recurring office hour slots as ruled rows naming session, audience, schedule, and length, each with a book button and an email fallback.","name":"portfolio-pro-contact-sections-office-hours-booking","title":"Office Hours Booking","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A numbered three step outline of the reply, intro call, and written proposal sits beside a name plus email plus message form.","name":"portfolio-pro-contact-sections-process-and-form","title":"Process And Form","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A single bordered row with a mailto email link on the left and three social icon and text links on the right, sized for footer-adjacent placement.","name":"portfolio-pro-contact-sections-simple-contact-row","title":"Simple Contact Row","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A grid of six destination cards covering email, LinkedIn, GitHub, X, Instagram, and a calendar booking link, each with a description of what lives there.","name":"portfolio-pro-contact-sections-social-contact-grid","title":"Social Contact Grid","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A contact form on the left balanced against a ruled detail list of email, location, timezone, availability, and social links on the right.","name":"portfolio-pro-contact-sections-two-column-contact","title":"Two Column Contact","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A ruled availability list naming real months and booking statuses with a get-in-touch action for the one open September slot.","name":"portfolio-pro-cta-sections-availability-band","title":"Availability Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bordered card that states the next opening month as a heading and pairs it with a single action button linking to the contact section.","name":"portfolio-pro-cta-sections-availability-cta-band","title":"Availability CTA Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A call-booking band with a two-row agenda covering what the call addresses and what it skips, plus a duration row stating free 20 minutes and no prep needed.","name":"portfolio-pro-cta-sections-book-a-call-band","title":"Book A Call Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bordered closer with a centered heading, one line pitch, and primary action above a ruled four cell strip of client wordmarks.","name":"portfolio-pro-cta-sections-client-logos-cta","title":"Client Logos CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A resume prompt with a lede, a ruled meta strip covering last-updated date and page count, and dual actions for downloading the PDF and viewing it online.","name":"portfolio-pro-cta-sections-download-resume-cta","title":"Download Resume Cta","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered heading with an inline email input and submit button that collects addresses for a one-email availability notification.","name":"portfolio-pro-cta-sections-email-capture-cta","title":"Email Capture CTA","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A heading above three bordered engagement cards, each naming a way to work together with a scope note, a terms line, and its own action button.","name":"portfolio-pro-cta-sections-engagement-paths-cta","title":"Engagement Paths CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column closer with a heading, lede, and primary action beside a ruled list of four common questions each answered in a sentence.","name":"portfolio-pro-cta-sections-faq-cta","title":"FAQ CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bordered closer with a heading, lede, and two actions beside a featured project card showing a cover image, title, meta, and outcome.","name":"portfolio-pro-cta-sections-featured-work-cta","title":"Featured Work CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bold section-filling heading with a concrete availability line and a single primary button, no gradient and no overlay.","name":"portfolio-pro-cta-sections-full-bleed-cta","title":"Full Bleed Cta","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A contact band with a pill-shaped email chip and three social icon links that lets visitors follow or reach out without committing to a message.","name":"portfolio-pro-cta-sections-get-in-touch-cta","title":"Get In Touch Cta","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bordered conversion band with a confident heading, a one-line capacity note, and a single primary action that closes a portfolio page.","name":"portfolio-pro-cta-sections-hire-me-band","title":"Hire Me Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column contact split with a warm heading on the left and a bordered card carrying response time, fit criteria, and preferred start date on the right.","name":"portfolio-pro-cta-sections-lets-talk-split","title":"Lets Talk Split","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centred subscribe band with a heading naming the cadence, an honest pitch describing the content and what it excludes, and an inline email form.","name":"portfolio-pro-cta-sections-newsletter-cta","title":"Newsletter Cta","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered closer with three numbered steps covering the first message, a short intro call, and a written proposal, ending in one primary action.","name":"portfolio-pro-cta-sections-next-steps-cta","title":"Next Steps CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A ruled brief prompt listing four things to include in a first message, timeline, budget range, product description, and scope, to qualify enquiries before they arrive.","name":"portfolio-pro-cta-sections-project-inquiry-cta","title":"Project Inquiry Cta","type":"registry:block"},{"description":"A minimal closer with a single centered heading and one large email link at heading scale, nothing else, for visitors who have already decided to reach out.","name":"portfolio-pro-cta-sections-simple-contact-cta","title":"Simple Contact Cta","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column CTA with booking criteria and an availability dot on the left and what to send plus a project brief button on the right.","name":"portfolio-pro-cta-sections-split-availability-cta","title":"Split Availability Cta","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A single bordered card with a confident heading, a one-line on how to begin, and a primary email action that names the response time commitment.","name":"portfolio-pro-cta-sections-start-project-band","title":"Start Project Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bordered closer with a heading, lede, and primary action beside a rate card stating the starting price and a checked list of inclusions.","name":"portfolio-pro-cta-sections-starting-rate-cta","title":"Starting Rate CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A centered band with a heading, a primary button, and a ruled three cell stat strip proving years of practice, shipped projects, and returning clients.","name":"portfolio-pro-cta-sections-stats-cta-band","title":"Stats CTA Band","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column closer pairing a heading and dual actions with a bordered client quote card carrying an avatar, attribution, and an outcome line.","name":"portfolio-pro-cta-sections-testimonial-cta","title":"Testimonial CTA","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered band with a heading and two equal-weight buttons offering distinct paths for visitors browsing work and visitors ready to reach out.","name":"portfolio-pro-cta-sections-two-action-cta","title":"Two Action Cta","type":"registry:block"},{"description":"A single captioned product screen beside five numbered decision notes, each naming a screen region and the reasoning behind the call.","name":"portfolio-pro-design-portfolio-annotated-screen","title":"Annotated Screen","type":"registry:block"},{"description":"A redesign proof with side-by-side Placeholder visuals and a ruled change table naming the constraint and three specific before-and-after decisions.","name":"portfolio-pro-design-portfolio-before-after-design","title":"Before After Design","type":"registry:block"},{"description":"A brand identity case showing logo mark, theme-token colour swatches, typography panel, and three application mockups for one project.","name":"portfolio-pro-design-portfolio-brand-showcase","title":"Brand Showcase","type":"registry:block"},{"description":"A design case study with a sticky screen stack and result strip on the left and a four-section narrative (problem, approach, constraint, outcome) on the right.","name":"portfolio-pro-design-portfolio-case-study-design","title":"Case Study Design","type":"registry:block"},{"description":"A process-transparency grid of six unexplored or unshipped design directions, each with a Placeholder tile and an honest reason it was set aside.","name":"portfolio-pro-design-portfolio-concept-grid","title":"Concept Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three visual directions for one project as tiles with trait rows for type, color, and feel, a verdict line, and the selected pick marked.","name":"portfolio-pro-design-portfolio-design-directions","title":"Design Directions","type":"registry:block"},{"description":"A ruled three-column grid of six numbered working principles, each pairing a short titled belief with an honest explanation of its impact.","name":"portfolio-pro-design-portfolio-design-principles","title":"Design Principles","type":"registry:block"},{"description":"A five-step design process block with numbered rows each carrying a title, duration, Placeholder illustration, and an honest description of the step output.","name":"portfolio-pro-design-portfolio-design-process","title":"Design Process","type":"registry:block"},{"description":"A systems-work section showing a shared design system as colour token swatches, a six-step type scale, and three component documentation cards.","name":"portfolio-pro-design-portfolio-design-system-display","title":"Design System Display","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A flagship project split with a full-height Placeholder screen beside a summary, five ruled spec rows, and three measured outcome stats.","name":"portfolio-pro-design-portfolio-featured-project","title":"Featured Project","type":"registry:block"},{"description":"One product screen across four dated design rounds in a ruled grid, each pairing a snapshot with the round name, date, and a change note.","name":"portfolio-pro-design-portfolio-iteration-timeline","title":"Iteration Timeline","type":"registry:block"},{"description":"An eight-mark logo portfolio grid with centred monogram overlays on Placeholder tiles, each labelled by client name and mark kind.","name":"portfolio-pro-design-portfolio-logo-grid","title":"Logo Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled archive table of every project by year with client sector and deliverable columns and a row-level arrow link to each case.","name":"portfolio-pro-design-portfolio-project-index","title":"Project Index","type":"registry:block"},{"description":"Three ruled rows pairing a real research quote with the exact design change it drove and the measured result after shipping.","name":"portfolio-pro-design-portfolio-research-decisions","title":"Research Decisions","type":"registry:block"},{"description":"Three projects each shown as a paired desktop and mobile frame with a note explaining the specific adaptation decision behind the small screen.","name":"portfolio-pro-design-portfolio-responsive-pairs","title":"Responsive Pairs","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A static carousel blueprint of five app screens with prev and next affordances, dot indicators, and a thumbnail strip with one slide active.","name":"portfolio-pro-design-portfolio-screens-carousel-blueprint","title":"Screens Carousel Blueprint","type":"registry:block"},{"description":"A six-screen product interface grid with state-level captions showing the full range of a design system from empty states to dense data views.","name":"portfolio-pro-design-portfolio-ui-wall","title":"UI Wall","type":"registry:block"},{"description":"A dense nine-item square grid of design shots with minimal captions for explorations and process fragments that did not fit a case study.","name":"portfolio-pro-design-portfolio-visual-grid","title":"Visual Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-project design grid where each card names the client type, the role, the year, and the specific deliverables the designer owned.","name":"portfolio-pro-design-portfolio-work-showcase","title":"Work Showcase","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A single column architecture decision log of ruled rows, each pairing a record id and date with the decision, reasoning note, and status chip.","name":"portfolio-pro-developer-portfolio-adr-log","title":"ADR Log","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column backend project card pairing a project description and stack chips with a static mono panel showing a sample endpoint path and a formatted HTTP response.","name":"portfolio-pro-developer-portfolio-api-project-card","title":"Api Project Card","type":"registry:block"},{"description":"Reverse chronological engineering roles as ruled rows pairing period and tenure with role, company, summary, a shipped highlight, and stack tags.","name":"portfolio-pro-developer-portfolio-career-timeline","title":"Career Timeline","type":"registry:block"},{"description":"A production function displayed in a mono bg-muted editor panel with a filename tab, gutter line numbers, and a caption explaining the technical tradeoff the snippet demonstrates.","name":"portfolio-pro-developer-portfolio-code-snippet","title":"Code Snippet","type":"registry:block"},{"description":"An activity heatmap showing 1654 contributions across 52 weeks using theme-token opacity squares with a streak note and quarterly commit breakdown.","name":"portfolio-pro-developer-portfolio-contributions-grid","title":"Contributions Grid","type":"registry:block"},{"description":"Six numbered engineering principles in an editorial three column grid, each pairing a mono index with a short title and a first person note.","name":"portfolio-pro-developer-portfolio-engineering-principles","title":"Engineering Principles","type":"registry:block"},{"description":"A four-figure contribution stat strip above a 52-week CSS-grid heatmap built with theme-token opacity squares and a deterministic seed, with no green color scale.","name":"portfolio-pro-developer-portfolio-github-stats","title":"Github Stats","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two column incident retro pairing the story, root cause, and follow up changes with a static minute by minute timeline panel.","name":"portfolio-pro-developer-portfolio-incident-postmortem","title":"Incident Postmortem","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A stacked list of 3 projects currently in development, each with a status badge, technical description, and a dated progress note.","name":"portfolio-pro-developer-portfolio-now-building","title":"Now Building","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled-row list of open-source contributions each naming the project, a specific description of the work done, a tabular star count, and a Maintainer or Contributor role badge.","name":"portfolio-pro-developer-portfolio-open-source-list","title":"Open Source List","type":"registry:block"},{"description":"A single column list of optimization stories as ruled rows, each pairing the narrative and an improvement chip with before and after metric bars.","name":"portfolio-pro-developer-portfolio-performance-wins","title":"Performance Wins","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled-row developer projects index with stack chips, a one-line summary, and separate repo and live links per project.","name":"portfolio-pro-developer-portfolio-project-list","title":"Project List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-card grid of public repositories each showing the project name, a one-line description, the stack as chips, and tabular stars and forks counts with a repo link.","name":"portfolio-pro-developer-portfolio-project-repos","title":"Project Repos","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled list of maintained npm packages, each row with the name, version, license, weekly downloads, a short description, and an install command.","name":"portfolio-pro-developer-portfolio-published-packages","title":"Published Packages","type":"registry:block"},{"description":"A two column pull request case study pairing the change narrative, review notes, and merge stats beside a static diff panel of the reworked hunk.","name":"portfolio-pro-developer-portfolio-pull-request-showcase","title":"Pull Request Showcase","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column block with the technology stack organised into labelled chip categories on the left and a ruled list of representative projects on the right.","name":"portfolio-pro-developer-portfolio-skills-and-projects","title":"Skills and Projects","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A case study split pairing the problem, numbered architecture decisions, and outcome metrics with a blueprint panel tracing the ingest and read paths.","name":"portfolio-pro-developer-portfolio-system-design-case","title":"System Design Case","type":"registry:block"},{"description":"A four-column grid of technologies grouped under Languages, Frameworks, Infrastructure, and Tools, each item showing a two-letter mark and a short honest context note.","name":"portfolio-pro-developer-portfolio-tech-stack-detail","title":"Tech Stack Detail","type":"registry:block"},{"description":"A full-viewport hero split with an h1 and lede on the left and a static mono terminal panel on the right showing a whoami command with structured key-value output and a static cursor.","name":"portfolio-pro-developer-portfolio-terminal-intro","title":"Terminal Intro","type":"registry:block"},{"description":"The full history grouped into three named eras as columns, each with a year range, a first person narrative, and a ruled list of roles.","name":"portfolio-pro-experience-sections-career-chapters","title":"Career Chapters","type":"registry:block"},{"description":"A vertical connected timeline of key roles and turning points with year markers and short narrative descriptions of how each move built on the last.","name":"portfolio-pro-experience-sections-career-timeline","title":"Career Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Freelance work listed as a ruled index, each row pairing client and sector with a one line deliverable, an engagement type badge, and the year.","name":"portfolio-pro-experience-sections-client-engagements","title":"Client Engagements","type":"registry:block"},{"description":"A ruled list of roles showing company, title, and year range in tabular-nums, fitting five positions into a minimal footprint.","name":"portfolio-pro-experience-sections-compact-history","title":"Compact History","type":"registry:block"},{"description":"A two-column card stating the present role with company, title, focus rows, and a plain note on what the person is and is not open to.","name":"portfolio-pro-experience-sections-current-position","title":"Current Position","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion work history where each ruled row shows company, title, and years, expanding to a first person summary, highlights, and a departure note.","name":"portfolio-pro-experience-sections-experience-accordion","title":"Experience Accordion","type":"registry:block"},{"description":"A single role expanded with company, tenure, scope, a not in scope list, and key project cards each naming the work done and the measured outcome.","name":"portfolio-pro-experience-sections-experience-detail","title":"Experience Detail","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A vertical rail of companies switches a detail panel showing the role title, a first person summary, what you owned, and a stat row.","name":"portfolio-pro-experience-sections-experience-tabs","title":"Experience Tabs","type":"registry:block"},{"description":"A ruled history list where each role leads with an inline SVG company wordmark alongside title, date range, and a one-line summary.","name":"portfolio-pro-experience-sections-experience-with-logos","title":"Experience With Logos","type":"registry:block"},{"description":"Areas of responsibility as rows and career levels as columns, with filled, faded, and empty dots marking what was owned or contributed at each stage.","name":"portfolio-pro-experience-sections-growth-matrix","title":"Growth Matrix","type":"registry:block"},{"description":"A four-cell bordered grid strip presenting standout career moments each with a bold label and a concrete outcome sentence.","name":"portfolio-pro-experience-sections-highlights-band","title":"Highlights Band","type":"registry:block"},{"description":"A compact ruled index of every role with company, title, employment type, and year range and no descriptions by design.","name":"portfolio-pro-experience-sections-positions-list","title":"Positions List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A connected stepper telling six years at one company as four titles, each carrying the year, what changed in the work, and a scope fact.","name":"portfolio-pro-experience-sections-promotion-path","title":"Promotion Path","type":"registry:block"},{"description":"Cards for the two or three most consequential roles, each with a context sentence and bulleted achievements that include concrete numbers.","name":"portfolio-pro-experience-sections-role-highlights","title":"Role Highlights","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A three card work history pairing each role with a short quote from the manager or founder who was in the room, credited beneath.","name":"portfolio-pro-experience-sections-role-references","title":"Role References","type":"registry:block"},{"description":"A tenure chart drawing every role as a horizontal bar across a shared year axis, with a legend separating full time roles from freelance work.","name":"portfolio-pro-experience-sections-tenure-spans","title":"Tenure Spans","type":"registry:block"},{"description":"A ruled list of every role with company, title, date range, and a one-sentence summary covering the full employment record.","name":"portfolio-pro-experience-sections-work-history","title":"Work History","type":"registry:block"},{"description":"A FAQ with a sticky anchor rail listing three topic sections beside always open ruled answers, keeping long lists navigable without accordions.","name":"portfolio-pro-faq-sections-anchored-faq","title":"Anchored FAQ","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An availability FAQ that states the real next opening month in the lede and answers five questions about lead time, rush work, waiting list, and start date slippage.","name":"portfolio-pro-faq-sections-availability-faq","title":"Availability Faq","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A centered heading and lede above a narrow max-w-2xl accordion of six working-together questions with specific policy answers.","name":"portfolio-pro-faq-sections-centered-faq","title":"Centered Faq","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A six-question general FAQ accordion covering how to start, revisions, time zones, file ownership, and NDA signing, with the first item open by default.","name":"portfolio-pro-faq-sections-faq-accordion","title":"Faq Accordion","type":"registry:block"},{"description":"Nine questions and answers laid out in three equal columns as plain text blocks for at-a-glance scanning without interaction.","name":"portfolio-pro-faq-sections-faq-three-column","title":"Faq Three Column","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A five-question accordion beside a sticky contact nudge card so visitors whose question is not listed can reach out without leaving the page.","name":"portfolio-pro-faq-sections-faq-with-contact","title":"Faq With Contact","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A FAQ block that organizes questions into three topic groups (Process, Pricing, Working together) each rendered as a collapsible accordion.","name":"portfolio-pro-faq-sections-grouped-faq","title":"Grouped Faq","type":"registry:block"},{"description":"A FAQ block that shows all questions and answers as always-open ruled rows in a two-column grid with no accordion.","name":"portfolio-pro-faq-sections-inline-faq-list","title":"Inline Faq List","type":"registry:block"},{"description":"A left aligned heading over a ruled stack of five two column rows, each pairing a quoted assumption with the reality that corrects it.","name":"portfolio-pro-faq-sections-myth-faq","title":"Myth FAQ","type":"registry:block"},{"description":"An editorial FAQ of six always open questions in a single narrow column, each led by a large index numeral and separated by ruled dividers.","name":"portfolio-pro-faq-sections-numbered-faq","title":"Numbered FAQ","type":"registry:block"},{"description":"A left aligned heading above a three column grid of six rule topped cards, each pairing a question with a large number and detail.","name":"portfolio-pro-faq-sections-numbers-faq","title":"Numbers FAQ","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A centered heading over a chat styled thread of four exchanges, each a right aligned objection bubble answered by a reply beside a designer avatar.","name":"portfolio-pro-faq-sections-objections-faq","title":"Objections FAQ","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A five-question pricing FAQ stating project cost ranges, payment installments, delay responsibility, refund policy, and retainer terms without hedging.","name":"portfolio-pro-faq-sections-pricing-faq","title":"Pricing Faq","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A five-question process FAQ covering revision rounds, how to give feedback, handoff deliverables, source file ownership, and how design disagreements are handled.","name":"portfolio-pro-faq-sections-process-faq","title":"Process Faq","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A tabbed FAQ that splits questions into Projects, Pricing, and Logistics tabs, each revealing its own accordion of answers below a centered heading.","name":"portfolio-pro-faq-sections-tabbed-faq","title":"Tabbed FAQ","type":"registry:block"},{"description":"A vertical numbered timeline of three project stages, each node carrying a stage title and two always open questions with paragraph answers.","name":"portfolio-pro-faq-sections-timeline-faq","title":"Timeline FAQ","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A two-column FAQ with a heading and quick-facts strip on the left and a five-question accordion on the right in a balanced split layout.","name":"portfolio-pro-faq-sections-two-column-faq","title":"Two Column Faq","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A five-question collaboration FAQ answering how often you will talk, what the client needs to provide, scope changes, feedback format, and typical timelines.","name":"portfolio-pro-faq-sections-working-faq","title":"Working Faq","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A rapid FAQ of nine questions in a three column card grid, each led by a Yes, No, or Depends badge above a short answer.","name":"portfolio-pro-faq-sections-yes-no-faq","title":"Yes No FAQ","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A full width recognition ledger of ruled rows pairing each award with its body, project, and year, above a bar with copyright and social icons.","name":"portfolio-pro-footers-awards-footer","title":"Awards Footer","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A conversion footer with a status line, a heading, a qualifier sentence, and a large email link filling the card, with compact links and a copyright line below.","name":"portfolio-pro-footers-big-cta-footer","title":"Big Cta Footer","type":"registry:block"},{"description":"A footer centred on the name and a tagline set at heading scale, with a ruled divider separating a short page link row and a copyright line.","name":"portfolio-pro-footers-big-name-footer","title":"Big Name Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A fully centered footer with the name mark, a row of nav links, a row of social icon links, and a copyright line separated by a top border.","name":"portfolio-pro-footers-centered-footer","title":"Centered Footer","type":"registry:block"},{"description":"A colophon footer pairing a name and site note with a ruled definition list of typefaces, stack, tools, and last update, above a copyright line.","name":"portfolio-pro-footers-colophon-footer","title":"Colophon Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A three-column footer with a brand bio, a navigation column, and a contact column, topped by a social icon row and copyright bar.","name":"portfolio-pro-footers-columns-and-social-footer","title":"Columns And Social Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A contact footer with a large email address as the centrepiece, social icon links, a compact site nav, and a copyright line inside a rounded card.","name":"portfolio-pro-footers-contact-footer","title":"Contact Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A grid of four bordered profile tiles, each with a platform icon, handle, and posting note, above a bar with nav and copyright.","name":"portfolio-pro-footers-elsewhere-footer","title":"Elsewhere Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A two-column footer pairing the name, positioning line, and email on the left with a toggling availability status card and social icons on the right.","name":"portfolio-pro-footers-footer-with-availability","title":"Footer With Availability","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A footer that opens with a bordered card holding a lets-work heading and action button, then closes with nav links, social icons, and a copyright line.","name":"portfolio-pro-footers-footer-with-cta-band","title":"Footer With CTA Band","type":"registry:block"},{"description":"A footer with four labelled link columns covering Work, About, Contact, and Social, the studio name and tagline above, and a copyright bar below.","name":"portfolio-pro-footers-footer-with-nav","title":"Footer With Nav","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A footer pairing contact details and social icons with an inline newsletter subscribe form inside a bordered card above a copyright bar.","name":"portfolio-pro-footers-footer-with-newsletter","title":"Footer With Newsletter","type":"registry:block"},{"description":"A now panel of three ruled cells reporting what the owner builds, where they are based, and current interests, above a nav and copyright bar.","name":"portfolio-pro-footers-footer-with-now","title":"Footer With Now","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A footer pairing a brand column with a ruled list of recent essays, each titled and dated, plus a view all link and copyright bar.","name":"portfolio-pro-footers-latest-writing-footer","title":"Latest Writing Footer","type":"registry:block"},{"description":"A single centered row of text nav links above a copyright line, the smallest possible footer for pages that close with a strong CTA section.","name":"portfolio-pro-footers-minimal-link-footer","title":"Minimal Link Footer","type":"registry:block"},{"description":"A single ruled line carrying the name and copyright year on one side and a made-with location line on the other, with no nav or social links.","name":"portfolio-pro-footers-minimal-signoff-footer","title":"Minimal Signoff Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","radix-ui"],"description":"A large centered client quote with an avatar attribution, closed by a ruled bar carrying nav links, social icons, and a copyright line.","name":"portfolio-pro-footers-quote-footer","title":"Quote Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A footer opening with three latest project thumbnails, closed by a ruled bar carrying the copyright, a compact nav, and a row of social icons.","name":"portfolio-pro-footers-recent-work-footer","title":"Recent Work Footer","type":"registry:block"},{"description":"A complete portfolio footer with the name set at heading scale and five link columns covering Work, Writing, About, Contact, and Social.","name":"portfolio-pro-footers-sitemap-footer","title":"Sitemap Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A centred footer showing the name at heading scale, a one-line tagline, a row of social icon links, and a copyright line with no other navigation.","name":"portfolio-pro-footers-social-row-footer","title":"Social Row Footer","type":"registry:block"},{"description":"A ruled band of four practice numbers, each a large numeral with a label and detail line, above a bar with copyright, email, and nav.","name":"portfolio-pro-footers-stats-footer","title":"Stats Footer","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A three-column footer with a brand and tagline column, a navigation links column, and a contact and social column, plus a full-width copyright bar.","name":"portfolio-pro-footers-three-column-footer","title":"Three Column Footer","type":"registry:block"},{"description":"A collections index of six named photography series, each card showing a cover image, album title, photo count, and date range.","name":"portfolio-pro-gallery-sections-album-grid","title":"Album Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An alternating editorial gallery of full width rows that swap the image left and right beside a series title, story, and bordered facts list.","name":"portfolio-pro-gallery-sections-alternating-gallery","title":"Alternating Gallery","type":"registry:block"},{"description":"Three retouching pairs showing a before and after image side by side with a technical note naming the specific technique applied to each.","name":"portfolio-pro-gallery-sections-before-after-gallery","title":"Before After Gallery","type":"registry:block"},{"description":"Four photographs each paired with a full documentary caption naming where, when, and the story behind how the frame was made.","name":"portfolio-pro-gallery-sections-captioned-gallery","title":"Captioned Gallery","type":"registry:block"},{"description":"A four-column uniform grid of twelve captioned Placeholder tiles showing project name and client for a large body of work.","name":"portfolio-pro-gallery-sections-columns-gallery","title":"Columns Gallery","type":"registry:block"},{"description":"A ring framed sheet panel with a roll header above a dense grid of numbered mono frames, two ringed as picks marked for print.","name":"portfolio-pro-gallery-sections-contact-sheet","title":"Contact Sheet","type":"registry:block"},{"description":"A horizontally scrolling row of wide film frames with mono frame codes and captions beneath each, plus roll metadata beside the heading.","name":"portfolio-pro-gallery-sections-filmstrip-gallery","title":"Filmstrip Gallery","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A single frame study pairing one large photograph with its title, story, and a bordered list of camera, exposure, film, and print details.","name":"portfolio-pro-gallery-sections-frame-study","title":"Frame Study","type":"registry:block"},{"description":"Four large edge-to-edge images stacked vertically with a sentence caption and location plus date beside each frame for immersive editorial presentation.","name":"portfolio-pro-gallery-sections-full-bleed-gallery","title":"Full Bleed Gallery","type":"registry:block"},{"description":"Large images stacked at full container width with a title, a context-naming caption, and a two-digit series counter beneath each.","name":"portfolio-pro-gallery-sections-full-width-rows","title":"Full Width Rows","type":"registry:block"},{"description":"A client-rendered gallery with category chips that filter image tiles via useState and a live count showing how many images are visible.","name":"portfolio-pro-gallery-sections-grid-with-filters","title":"Grid With Filters","type":"registry:block"},{"description":"A numbered list of works with medium and year on the left beside a large preview of the highlighted row with its caption and counter.","name":"portfolio-pro-gallery-sections-index-preview-gallery","title":"Index Preview Gallery","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A static open-state lightbox layout showing a centered large image with prev/next controls, a frame counter, caption, and thumbnail strip over a dark scrim.","name":"portfolio-pro-gallery-sections-lightbox-blueprint","title":"Lightbox Blueprint","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A mosaic gallery with one large anchor frame spanning two columns and two rows beside eight square supporting tiles, above a view all link.","name":"portfolio-pro-gallery-sections-mosaic-gallery","title":"Mosaic Gallery","type":"registry:block"},{"description":"A three-column grid of nine square photography frames with hover captions showing location, date, and subject for each shot.","name":"portfolio-pro-gallery-sections-photo-grid","title":"Photo Grid","type":"registry:block"},{"description":"A CSS-columns masonry gallery of twelve Placeholder images in mixed aspect ratios that form a dense visual wall of travel photography.","name":"portfolio-pro-gallery-sections-photo-masonry","title":"Photo Masonry","type":"registry:block"},{"description":"A large main image with a captioned location and date above a five-thumbnail strip with the active selection ringed.","name":"portfolio-pro-gallery-sections-spotlight-gallery","title":"Spotlight Gallery","type":"registry:block"},{"description":"A compact responsive grid of square Placeholder thumbnails labelled with a series name and year for browsing a photographic archive.","name":"portfolio-pro-gallery-sections-thumbnail-strip","title":"Thumbnail Strip","type":"registry:block"},{"description":"A triptych gallery where each work is a row of three tall panels under a title and edition line, with one shared caption beneath.","name":"portfolio-pro-gallery-sections-triptych-gallery","title":"Triptych Gallery","type":"registry:block"},{"description":"An editorial two-column image layout pairing photographs by series with title and medium captions beneath each image.","name":"portfolio-pro-gallery-sections-two-up-gallery","title":"Two Up Gallery","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Work grouped into bordered rows by year, each pairing a large year heading, frame count, and note with a four image row of selects.","name":"portfolio-pro-gallery-sections-year-archive-gallery","title":"Year Archive Gallery","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A freelancer hero that centres a card showing the next open project slot, the slot count, and the typical engagement length beside a get-in-touch action.","name":"portfolio-pro-hero-sections-availability-hero","title":"Availability Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split hero with a first person intro and actions beside a two by two grid of award cells, each naming the issuer, honour, and year.","name":"portfolio-pro-hero-sections-awards-hero","title":"Awards Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A fold-filling hero that renders the name at oversized typographic scale with a discipline line, lede, two actions, and a three-cell grounding facts grid.","name":"portfolio-pro-hero-sections-big-type-hero","title":"Big Type Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split hero with name, lede, actions, and availability note beside a bordered timeline panel listing each chapter with years, role, and detail.","name":"portfolio-pro-hero-sections-career-timeline-hero","title":"Career Timeline Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A symmetric portfolio opener with everything centered around a single strong positioning sentence, a quiet role lede, and one action button.","name":"portfolio-pro-hero-sections-centered-statement-hero","title":"Centered Statement Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with name, role lede, and two actions above a full width client quote strip carrying the quote, an avatar, and attribution.","name":"portfolio-pro-hero-sections-client-quote-hero","title":"Client Quote Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A conversion-first hero with a single confident headline, a start-a-project button, and a four-figure trust signal strip at the base of the fold.","name":"portfolio-pro-hero-sections-cta-focused-hero","title":"Cta Focused Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split hero with name, positioning lede, detail strip, and actions beside a single featured case study panel showing a thumbnail and outcome rows.","name":"portfolio-pro-hero-sections-featured-case-hero","title":"Featured Case Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A fold-filling hero with a declarative h1, lede, two actions, a static row of service chips as a skills strip, and a three-cell availability facts grid.","name":"portfolio-pro-hero-sections-hero-with-marquee","title":"Hero With Marquee","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Split hero with a first person invitation and expectations strip on the left beside a labelled inquiry form for name, email, company, and project.","name":"portfolio-pro-hero-sections-inquiry-form-hero","title":"Inquiry Form Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero that opens with a first-person paragraph above the name and headline, followed by a single action button and a three-field detail strip.","name":"portfolio-pro-hero-sections-intro-paragraph-hero","title":"Intro Paragraph Hero","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A personal portfolio hero with a name, role lede, two actions, and a branded social icon row that moves profile links into the first viewport.","name":"portfolio-pro-hero-sections-intro-with-socials","title":"Intro With Socials","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A left-anchored editorial hero with name and role in the h1, a studio lede, two actions, and a four-row ruled metadata strip covering role, studio, availability, and clients.","name":"portfolio-pro-hero-sections-left-aligned-hero","title":"Left Aligned Hero","type":"registry:block"},{"description":"A fully reduced centered hero with the name in the h1, a role line below it, and a small set of plain text navigation links and nothing else.","name":"portfolio-pro-hero-sections-minimal-name-hero","title":"Minimal Name Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A name and role hero with a positioning line, a three fact strip, and an honest availability note.","name":"portfolio-pro-hero-sections-name-and-role-hero","title":"Name And Role Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero built around a 2x2 photo tile grid with the photographer name and credential facts in a height-balanced side panel.","name":"portfolio-pro-hero-sections-photo-grid-hero","title":"Photo Grid Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split hero with a name, lede, actions, and three grounding facts on the left beside a tall portrait placeholder on the right.","name":"portfolio-pro-hero-sections-portrait-right-hero","title":"Portrait Right Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a first person intro, lede, and two actions above a numbered three step strip showing how an engagement runs end to end.","name":"portfolio-pro-hero-sections-process-steps-hero","title":"Process Steps Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Editorial index hero with a name and positioning intro above a ruled, text only list of selected projects showing number, title, client, discipline, and year.","name":"portfolio-pro-hero-sections-project-index-hero","title":"Project Index Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero that opens with a craft philosophy sentence as the heading and the practitioner name and studio in a quieter line below.","name":"portfolio-pro-hero-sections-quote-hero","title":"Quote Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A portfolio hero that pairs a name and role statement with an inline row of past client wordmarks placed between the lede and the action buttons.","name":"portfolio-pro-hero-sections-role-and-clients-hero","title":"Role And Clients Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero that stacks every discipline this person works in as a static role list with one role emphasised and a facts panel beside it.","name":"portfolio-pro-hero-sections-scrolling-roles-hero","title":"Scrolling Roles Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Split hero pairing a first person intro and availability facts with a bordered service menu panel listing each offering, its scope, and starting price.","name":"portfolio-pro-hero-sections-service-menu-hero","title":"Service Menu Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column hero with a name, positioning lede, and ruled availability strip on the left and an aspect-4/5 portrait placeholder on the right.","name":"portfolio-pro-hero-sections-split-portrait-hero","title":"Split Portrait Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A stripped-back hero with one confident h1 sentence, a single lede, and one primary action directing visitors to the work.","name":"portfolio-pro-hero-sections-statement-hero","title":"Statement Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A small-agency opener with a studio name, a we-voice lede naming what the team does not offer, two actions, and a three-fact founding strip.","name":"portfolio-pro-hero-sections-studio-hero","title":"Studio Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero for a dual-practice creator with an h1 naming both disciplines, a lede connecting them, and two cards each pointing at one body of work.","name":"portfolio-pro-hero-sections-two-disciplines-hero","title":"Two Disciplines Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero that leads with a large video frame and play affordance, then names the director and their availability below it.","name":"portfolio-pro-hero-sections-video-reel-hero","title":"Video Reel Hero","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero that leads with the name and role then immediately shows three labelled work thumbnails with role and year below each.","name":"portfolio-pro-hero-sections-work-preview-hero","title":"Work Preview Hero","type":"registry:block"},{"description":"A split layout pairing a large Placeholder album cover with a full ruled tracklist, meta line, short release note, and platform links.","name":"portfolio-pro-music-audio-album-feature","title":"Album Feature","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A live booking split pairing a ruled list of set formats with a details card of availability, a rider link, and a request button.","name":"portfolio-pro-music-audio-booking-panel","title":"Booking Panel","type":"registry:block"},{"description":"A six-album grid with Placeholder covers, titles, years, and track counts spanning a full catalogue from debut to latest release.","name":"portfolio-pro-music-audio-discography-grid","title":"Discography Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Upcoming shows as ruled rows with date, venue, city, and a tickets link, followed by muted past shows as an archive beneath.","name":"portfolio-pro-music-audio-gig-list","title":"Gig List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A featured track card with a Placeholder cover, static div-bar waveform in theme tokens, and text links to four streaming platforms.","name":"portfolio-pro-music-audio-listen-card","title":"Listen Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three card grid of filmed live sessions, each with a still, song title, venue and year line, and a watch link with duration.","name":"portfolio-pro-music-audio-live-sessions","title":"Live Sessions","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A fold-filling hero with a sentence h1, album lede, play and releases CTAs, a three-stat strip, and a Placeholder album cover beside it.","name":"portfolio-pro-music-audio-music-hero","title":"Music Hero","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A press kit section pairing an approved short bio and press pull quotes with two photos and a ruled list of downloadable assets.","name":"portfolio-pro-music-audio-press-kit","title":"Press Kit","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-column grid of recent album and EP cards each with a Placeholder cover, title, year, format, and a listen link.","name":"portfolio-pro-music-audio-releases-row","title":"Releases Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled credit table listing year, artist and record, and role for each session, closed by an availability note and a full credits link.","name":"portfolio-pro-music-audio-session-credits","title":"Session Credits","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two column split pairing a lyric excerpt card with the written story of a song, closed by a ruled credits list and a listen link.","name":"portfolio-pro-music-audio-song-story","title":"Song Story","type":"registry:block"},{"description":"A four stat strip of listener and stream totals above a split of most streamed tracks with bars and a ranked list of top cities.","name":"portfolio-pro-music-audio-streaming-stats","title":"Streaming Stats","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three service cards for mixing, mastering, and production, each with a rate, a checklist of what is included, and a turnaround line.","name":"portfolio-pro-music-audio-studio-services","title":"Studio Services","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Selected sync licensing credits in three columns for film and television, advertising, and games, each a ruled list with a licensing link below.","name":"portfolio-pro-music-audio-sync-placements","title":"Sync Placements","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled list of ten tracks with tabular-numeral durations, track numbers, and a static play affordance for an album or EP.","name":"portfolio-pro-music-audio-track-list","title":"Track List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A header topped by an inverse announcement strip with a booking note, inline arrow link, and dismiss button, above the name mark and page links.","name":"portfolio-pro-navbars-announcement-bar-nav","title":"Announcement Bar Nav","type":"registry:block"},{"description":"An editorial header with the name mark pinned to the absolute center and two nav links split symmetrically on each side.","name":"portfolio-pro-navbars-centered-nav","title":"Centered Nav","type":"registry:block"},{"description":"A slim 12-unit header with a name mark on the left and three minimal text links on the right, nothing else.","name":"portfolio-pro-navbars-compact-nav","title":"Compact Nav","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Full width header where the name mark and each page link occupy their own border separated cell, ending in a solid inverse contact cell.","name":"portfolio-pro-navbars-divided-nav","title":"Divided Nav","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A navbar with the name mark centered and two navigation links flanking it on each side, plus a contact button on the far right.","name":"portfolio-pro-navbars-logo-center-nav","title":"Logo Center Nav","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A desktop header shown with its Work menu open, a full width panel laying out three category cards with thumbnails, counts, and a footer row.","name":"portfolio-pro-navbars-mega-panel-nav","title":"Mega Panel Nav","type":"registry:block"},{"description":"A minimal personal-site header with the name mark on the left and three nav links on the right, nothing else.","name":"portfolio-pro-navbars-minimal-name-navbar","title":"Minimal Name Navbar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A mobile-first header shown in its open-menu state with four large stacked links and zero-padded index numbers.","name":"portfolio-pro-navbars-name-and-menu","title":"Name And Menu","type":"registry:block"},{"description":"A navbar with name, centred links, and a pulsing emerald dot beside an availability month label on the right.","name":"portfolio-pro-navbars-nav-with-availability-dot","title":"Nav With Availability Dot","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A conversion header with the name mark, three nav links, and a primary Get in touch button on the right.","name":"portfolio-pro-navbars-nav-with-cta","title":"Nav With Cta","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Header with a name mark on the left, centered page links, and a location readout showing the city and a local time label on the right.","name":"portfolio-pro-navbars-nav-with-location-time","title":"Nav with Location and Time","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A site header with a name mark and nav links on the left and a download CV button on the right for portfolios where recruiters need direct resume access.","name":"portfolio-pro-navbars-nav-with-resume","title":"Nav With Resume","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A connected header with the name mark and nav links on the left and a row of GitHub, LinkedIn, and Instagram icon links on the right.","name":"portfolio-pro-navbars-nav-with-socials","title":"Nav With Socials","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A navbar with the name mark on the left, four nav links in the center, and a static sun and moon theme toggle button on the right.","name":"portfolio-pro-navbars-nav-with-theme-toggle","title":"Nav With Theme Toggle","type":"registry:block"},{"description":"Header with a name mark on the left, horizontal links each carrying a zero padded index number, and a small index caption on the right.","name":"portfolio-pro-navbars-numbered-nav","title":"Numbered Nav","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Header with a name mark, page links inside a bordered rounded pill segmented control with the active one highlighted, and a quiet arrow link.","name":"portfolio-pro-navbars-pill-links-nav","title":"Pill Links Nav","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A fixed left rail with the name mark and role, stacked section links with an active highlight, and a bottom row of social icons.","name":"portfolio-pro-navbars-side-rail-nav","title":"Side Rail Nav","type":"registry:block"},{"description":"A slim sticky header with frosted background, the name mark, three nav links, and an emerald availability dot.","name":"portfolio-pro-navbars-sticky-minimal-nav","title":"Sticky Minimal Nav","type":"registry:block"},{"description":"A background-free header with the studio name on the left and anchor links on the right, designed to float over a hero section.","name":"portfolio-pro-navbars-transparent-nav","title":"Transparent Nav","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A stacked two-row header with the name and social icons on the top row and a six-link section nav on the second row for content-rich portfolios.","name":"portfolio-pro-navbars-two-row-nav","title":"Two Row Nav","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A header whose page links behave like full height tabs, the active one carrying a bottom border that sits flush against the header rule.","name":"portfolio-pro-navbars-underline-tabs-nav","title":"Underline Tabs Nav","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A full-width header with the name mark on the left, five centred navigation links, and a contact button on the right in a generous 16-unit bar.","name":"portfolio-pro-navbars-wide-nav","title":"Wide Nav","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered newsletter signup framed as a first person letter in a bordered note, signed with avatar, name, and role above a labeled email form.","name":"portfolio-pro-newsletter-sections-author-note","title":"Author Note","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered heading, pitch, and email-and-button form with a cadence note naming the send dates, frequency, and unsubscribe policy.","name":"portfolio-pro-newsletter-sections-centered-signup","title":"Centered Signup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Centered newsletter signup leading with a two by two grid of the most opened issues, each with a topic badge, summary, and open rate.","name":"portfolio-pro-newsletter-sections-greatest-hits","title":"Greatest Hits","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column newsletter signup pairing a pitch and labeled email form with a drawn inbox mockup listing five recent issues by subject and date.","name":"portfolio-pro-newsletter-sections-inbox-preview","title":"Inbox Preview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim bordered subscribe band with a one-line pitch and inline email input designed for mid-page placement between content sections.","name":"portfolio-pro-newsletter-sections-inline-newsletter-band","title":"Inline Newsletter Band","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two column newsletter signup pairing a pitch and labeled email form with a numbered breakdown of the four recurring segments, each with a read time.","name":"portfolio-pro-newsletter-sections-issue-anatomy","title":"Issue Anatomy","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column block showing a preview card of the most recent newsletter issue beside a subscribe form with cadence note.","name":"portfolio-pro-newsletter-sections-latest-issue","title":"Latest Issue","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column newsletter signup pairing the pitch and labeled email form with a bordered list of five short questions and plain answers.","name":"portfolio-pro-newsletter-sections-newsletter-faq","title":"Newsletter FAQ","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column newsletter signup with value props and cadence on the left and recent issue previews on the right.","name":"portfolio-pro-newsletter-sections-newsletter-feature","title":"Newsletter Feature","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A newsletter signup section with a heading, a one-sentence pitch, an email and subscribe form, and an exact cadence note naming the send dates.","name":"portfolio-pro-newsletter-sections-newsletter-signup","title":"Newsletter Signup","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two-column newsletter signup block pairing an email form with three proof figures including subscriber count, open rate, and issues published.","name":"portfolio-pro-newsletter-sections-newsletter-stats","title":"Newsletter Stats","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two tier newsletter signup pairing side by side Reader and Supporter cards, one carrying the email form and the other a feature list.","name":"portfolio-pro-newsletter-sections-newsletter-tiers","title":"Newsletter Tiers","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A newsletter signup block that lists the three most recent issues as titled linked rows before showing the subscribe form, letting visitors sample the content first.","name":"portfolio-pro-newsletter-sections-newsletter-with-archive","title":"Newsletter With Archive","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A centered newsletter signup above a three card row of short reader quotes, each attributed with avatar art, a name, and a role.","name":"portfolio-pro-newsletter-sections-reader-quotes","title":"Reader Quotes","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A compact subscribe card sized for a sidebar with a short pitch, email form, and subscriber count.","name":"portfolio-pro-newsletter-sections-sidebar-subscribe","title":"Sidebar Subscribe","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A minimal horizontal band with a single line of copy and an inline email input and subscribe button, sized for placement directly above a footer.","name":"portfolio-pro-newsletter-sections-simple-subscribe","title":"Simple Subscribe","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two-column block with the pitch and four dated recent issue titles on the left and a signup form card with cadence and reader count on the right.","name":"portfolio-pro-newsletter-sections-split-newsletter","title":"Split Newsletter","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A compact bordered card with a newsletter pitch, a subscriber count and frequency stats strip, and an email form sized for a sidebar or narrow column.","name":"portfolio-pro-newsletter-sections-subscribe-card","title":"Subscribe Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Centered newsletter signup card with a checkbox list of three letters, each with a description and cadence, above a labeled email form.","name":"portfolio-pro-newsletter-sections-topic-picker","title":"Topic Picker","type":"registry:block"},{"description":"Two ruled columns pairing twenty everyday categories with the single app that wins each job, a dot flagging any default changed this year.","name":"portfolio-pro-now-uses-app-defaults","title":"App Defaults","type":"registry:block"},{"description":"A compact ruled card of six status rows covering building, reading, listening, learning, availability, and location as a live snapshot.","name":"portfolio-pro-now-uses-currently-card","title":"Currently Card","type":"registry:block"},{"description":"Split desk tour pairing a square workspace photo with six numbered callout rows naming each item and the reason it earned its place.","name":"portfolio-pro-now-uses-desk-tour","title":"Desk Tour","type":"registry:block"},{"description":"Kit organised into category groups as cards with a placeholder visual, a model name, and a sentence on why each piece earned its place.","name":"portfolio-pro-now-uses-gear-list","title":"Gear List","type":"registry:block"},{"description":"Vertical timeline of five skills with month stamps, status badges covering progress and pauses, and short notes on what each skill changed.","name":"portfolio-pro-now-uses-learning-log","title":"Learning Log","type":"registry:block"},{"description":"Four category cards for listening, watching, playing, and following, each holding three titled items with meta notes and one highlighted pick.","name":"portfolio-pro-now-uses-media-diet","title":"Media Diet","type":"registry:block"},{"description":"Dated snapshots of a now page, each pairing a date column with a three column panel of what started, stopped, and kept going.","name":"portfolio-pro-now-uses-now-archive","title":"Now Archive","type":"registry:block"},{"description":"A dated snapshot across Work, Learning, and Life sections with specific items so the page reads as a live signal rather than a static bio.","name":"portfolio-pro-now-uses-now-page","title":"Now Page","type":"registry:block"},{"description":"Ruled rows of the subscriptions behind an independent practice, each showing the tool, its plan, a monthly price, closing on a total row.","name":"portfolio-pro-now-uses-paid-tools","title":"Paid Tools","type":"registry:block"},{"description":"Books listed as ruled rows with title, author, a one-line connection to current practice, and a reading, finished, or queued status badge.","name":"portfolio-pro-now-uses-reading-list","title":"Reading List","type":"registry:block"},{"description":"Daily gear and software listed across Desk Setup, Software, and Everyday Carry groups, each item with a model name and a one-line why.","name":"portfolio-pro-now-uses-uses-page","title":"Uses Page","type":"registry:block"},{"description":"A browse-by-genre block with 4 Placeholder tiles for Portrait, Landscape, Street, and Studio, each labelled with a genre name, image count, and a hover descriptor.","name":"portfolio-pro-photography-category-tiles","title":"Category Tiles","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three commission types with day rates and inclusions beside a booking panel walking four steps from enquiry to delivery with an availability note.","name":"portfolio-pro-photography-commission-brief","title":"Commission Brief","type":"registry:block"},{"description":"A proof-sheet block with 12 small Placeholder frames in a dense grid labelled by roll and frame number, with a footer naming the camera, film stock, and lab.","name":"portfolio-pro-photography-contact-sheet","title":"Contact Sheet","type":"registry:block"},{"description":"The raw scan and final print file side by side, four numbered edit steps, and a closing note on what the retouching never includes.","name":"portfolio-pro-photography-edit-breakdown","title":"Edit Breakdown","type":"registry:block"},{"description":"Two ruled lists set side by side, selected exhibitions with venue, city, and year beside publications naming each outlet, piece, and date.","name":"portfolio-pro-photography-exhibition-history","title":"Exhibition History","type":"registry:block"},{"description":"A full-bleed editorial photo set with 3 edge-to-edge Placeholder images and ruled caption rows carrying location, date, and a field note between each frame.","name":"portfolio-pro-photography-full-bleed-set","title":"Full Bleed Set","type":"registry:block"},{"description":"A photographer profile split with a Placeholder portrait beside a bio, three approach sections, and a gear table.","name":"portfolio-pro-photography-photo-about","title":"Photo About","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A book cover and three spread thumbnails beside the monograph story, a full specifications table, a stockist list, and a direct order button.","name":"portfolio-pro-photography-photo-book","title":"Photo Book","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A fold-filling photography hero with a large Placeholder image above a two-column text panel carrying the photographer name, focus, commission note, and a four-row meta strip.","name":"portfolio-pro-photography-photo-hero","title":"Photo Hero","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A photography print pricing block listing multiple series as cards with size and price tables, edition counts, remaining inventory, and framing notes.","name":"portfolio-pro-photography-print-pricing","title":"Print Pricing","type":"registry:block"},{"description":"A print sales block with 4 limited-edition print cards each showing a Placeholder image, a size-to-price table, edition size, and an honest shipping and duties note.","name":"portfolio-pro-photography-print-shop","title":"Print Shop","type":"registry:block"},{"description":"A photography series feature with a large lead frame, a four-still strip with location captions, and a series note naming the shooting constraint and frame count.","name":"portfolio-pro-photography-series-feature","title":"Series Feature","type":"registry:block"},{"description":"A photo series grid showing 6 Placeholder images grouped under a series title, year span, and intro paragraph with per-frame location captions.","name":"portfolio-pro-photography-series-grid","title":"Series Grid","type":"registry:block"},{"description":"A single-shoot case block with a lead Placeholder image, a one-sentence brief, a ruled meta strip of six rows, and a supporting row of three smaller frames.","name":"portfolio-pro-photography-shoot-detail","title":"Shoot Detail","type":"registry:block"},{"description":"A two-column photo layout with six captioned frames at mixed aspect ratios that lets a photographer contrast subject, light, or location side by side.","name":"portfolio-pro-photography-two-column-photos","title":"Two Column Photos","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A full about page composing a long form personal story, skills list, process steps, and testimonial cards into one ready to deploy page.","name":"portfolio-pro-prebuilt-pages-about-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-about-sections-about-long-form","@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar","@shadcn-ui-blocks/portfolio-pro-process-sections-how-i-work-steps","@shadcn-ui-blocks/portfolio-pro-skills-sections-skills-list","@shadcn-ui-blocks/portfolio-pro-testimonials-testimonial-cards"],"title":"About Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A minimal contact page composing a split section that shows the inquiry form and contact details side by side without scrolling.","name":"portfolio-pro-prebuilt-pages-contact-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-contact-sections-contact-split","@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar"],"title":"Contact Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A full developer portfolio page composing a terminal intro hero, project repos, tech stack detail, and contact footer from sibling blocks.","name":"portfolio-pro-prebuilt-pages-developer-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-developer-portfolio-project-repos","@shadcn-ui-blocks/portfolio-pro-developer-portfolio-tech-stack-detail","@shadcn-ui-blocks/portfolio-pro-developer-portfolio-terminal-intro","@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar"],"title":"Developer Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A full freelancer hire-me page composing an availability hero with a next opening month, services list, featured work grid, hire me band, and contact footer from sibling blocks.","name":"portfolio-pro-prebuilt-pages-freelancer-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-cta-sections-hire-me-band","@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-hero-sections-availability-hero","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar","@shadcn-ui-blocks/portfolio-pro-services-sections-services-list","@shadcn-ui-blocks/portfolio-pro-work-grids-featured-work-grid"],"title":"Freelancer Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A full portfolio homepage composing a name and role hero, featured work grid, about split, testimonial cards, and hire me band into one ready to deploy page.","name":"portfolio-pro-prebuilt-pages-home-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-about-sections-about-split","@shadcn-ui-blocks/portfolio-pro-cta-sections-hire-me-band","@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-hero-sections-name-and-role-hero","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar","@shadcn-ui-blocks/portfolio-pro-testimonials-testimonial-cards","@shadcn-ui-blocks/portfolio-pro-work-grids-featured-work-grid"],"title":"Home Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A minimal two-block link-in-bio page composing the link-in-bio social links block and a minimal signoff footer for a single-URL creator landing page.","name":"portfolio-pro-prebuilt-pages-link-in-bio-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-footers-minimal-signoff-footer","@shadcn-ui-blocks/portfolio-pro-social-links-link-in-bio"],"title":"Link In Bio Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A full photographer portfolio page composing a photo hero, series grid, print shop, and contact footer from sibling blocks.","name":"portfolio-pro-prebuilt-pages-photographer-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar","@shadcn-ui-blocks/portfolio-pro-photography-photo-hero","@shadcn-ui-blocks/portfolio-pro-photography-print-shop","@shadcn-ui-blocks/portfolio-pro-photography-series-grid"],"title":"Photographer Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A full case study page composing a project hero, problem and approach split with a named constraint, and a quantified results band.","name":"portfolio-pro-prebuilt-pages-project-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-case-study-sections-case-study-hero","@shadcn-ui-blocks/portfolio-pro-case-study-sections-case-study-split","@shadcn-ui-blocks/portfolio-pro-case-study-sections-results-band","@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar"],"title":"Project Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A full services page composing a scoped services list, engagement cards with rates, process steps, and a hire me band into one ready to deploy page.","name":"portfolio-pro-prebuilt-pages-services-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-cta-sections-hire-me-band","@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar","@shadcn-ui-blocks/portfolio-pro-process-sections-how-i-work-steps","@shadcn-ui-blocks/portfolio-pro-services-sections-service-cards","@shadcn-ui-blocks/portfolio-pro-services-sections-services-list"],"title":"Services Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A full studio site page composing a studio hero, named team grid, services list with explicit exclusions, and contact footer from sibling blocks.","name":"portfolio-pro-prebuilt-pages-studio-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar","@shadcn-ui-blocks/portfolio-pro-studio-team-studio-hero","@shadcn-ui-blocks/portfolio-pro-studio-team-studio-services","@shadcn-ui-blocks/portfolio-pro-studio-team-team-grid"],"title":"Studio Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A dedicated work page composing a featured work grid and masonry grid with a hire me band so visitors see selected and full work in one flow.","name":"portfolio-pro-prebuilt-pages-work-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-cta-sections-hire-me-band","@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar","@shadcn-ui-blocks/portfolio-pro-work-grids-featured-work-grid","@shadcn-ui-blocks/portfolio-pro-work-grids-masonry-grid"],"title":"Work Page","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A full writer portfolio page composing a writing hero, featured essay, published list, publications wall, and contact footer from sibling blocks.","name":"portfolio-pro-prebuilt-pages-writer-page","registryDependencies":["@shadcn-ui-blocks/portfolio-pro-footers-contact-footer","@shadcn-ui-blocks/portfolio-pro-navbars-minimal-name-navbar","@shadcn-ui-blocks/portfolio-pro-writing-portfolio-featured-essay","@shadcn-ui-blocks/portfolio-pro-writing-portfolio-publications-wall","@shadcn-ui-blocks/portfolio-pro-writing-portfolio-published-list","@shadcn-ui-blocks/portfolio-pro-writing-portfolio-writing-hero"],"title":"Writer Page","type":"registry:block"},{"description":"Three approved bio lengths in copyable cards with word counts, followed by a key facts list for journalists to cite without follow-up.","name":"portfolio-pro-press-kit-brand-bio","title":"Brand Bio","type":"registry:block"},{"description":"Heading and lede above a hairline grid of eight large stat tiles with labels and notes, closed by a verification footnote.","name":"portfolio-pro-press-kit-by-the-numbers","title":"By the Numbers","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A compact border-y strip of outline download buttons each labelled with file format and tabular size for press kit, CV, brand guide, logo pack, and case studies.","name":"portfolio-pro-press-kit-download-row","title":"Download Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Heading with a download button, three headshot crops in a grid with resolution and use captions, and a required photo credit panel.","name":"portfolio-pro-press-kit-headshot-gallery","title":"Headshot Gallery","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Six numbered cards pitching subjects a founder can speak about, with a formats band covering podcasts, panels, and written Q&A.","name":"portfolio-pro-press-kit-interview-topics","title":"Interview Topics","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Wordmark demo tiles on plain and reversed surfaces with size and format specs beside ruled lists of approved and prohibited uses.","name":"portfolio-pro-press-kit-logo-guidelines","title":"Logo Guidelines","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A four-card grid of downloadable brand assets each showing a Placeholder preview, a format and resolution note, a file size, and a download button.","name":"portfolio-pro-press-kit-media-assets","title":"Media Assets","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"Two column press FAQ with a heading and response time list beside an accordion answering the questions journalists ask before covering a studio.","name":"portfolio-pro-press-kit-press-faq","title":"Press FAQ","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Two column press inquiry with a heading and what to include checklist beside a labeled contact form for outlet, deadline, and request.","name":"portfolio-pro-press-kit-press-inquiry","title":"Press Inquiry","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A consolidated press section with a studio bio, five key facts, three downloadable assets with format notes, and a press contact card.","name":"portfolio-pro-press-kit-press-kit-page","title":"Press Kit Page","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled list of editorial coverage showing publication name, article headline, date, and an external read link for each mention.","name":"portfolio-pro-press-kit-press-mentions","title":"Press Mentions","type":"registry:block"},{"description":"A ruled definition list of ten key editorial facts covering name, location, focus, notable work, and a clickable press contact email.","name":"portfolio-pro-press-kit-quick-facts","title":"Quick Facts","type":"registry:block"},{"description":"Two category panels list a la carte extras as divided rows, each pairing a name and one line description with a plainly stated price.","name":"portfolio-pro-pricing-sections-add-on-pricing","title":"Add-On Pricing","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three stacked budget bands pair a price range and engagement with a good fit list and a keep in mind list, the middle band flagged.","name":"portfolio-pro-pricing-sections-budget-guide","title":"Budget Guide","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"An hourly rate stated plainly with included and excluded item columns, a four-hour minimum, and a ruled list of three scenarios where hourly billing makes more sense than a fixed scope.","name":"portfolio-pro-pricing-sections-hourly-rate-card","title":"Hourly Rate Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A three-package comparison table with Check and Minus feature rows, prices, and per-package CTAs in a scrollable layout.","name":"portfolio-pro-pricing-sections-package-comparison","title":"Package Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three numbered payment stages with percentage splits sit beside a worked example panel that breaks a project fee into three payments with terms.","name":"portfolio-pro-pricing-sections-payment-schedule","title":"Payment Schedule","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three package cards with price-from amounts, durations, and included item lists, with a recommended tier highlighted and an honest scoping note below the grid.","name":"portfolio-pro-pricing-sections-pricing-tiers","title":"Pricing Tiers","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Two tier cards with from prices and included lists beside three plainly answered pricing questions that remove common objections.","name":"portfolio-pro-pricing-sections-pricing-with-faq","title":"Pricing With Faq","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Six common project types as ruled table rows showing price bands and timelines, with scope assumptions per row and an honest note that all figures are starting points.","name":"portfolio-pro-pricing-sections-project-estimate-card","title":"Project Estimate Card","type":"registry:block"},{"description":"A prominent day rate panel with a breakdown of half-day and retainer rates beside three plain-answer billing FAQ pairs.","name":"portfolio-pro-pricing-sections-rate-and-faq","title":"Rate and FAQ","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three monthly retainer cards with hour counts, prices, and cover items, plus a ruled panel explaining minimum terms, hour rollover policy, and when to switch off a retainer.","name":"portfolio-pro-pricing-sections-retainer-pricing","title":"Retainer Pricing","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A minimal pricing block with three from-price rows and a qualifying note beside a heading and a single contact CTA.","name":"portfolio-pro-pricing-sections-simple-rate-band","title":"Simple Rate Band","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"One clearly presented package with a from price, a bulleted included list, a not-included list, and a call to action button.","name":"portfolio-pro-pricing-sections-single-package-card","title":"Single Package Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Three project tiers with from-prices, durations, and feature checklists where the middle tier is marked Recommended.","name":"portfolio-pro-pricing-sections-three-tier-pricing","title":"Three Tier Pricing","type":"registry:block"},{"description":"A formula strip showing creation fee times usage multiplier equals final fee sits above four license tier cards, closed by notes on exclusivity.","name":"portfolio-pro-pricing-sections-usage-licensing","title":"Usage Licensing","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two-column prose block arguing why project pricing beats hourly, with three named reasons on the right and a pair of actions linking to a quote and the hourly rate.","name":"portfolio-pro-pricing-sections-value-pricing-note","title":"Value Pricing Note","type":"registry:block"},{"description":"Side-by-side included and not-included cards for a design package, followed by a ruled assumptions panel covering brief quality, feedback rounds, content readiness, and stakeholder access.","name":"portfolio-pro-pricing-sections-whats-included-card","title":"Whats Included Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four project stages in a two-column card grid each listing the deliverables as checked items so scope is unambiguous.","name":"portfolio-pro-process-sections-checklist-process","title":"Checklist Process","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A first-call explainer listing the four agenda items of a free 30-minute discovery call alongside a fact strip covering duration, format, cost, and commitment.","name":"portfolio-pro-process-sections-discovery-call-steps","title":"Discovery Call Steps","type":"registry:block"},{"description":"Five steps from first call to handoff presented as a two-column you and me table that names the mutual responsibilities at every stage.","name":"portfolio-pro-process-sections-engagement-flow","title":"Engagement Flow","type":"registry:block"},{"description":"A four-step process block showing Discover, Define, Design, and Deliver as numbered cards, each with a plain sentence describing the work at that stage.","name":"portfolio-pro-process-sections-four-step-process","title":"Four Step Process","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A checked list of six deliverables the client receives at project close alongside a ruled notes strip and a card naming what the handoff does not include.","name":"portfolio-pro-process-sections-handoff-checklist","title":"Handoff Checklist","type":"registry:block"},{"description":"A centered heading above four numbered steps on a connected rail, each marker with a title and short description that stacks on small screens.","name":"portfolio-pro-process-sections-horizontal-steps","title":"Horizontal Steps","type":"registry:block"},{"description":"Four numbered cards each naming a stage title, what happens, and the concrete artifact the client receives at the close of that stage.","name":"portfolio-pro-process-sections-how-i-work-steps","title":"How I Work Steps","type":"registry:block"},{"description":"Three large-numbered phase cards showing Discover, Make, and Ship with a description and typical duration for each phase.","name":"portfolio-pro-process-sections-numbered-process","title":"Numbered Process","type":"registry:block"},{"description":"A heading and intro above a segmented proportional bar, with a ruled legend listing each phase, its percentage share, and what the time buys.","name":"portfolio-pro-process-sections-phase-allocation","title":"Phase Allocation","type":"registry:block"},{"description":"Four project phases in a two-column card grid, each card naming what happens, the concrete deliverable, and the typical duration.","name":"portfolio-pro-process-sections-phases-grid","title":"Phases Grid","type":"registry:block"},{"description":"A principles-led process block presenting three working principles as wide cards, each with an explanatory sentence and an explicit named tradeoff.","name":"portfolio-pro-process-sections-principles-process","title":"Principles Process","type":"registry:block"},{"description":"A heading and intro above a two column comparison table, contrasting the usual studio approach with how I work across five ruled aspect rows.","name":"portfolio-pro-process-sections-process-comparison","title":"Process Comparison","type":"registry:block"},{"description":"Four stage cards each split into a process description on the left and the named artifact it produces on the right, from the brief to the spec.","name":"portfolio-pro-process-sections-process-with-deliverables","title":"Process With Deliverables","type":"registry:block"},{"description":"A heading and intro above three feedback round cards, each naming its scope and an example note, plus a two panel footer on process.","name":"portfolio-pro-process-sections-revision-rounds","title":"Revision Rounds","type":"registry:block"},{"description":"A two-column split with design philosophy and three belief statements on the left and three numbered phases as a ruled list on the right.","name":"portfolio-pro-process-sections-three-phase-process","title":"Three Phase Process","type":"registry:block"},{"description":"A vertical timeline rail with five milestones each carrying a week range, day count, and the exact deliverable produced at that stage.","name":"portfolio-pro-process-sections-timeline-process","title":"Timeline Process","type":"registry:block"},{"description":"A four-step vertical timeline with a Placeholder thumbnail per step and a named deliverable line under each description.","name":"portfolio-pro-process-sections-timeline-with-art","title":"Timeline With Art","type":"registry:block"},{"description":"A working philosophy in three paragraphs on the left balanced against four numbered process steps in a ruled card on the right.","name":"portfolio-pro-process-sections-two-column-process","title":"Two Column Process","type":"registry:block"},{"description":"Five numbered stages stacked in a ruled list each with a title and a description that names a concrete commitment.","name":"portfolio-pro-process-sections-vertical-steps","title":"Vertical Steps","type":"registry:block"},{"description":"A day-by-day breakdown of the first two weeks with honest expectations listed beside the Week 1 and Week 2 ruled day cards.","name":"portfolio-pro-process-sections-working-together-steps","title":"Working Together Steps","type":"registry:block"},{"description":"Two redesign cards in a grid, each pairing captioned before and after thumbnails side by side with a name, meta line, and result figure.","name":"portfolio-pro-project-cards-before-after-card","title":"Before After Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A bordered card grid showing project thumbnails with name, role, year, skill tags, and a view link per entry.","name":"portfolio-pro-project-cards-bordered-project-card","title":"Bordered Project Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A project teaser card showing a Placeholder image, a one-line problem statement, a headline result figure, and a read-case-study link.","name":"portfolio-pro-project-cards-case-study-card","title":"Case Study Card","type":"registry:block"},{"description":"A dense four-column archive grid showing eight project thumbnails each with a name and year in a tight baseline row.","name":"portfolio-pro-project-cards-compact-grid-card","title":"Compact Grid Card","type":"registry:block"},{"description":"A project card grid where each tile pairs a thumbnail with a muted caption panel in a contrasting surface tone, no gradient.","name":"portfolio-pro-project-cards-duo-tone-card","title":"Duo Tone Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A single project given full-width treatment with a wide aspect-16/10 Placeholder, a heading-scale project name, a two-sentence description naming the problem and outcome, and a view-case link.","name":"portfolio-pro-project-cards-featured-project-card","title":"Featured Project Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A project card rendered in its revealed state as a blueprint, showing the name, role, and arrow in an overlay strip with an outcome caption and year below the image.","name":"portfolio-pro-project-cards-hover-reveal-card","title":"Hover Reveal Card","type":"registry:block"},{"description":"A project card showing two or three Placeholder images layered at offsets to suggest depth, with the project name and role below.","name":"portfolio-pro-project-cards-image-stack-card","title":"Image Stack Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Projects as quiet ruled rows with a small thumb, name, role, and year, for a text forward work index.","name":"portfolio-pro-project-cards-minimal-list-card","title":"Minimal List Card","type":"registry:block"},{"description":"A four-up project grid with a portrait Placeholder image, project name, and a single muted role line per card, nothing else.","name":"portfolio-pro-project-cards-minimal-project-card","title":"Minimal Project Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A full-width bordered band at the foot of a case study page with a Placeholder thumbnail, the next project name and meta, a forward link, and a back-to-all link.","name":"portfolio-pro-project-cards-next-project-teaser","title":"Next Project Teaser","type":"registry:block"},{"description":"A vertical project stack where each entry is led by a large muted editorial index number beside a Placeholder image with the name, role, and year below.","name":"portfolio-pro-project-cards-numbered-project-card","title":"Numbered Project Card","type":"registry:block"},{"description":"A two-column project grid where each full-bleed thumbnail carries a frosted bottom strip naming the project and role.","name":"portfolio-pro-project-cards-overlay-caption-card","title":"Overlay Caption Card","type":"registry:block"},{"description":"A two-column project grid where each card carries a Placeholder image, name, a one-line problem description, and a row of small skill and category chips.","name":"portfolio-pro-project-cards-project-card-with-tags","title":"Project Card With Tags","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled divided list where each project appears as a row with a small square thumbnail, name, client type, role, year in tabular numerals, and an arrow.","name":"portfolio-pro-project-cards-project-list-row","title":"Project List Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two project cards in a grid, each pairing a thumbnail with a short client quote attributed by avatar, name, role, and a view link.","name":"portfolio-pro-project-cards-quote-project-card","title":"Quote Project Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A full-width horizontal card featuring one project with a Placeholder on the left and the name, description, discipline tags, and a case study link on the right.","name":"portfolio-pro-project-cards-split-project-card","title":"Split Project Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An imageless three column grid where each card leads with a large metric and context line, then the project name, meta, summary, and link.","name":"portfolio-pro-project-cards-stat-project-card","title":"Stat Project Card","type":"registry:block"},{"description":"A three-column project grid where each card leads with a prominent row of skill and tool tags before the description, for technical work where the stack signals as much as the outcome.","name":"portfolio-pro-project-cards-tag-heavy-card","title":"Tag Heavy Card","type":"registry:block"},{"description":"A four-column grid of portrait-format project cards each showing a Placeholder at aspect-4/5 with the name, role, and a concrete two-sentence outcome description below.","name":"portfolio-pro-project-cards-tall-project-card","title":"Tall Project Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A typographic work index of ruled rows, each naming the project, role, year, and a one-sentence outcome with no thumbnail.","name":"portfolio-pro-project-cards-text-only-card","title":"Text Only Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A vertical rail grouped by year, each project a compact row with a square thumbnail, name, role, and a one line outcome.","name":"portfolio-pro-project-cards-timeline-project-card","title":"Timeline Project Card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A full-width bordered project row with a Placeholder on one side and the name, description, tags, and view link on the other.","name":"portfolio-pro-project-cards-wide-project-row","title":"Wide Project Row","type":"registry:block"},{"description":"A project card grid with a pill chip marking the year on each thumbnail, plus the project name, client type, and role below.","name":"portfolio-pro-project-cards-year-badge-card","title":"Year Badge Card","type":"registry:block"},{"description":"A heading and intro above two ruled lists in a grid, one for certifications with issuer and ID, one for awards with presenter and note.","name":"portfolio-pro-resume-cv-certifications-awards","title":"Certifications and Awards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A tight single-column CV with a positioned summary, three bulleted roles, and a two-column skills and education grid.","name":"portfolio-pro-resume-cv-compact-resume","title":"Compact Resume","type":"registry:block"},{"description":"A centered letter with a name and contact letterhead, date and recipient lines, three body paragraphs, a signed sign off, and an enclosures footer.","name":"portfolio-pro-resume-cv-cover-letter","title":"Cover Letter","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim card showing the last updated date beside a Download CV button for the linked PDF resume.","name":"portfolio-pro-resume-cv-cv-download-band","title":"Cv Download Band","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A print-friendly CV header band showing name large, title, and an inline contact and social strip with email, location, site URL, and brand icon social links.","name":"portfolio-pro-resume-cv-cv-header","title":"Cv Header","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bordered card with a heading, a one-line document description, a last-updated date, a primary download PDF button, and a secondary view-online text link.","name":"portfolio-pro-resume-cv-download-cv-card","title":"Download Cv Card","type":"registry:block"},{"description":"A ruled list of education entries showing institution, qualification, year range, and an optional contextual note per row.","name":"portfolio-pro-resume-cv-education-list","title":"Education List","type":"registry:block"},{"description":"A vertical work history timeline listing four roles most recent first, each with company, title, date range, a short description, and a concrete result set off by a left border rule.","name":"portfolio-pro-resume-cv-experience-timeline","title":"Experience Timeline","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A single-column CV with a contact header, experience, education, and grouped skills sections optimised for both screen and print.","name":"portfolio-pro-resume-cv-printable-cv","title":"Printable CV","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A heading and intro above a single ruled list of writing and speaking, each row with a year, title, venue, and a format badge.","name":"portfolio-pro-resume-cv-publications-talks","title":"Publications and Talks","type":"registry:block"},{"description":"A heading and intro above three reference cards, each with an avatar, name, role, a note, and a relationship and overlap meta footer.","name":"portfolio-pro-resume-cv-references-row","title":"References Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A CV opener with a name and title header, a two-sentence professional summary, and a three-cell quick-facts strip covering location, years of experience, and primary focus area.","name":"portfolio-pro-resume-cv-resume-summary","title":"Resume Summary","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A CV header pairing a square Placeholder portrait with the name, contact details, and summary before experience and skills follow below.","name":"portfolio-pro-resume-cv-resume-with-photo","title":"Resume With Photo","type":"registry:block"},{"description":"A ruled skills table grouping six disciplines with a proficiency level label and chip tags so a hiring manager can scan breadth in one pass.","name":"portfolio-pro-resume-cv-skills-and-tools-cv","title":"Skills And Tools Cv","type":"registry:block"},{"description":"A resume skills section presenting four skill categories as chip rows in a two-column grid, each with a short proficiency note and no bar charts or percentage scores.","name":"portfolio-pro-resume-cv-skills-resume","title":"Skills Resume","type":"registry:block"},{"description":"A vertical connected timeline of four career roles with company, title, period, and bullet outcomes for a resume or about page.","name":"portfolio-pro-resume-cv-timeline-resume","title":"Timeline Resume","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A two-column CV with a main experience and education column and a fixed sidebar for skills, contact, and brand icon links.","name":"portfolio-pro-resume-cv-two-column-resume","title":"Two Column Resume","type":"registry:block"},{"description":"A services block that leads with a four-row availability table showing current status and next opening before the services detail.","name":"portfolio-pro-services-sections-availability-services","title":"Availability Services","type":"registry:block"},{"description":"Six capability tiles in a three-column grid each with a label and one sentence describing the concrete output, suited to generalist or multi-discipline practices.","name":"portfolio-pro-services-sections-capabilities-grid","title":"Capabilities Grid","type":"registry:block"},{"description":"A ruled two-column services layout with a scope paragraph and a bulleted deliverables list per service.","name":"portfolio-pro-services-sections-detailed-service-list","title":"Detailed Service List","type":"registry:block"},{"description":"A heading and intro above a scrollable table that compares three engagement types row by row across fit, length, communication, and pricing.","name":"portfolio-pro-services-sections-engagement-comparison","title":"Engagement Comparison","type":"registry:block"},{"description":"Three ways to work together as cards each showing a commitment level, a summary, and a fit line naming the ideal client situation.","name":"portfolio-pro-services-sections-engagement-types","title":"Engagement Types","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A services grid of four cards each with a lucide icon, a service name, and one sentence naming what is included and what is not.","name":"portfolio-pro-services-sections-icon-services-grid","title":"Icon Services Grid","type":"registry:block"},{"description":"A ruled list of four things this practice does not offer, each paired with a specific redirect to who can help instead.","name":"portfolio-pro-services-sections-not-offered-note","title":"Not Offered Note","type":"registry:block"},{"description":"An editorial services list of large-numbered ruled rows each carrying a service title and a plain description with a stated scope limit.","name":"portfolio-pro-services-sections-numbered-services","title":"Numbered Services","type":"registry:block"},{"description":"Three engagement package cards showing a starting price, duration, and included items with a written-proposal footnote.","name":"portfolio-pro-services-sections-packages-overview","title":"Packages Overview","type":"registry:block"},{"description":"A two-column services block that maps each service to its engagement phase so clients see the flow before they reach out.","name":"portfolio-pro-services-sections-process-and-services","title":"Process And Services","type":"registry:block"},{"description":"A two-column block with four services on the left and four numbered process phases on the right showing both the offer and the method.","name":"portfolio-pro-services-sections-process-services-split","title":"Process Services Split","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three service cards each with a Lucide icon, a one-sentence description, and a bullet list of included deliverables.","name":"portfolio-pro-services-sections-service-cards","title":"Service Cards","type":"registry:block"},{"description":"A single service explained in depth with two paragraphs and a six-row deliverables table beside a sticky Placeholder visual.","name":"portfolio-pro-services-sections-service-detail-split","title":"Service Detail Split","type":"registry:block"},{"description":"A services block with three ruled service rows followed by three direct answers to the questions clients most commonly ask before contacting.","name":"portfolio-pro-services-sections-service-faq-combo","title":"Service Faq Combo","type":"registry:block"},{"description":"A heading and intro above a ruled list of services, each pairing a scope description with a large result stat and its context line.","name":"portfolio-pro-services-sections-service-outcomes","title":"Service Outcomes","type":"registry:block"},{"description":"A ruled list of services each paired with a from-price and a short deliverable list so prospects can self-qualify before reaching out.","name":"portfolio-pro-services-sections-service-with-pricing","title":"Service With Pricing","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two-column block pairing a concise services table on the left with a get-in-touch card on the right that names availability and prompts enquiry.","name":"portfolio-pro-services-sections-services-and-cta","title":"Services and CTA","type":"registry:block"},{"description":"A heading and intro above three columns, one per client type, each naming who it serves and listing the services most relevant to them.","name":"portfolio-pro-services-sections-services-by-audience","title":"Services By Audience","type":"registry:block"},{"description":"A scannable ruled list of four services each with a title and a sentence describing what the engagement delivers.","name":"portfolio-pro-services-sections-services-list","title":"Services List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A heading and intro above a tabbed explorer where each service tab opens a two column panel with scope, meta rows, and a deliverables list.","name":"portfolio-pro-services-sections-services-tabs","title":"Services Tabs","type":"registry:block"},{"description":"A services block listing four offerings in a ruled table followed by three answered questions clients commonly ask before reaching out.","name":"portfolio-pro-services-sections-services-with-faq","title":"Services With Faq","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three equal service cards each with an icon, a name, and a one-sentence scope, giving visitors an instant read of a focused practice.","name":"portfolio-pro-services-sections-three-services-row","title":"Three Services Row","type":"registry:block"},{"description":"A two-column split with an intro and honest capacity note on the left and a numbered list of four offerings on the right.","name":"portfolio-pro-services-sections-what-i-offer","title":"What I Offer","type":"registry:block"},{"description":"A two-column fit block describing the ideal client by stage and team size alongside an honest list of situations that are a poor fit.","name":"portfolio-pro-services-sections-who-i-work-with","title":"Who I Work With","type":"registry:block"},{"description":"A four-column strip of top-selling products each with a ranked bestseller badge overlaid on a Placeholder thumbnail and a price.","name":"portfolio-pro-shop-products-bestseller-row","title":"Bestseller Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A four-card block of downloadable products each showing a Placeholder, format chip, description, price, and an instant-download note.","name":"portfolio-pro-shop-products-digital-downloads","title":"Digital Downloads","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two-column split highlighting one digital product with a Placeholder image, price in tabular-nums, description, and an itemised includes list.","name":"portfolio-pro-shop-products-featured-product","title":"Featured Product","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"Three license cards, each with a name, one time price, scope line, feature checklist, and buy action, the commercial tier flagged as most chosen.","name":"portfolio-pro-shop-products-license-tiers","title":"License Tiers","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A two column bundle offer: included product tiles with struck prices beside a pricing column showing the combined value, bundle price, and saving.","name":"portfolio-pro-shop-products-product-bundle","title":"Product Bundle","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-tile category index for a creator shop showing a Placeholder, category name, and product count per format.","name":"portfolio-pro-shop-products-product-categories","title":"Product Categories","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A comparison table for three packs, with prices as column headers, feature rows mixing counts, text, and check marks, and a buy button row.","name":"portfolio-pro-shop-products-product-comparison","title":"Product Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A split single-product view with a Placeholder image, price, plain-language description, an itemised includes list, and a buy action.","name":"portfolio-pro-shop-products-product-detail-card","title":"Product Detail Card","type":"registry:block"},{"description":"A six-card shop grid listing products with a Placeholder thumbnail, name, from-price, and a format chip for each item.","name":"portfolio-pro-shop-products-product-grid","title":"Product Grid","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A dense shop list inside one bordered panel, each row with a thumbnail, product name, one line description, format chip, price, and a view action.","name":"portfolio-pro-shop-products-product-list","title":"Product List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A shop opener with a heading, studio lede, and a featured row of three Placeholder product tiles showing name, from-price, and format.","name":"portfolio-pro-shop-products-shop-hero","title":"Shop Hero","type":"registry:block"},{"description":"A wrapped chip cloud that renders core disciplines larger and bolder so the primary expertise registers at a glance.","name":"portfolio-pro-skills-sections-badge-cloud","title":"Badge Cloud","type":"registry:block"},{"description":"Three capability cards each with a title, a plain-language approach sentence, and a ruled method list covering Product design, Design systems, and Front-end implementation.","name":"portfolio-pro-skills-sections-capability-cards","title":"Capability Cards","type":"registry:block"},{"description":"A two-column card grid pairing four formal credentials with the practical skill chips each one produces so visitors see qualification and capability together.","name":"portfolio-pro-skills-sections-certifications-skills","title":"Certifications Skills","type":"registry:block"},{"description":"A ruled list of core disciplines each with a plain-language description and a chip row of the supporting tools used.","name":"portfolio-pro-skills-sections-core-and-tools","title":"Core And Tools","type":"registry:block"},{"description":"Three equal discipline columns for a multi-discipline creative, each with a heading, a grounding sentence, and a ruled skill list covering Brand design, Product design, and Creative direction.","name":"portfolio-pro-skills-sections-disciplines-split","title":"Disciplines Split","type":"registry:block"},{"description":"A two-column expertise display with five div proficiency bars filled via theme tokens and plain-language level labels from Foundational to Fluent instead of percentages.","name":"portfolio-pro-skills-sections-expertise-bars","title":"Expertise Bars","type":"registry:block"},{"description":"Three labeled columns of tool tiles covering Design, Development, and Collaboration, each tile showing a two-letter mark and the tool name.","name":"portfolio-pro-skills-sections-grouped-tool-grid","title":"Grouped Tool Grid","type":"registry:block"},{"description":"A skills block listing four topics currently in progress, each with a reason and an honest status line showing where the learning stands.","name":"portfolio-pro-skills-sections-now-learning","title":"Now Learning","type":"registry:block"},{"description":"A ruled list of skills with an honest level word per row and a one-sentence note that qualifies what the level includes and what it does not.","name":"portfolio-pro-skills-sections-proficiency-list","title":"Proficiency List","type":"registry:block"},{"description":"Twelve skills across three discipline columns each with a div bar and a word level from Foundational to Fluent rather than a percentage.","name":"portfolio-pro-skills-sections-skill-bars-grouped","title":"Skill Bars Grouped","type":"registry:block"},{"description":"Four category cards in a two-column grid organizing specific skills by project phase from Discovery through Delivery for a senior product designer.","name":"portfolio-pro-skills-sections-skill-categories","title":"Skill Categories","type":"registry:block"},{"description":"A heading and lede above a ruled list where each row pairs a skill with the project that proved it, its outcome, and the year.","name":"portfolio-pro-skills-sections-skills-in-practice","title":"Skills In Practice","type":"registry:block"},{"description":"A three-column grouped skills block with Design, Research, and Front-end category headings and bordered chip pills for a product designer or creative generalist.","name":"portfolio-pro-skills-sections-skills-list","title":"Skills List","type":"registry:block"},{"description":"A heading and lede above a bordered table pairing skill rows with three engagement columns, one filled dot per row marking lead, build, or refer.","name":"portfolio-pro-skills-sections-skills-matrix","title":"Skills Matrix","type":"registry:block"},{"description":"A heading and lede above a dotted vertical timeline where each entry marks the year a skill arrived, its status word, and a note.","name":"portfolio-pro-skills-sections-skills-timeline","title":"Skills Timeline","type":"registry:block"},{"description":"Three card tiles each naming a core specialty with a focused sentence that states the scope and what falls outside it.","name":"portfolio-pro-skills-sections-specialties-row","title":"Specialties Row","type":"registry:block"},{"description":"A three-column card grid showing six core tools each paired with a sentence explaining why it is in the stack rather than an alternative.","name":"portfolio-pro-skills-sections-stack-with-context","title":"Stack With Context","type":"registry:block"},{"description":"An asymmetric split pairing one deep discipline, unpacked as a ruled card of facets, with a breadth column of two labeled skill chip groups.","name":"portfolio-pro-skills-sections-t-shaped-skills","title":"T-Shaped Skills","type":"registry:block"},{"description":"A bordered horizontal strip showing a full-stack developer technology choices in three labeled rows: Frontend, Backend, and Infrastructure.","name":"portfolio-pro-skills-sections-tech-stack-row","title":"Tech Stack Row","type":"registry:block"},{"description":"A four-group grid of tool tiles with two-letter mark badges covering Design, Development, Research, and Delivery tools used day to day.","name":"portfolio-pro-skills-sections-tool-stack-grid","title":"Tool Stack Grid","type":"registry:block"},{"description":"A static wrap strip of twelve tool chips each showing a name and a one-word category, giving an at-a-glance view of the full toolkit.","name":"portfolio-pro-skills-sections-tools-marquee","title":"Tools Marquee","type":"registry:block"},{"description":"A two-column skills layout grouping chips by project phase across Research, Design, Systems, and Delivery columns.","name":"portfolio-pro-skills-sections-two-column-skills","title":"Two Column Skills","type":"registry:block"},{"description":"A ruled list of six daily tools each paired with one sentence explaining why that tool earned its place over the alternatives.","name":"portfolio-pro-skills-sections-what-i-use","title":"What I Use","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An index of social destinations in oversized type, each ruled row pairing a mono number, a large platform name, a handle, and a hover arrow.","name":"portfolio-pro-social-links-big-type-links","title":"Big Type Links","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A compact centered card with a come-say-hi headline, an email row, a primary social row, and two side-by-side action buttons for a lightweight contact nudge.","name":"portfolio-pro-social-links-connect-card","title":"Connect Card","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A ruled list of platforms where this person can be found online, showing the brand icon, handle, and a context-appropriate follow or connect action per row.","name":"portfolio-pro-social-links-elsewhere-list","title":"Elsewhere List","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"Four high-priority destinations given prominence as large icon cards covering newsletter, shop, open-source project, and booking link.","name":"portfolio-pro-social-links-featured-links","title":"Featured Links","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A centered strip of brand-icon links for GitHub, LinkedIn, X, and Instagram with accessible labels and hover transitions.","name":"portfolio-pro-social-links-icon-row","title":"Icon Row","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A mobile-first link hub with a centered avatar, name, one-line context, and a vertical stack of full-width buttons covering portfolio, newsletter, socials, and contact.","name":"portfolio-pro-social-links-link-in-bio","title":"Link In Bio","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A compact bordered card listing email, social handles, and a newsletter as ruled rows with an icon and platform label per entry.","name":"portfolio-pro-social-links-links-card","title":"Links Card","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"A responsive grid of link cards covering portfolio, newsletter, shop, calendar, and social channels, each with an icon, a bold label, and a short destination note.","name":"portfolio-pro-social-links-links-grid","title":"Links Grid","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","lucide-react"],"description":"Three platform panels previewing recent posts, each with a brand icon header, handle, and follow action above a ruled list of titles with dates.","name":"portfolio-pro-social-links-platform-feeds","title":"Platform Feeds","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A grid of platform cards, each pairing a brand icon and handle with a large audience count, a short note, and a follow action.","name":"portfolio-pro-social-links-platform-stats","title":"Platform Stats","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A split contact guide ranking channels by reply speed, an intro column of location and hours beside a numbered list of channels with response chips.","name":"portfolio-pro-social-links-reach-guide","title":"Reach Guide","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons"],"description":"A centered horizontal strip of social links pairing a brand icon with a display handle for each platform, sized for embedding at the foot of any section.","name":"portfolio-pro-social-links-social-row","title":"Social Row","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A speaker booking closer with an invitation heading, a booking checklist, and dual actions beside a ruled card of speaking formats and logistics.","name":"portfolio-pro-speaking-events-booking-cta","title":"Booking CTA","type":"registry:block"},{"description":"A wordmark tile grid of conferences a speaker has appeared at, with a year sub-line per cell and a total count in the header.","name":"portfolio-pro-speaking-events-conference-grid","title":"Conference Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split highlight of one signature talk with its title, abstract, a ruled venue history, and a watch link beside a portrait placeholder.","name":"portfolio-pro-speaking-events-keynote-feature","title":"Keynote Feature","type":"registry:block"},{"dependencies":["radix-ui"],"description":"Three organizer testimonial cards, each pairing an avatar, name, and role with a quote and the event it refers to in a ruled footer.","name":"portfolio-pro-speaking-events-organizer-quotes","title":"Organizer Quotes","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-column card grid of speaking engagements showing event, talk title, year, and a watch link or a no-recording note.","name":"portfolio-pro-speaking-events-past-talks-grid","title":"Past Talks Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column organizer package with a portrait placeholder, short and long bios ready to copy, a detail list, and a speaker kit download link.","name":"portfolio-pro-speaking-events-speaker-bio","title":"Speaker Bio","type":"registry:block"},{"description":"A three-panel ruled strip of headline speaking figures showing talks given, countries visited, and total audience with a context line under each number.","name":"portfolio-pro-speaking-events-speaker-stats","title":"Speaker Stats","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"A speaking FAQ with a heading and an accordion of organizer questions beside a small ruled card listing what to include in a first invite.","name":"portfolio-pro-speaking-events-speaking-faq","title":"Speaking FAQ","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A talk topics catalog of numbered ruled rows, each with a title, abstract, and a meta column of format, length, and audience fit.","name":"portfolio-pro-speaking-events-talk-topics","title":"Talk Topics","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A reverse-chronological ruled index of past talks showing event, title, year, and a Watch or Slides link per row.","name":"portfolio-pro-speaking-events-talks-list","title":"Talks List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A card grid of confirmed future talks showing date, event, city, talk title, and a register link for each appearance.","name":"portfolio-pro-speaking-events-upcoming-events","title":"Upcoming Events","type":"registry:block"},{"description":"Three large figures in equal columns covering products shipped, years of practice, and industries deep, each paired with a one-line context note that scopes the number.","name":"portfolio-pro-stats-sections-achievement-counters","title":"Achievement Counters","type":"registry:block"},{"description":"A 2x2 grid of qualitative fact tiles covering location, focus, availability, and response time so a prospective client has the practical working-with details at a glance.","name":"portfolio-pro-stats-sections-at-a-glance-facts","title":"At A Glance Facts","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A three-figure booking facts band showing response time, current lead time, and next opening month alongside a short enquire CTA card.","name":"portfolio-pro-stats-sections-availability-stat-band","title":"Availability Stat Band","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A heading and lede above ruled rows that pair each metric and its measurement note with a before figure, an arrow, and an after figure.","name":"portfolio-pro-stats-sections-before-after-stats","title":"Before After Stats","type":"registry:block"},{"description":"A three-stat band of oversized tabular-nums figures divided by vertical rules inside a bordered card, anchored by a closing statement.","name":"portfolio-pro-stats-sections-big-figures-band","title":"Big Figures Band","type":"registry:block"},{"description":"Five ruled rows pairing a tabular figure with a plain-language fact that scopes the number, presented as an honest accounting of the practice to date.","name":"portfolio-pro-stats-sections-by-the-numbers","title":"By The Numbers","type":"registry:block"},{"description":"A four-number horizontal strip showing years in practice, companies worked with, projects shipped, and active long-term retainers at a glance.","name":"portfolio-pro-stats-sections-career-stats","title":"Career Stats","type":"registry:block"},{"description":"A credibility band combining a row of client wordmarks above a three-figure stat grid covering projects shipped, long-term clients, and on-time delivery rate.","name":"portfolio-pro-stats-sections-client-logos-and-stats","title":"Client Logos And Stats","type":"registry:block"},{"description":"A 2x2 grid of four stat cards each showing a large figure, a short label, and a context line that earns the number.","name":"portfolio-pro-stats-sections-four-up-stats","title":"Four Up Stats","type":"registry:block"},{"description":"One oversized centerpiece figure above a heading and a context paragraph, closed by a ruled row of three small supporting figures.","name":"portfolio-pro-stats-sections-headline-stat","title":"Headline Stat","type":"registry:block"},{"description":"An outcome figures block showing four measured results from real client work, each with a context line, methodology note, and client attribution.","name":"portfolio-pro-stats-sections-impact-numbers","title":"Impact Numbers","type":"registry:block"},{"description":"Three outcome figures from real client work, each with an attribution note naming the project type and the measurement method so the result does not overstate.","name":"portfolio-pro-stats-sections-impact-stats","title":"Impact Stats","type":"registry:block"},{"description":"A single ruled band of four tabular figures with short labels, the slimmest way to surface career numbers without a card grid.","name":"portfolio-pro-stats-sections-inline-stats-row","title":"Inline Stats Row","type":"registry:block"},{"description":"A ruled horizontal band of four headline figures covering years, projects shipped, clients, and a retention count, each with a short plain-English label.","name":"portfolio-pro-stats-sections-numbers-strip","title":"Numbers Strip","type":"registry:block"},{"description":"A heading and lede above a bordered card of ruled year rows, each pairing a year with a proportional bar and a project count, plus a total footer.","name":"portfolio-pro-stats-sections-projects-per-year","title":"Projects Per Year","type":"registry:block"},{"description":"Three figures each followed by a full sentence naming the client, the quarter, and the measurement method so no result appears without the context that earned it.","name":"portfolio-pro-stats-sections-stats-with-context","title":"Stats With Context","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Four career figures each paired with a small lucide icon and a label in individual cards, making a numbers strip visually scannable.","name":"portfolio-pro-stats-sections-stats-with-icons","title":"Stats With Icons","type":"registry:block"},{"description":"A heading and lede above a single segmented distribution bar showing how billed time splits across four kinds of work, with a percentage legend beneath.","name":"portfolio-pro-stats-sections-work-mix-split","title":"Work Mix Split","type":"registry:block"},{"description":"A two-column split with a positioning heading on the left and two ruled figures on the right covering years of independent practice and total projects shipped.","name":"portfolio-pro-stats-sections-years-and-projects","title":"Years And Projects","type":"registry:block"},{"description":"A split block presenting three studio working principles as border-left blurbs beside a placeholder image.","name":"portfolio-pro-studio-team-culture-section","title":"Culture Section","type":"registry:block"},{"description":"A heading and intro above a two column grid of collaborator cards, each with avatar, discipline, project count and tenure, plus a credit note.","name":"portfolio-pro-studio-team-extended-team","title":"Extended Team","type":"registry:block"},{"description":"A three-column grid of studio founder cards each with a named avatar, role, and a single concrete bio line.","name":"portfolio-pro-studio-team-founders-row","title":"Founders Row","type":"registry:block"},{"description":"A heading above a two column layout: a ruled list of open roles with salary bands beside a numbered hiring process and application card.","name":"portfolio-pro-studio-team-open-roles","title":"Open Roles","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full-viewport studio opener with a we-voice headline, two actions, and a three-fact credential strip below.","name":"portfolio-pro-studio-team-studio-hero","title":"Studio Hero","type":"registry:block"},{"description":"Four studio service cards each listing a discipline, a scope statement, and a bulleted includes list in a two-column grid.","name":"portfolio-pro-studio-team-studio-services","title":"Studio Services","type":"registry:block"},{"description":"A four-figure horizontal strip showing a studio founded year, team size, projects completed, and clients served.","name":"portfolio-pro-studio-team-studio-stats","title":"Studio Stats","type":"registry:block"},{"description":"Two column layout with a heading and founder quote card on the left beside a ruled list of year marked studio milestones on the right.","name":"portfolio-pro-studio-team-studio-timeline","title":"Studio Timeline","type":"registry:block"},{"description":"Two column layout with a heading, exceptions list and note on the left beside a ruled five day breakdown of the studio's working week.","name":"portfolio-pro-studio-team-studio-week","title":"Studio Week","type":"registry:block"},{"description":"A six-member team grid showing avatar, name, role, and a one-line bio per card for a design or development studio.","name":"portfolio-pro-studio-team-team-grid","title":"Team Grid","type":"registry:block"},{"description":"A single studio member profile with avatar, bio, a ruled focus-area list, and an availability date in a split layout.","name":"portfolio-pro-studio-team-team-member-card","title":"Team Member Card","type":"registry:block"},{"description":"Four numbered studio principles each with a plain description and a ruled cost section naming the honest downside of holding to that principle.","name":"portfolio-pro-studio-team-team-values","title":"Team Values","type":"registry:block"},{"description":"Three short quote cards in a row each opening with the avatar and name before the quote, for fast scannable social proof across a range of client types.","name":"portfolio-pro-testimonials-avatar-quote-row","title":"Avatar Quote Row","type":"registry:block"},{"description":"A two column testimonial with a client and engagement summary card on the left and four honest question and answer pairs on the right.","name":"portfolio-pro-testimonials-client-interview","title":"Client Interview","type":"registry:block"},{"description":"Three client cards each pairing a styled wordmark badge with a quote tied to a concrete outcome and an avatar attribution.","name":"portfolio-pro-testimonials-client-logo-quotes","title":"Client Logo Quotes","type":"registry:block"},{"description":"Three brief punchy client quotes in a three-column row, each attributed with avatar and name, designed to be scanned in seconds.","name":"portfolio-pro-testimonials-client-quotes-row","title":"Client Quotes Row","type":"registry:block"},{"description":"A 2x2 grid of four client quotes each with an avatar, name, role, and company, giving a compact and scannable proof block on a single page section.","name":"portfolio-pro-testimonials-clients-say-grid","title":"Clients Say Grid","type":"registry:block"},{"description":"A single client quote at display scale inside a full-width bordered band with a small avatar and attribution row below.","name":"portfolio-pro-testimonials-featured-quote-band","title":"Featured Quote Band","type":"registry:block"},{"description":"Six short client quotes in a three-column card grid with avatars and named role and company attribution per card.","name":"portfolio-pro-testimonials-grid-of-six","title":"Grid of Six","type":"registry:block"},{"description":"Two client company wordmarks each paired with one attributed quote in a side-by-side row, leading with the brand name before the person.","name":"portfolio-pro-testimonials-logo-and-quote","title":"Logo And Quote","type":"registry:block"},{"description":"A row of five client wordmarks above two attributed quote cards, combining brand recognition with personal praise in a single section.","name":"portfolio-pro-testimonials-logos-and-praise","title":"Logos And Praise","type":"registry:block"},{"description":"A four-paragraph client recommendation with a sticky attribution card naming the person, role, company, and working relationship.","name":"portfolio-pro-testimonials-long-form-testimonial","title":"Long Form Testimonial","type":"registry:block"},{"description":"A vertical timeline rail of four short client quotes from one project, from kickoff through six months after launch, each with an avatar.","name":"portfolio-pro-testimonials-praise-timeline","title":"Praise Timeline","type":"registry:block"},{"description":"Six short testimonials in a two-column masonry-feeling grid with mixed quote lengths and small attributions showing breadth of trust.","name":"portfolio-pro-testimonials-praise-wall","title":"Praise Wall","type":"registry:block"},{"description":"A static 3-col grid of six short attributed client quotes presenting a scannable horizontal band of social proof without animation.","name":"portfolio-pro-testimonials-quote-marquee","title":"Quote Marquee","type":"registry:block"},{"description":"A client quote paired with a ruled table of four project result figures giving the measurable outcomes behind the praise.","name":"portfolio-pro-testimonials-quote-with-stats","title":"Quote With Stats","type":"registry:block"},{"description":"A two column scorecard with an average rating and per criterion bars on the left and two supporting client quotes on the right.","name":"portfolio-pro-testimonials-rating-scorecard","title":"Rating Scorecard","type":"registry:block"},{"description":"A centered card holding a long first-person endorsement with avatar, name, title, and a relationship line naming the project and year.","name":"portfolio-pro-testimonials-recommendation-card","title":"Recommendation Card","type":"registry:block"},{"description":"A horizontal overflow strip of five fixed-width quote cards each attributed with avatar, role, and company.","name":"portfolio-pro-testimonials-scrolling-quotes","title":"Scrolling Quotes","type":"registry:block"},{"description":"A two-column split with a long detailed quote at heading scale on one side and the recommender, a context image, and an engagement line on the other.","name":"portfolio-pro-testimonials-single-spotlight","title":"Single Spotlight","type":"registry:block"},{"description":"A single detailed client quote beside a context image and a ruled attribution card naming the role and engagement.","name":"portfolio-pro-testimonials-single-with-photo","title":"Single With Photo","type":"registry:block"},{"description":"Three testimonial cards in a grid, each quoting a specific measurable outcome with avatar, name, role, and company.","name":"portfolio-pro-testimonials-testimonial-cards","title":"Testimonial Cards","type":"registry:block"},{"description":"A single large client quote set at heading scale with an avatar, name, role, and company beneath it, for spotlight social proof.","name":"portfolio-pro-testimonials-testimonial-quote","title":"Testimonial Quote","type":"registry:block"},{"description":"An interactive switcher showing one featured client quote at large scale above a row of avatar tabs that flip between four clients.","name":"portfolio-pro-testimonials-testimonial-tabs","title":"Testimonial Tabs","type":"registry:block"},{"description":"A testimonial block pairing each client quote with the concrete outcome figure from that engagement, proof and praise shown side by side in a single card.","name":"portfolio-pro-testimonials-testimonial-with-result","title":"Testimonial With Result","type":"registry:block"},{"description":"Three equal client quote cards each anchored to a named project outcome and attributed with avatar and role.","name":"portfolio-pro-testimonials-three-column-quotes","title":"Three Column Quotes","type":"registry:block"},{"description":"Two equal quote cards side by side each with an avatar and full attribution, presenting two clients and two distinct proof points at the same visual weight.","name":"portfolio-pro-testimonials-two-up-testimonials","title":"Two Up Testimonials","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A static video testimonial layout with an aspect-video Placeholder frame, a play affordance, client attribution, and a pull-quote caption ready to wire to a real video embed.","name":"portfolio-pro-testimonials-video-testimonial-blueprint","title":"Video Testimonial Blueprint","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled list of commissioned films each showing a thumbnail, client name, deliverable description, runtime, year, and a watch link.","name":"portfolio-pro-video-motion-client-reel-list","title":"Client Reel List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three columns splitting work by discipline, each with a thumbnail, film count, positioning line, three titles with runtimes, and a link.","name":"portfolio-pro-video-motion-discipline-columns","title":"Discipline Columns","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A series layout with a large play frame and synopsis for the current episode beside a card listing every episode with numbers and durations.","name":"portfolio-pro-video-motion-episode-playlist","title":"Episode Playlist","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A single video piece highlighted as a full-width play frame above a two-column panel with the description, creative constraint, and a ruled credits list.","name":"portfolio-pro-video-motion-featured-video","title":"Featured Video","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split section pairing an award-winning film play frame and its logline with a ruled list of festival selections, categories, years, and result badges.","name":"portfolio-pro-video-motion-festival-laurels","title":"Festival Laurels","type":"registry:block"},{"description":"A chronological filmography grouped by year, each year a large tabular numeral beside ruled rows listing film title, format, client, and runtime.","name":"portfolio-pro-video-motion-filmography-timeline","title":"Filmography Timeline","type":"registry:block"},{"description":"A three-stage process section showing one project from storyboard to final, each frame captioned with the motion technique applied.","name":"portfolio-pro-video-motion-motion-breakdown","title":"Motion Breakdown","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column project detail with a video frame and play button on one side and description, discipline pills, and named crew credits on the other.","name":"portfolio-pro-video-motion-play-feature","title":"Play Feature","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-column grid of video work thumbnails each with a centred play button, a duration badge, and a client and year line.","name":"portfolio-pro-video-motion-reel-grid","title":"Reel Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A fold-filling hero with a large video frame, play button, and director identity column showing name, discipline, three stats, and two CTAs.","name":"portfolio-pro-video-motion-reel-hero","title":"Reel Hero","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A single featured reel in a full-width card with a play button, description, discipline tags, duration, year, and a named watch link.","name":"portfolio-pro-video-motion-showreel-card","title":"Showreel Card","type":"registry:block"},{"description":"A single project told through a Placeholder video frame, a stat strip of production figures, and a three-column brief, approach, and result narrative.","name":"portfolio-pro-video-motion-video-case-study","title":"Video Case Study","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-column tile grid of six video commissions, each with a play affordance, duration badge, title, client type, and year.","name":"portfolio-pro-video-motion-video-grid","title":"Video Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled-row videography index listing each film with a small thumbnail, title, client name, duration, year, and a watch link.","name":"portfolio-pro-video-motion-video-list-rows","title":"Video List Rows","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A work layout of full-width two-column rows that flip image and detail sides on each project, with a constraint-led description, a ruled deliverables list, and a case study link per row.","name":"portfolio-pro-work-grids-alternating-rows","title":"Alternating Rows","type":"registry:block"},{"description":"A full-archive grid of nine project tiles with a total count badge and an honest lede noting that older work shows the range.","name":"portfolio-pro-work-grids-archive-grid","title":"Archive Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An asymmetric four-column project grid where two tiles span two columns at a wide aspect ratio and four sit at standard size, each captioned with category, role, and year.","name":"portfolio-pro-work-grids-bento-work-grid","title":"Bento Work Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A work grid divided into discipline sections each with a ruled label and a row of project tiles naming the role and year.","name":"portfolio-pro-work-grids-category-sections-grid","title":"Category Sections Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"One large lead project with a real summary above a supporting grid of three more, the pick plus the catalog.","name":"portfolio-pro-work-grids-featured-and-grid","title":"Featured And Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three equal project tiles each with a full-width image, client type, role, year, a one-line outcome description, and a case study link.","name":"portfolio-pro-work-grids-featured-three","title":"Featured Three","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A selected work grid of project tiles that each name the client type, the role, and the year.","name":"portfolio-pro-work-grids-featured-work-grid","title":"Featured Work Grid","type":"registry:block"},{"description":"A filterable work grid with category chips and a live count that narrows six project tiles by discipline, naming the kind, role, and year per tile.","name":"portfolio-pro-work-grids-filterable-work-grid","title":"Filterable Work Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A work index that groups project tiles under discipline category headings, each with a scope description and an archive link, so visitors navigate directly to the work type they need.","name":"portfolio-pro-work-grids-grid-with-categories","title":"Grid With Categories","type":"registry:block"},{"description":"A six-tile work grid with a permanently revealed overlay strip naming the project and role on each thumbnail, plus static kind and year captions below.","name":"portfolio-pro-work-grids-hover-grid","title":"Hover Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An interactive work list where selecting a project row swaps the side panel to that project's thumbnail, summary, role, and case study link.","name":"portfolio-pro-work-grids-list-with-preview","title":"List With Preview","type":"registry:block"},{"description":"A masonry work grid with six Placeholder tiles in mixed aspect ratios and medium and year captions, suited to photography and illustration portfolios.","name":"portfolio-pro-work-grids-masonry-grid","title":"Masonry Grid","type":"registry:block"},{"description":"A CSS-columns masonry of six project tiles at mixed aspect ratios, each captioned with the project name, role, and year.","name":"portfolio-pro-work-grids-masonry-with-captions","title":"Masonry With Captions","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled editorial index of projects as large-numbered rows showing name, role, and year with a hover arrow link on each entry.","name":"portfolio-pro-work-grids-numbered-work-list","title":"Numbered Work List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A featured layout with one large project tile carrying a summary sentence and a view case study link, followed by a row of three smaller supporting tiles.","name":"portfolio-pro-work-grids-one-big-three-small","title":"One Big Three Small","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-card recent work strip with a see-all link at heading level, each card showing a portrait thumbnail, project name, role, and year.","name":"portfolio-pro-work-grids-recent-work-row","title":"Recent Work Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split work index that pins the heading, intro, and a ruled facts list on the left while project tiles scroll on the right.","name":"portfolio-pro-work-grids-sticky-split-index","title":"Sticky Split Index","type":"registry:block"},{"description":"A dense three-column grid of six square project tiles with name and year captions and a full archive link, for breadth-first portfolios.","name":"portfolio-pro-work-grids-three-column-grid","title":"Three Column Grid","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An alternating two-column project list pairing a Placeholder image with a paragraph writeup, role, and year for each engagement.","name":"portfolio-pro-work-grids-two-column-work","title":"Two Column Work","type":"registry:block"},{"dependencies":["lucide-react","radix-ui"],"description":"An accordion work index of ruled project rows that each expand to a thumbnail, summary, deliverables list, and case study link.","name":"portfolio-pro-work-grids-work-accordion","title":"Work Accordion","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Projects grouped under ruled year headings with an inline project count, each tile showing the project name, client kind, and role.","name":"portfolio-pro-work-grids-work-by-year","title":"Work By Year","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A numbered text list of projects showing project name, kind, and year with a trailing arrow and no images.","name":"portfolio-pro-work-grids-work-index-list","title":"Work Index List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column work grid where every project tile carries a short client quote with named attribution beneath the thumbnail and caption.","name":"portfolio-pro-work-grids-work-with-quotes","title":"Work With Quotes","type":"registry:block"},{"description":"A two-column project grid where each tile pairs a thumbnail with a one-line outcome carrying a highlighted tabular figure beneath the name and role.","name":"portfolio-pro-work-grids-work-with-results","title":"Work With Results","type":"registry:block"},{"description":"A work grid with three discipline tabs switching between four-tile project sets via state, for multi-discipline creatives presenting Design, Code, and Writing separately.","name":"portfolio-pro-work-grids-work-with-tabs","title":"Work With Tabs","type":"registry:block"},{"description":"A centred wordmark row of publications where work has appeared, with a summary strip counting pieces placed, years active, and average read time.","name":"portfolio-pro-writing-portfolio-byline-row","title":"Byline Row","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-column card grid of six writing samples each showing publication, headline, a one-line standfirst, and date.","name":"portfolio-pro-writing-portfolio-clip-grid","title":"Clip Grid","type":"registry:block"},{"dependencies":["radix-ui"],"description":"A split layout pairing an identity heading and a ruled working record with a stack of testimonial rows from commissioning editors, each with an avatar.","name":"portfolio-pro-writing-portfolio-editor-quotes","title":"Editor Quotes","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled-row essays archive with title, publication name, read time, and date per entry for a scannable writing index.","name":"portfolio-pro-writing-portfolio-essay-list","title":"Essay List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three writing samples each opened by a pull-quote blockquote before the title, publication, date, and read-full link.","name":"portfolio-pro-writing-portfolio-excerpt-cards","title":"Excerpt Cards","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three standout writing pieces as cards with the publication, headline, an excerpt from the argument, and a read link.","name":"portfolio-pro-writing-portfolio-featured-clips","title":"Featured Clips","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column spotlight on one essay with a Placeholder, a pull-quote excerpt, and a detail list naming publication, date, read time, topic, and audience.","name":"portfolio-pro-writing-portfolio-featured-essay","title":"Featured Essay","type":"registry:block"},{"description":"A four step walkthrough of how a commission runs from brief to publication, each step a numbered card with a timing line and deliverable.","name":"portfolio-pro-writing-portfolio-pitch-process","title":"Pitch Process","type":"registry:block"},{"description":"A dense ruled cell grid of 18 publication names where work has appeared, with a counted heading that distinguishes bylines from mentions.","name":"portfolio-pro-writing-portfolio-publications-wall","title":"Publications Wall","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A ruled list of placed articles and essays showing title, publication, date, and a read link for every byline on record.","name":"portfolio-pro-writing-portfolio-published-list","title":"Published List","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A six-tile grid mapping the subjects a writer covers with a piece count per topic and a link to each archive.","name":"portfolio-pro-writing-portfolio-topics-covered","title":"Topics Covered","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column writer opener combining an identity heading and ruled meta list with a featured piece card showing publication and read time.","name":"portfolio-pro-writing-portfolio-writing-hero","title":"Writing Hero","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three commission cards naming the kinds of work this writer takes on, each with a pitch, a ruled detail list of length, turnaround, and rate.","name":"portfolio-pro-writing-portfolio-writing-services","title":"Writing Services","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Published pieces grouped under large year numerals in a two column ruled layout, each entry carrying its title, publication, and month.","name":"portfolio-pro-writing-portfolio-year-archive","title":"Year Archive","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"An about section pairing a portrait with a short bio, role, and contact links. Tells visitors who you are and why they should hire you on a portfolio page.","name":"portfolio-portfolio-about-and-skills-about-me","title":"About Me","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A list of degrees, courses, and certifications with issuer, date, and credential. Shows formal training and qualifications on a portfolio or resume page.","name":"portfolio-portfolio-about-and-skills-education-certifications","title":"Education Certifications","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A compact call to action with a download button and file details for your CV. Lets recruiters grab your resume in one click from a portfolio page.","name":"portfolio-portfolio-about-and-skills-resume-download","title":"Resume Download","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A grid of skill badges grouped by area with optional proficiency levels. Summarizes the tools and languages you know across a portfolio about page.","name":"portfolio-portfolio-about-and-skills-skills-display","title":"Skills Display","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical timeline of roles and projects with skills tagged per entry. Maps your career history and the abilities you used at each step you took.","name":"portfolio-portfolio-about-and-skills-timeline-category-skills","title":"Timeline Category Skills","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A vertical timeline listing awards by year with titles and issuers. Use it to walk visitors through your honors in chronological order on a profile.","name":"portfolio-portfolio-awards-and-recognition-awards-timeline","title":"Awards Timeline","type":"registry:block"},{"description":"A responsive grid of award badges or icons with short captions. Displays many certifications and honors at a glance on a portfolio about page.","name":"portfolio-portfolio-awards-and-recognition-badge-or-icon-grid","title":"Badge Or Icon Grid","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A sliding carousel that cycles through certification logos and details. Fits a long list of credentials into a compact, scrollable strip here.","name":"portfolio-portfolio-awards-and-recognition-carousel-of-certifications","title":"Carousel Of Certifications","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A spotlight block centered on a single major award with its name, year, and a short note. Use it to lead with your most impressive recognition.","name":"portfolio-portfolio-awards-and-recognition-featured-award-highlight","title":"Featured Award Highlight","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A block pairing a testimonial quote with an award badge side by side. Combines praise and recognition to build credibility on a portfolio page.","name":"portfolio-portfolio-awards-and-recognition-quote-award-combo","title":"Quote Award Combo","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A list that leads with one large featured article followed by smaller entries. Use it to spotlight your best post while listing recent writing.","name":"portfolio-portfolio-blog-writing-and-previews-featured-article-list","title":"Featured Article List","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A responsive grid of blog cards with cover image, title, and excerpt. The standard layout for browsing many articles on a writing index page.","name":"portfolio-portfolio-blog-writing-and-previews-grid-blog-cards","title":"Grid Blog Cards","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A horizontal carousel of blog cards that scrolls sideways. Use it to preview recent posts in a tidy row without taking up much vertical space.","name":"portfolio-portfolio-blog-writing-and-previews-horizontal-blog-carousel","title":"Horizontal Blog Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A masonry grid of article cards with varied heights for a dynamic feel. Fits posts that mix tall images with short text on a writing showcase.","name":"portfolio-portfolio-blog-writing-and-previews-masonry-layout-articles","title":"Masonry Layout Articles","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A plain text list of post titles with publish dates beside each one. Use it when you want a fast, distraction free archive of all your writing.","name":"portfolio-portfolio-blog-writing-and-previews-minimal-list-dates","title":"Minimal List Dates","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An accordion that expands each case study to reveal the full story. Use it to list many projects while keeping the page compact until one is tapped.","name":"portfolio-portfolio-case-studies-accordion-expandable-case-studies","title":"Accordion Expandable Case Studies","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A responsive grid of case study cards with thumbnail, title, and summary. The go to layout for browsing a portfolio of client projects at once.","name":"portfolio-portfolio-case-studies-grid-case-study-previews","title":"Grid Case Study Previews","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A case study block built around one large hero image with supporting copy. Use it when the visual result of the project tells the story best.","name":"portfolio-portfolio-case-studies-large-visual-focus-case-study","title":"Large Visual Focus Case Study","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column block placing a project image beside its written story. Pairs visuals and narrative to walk readers through a single case study.","name":"portfolio-portfolio-case-studies-side-by-side-image-story","title":"Side By Side Image Story","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A timeline that maps a project across stages from the first brief to outcome. Use it to show your process and results step by step in one case study.","name":"portfolio-portfolio-case-studies-timeline-style-case-study","title":"Timeline Style Case Study","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A straightforward contact form with name, email, and message fields plus a submit button. Drop it on a portfolio page so visitors can send a quick note.","name":"portfolio-portfolio-contact-sections-classic-contact-form","title":"Classic Contact Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Pairs an embedded location map with address, phone, and email details. Use it when clients need to find your studio or office alongside ways to reach you.","name":"portfolio-portfolio-contact-sections-map-with-contact-info","title":"Map With Contact Info","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","radix-ui"],"description":"A compact contact form sitting beside a row of social media icons. Fits portfolios that want one simple message field and links to your other profiles.","name":"portfolio-portfolio-contact-sections-minimal-form-with-social","title":"Minimal Form With Social","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A button that opens the contact form in a modal dialog, keeping the page clean. Good for portfolios where you want the form hidden until a visitor asks.","name":"portfolio-portfolio-contact-sections-popup-trigger-contact","title":"Popup Trigger Contact","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column section with intro copy on one side and the contact form on the other. Balances a personal message with a clear path to get in touch.","name":"portfolio-portfolio-contact-sections-split-layout","title":"Split Layout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An accordion that lists each service as an expandable row with a short summary and details inside. Keeps a long offering compact and easy to scan.","name":"portfolio-portfolio-core-services-overview-accordion-services","title":"Accordion Services","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A list of services where each row pairs an icon with a title and one line of supporting text. Communicates your capabilities at a quick glance.","name":"portfolio-portfolio-core-services-overview-icon-list-overview","title":"Icon List Overview","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A numbered sequence that frames your services as ordered steps with titles and notes. Shows clients how you work and what to expect at each stage.","name":"portfolio-portfolio-core-services-overview-numbered-process-style-services","title":"Numbered Process Style Services","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A responsive grid of service cards, each with an icon, heading, and short description. Lays out everything you offer in a tidy, balanced overview.","name":"portfolio-portfolio-core-services-overview-service-cards-grid","title":"Service Cards Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A split section pairing a single highlighted service with an image on one side and explanatory copy on the other. Spotlights your headline offering.","name":"portfolio-portfolio-core-services-overview-split-layout-feature","title":"Split Layout Feature","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A wide banner with a large heading and a single prominent button. Use it to span the page and push visitors toward hiring you or booking a call.","name":"portfolio-portfolio-cta-banner-full-width-bold-banner","title":"Full Width Bold Banner","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A slim call to action that sits within page content, pairing one line of copy with a button. Place it between sections to nudge readers without interrupting.","name":"portfolio-portfolio-cta-banner-inline-cta","title":"Inline CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A banner combining your portrait with a short pitch and a button. Adds a human face to the ask, ideal for freelancers inviting visitors to connect.","name":"portfolio-portfolio-cta-banner-personal-photo-cta","title":"Personal Photo CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column banner with a message on one side and the action button on the other. Keeps the copy and the click target distinct and easy to scan.","name":"portfolio-portfolio-cta-banner-split-cta","title":"Split CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A banner that stays fixed as the visitor scrolls, keeping a button always in view. Useful for long portfolio pages where the offer should stay reachable.","name":"portfolio-portfolio-cta-banner-sticky-cta","title":"Sticky CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bordered card holding a headline, short pitch, and email field. Use it as a standalone callout inviting visitors to join your mailing list.","name":"portfolio-portfolio-email-signup-and-newsletter-card-style-signup","title":"Card Style Signup","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An email field built into the site footer beside links and details. Captures subscribers at the bottom of every page without a dedicated section.","name":"portfolio-portfolio-email-signup-and-newsletter-footer-integrated-signup","title":"Footer Integrated Signup","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A modal that surfaces an email field over the page, often on exit or after a delay. Use it to catch visitors before they leave your portfolio.","name":"portfolio-portfolio-email-signup-and-newsletter-popup-signup-form","title":"Popup Signup Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A single row with an email input and a subscribe button. Slots into any section when you want a quick, low friction way to gather addresses.","name":"portfolio-portfolio-email-signup-and-newsletter-simple-inline-form","title":"Simple Inline Form","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column section with descriptive copy beside the signup form. Explains what subscribers get while keeping the email field clearly in view.","name":"portfolio-portfolio-email-signup-and-newsletter-split-section-signup","title":"Split Section Signup","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of cards listing talks and workshops with their title, date, and venue. Use it to present many speaking appearances in one scannable layout.","name":"portfolio-portfolio-event-speaking-and-workshops-event-cards-grid","title":"Event Cards Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A spotlight section for one talk with its title, summary, and event details. Highlights a signature presentation at the top of a speaking page.","name":"portfolio-portfolio-event-speaking-and-workshops-featured-talk","title":"Featured Talk","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A bold featured talk layout pairing a large title with imagery and key facts. Draws extra attention to your most notable conference appearance.","name":"portfolio-portfolio-event-speaking-and-workshops-featured-talk-highlight","title":"Featured Talk Highlight","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical timeline charting talks and workshops in date order. Use it to show how your speaking history has grown across many events over time.","name":"portfolio-portfolio-event-speaking-and-workshops-timeline-speaking-engagements","title":"Timeline Speaking Engagements","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A section embedding a recorded talk video alongside its title and context. Lets visitors watch you present without ever leaving your portfolio.","name":"portfolio-portfolio-event-speaking-and-workshops-video-recording-embed","title":"Video Recording Embed","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A carousel that slides through featured projects one at a time, each with a cover image and title. Use it to spotlight your best work on a portfolio home page.","name":"portfolio-portfolio-featured-work-highlights-carousel-of-featured-projects","title":"Carousel Of Featured Projects","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A grid of project thumbnails that reveal a title, role, and link on hover. Use it to keep a portfolio index clean while exposing detail on demand.","name":"portfolio-portfolio-featured-work-highlights-interactive-hover-reveal","title":"Interactive Hover Reveal","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A full width hero that frames one flagship project with a big image, title, and short summary. Use it to open a case study or anchor a portfolio.","name":"portfolio-portfolio-featured-work-highlights-large-hero-project-display","title":"Large Hero Project Display","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column layout pairing a project screenshot with details and a link beside it. Use it to present featured work with room for context and notes.","name":"portfolio-portfolio-featured-work-highlights-split-image-and-details-layout","title":"Split Image And Details Layout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical stack of project cards, each holding an image, title, and tags. Use it to walk visitors through selected highlights in a clear reading order.","name":"portfolio-portfolio-featured-work-highlights-stacked-highlight-cards","title":"Stacked Highlight Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with a sliding carousel of images behind a headline and short intro. Use it to cycle through signature work the moment a portfolio loads.","name":"portfolio-portfolio-hero-showcases-carousel-slider","title":"Carousel Slider","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero with floating shapes and images drifting around a centered headline. Use it to add motion and personality to a creative portfolio landing.","name":"portfolio-portfolio-hero-showcases-floating-elements","title":"Floating Elements","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A full screen hero with a centered name, role, and tagline over a clean background. Use it to make a strong first statement on a personal site.","name":"portfolio-portfolio-hero-showcases-full-screen-centered","title":"Full Screen Centered","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A spare hero with a short headline and one prominent call to action button. Use it when you want visitors to reach your work or contact fast.","name":"portfolio-portfolio-hero-showcases-minimalist-cta","title":"Minimalist CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A hero split into a text column and an image column side by side. Use it to pair an introduction with a portrait or featured shot at the top of a page.","name":"portfolio-portfolio-hero-showcases-split-layout","title":"Split Layout","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A grid of cards, each naming one core value with an icon and a short line of detail. Use it to lay out the principles behind your work at a glance.","name":"portfolio-portfolio-mission-and-values-grid-of-core-values","title":"Grid Of Core Values","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A layout that pairs a featured quote with a list of supporting values beside it. Use it to ground your mission in a memorable statement and proof.","name":"portfolio-portfolio-mission-and-values-quote-values-combo","title":"Quote Values Combo","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A reading focused section that tells your origin story in flowing paragraphs. Use it to explain how a studio or person came to be and what drives it.","name":"portfolio-portfolio-mission-and-values-story-first-narrative","title":"Story First Narrative","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Three equal columns, each presenting one guiding pillar with a heading and text. Use it to summarize the ideas your practice is built around.","name":"portfolio-portfolio-mission-and-values-three-pillars-layout","title":"Three Pillars Layout","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A vertical timeline that marks milestones and values down the page in order. Use it to trace how your mission took shape over time for visitors.","name":"portfolio-portfolio-mission-and-values-vertical-step-timeline","title":"Vertical Step Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A circular diagram showing the stages of your process as a repeating loop. Use it to convey an iterative way of working where steps feed back in.","name":"portfolio-portfolio-process-and-approach-cycle-diagram","title":"Cycle Diagram","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A horizontal row of numbered steps that lead the eye from start to finish. Use it to lay out a linear workflow across a single line on the page.","name":"portfolio-portfolio-process-and-approach-horizontal-stepper","title":"Horizontal Stepper","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A section that lists the principles guiding how you tackle each project. Use it to state the beliefs behind your method alongside short explanations.","name":"portfolio-portfolio-process-and-approach-process-principles","title":"Process Principles","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical stack of cards, each describing one phase of your process in turn. Use it to walk a client through how an engagement unfolds step by step.","name":"portfolio-portfolio-process-and-approach-stacked-cards","title":"Stacked Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical timeline that maps each process phase down the page in sequence. Use it to show the path a project follows from kickoff through delivery.","name":"portfolio-portfolio-process-and-approach-vertical-timeline","title":"Vertical Timeline","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A project grid with category filters across the top so visitors narrow results by tag or type. Use it when a portfolio holds varied work across many fields.","name":"portfolio-portfolio-project-displays-filterable-grid","title":"Filterable Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A vertical stack of client quotes paired with project names and roles. Use it to weave testimonials into a project page and back up your results with words.","name":"portfolio-portfolio-project-displays-quote-stack","title":"Quote Stack","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"An even grid of project cards, each with a cover image, title, and short caption. Use it as the main index for browsing a portfolio at a glance.","name":"portfolio-portfolio-project-displays-standard-grid","title":"Standard Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A row of cards calling out key numbers like projects shipped, clients, and years active. Use it to quantify your track record near the top of a portfolio.","name":"portfolio-portfolio-project-displays-stats-cards","title":"Stats Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Alternating rows that flip image and text side to side down the page. Use it to give each project room to breathe with a clear narrative flow.","name":"portfolio-portfolio-project-displays-zigzag-layout","title":"Zigzag Layout","type":"registry:block"},{"description":"A clean quote block with the testimonial text, author name, and role. Use it as a simple starting point to add one piece of client feedback to any page.","name":"portfolio-portfolio-quote-and-feedback-base","title":"Base","type":"registry:block"},{"description":"A grid that arranges several short client quotes side by side with names and roles. Use it to gather feedback from many clients in one compact section.","name":"portfolio-portfolio-quote-and-feedback-grid-of-quotes","title":"Grid Of Quotes","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A testimonial paired with the project it refers to, including a thumbnail and link. Use it to tie praise directly to the work that earned it on a case study.","name":"portfolio-portfolio-quote-and-feedback-quote-with-project-context","title":"Quote With Project Context","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A carousel that slides through client quotes one at a time with author details. Use it to rotate testimonials without crowding a portfolio page.","name":"portfolio-portfolio-quote-and-feedback-scrollable-quote-carousel","title":"Scrollable Quote Carousel","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A large single quote set in generous space with the author name and title. Use it to feature one standout endorsement and let it carry real weight.","name":"portfolio-portfolio-quote-and-feedback-single-quote-highlight","title":"Single Quote Highlight","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A prominent card spotlighting one downloadable resource with a cover, summary, and button. Use it to push a flagship guide or template to visitors.","name":"portfolio-portfolio-resource-download-sections-featured-resource-card","title":"Featured Resource Card","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A download offer behind a short email form so visitors trade contact details for the file. Use it to capture leads while sharing a guide or kit.","name":"portfolio-portfolio-resource-download-sections-gated-download","title":"Gated Download","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A compact callout that slots into running text to point readers at a related file. Use it to surface a download right where it stays relevant.","name":"portfolio-portfolio-resource-download-sections-inline-resource-callout","title":"Inline Resource Callout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A plain vertical list of resources, each a title and a download link. Use it when you want a quiet, fast index of files with no extra clutter.","name":"portfolio-portfolio-resource-download-sections-minimalist-resource-list","title":"Minimalist Resource List","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of resource cards, each with an icon, title, and download action. Use it to present a full library of guides and templates in one tidy section.","name":"portfolio-portfolio-resource-download-sections-resources-grid","title":"Resources Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A grid of document icons, each labeled and linked to a file like a resume or portfolio PDF. Use it to offer several downloads in one branded section.","name":"portfolio-portfolio-resume-and-downloads-branded-document-icons-grid","title":"Branded Document Icons Grid","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A paired offer that lets visitors grab both your resume and cover letter together. Use it on a hiring page where both documents matter to recruiters.","name":"portfolio-portfolio-resume-and-downloads-resume-cover-letter-combo","title":"Resume Cover Letter Combo","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A short bio next to a clear call to action that downloads your resume. Use it to introduce yourself and hand over your CV in one focused block.","name":"portfolio-portfolio-resume-and-downloads-resume-with-short-bio-cta","title":"Resume With Short Bio CTA","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A single clear button that downloads your resume in one click. Use it when you want the lightest possible way to share a CV on any portfolio page.","name":"portfolio-portfolio-resume-and-downloads-simple-download-button","title":"Simple Download Button","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column block with your intro on one side and resume downloads on the other. Use it to balance a personal pitch with quick access to your files.","name":"portfolio-portfolio-resume-and-downloads-split-layout","title":"Split Layout","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A single featured post pinned in a clean card with avatar, caption, and engagement counts. Spotlights your best content when one example carries the message.","name":"portfolio-portfolio-social-media-embeds-highlighted-post","title":"Highlighted Post","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A responsive photo grid that mirrors an Instagram profile layout with hover overlays for likes and comments. Use it to preview a visual feed on a portfolio.","name":"portfolio-portfolio-social-media-embeds-instagram-grid","title":"Instagram Grid","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A compact row of platform icons that link out to every profile you maintain. Drop it in a footer or sidebar so visitors can follow you anywhere fast.","name":"portfolio-portfolio-social-media-embeds-social-icons-feed","title":"Social Icons Feed","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A swipeable carousel of tweet cards with author, timestamp, and text. Rotate through recent posts or testimonials without stacking them down the page.","name":"portfolio-portfolio-social-media-embeds-tweet-carousel","title":"Tweet Carousel","type":"registry:block"},{"dependencies":["@icons-pack/react-simple-icons","class-variance-authority","lucide-react","radix-ui"],"description":"A horizontal strip of YouTube thumbnails with titles and view counts. Place it on a channel page to let visitors scan and open videos in one click.","name":"portfolio-portfolio-social-media-embeds-youtube-video-strip","title":"YouTube Video Strip","type":"registry:block"},{"dependencies":["class-variance-authority","embla-carousel-react","lucide-react","radix-ui"],"description":"A split panel that shows a project before and after your work with a draggable divider. Proves your impact visually when results speak louder than text.","name":"portfolio-portfolio-why-work-with-me-before-after-comparison","title":"Before After Comparison","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A scannable list of value points, each with an icon and short line. Summarizes what you deliver so visitors grasp your strengths in a few seconds.","name":"portfolio-portfolio-why-work-with-me-bulleted-value-proposition","title":"Bulleted Value Proposition","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Stacked testimonial cards framed around client outcomes, with quote, name, and role. Builds trust by letting past clients vouch for your results.","name":"portfolio-portfolio-why-work-with-me-client-oriented-testimonials","title":"Client Oriented Testimonials","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A narrative section that walks through your process in ordered steps with supporting copy. Use it to explain how you work and win over cautious buyers.","name":"portfolio-portfolio-why-work-with-me-storytelling-approach","title":"Storytelling Approach","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A two column comparison table contrasting your offer against typical alternatives. Helps undecided visitors see why you are the better choice at a glance.","name":"portfolio-portfolio-why-work-with-me-why-me-vs-competition","title":"Why Me Vs Competition","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"Collapsible role cards that expand to reveal duties and achievements on click. Keeps a long career history tidy while letting readers drill into detail.","name":"portfolio-portfolio-work-experience-cards-accordion-experience-cards","title":"Accordion Experience Cards","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A role card paired with a thumbnail of the project you shipped there. Connects each position to concrete work so visitors see outcomes, not just titles.","name":"portfolio-portfolio-work-experience-cards-card-with-project-showcase","title":"Card With Project Showcase","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A role card joined with a manager or client quote about your impact. Pairs the facts of a position with social proof to strengthen each entry.","name":"portfolio-portfolio-work-experience-cards-experience-quote-combo","title":"Experience Quote Combo","type":"registry:block"},{"dependencies":["class-variance-authority","radix-ui"],"description":"A card that leads with the company logo beside your title and dates. Use it when recognizable employers carry weight and you want brands seen first.","name":"portfolio-portfolio-work-experience-cards-logo-first-card-layout","title":"Logo First Card Layout","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react","radix-ui"],"description":"A pared back card showing title, company, and dates with generous spacing. Ideal for a clean resume page where the focus stays on the roles themselves.","name":"portfolio-portfolio-work-experience-cards-minimalist-role-highlight","title":"Minimalist Role Highlight","type":"registry:block"}]},"simple ai":{"favicon":"/favicons/simple-ai.svg","items":[{"dependencies":["@tiptap/core","@tiptap/react","@tiptap/starter-kit","@tiptap/extension-mention","@tiptap/extension-placeholder","@tiptap/suggestion","ai"],"description":"Chat input with mentions and streaming status.","name":"chat-input","registryDependencies":["input-group"],"title":"Chat input","type":"registry:ui"},{"dependencies":["@ai-sdk/react","@shadcn/helpers","ai","streamdown"],"description":"Full-screen chat with tools, files, and mentions.","name":"chat-page","registryDependencies":["attachment","bubble","button","collapsible","dropdown-menu","empty","input-group","marker","message","message-scroller","resizable","sidebar","@simple-ai/chat-input","@simple-ai/reasoning","@simple-ai/shell","@simple-ai/tool","@simple-ai/worked"],"title":"Chat page","type":"registry:block"},{"dependencies":["streamdown"],"description":"Quiet thinking row with markdown.","name":"reasoning","registryDependencies":["collapsible"],"title":"Reasoning","type":"registry:ui"},{"description":"Sidebar, header, and main content.","name":"shell","registryDependencies":["button","sidebar"],"title":"Shell","type":"registry:ui"},{"dependencies":["ai"],"description":"Quiet collapsible tool call with input and output.","name":"tool","registryDependencies":["collapsible"],"title":"Tool","type":"registry:ui"},{"description":"Fold the agent's work. Keep the answer.","name":"worked","registryDependencies":["collapsible"],"title":"Worked","type":"registry:ui"}]},"uai":{"favicon":"/favicons/uai.png","items":[{"categories":["feedback","data-display"],"dependencies":["class-variance-authority"],"description":"Events, actors, timestamps, metadata, and grouped dates in an ordered timeline.","name":"activity-timeline","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Activity Timeline","type":"registry:ui"},{"categories":["ai","agents"],"dependencies":["class-variance-authority","lucide-react"],"description":"Lets an agent ask for a decision: one to five single or multiple choice questions, a recommended option, Something else, number-key answers, and a record of the answers.","name":"agent-question","registryDependencies":["badge","button","checkbox","collapsible","input","radio-group","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Agent Question","type":"registry:ui"},{"categories":["ai","agents","automation"],"dependencies":["class-variance-authority"],"description":"Agent thinking and tool calls, task progress, approvals, and a final run summary.","name":"agent-run","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/approval-card.json","https://uaiblocks.dev/r/response-status.json","https://uaiblocks.dev/r/run-summary.json","https://uaiblocks.dev/r/task-list.json","https://uaiblocks.dev/r/thinking.json","https://uaiblocks.dev/r/tool-call.json"],"title":"Agent Run","type":"registry:block"},{"categories":["marketing","banner"],"dependencies":["class-variance-authority","lucide-react"],"description":"A campaign message with actions, dismissal, and remembered dismissal.","name":"announcement-bar","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Announcement Bar","type":"registry:ui"},{"categories":["navigation","layout"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound application header with navigation, search, account actions, and responsive overflow.","name":"app-header","registryDependencies":["button","input","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"App Header","type":"registry:ui"},{"categories":["navigation"],"dependencies":["class-variance-authority","lucide-react"],"description":"Nested navigation with collapsed mode, a mobile disclosure, and active states.","name":"app-sidebar","registryDependencies":["button","collapsible","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"App Sidebar","type":"registry:ui"},{"categories":["ai","feedback"],"dependencies":["class-variance-authority","lucide-react"],"description":"A composable decision surface that keeps risk, evidence, and impact explicit.","name":"approval-card","registryDependencies":["button","input","label","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Approval Card","type":"registry:ui"},{"categories":["operations","approvals","review"],"description":"Pending decisions grouped by risk, age, owner, and impact.","name":"approval-queue","registryDependencies":["button","label","radio-group","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/approval-card.json","https://uaiblocks.dev/r/empty-state.json","https://uaiblocks.dev/r/filter-bar.json","https://uaiblocks.dev/r/metric-card.json"],"title":"Approval Queue","type":"registry:block"},{"categories":["content","community"],"dependencies":["class-variance-authority"],"description":"Long-form reading with metadata, text size controls, sharing, and related articles.","name":"article-page","registryDependencies":["toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/author-card.json","https://uaiblocks.dev/r/share-menu.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Article Page","type":"registry:block"},{"categories":["ai","files"],"dependencies":["class-variance-authority","lucide-react"],"description":"A file with type icon or thumbnail, upload progress, failure and retry, and removal.","name":"attachment","registryDependencies":["button","progress","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Attachment","type":"registry:ui"},{"categories":["data-display"],"dependencies":["class-variance-authority","lucide-react"],"description":"Actors, actions, resources, timestamps, filters, and event details.","name":"audit-log","registryDependencies":["collapsible","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Audit Log","type":"registry:ui"},{"categories":["operations","audit","security"],"dependencies":["class-variance-authority"],"description":"Filters, events, details, and export controls.","name":"audit-log-viewer","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/audit-log.json","https://uaiblocks.dev/r/date-range-picker.json","https://uaiblocks.dev/r/filter-bar.json"],"title":"Audit Log Viewer","type":"registry:block"},{"categories":["content","community"],"dependencies":["class-variance-authority","lucide-react"],"description":"Author identity with an initials fallback, biography, profile links, and a follow toggle.","name":"author-card","registryDependencies":["avatar","button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Author Card","type":"registry:ui"},{"categories":["application"],"dependencies":["class-variance-authority"],"description":"Plan, usage, payment method, invoice history, billing alerts, and confirmed cancellation.","name":"billing-portal","registryDependencies":["button","table","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/confirmation-dialog.json","https://uaiblocks.dev/r/description-list.json","https://uaiblocks.dev/r/progress-summary.json","https://uaiblocks.dev/r/status-banner.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Billing Portal","type":"registry:block"},{"categories":["brazil","commerce","checkout"],"dependencies":["class-variance-authority","lucide-react"],"description":"A boleto with the grouped linha digitável and copy, an ITF barcode drawn from the code, due-date urgency, a BolePix tab, and card, plain, and compact variants.","name":"boleto-payment","registryDependencies":["badge","button","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Boleto Payment","type":"registry:ui"},{"categories":["navigation"],"dependencies":["class-variance-authority","lucide-react"],"description":"Hierarchy with label truncation, collapsed levels, and a compact mobile fallback.","name":"breadcrumb-trail","registryDependencies":["breadcrumb","button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Breadcrumb Trail","type":"registry:ui"},{"categories":["data-display"],"dependencies":["class-variance-authority","lucide-react"],"description":"Day, week, and month layouts with event overflow.","name":"calendar-view","registryDependencies":["button","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Calendar View","type":"registry:ui"},{"categories":["marketing","conversion"],"dependencies":["class-variance-authority","lucide-react"],"description":"A closing section with one goal, supporting copy, and reassurance.","name":"call-to-action","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/trust-panel.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Call to Action","type":"registry:block"},{"categories":["commerce","cart"],"dependencies":["class-variance-authority","lucide-react"],"description":"Review items, quantities, discounts, totals, and checkout actions.","name":"cart-drawer","registryDependencies":["button","sheet","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/cart-item.json","https://uaiblocks.dev/r/coupon-field.json","https://uaiblocks.dev/r/price-summary.json","https://uaiblocks.dev/r/quantity-picker.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Cart Drawer","type":"registry:block"},{"categories":["commerce","data-display"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound cart line with product details, availability, quantity, price, and removal.","name":"cart-item","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/quantity-picker.json"],"title":"Cart Item","type":"registry:ui"},{"categories":["brazil","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"A Brazilian postal code field with masking, address lookup states, and rounded, pill, and compact variants.","name":"cep-field","registryDependencies":["button","input","label","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"CEP Field","type":"registry:ui"},{"categories":["content","changelog"],"dependencies":["class-variance-authority","lucide-react"],"description":"A release entry with date, version, categories, and linked changes.","name":"changelog-entry","registryDependencies":["badge","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Changelog Entry","type":"registry:ui"},{"categories":["content","changelog"],"dependencies":["class-variance-authority"],"description":"Releases grouped by date with version, category, and product area filters.","name":"changelog-page","registryDependencies":["label","select","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/changelog-entry.json","https://uaiblocks.dev/r/empty-state.json","https://uaiblocks.dev/r/filter-bar.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Changelog Page","type":"registry:block"},{"categories":["commerce","checkout"],"dependencies":["class-variance-authority","lucide-react"],"description":"Guide contact, delivery, payment, review, and confirmation.","name":"checkout","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/price-summary.json","https://uaiblocks.dev/r/status-banner.json","https://uaiblocks.dev/r/step-indicator.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Checkout","type":"registry:block"},{"categories":["ai","sources"],"dependencies":["lucide-react"],"description":"An inline claim marker with a source preview card and destination link.","name":"citation","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Citation","type":"registry:ui"},{"categories":["authentication","onboarding","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"One-time code entry with paste, resend timing, errors, and alternate methods.","name":"code-verification","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/inline-feedback.json","https://uaiblocks.dev/r/status-banner.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Code Verification","type":"registry:block"},{"categories":["navigation"],"dependencies":["class-variance-authority","lucide-react"],"description":"Search and run grouped actions with full keyboard navigation.","name":"command-menu","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Command Menu","type":"registry:ui"},{"categories":["content","community"],"dependencies":["class-variance-authority","lucide-react"],"description":"Comments with nested replies, reactions, inline editing, moderation states, and timestamps.","name":"comment","registryDependencies":["avatar","button","collapsible","textarea","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Comment","type":"registry:ui"},{"categories":["content","community"],"dependencies":["lucide-react"],"description":"Nested replies, reactions, sorting, moderation states, and a comment composer.","name":"comment-thread","registryDependencies":["button","textarea","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/comment.json","https://uaiblocks.dev/r/reaction-bar.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Comment Thread","type":"registry:block"},{"categories":["content","community"],"dependencies":["class-variance-authority","lucide-react"],"description":"Posts with authors, tags, reactions, filters, and numbered pagination.","name":"community-feed","registryDependencies":["button","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/author-card.json","https://uaiblocks.dev/r/empty-state.json","https://uaiblocks.dev/r/reaction-bar.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Community Feed","type":"registry:block"},{"categories":["data-display"],"dependencies":["lucide-react"],"description":"Compare plans or products with sticky labels and highlighted differences.","name":"comparison-table","registryDependencies":["checkbox","label","table","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Comparison Table","type":"registry:ui"},{"categories":["feedback","dialog"],"dependencies":["class-variance-authority"],"description":"A native modal that explains impact before destructive actions, with optional typed confirmation.","name":"confirmation-dialog","registryDependencies":["alert-dialog","button","input","label","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Confirmation Dialog","type":"registry:ui"},{"categories":["marketing","forms","support"],"dependencies":["class-variance-authority","lucide-react"],"description":"Contact options, availability, a message form with its states, and expectations.","name":"contact-section","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/status-banner.json","https://uaiblocks.dev/r/form-field.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Contact Section","type":"registry:block"},{"categories":["ai","agents"],"dependencies":["class-variance-authority","lucide-react"],"description":"How full a model's context window is: a composer ring, a stacked breakdown, threshold warnings, and compaction that shows what it freed.","name":"context-meter","registryDependencies":["badge","button","popover","https://uaiblocks.dev/r/uai-number-tick.json","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Context Meter","type":"registry:ui"},{"categories":["ai","chat","conversation"],"description":"Messages, cited sources, response states, and a prompt composer in one thread.","name":"conversation-thread","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/citation.json","https://uaiblocks.dev/r/message.json","https://uaiblocks.dev/r/prompt-composer.json","https://uaiblocks.dev/r/response-status.json"],"title":"Conversation Thread","type":"registry:block"},{"categories":["commerce","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound discount field with rounded, pill, and compact variants.","name":"coupon-field","registryDependencies":["button","input","label","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Coupon Field","type":"registry:ui"},{"categories":["application"],"dependencies":["class-variance-authority"],"description":"Global navigation, page hierarchy, actions, key metrics, and a layout that stacks on narrow screens.","name":"dashboard-shell","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/app-sidebar.json","https://uaiblocks.dev/r/breadcrumb-trail.json","https://uaiblocks.dev/r/metric-card.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Dashboard Shell","type":"registry:block"},{"categories":["operations","data","query"],"dependencies":["class-variance-authority","lucide-react"],"description":"Query surface, results, saved views, and export actions.","name":"data-explorer","registryDependencies":["button","label","table","textarea","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/data-table-toolbar.json","https://uaiblocks.dev/r/empty-state.json","https://uaiblocks.dev/r/page-tabs.json"],"title":"Data Explorer","type":"registry:block"},{"categories":["data-display"],"dependencies":["class-variance-authority","lucide-react"],"description":"Search, filters, column visibility, export, and bulk actions for selected rows.","name":"data-table-toolbar","registryDependencies":["button","checkbox","input","label","popover","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Data Table Toolbar","type":"registry:ui"},{"categories":["forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"Presets, date inputs, and a keyboard-navigable calendar for local date ranges.","name":"date-range-picker","registryDependencies":["button","input","label","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Date Range Picker","type":"registry:ui"},{"categories":["data-display"],"dependencies":["class-variance-authority"],"description":"Labeled facts with responsive alignment and optional actions.","name":"description-list","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Description List","type":"registry:ui"},{"categories":["brazil","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"A CPF and CNPJ field with masking, check-digit validation, alphanumeric CNPJ support, and rounded, pill, and compact variants.","name":"document-field","registryDependencies":["badge","input","label","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Document Field","type":"registry:ui"},{"categories":["content","navigation"],"dependencies":["class-variance-authority","lucide-react"],"description":"Navigation, an in-page table of contents with the current section, content, and page actions.","name":"documentation-page","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/app-sidebar.json","https://uaiblocks.dev/r/breadcrumb-trail.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Documentation Page","type":"registry:block"},{"categories":["feedback","data-display"],"dependencies":["class-variance-authority"],"description":"A compound blank-slate surface with card, plain, compact, and page variants.","name":"empty-state","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Empty State","type":"registry:ui"},{"categories":["marketing","faq"],"dependencies":["class-variance-authority","lucide-react"],"description":"Searchable questions with accessible disclosure answers.","name":"faq-section","registryDependencies":["collapsible","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/search-field.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"FAQ Section","type":"registry:block"},{"categories":["marketing","features"],"dependencies":["class-variance-authority"],"description":"Benefits through alternating copy, media, and supporting details.","name":"feature-showcase","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/description-list.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Feature Showcase","type":"registry:block"},{"categories":["ai","files","analysis"],"dependencies":["class-variance-authority"],"description":"Attached files, extraction status, and findings that cite the page or cell they came from.","name":"file-analysis","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/attachment.json","https://uaiblocks.dev/r/citation.json","https://uaiblocks.dev/r/progress-summary.json"],"title":"File Analysis","type":"registry:block"},{"categories":["forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"File selection and drag and drop with validation, progress, retry, and removal.","name":"file-upload","registryDependencies":["button","progress","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"File Upload","type":"registry:ui"},{"categories":["forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"Composable filters, removable chips, result counts, and reset actions.","name":"filter-bar","registryDependencies":["badge","button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Filter Bar","type":"registry:ui"},{"categories":["forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"A submission error summary with links that focus the matching fields.","name":"form-error-summary","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Form Error Summary","type":"registry:ui"},{"categories":["forms"],"dependencies":["class-variance-authority"],"description":"Labels, descriptions, requirements, validation, and character counts.","name":"form-field","registryDependencies":["input","label","textarea","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Form Field","type":"registry:ui"},{"categories":["marketing","hero"],"dependencies":["class-variance-authority","lucide-react"],"description":"Positioning, a primary action, supporting proof, and product media.","name":"hero-section","registryDependencies":["badge","button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/task-list.json","https://uaiblocks.dev/r/trust-panel.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Hero Section","type":"registry:block"},{"categories":["operations","data","import"],"dependencies":["class-variance-authority","lucide-react"],"description":"File selection, column mapping, validation, preview, and completion.","name":"import-workflow","registryDependencies":["button","label","select","table","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/file-upload.json","https://uaiblocks.dev/r/progress-summary.json","https://uaiblocks.dev/r/status-banner.json","https://uaiblocks.dev/r/step-indicator.json"],"title":"Import Workflow","type":"registry:block"},{"categories":["operations","incidents","monitoring"],"dependencies":["class-variance-authority"],"description":"Status, impact, timeline, responders, and updates.","name":"incident-dashboard","registryDependencies":["button","label","textarea","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/activity-timeline.json","https://uaiblocks.dev/r/description-list.json","https://uaiblocks.dev/r/metric-card.json","https://uaiblocks.dev/r/status-banner.json"],"title":"Incident Dashboard","type":"registry:block"},{"categories":["feedback","status"],"dependencies":["class-variance-authority","lucide-react"],"description":"Confirm or reject a local action in a polite live region without interrupting the workflow.","name":"inline-feedback","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Inline Feedback","type":"registry:ui"},{"categories":["brazil","commerce","forms"],"dependencies":["class-variance-authority"],"description":"Card installment choices with amounts, interest terms, and totals in list, tiles, and compact variants.","name":"installment-picker","registryDependencies":["radio-group","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Installment Picker","type":"registry:ui"},{"categories":["data-display"],"dependencies":["class-variance-authority"],"description":"Columns, cards, keyboard movement, and empty states.","name":"kanban-board","registryDependencies":["badge","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Kanban Board","type":"registry:ui"},{"categories":["maps","navigation"],"dependencies":["class-variance-authority","lucide-react"],"description":"Zoom, compass, locate, and custom camera buttons for any map library.","name":"map-controls","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Map Controls","type":"registry:ui"},{"categories":["maps"],"dependencies":["class-variance-authority"],"description":"A labelled map region that hosts any map library, anchors overlays to its edges, and shows a placeholder basemap.","name":"map-frame","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Map Frame","type":"registry:ui"},{"categories":["maps","data-display"],"dependencies":["class-variance-authority"],"description":"Layer symbols, counts, a color ramp, and visibility toggles for a map.","name":"map-legend","registryDependencies":["checkbox","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Map Legend","type":"registry:ui"},{"categories":["maps"],"dependencies":["class-variance-authority"],"description":"Selectable map pins, dots, and price labels with tones, captions, and cluster counts.","name":"map-marker","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Map Marker","type":"registry:ui"},{"categories":["ai","chat"],"dependencies":["class-variance-authority","lucide-react"],"description":"User, assistant, system, and tool messages with avatar, header, content, actions, and streaming state.","name":"message","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Message","type":"registry:ui"},{"categories":["data-display"],"dependencies":["class-variance-authority","lucide-react"],"description":"A value with comparison, trend, and supporting context.","name":"metric-card","registryDependencies":["badge","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-number-tick.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Metric Card","type":"registry:ui"},{"categories":["marketing","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"Email signup with consent, validation, submission, success, and duplicate-email states.","name":"newsletter-form","registryDependencies":["button","checkbox","input","label","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Newsletter Form","type":"registry:ui"},{"categories":["application"],"dependencies":["class-variance-authority","lucide-react"],"description":"Updates grouped by date with unread state, filters, per-item toggles, and bulk actions.","name":"notification-center","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/empty-state.json","https://uaiblocks.dev/r/page-tabs.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Notification Center","type":"registry:block"},{"categories":["authentication","onboarding","forms"],"dependencies":["class-variance-authority"],"description":"Resumable setup steps with validation, progress, optional steps, and completion.","name":"onboarding-wizard","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/step-indicator.json","https://uaiblocks.dev/r/status-banner.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Onboarding Wizard","type":"registry:block"},{"categories":["commerce","data-display"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound fulfillment timeline with card, plain, and compact variants.","name":"order-status","registryDependencies":["badge","button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Order Status","type":"registry:ui"},{"categories":["commerce","orders"],"dependencies":["class-variance-authority","lucide-react"],"description":"Status, shipment events, delivery estimates, and support.","name":"order-tracking","registryDependencies":["button","collapsible","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/description-list.json","https://uaiblocks.dev/r/order-status.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Order Tracking","type":"registry:block"},{"categories":["navigation"],"dependencies":["class-variance-authority"],"description":"Primary tabs with counts, page actions, and horizontal overflow.","name":"page-tabs","registryDependencies":["tabs","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Page Tabs","type":"registry:ui"},{"categories":["authentication","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound account recovery workflow with request, sent, reset, expired, and success states.","name":"password-recovery","registryDependencies":["button","input","label","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Password Recovery","type":"registry:ui"},{"categories":["brazil","commerce","checkout"],"dependencies":["class-variance-authority","lucide-react"],"description":"The authorization step for recurring Pix: clear terms, QR Code or bank-app confirmation with a bank picker, a live waiting state that names the bank, and an active view with the next charges.","name":"pix-automatico","registryDependencies":["badge","button","input","popover","toggle","https://uaiblocks.dev/r/uai-number-tick.json","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Pix Automático","type":"registry:ui"},{"categories":["brazil","commerce","checkout"],"dependencies":["class-variance-authority","lucide-react"],"description":"A Pix charge with QR code, copy-and-paste code, expiry countdown, payment status, and card, plain, and compact variants.","name":"pix-payment","registryDependencies":["badge","button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Pix Payment","type":"registry:ui"},{"categories":["maps"],"dependencies":["class-variance-authority","lucide-react"],"description":"Place details with rating, opening status, contact facts, and actions as a card or map popup.","name":"place-card","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Place Card","type":"registry:ui"},{"categories":["commerce","data-display"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound order total with card, plain, and compact variants.","name":"price-summary","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-number-tick.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Price Summary","type":"registry:ui"},{"categories":["marketing","pricing"],"dependencies":["class-variance-authority","lucide-react"],"description":"Plans, billing periods, limits, and purchase actions.","name":"pricing-section","registryDependencies":["badge","button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/pricing-toggle.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Pricing Section","type":"registry:block"},{"categories":["marketing","pricing"],"dependencies":["class-variance-authority"],"description":"Switch billing periods while keeping prices, billing context, and savings labels in sync.","name":"pricing-toggle","registryDependencies":["toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Pricing Toggle","type":"registry:ui"},{"categories":["commerce","product"],"dependencies":["class-variance-authority","lucide-react"],"description":"Gallery, options, availability, price, delivery, and purchase actions.","name":"product-detail","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/product-gallery.json","https://uaiblocks.dev/r/quantity-picker.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Product Detail","type":"registry:block"},{"categories":["marketing","media"],"dependencies":["class-variance-authority","lucide-react"],"description":"Media selection with thumbnails, zoom, fullscreen viewing, and required alt text.","name":"product-gallery","registryDependencies":["button","dialog","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Product Gallery","type":"registry:ui"},{"categories":["commerce","catalog"],"dependencies":["class-variance-authority","lucide-react"],"description":"Categories, filters, sorting, result counts, and pagination.","name":"product-listing","registryDependencies":["button","label","select","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/filter-bar.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Product Listing","type":"registry:block"},{"categories":["application"],"dependencies":["class-variance-authority"],"description":"Identity, account actions, contact details, and recent activity in a sidebar or stacked layout.","name":"profile-page","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/activity-timeline.json","https://uaiblocks.dev/r/author-card.json","https://uaiblocks.dev/r/description-list.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Profile Page","type":"registry:block"},{"categories":["feedback","progress"],"dependencies":["class-variance-authority"],"description":"Progress, elapsed time, remaining work, and cancellation in one composable summary.","name":"progress-summary","registryDependencies":["button","progress","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Progress Summary","type":"registry:ui"},{"categories":["ai","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound prompt bar with composable add, input, and action regions.","name":"prompt-composer","registryDependencies":["button","dropdown-menu","textarea","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Prompt Composer","type":"registry:ui"},{"categories":["content","community"],"dependencies":["class-variance-authority"],"description":"Identity, links, follower counts, pinned work, and recent activity.","name":"public-profile","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/activity-timeline.json","https://uaiblocks.dev/r/author-card.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Public Profile","type":"registry:block"},{"categories":["commerce","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound quantity control with limits, direct input, and stock feedback.","name":"quantity-picker","registryDependencies":["button","input","label","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Quantity Picker","type":"registry:ui"},{"categories":["content","community"],"dependencies":["class-variance-authority","lucide-react"],"description":"Reaction counts and selected states with accessible names and an add-reaction menu.","name":"reaction-bar","registryDependencies":["button","dropdown-menu","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Reaction Bar","type":"registry:ui"},{"categories":["operations","reporting","charts"],"dependencies":["class-variance-authority"],"description":"Select metrics, dimensions, filters, visualization, and export format.","name":"report-builder","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/filter-bar.json","https://uaiblocks.dev/r/metric-card.json"],"title":"Report Builder","type":"registry:block"},{"categories":["ai","research","sources"],"description":"A research plan, live search activity, sources, and a cited synthesis.","name":"research-session","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/citation.json","https://uaiblocks.dev/r/progress-summary.json","https://uaiblocks.dev/r/response-status.json","https://uaiblocks.dev/r/task-list.json","https://uaiblocks.dev/r/thinking.json"],"title":"Research Session","type":"registry:block"},{"categories":["operations","data","crud"],"dependencies":["class-variance-authority"],"description":"List, create, inspect, edit, archive, and delete domain records.","name":"resource-manager","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json","https://uaiblocks.dev/r/confirmation-dialog.json","https://uaiblocks.dev/r/data-table-toolbar.json","https://uaiblocks.dev/r/description-list.json","https://uaiblocks.dev/r/empty-state.json"],"title":"Resource Manager","type":"registry:block"},{"categories":["ai","status"],"dependencies":["class-variance-authority","lucide-react"],"description":"Queued, streaming, stopped, complete, and failed response states with stop and retry actions.","name":"response-status","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Response Status","type":"registry:ui"},{"categories":["maps","navigation"],"dependencies":["class-variance-authority"],"description":"Travel modes, stops, totals, and turn-by-turn directions for a route.","name":"route-summary","registryDependencies":["button","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Route Summary","type":"registry:ui"},{"categories":["ai","agents"],"dependencies":["class-variance-authority","lucide-react"],"description":"A summary of completed agent work with stats, changed artifacts, warnings, and next actions.","name":"run-summary","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Run Summary","type":"registry:ui"},{"categories":["forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"Clearable search with recent queries, loading, empty, and error feedback.","name":"search-field","registryDependencies":["button","input","label","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Search Field","type":"registry:ui"},{"categories":["application"],"dependencies":["class-variance-authority","lucide-react"],"description":"Query controls, filters, ranked results with highlighted terms, empty states, and pagination.","name":"search-results","registryDependencies":["button","label","select","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/empty-state.json","https://uaiblocks.dev/r/filter-bar.json","https://uaiblocks.dev/r/search-field.json","https://uaiblocks.dev/r/skeleton-group.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Search Results","type":"registry:block"},{"categories":["application"],"dependencies":["class-variance-authority"],"description":"Grouped settings with field validation, a sticky save state, and a guarded danger zone.","name":"settings-page","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/confirmation-dialog.json","https://uaiblocks.dev/r/form-field.json","https://uaiblocks.dev/r/unsaved-changes-bar.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Settings Page","type":"registry:block"},{"categories":["content","community"],"dependencies":["class-variance-authority","lucide-react"],"description":"A share menu with native sharing, copy-link feedback, and channel links.","name":"share-menu","registryDependencies":["button","dropdown-menu","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Share Menu","type":"registry:ui"},{"categories":["authentication","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound sign-in form with providers, credentials, recovery, and async feedback.","name":"sign-in-card","registryDependencies":["button","input","label","separator","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Sign-in Card","type":"registry:ui"},{"categories":["authentication","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"A compound account creation form with consent, password guidance, and verification feedback.","name":"sign-up-card","registryDependencies":["button","checkbox","input","label","separator","toggle","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Sign-up Card","type":"registry:ui"},{"categories":["feedback","loading"],"dependencies":["class-variance-authority"],"description":"Composable loading placeholders that match page structure without layout shift.","name":"skeleton-group","registryDependencies":["skeleton","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Skeleton Group","type":"registry:ui"},{"categories":["navigation"],"dependencies":["class-variance-authority"],"description":"Two resizable regions with keyboard controls and saved proportions.","name":"split-pane","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Split Pane","type":"registry:ui"},{"categories":["feedback","status"],"dependencies":["class-variance-authority","lucide-react"],"description":"Information, success, warning, and error banners with optional actions and dismissal.","name":"status-banner","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Status Banner","type":"registry:ui"},{"categories":["forms"],"dependencies":["class-variance-authority"],"description":"Current, complete, optional, blocked, and error steps with explicit status text.","name":"step-indicator","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Step Indicator","type":"registry:ui"},{"categories":["commerce","billing"],"dependencies":["class-variance-authority"],"description":"Change plans, usage limits, payment, renewal, and cancellation.","name":"subscription-management","registryDependencies":["button","label","radio-group","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/confirmation-dialog.json","https://uaiblocks.dev/r/description-list.json","https://uaiblocks.dev/r/pricing-toggle.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Subscription Management","type":"registry:block"},{"categories":["ai","data-display"],"dependencies":["class-variance-authority","lucide-react"],"description":"A composable progress list with card, timeline, and compact variants.","name":"task-list","registryDependencies":["badge","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Task List","type":"registry:ui"},{"categories":["application"],"dependencies":["class-variance-authority"],"description":"Members, roles, invitations, access status, search, and confirmed removal.","name":"team-management","registryDependencies":["button","select","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/confirmation-dialog.json","https://uaiblocks.dev/r/data-table-toolbar.json","https://uaiblocks.dev/r/empty-state.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Team Management","type":"registry:block"},{"categories":["marketing","social-proof"],"dependencies":["class-variance-authority","lucide-react"],"description":"A quote with the person, role, organization, and an optional proof link.","name":"testimonial-card","registryDependencies":["avatar","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Testimonial Card","type":"registry:ui"},{"categories":["marketing","social-proof"],"dependencies":["class-variance-authority"],"description":"Customer stories with people, roles, organizations, and a rating summary.","name":"testimonials-section","registryDependencies":["https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/testimonial-card.json","https://uaiblocks.dev/r/trust-panel.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Testimonials Section","type":"registry:block"},{"categories":["ai","feedback"],"dependencies":["class-variance-authority","lucide-react"],"description":"A composable activity disclosure with explicit states and structured evidence.","name":"thinking","registryDependencies":["collapsible","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Thinking","type":"registry:ui"},{"categories":["ai","agents"],"dependencies":["class-variance-authority","lucide-react"],"description":"Queued, running, successful, and failed tool activity with a disclosure for input and output.","name":"tool-call","registryDependencies":["collapsible","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Tool Call","type":"registry:ui"},{"categories":["marketing","social-proof"],"dependencies":["class-variance-authority","lucide-react"],"description":"Customer logos, ratings, certifications, and security evidence in one section.","name":"trust-panel","registryDependencies":["badge","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Trust Panel","type":"registry:ui"},{"categories":["forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"Persistent save and discard actions with busy, error, and page-exit warnings.","name":"unsaved-changes-bar","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Unsaved Changes Bar","type":"registry:ui"},{"categories":["marketing","conversion","forms"],"dependencies":["class-variance-authority"],"description":"Collect interest with qualification fields, consent, and confirmation.","name":"waitlist-section","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/newsletter-form.json","https://uaiblocks.dev/r/form-field.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Waitlist Section","type":"registry:block"},{"categories":["authentication","onboarding","forms"],"dependencies":["class-variance-authority","lucide-react"],"description":"Create a workspace, invite teammates, and choose initial settings.","name":"workspace-setup","registryDependencies":["button","https://uaiblocks.dev/r/uai-theme.json","https://uaiblocks.dev/r/form-field.json","https://uaiblocks.dev/r/status-banner.json","https://uaiblocks.dev/r/uai-utils.json"],"title":"Workspace Setup","type":"registry:block"}]},"tour":{"favicon":"/favicons/tour.ico","items":[{"description":"A tour component.","name":"tour","registryDependencies":["button","card","popover"],"title":"Tour","type":"registry:ui"}]},"trophy ui":{"favicon":"/favicons/trophy-ui.svg","items":[{"dependencies":["class-variance-authority","lucide-react"],"description":"React streak counter UI in a compact badge supporting daily, weekly, monthly or yearly streaks. Built on shadcn/ui + Tailwind. Open source.","name":"streak-badge","title":"Streak Badge","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"React streak calendar for gamification—week, month, and git-style grids to visualize consistency. Native support for streak freezes. Ideal streak UI design for habit tracking and personal progress. Built on shadcn/ui and Tailwind CSS. Open source.","name":"streak-calendar","title":"Streak Calendar","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Full streak UI card for React. Daily streak display, longest streak record with optional section for streak rules. Built on shadcn/ui + Tailwind. Open source.","name":"streak-card","registryDependencies":["streak-calendar","button"],"title":"Streak Card","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Open source React achievement badge component with locked/unlocked states, progress rings and rarity support. Use for achievement UI design and collections. Built on shadcn/ui + Tailwind.","name":"achievement-badge","title":"Achievement Badge","type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Responsive React achievement grid for displaying collections of badges with progress and rarity across breakpoints. Ideal achievement UI design for galleries and showcases in consumer apps. Open source, built on shadcn/ui + Tailwind.","name":"achievement-grid","registryDependencies":["achievement-badge"],"title":"Achievement Grid","type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Vertical React achievement list with icons, descriptions, and optional progress for dense achievement UI. Complements grids and cards in gamification dashboards. Open source, built on shadcn/ui + Tailwind.","name":"achievement-list","title":"Achievement List","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Celebratory React dialog for newly unlocked achievements with headline, badge, and share actions. Use for unlock moments, level up animations and more. Built on shadcn/ui + Tailwind. Open source.","name":"achievement-unlocked","registryDependencies":["achievement-badge","button"],"title":"Achievement Unlocked","type":"registry:ui"},{"description":"React achievement card with totals, featured badges, and scrollable lists for profile and progress surfaces. Fits achievement UI examples in SaaS, consumer and community products. Open source, built on shadcn/ui + Tailwind.","name":"achievement-card","registryDependencies":["achievement-badge","achievement-list","button"],"title":"Achievement Card","type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react"],"description":"React leaderboard rankings list—avatars, scores, bylines, and crown highlights for full tables. Open-source leaderboard UI for games, communities, and SaaS challenges. shadcn/ui + Tailwind.","name":"leaderboard-rankings","registryDependencies":["button"],"title":"Leaderboard Rankings","type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Top-three React leaderboard podium with crowns, avatars, and ranks for competitive gamification. Leaderboard UI component for highlights and recap screens. Built on shadcn/ui + Tailwind. Open source.","name":"leaderboard-podium","title":"Leaderboard Podium","type":"registry:ui"},{"description":"React leaderboard component that composes title, date range, podium, and rankings—one card for competitive gamification UIs. Fits Next.js and React apps. Built on shadcn/ui + Tailwind. Open source.","name":"leaderboard-card","registryDependencies":["leaderboard-podium","leaderboard-rankings"],"title":"Leaderboard Card","type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Compact React points badge for totals and currency-style scores in gamification UIs. Fits XP-style displays alongside charts and lists. Built on shadcn/ui + Tailwind. Open source.","name":"points-badge","title":"Points Badge","type":"registry:ui"},{"dependencies":["recharts"],"description":"React chart for points over time. Displays trends, campaigns, and seasonality in gamification analytics views. Complements badges and levels. Built on Recharts + shadcn/ui + Tailwind. Open source.","name":"points-chart","title":"Points Chart","type":"registry:ui"},{"dependencies":["@radix-ui/react-tooltip","lucide-react"],"description":"React points activity feed with dated events, totals, and trigger types for gamification timelines. Useful for XP and currency ledgers in dashboards. Built on shadcn/ui + Tailwind. Open source.","name":"points-awards","title":"Points Awards","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Vertical React timeline for level progression. Supports sub-levels, thresholds, and level progress for gamification roadmaps. Complements Points Levels List. Built on shadcn/ui + Tailwind. Open source.","name":"points-levels-timeline","title":"Points Levels Timeline","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"React levels list with optional progress bar between tiers. Built on shadcn/ui + Tailwind. Open source.","name":"points-levels-list","title":"Points Levels List","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"React callout for points multipliers and limited-time boosts. Supports optional countdown for near-ending gamification campaigns. Built on shadcn/ui + Tailwind. Open source.","name":"points-boost","registryDependencies":["button"],"title":"Points Boost","type":"registry:ui"}]},"flexnative ui":{"favicon":"/favicons/flexnative-ui.ico","items":[{"description":"Three-column bento: primary tile (two-thirds) with title, description, CTA and media, plus supporting image cards.","name":"bento-grids-01","page":"https://ui.flexnative.com/blocks/bento-grids/bento-grids-01","registryDependencies":["button"],"title":"Bento grids 01","type":"registry:block"},{"dependencies":["react-wrap-balancer","lucide-react"],"description":"A row of collection cards, one twice as wide, each with a product photo bleeding off the top, a title, a short description and a link.","name":"bento-grids-02","page":"https://ui.flexnative.com/blocks/bento-grids/bento-grids-02","registryDependencies":["button"],"title":"Bento grids 02","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A product grid with a tall featured item in the center, four smaller items around it, category badges, prices and names.","name":"bento-grids-03","page":"https://ui.flexnative.com/blocks/bento-grids/bento-grids-03","registryDependencies":["badge"],"title":"Bento grids 03","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"Two-column split with serif headline, supporting copy, optional CTA, and a media panel.","name":"content-06","page":"https://ui.flexnative.com/blocks/content/content-06","registryDependencies":["button"],"title":"Content 06","type":"registry:block"},{"dependencies":["react-wrap-balancer","lucide-react"],"description":"A grid of media cards with a section header and item details below each image.","name":"content-02","page":"https://ui.flexnative.com/blocks/content/content-02","title":"Content 02","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"Two-column grid with serif header, media on top, copy, and optional CTA per column.","name":"content-07","page":"https://ui.flexnative.com/blocks/content/content-07","registryDependencies":["button"],"title":"Content 07","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"Two-column card grid with a serif section header and copy above each image.","name":"content-04","page":"https://ui.flexnative.com/blocks/content/content-04","registryDependencies":["card"],"title":"Content 04","type":"registry:block"},{"dependencies":["react-wrap-balancer","lucide-react"],"description":"A billing overview split with a dashboard preview card and two feature highlights, built for the app-shell preset.","name":"content-11","page":"https://ui.flexnative.com/blocks/content/content-11","registryDependencies":["card"],"title":"Content 11","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A centered section header with supporting copy and a CTA, followed by two large side-by-side photos.","name":"content-12","page":"https://ui.flexnative.com/blocks/content/content-12","registryDependencies":["button"],"title":"Content 12","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"An editorial layout with a large photo, a short title and paragraph beside it, and two smaller photos offset below.","name":"content-13","page":"https://ui.flexnative.com/blocks/content/content-13","title":"Content 13","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-weight studio title with a short intro and link beside a square photo, followed by a bordered row of client marks.","name":"content-14","page":"https://ui.flexnative.com/blocks/content/content-14","title":"Content 14","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A labeled collection intro with a short headline, a row of three product photos with names, and a CTA, framed by thin rules.","name":"content-15","page":"https://ui.flexnative.com/blocks/content/content-15","registryDependencies":["button"],"title":"Content 15","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A centered text block with a title, description, and CTA.","name":"cta-01","page":"https://ui.flexnative.com/blocks/cta/cta-01","registryDependencies":["button"],"title":"Call to Action 01","type":"registry:block"},{"description":"An oversized two-word headline split around a full-bleed photo, with a bracketed call to action at its center.","name":"cta-02","page":"https://ui.flexnative.com/blocks/cta/cta-02","title":"Call to Action 02","type":"registry:block"},{"description":"List of items: select one to reveal its description and media.","name":"feature-01","page":"https://ui.flexnative.com/blocks/feature/feature-01","registryDependencies":["button"],"title":"Feature 01","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A process section with a split title/description header and a portrait image flanked by two columns of numbered step cards.","name":"feature-02","page":"https://ui.flexnative.com/blocks/feature/feature-02","title":"Feature 02","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A sticky title/description column paired with a scrolling list of features, each with its own title, description, and media.","name":"feature-03","page":"https://ui.flexnative.com/blocks/feature/feature-03","title":"Feature 03","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A title with a two-column list of ruled milestones below it, beside a tall photo.","name":"feature-04","page":"https://ui.flexnative.com/blocks/feature/feature-04","title":"Feature 04","type":"registry:block"},{"dependencies":["react-wrap-balancer","lucide-react"],"description":"A centered product title over three icon features, a large product photo and a product card with finish swatches and a CTA.","name":"feature-05","page":"https://ui.flexnative.com/blocks/feature/feature-05","registryDependencies":["button"],"title":"Feature 05","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A centered serif hero with a soft gradient wash, pill CTA, and a floating integration cloud.","name":"hero-01","page":"https://ui.flexnative.com/blocks/hero/hero-01","registryDependencies":["button"],"title":"Hero 01","type":"registry:block"},{"dependencies":["react-wrap-balancer","lucide-react"],"description":"A left-aligned serif hero with a media panel: an image backdrop with a floating dashboard mockup on top.","name":"hero-02","page":"https://ui.flexnative.com/blocks/hero/hero-02","registryDependencies":["button","card","badge","avatar","separator"],"title":"Hero 02","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A centered hero with dual CTAs and an image that fades into the page below the copy.","name":"hero-03","page":"https://ui.flexnative.com/blocks/hero/hero-03","registryDependencies":["button"],"title":"Hero 03","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A two-column editorial hero with a soft background wash and a layered collage of two overlapping images.","name":"hero-04","page":"https://ui.flexnative.com/blocks/hero/hero-04","registryDependencies":["button"],"title":"Hero 04","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"An editorial hero with a left tagline, right-aligned headline and copy, and a full-width image below.","name":"hero-05","page":"https://ui.flexnative.com/blocks/hero/hero-05","title":"Hero 05","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A split product hero with dual CTA, a compact logo row, and the Spot 01 illustration.","name":"hero-06","page":"https://ui.flexnative.com/blocks/hero/hero-06","registryDependencies":["@flx/spot-01","button"],"title":"Hero 06","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"An editorial hero with a full-width image above, a top-aligned tagline, and right-aligned headline and copy below.","name":"hero-07","page":"https://ui.flexnative.com/blocks/hero/hero-07","title":"Hero 07","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A split hero with a bold headline, avatar social proof, and two image cards with invertible overlay text and CTAs.","name":"hero-08","page":"https://ui.flexnative.com/blocks/hero/hero-08","registryDependencies":["avatar","button"],"title":"Hero 08","type":"registry:block"},{"dependencies":["react-wrap-balancer","lucide-react"],"description":"A centered real-estate hero with a search bar, a masked architecture image that fades into the page, and a split closing statement.","name":"hero-09","page":"https://ui.flexnative.com/blocks/hero/hero-09","registryDependencies":["input","button"],"title":"Hero 09","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A centered hero with a highlighted headline, dual CTAs, social proof, and a fanned collage of three overlapping images.","name":"hero-10","page":"https://ui.flexnative.com/blocks/hero/hero-10","registryDependencies":["button"],"title":"Hero 10","type":"registry:block"},{"dependencies":["react-wrap-balancer","lucide-react"],"description":"A split-copy hero with a light product studio mock — issue feed, properties, and a floating agent panel that fades into the page.","name":"hero-11","page":"https://ui.flexnative.com/blocks/hero/hero-11","registryDependencies":["button","avatar","separator","badge"],"title":"Hero 11","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A full-bleed image hero with an oversized name, an established label, and a floating pill CTA anchored to the corner.","name":"hero-12","page":"https://ui.flexnative.com/blocks/hero/hero-12","registryDependencies":["button"],"title":"Hero 12","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"Asymmetric editorial hero with serif brand title, supporting copy, and two overlapping media frames.","name":"hero-13","page":"https://ui.flexnative.com/blocks/hero/hero-13","title":"Hero 13","type":"registry:block"},{"dependencies":["react-wrap-balancer","lucide-react"],"description":"A centered product hero with dual CTAs, a full-width photo with a floating block-builder demo panel, and a logo strip.","name":"hero-14","page":"https://ui.flexnative.com/blocks/hero/hero-14","registryDependencies":["button"],"title":"Hero 14","type":"registry:block"},{"dependencies":["react-wrap-balancer"],"description":"A directory-style hero with an oversized title, split intro with dual CTAs, and a row of wordmark cards with minimal imagery.","name":"hero-15","page":"https://ui.flexnative.com/blocks/hero/hero-15","registryDependencies":["button"],"title":"Hero 15","type":"registry:block"},{"description":"A single testimonial with quote, avatar, author name and role.","name":"testimonials-01","registryDependencies":["avatar"],"title":"Testimonials 01","type":"registry:block"},{"description":"Only one section open at a time, type=\"single\" collapsible. The default behavior.","name":"accordion-01","registryDependencies":["accordion"],"title":"Basic","type":"registry:block"},{"description":"type=\"multiple\" keeps several sections open at once.","name":"accordion-02","registryDependencies":["accordion"],"title":"Multiple","type":"registry:block"},{"description":"Leading icon beside each trigger label.","name":"accordion-03","registryDependencies":["accordion"],"title":"With icons","type":"registry:block"},{"description":"A titled question-and-answer list.","name":"accordion-04","registryDependencies":["accordion"],"title":"FAQ","type":"registry:block"},{"description":"Each item is a bordered card with spacing between them.","name":"accordion-05","registryDependencies":["accordion"],"title":"Separated cards","type":"registry:block"},{"dependencies":["@base-ui/react"],"description":"Plus icon on each trigger that turns into a minus when open, instead of a chevron.","name":"accordion-06","title":"Plus / minus icon","type":"registry:block"},{"dependencies":["@base-ui/react"],"description":"Rotating chevron placed before the label instead of after it.","name":"accordion-07","title":"Left chevron","type":"registry:block"},{"description":"Lists, links, and a button inside the panel body.","name":"accordion-09","registryDependencies":["accordion","button"],"title":"Rich content","type":"registry:block"},{"description":"One trigger disabled while the others stay interactive.","name":"accordion-10","registryDependencies":["accordion"],"title":"Disabled item","type":"registry:block"},{"description":"An accordion rendered inside another panel body.","name":"accordion-11","registryDependencies":["accordion"],"title":"Nested","type":"registry:block"},{"description":"Borderless minimal rows with an active color on open.","name":"accordion-12","registryDependencies":["accordion"],"title":"Ghost","type":"registry:block"},{"description":"Each trigger sits on a muted, rounded background.","name":"accordion-13","registryDependencies":["accordion"],"title":"Filled trigger","type":"registry:block"},{"description":"Controlled value with expand-all / collapse-all buttons.","name":"accordion-14","registryDependencies":["accordion","button"],"title":"Expand all","type":"registry:block"},{"description":"Grouped switch rows revealed inside each panel.","name":"accordion-15","registryDependencies":["accordion","switch","label"],"title":"Settings sections","type":"registry:block"},{"description":"Two-line trigger pairing a title with helper text.","name":"accordion-16","registryDependencies":["accordion"],"title":"With subtitle","type":"registry:block"},{"description":"Image avatar with an initials fallback.","name":"avatar-01","registryDependencies":["avatar"],"title":"Basic","type":"registry:block"},{"description":"Missing image falls back to initials.","name":"avatar-02","registryDependencies":["avatar"],"title":"Fallback initials","type":"registry:block"},{"description":"Generic user icon when there is no image or name.","name":"avatar-03","registryDependencies":["avatar"],"title":"Icon fallback","type":"registry:block"},{"description":"Small, default, and large sizes side-by-side.","name":"avatar-04","registryDependencies":["avatar"],"title":"Sizes","type":"registry:block"},{"description":"Tinted initials fallbacks using semantic tokens.","name":"avatar-05","registryDependencies":["avatar"],"title":"Colored fallback","type":"registry:block"},{"description":"Presence dot in the corner showing online, away, or offline.","name":"avatar-06","registryDependencies":["avatar"],"title":"Status badge","type":"registry:block"},{"description":"Verified check icon inside the AvatarBadge.","name":"avatar-07","registryDependencies":["avatar"],"title":"Badge with icon","type":"registry:block"},{"description":"Avatar beside a name and email, forming a user row.","name":"avatar-08","registryDependencies":["avatar"],"title":"With name","type":"registry:block"},{"description":"Overlapping AvatarGroup stack of members.","name":"avatar-09","registryDependencies":["avatar"],"title":"Group","type":"registry:block"},{"description":"Overlapping group with a +N count for the remaining members.","name":"avatar-10","registryDependencies":["avatar"],"title":"Group with count","type":"registry:block"},{"description":"Hover each avatar in the group to reveal its name.","name":"avatar-11","registryDependencies":["avatar","tooltip"],"title":"Group with tooltip","type":"registry:block"},{"description":"Skeleton placeholder while the avatar loads.","name":"avatar-12","registryDependencies":["skeleton"],"title":"Loading skeleton","type":"registry:block"},{"description":"Icon badge pinned to the top-right corner.","name":"avatar-13","registryDependencies":["avatar"],"title":"Icon on top","type":"registry:block"},{"description":"A single default badge.","name":"badge-01","registryDependencies":["badge"],"title":"Basic","type":"registry:block"},{"description":"All six variants side-by-side: default, secondary, destructive, outline, ghost, link.","name":"badge-02","registryDependencies":["badge"],"title":"Variants","type":"registry:block"},{"description":"Leading verified icon before the label.","name":"badge-03","registryDependencies":["badge"],"title":"With icon","type":"registry:block"},{"description":"A colored presence dot beside an outline label.","name":"badge-04","registryDependencies":["badge"],"title":"With status dot","type":"registry:block"},{"description":"Tinted success, warning, error, and info states.","name":"badge-05","registryDependencies":["badge"],"title":"Status colors","type":"registry:block"},{"description":"Pill-shaped numeric counts with tabular figures.","name":"badge-06","registryDependencies":["badge"],"title":"Count","type":"registry:block"},{"description":"render prop renders the badge as an anchor with a trailing icon.","name":"badge-07","registryDependencies":["badge"],"title":"As link","type":"registry:block"},{"description":"Dismissible tag chips with a trailing remove button.","name":"badge-08","registryDependencies":["badge"],"title":"Removable","type":"registry:block"},{"description":"Assignee chip with a leading avatar inside the badge.","name":"badge-09","registryDependencies":["badge","avatar"],"title":"With avatar","type":"registry:block"},{"description":"Small, default, and large sizes via className.","name":"badge-10","registryDependencies":["badge"],"title":"Sizes","type":"registry:block"},{"description":"Up and down arrows with tinted gain / loss percentages.","name":"badge-11","registryDependencies":["badge"],"title":"Trend delta","type":"registry:block"},{"description":"Round icon-only badges across variants.","name":"badge-12","registryDependencies":["badge"],"title":"Icon only","type":"registry:block"},{"description":"A wrapping group of outline badges as tags.","name":"badge-13","registryDependencies":["badge"],"title":"Tag list","type":"registry:block"},{"description":"Icon, message, and a subtle bordered surface.","name":"banner-01","title":"Basic","type":"registry:block"},{"description":"Info, success, warning, and error tones stacked.","name":"banner-02","title":"Variants","type":"registry:block"},{"description":"A close button hides the banner with a restore link.","name":"banner-03","registryDependencies":["button"],"title":"Dismissible","type":"registry:block"},{"description":"Message paired with Later and Update now buttons.","name":"banner-04","registryDependencies":["button"],"title":"With actions","type":"registry:block"},{"description":"Full-width gradient promo with a New tag and arrow.","name":"banner-06","title":"Announcement bar","type":"registry:block"},{"description":"Collapsible release notes that reveal highlights.","name":"banner-07","registryDependencies":["button"],"title":"Expandable","type":"registry:block"},{"description":"Amber system notice with a pulsing status dot.","name":"banner-09","title":"Maintenance","type":"registry:block"},{"description":"Blue prompt with a Resend email button that switches to a sent confirmation.","name":"banner-11","registryDependencies":["button"],"title":"Email verification","type":"registry:block"},{"description":"A list of dismissible notices, each removed on its own.","name":"banner-12","registryDependencies":["button"],"title":"Stacked","type":"registry:block"},{"description":"Live import banner with a spinner and a progress bar.","name":"banner-14","registryDependencies":["button","progress"],"title":"With progress","type":"registry:block"},{"description":"Links with a current page and chevron separators.","name":"breadcrumb-01","registryDependencies":["breadcrumb"],"title":"Basic","type":"registry:block"},{"description":"Each crumb prefixed with a small icon, such as a house, folder, or file.","name":"breadcrumb-02","registryDependencies":["breadcrumb"],"title":"With icons","type":"registry:block"},{"description":"Swap the chevron for a slash via separator children.","name":"breadcrumb-03","registryDependencies":["breadcrumb"],"title":"Custom separator","type":"registry:block"},{"description":"Lighter middle dot divider between crumbs.","name":"breadcrumb-04","registryDependencies":["breadcrumb"],"title":"Dot separator","type":"registry:block"},{"description":"Middle levels replaced by a static ellipsis icon, showing only the first and last crumbs.","name":"breadcrumb-05","registryDependencies":["breadcrumb"],"title":"With ellipsis","type":"registry:block"},{"description":"Ghost icon Button opens a menu of the hidden levels.","name":"breadcrumb-06","registryDependencies":["breadcrumb","dropdown-menu","button"],"title":"With dropdown","type":"registry:block"},{"description":"Dropdown on small screens, full inline path from sm up.","name":"breadcrumb-07","registryDependencies":["breadcrumb","dropdown-menu","button"],"title":"Responsive collapse","type":"registry:block"},{"description":"Breadcrumb links that open in a new tab, with an external-link icon on the outbound crumb.","name":"breadcrumb-08","registryDependencies":["breadcrumb"],"title":"As link","type":"registry:block"},{"description":"Last crumb is a Button switcher for sibling pages.","name":"breadcrumb-09","registryDependencies":["breadcrumb","dropdown-menu","button"],"title":"Dropdown at end","type":"registry:block"},{"description":"Default button with text label.","name":"button-01","registryDependencies":["button"],"title":"Basic","type":"registry:block"},{"description":"All six variants side-by-side: default, secondary, outline, ghost, destructive, link.","name":"button-02","registryDependencies":["button"],"title":"Variants","type":"registry:block"},{"description":"Extra small, small, default, and large sizes.","name":"button-03","registryDependencies":["button"],"title":"Sizes","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Button with an icon placed before the text label.","name":"button-04","registryDependencies":["button"],"title":"With leading icon","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Button with an icon placed after the text label.","name":"button-05","registryDependencies":["button"],"title":"With trailing icon","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Square icon-only buttons in every icon size.","name":"button-06","registryDependencies":["button"],"title":"Icon only","type":"registry:block"},{"description":"Button in the disabled state, visually dimmed and non-interactive.","name":"button-07","registryDependencies":["button"],"title":"Disabled","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Button with a spinning loader icon and label, indicating an in-progress async action.","name":"button-08","registryDependencies":["button"],"title":"Loading","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Link-styled button that navigates to an external URL, rendered as an anchor with a trailing external-link icon.","name":"button-09","registryDependencies":["button"],"title":"As link","type":"registry:block"},{"description":"User picker style button with a small avatar image leading the text label.","name":"button-10","registryDependencies":["button","avatar"],"title":"With avatar","type":"registry:block"},{"dependencies":["lucide-react"],"description":"CTA arrow nudges right on hover.","name":"button-11","registryDependencies":["button"],"title":"Hover slide arrow","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Notification count badge overlapping an icon button.","name":"button-12","registryDependencies":["button","badge"],"title":"With badge","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Icon and label swap to a check on copy.","name":"button-13","registryDependencies":["button"],"title":"Copy to clipboard","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Refresh button whose icon rotates a full 360° on each click.","name":"button-14","registryDependencies":["button"],"title":"Hover rotate refresh","type":"registry:block"},{"description":"Three bars morph into an X on press.","name":"button-15","registryDependencies":["button"],"title":"Hamburger toggle","type":"registry:block"},{"description":"Horizontal row of buttons with merged borders, used for segmented controls like date range pickers.","name":"button-16","registryDependencies":["button","button-group"],"title":"Basic group","type":"registry:block"},{"description":"Stacked column of buttons with merged borders, used for vertical navigation menus.","name":"button-17","registryDependencies":["button","button-group"],"title":"Vertical group","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Compact toolbar of icon-only buttons with merged borders, used for text formatting actions.","name":"button-18","registryDependencies":["button","button-group"],"title":"Icon toolbar","type":"registry:block"},{"description":"Static text label leading a group of action buttons, useful for labelled sort or filter controls.","name":"button-20","registryDependencies":["button","button-group"],"title":"With label prefix","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Primary action button paired with a chevron that opens a dropdown of secondary actions.","name":"button-21","registryDependencies":["button","button-group","dropdown-menu"],"title":"Split button","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Prev arrow, numbered page buttons, and Next arrow in a merged-border row.","name":"button-22","registryDependencies":["button","button-group"],"title":"Pagination","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Read-only text value paired with a trailing icon button that copies it to the clipboard, with an animated check on success.","name":"button-23","registryDependencies":["button","button-group"],"title":"Copy field","type":"registry:block"},{"description":"Merged-border button row where one step is visually disabled and non-interactive.","name":"button-24","registryDependencies":["button","button-group"],"title":"Group with disabled","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Cancel + Delete spaced action pair.","name":"button-25","registryDependencies":["button"],"title":"Destructive pair","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Sort dropdown paired with a direction-toggle icon button in a merged-border row.","name":"button-26","registryDependencies":["button","button-group","select"],"title":"With select","type":"registry:block"},{"description":"Color swatch button that opens a grid of color swatches, paired with a hex value label in a merged-border row.","name":"button-27","registryDependencies":["button","button-group","popover"],"title":"With popover swatch","type":"registry:block"},{"description":"Header, action, content, and a bordered footer.","name":"card-01","registryDependencies":["card","button"],"title":"Basic","type":"registry:block"},{"description":"Top media banner above title, body, and a CTA footer.","name":"card-02","registryDependencies":["card","button"],"title":"With image","type":"registry:block"},{"description":"Image on the left beside a category, title, and link.","name":"card-03","registryDependencies":["card","button","badge"],"title":"Horizontal","type":"registry:block"},{"description":"Three-dot icon button in the header corner opens a dropdown with rename, share, and delete options.","name":"card-04","registryDependencies":["card","button","dropdown-menu"],"title":"With action menu","type":"registry:block"},{"description":"KPI value with an icon and a tinted trend badge.","name":"card-05","registryDependencies":["card","badge"],"title":"Stat","type":"registry:block"},{"description":"Email and password fields with sign-in and OAuth buttons.","name":"card-06","registryDependencies":["card","button","field","input"],"title":"Login form","type":"registry:block"},{"description":"A footer button launches a modal with subscription detail.","name":"card-07","registryDependencies":["card","button","dialog"],"title":"Opens in dialog","type":"registry:block"},{"description":"Centered avatar, stats row, and follow / message actions.","name":"card-08","registryDependencies":["card","button","avatar","separator"],"title":"Profile","type":"registry:block"},{"description":"Highlighted plan with a Popular badge and feature checklist.","name":"card-09","registryDependencies":["card","button","badge"],"title":"Pricing","type":"registry:block"},{"description":"Square image with a sale badge, price, and add-to-cart.","name":"card-10","registryDependencies":["card","button","badge"],"title":"Product","type":"registry:block"},{"description":"Horizontal field rows each toggled with a switch.","name":"card-11","registryDependencies":["card","switch","field"],"title":"Notification settings","type":"registry:block"},{"description":"Clickable plan cards with a ring and check on the active one.","name":"card-12","registryDependencies":["card"],"title":"Selectable","type":"registry:block"},{"description":"Text and a CTA over a gradient-darkened cover image.","name":"card-13","registryDependencies":["card","button","badge"],"title":"Image overlay","type":"registry:block"},{"description":"Name on card, card number with icon, expiry, CVC, and country select fields with a pay button.","name":"card-14","registryDependencies":["card","button","field","input","input-group","select"],"title":"Payment form","type":"registry:block"},{"description":"Single checkbox with a label.","name":"checkbox-01","registryDependencies":["checkbox","label"],"title":"Basic","type":"registry:block"},{"description":"Checkbox with a label and helper description.","name":"checkbox-02","registryDependencies":["checkbox","field"],"title":"With description","type":"registry:block"},{"description":"Disabled unchecked and disabled checked states.","name":"checkbox-03","registryDependencies":["checkbox","label"],"title":"Disabled","type":"registry:block"},{"description":"Grouped list of notification checkboxes, each with a label and helper description, inside a labelled fieldset.","name":"checkbox-04","registryDependencies":["checkbox","field"],"title":"Group","type":"registry:block"},{"description":"Parent checkbox with an indeterminate mixed state.","name":"checkbox-06","registryDependencies":["checkbox","label"],"title":"Select all","type":"registry:block"},{"description":"Multi-level file tree; parents derive checked / indeterminate from children.","name":"checkbox-07","registryDependencies":["checkbox","label"],"title":"Nested tree","type":"registry:block"},{"description":"Bordered add-on cards that highlight when checked.","name":"checkbox-08","registryDependencies":["checkbox","field"],"title":"Choice cards","type":"registry:block"},{"description":"Selectable saved credit cards with brand and last four.","name":"checkbox-09","registryDependencies":["checkbox","field"],"title":"Payment methods","type":"registry:block"},{"description":"Data table with a select-all header, per-row checkboxes, and a count.","name":"checkbox-10","registryDependencies":["checkbox","table"],"title":"Table row selection","type":"registry:block"},{"dependencies":["sonner"],"description":"Checkbox with an inline error message that appears when the form is submitted without checking it.","name":"checkbox-11","registryDependencies":["checkbox","field","button"],"title":"Invalid / required","type":"registry:block"},{"dependencies":["react-hook-form","zod","@hookform/resolvers","sonner"],"description":"Controller binds a checkbox group to React Hook Form; Zod requires at least one selection.","name":"checkbox-12","registryDependencies":["checkbox","field","button"],"title":"React Hook Form + Zod","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"form.Field wires a checkbox group to TanStack Form; Zod validates on submit and shows an error when none are selected.","name":"checkbox-13","registryDependencies":["checkbox","field","button"],"title":"TanStack Form + Zod","type":"registry:block"},{"description":"Canonical starred-repos toggle with a chevron trigger.","name":"collapsible-01","registryDependencies":["collapsible","button"],"title":"Basic","type":"registry:block"},{"description":"Stacked question rows; each answer expands with an animated chevron.","name":"collapsible-02","registryDependencies":["collapsible"],"title":"FAQ list","type":"registry:block"},{"description":"Nested folders built from collapsible rows, with folder icons that swap on open.","name":"collapsible-03","registryDependencies":["collapsible"],"title":"File tree","type":"registry:block"},{"description":"Truncated paragraph reveals the rest; trigger label swaps to Show less.","name":"collapsible-04","registryDependencies":["collapsible"],"title":"Read more","type":"registry:block"},{"description":"Collapsible navigation sections with sub-items and a rotating chevron.","name":"collapsible-05","registryDependencies":["collapsible"],"title":"Sidebar nav group","type":"registry:block"},{"description":"Form reveals extra fields behind an Advanced options toggle.","name":"collapsible-06","registryDependencies":["collapsible","input","label"],"title":"Advanced options","type":"registry:block"},{"description":"Canonical command menu with grouped items, icons, and shortcuts.","name":"command-01","registryDependencies":["command"],"title":"Basic","type":"registry:block"},{"description":"Spotlight-style ⌘K palette toggled by a button or keyboard shortcut.","name":"command-02","registryDependencies":["command","button","dialog"],"title":"Command dialog","type":"registry:block"},{"description":"Rich search dialog with recent, pages, and people plus a hint footer.","name":"command-03","registryDependencies":["command","button","dialog","avatar"],"title":"Global search","type":"registry:block"},{"description":"Debounced search with skeleton rows while loading, an empty state, and shouldFilter disabled for server-driven results.","name":"command-04","registryDependencies":["command"],"title":"Async loading","type":"registry:block"},{"description":"Popover + Command framework picker with a check mark.","name":"command-05","registryDependencies":["popover","command","button"],"title":"Combobox","type":"registry:block"},{"description":"Selected value shows an inline X that clears without reopening.","name":"command-06","registryDependencies":["popover","command","button"],"title":"Combobox with clear","type":"registry:block"},{"description":"Multi-select showing every choice as a removable badge chip in the trigger.","name":"command-07","registryDependencies":["popover","command","button","badge"],"title":"Multiple — chips","type":"registry:block"},{"description":"Trigger shows \"first, +N\" with a separate button to clear all.","name":"command-14","registryDependencies":["popover","command","button"],"title":"Multiple — count summary","type":"registry:block"},{"description":"Dashed trigger with count badges, checkbox rows, facet counts, and a clear footer.","name":"command-15","registryDependencies":["popover","command","button","badge","separator"],"title":"Multiple — faceted filter","type":"registry:block"},{"description":"Options split into labeled groups with separators, demonstrated with timezones organized by region.","name":"command-08","registryDependencies":["popover","command","button"],"title":"Grouped picker","type":"registry:block"},{"description":"Avatars with name and email subtext in the trigger and options.","name":"command-09","registryDependencies":["popover","command","button","avatar"],"title":"Assignee picker","type":"registry:block"},{"description":"Ghost trigger with a colored status dot, issue-tracker style.","name":"command-10","registryDependencies":["popover","command","button"],"title":"Status picker","type":"registry:block"},{"description":"Combobox composed with an accessible field Label.","name":"command-11","registryDependencies":["popover","command","button","label"],"title":"With label","type":"registry:block"},{"dependencies":["react-hook-form","zod","@hookform/resolvers","sonner"],"description":"Controller binds the combobox to RHF; Zod resolver drives FieldError on submit.","name":"command-12","registryDependencies":["popover","command","button","field"],"title":"React Hook Form + Zod","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"form.Field wires the combobox; Zod onSubmit validator surfaces FieldError when touched.","name":"command-13","registryDependencies":["popover","command","button","field"],"title":"TanStack Form + Zod","type":"registry:block"},{"description":"Polished yes/no with icon and clear hierarchy.","name":"dialog-01","registryDependencies":["dialog","button"],"title":"Confirm action","type":"registry:block"},{"description":"FieldGroup form with Save and Cancel footer.","name":"dialog-02","registryDependencies":["dialog","button","input","field"],"title":"Edit profile","type":"registry:block"},{"description":"Destructive warning with icon and emphasized copy.","name":"dialog-03","registryDependencies":["dialog","button"],"title":"Delete account","type":"registry:block"},{"description":"Long scroll body; Accept and Decline pinned footer.","name":"dialog-04","registryDependencies":["dialog","button","separator"],"title":"Terms, sticky footer","type":"registry:block"},{"description":"Readonly URL with copy control; minimal footer.","name":"dialog-05","registryDependencies":["dialog","button","input","label"],"title":"Share link","type":"registry:block"},{"description":"Header fixed; scrollable changelog-style body.","name":"dialog-06","registryDependencies":["dialog","button","badge"],"title":"Sticky header","type":"registry:block"},{"dependencies":["input-otp"],"description":"6-digit InputOTP with separator; Verify footer.","name":"dialog-08","registryDependencies":["dialog","button","input-otp","field"],"title":"Verify code (OTP)","type":"registry:block"},{"description":"Compact hero image, title, and description; dual CTAs.","name":"dialog-09","registryDependencies":["dialog","button"],"title":"Onboarding welcome","type":"registry:block"},{"description":"No corner close button; dismiss only through the footer.","name":"dialog-10","registryDependencies":["dialog","button"],"title":"Footer-only dismiss","type":"registry:block"},{"description":"Scrollable avatar rows with selection; Invite footer.","name":"dialog-11","registryDependencies":["dialog","button","avatar"],"title":"Pick teammates","type":"registry:block"},{"description":"Completion check icon and Continue action.","name":"dialog-12","registryDependencies":["dialog","button"],"title":"Success","type":"registry:block"},{"description":"Type delete to enable destructive button.","name":"dialog-13","registryDependencies":["dialog","button","input","field"],"title":"Type to confirm","type":"registry:block"},{"description":"Notifications and Security blocks via Separator.","name":"dialog-14","registryDependencies":["dialog","button","separator","switch"],"title":"Settings sections","type":"registry:block"},{"description":"Thumbnail grid with selection ring.","name":"dialog-15","registryDependencies":["dialog","button"],"title":"Choose image","type":"registry:block"},{"description":"Icon header plus email field.","name":"dialog-16","registryDependencies":["dialog","button","input","field"],"title":"Invite team","type":"registry:block"},{"description":"Many fields in scroll; footer-only sticky.","name":"dialog-17","registryDependencies":["dialog","button","input","field","textarea"],"title":"Long form, sticky footer","type":"registry:block"},{"description":"Full-width footer buttons for mobile-friendly CTAs.","name":"dialog-18","registryDependencies":["dialog","button"],"title":"Stacked actions","type":"registry:block"},{"dependencies":["react-hook-form","zod","@hookform/resolvers","sonner"],"description":"Dialog form with RHF, Zod resolver, and FieldError on invalid fields.","name":"dialog-19","registryDependencies":["dialog","button","field","input","select"],"title":"React Hook Form","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"Dialog form with TanStack Form and Zod onSubmit validation.","name":"dialog-20","registryDependencies":["dialog","button","field","input","select"],"title":"TanStack Form","type":"registry:block"},{"description":"Dialog stacked inside another dialog, e.g. avatar picker from profile.","name":"dialog-21","registryDependencies":["dialog","button","field","input"],"title":"Nested dialog","type":"registry:block"},{"description":"Dialog triggered by a DropdownMenuItem with onSelect preventDefault.","name":"dialog-22","registryDependencies":["dialog","button","dropdown-menu","field","input"],"title":"From dropdown","type":"registry:block"},{"description":"Label, separator, and a list of action items.","name":"dropdown-01","registryDependencies":["dropdown-menu","button"],"title":"Basic","type":"registry:block"},{"description":"Leading icons paired with trailing keyboard shortcuts.","name":"dropdown-02","registryDependencies":["dropdown-menu","button"],"title":"With icons and shortcuts","type":"registry:block"},{"description":"Multiple labeled groups divided by separators.","name":"dropdown-03","registryDependencies":["dropdown-menu","button"],"title":"Grouped","type":"registry:block"},{"description":"A red destructive Delete action separated from the regular items.","name":"dropdown-04","registryDependencies":["dropdown-menu","button"],"title":"Destructive item","type":"registry:block"},{"description":"Non-interactive items dimmed with the disabled prop.","name":"dropdown-05","registryDependencies":["dropdown-menu","button"],"title":"Disabled items","type":"registry:block"},{"description":"Toggle multiple view options with checkbox items.","name":"dropdown-06","registryDependencies":["dropdown-menu","button"],"title":"Checkbox items","type":"registry:block"},{"description":"Radio items that keep exactly one option selected at a time.","name":"dropdown-07","registryDependencies":["dropdown-menu","button"],"title":"Radio group","type":"registry:block"},{"description":"A menu item that reveals a nested flyout panel with more options.","name":"dropdown-08","registryDependencies":["dropdown-menu","button"],"title":"Submenu","type":"registry:block"},{"description":"Avatar trigger with a name and email header block.","name":"dropdown-09","registryDependencies":["dropdown-menu","avatar"],"title":"Account menu","type":"registry:block"},{"description":"Ghost ellipsis trigger opens a compact actions menu.","name":"dropdown-10","registryDependencies":["dropdown-menu","button"],"title":"Icon button actions","type":"registry:block"},{"description":"Per-row ellipsis menu with edit, copy, and remove.","name":"dropdown-11","registryDependencies":["dropdown-menu","button","table"],"title":"Table row actions","type":"registry:block"},{"description":"Align start or end and open the menu to the side.","name":"dropdown-12","registryDependencies":["dropdown-menu","button"],"title":"Sides and alignment","type":"registry:block"},{"description":"Menu whose open/closed state is managed externally and reflected in the trigger label.","name":"dropdown-13","registryDependencies":["dropdown-menu","button"],"title":"Controlled open","type":"registry:block"},{"description":"Radio group toggling light, dark, and system themes.","name":"dropdown-14","registryDependencies":["dropdown-menu","button"],"title":"Theme switcher","type":"registry:block"},{"description":"Checkbox items with a count badge and a clear action.","name":"dropdown-15","registryDependencies":["dropdown-menu","button","badge"],"title":"Multi-select filter","type":"registry:block"},{"description":"Bell trigger with an unread badge and an activity list.","name":"dropdown-16","registryDependencies":["dropdown-menu","button","badge"],"title":"Notifications","type":"registry:block"},{"description":"A menu item opens a controlled confirmation dialog.","name":"dropdown-17","registryDependencies":["dropdown-menu","button","dialog"],"title":"With dialog","type":"registry:block"},{"dependencies":["react-hook-form","zod","@hookform/resolvers","sonner"],"description":"Controller binds a radio group to RHF; Zod requires a selection.","name":"dropdown-18","registryDependencies":["dropdown-menu","button","field"],"title":"React Hook Form + Zod","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"form.Field wires the radio group; Zod onSubmit surfaces FieldError.","name":"dropdown-19","registryDependencies":["dropdown-menu","button","field"],"title":"TanStack Form + Zod","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Icon, title, and description for an empty list.","name":"empty-01","registryDependencies":["empty"],"title":"Basic","type":"registry:block"},{"dependencies":["lucide-react"],"description":"First-run state with primary and secondary CTAs.","name":"empty-02","registryDependencies":["empty","button"],"title":"With actions","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Search empty state with a clear-filters action.","name":"empty-03","registryDependencies":["empty","button"],"title":"No results","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Bordered empty team card with an avatar stack and invite.","name":"empty-04","registryDependencies":["empty","avatar","button"],"title":"Avatar group","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Empty inbox state composed inside a Dialog.","name":"empty-05","registryDependencies":["empty","dialog","button"],"title":"In dialog","type":"registry:block"},{"description":"Plain text input with a placeholder, no addons.","name":"input-01","registryDependencies":["input","label"],"title":"Basic","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Input with trailing search icon addon.","name":"input-02","registryDependencies":["input"],"title":"With Addon","type":"registry:block"},{"description":"Text input rendered in a disabled, non-interactive state.","name":"input-03","registryDependencies":["input"],"title":"Disabled","type":"registry:block"},{"description":"Password input with a trailing eye-off icon to indicate visibility toggle.","name":"input-04","registryDependencies":["input"],"title":"With Addon in the end","type":"registry:block"},{"description":"URL input with a fixed \"https://\" prefix and \".com\" suffix text addons.","name":"input-05","registryDependencies":["input-group"],"title":"With prefix and suffix","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Spinning loader in the trailing addon while searching.","name":"input-06","registryDependencies":["input-group"],"title":"With loading spinner","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Clear button appears in the trailing addon when the field has text.","name":"input-07","registryDependencies":["input-group","button"],"title":"With clear button","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Help icon in the trailing addon opens a tooltip on hover.","name":"input-08","registryDependencies":["input-group","button","tooltip"],"title":"With tooltip","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Info button in the trailing addon opens a popover with helper content.","name":"input-09","registryDependencies":["input-group","button","popover"],"title":"With popover","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Trailing addon button opens a menu to choose search scope.","name":"input-10","registryDependencies":["input-group","button","dropdown-menu"],"title":"With dropdown menu","type":"registry:block"},{"description":"Labeled text input with a supporting description line below the field.","name":"input-11","registryDependencies":["input","field"],"title":"In Form","type":"registry:block"},{"dependencies":["react-hook-form","zod","@hookform/resolvers","sonner"],"description":"Controller binds Input to RHF; Zod resolver drives FieldError on submit.","name":"input-12","registryDependencies":["input","field","button"],"title":"React Hook Form + Zod","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"form.Field wires Input; Zod onSubmit validator surfaces FieldError when touched.","name":"input-13","registryDependencies":["input","field","button"],"title":"TanStack Form + Zod","type":"registry:block"},{"dependencies":["lucide-react"],"description":"ButtonGroup pairs a text input with a trailing search action button.","name":"input-14","registryDependencies":["input","button","button-group"],"title":"With search button","type":"registry:block"},{"description":"Username field with a fixed @company.com suffix addon, locking the email domain.","name":"input-16","registryDependencies":["input-group"],"title":"With email domain","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Nested ButtonGroup: currency Select, amount input, and submit icon button.","name":"input-15","registryDependencies":["input","button","button-group","select"],"title":"With currency select","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Attach button plus InputGroup message field and send action in a ButtonGroup.","name":"input-17","registryDependencies":["input-group","button","button-group"],"title":"With nested input group","type":"registry:block"},{"description":"Title plus supporting description.","name":"item-02","registryDependencies":["item"],"title":"Basic","type":"registry:block"},{"description":"Default, outline, and muted variants side-by-side.","name":"item-03","registryDependencies":["item"],"title":"Variants","type":"registry:block"},{"description":"Default, sm, and xs sizes side-by-side.","name":"item-04","registryDependencies":["item"],"title":"Sizes","type":"registry:block"},{"description":"Leading icon placed before the title and description.","name":"item-05","registryDependencies":["item"],"title":"With icon","type":"registry:block"},{"description":"User avatar photo placed before the name and subtitle.","name":"item-06","registryDependencies":["item","avatar"],"title":"With avatar","type":"registry:block"},{"description":"Small image thumbnail placed before the title and subtitle.","name":"item-07","registryDependencies":["item"],"title":"With thumbnail","type":"registry:block"},{"description":"Avatar, name, role, and a trailing action button.","name":"item-08","registryDependencies":["item","button"],"title":"With actions","type":"registry:block"},{"description":"Status badge above the title and a metadata row below the description.","name":"item-09","registryDependencies":["item","badge"],"title":"Header and footer","type":"registry:block"},{"description":"The entire row is clickable, navigating to a URL with a trailing arrow icon.","name":"item-10","registryDependencies":["item"],"title":"As link","type":"registry:block"},{"description":"Multiple rows grouped together with thin dividers between each row.","name":"item-11","registryDependencies":["item"],"title":"Group","type":"registry:block"},{"description":"Avatars with name, role, and Follow action per row.","name":"item-12","registryDependencies":["item","avatar","button"],"title":"User list","type":"registry:block"},{"description":"Leading icon, title with an unread dot indicator, and a trailing timestamp.","name":"item-13","registryDependencies":["item"],"title":"Notifications","type":"registry:block"},{"description":"File icon, name, size metadata, and a trailing overflow menu with actions per row.","name":"item-14","registryDependencies":["item","button","dropdown-menu"],"title":"File list","type":"registry:block"},{"description":"Title and description with a trailing Switch.","name":"item-15","registryDependencies":["item","switch"],"title":"Settings row","type":"registry:block"},{"description":"Brand icon, status badge in title, connect Switch.","name":"item-16","registryDependencies":["item","switch","badge"],"title":"Integrations","type":"registry:block"},{"description":"Stacked KPI rows with label, value, and trend delta.","name":"item-17","registryDependencies":["item"],"title":"Stat rows","type":"registry:block"},{"description":"Stacked tier rows with Popular badge, price, and CTA button.","name":"item-18","registryDependencies":["item","badge","button"],"title":"Pricing tiers","type":"registry:block"},{"description":"Icon timeline rows with relative time footer.","name":"item-19","registryDependencies":["item"],"title":"Activity feed","type":"registry:block"},{"description":"Compact user avatar and email placed at the top of a dropdown menu.","name":"item-20","registryDependencies":["item","avatar","button","dropdown-menu"],"title":"In dropdown menu","type":"registry:block"},{"description":"File rows with image thumbnails displayed inside a floating popover panel.","name":"item-21","registryDependencies":["item","popover","button"],"title":"In popover","type":"registry:block"},{"description":"Overlapping avatar stack above an empty-state message with an invite button.","name":"item-24","registryDependencies":["item","avatar","button"],"title":"Empty team","type":"registry:block"},{"description":"Numbers with ellipsis, previous, and next links.","name":"pagination-01","registryDependencies":["pagination"],"title":"Basic","type":"registry:block"},{"description":"Inline numbers from sm up, \"Page X of Y\" on mobile.","name":"pagination-02","registryDependencies":["pagination"],"title":"Compact","type":"registry:block"},{"description":"Stateful current page with a sliding ellipsis range.","name":"pagination-03","registryDependencies":["pagination"],"title":"Interactive window","type":"registry:block"},{"description":"Page-size select with first, prev, next, and last.","name":"pagination-04","registryDependencies":["button","select"],"title":"Rows per page","type":"registry:block"},{"description":"Showing 1–10 of 97 alongside the page controls.","name":"pagination-05","registryDependencies":["pagination"],"title":"Results summary","type":"registry:block"},{"description":"Two linked cards with titles for adjacent articles.","name":"pagination-06","title":"Article prev / next","type":"registry:block"},{"description":"Carousel-style dots; the active page expands to a pill.","name":"pagination-07","title":"Dots","type":"registry:block"},{"description":"Numeric input to jump directly to any page.","name":"pagination-08","registryDependencies":["button","input"],"title":"Jump to page","type":"registry:block"},{"description":"Default popover with a button trigger and simple text.","name":"popover-01","registryDependencies":["popover","button"],"title":"Basic","type":"registry:block"},{"description":"Popover with a bold title and a short description below it.","name":"popover-02","registryDependencies":["popover","button"],"title":"With header","type":"registry:block"},{"description":"Place the popover on top, right, bottom, or left of the trigger.","name":"popover-03","registryDependencies":["popover","button"],"title":"Sides","type":"registry:block"},{"description":"Align the content to the start, center, or end of the trigger.","name":"popover-04","registryDependencies":["popover","button"],"title":"Alignment","type":"registry:block"},{"description":"Override the default width via className on PopoverContent.","name":"popover-05","registryDependencies":["popover","button"],"title":"Custom width","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Form with inline labeled inputs for width, max-width, height, and max-height.","name":"popover-06","registryDependencies":["popover","button","field","input"],"title":"Dimensions form","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Switches with labels and descriptions inside the popover.","name":"popover-07","registryDependencies":["popover","button","field","switch"],"title":"Notification settings","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Swatch grid with a check icon on the active color.","name":"popover-08","registryDependencies":["popover","button"],"title":"Color picker","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Readonly URL input with a trailing copy button.","name":"popover-09","registryDependencies":["popover","button","input-group"],"title":"Share link","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Notification rows with an icon, message text, timestamp, and unread indicator dot.","name":"popover-10","registryDependencies":["popover","button","badge","item","separator"],"title":"Notifications list","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Banner image, avatar, bio, and follow / message actions.","name":"popover-11","registryDependencies":["popover","button","avatar"],"title":"Profile card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Thumbnail grid with a selection ring for choosing a cover image.","name":"popover-12","registryDependencies":["popover","button"],"title":"Cover picker","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Grouped toggle button filters for status and priority, with reset and apply actions.","name":"popover-13","registryDependencies":["popover","button","badge","field","separator","toggle-group"],"title":"Filters","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Scrollable list of team members with avatars and roles inside a fixed-height popover.","name":"popover-14","registryDependencies":["popover","button","avatar","scroll-area","separator"],"title":"Scrollable list","type":"registry:block"},{"description":"Minimal single-value dropdown with a placeholder and a flat list of options.","name":"select-01","registryDependencies":["select","label"],"title":"Basic","type":"registry:block"},{"description":"Options organized into labeled groups.","name":"select-02","registryDependencies":["select","label"],"title":"Grouped","type":"registry:block"},{"description":"Non-interactive select state.","name":"select-03","registryDependencies":["select"],"title":"Disabled","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Options with leading icons.","name":"select-04","registryDependencies":["select"],"title":"With Icons","type":"registry:block"},{"description":"Each option shows a bold label and a muted description sub-line; the trigger displays the full two-line item when selected.","name":"select-05","registryDependencies":["select"],"title":"With Object","type":"registry:block"},{"description":"Options show a bold label and a muted description sub-line; the trigger shows only the label after selection.","name":"select-06","registryDependencies":["select"],"title":"With description only items","type":"registry:block"},{"description":"Select with individual disabled options.","name":"select-07","registryDependencies":["select"],"title":"Disabled Items","type":"registry:block"},{"description":"User picker with avatars in trigger and options.","name":"select-08","registryDependencies":["select","avatar"],"title":"With Avatar","type":"registry:block"},{"description":"Muted background and custom border on the trigger.","name":"select-09","registryDependencies":["select"],"title":"Custom Border & Background","type":"registry:block"},{"description":"Accessible field label linked to the select trigger.","name":"select-10","registryDependencies":["select","label"],"title":"With Label","type":"registry:block"},{"description":"Select composed with Field, FieldLabel, and description.","name":"select-11","registryDependencies":["select","field"],"title":"In Form","type":"registry:block"},{"dependencies":["react-hook-form","zod","@hookform/resolvers","sonner"],"description":"Controller binds Select to RHF; Zod resolver drives FieldError on submit.","name":"select-12","registryDependencies":["select","field","button"],"title":"React Hook Form + Zod","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"form.Field wires Select; Zod onSubmit validator surfaces FieldError when touched.","name":"select-13","registryDependencies":["select","field","button"],"title":"TanStack Form + Zod","type":"registry:block"},{"description":"Muted prefix label inside the trigger, left of the selected value.","name":"select-14","registryDependencies":["select"],"title":"With inline label","type":"registry:block"},{"description":"Dropdown opens in popper position anchored below the trigger with a small offset, giving a tooltip-style layout.","name":"select-15","registryDependencies":["select"],"title":"Animated content","type":"registry:block"},{"description":"Fixed leading icon in the trigger alongside the selected value; dropdown options are text only.","name":"select-16","registryDependencies":["select"],"title":"Icon in the trigger","type":"registry:block"},{"description":"A stack of placeholder lines for a text block.","name":"skeleton-01","registryDependencies":["skeleton"],"title":"Basic","type":"registry:block"},{"description":"A circle beside two lines, mimicking a loading user row.","name":"skeleton-02","registryDependencies":["skeleton"],"title":"Avatar with text","type":"registry:block"},{"description":"Media banner above a title, body lines, and a footer.","name":"skeleton-03","registryDependencies":["card","skeleton"],"title":"Card","type":"registry:block"},{"description":"A heading followed by full-width body lines.","name":"skeleton-04","registryDependencies":["skeleton"],"title":"Paragraph","type":"registry:block"},{"description":"Repeated rows, each with a circular avatar and two text lines.","name":"skeleton-05","registryDependencies":["skeleton"],"title":"List","type":"registry:block"},{"description":"A header row above several placeholder data rows.","name":"skeleton-06","registryDependencies":["skeleton"],"title":"Table","type":"registry:block"},{"description":"Labelled fields above a submit button placeholder.","name":"skeleton-07","registryDependencies":["skeleton"],"title":"Form","type":"registry:block"},{"description":"A field label above a trigger with a chevron block.","name":"skeleton-08","registryDependencies":["skeleton"],"title":"Select","type":"registry:block"},{"description":"A grid of KPI cards with label, value, and trend lines.","name":"skeleton-10","registryDependencies":["skeleton"],"title":"Stat cards","type":"registry:block"},{"description":"Alternating inbound and outbound message bubbles.","name":"skeleton-12","registryDependencies":["skeleton"],"title":"Chat thread","type":"registry:block"},{"description":"A grid of square image tiles for a loading gallery.","name":"skeleton-13","registryDependencies":["skeleton"],"title":"Gallery grid","type":"registry:block"},{"description":"A hero image, title, byline, and stacked body lines.","name":"skeleton-14","registryDependencies":["skeleton"],"title":"Article","type":"registry:block"},{"description":"A plan name, price, feature rows, and a CTA button.","name":"skeleton-15","registryDependencies":["skeleton"],"title":"Pricing card","type":"registry:block"},{"description":"A logo header above a list of icon-and-label nav rows, with a user profile row at the bottom.","name":"skeleton-16","registryDependencies":["skeleton"],"title":"Sidebar nav","type":"registry:block"},{"description":"A single standalone switch.","name":"switch-01","registryDependencies":["switch"],"title":"Basic","type":"registry:block"},{"description":"Switch paired with an accessible field label.","name":"switch-02","registryDependencies":["switch","field"],"title":"With label","type":"registry:block"},{"description":"Label and helper description beside the switch.","name":"switch-03","registryDependencies":["switch","field"],"title":"With description","type":"registry:block"},{"description":"The sm and default sizes side-by-side.","name":"switch-04","registryDependencies":["switch"],"title":"Sizes","type":"registry:block"},{"description":"Disabled off and disabled on states.","name":"switch-05","registryDependencies":["switch","field"],"title":"Disabled","type":"registry:block"},{"description":"Sun and moon icons flank a light / dark toggle.","name":"switch-06","registryDependencies":["switch"],"title":"Theme toggle","type":"registry:block"},{"dependencies":["@base-ui/react"],"description":"Custom larger toggle with sun / moon icons that swap inside the thumb.","name":"switch-07","title":"Icon in thumb","type":"registry:block"},{"description":"A grouped list of notification settings, each row with a label, helper text, and a switch.","name":"switch-08","registryDependencies":["switch","field"],"title":"Settings group","type":"registry:block"},{"description":"A visual credit card mockup above a labeled switch for enabling automatic monthly payments.","name":"switch-09","registryDependencies":["switch","field"],"title":"Credit card auto-pay","type":"registry:block"},{"description":"Clickable add-on rows showing a title, description, price, and a switch, each fully tappable via a wrapping label.","name":"switch-10","registryDependencies":["switch","field"],"title":"Choice cards","type":"registry:block"},{"dependencies":["sonner"],"description":"A required switch in a form that shows an inline error message when submitted while off.","name":"switch-11","registryDependencies":["switch","field","button"],"title":"Invalid / required","type":"registry:block"},{"dependencies":["react-hook-form","zod","@hookform/resolvers","sonner"],"description":"Controller binds the switch to RHF; Zod requires opt-in on submit.","name":"switch-12","registryDependencies":["switch","field","button"],"title":"React Hook Form + Zod","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"form.Field wires the switch; Zod onSubmit validator surfaces FieldError.","name":"switch-13","registryDependencies":["switch","field","button"],"title":"TanStack Form + Zod","type":"registry:block"},{"description":"Caption, header, and a footer total row.","name":"table-01","registryDependencies":["table"],"title":"Basic","type":"registry:block"},{"description":"Avatar thumbnails beside name and email in each row.","name":"table-02","registryDependencies":["table","avatar"],"title":"With images","type":"registry:block"},{"description":"Borderless rows for a clean, list-like layout.","name":"table-03","registryDependencies":["table"],"title":"Without dividers","type":"registry:block"},{"description":"Zebra striping tints every other row.","name":"table-04","registryDependencies":["table"],"title":"Striped rows","type":"registry:block"},{"description":"Column grid lines via per-cell right borders.","name":"table-05","registryDependencies":["table"],"title":"With vertical lines","type":"registry:block"},{"description":"Compact padding and type for high-density data.","name":"table-06","registryDependencies":["table"],"title":"Dense","type":"registry:block"},{"description":"Select-all header, per-row checkboxes, and a selection count.","name":"table-07","registryDependencies":["table","checkbox"],"title":"With checkbox","type":"registry:block"},{"description":"Table inside a Card with title and status badges.","name":"table-08","registryDependencies":["table","card","badge"],"title":"Card table","type":"registry:block"},{"description":"Key-value details with row headers down the left.","name":"table-09","registryDependencies":["table"],"title":"Vertical","type":"registry:block"},{"description":"Header pinned while the capped body scrolls.","name":"table-10","registryDependencies":["table"],"title":"Sticky header","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, click a column header to sort ascending or descending.","name":"table-11","registryDependencies":["table","button"],"title":"Sortable","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, global search input plus a status column filter dropdown.","name":"table-12","registryDependencies":["table","input","select"],"title":"With filters","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, prev / next controls with a rows-per-page select.","name":"table-13","registryDependencies":["table","button","select"],"title":"Pagination","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, numbered page buttons with prev / next arrows.","name":"table-14","registryDependencies":["table","button"],"title":"Numeric pagination","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, toggle individual columns on or off from a dropdown menu.","name":"table-15","registryDependencies":["table","button","dropdown-menu"],"title":"Column visibility","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, drag the header edge to resize column widths.","name":"table-16","registryDependencies":["table"],"title":"Resizable columns","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, a column pinned to the right stays visible while scrolling horizontally.","name":"table-17","registryDependencies":["table","button","dropdown-menu"],"title":"Pinnable columns","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, row checkboxes with a bulk actions toolbar showing count, clear, and delete.","name":"table-18","registryDependencies":["table","checkbox","button"],"title":"Row selection","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, expandable parent rows reveal nested child rows for tree-shaped data.","name":"table-19","registryDependencies":["table","button"],"title":"Expanding sub-rows","type":"registry:block"},{"dependencies":["@tanstack/react-table"],"description":"TanStack Table, combines sorting, column filter, pagination, row selection, column visibility toggle, and per-row action menus.","name":"table-20","registryDependencies":["table","button","checkbox","input","badge","dropdown-menu"],"title":"Complex data table","type":"registry:block"},{"description":"Three tabs with the default filled variant.","name":"tabs-01","registryDependencies":["tabs"],"title":"Basic","type":"registry:block"},{"description":"Underline indicator instead of filled background.","name":"tabs-02","registryDependencies":["tabs"],"title":"Line variant","type":"registry:block"},{"description":"Vertical orientation with underline indicators, suited for sidebar navigation.","name":"tabs-04","registryDependencies":["tabs"],"title":"Vertical line","type":"registry:block"},{"description":"One trigger disabled while others stay interactive.","name":"tabs-05","registryDependencies":["tabs"],"title":"Disabled tab","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Tabs with a small icon placed before each label in the trigger.","name":"tabs-06","registryDependencies":["tabs"],"title":"With icons","type":"registry:block"},{"description":"Trigger labels paired with secondary count badges.","name":"tabs-07","registryDependencies":["tabs","badge"],"title":"With count badges","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Compact icon-only triggers for view switching.","name":"tabs-08","registryDependencies":["tabs"],"title":"Icon only","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Icon stacked above the title in each trigger, with a visual panel below.","name":"tabs-10","registryDependencies":["tabs"],"title":"Icon with title","type":"registry:block"},{"description":"Two-tab card with a profile edit form on one tab and a password change form on the other.","name":"tabs-11","registryDependencies":["tabs","card","button","input","field"],"title":"Account and password","type":"registry:block"},{"description":"Tabs inside a card with stats, member list, and billing summary panels.","name":"tabs-12","registryDependencies":["tabs","card","separator"],"title":"In card","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Docs-style switch between live preview and code snippet.","name":"tabs-13","registryDependencies":["tabs"],"title":"Preview and code","type":"registry:block"},{"description":"Monthly versus yearly billing toggle swaps the price.","name":"tabs-14","registryDependencies":["tabs","badge"],"title":"Pricing toggle","type":"registry:block"},{"description":"Rounded pill triggers in a bordered track with cross-fading mood boards.","name":"tabs-15","registryDependencies":["tabs"],"title":"Pill track","type":"registry:block"},{"description":"Default dark tooltip on a button.","name":"tooltip-01","registryDependencies":["tooltip","button"],"title":"Basic","type":"registry:block"},{"description":"Place the tooltip on top, right, bottom, or left.","name":"tooltip-02","registryDependencies":["tooltip","button"],"title":"Sides","type":"registry:block"},{"description":"Label paired with a keyboard shortcut badge inside the tooltip.","name":"tooltip-03","registryDependencies":["tooltip","button"],"title":"With shortcut","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Labels icon-only buttons in a toolbar.","name":"tooltip-04","registryDependencies":["tooltip","button"],"title":"On icon button","type":"registry:block"},{"description":"Tooltips that open instantly, after 500ms, or after 1.2s, showing different hover delay behaviors.","name":"tooltip-05","registryDependencies":["tooltip","button"],"title":"Custom delay","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Title plus supporting description in the content.","name":"tooltip-06","registryDependencies":["tooltip","button"],"title":"Rich content","type":"registry:block"},{"description":"A light-colored tooltip that appears in light mode, inverted from the default dark style.","name":"tooltip-07","registryDependencies":["tooltip","button"],"title":"Light via dark class","type":"registry:block"},{"description":"Primary, secondary, and destructive tooltips with arrow color matching the content.","name":"tooltip-08","registryDependencies":["tooltip","button"],"title":"Colored","type":"registry:block"},{"description":"Hide the pointer arrow for a flatter look.","name":"tooltip-09","registryDependencies":["tooltip","button"],"title":"No arrow","type":"registry:block"},{"description":"Adjust the gap between trigger and content.","name":"tooltip-10","registryDependencies":["tooltip","button"],"title":"Side offset","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner"],"description":"Native text and email inputs bound with register and Zod validation.","name":"rhf-fields-02","registryDependencies":["field","input","button"],"title":"Text Input","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner"],"description":"Multi-line textarea with a description and length-constrained Zod rule.","name":"rhf-fields-03","registryDependencies":["field","textarea","button"],"title":"Textarea","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner"],"description":"Numeric slider bound via Controller, validated against a Zod range.","name":"rhf-fields-04","registryDependencies":["field","slider","button"],"title":"Slider","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner"],"description":"Multiple checkboxes collected into a string array with a min-selection rule.","name":"rhf-fields-05","registryDependencies":["field","checkbox","button"],"title":"Checkbox Group","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner"],"description":"Single-select toggle group bound via Controller with Zod validation.","name":"rhf-fields-06","registryDependencies":["field","toggle-group","button"],"title":"Toggle Group","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner"],"description":"Grouped select with labelled option groups bound via Controller.","name":"rhf-fields-07","registryDependencies":["field","select","button"],"title":"Select","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Searchable combobox using Command inside a Popover, bound via Controller.","name":"rhf-fields-08","registryDependencies":["field","command","popover","button"],"title":"Command","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Single choice via a dropdown menu radio group bound through Controller.","name":"rhf-fields-09","registryDependencies":["field","dropdown-menu","button"],"title":"Dropdown","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Pick a strong password and confirm it matches.","name":"rhf-rules-01","registryDependencies":["card","field","input","button"],"title":"Password Confirmation","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Validate an email address with instant feedback.","name":"rhf-rules-02","registryDependencies":["card","field","input","button"],"title":"Email Address","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Keep a numeric input within a sensible range.","name":"rhf-rules-03","registryDependencies":["card","field","input","button"],"title":"Number Range","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Cap text length with a live character counter.","name":"rhf-rules-04","registryDependencies":["card","field","textarea","button"],"title":"Character Limit","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Name, email, topic and message validated on submit.","name":"rhf-recipes-01","registryDependencies":["card","field","input","select","textarea","button"],"title":"Contact Form","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Sign up with name, email, a strong password and terms.","name":"rhf-recipes-02","registryDependencies":["card","field","input","checkbox","button"],"title":"Create Account","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Email and password validated on submit.","name":"rhf-recipes-03","registryDependencies":["card","field","input","button"],"title":"Sign In","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Subscribe with an email and a delivery frequency.","name":"rhf-recipes-04","registryDependencies":["card","field","input","select","button"],"title":"Newsletter","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Start from an empty state, then add and remove teammate rows with per-item validation.","name":"rhf-advanced-01","registryDependencies":["card","badge","empty","field","input","select","button"],"title":"Dynamic Field Array","type":"registry:block"},{"dependencies":["react-hook-form","@hookform/resolvers","zod","sonner","lucide-react"],"description":"Build an invoice while a dialog validates each line item against its own schema.","name":"rhf-advanced-02","registryDependencies":["card","dialog","empty","field","input","button"],"title":"Form in a Dialog","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"Native text and email inputs wired with form.Field and Zod validation.","name":"tsf-fields-02","registryDependencies":["field","input","button"],"title":"Text Input","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"Multi-line textarea with a description and length-constrained Zod rule.","name":"tsf-fields-03","registryDependencies":["field","textarea","button"],"title":"Textarea","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"Numeric slider wired with form.Field, validated against a Zod range.","name":"tsf-fields-04","registryDependencies":["field","slider","button"],"title":"Slider","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"Multiple checkboxes collected into a string array with a min-selection rule.","name":"tsf-fields-05","registryDependencies":["field","checkbox","button"],"title":"Checkbox Group","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"Single-select toggle group wired with form.Field and Zod validation.","name":"tsf-fields-06","registryDependencies":["field","toggle-group","button"],"title":"Toggle Group","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner"],"description":"Grouped select with labelled option groups wired with form.Field.","name":"tsf-fields-07","registryDependencies":["field","select","button"],"title":"Select","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Searchable combobox using Command inside a Popover, wired with form.Field.","name":"tsf-fields-08","registryDependencies":["field","command","popover","button"],"title":"Command","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Single choice via a dropdown menu radio group wired with form.Field.","name":"tsf-fields-09","registryDependencies":["field","dropdown-menu","button"],"title":"Dropdown","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Pick a strong password and confirm it matches.","name":"tsf-rules-01","registryDependencies":["card","field","input","button"],"title":"Password Confirmation","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Validate an email address with instant feedback.","name":"tsf-rules-02","registryDependencies":["card","field","input","button"],"title":"Email Address","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Keep a numeric input within a sensible range.","name":"tsf-rules-03","registryDependencies":["card","field","input","button"],"title":"Number Range","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Cap text length with a live character counter.","name":"tsf-rules-04","registryDependencies":["card","field","textarea","button"],"title":"Character Limit","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Name, email, topic and message validated on submit.","name":"tsf-recipes-01","registryDependencies":["card","field","input","select","textarea","button"],"title":"Contact Form","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Sign up with name, email, a strong password and terms.","name":"tsf-recipes-02","registryDependencies":["card","field","input","checkbox","button"],"title":"Create Account","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Email and password validated on submit.","name":"tsf-recipes-03","registryDependencies":["card","field","input","button"],"title":"Sign In","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Subscribe with an email and a delivery frequency.","name":"tsf-recipes-04","registryDependencies":["card","field","input","select","button"],"title":"Newsletter","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Start from an empty state, then add and remove teammate rows with per-item validation.","name":"tsf-advanced-01","registryDependencies":["card","badge","empty","field","input","select","button"],"title":"Dynamic Field Array","type":"registry:block"},{"dependencies":["@tanstack/react-form","zod","sonner","lucide-react"],"description":"Build an invoice while a dialog validates each line item against its own schema.","name":"tsf-advanced-02","registryDependencies":["card","dialog","empty","field","input","button"],"title":"Form in a Dialog","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Sidebar, KPI cards, a bar chart, and a recent activity list.","name":"dashboard-01","registryDependencies":["avatar","badge","button","card","chart","input","item"],"title":"Analytics overview","type":"registry:block"},{"description":"Wireframe: sidebar, stat cards, chart, and a list.","name":"sketch-dashboard-01","title":"Analytics overview","type":"registry:block"},{"description":"A stat card with trend and sparkline, layered over a second.","name":"spot-01","registryDependencies":["card","badge"],"title":"Metrics","type":"registry:block"},{"description":"A fanned stack of notification cards.","name":"spot-02","registryDependencies":["card","avatar"],"title":"Notifications","type":"registry:block"},{"dependencies":["motion"],"description":"An image card with a soft gradient fade and caption.","name":"spot-03","title":"Media card","type":"registry:block"},{"description":"A card with a gradient area chart.","name":"spot-04","registryDependencies":["card","button"],"title":"Analytics","type":"registry:block"},{"dependencies":["motion"],"description":"A layered app dashboard with a floating notification.","name":"scene-01","registryDependencies":["card","badge","button","avatar"],"title":"Dashboard preview","type":"registry:block"},{"description":"Activates a preset for a subtree by writing the data-preset attribute. Required by every preset.","name":"preset-scope","title":"Preset Scope","type":"registry:component"},{"description":"The Flexnative shell as shipped: near-neutral surfaces, a warm charcoal primary, soft gray chrome and the same radius and shadows as the app itself.","name":"preset-vellum","registryDependencies":["@flx/preset-scope"],"title":"Vellum Preset","type":"registry:component"},{"description":"Cream paper and burnt-earth ink. Warm off-white surfaces, a deep brown primary, soft warm-tinted shadows and a generous radius, built for editorial serif headlines and watercolor art.","name":"preset-sienna","registryDependencies":["@flx/preset-scope"],"title":"Sienna Preset","type":"registry:component"}]},"ui layouts":{"favicon":"/favicons/ui-layouts.png","items":[{"name":"btn-bg-shine","type":"registry:component"},{"name":"btn-animated-gradient","type":"registry:component"},{"name":"button-active","type":"registry:component"},{"name":"button-hover-right","type":"registry:component"},{"dependencies":["lucide-react"],"name":"btn-creative-right","type":"registry:component"},{"dependencies":["lucide-react"],"name":"btn-creative-top","type":"registry:component"},{"name":"btn-click-down","type":"registry:component"},{"name":"btn-hover-down","type":"registry:component"},{"name":"btn-hover-multiple","type":"registry:component"},{"name":"btn-hover-underline","type":"registry:component"},{"name":"btn-hover-top-flip","type":"registry:component"},{"name":"btn-hover-left-flip","type":"registry:component"},{"name":"btn-hover-top-slowflip","type":"registry:component"},{"name":"btn-text-change","type":"registry:component"},{"name":"btn-cross-arrow","type":"registry:component"},{"name":"btn-black-shadow","type":"registry:component"},{"dependencies":["lucide-react"],"name":"btn-hover-outline","type":"registry:component"},{"dependencies":["lucide-react"],"name":"btn-arrow-right","type":"registry:component"},{"name":"btn-rotating-gradient","type":"registry:component"},{"name":"color-picker","page":"https://www.ui-layouts.com/components/color-picker","type":"registry:component"},{"name":"default-color-picker","type":"registry:component"},{"name":"raws-color-picker","type":"registry:component"},{"name":"motion-number-upvotes","type":"registry:component"},{"name":"motion-number-input","type":"registry:component"},{"name":"motion-number-slider","type":"registry:component"},{"name":"number-flow-trading","type":"registry:component"},{"name":"noise-effect","type":"registry:component"},{"dependencies":["motion","@motionone/utils"],"name":"scroll-text","page":"https://www.ui-layouts.com/components/scroll-text","type":"registry:component"},{"dependencies":["motion","@motionone/utils"],"name":"text-scroll-animation","type":"registry:component"},{"dependencies":["motion","@motionone/utils"],"name":"scroll-text-marquee","page":"https://www.ui-layouts.com/components/scroll-text-marquee","type":"registry:component"},{"dependencies":["motion","@motionone/utils"],"name":"scroll-text-marquee-unidirectional","type":"registry:component"},{"dependencies":["motion","@motionone/utils"],"name":"scroll-text-marquee-bidirectional","type":"registry:component"},{"dependencies":["motion","@motionone/utils"],"name":"randomized-text-effect","page":"https://www.ui-layouts.com/components/randomized-text-effect","type":"registry:component"},{"dependencies":["motion","@motionone/utils"],"name":"randomized-text-unveil","type":"registry:component"},{"dependencies":["cobe"],"name":"globe","page":"https://www.ui-layouts.com/components/globe","type":"registry:component"},{"dependencies":["cobe"],"name":"card-globe","type":"registry:component"},{"dependencies":["cobe"],"name":"card-globe-white","type":"registry:component"},{"dependencies":["three","@types/three","@react-three/fiber","@react-three/drei"],"name":"img-ripple-effect","type":"registry:component"},{"dependencies":["three","@types/three","@react-three/fiber","@react-three/drei"],"name":"r3f-blob","page":"https://www.ui-layouts.com/components/r3f-blob","type":"registry:component"},{"dependencies":["@shadergradient/react"],"name":"mesh-shadergradient","type":"registry:component"},{"dependencies":["three","@types/three","@react-three/fiber","@react-three/drei"],"name":"mesh-gradient-background3","type":"registry:component"},{"dependencies":["three","@types/three","@react-three/fiber","@react-three/drei"],"name":"mesh-gradient-background2","type":"registry:component"},{"dependencies":["three","@types/three","@react-three/fiber","@react-three/drei"],"name":"mesh-gradient-background","type":"registry:component"},{"dependencies":["motion"],"name":"animated-logo-footer","type":"registry:component"},{"dependencies":["motion"],"name":"hover-footer","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"responsive-header","page":"https://www.ui-layouts.com/components/responsive-header","type":"registry:component"},{"dependencies":["motion"],"name":"responsive-header-default","type":"registry:component"},{"dependencies":["motion"],"name":"boxgrid","type":"registry:component"},{"dependencies":["motion"],"name":"conditionGrid","type":"registry:component"},{"dependencies":["motion"],"name":"normalGrid","type":"registry:component"},{"dependencies":["motion"],"name":"buyme-acoffee","type":"registry:component"},{"dependencies":["motion"],"name":"stripecard","type":"registry:component"},{"dependencies":["motion"],"name":"creative-hover-card","type":"registry:component"},{"dependencies":["motion"],"name":"stripecard2","type":"registry:component"},{"dependencies":["motion"],"name":"hovercard1","type":"registry:component"},{"dependencies":["motion"],"name":"hovercard2","type":"registry:component"},{"dependencies":["motion"],"name":"hovercard3","type":"registry:component"},{"dependencies":["motion"],"name":"hovercard4","type":"registry:component"},{"dependencies":["motion"],"name":"productcard1","type":"registry:component"},{"dependencies":["motion"],"name":"productcard2","type":"registry:component"},{"dependencies":["motion"],"name":"productcard3","type":"registry:component"},{"dependencies":["motion"],"name":"productcard4","type":"registry:component"},{"dependencies":["motion"],"name":"productcard5","type":"registry:component"},{"dependencies":["motion"],"name":"productcard6","type":"registry:component"},{"dependencies":["motion"],"name":"creative-clippath","type":"registry:component"},{"dependencies":["motion"],"name":"corporate-clippath","type":"registry:component"},{"dependencies":["motion"],"name":"symbolic-clippath","type":"registry:component"},{"dependencies":["motion"],"name":"creative-mask-clippath","type":"registry:component"},{"dependencies":["motion"],"name":"watersplash-clippath","type":"registry:component"},{"dependencies":["motion"],"name":"creative-imagemasking","type":"registry:component"},{"dependencies":["motion"],"name":"animal-imagemasking","type":"registry:component"},{"dependencies":["motion"],"name":"watersplash-imagemasking","type":"registry:component"},{"dependencies":["motion"],"name":"center-imagemasking","type":"registry:component"},{"dependencies":["motion"],"name":"fixedbg-imagemasking","type":"registry:component"},{"dependencies":["motion"],"name":"creative-videomasking","type":"registry:component"},{"dependencies":["motion"],"name":"splashwater-videomasking","type":"registry:component"},{"dependencies":["motion"],"name":"textoverlay-videomasking","type":"registry:component"},{"dependencies":["motion"],"name":"hexagon-videomasking","type":"registry:component"},{"dependencies":["motion"],"name":"hexagon2-videomasking","type":"registry:component"},{"dependencies":["motion"],"name":"progressive-carousel","page":"https://www.ui-layouts.com/components/progressive-carousel","type":"registry:component"},{"dependencies":["motion"],"name":"horizontal-progressive-carousel","type":"registry:component"},{"dependencies":["motion"],"name":"vertical-progressive-carousel","type":"registry:component"},{"name":"image-hover-accordion","type":"registry:component"},{"name":"tailwind-image-accordion","type":"registry:component"},{"name":"image-tab1","type":"registry:component"},{"name":"image-tab2","type":"registry:component"},{"name":"img-tabs-standalone","type":"registry:component"},{"dependencies":["motion","@radix-ui/react-tooltip"],"name":"magnified-doc","page":"https://www.ui-layouts.com/components/magnified-doc","type":"registry:component"},{"dependencies":["motion","@radix-ui/react-tooltip"],"name":"magnified-tab","type":"registry:component"},{"dependencies":["motion"],"name":"tabs","page":"https://www.ui-layouts.com/components/tabs","type":"registry:component"},{"dependencies":["motion"],"name":"animated-tabs","type":"registry:component"},{"dependencies":["motion"],"name":"creative-tab","type":"registry:component"},{"dependencies":["motion"],"name":"register-tab","type":"registry:component"},{"dependencies":["swapy"],"name":"swapy","page":"https://www.ui-layouts.com/components/swapy","type":"registry:component"},{"dependencies":["swapy"],"name":"default-swapy","type":"registry:component"},{"dependencies":["swapy"],"name":"opacity-swapy","type":"registry:component"},{"dependencies":["swapy"],"name":"swapy-handle","type":"registry:component"},{"dependencies":["swapy"],"name":"swapy-without-components","type":"registry:component"},{"dependencies":["motion"],"name":"drag-items","page":"https://www.ui-layouts.com/components/drag-items","type":"registry:component"},{"dependencies":["motion"],"name":"timeline-animation","page":"https://www.ui-layouts.com/components/timeline-animation","type":"registry:component"},{"dependencies":["motion"],"name":"timeline-animation-default","type":"registry:component"},{"dependencies":["motion"],"name":"scroll-animation","page":"https://www.ui-layouts.com/components/scroll-animation","type":"registry:component"},{"dependencies":["motion"],"name":"scroll-animation-default","type":"registry:component"},{"dependencies":["motion"],"name":"scroll-animation-repeat","type":"registry:component"},{"dependencies":["motion"],"name":"scroll-animation-text","type":"registry:component"},{"name":"mousetrail","type":"registry:component"},{"name":"image-mousetrail-default","type":"registry:component"},{"name":"image-mousetrail-small","type":"registry:component"},{"name":"image-mousetrail-disappear","type":"registry:component"},{"name":"image-mousetrail-without-component","type":"registry:component"},{"name":"horizontal-scroll","page":"https://www.ui-layouts.com/components/horizontal-scroll","type":"registry:component"},{"name":"framerhorizontalscroll","type":"registry:component"},{"name":"stacking-card","page":"https://www.ui-layouts.com/components/stacking-card","type":"registry:component"},{"name":"css-image-stacking","type":"registry:component"},{"name":"css-card-stacking","type":"registry:component"},{"name":"smooth-scroll","page":"https://www.ui-layouts.com/components/smooth-scroll","type":"registry:component"},{"name":"sticky-gallery","type":"registry:component"},{"name":"sticky-hero-section","type":"registry:component"},{"name":"sparkles","page":"https://www.ui-layouts.com/components/sparkles","type":"registry:component"},{"name":"sparkles-globe","type":"registry:component"},{"name":"sparkles-section","type":"registry:component"},{"name":"sparkles-title","page":"https://www.ui-layouts.com/components/sparkles-title","type":"registry:component"},{"name":"sparkles-title2","type":"registry:component"},{"name":"sparkles-title3","type":"registry:component"},{"name":"sparkles-title4","type":"registry:component"},{"name":"sparkles-branding","type":"registry:component"},{"name":"marquee","page":"https://www.ui-layouts.com/components/marquee","type":"registry:component"},{"name":"default-marquee","type":"registry:component"},{"name":"verticle-marquee","type":"registry:component"},{"name":"logos-marquee","type":"registry:component"},{"name":"3d-marquee","type":"registry:component"},{"name":"infintyband","type":"registry:component"},{"dependencies":["motion"],"name":"liquid-glass","page":"https://www.ui-layouts.com/components/liquid-glass","type":"registry:component"},{"dependencies":["motion"],"name":"liquid-glass-weather","type":"registry:component"},{"dependencies":["motion"],"name":"liquid-glass-mobile-icons","type":"registry:component"},{"dependencies":["motion"],"name":"liquid-glass-notification","type":"registry:component"},{"dependencies":["motion"],"name":"liquid-glass-sidebar-menu","type":"registry:component"},{"name":"blur-vignette","page":"https://www.ui-layouts.com/components/blur-vignette","type":"registry:component"},{"name":"video-blur-vignette","type":"registry:component"},{"name":"blur-vignette-video","type":"registry:component"},{"name":"blur-vignette-img","type":"registry:component"},{"name":"blur-vignette-card","type":"registry:component"},{"dependencies":["motion"],"name":"liquid-gradient","page":"https://www.ui-layouts.com/components/liquid-gradient","type":"registry:component"},{"dependencies":["motion"],"name":"liquid-gradient-components","type":"registry:component"},{"dependencies":["motion"],"name":"liquid-button","type":"registry:component"},{"name":"accordion","page":"https://www.ui-layouts.com/components/accordion","type":"registry:component"},{"name":"grid-layout-accordion","type":"registry:component"},{"name":"single-layout-accordion","type":"registry:component"},{"name":"multi-layout-accordion","type":"registry:component"},{"name":"faq-accordion","type":"registry:component"},{"dependencies":["@number-flow/react","@radix-ui/react-slider"],"name":"slider","type":"registry:component"},{"name":"dual-range-slider","type":"registry:component"},{"name":"position-range-slider","type":"registry:component"},{"name":"static-range-slider","type":"registry:component"},{"dependencies":["lucide-react"],"name":"showhide-pass","type":"registry:component"},{"dependencies":["lucide-react"],"name":"pass-strengthindicator","type":"registry:component"},{"dependencies":["lucide-react"],"name":"pass-strength-dotted-indicator","type":"registry:component"},{"dependencies":["lucide-react"],"name":"pass-strength-hover-indicator","type":"registry:component"},{"dependencies":["lucide-react"],"name":"pass-strength-inline-indicator","type":"registry:component"},{"dependencies":["lucide-react"],"name":"confirm-pass-check","type":"registry:component"},{"name":"tags-input","page":"https://www.ui-layouts.com/components/tags-input","type":"registry:component"},{"name":"tags-input-components","type":"registry:component"},{"name":"tags-input-no-edit","type":"registry:component"},{"dependencies":["lucide-react","react-phone-number-input","zod"],"name":"phone-input-default","type":"registry:component"},{"dependencies":["lucide-react","react-phone-number-input","zod"],"name":"phone-input","page":"https://www.ui-layouts.com/components/phone-input","type":"registry:component"},{"dependencies":["chrono-node@latest","react-day-picker@^8.9.1"],"name":"datetime-input","type":"registry:component"},{"dependencies":["chrono-node@latest","react-day-picker@^8.9.1"],"name":"datetime-input-default","type":"registry:component"},{"dependencies":["chrono-node@latest","react-day-picker@^8.9.1"],"name":"time-picker","type":"registry:component"},{"dependencies":["chrono-node@latest","react-day-picker@^8.9.1"],"name":"date-picker","type":"registry:component"},{"dependencies":["lucide-react"],"name":"multi-selector","page":"https://www.ui-layouts.com/components/multi-selector","type":"registry:component"},{"dependencies":["lucide-react"],"name":"multi-selector-default","type":"registry:component"},{"dependencies":["react-dropzone","sonner","lucide-react"],"name":"file-upload","page":"https://www.ui-layouts.com/components/file-upload","type":"registry:component"},{"dependencies":["lucide-react"],"name":"file-upload-default","type":"registry:component"},{"dependencies":["lucide-react"],"name":"chat-form-dropzone","type":"registry:component"},{"dependencies":["lucide-react"],"name":"imgpreview-dropzone","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"linear-modal","page":"https://www.ui-layouts.com/components/linear-modal","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"linear-modal-default","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"linear-modal-center-content","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"linear-modal-standalone","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"gallery-modal-accordion","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"gallery-modal-unsplash","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"gallery-modal-slider","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"dialog","page":"https://www.ui-layouts.com/components/dialog","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"dialog-default","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"media-modal","page":"https://www.ui-layouts.com/components/media-modal","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"media-modal-default","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"imagemodals","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"responsive-modal","page":"https://www.ui-layouts.com/components/responsive-modal","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"responsive-modal-default","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"directional-drawer","page":"https://www.ui-layouts.com/components/directional-drawer","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"directional-drawer_default","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"left-directional-drawer","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"top-directional-drawer","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"bottom-directional-drawer","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"motion-drawer","page":"https://www.ui-layouts.com/components/motion-drawer","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"motion-drawer-default","type":"registry:component"},{"dependencies":["motion","lucide-react"],"name":"right-motion-drawer","type":"registry:component"},{"name":"spotlight","type":"registry:component"},{"name":"spotlight-card1","type":"registry:component"},{"name":"spotlight-card2","type":"registry:component"},{"name":"spotlight-card3","type":"registry:component"},{"name":"spotlight-card4","type":"registry:component"},{"name":"image-reveal","page":"https://www.ui-layouts.com/components/image-reveal","type":"registry:component"},{"name":"image-reveal2","type":"registry:component"},{"name":"bg-blocks-one","type":"registry:component"},{"name":"animated-beam","page":"https://www.ui-layouts.com/components/animated-beam","type":"registry:component"},{"name":"animated-beam-default","type":"registry:component"},{"name":"animated-beam-bidirectional","type":"registry:component"},{"name":"animated-beam-unidirectional","type":"registry:component"},{"name":"animated-beam-multiple-input","type":"registry:component"},{"name":"animated-beam-multiple-output","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"carousel","page":"https://www.ui-layouts.com/components/carousel","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"default-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"align-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"classname-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"number-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"scale-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"thumbnail-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"autostart-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"autoscroll-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"vertical-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"vertical-thumbnail-slider","type":"registry:component"},{"dependencies":["embla-carousel","lucide-react","embla-carousel-class-names","embla-carousel-react","embla-carousel-autoplay","motion"],"name":"vertical-thumbnail-autostart-slider","type":"registry:component"},{"dependencies":["motion"],"name":"framer-normal-carousel","type":"registry:component"},{"dependencies":["motion"],"name":"framer-draggable-carousel","type":"registry:component"},{"dependencies":["motion"],"name":"framer-autoplay-carousel","type":"registry:component"},{"dependencies":["motion"],"name":"framer-multi-carousel","type":"registry:component"},{"dependencies":["motion"],"name":"framer-thumnbails","type":"registry:component"},{"dependencies":["motion"],"name":"framer-moveable-thumbnails","type":"registry:component"},{"dependencies":["motion"],"name":"framer-drag-sliding-carousel","type":"registry:component"},{"dependencies":["shiki"],"name":"code-block","page":"https://www.ui-layouts.com/components/code-block","type":"registry:component"},{"dependencies":["shiki"],"name":"tree-code-viewer","page":"https://www.ui-layouts.com/components/tree-code-viewer","type":"registry:component"},{"dependencies":["shiki"],"name":"code-tabs-mdx","page":"https://www.ui-layouts.com/components/code-tabs-mdx","type":"registry:component"},{"dependencies":["motion"],"name":"hero-digital-success","type":"registry:block"},{"dependencies":["motion"],"name":"hero-ai-value-proposition","type":"registry:block"},{"dependencies":["motion"],"name":"hero-share-app","type":"registry:block"},{"dependencies":["motion"],"name":"hero-social-app","type":"registry:block"},{"dependencies":["motion"],"name":"hero-ai-ecommerce","type":"registry:block"},{"dependencies":["motion"],"name":"hero-ai-infrastructure","type":"registry:block"},{"dependencies":["motion"],"name":"hero-financial","type":"registry:block"},{"dependencies":["motion"],"name":"feature-flow","type":"registry:block"},{"dependencies":["motion"],"name":"feature-hero","type":"registry:block"},{"dependencies":["motion"],"name":"feature-bento","type":"registry:block"},{"dependencies":["motion"],"name":"feature-nature","type":"registry:block"},{"dependencies":["motion"],"name":"feature-velocity","type":"registry:block"},{"dependencies":["motion"],"name":"feature-highlights","type":"registry:block"},{"dependencies":["motion"],"name":"feature-platform","type":"registry:block"},{"dependencies":["motion"],"name":"feature-service","type":"registry:block"},{"dependencies":["motion"],"name":"about-ecommerse","type":"registry:block"},{"dependencies":["motion"],"name":"about-creative","type":"registry:block"},{"dependencies":["motion"],"name":"about-me","type":"registry:block"},{"dependencies":["motion"],"name":"about-sass","type":"registry:block"},{"dependencies":["motion"],"name":"about-agency","type":"registry:block"},{"dependencies":["motion"],"name":"about-architecture","type":"registry:block"},{"dependencies":["motion"],"name":"about-mission","type":"registry:block"},{"dependencies":["motion"],"name":"about-bento","type":"registry:block"},{"dependencies":["motion"],"name":"about-business","type":"registry:block"},{"dependencies":["motion"],"name":"about-whyus","type":"registry:block"},{"dependencies":["motion"],"name":"about-vision","type":"registry:block"},{"dependencies":["motion"],"name":"about-experience","type":"registry:block"},{"dependencies":["motion"],"name":"team-clippath","type":"registry:block"},{"dependencies":["motion"],"name":"team-classic","type":"registry:block"},{"dependencies":["motion"],"name":"team-expert","type":"registry:block"},{"dependencies":["motion"],"name":"team-magic","type":"registry:block"},{"dependencies":["motion"],"name":"team-modern","type":"registry:block"},{"dependencies":["motion"],"name":"team-social","type":"registry:block"},{"dependencies":["motion"],"name":"team-synth","type":"registry:block"},{"dependencies":["motion"],"name":"team-troops","type":"registry:block"},{"dependencies":["motion"],"name":"team-vr","type":"registry:block"},{"dependencies":["motion"],"name":"advanced-stats","type":"registry:block"},{"dependencies":["motion"],"name":"stats-banner","type":"registry:block"},{"dependencies":["motion"],"name":"stats-bento","type":"registry:block"},{"dependencies":["motion"],"name":"stats-section","type":"registry:block"},{"dependencies":["motion"],"name":"stats-details","type":"registry:block"},{"dependencies":["motion"],"name":"stats-bold","type":"registry:block"},{"dependencies":["motion"],"name":"stats-minimal","type":"registry:block"},{"dependencies":["motion"],"name":"stack-testimonial","type":"registry:block"},{"dependencies":["motion"],"name":"spotlight-testimonial","type":"registry:block"},{"dependencies":["motion"],"name":"messenger-testimonial","type":"registry:block"},{"dependencies":["motion"],"name":"chat-interface-testimonial","type":"registry:block"},{"dependencies":["motion"],"name":"testimonial-basic","type":"registry:block"},{"dependencies":["motion"],"name":"testimonial-carousel","type":"registry:block"},{"dependencies":["motion"],"name":"marque-testimonial","type":"registry:block"},{"dependencies":["motion"],"name":"impact-experience","type":"registry:block"},{"dependencies":["motion"],"name":"portfolio-experience","type":"registry:block"},{"dependencies":["motion"],"name":"creative-experience","type":"registry:block"},{"dependencies":["motion"],"name":"work-experience","type":"registry:block"},{"dependencies":["motion"],"name":"customer-experience","type":"registry:block"},{"dependencies":["motion"],"name":"growth-plans","type":"registry:block"},{"dependencies":["motion"],"name":"pricing-overview","type":"registry:block"},{"dependencies":["motion"],"name":"pricing-grow-business","type":"registry:block"},{"dependencies":["motion"],"name":"product-packs","type":"registry:block"},{"dependencies":["motion"],"name":"startup-plans","type":"registry:block"},{"dependencies":["motion"],"name":"subscription-details","type":"registry:block"},{"dependencies":["motion"],"name":"faq-founder","type":"registry:block"},{"dependencies":["motion"],"name":"faq-tabbed-explorer","type":"registry:block"},{"dependencies":["motion"],"name":"faq-glass-card","type":"registry:block"},{"dependencies":["motion"],"name":"faq-interactive-preview","type":"registry:block"},{"dependencies":["motion"],"name":"faq-journey","type":"registry:block"},{"dependencies":["motion"],"name":"faq-minimilastic","type":"registry:block"},{"dependencies":["motion"],"name":"footer-hero","type":"registry:block"},{"dependencies":["motion"],"name":"footer-bento","type":"registry:block"},{"dependencies":["motion"],"name":"footer-bold","type":"registry:block"},{"dependencies":["motion"],"name":"footer-detailed","type":"registry:block"},{"dependencies":["motion"],"name":"footer-minimal","type":"registry:block"},{"dependencies":["motion"],"name":"footer-privilege","type":"registry:block"},{"dependencies":["motion"],"name":"footer-simple","type":"registry:block"},{"name":"btn-hover14","type":"registry:component"},{"name":"gradient-border","page":"https://www.ui-layouts.com/components/gradient-border","type":"registry:component"},{"name":"framer-carousel1","type":"registry:component"},{"name":"code-tabs","page":"https://www.ui-layouts.com/components/code-tabs","type":"registry:component"},{"name":"code-block-comp","type":"registry:component"},{"name":"code-tree-code-viewer","type":"registry:component"},{"name":"flipcountdown","type":"registry:component"},{"name":"special-offer","type":"registry:component"},{"name":"nested-vaul-drawer","type":"registry:component"},{"name":"unsplash-grid","type":"registry:component"},{"name":"sticky-hero-scroll","type":"registry:component"},{"name":"shimmer-loader","page":"https://www.ui-layouts.com/components/shimmer-loader","type":"registry:component"},{"name":"demo-spotlight-card2","type":"registry:component"},{"name":"demo-spotlight-card3","type":"registry:component"},{"name":"demo-spotlight-card4","type":"registry:component"},{"name":"spotlight-card-cruip","type":"registry:component"},{"name":"tools-tab","type":"registry:component"},{"name":"terminal-ui","page":"https://www.ui-layouts.com/components/terminal-ui","type":"registry:component"},{"name":"type-writter","type":"registry:component"},{"dependencies":["html-to-image","motion"],"name":"mac-genie","page":"https://www.ui-layouts.com/components/mac-genie","type":"registry:component"}]},"uploadcn":{"favicon":"/favicons/uploadcn.svg","items":[{"categories":["upload","forms"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","class-variance-authority","cn"],"description":"Composable, accessible upload primitives: dropzone, trigger, queue, previews, progress, status and actions.","name":"upload","registryDependencies":["button"],"title":"Upload","type":"registry:ui"},{"categories":["upload","image"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","react-easy-crop"],"description":"A crop, zoom, rotate and flip dialog that outputs a processed image file.","name":"image-cropper","registryDependencies":["@uploadcn/upload"],"title":"Image Cropper","type":"registry:ui"},{"categories":["upload","image"],"description":"Turns a crop dialog into an async step so images can be cropped before they upload.","name":"use-crop-queue","title":"useCropQueue","type":"registry:hook"},{"categories":["upload","media"],"description":"Streams the device camera into a video element and captures frames as Files. Starts only on demand.","name":"use-camera","title":"useCamera","type":"registry:hook"},{"categories":["upload"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"A dropzone with a full upload queue, progress summary and batch actions.","name":"file-upload","registryDependencies":["@uploadcn/upload"],"title":"File Upload","type":"registry:block"},{"categories":["upload"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"A single button that uploads and reports progress inline.","name":"upload-button","registryDependencies":["@uploadcn/upload"],"title":"Upload Button","type":"registry:block"},{"categories":["upload","image"],"dependencies":["@uploadcn/core@^0.1.0"],"description":"An image grid with optional cropping and client-side compression.","name":"image-upload","registryDependencies":["@uploadcn/image-cropper","@uploadcn/upload","@uploadcn/use-crop-queue"],"title":"Image Upload","type":"registry:block"},{"categories":["upload","image","forms"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"A profile photo uploader with round cropping and a progress ring.","name":"avatar-upload","registryDependencies":["@uploadcn/image-cropper","@uploadcn/upload","@uploadcn/use-crop-queue"],"title":"Avatar Upload","type":"registry:block"},{"categories":["upload","image"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"A photo gallery uploader that resizes images to WebP before upload.","name":"gallery-upload","registryDependencies":["@uploadcn/upload"],"title":"Gallery Upload","type":"registry:block"},{"categories":["upload","media"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"Video uploads with inline playback, duration limits and resumable multipart for large files.","name":"video-upload","registryDependencies":["@uploadcn/upload"],"title":"Video Upload","type":"registry:block"},{"categories":["upload","media"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"Audio uploads with an inline player per file.","name":"audio-upload","registryDependencies":["@uploadcn/upload"],"title":"Audio Upload","type":"registry:block"},{"categories":["upload","documents"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"Document, PDF and résumé uploads with type badges.","name":"document-upload","registryDependencies":["@uploadcn/upload","badge"],"title":"Document Upload","type":"registry:block"},{"categories":["upload","ai"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"An AI chat composer with attachments via click, drag and paste.","name":"chat-attachments","registryDependencies":["@uploadcn/upload"],"title":"Chat Attachments","type":"registry:block"},{"categories":["upload","ai"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"RAG / knowledge-base ingestion with parse, chunk, embed and index stages.","name":"document-ingest","registryDependencies":["@uploadcn/upload"],"title":"Document Ingest","type":"registry:block"},{"categories":["upload"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"An app-wide upload provider with a drop-anywhere overlay, a background queue panel and IndexedDB persistence.","name":"global-upload","registryDependencies":["@uploadcn/upload"],"title":"Global Upload","type":"registry:block"},{"categories":["upload","forms"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"A form field for react-hook-form, TanStack Form and server actions.","name":"upload-field","registryDependencies":["@uploadcn/upload","field"],"title":"Upload Field","type":"registry:block"},{"categories":["upload"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"Pick files, review them, then upload in a modal that confirms before closing mid-upload.","name":"upload-dialog","registryDependencies":["@uploadcn/upload"],"title":"Upload Dialog","type":"registry:block"},{"categories":["upload"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"The upload queue as a data table, with a drop overlay over the whole table.","name":"upload-table","registryDependencies":["@uploadcn/upload"],"title":"Upload Table","type":"registry:block"},{"categories":["upload"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"One queue fed from three sources: the device, a public link or the camera.","name":"upload-tabs","registryDependencies":["@uploadcn/upload","@uploadcn/use-camera","input"],"title":"Upload Tabs","type":"registry:block"},{"categories":["upload","media"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"Take photos with the device camera and upload them as you go, with a file picker fallback.","name":"camera-upload","registryDependencies":["@uploadcn/upload","@uploadcn/use-camera"],"title":"Camera Upload","type":"registry:block"},{"categories":["upload","image"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"A settings card for a workspace logo with light and dark previews.","name":"logo-upload","registryDependencies":["@uploadcn/upload","card"],"title":"Logo Upload","type":"registry:block"},{"categories":["upload","image","forms"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"Images upload in the background while people write alt text and captions.","name":"image-metadata","registryDependencies":["@uploadcn/upload","badge","input","textarea"],"title":"Image Metadata","type":"registry:block"},{"categories":["upload"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"Attachments behind a toolbar button with a count and a progress ring.","name":"upload-popover","registryDependencies":["@uploadcn/upload"],"title":"Upload Popover","type":"registry:block"},{"categories":["upload","ecommerce"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"Storefront product photos: a cover image and a gallery you reorder by drag or keyboard.","name":"product-media-upload","registryDependencies":["@uploadcn/upload"],"title":"Product Media Upload","type":"registry:block"},{"categories":["upload","ecommerce","data"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"Bulk import from a spreadsheet, with column checks and a preview before upload.","name":"csv-import","registryDependencies":["@uploadcn/upload","badge"],"title":"CSV Import","type":"registry:block"},{"categories":["upload","fintech"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"KYC-style ID front, back and selfie with a progress rail and submit gate.","name":"identity-verification","registryDependencies":["@uploadcn/upload"],"title":"Identity Verification","type":"registry:block"},{"categories":["upload","insurance"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"A checklist of required documents (claims, onboarding, visas) ticked off as they upload.","name":"document-checklist","registryDependencies":["@uploadcn/upload","badge"],"title":"Document Checklist","type":"registry:block"},{"categories":["upload","hr"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"Resume, cover letter and portfolio for a careers page.","name":"job-application-upload","registryDependencies":["@uploadcn/upload","input"],"title":"Job Application Upload","type":"registry:block"},{"categories":["upload","ocr","documents"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"Upload scans, photos and PDFs and read their text with any OCR engine, with copy, download and extracted fields.","name":"ocr-upload","registryDependencies":["@uploadcn/upload"],"title":"OCR Upload","type":"registry:block"},{"categories":["upload","fintech"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"Expense capture: a receipt plus details your OCR can prefill (merchant, date, amount).","name":"receipt-upload","registryDependencies":["@uploadcn/upload","input"],"title":"Receipt Upload","type":"registry:block"},{"categories":["upload","real-estate"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn"],"description":"Real-estate listing photos tagged by room, with coverage and a recommended count.","name":"property-photos","registryDependencies":["@uploadcn/upload"],"title":"Property Photos","type":"registry:block"},{"categories":["upload","education"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0"],"description":"Coursework hand-in with a deadline, late flag, and turn in / unsubmit.","name":"assignment-submission","registryDependencies":["@uploadcn/upload","badge"],"title":"Assignment Submission","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A folder that opens on hover and drag; dropped files fly in and the front shows progress.","name":"folder-upload","registryDependencies":["@uploadcn/upload"],"title":"Folder Upload","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","motion"],"description":"Uploads stacked like notifications that fan out on hover or focus.","name":"upload-stack","registryDependencies":["@uploadcn/upload"],"title":"Upload Stack","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A button that morphs into its own progress bar, then a check mark.","name":"upload-morph-button","registryDependencies":["@uploadcn/upload","button"],"title":"Morphing Upload Button","type":"registry:block"},{"categories":["upload","animated","image"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","motion"],"description":"Photos drop onto the table like polaroids with a spring and a tilt.","name":"polaroid-upload","registryDependencies":["@uploadcn/upload"],"title":"Polaroid Upload","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","motion"],"description":"A queue whose rows expand in, collapse out, count up and draw a check.","name":"animated-upload-queue","registryDependencies":["@uploadcn/upload"],"title":"Animated Upload Queue","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A dropzone whose rings ripple while dragging, with a burst on drop.","name":"ripple-dropzone","registryDependencies":["@uploadcn/upload"],"title":"Ripple Dropzone","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A Dynamic Island-style pill that morphs between idle, progress and done, and expands into the file list on hover.","name":"upload-island","registryDependencies":["@uploadcn/upload"],"title":"Upload Island","type":"registry:block"},{"categories":["upload","image","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A single-image uploader where the photo develops behind a scan line as it uploads.","name":"image-reveal-upload","registryDependencies":["@uploadcn/upload"],"title":"Image Reveal Upload","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A dropzone that fills up like a glass with the combined upload progress.","name":"liquid-dropzone","registryDependencies":["@uploadcn/upload"],"title":"Liquid Dropzone","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"One ring for the whole batch: a counting percentage, per-file ticks and a self-drawing check.","name":"progress-ring-upload","registryDependencies":["@uploadcn/upload"],"title":"Progress Ring Upload","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A macOS-style dock of uploaded files that magnifies under the cursor.","name":"upload-dock","registryDependencies":["@uploadcn/upload"],"title":"Upload Dock","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Uploads printed as a CLI log with ASCII progress bars, speed and results.","name":"upload-terminal","registryDependencies":["@uploadcn/upload"],"title":"Upload Terminal","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A dropzone whose target leans towards the pointer and follows dragged files.","name":"magnetic-dropzone","registryDependencies":["@uploadcn/upload"],"title":"Magnetic Dropzone","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Files slide into an envelope; the flap closes and a seal stamps on when sent.","name":"envelope-upload","registryDependencies":["@uploadcn/upload"],"title":"Envelope Upload","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A send button that fills with progress, then the paper plane takes off.","name":"paper-plane-button","registryDependencies":["@uploadcn/upload"],"title":"Paper Plane Button","type":"registry:block"},{"categories":["upload","ecommerce","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Product photos drop into a shopping bag that fills as they upload.","name":"shopping-bag-upload","registryDependencies":["@uploadcn/upload"],"title":"Shopping Bag Upload","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Files orbit the center while uploading and land in a row when done.","name":"orbit-upload","registryDependencies":["@uploadcn/upload"],"title":"Orbit Upload","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/react@^0.1.0","cn","motion"],"description":"Drop into any Upload: a confetti burst in your theme's colors when a batch finishes.","name":"upload-confetti","title":"Upload Confetti","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Files, megabytes and percent on rolling odometer digits.","name":"upload-odometer","registryDependencies":["@uploadcn/upload"],"title":"Upload Odometer","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Particles rise into a cloud that fills with the upload progress.","name":"cloud-dropzone","registryDependencies":["@uploadcn/upload"],"title":"Cloud Dropzone","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A single-file card that flips to show the uploaded file.","name":"flip-card-upload","registryDependencies":["@uploadcn/upload"],"title":"Flip Card Upload","type":"registry:block"},{"categories":["upload","fintech","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A document scanner frame with corner guides and a scan beam, for IDs and receipts.","name":"scanner-upload","registryDependencies":["@uploadcn/upload"],"title":"Scanner Upload","type":"registry:block"},{"categories":["upload","animated","audio"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A record that spins while tracks upload, with a tonearm that follows progress.","name":"vinyl-upload","registryDependencies":["@uploadcn/upload"],"title":"Vinyl Upload","type":"registry:block"},{"categories":["upload","animated","devtools"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A rocket that climbs with the upload and lifts off when it's done.","name":"rocket-upload","registryDependencies":["@uploadcn/upload"],"title":"Rocket Upload","type":"registry:block"},{"categories":["upload","animated","backup"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Charges cell by cell for backups, with a bolt that pulses while it charges.","name":"battery-upload","registryDependencies":["@uploadcn/upload"],"title":"Battery Upload","type":"registry:block"},{"categories":["upload","animated","documents"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Types each file name onto a page that rolls out of the machine.","name":"typewriter-upload","registryDependencies":["@uploadcn/upload"],"title":"Typewriter Upload","type":"registry:block"},{"categories":["upload","animated"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Sand runs through an hourglass as files upload, with the time left up front.","name":"hourglass-upload","registryDependencies":["@uploadcn/upload"],"title":"Hourglass Upload","type":"registry:block"},{"categories":["upload","animated","documents"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A drawing traces itself as CAD files upload, then the title block is approved.","name":"blueprint-upload","registryDependencies":["@uploadcn/upload"],"title":"Blueprint Upload","type":"registry:block"},{"categories":["upload","animated","legal"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"Documents land on a pile and get stamped the moment they're received.","name":"stamp-upload","registryDependencies":["@uploadcn/upload"],"title":"Stamp Upload","type":"registry:block"},{"categories":["upload","animated","logistics"],"dependencies":["@uploadcn/core@^0.1.0","@uploadcn/react@^0.1.0","cn","motion"],"description":"A truck carries files from the warehouse to their destination as they upload.","name":"delivery-upload","registryDependencies":["@uploadcn/upload"],"title":"Delivery Upload","type":"registry:block"}]},"usva":{"favicon":"/favicons/usva.svg","items":[{"dependencies":["class-variance-authority","clsx","tailwind-merge"],"name":"announcement","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge","class-variance-authority"],"name":"avatar","type":"registry:ui"},{"dependencies":["class-variance-authority","clsx","tailwind-merge"],"name":"badge","type":"registry:ui"},{"dependencies":["motion","class-variance-authority","clsx","tailwind-merge"],"name":"button","registryDependencies":["https://usva.build/r/spinner.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"callout","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"card","registryDependencies":["https://usva.build/r/badge.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge","class-variance-authority"],"name":"checkbox","type":"registry:ui"},{"dependencies":["class-variance-authority","clsx","tailwind-merge"],"name":"chip","type":"registry:ui"},{"dependencies":["highlight.js","class-variance-authority","clsx","tailwind-merge"],"name":"code-snippet","registryDependencies":["https://usva.build/r/button.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"color-field","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge"],"name":"dialog","registryDependencies":["https://usva.build/r/card.json","https://usva.build/r/overlay-core.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge"],"name":"drawer","registryDependencies":["https://usva.build/r/card.json","https://usva.build/r/overlay-core.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge"],"name":"dropdown-menu","registryDependencies":["https://usva.build/r/overlay-core.json"],"type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge"],"name":"hint-popover","registryDependencies":["https://usva.build/r/overlay-core.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"input","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge","class-variance-authority"],"name":"knob","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"label","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"list","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"loading-overlay","registryDependencies":["https://usva.build/r/spinner.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"log-line","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"notification-badge","type":"registry:ui"},{"name":"overlay-core","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge"],"name":"popover","registryDependencies":["https://usva.build/r/overlay-core.json"],"type":"registry:ui"},{"dependencies":["class-variance-authority","clsx","tailwind-merge"],"name":"progress","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge","class-variance-authority"],"name":"radio","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge"],"name":"select","registryDependencies":["https://usva.build/r/overlay-core.json"],"type":"registry:ui"},{"dependencies":["class-variance-authority","clsx","tailwind-merge"],"name":"skeleton","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge","class-variance-authority"],"name":"slider","type":"registry:ui"},{"dependencies":["class-variance-authority","clsx","tailwind-merge"],"name":"spinner","type":"registry:ui"},{"dependencies":["class-variance-authority","clsx","tailwind-merge"],"name":"stat-chip","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge","class-variance-authority"],"name":"switch","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge"],"name":"tabs","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"terminal","registryDependencies":["https://usva.build/r/code-snippet.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"textarea","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge"],"name":"toast","registryDependencies":["https://usva.build/r/overlay-core.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"toggle-chip","type":"registry:ui"},{"dependencies":["@base-ui/react","clsx","tailwind-merge"],"name":"tooltip","registryDependencies":["https://usva.build/r/overlay-core.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"bento-grid","registryDependencies":["https://usva.build/r/card.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"case-study-hero","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"checklist-card","registryDependencies":["https://usva.build/r/card.json","https://usva.build/r/list.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"cta-banner","type":"registry:ui"},{"dependencies":["@dnd-kit/core","clsx","tailwind-merge"],"name":"dashboard-grid","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"disclosure-row","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"empty-state","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"entity-card","registryDependencies":["https://usva.build/r/card.json"],"type":"registry:ui"},{"dependencies":["motion","clsx","tailwind-merge"],"name":"feature-carousel","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"field-group","registryDependencies":["https://usva.build/r/label.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"footer","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"hero-split","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"mockup-showcase","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"page-header","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"panel","registryDependencies":["https://usva.build/r/card.json","https://usva.build/r/spinner.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"progress-row","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"pullquote","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"roadmap-timeline","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"section-heading","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"section-label","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"segmented-control","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"stat-bento","registryDependencies":["https://usva.build/r/bento-grid.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"stat-card","registryDependencies":["https://usva.build/r/card.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"step-chips","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"step-list","type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"stripe-card","registryDependencies":["https://usva.build/r/card.json"],"type":"registry:ui"},{"dependencies":["clsx","tailwind-merge"],"name":"toolbar","type":"registry:ui"},{"dependencies":["ogl"],"name":"sula-core","registryDependencies":["https://usva.build/r/sula-motion.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"sula-fab","registryDependencies":["https://usva.build/r/sula-motion.json","https://usva.build/r/sula-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"sula-field","registryDependencies":["https://usva.build/r/sula-motion.json","https://usva.build/r/sula-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"sula-frame","registryDependencies":["https://usva.build/r/sula-motion.json","https://usva.build/r/sula-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"sula-loader","registryDependencies":["https://usva.build/r/sula-motion.json","https://usva.build/r/sula-core.json"],"type":"registry:ui"},{"name":"sula-motion","type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"sula-nav","registryDependencies":["https://usva.build/r/sula-motion.json","https://usva.build/r/sula-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"sula-segmented","registryDependencies":["https://usva.build/r/sula-motion.json","https://usva.build/r/sula-core.json"],"type":"registry:ui"},{"dependencies":["motion"],"name":"page-transition","type":"registry:ui"},{"dependencies":["motion","@usva-ui/tokens"],"name":"reveal","type":"registry:ui"},{"dependencies":["motion","ogl"],"name":"atmospheres-core","type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"hehku","registryDependencies":["https://usva.build/r/atmospheres-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"kajastus","registryDependencies":["https://usva.build/r/atmospheres-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"kuulto","registryDependencies":["https://usva.build/r/atmospheres-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"kynnos","registryDependencies":["https://usva.build/r/atmospheres-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"loimu","registryDependencies":["https://usva.build/r/atmospheres-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"routa","registryDependencies":["https://usva.build/r/atmospheres-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"utu","registryDependencies":["https://usva.build/r/atmospheres-core.json"],"type":"registry:ui"},{"dependencies":["clsx","motion","ogl","tailwind-merge"],"name":"vare","registryDependencies":["https://usva.build/r/atmospheres-core.json"],"type":"registry:ui"}]},"shadcn store":{"favicon":"/favicons/shadcn-store.png","items":[{"description":"Overlapping avatar stack whose neighbours lift with a distance falloff on hover.","name":"motion-avatar-group","title":"Avatar group","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Checkbox whose tick draws on with a stroke path instead of appearing instantly.","name":"motion-checkbox-check","title":"Animated checkbox","type":"registry:ui"},{"description":"Canvas confetti fired once when something succeeds, with no animation library.","name":"motion-confetti","title":"Confetti burst","type":"registry:ui"},{"description":"Segmented tabs whose pill indicator slides to follow the active tab.","name":"motion-sliding-tabs","title":"Sliding tabs","type":"registry:ui"},{"description":"A price or count whose digits spin on a reel when the value changes.","name":"motion-spinning-number","title":"Spinning number","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"Responsive sidebar, breadcrumb header, workspace navigation, and calm application content frame","name":"app-shell-1","registryDependencies":["avatar","breadcrumb","button","card","dropdown-menu","input","separator","sidebar"],"title":"App Shell 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Collapsible icon rail with persistent state, accessible tooltips, mobile sheet, and reflowing content","name":"app-shell-2","registryDependencies":["avatar","badge","breadcrumb","button","card","dropdown-menu","input-group","separator","sidebar","tooltip"],"title":"App Shell 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two-level top navigation with workspace context, scrollable sub-navigation, and centered content","name":"app-shell-3","registryDependencies":["avatar","button","card","dropdown-menu","input-group","navigation-menu","select","sheet"],"title":"App Shell 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Multi-tenant workspace shell with switcher, persisted nested navigation, breadcrumb context, and command seam","name":"app-shell-4","registryDependencies":["avatar","badge","breadcrumb","button","card","collapsible","dialog","dropdown-menu","field","input","input-group","sidebar"],"title":"App Shell 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Resizable list, detail, and inspector panes with keyboard selection and a designed mobile stack","name":"app-shell-5","registryDependencies":["avatar","badge","button","checkbox","empty","input","label","resizable","scroll-area","select","separator","sheet","tooltip"],"title":"App Shell 5","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Simple dashboard layout with sidebar navigation and stats","name":"app-1","registryDependencies":["avatar","badge","button","card","chart","progress","sidebar"],"title":"App 1 - Dashboard","type":"registry:block"},{"dependencies":["class-variance-authority","lucide-react"],"description":"Kanban-style task board with drag-and-drop functionality","name":"app-2","registryDependencies":["@shadcnstore/motion-avatar-group","avatar","badge","button","card","input-group","separator","tooltip"],"title":"App 2 - Task Board","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Conversation list, grouped message thread, disciplined autoscroll, typing state, and responsive composer","name":"app-3","registryDependencies":["@shadcnstore/motion-sliding-tabs","avatar","badge","bubble","button","empty","input-group","item","marker","message","message-scroller","scroll-area","separator","sheet","switch","textarea"],"title":"App 3 - Messages","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Grid and list file manager with shared selection, bulk actions, search, and preview sheet","name":"app-4","registryDependencies":["@shadcnstore/motion-checkbox-check","avatar","badge","breadcrumb","button","card","dropdown-menu","empty","input-group","item","progress","select","separator","sheet","sidebar","table","toggle-group"],"title":"App 4 - File Manager","type":"registry:block"},{"dependencies":["lucide-react","sonner"],"description":"Grouped keyboard-first issue list with inline status editing, selection, and detail sheet","name":"app-5","registryDependencies":["@shadcnstore/motion-avatar-group","@shadcnstore/motion-checkbox-check","@shadcnstore/motion-sliding-tabs","avatar","badge","button","card","collapsible","dropdown-menu","empty","field","input-group","progress","select","separator","sheet","sidebar","textarea","tooltip"],"title":"App 5 - Issue Tracker","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A settings suite with account, notification-matrix and team panels that keep unsaved work across tabs","name":"app-6","registryDependencies":["alert-dialog","avatar","badge","button","card","dialog","dropdown-menu","input","label","radio-group","select","switch","tabs","tooltip"],"title":"App 6 - Settings","type":"registry:block"},{"dependencies":["date-fns","lucide-react","motion"],"description":"A persisted, branching patient-intake wizard with repeatable medication and allergy records","name":"app-7","registryDependencies":["@shadcnstore/motion-checkbox-check","button","collapsible","combobox","field","input","radio-group","select","slider","spinner","switch","textarea"],"title":"App 7 - Patient Intake","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A care-team invitation flow with paste-many email chips and permission previews","name":"app-8","registryDependencies":["@shadcnstore/motion-checkbox-check","alert","alert-dialog","button","collapsible","dropdown-menu","empty","input","native-select","skeleton","spinner","table","textarea"],"title":"App 8 - Team Invites","type":"registry:block"},{"dependencies":["lucide-react","sonner"],"description":"A print-ready medical statement with encounter lines, payer adjustments and a superbill variant","name":"app-9","registryDependencies":["badge","button","dialog","input","native-select","spinner"],"title":"App 9 - Billing Statement","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A plain month grid with a selected-day list — no shell, no filters, no dialogs","name":"calendar-8","registryDependencies":["button","card","empty","item"],"title":"Calendar 8","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A month calendar application with a sidebar, filterable calendars and a day detail sheet","name":"calendar-1","registryDependencies":["@shadcnstore/motion-avatar-group","@shadcnstore/motion-sliding-tabs","avatar","badge","button","calendar","checkbox","dialog","empty","field","input","input-group","item","scroll-area","select","separator","sheet","sidebar","textarea"],"title":"Calendar 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A week time grid with positioned events and a mobile agenda fallback","name":"calendar-2","registryDependencies":["@shadcnstore/motion-avatar-group","@shadcnstore/motion-sliding-tabs","avatar","badge","button","calendar","checkbox","dialog","field","input","input-group","item","progress","scroll-area","select","separator","sheet","sidebar","textarea"],"title":"Calendar 2","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A studio class booking flow with timezone-aware slots, waitlist and a directional date-change transition","name":"calendar-3","registryDependencies":["avatar","badge","button","calendar","card","dialog","empty","item","popover","progress","scroll-area","select","separator","skeleton","spinner","toggle-group"],"title":"Calendar 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A rooms-by-hour resource timeline with overlap lane-splitting, a real now-line and a designed mobile layout","name":"calendar-4","registryDependencies":["alert","avatar","badge","button","card","empty","item","popover","progress","scroll-area","select","separator","toggle-group"],"title":"Calendar 4","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A grouped agenda list with a derived attendance streak strip, composed filters and sticky day headers","name":"calendar-5","registryDependencies":["avatar","badge","button","card","empty","item","progress","scroll-area","separator","spinner","toggle-group"],"title":"Calendar 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A front-desk studio switcher that swaps the day\\'s class list, with live capacity badges and a working join-waitlist action","name":"calendar-6","registryDependencies":["avatar","badge","button","item","progress","scroll-area","separator","toggle-group"],"title":"Calendar 6","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A four-question studio intake that assembles a computed recommended week","name":"calendar-7","registryDependencies":["avatar","badge","button","card","item","radio-group","separator","slider","spinner"],"title":"Calendar 7","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Clean and simple bar and line chart displaying monthly sales volume and conversion rate trends with dual y-axis visualization","name":"chart-1","registryDependencies":["card","chart"],"title":"Chart 1","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Modern combined bar and line chart showing revenue performance vs targets with growth percentage trends, featuring interactive time period filters and comprehensive metrics dashboard","name":"chart-2","registryDependencies":["badge","button","card","chart","dropdown-menu"],"title":"Chart 2","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Comprehensive analytics dashboard chart with product sales and volume metrics, featuring trend indicators and recent activity tracking","name":"chart-3","registryDependencies":["badge","button","card","chart","dropdown-menu"],"title":"Chart 3","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Interactive financial dashboard with tabbed navigation showing Income (area chart), Expenses (radial chart), and Profit (bar chart) with real-time metrics","name":"chart-4","registryDependencies":["@shadcnstore/motion-sliding-tabs","card","chart"],"title":"Chart 4","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Time-based earnings dashboard with interactive time period tabs (1d, 5d, 1m, 6m, 1y) and area chart visualization with recent activity tracking","name":"chart-5","registryDependencies":["@shadcnstore/motion-sliding-tabs","button","card","chart","dropdown-menu"],"title":"Chart 5","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Radial progress chart dashboard showcasing company performance metrics with department breakdown and visitor statistics","name":"chart-6","registryDependencies":["@shadcnstore/motion-sliding-tabs","card","chart"],"title":"Chart 6","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"A sales report with 7, 30 and 90-day totals against the previous period and a stepped area chart split by sales channel","name":"chart-7","registryDependencies":["card","chart"],"title":"Chart 7","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Weekly orders as rounded pill bars with a glowing peak day, a dashed outline for the day in progress and a period breakdown","name":"chart-8","registryDependencies":["card","chart"],"title":"Chart 8","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Daily sales as rounded bars with the previous period as a dashed line, a headline total and change against the period before","name":"chart-9","registryDependencies":["badge","card","chart"],"title":"Chart 9","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Visits over time as a glowing curve over a dotted fill, a peak marker that follows the pointer, a dotted tail for today and three summary figures","name":"chart-10","registryDependencies":["badge","card","chart"],"title":"Chart 10","type":"registry:block"},{"description":"A punch card of orders by weekday and time of day, with the busiest slot, busiest day and orders counted","name":"chart-11","registryDependencies":["card"],"title":"Chart 11","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"New customers as dumbbells running from the period before to this one, with the returning-customer rate","name":"chart-12","registryDependencies":["badge","card","chart","separator"],"title":"Chart 12","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Comprehensive user management table with search, filters, pagination, and action dropdowns. Includes user avatars, roles, login status, and two-factor authentication badges","name":"datatable-1","registryDependencies":["@shadcnstore/motion-checkbox-check","avatar","badge","button","card","dropdown-menu","input-group","table"],"title":"Datatable 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Advanced user records table with statistics cards, role icons, plan details, and status management. Features filter dropdowns, bulk actions, and comprehensive pagination","name":"datatable-2","registryDependencies":["@shadcnstore/motion-checkbox-check","avatar","badge","button","card","dropdown-menu","input-group","select","table"],"title":"Datatable 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Product inventory management table with images, SKU tracking, quantity badges, star ratings, and status indicators. Includes stock alerts and product actions","name":"datatable-3","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","card","dropdown-menu","input-group","select","table"],"title":"Datatable 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Modern orders datatable with analytics cards, command palette (⌘K), tabs navigation, bulk actions, column visibility control, and real-time order tracking. Features multi-filter system, sortable columns, payment methods, priority levels, and comprehensive status workflow manageme","name":"datatable-4","registryDependencies":["@shadcnstore/motion-checkbox-check","avatar","badge","button","card","dialog","dropdown-menu","input-group","select","table"],"title":"Datatable 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"URL-synced server-state table with saved views, async states, faceted filters, and record details","name":"datatable-5","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","dialog","dropdown-menu","empty","field","input","progress","select","sheet","skeleton","table","tabs"],"title":"Datatable 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An orders table with view tabs, search, six faceted filters, sortable columns, a column menu, row selection, pagination and product photos","name":"datatable-6","registryDependencies":["avatar","badge","button","checkbox","command","dropdown-menu","empty","input-group","popover","select","separator","table","tabs"],"title":"Datatable 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A collections table with stacked product-photo covers, search, a type filter, sortable columns and pagination","name":"datatable-7","registryDependencies":["badge","button","command","empty","input-group","popover","select","separator","table"],"title":"Datatable 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centred 404 page with an illustration, a home link and a contact action","name":"error-page-1","registryDependencies":["button"],"title":"Error Page 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split 404 page with the brand mark, an illustration and a single home action","name":"error-page-2","registryDependencies":["button"],"title":"Error Page 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Interactive 404 page with search and help options","name":"error-page-3","registryDependencies":["badge","button","card","input"],"title":"Error Page 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Maintenance page with countdown and progress tracking","name":"error-page-4","registryDependencies":["badge","button","card","input","progress"],"title":"Error Page 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-step reset covering email, one-time code, new password and confirmation","name":"forgot-password-page-1","registryDependencies":["button","card","input","input-otp","progress"],"title":"Forgot Password Page 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Simple password reset form with email confirmation","name":"forgot-password-page-2","registryDependencies":["button","card","input","label"],"title":"Forgot Password Page 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Multi-step password reset with verification code","name":"forgot-password-page-3","registryDependencies":["button","card","input","label","separator"],"title":"Forgot Password Page 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-step reset with labelled fields and a resend-code action","name":"forgot-password-page-4","registryDependencies":["button","card","input","input-otp","label","progress"],"title":"Forgot Password Page 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A modern two-column forgot password page with illustration","name":"forgot-password-page-5","registryDependencies":["button","card","input","input-otp","label","progress"],"title":"Forgot Password Page 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split-screen reset across the email, code, new password and success states","name":"forgot-password-page-6","registryDependencies":["button","card","input","input-otp","label","progress"],"title":"Forgot Password Page 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A card login with remember-me, a forgot-password link and three social buttons","name":"login-page-1","registryDependencies":["@shadcnstore/motion-checkbox-check","button","card","input"],"title":"Login Page 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Clean and simple login form with social authentication","name":"login-page-2","registryDependencies":["@shadcnstore/motion-checkbox-check","button","card","input","label","separator"],"title":"Login Page 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Split-screen login with background image and enhanced UX","name":"login-page-3","registryDependencies":["@shadcnstore/motion-checkbox-check","button","card","input","label","separator"],"title":"Login Page 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A labelled card login with social buttons placed above the email and password fields","name":"login-page-4","registryDependencies":["@shadcnstore/motion-checkbox-check","button","card","input","label"],"title":"Login Page 4","type":"registry:block"},{"description":"A modern two-column login page with illustration","name":"login-page-5","registryDependencies":["@shadcnstore/motion-checkbox-check","button","card","input","label"],"title":"Login Page 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split-screen login with the card on one side and a product panel on the other","name":"login-page-6","registryDependencies":["@shadcnstore/motion-checkbox-check","button","card","input"],"title":"Login Page 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A card signup with social options and terms and privacy links under the button","name":"signup-page-1","registryDependencies":["button","card","input"],"title":"Signup Page 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Multi-step signup form with progress tracking","name":"signup-page-2","registryDependencies":["@shadcnstore/motion-checkbox-check","button","card","input","label","separator"],"title":"Signup Page 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Simple signup form with social authentication options","name":"signup-page-3","registryDependencies":["@shadcnstore/motion-checkbox-check","button","card","input","label","progress","separator"],"title":"Signup Page 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A labelled card signup with a confirm-password field and social options","name":"signup-page-4","registryDependencies":["button","card","input","label"],"title":"Signup Page 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A modern two-column signup page with illustration","name":"signup-page-5","registryDependencies":["button","card","input","label"],"title":"Signup Page 5","type":"registry:block"},{"description":"A split-screen signup with the card beside a product panel","name":"signup-page-6","registryDependencies":["button","card","input"],"title":"Signup Page 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A multi-step signup wizard with blocking per-step validation and a review step","name":"signup-page-7","registryDependencies":["button","card","field","input","label","progress","radio-group","textarea"],"title":"Signup Page 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two-factor code entry with resend cooldown, backup codes and lockout","name":"verify-1","registryDependencies":["@shadcnstore/motion-confetti","button","card","input","input-otp","label"],"title":"Verify 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Email verification covering check-inbox, verified and expired states","name":"verify-2","registryDependencies":["button","card"],"title":"Verify 2","type":"registry:block"},{"dependencies":["lucide-react","motion","sonner"],"description":"Passkey sign-in with a biometric ring, magic-link fallback and an unsupported-browser layout","name":"verify-3","registryDependencies":["alert","avatar","button","button-group","card","field","input","separator","spinner"],"title":"Verify 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Patient SMS verification end to end: country entry, a draining cooldown ring, voice fallback and lockout","name":"verify-4","registryDependencies":["alert","button","card","field","input-group","input-otp","select","spinner"],"title":"Verify 4","type":"registry:block"},{"dependencies":["lucide-react","motion","sonner"],"description":"Insurance card capture with an extraction reveal, confidence flags, eligibility results and actionable rejections","name":"verify-5","registryDependencies":["alert","aspect-ratio","button","card","collapsible","combobox","field","input","native-select","progress","separator","spinner"],"title":"Verify 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Split-screen identity check: code entry beside the booking it protects, with a guest testimonial","name":"verify-6","registryDependencies":["@shadcnstore/motion-confetti","avatar","button","card","input-otp","spinner"],"title":"Verify 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Comprehensive analytics dashboard with product sales and volume metrics, featuring trend indicators and recent activity tracking","name":"widget-1","registryDependencies":["avatar","card"],"title":"Widget 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A market-trends widget with a channel list and a per-item actions menu","name":"widget-2","registryDependencies":["button","card","dropdown-menu"],"title":"Widget 2","type":"registry:block"},{"description":"An active-task widget with assignee avatars, stage labels and progress per task","name":"widget-3","registryDependencies":["@shadcnstore/motion-avatar-group","@shadcnstore/motion-sliding-tabs","avatar","card"],"title":"Widget 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A top-performers widget listing companies with sector labels and change figures","name":"widget-4","registryDependencies":["badge","card"],"title":"Widget 4","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Social media channels overview widget with progress bars, metrics display, and interactive area chart showing engagement trends","name":"widget-5","registryDependencies":["button","card","chart"],"title":"Widget 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Side-by-side product comparison widget displaying top products by sales and volume with percentage changes, icons, and metrics","name":"widget-6","registryDependencies":["button","card"],"title":"Widget 6","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Token consumption against quota with a trend line, per-model breakdown and estimated cost","name":"widget-7","registryDependencies":["card"],"title":"Widget 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A needs-attention widget with sliding tabs for orders to ship, payments to capture, low stock and returns to handle","name":"widget-8","registryDependencies":["avatar","badge","card","item"],"title":"Widget 8","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Two horizontal trend cards: average order with a running-average line over glowing pill columns, and refunds with spotlight pills","name":"widget-9","registryDependencies":["badge","card","chart"],"title":"Widget 9","type":"registry:block"},{"description":"A sales-by-channel widget with a segmented share bar and a ranked table of orders, share and sales per channel","name":"widget-10","registryDependencies":["card"],"title":"Widget 10","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A sales-by-product-type widget with inline unit bars, sales totals and change against the previous period","name":"widget-11","registryDependencies":["badge","card"],"title":"Widget 11","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two product leaderboards side by side: top products by sales and highest return rates, with product photos","name":"widget-12","registryDependencies":["avatar","button","card"],"title":"Widget 12","type":"registry:block"},{"description":"A checkout funnel widget from sessions to purchase, with the share kept at each step and abandoned carts as the headline","name":"widget-13","registryDependencies":["card"],"title":"Widget 13","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A horizontal filter bar with dropdowns and active filter display","name":"category-filter-1","registryDependencies":["badge","button","dropdown-menu","input"],"title":"Category Filter 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A sidebar filter with expandable categories and subcategories","name":"category-filter-2","registryDependencies":["@shadcnstore/motion-checkbox-check","button","card","input","pagination","select","sheet"],"title":"Category Filter 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A comprehensive filter sidebar with toggle-based selection and real-time results","name":"category-filter-3","registryDependencies":["badge","button","card","input","separator"],"title":"Category Filter 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A mobile-first filter drawer with a live, settling result count and applied-filter chips that stay visible after it closes","name":"category-filter-4","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","drawer","empty","label","radio-group"],"title":"Category Filter 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A faceted search with correct exclude-own-facet counting, options that disable in place at zero, and a computed, recoverable no-results suggestion","name":"category-filter-5","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","drawer","field","input-group","label","slider","toggle-group"],"title":"Category Filter 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A clean and straightforward checkout form with essential fields","name":"checkout-form-1","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","card","field","input","input-group","radio-group","select","separator"],"title":"Checkout Form 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A comprehensive single-page checkout with order summary and secure payment","name":"checkout-form-2","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","card","field","input","radio-group","select","separator"],"title":"Checkout Form 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A guided multi-step checkout process with progress indicator and validation","name":"checkout-form-3","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","card","field","input","radio-group","select","separator"],"title":"Checkout Form 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A checkout form with collections of presets","name":"checkout-form-4","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","card","field","input","radio-group","separator"],"title":"Checkout Form 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An order confirmation page with a fulfilment timeline, line items and totals","name":"checkout-form-5","registryDependencies":["button","card","separator","tabs"],"title":"Checkout Form 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A checkout with an async address combobox, delivery tags, a date range picker, phone with OTP verification and currency-formatted totals","name":"checkout-form-6","registryDependencies":["button","calendar","card","combobox","field","input","input-otp","native-select","popover","separator","slider","spinner"],"title":"Checkout Form 6","type":"registry:block"},{"description":"An order table with item thumbnails, dates, quantity, price and an invoice download","name":"order-history-1","registryDependencies":["button","card","table"],"title":"Order History 1","type":"registry:block"},{"description":"An order list grouped by status, with tracking and details actions per order","name":"order-history-2","registryDependencies":["badge","button","card","carousel"],"title":"Order History 2","type":"registry:block"},{"dependencies":["@base-ui/react","lucide-react"],"description":"A tabbed order history with a date-range filter, invoices, reorder and review actions","name":"order-history-3","registryDependencies":["button","card","select","separator","tabs"],"title":"Order History 3","type":"registry:block"},{"dependencies":["date-fns","lucide-react"],"description":"A detailed table view for managing orders with sorting and pagination","name":"order-history-4","registryDependencies":["badge","button","calendar","card","input","popover","select","table"],"title":"Order History 4","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A single-order detail page with a fulfillment timeline, per-shipment items, address and payment summary, and returns, reorder and invoice actions","name":"order-history-5","registryDependencies":["badge","button","card","separator"],"title":"Order History 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-up category grid of subjects with a view-all action","name":"product-category-1","registryDependencies":["button","card"],"title":"Product Category Card 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Image-based category cards with overlay text and trending badges","name":"product-category-2","registryDependencies":["badge","button","card"],"title":"Product Category Card 2","type":"registry:block"},{"description":"A seven-column category strip of small image tiles","name":"product-category-3","registryDependencies":["card"],"title":"Product Category Card 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A category grid with icon avatars and item-count badges","name":"product-category-4","registryDependencies":["@shadcnstore/motion-avatar-group","avatar","badge","card"],"title":"Product Category Card 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Detailed category list with icons, subcategories, and search functionality","name":"product-category-5","registryDependencies":["badge","button","card","input"],"title":"Product Category Card 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A curated category layout with status badges such as trending and featured","name":"product-category-6","registryDependencies":["badge","button","card"],"title":"Product Category Card 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-up category grid badged for new arrivals, best sellers and sale","name":"product-category-7","registryDependencies":["badge","button","card"],"title":"Product Category Card 7","type":"registry:block"},{"description":"A deals grid of product cards with an add-to-cart action on each","name":"product-card-1","registryDependencies":["button","card"],"title":"Product Listing Card 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-up product grid carrying image, name and price only","name":"product-card-2","registryDependencies":["card"],"title":"Product Listing Card 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A product grid with low-stock badges and a view-similar action","name":"product-card-3","registryDependencies":["badge","button","card"],"title":"Product Listing Card 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A product carousel and grid combination across twelve items","name":"product-card-4","registryDependencies":["button","card","carousel"],"title":"Product Listing Card 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Table-style product listing with comparison and sorting features","name":"product-card-5","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","card","input-group","select","table"],"title":"Product Listing Card 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A product page with an image carousel, a size grid and colour swatches","name":"product-overview-1","registryDependencies":["button","carousel"],"title":"Product Overview 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A product page with a thumbnail carousel, a size guide link and a delivery threshold","name":"product-overview-2","registryDependencies":["button","carousel"],"title":"Product Overview 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A furniture product page with colour options, delivery choice, lead-time note and recently viewed","name":"product-overview-3","registryDependencies":["button","carousel"],"title":"Product Overview 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A product page with financing, a quantity select, a postcode delivery check and returns detail","name":"product-overview-4","registryDependencies":["avatar","badge","button","carousel","tooltip"],"title":"Product Overview 4","type":"registry:block"},{"dependencies":["@base-ui/react","lucide-react"],"description":"A product page with tabbed overview and specifications plus a gallery dialog","name":"product-overview-5","registryDependencies":["badge","button","card","dialog","progress","separator","tabs"],"title":"Product Overview 5","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A quick view dialog with an image gallery, variant selection and add to cart","name":"product-overview-6","registryDependencies":["badge","button","button-group","card","dialog","separator","toggle-group"],"title":"Product Overview 6","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A product story whose pinned panel swaps to the section being read, with buy controls above the argument for them","name":"product-overview-7","registryDependencies":["badge","button","separator","toggle-group"],"title":"Product Overview 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A paginated review list with reactions and a write-a-review form","name":"review-rating-1","registryDependencies":["avatar","button","card","input","label","pagination","textarea"],"title":"Product Review & Ratings 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A rating summary with a per-star distribution above a review carousel","name":"review-rating-2","registryDependencies":["avatar","button","carousel","progress"],"title":"Product Review & Ratings 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A review list with a rating filter, distribution bars and pagination","name":"review-rating-3","registryDependencies":["avatar","button","card","pagination","progress","select"],"title":"Product Review & Ratings 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A review section with per-category ratings, sort controls and a load-more action","name":"review-rating-4","registryDependencies":["avatar","button","card","progress","select"],"title":"Product Review & Ratings 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Simple review list with rating distribution and helpful voting","name":"review-rating-5","registryDependencies":["avatar","badge","button","card","progress","select"],"title":"Product Review & Ratings 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A more detailed cart summary with multiple items and discounts","name":"shopping-cart-1","registryDependencies":["button","card","separator"],"title":"Shopping Cart 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A clean and modern cart with promo codes and shipping info","name":"shopping-cart-2","registryDependencies":["badge","button","card","input","separator"],"title":"Shopping Cart 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A simple cart summary with item list and total","name":"shopping-cart-3","registryDependencies":["@shadcnstore/motion-checkbox-check","badge","button","card","progress","separator"],"title":"Shopping Cart 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A collapsible cart sidebar with progress tracking and quick checkout","name":"shopping-cart-4","registryDependencies":["button","card","progress","separator"],"title":"Shopping Cart 4","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A cart and wishlist combo where moving an item between lists animates the row traveling, with stock warnings, price-drop badges and separate empty states","name":"shopping-cart-5","registryDependencies":["badge","button","empty","separator"],"title":"Shopping Cart 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A storefront hero pairing a collection banner with buyable product cards","name":"storefront-hero-1","registryDependencies":["badge","button"],"title":"Storefront Hero Section 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A storefront hero with a search field and a trending product carousel","name":"storefront-hero-2","registryDependencies":["badge","button","card","carousel","input"],"title":"Storefront Hero Section 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A storefront hero with a full header, search suggestions and a help panel","name":"storefront-hero-3","registryDependencies":["@shadcnstore/motion-avatar-group","avatar","badge","button","dropdown-menu"],"title":"Storefront Hero Section 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A storefront hero under a promo bar, with language, location and category menus","name":"storefront-hero-4","registryDependencies":["button","dropdown-menu","input"],"title":"Storefront Hero Section 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Elegant hero section with category navigation and featured deals","name":"storefront-hero-5","registryDependencies":["badge","button","card"],"title":"Storefront Hero Section 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Clean layout highlighting featured products with hover effects","name":"storefront-hero-6","registryDependencies":["badge","button","card"],"title":"Storefront Hero Section 6","type":"registry:block"},{"description":"Premium hero section with winter theme and featured products","name":"storefront-hero-7","registryDependencies":["button"],"title":"Storefront Hero Section 7","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Modern tech store hero with featured products and countdown timer","name":"storefront-hero-8","registryDependencies":["@shadcnstore/motion-sliding-tabs","badge","button","card"],"title":"Storefront Hero Section 8","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"An editorial fashion hero whose photograph ripples like cloth under the pointer, with a look picker that cross-fades the shot","name":"storefront-hero-9","registryDependencies":["badge","button","card","item","separator","toggle-group"],"title":"Storefront Hero Section 9","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"An interiors hero with an oversized headline the product photo sits on, cursor-parallax price and spec cards, and a press marquee","name":"storefront-hero-10","registryDependencies":["badge","button","separator"],"title":"Storefront Hero Section 10","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A sneaker drop hero laid out as a centred poster, with a pointer-scattered particle field, a live countdown and colourway thumbnails that recolour the whole frame","name":"storefront-hero-11","registryDependencies":["badge","button","toggle-group"],"title":"Storefront Hero Section 11","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"An editorial skincare hero: a full-width headline over three columns, with a numbered routine list and a product stage lit by WebGL caustics","name":"storefront-hero-12","registryDependencies":["badge","button","separator","toggle-group"],"title":"Storefront Hero Section 12","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A bento storefront hero whose tiles are crossed by one travelling light, with a featured product alongside dispatch, returns and rating facts","name":"storefront-hero-13","registryDependencies":["badge","button"],"title":"Storefront Hero Section 13","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A dismissible announcement bar that remembers the choice","name":"banner-1","registryDependencies":["@shadcnstore/motion-avatar-group","avatar","badge","button"],"title":"Banner 1","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A promo banner with a live countdown and copyable discount code","name":"banner-2","registryDependencies":["button"],"title":"Banner 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A cookie consent bar with a granular preferences dialog","name":"banner-3","registryDependencies":["button","dialog","separator","switch"],"title":"Banner 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A delayed, scroll-gated floating announcement card with a shadow-bloom spring entrance and a data-switched avatar-pill variant","name":"banner-4","registryDependencies":["@shadcnstore/motion-avatar-group","avatar","badge","button"],"title":"Banner 4","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A token-only site alert system — sticky strip, page banners and inline banners — matching notification-5\\'s severity map","name":"banner-5","registryDependencies":["alert","badge","button","card","collapsible","separator"],"title":"Banner 5","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A destination bento with a filter row and a top-rated tile","name":"bento-grid-1","registryDependencies":["@shadcnstore/motion-sliding-tabs","badge","button","card"],"title":"Bento Grid 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A comprehensive dashboard component showcase featuring deployment analytics, team activity, performance metrics, and integrations - perfect for SaaS applications","name":"bento-grid-2","registryDependencies":["avatar","badge","card","progress","skeleton"],"title":"Bento Grid 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A professional bento grid highlighting services, client testimonials, and business achievements","name":"bento-grid-3","registryDependencies":["avatar","badge","card"],"title":"Bento Grid 3","type":"registry:block"},{"dependencies":["motion"],"description":"A six-column travel bento pairing one large destination tile with smaller ones","name":"bento-grid-4","registryDependencies":["button"],"title":"Bento Grid 4","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"A centre-weighted bento for an AI product, built around one WebGL body of warped noise that churns and turns toward the pointer","name":"bento-grid-5","registryDependencies":["avatar","badge","button","chart","progress","separator"],"title":"Bento Grid 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A left-heavy bento for a developer platform, driven by one token-bucket simulation that feeds a rolling rate-limit graph and a live throughput counter in a separate tile","name":"bento-grid-6","registryDependencies":["badge","separator"],"title":"Bento Grid 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A retail bento built around a full-width collection rail you can throw, with real momentum on a native scroller so keyboard, touch and zoom all keep working","name":"bento-grid-7","registryDependencies":["badge","button"],"title":"Bento Grid 7","type":"registry:block"},{"dependencies":["lucide-react","motion","recharts"],"description":"An analytics bento whose only motion is other people: live cursors walking hand-placed routes across one overlay spanning the whole board, with the data left still","name":"bento-grid-8","registryDependencies":["avatar","badge","button","chart","separator"],"title":"Bento Grid 8","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A careers bento built around a full-height wall of faces tipped in 3D and scrolling on three unsynchronised columns, with published salary bands and a timed hiring process beside it","name":"bento-grid-9","registryDependencies":["avatar","badge","button"],"title":"Bento Grid 9","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A bento where every card holds a piece of the product and the pointer finishes the sentence: a note lands on a frame, a version stack fans out, a grade wipes, a link copies, an approval stamps","name":"bento-grid-10","registryDependencies":["badge","button"],"title":"Bento Grid 10","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A current-account bento where every tile works: a metal card that tilts and catches the light, a balance that counts itself in, two ledger lanes that pause under the pointer, a transfer that really runs its four steps, and a freeze switch that goes and frosts the card","name":"bento-grid-11","registryDependencies":["button","spinner","switch"],"title":"Bento Grid 11","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A ticketing bento for one night in a 198-seat room: a seating plan that fills seat by seat as the sale runs, orders pushing into a live feed, a split-flap board turning over the tour dates, a grained gig poster with light crossing it, and the first four minutes of the on-sale rep","name":"bento-grid-12","registryDependencies":["button"],"title":"Bento Grid 12","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A clean three-card layout with image placeholders, categories, titles and call-to-action links","name":"blog-section-1","registryDependencies":["card"],"title":"Blog Section 1","type":"registry:block"},{"description":"A grid of recent blog posts with images, titles, authors, and tags","name":"blog-section-2","registryDependencies":["aspect-ratio","avatar","badge","card","pagination"],"title":"Blog Section 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A horizontal scrollable stories grid with gradient borders and avatars","name":"blog-section-3","registryDependencies":["aspect-ratio","avatar","badge","card"],"title":"Blog Section 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A responsive grid layout featuring news cards with images, titles, and metadata","name":"blog-section-4","registryDependencies":["avatar","button"],"title":"Blog Section 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An us-versus-alternatives table that becomes cards on mobile","name":"comparison-1","registryDependencies":["badge","button","table"],"title":"Comparison 1","type":"registry:block"},{"dependencies":["@base-ui/react","lucide-react"],"description":"A plan feature matrix whose lit column follows the pointer, with a billing switch, sticky plan headers and a mobile plan picker","name":"comparison-2","registryDependencies":["@shadcnstore/motion-spinning-number","badge","button","select","separator","table","tabs","tooltip"],"title":"Comparison 2","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"An in-app change-plan screen: drawn tier marks, offer captions and struck list prices on cards above a feature matrix that upgrades and downgrades for real","name":"comparison-3","registryDependencies":["@shadcnstore/motion-spinning-number","badge","button","card","progress","select","separator","table","tooltip"],"title":"Comparison 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Clean and minimal contact form with essential fields","name":"contact-section-1","registryDependencies":["button","card","field","input","textarea"],"title":"Contact Form 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Contact form alongside company information cards","name":"contact-section-2","registryDependencies":["badge","button","card","field","input","textarea"],"title":"Contact Form 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Contact form with location map and office details","name":"contact-section-3","registryDependencies":["badge","button","card","field","input","select","separator","textarea"],"title":"Contact Form 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two-column layout with form and contact details","name":"contact-section-4","registryDependencies":["badge","button","card","field","input","select","separator","textarea"],"title":"Contact Form 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Contact section with frequently asked questions","name":"contact-section-5","registryDependencies":["accordion","alert","badge","button","card","field","input","select","textarea"],"title":"Contact Form 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Contact form with team member cards and social links","name":"contact-section-6","registryDependencies":["avatar","badge","button","card","field","input","select","textarea"],"title":"Contact Form 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A single-line call to action with a live badge and two actions","name":"cta-section-1","registryDependencies":["badge","button"],"title":"CTA Section 1","type":"registry:block"},{"description":"A community subscribe card with an inline email field and avatar proof","name":"cta-section-2","registryDependencies":["@shadcnstore/motion-avatar-group","avatar","button","card","input"],"title":"CTA Section 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split call to action with documentation and tutorial links beside the primary button","name":"cta-section-3","registryDependencies":["badge","button","card"],"title":"CTA Section 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centred call to action with two buttons and no-credit-card reassurance","name":"cta-section-4","registryDependencies":["badge","button"],"title":"CTA Section 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Modern enterprise CTA with feature showcase cards","name":"cta-section-5","registryDependencies":["badge","button","card"],"title":"CTA Section 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Engaging newsletter signup with perks showcase and social proof elements","name":"cta-section-6","registryDependencies":["avatar","badge","button","card","input"],"title":"CTA Section 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"High-impact productivity CTA with gradient buttons and trust indicators","name":"cta-section-7","registryDependencies":["badge","button","separator"],"title":"CTA Section 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Interactive team showcase with hover effects and gradient text elements","name":"cta-section-8","registryDependencies":["avatar","badge","button"],"title":"CTA Section 8","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Split layout CTA with organized resource links and image hover animations","name":"cta-section-9","registryDependencies":["button"],"title":"CTA Section 9","type":"registry:block"},{"description":"Clean and elegant CTA perfect for any business website","name":"cta-section-10","registryDependencies":["button","card"],"title":"CTA Section 10","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Enterprise CTA with an animated perspective grid floor and mono display headline","name":"cta-section-11","registryDependencies":["badge","button"],"title":"CTA Section 11","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Payments infrastructure CTA with an animated routing grid, dual actions and a metric row","name":"cta-section-12","registryDependencies":["button","separator"],"title":"CTA Section 12","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Global expansion CTA with a configurable WebGL wave field and inline email capture","name":"cta-section-13","registryDependencies":["badge","field","input-group","separator"],"title":"CTA Section 13","type":"registry:block"},{"description":"A bordered single-column accordion with multiple items openable at once","name":"faq-block-1","registryDependencies":["accordion"],"title":"FAQ Block 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A single-open accordion with an underline trigger style and a two-paragraph intro","name":"faq-block-2","registryDependencies":["accordion","button"],"title":"FAQ Block 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A borderless, two-column accordion layout for a longer question set","name":"faq-block-3","registryDependencies":["accordion","badge","button","card"],"title":"FAQ Block 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A card-style accordion with a search field affordance, for the functional search variant see faq-block-5","name":"faq-block-4","registryDependencies":["accordion","button","card","input"],"title":"FAQ Block 4","type":"registry:block"},{"dependencies":["lucide-react","motion","sonner"],"description":"A functional FAQ search that highlights matches inside answers, composes with categories and emits FAQPage schema","name":"faq-block-5","registryDependencies":["@shadcnstore/motion-sliding-tabs","accordion","button","empty","field","input-group","table"],"title":"FAQ Block 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-up feature grid of icon cards under a badge heading, closing on a call to action","name":"feature-1","registryDependencies":["badge","button","card"],"title":"Feature 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column feature list paired with an image and no card chrome","name":"feature-2","title":"Feature 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A dual-image feature layout with four benefit rows beside the photography","name":"feature-3","registryDependencies":["card"],"title":"Feature 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Feature section with 2x3 grid layout and clean card design","name":"feature-4","title":"Feature 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-card feature section on a dot-pattern surface","name":"feature-5","registryDependencies":["card"],"title":"Feature 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Card-based feature section with decorative grid backgrounds","name":"feature-6","registryDependencies":["card"],"title":"Feature 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Feature section with dual image showcase and feature grid","name":"feature-7","registryDependencies":["button"],"title":"Feature 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split feature section pairing four capability rows with a dashboard image and two actions","name":"feature-8","registryDependencies":["badge","button"],"title":"Feature 8","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A six-item feature grid arranged over two images without cards","name":"feature-9","title":"Feature 9","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A mixed-width feature board pairing metric cards with data-table and dashboard previews","name":"feature-10","registryDependencies":["button","card"],"title":"Feature 10","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Scroll-pinned feature reel that dissolves one photograph into the next beside a numbered step rail","name":"feature-11","registryDependencies":["badge","button"],"title":"Feature 11","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Scroll-stacked benefit cards that pin in turn, each pairing a live mini interface with a proof checklist","name":"feature-12","registryDependencies":["avatar","badge","separator"],"title":"Feature 12","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A scroll-pinned product tour that slides a strip of linked photo cards sideways, with a detail chip on each","name":"feature-13","registryDependencies":["badge","button","progress"],"title":"Feature 13","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A dashed spec-sheet feature grid with numbered cells, proof tags and corner icons that draw on hover","name":"feature-14","registryDependencies":["badge","button"],"title":"Feature 14","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A footer with an inline email capture beside three columns of links","name":"footer-section-1","registryDependencies":["button","input"],"title":"Footer Section 1","type":"registry:block"},{"description":"A half-image footer carrying a postal address, phone and email beside the link columns","name":"footer-section-2","registryDependencies":["separator"],"title":"Footer Section 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A six-column footer that leads with the newsletter form and follows with four link columns","name":"footer-section-3","registryDependencies":["button","input"],"title":"Footer Section 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A five-column footer with quick links, resources, legal and a get-in-touch column","name":"footer-section-4","registryDependencies":["button","input"],"title":"Footer Section 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A footer on a soft gradient with an address block, contact lines and a stay-updated form","name":"footer-section-5","registryDependencies":["button","input"],"title":"Footer Section 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A minimal two-row footer with top navigation, a language menu and city links","name":"footer-section-6","registryDependencies":["button","dropdown-menu"],"title":"Footer Section 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-column footer pairing contact details and link groups with a subscribe form","name":"footer-section-7","registryDependencies":["button","input","label","separator"],"title":"Footer Section 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split hero with a badge, an avatar group and a trusted-by line under the call to action","name":"hero-section-1","registryDependencies":["@shadcnstore/motion-avatar-group","avatar","badge","button"],"title":"Hero Section 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A split hero built around a fixed-ratio media card for a product image or video","name":"hero-section-2","registryDependencies":["aspect-ratio","badge","button","card"],"title":"Hero Section 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A centred hero with a dashboard preview above a logo row of named customers","name":"hero-section-3","registryDependencies":["badge","button","skeleton"],"title":"Hero Section 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A hero that carries four headline metrics as cards directly under the call to action","name":"hero-section-4","registryDependencies":["badge","button","card"],"title":"Hero Section 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A hero with its own navigation bar, avatar proof and a full-bleed destination image","name":"hero-section-5","registryDependencies":["@shadcnstore/motion-avatar-group","avatar","badge","button","card","dropdown-menu"],"title":"Hero Section 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A search-led hero with tabs and location, type and price-range selects over an image grid","name":"hero-section-6","registryDependencies":["badge","button","card","input","label","select","tabs"],"title":"Hero Section 6","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"An AI product hero with a token-derived gradient and a looping chat demo","name":"hero-section-7","registryDependencies":["badge","bubble","button","message","message-scroller","separator"],"title":"Hero Section 7","type":"registry:block"},{"dependencies":["@base-ui/react","lucide-react"],"description":"An editorial property hero whose photograph grades from midday to dusk across a draggable seam","name":"hero-section-8","registryDependencies":["badge","button"],"title":"Hero Section 8","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A centred hero in an inset panel, with the stages of an authorisation fanned in 3D and dragged by hand","name":"hero-section-9","registryDependencies":["badge","button","card","separator"],"title":"Hero Section 9","type":"registry:block"},{"dependencies":["lucide-react","motion","recharts"],"description":"A fitness app hero on a full-bleed running photo printed as a halftone, with a pointer-led reveal lens","name":"hero-section-10","registryDependencies":["button","chart"],"title":"Hero Section 10","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A showcase hero whose three rows of work drift in alternating directions on a tilted plane that straightens as you scroll","name":"hero-section-11","registryDependencies":["badge","button"],"title":"Hero Section 11","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A product-launch hero under a drifting WebGL aurora, with a browser-framed screenshot and a stat row","name":"hero-section-12","registryDependencies":["avatar","badge","button","separator"],"title":"Hero Section 12","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A split hero on a node web that links itself and leans toward the cursor, beside a live signal console","name":"hero-section-13","registryDependencies":["badge","button","card","item","separator"],"title":"Hero Section 13","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A waitlist hero lit by counter-rotating beams, with a sheened headline, inline email capture and a wordmark marquee","name":"hero-section-14","registryDependencies":["badge","field","input-group","separator","skeleton"],"title":"Hero Section 14","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-up service listing with category badges and a get-started action","name":"listing-1","registryDependencies":["badge","button","card"],"title":"Listing 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A category listing that scrolls horizontally through destination cards","name":"listing-2","registryDependencies":["button"],"title":"Listing 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column course listing with instructor avatars and category labels","name":"listing-3","registryDependencies":["avatar","button","card"],"title":"Listing 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-up course listing with a category badge on each card","name":"listing-4","registryDependencies":["badge","card"],"title":"Listing 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A property listing with bed, bath and area counts and a view-details action","name":"listing-5","registryDependencies":["badge","button","card"],"title":"Listing 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A category carousel with a progress indicator across twelve subject cards","name":"listing-6","registryDependencies":["card","carousel","progress"],"title":"Listing 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Showcases ShadcnStore compatibility with popular technologies and development frameworks","name":"logo-cloud-1","registryDependencies":["skeleton"],"title":"Logo Cloud 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Customer testimonials and success metrics highlighting ShadcnStore component benefits","name":"logo-cloud-2","registryDependencies":["avatar","badge","card","skeleton"],"title":"Logo Cloud 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Professional showcase featuring industry leaders who use ShadcnStore components","name":"logo-cloud-3","registryDependencies":["badge","button","skeleton"],"title":"Logo Cloud 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Enterprise-focused showcase highlighting ShadcnStore components for large-scale applications","name":"logo-cloud-4","registryDependencies":["badge","button","card","skeleton"],"title":"Logo Cloud 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Community-focused showcase featuring ShadcnStore partner companies and ecosystem growth","name":"logo-cloud-5","registryDependencies":["badge","button","separator","skeleton"],"title":"Logo Cloud 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A clean marketing navbar with a sheet menu on mobile","name":"navbar-1","registryDependencies":["button","separator","sheet"],"title":"Navbar 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A mega-menu navbar with grouped flyouts and a featured card","name":"navbar-2","registryDependencies":["accordion","button","navigation-menu","separator","sheet"],"title":"Navbar 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A scroll-aware navbar that condenses into a floating pill","name":"navbar-3","registryDependencies":["button","separator","sheet"],"title":"Navbar 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A storefront navbar with live search, avatar account menu, animated cart badge, and a product grid demo","name":"navbar-4","registryDependencies":["accordion","avatar","badge","button","card","dropdown-menu","empty","input-group","separator","sheet"],"title":"Navbar 4","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A documentation-site header with a collapsing secondary row, breadcrumb promotion, ⌘K search and version switching","name":"navbar-5","registryDependencies":["badge","breadcrumb","button","command","dropdown-menu","kbd","select","separator","sheet"],"title":"Navbar 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-tier pricing grid with a popular badge and a feature list per plan","name":"pricing-section-1","registryDependencies":["badge","button","card"],"title":"Pricing Section 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-tier pricing grid with a raised middle plan and per-plan feature lists","name":"pricing-section-2","registryDependencies":["badge","button","card"],"title":"Pricing Section 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-tier pricing grid with a monthly and annual billing switch","name":"pricing-section-3","registryDependencies":["@shadcnstore/motion-sliding-tabs","@shadcnstore/motion-spinning-number","badge","button","card"],"title":"Pricing Section 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A clean and modern pricing section with a focus on features and benefits","name":"pricing-section-4","registryDependencies":["badge","button","card"],"title":"Pricing Section 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Two-tier pricing layout with Personal vs Team plans and comprehensive features grid","name":"pricing-section-5","registryDependencies":["badge","button","card"],"title":"Pricing Section 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Comprehensive 4-tier pricing with Free, Personal, Teams, and Enterprise plans","name":"pricing-section-6","registryDependencies":["badge","button","card"],"title":"Pricing Section 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A usage-based pricing calculator with live totals and volume tiers","name":"pricing-section-7","registryDependencies":["@shadcnstore/motion-sliding-tabs","@shadcnstore/motion-spinning-number","badge","button","card","label","slider"],"title":"Pricing Section 7","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Scroll-stacked plans that hand over one at a time, each pairing its price panel with who it is for and what it does not do","name":"pricing-section-8","registryDependencies":["badge","button","card","separator"],"title":"Pricing Section 8","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A plain release list with a date rail and every line tagged added, improved or fixed","name":"changelog-4","registryDependencies":["badge","button"],"title":"Changelog 4","type":"registry:block"},{"description":"A three-column Now, Next and Later board that publishes order rather than dates","name":"roadmap-1","registryDependencies":["badge","card"],"title":"Roadmap 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An editorial release timeline with version anchors and copyable links","name":"changelog-1","registryDependencies":["badge","button","separator"],"title":"Changelog 1","type":"registry:block"},{"dependencies":["@base-ui/react","lucide-react"],"description":"A dense changelog with type filters, month grouping and expandable rows","name":"changelog-2","registryDependencies":["accordion","badge","button","input","label","select","spinner","tabs"],"title":"Changelog 2","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Scroll-stacked releases that hand over one at a time, each pairing its version panel with what changed and why","name":"changelog-3","registryDependencies":["badge","button","card","separator"],"title":"Changelog 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A public Now/Next/Later roadmap board with vote chips","name":"timeline-1","registryDependencies":["badge","button"],"title":"Timeline 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Modern statistics grid with progress indicators and performance metrics","name":"statistic-1","registryDependencies":["badge","card","progress"],"title":"Statistic 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Side-by-side layout showcasing company metrics and growth statistics","name":"statistic-2","registryDependencies":["badge","card"],"title":"Statistic 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Comprehensive platform statistics with trend indicators and progress bars","name":"statistic-3","registryDependencies":["badge","card","progress"],"title":"Statistic 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-metric growth grid with year-over-year context and a closing call to action","name":"statistic-4","registryDependencies":["badge","card"],"title":"Statistic 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Comprehensive business dashboard with summary cards and detailed analytics","name":"statistic-5","registryDependencies":["badge","card","progress"],"title":"Statistic 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"Clean metrics grid displaying key performance indicators","name":"statistic-6","registryDependencies":["badge","card","progress","separator"],"title":"Statistic 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An analytics board pairing sales by category and recent transactions with four summary figures","name":"statistic-7","registryDependencies":["badge","card"],"title":"Statistic 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A sales analytics section with a monthly revenue table, top customers and performance figures","name":"statistic-8","registryDependencies":["avatar","card"],"title":"Statistic 8","type":"registry:block"},{"dependencies":["lucide-react","recharts"],"description":"Four last-24-hours KPI tiles with an hourly bar chart, a dashed comparison curve and change against the previous 24 hours","name":"statistic-9","registryDependencies":["badge","card","chart"],"title":"Statistic 9","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A five-figure KPI strip split by hairlines: net sales, orders, gross profit, average order and refunds against the period before","name":"statistic-10","registryDependencies":["badge","card"],"title":"Statistic 10","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An agent grid whose cards carry listing counts, languages and a profile link","name":"team-1","registryDependencies":["button","card"],"title":"Team Profile 1","type":"registry:block"},{"description":"A four-up agent grid with listed-property counts under each portrait","name":"team-2","registryDependencies":["button","card"],"title":"Team Profile 2","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A twelve-column team carousel with avatars, roles and a view-all action","name":"team-3","registryDependencies":["avatar","button","card","carousel"],"title":"Team Profile 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-up team grid carrying a portrait, a name and a role and nothing more","name":"team-4","registryDependencies":["button","card"],"title":"Team Profile 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An instructor grid whose cards pair the avatar with course and student counts","name":"team-5","registryDependencies":["avatar","button","card"],"title":"Team Profile 5","type":"registry:block"},{"description":"A four-up profile grid with full-bleed portraits and role captions","name":"team-6","registryDependencies":["button","card"],"title":"Team Profile 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-up agent grid with call and email actions on every card","name":"team-7","registryDependencies":["button","card"],"title":"Team Profile 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A four-up corporate team grid with a role badge on each portrait","name":"team-8","registryDependencies":["badge","button","card"],"title":"Team Profile 8","type":"registry:block"},{"dependencies":["lucide-react"],"description":"An executive team layout pairing portraits with location, experience and project counts","name":"team-9","registryDependencies":["badge","card"],"title":"Team Profile 9","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A quote carousel with an avatar, a role and a short headline per review","name":"testimonial-1","registryDependencies":["avatar","button","card","carousel"],"title":"Testimonial 1","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A hero testimonial layout with featured testimonial and supporting cards","name":"testimonial-2","registryDependencies":["avatar","card"],"title":"Testimonial 2","type":"registry:block"},{"description":"A grid-based testimonial wall showcasing customer feedback","name":"testimonial-3","registryDependencies":["avatar","card"],"title":"Testimonial 3","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A two-column testimonial carousel with a photograph and a dialog for the full quote","name":"testimonial-4","registryDependencies":["avatar","button","card","carousel","dialog"],"title":"Testimonial 4","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A three-column testimonial carousel above satisfaction, rating and uptime figures","name":"testimonial-5","registryDependencies":["avatar","card","carousel","skeleton"],"title":"Testimonial 5","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A twelve-column testimonial mosaic built from mixed-width quote cards","name":"testimonial-6","registryDependencies":["avatar","card"],"title":"Testimonial 6","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A student testimonial carousel carrying an avatar, a role and a rating per card","name":"testimonial-7","registryDependencies":["avatar","card","carousel"],"title":"Testimonial 7","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A borderless testimonial wall under a badge heading, with a load-more action","name":"testimonial-8","registryDependencies":["avatar","button","card"],"title":"Testimonial 8","type":"registry:block"},{"dependencies":["lucide-react"],"description":"A testimonial carousel sized for course and training pages, with arrows and avatars","name":"testimonial-9","registryDependencies":["avatar","button","card","carousel"],"title":"Testimonial 9","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"Draggable proof board of real tweets, Slack messages, emails and reviews, each keeping its own chrome","name":"testimonial-10","registryDependencies":["avatar","badge"],"title":"Testimonial 10","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A single-screen waitlist page that returns a position in line","name":"waitlist-1","registryDependencies":["@shadcnstore/motion-avatar-group","avatar","badge","field","input-group","spinner"],"title":"Waitlist 1","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A launch countdown page that converts itself on launch day","name":"waitlist-2","registryDependencies":["button","field","input-group","separator","spinner"],"title":"Waitlist 2","type":"registry:block"},{"dependencies":["lucide-react","motion","sonner"],"description":"A working referral waitlist with a counting position, real share links, a settling leaderboard and honest tier progress","name":"waitlist-3","registryDependencies":["button","card","field","input-group","label","progress","spinner"],"title":"Waitlist 3","type":"registry:block"},{"dependencies":["lucide-react","motion"],"description":"A segmented partner-code gate with per-segment local validation, a reserved rejection shake and a request-access fallback","name":"waitlist-4","registryDependencies":["badge","button","collapsible","field","input","input-group","input-otp","select","toggle-group"],"title":"Waitlist 4","type":"registry:block"}]},"termcn":{"favicon":"/favicons/termcn.svg","items":[{"categories":["core"],"dependencies":["ink"],"description":"Focus-gated Ink input handling and modal focus scopes.","name":"ink/interaction","title":"Interaction","type":"registry:hook"},{"categories":["core"],"description":"Provider-optional reduced-motion context and hook.","name":"ink/use-motion","registryDependencies":["https://termcn.dev/r/ink/types.json"],"title":"Use Motion","type":"registry:hook"},{"categories":["core"],"description":"Provider-optional terminal theme context and hooks.","name":"ink/use-theme","registryDependencies":["https://termcn.dev/r/ink/theme-default.json","https://termcn.dev/r/ink/types.json"],"title":"Use Theme","type":"registry:hook"},{"categories":["core"],"description":"Provider-optional Unicode capability context and hook.","name":"ink/use-unicode","registryDependencies":["https://termcn.dev/r/ink/types.json"],"title":"Use Unicode","type":"registry:hook"},{"categories":["core"],"description":"Optional reduced-motion override provider.","name":"ink/motion-provider","registryDependencies":["https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-motion.json"],"title":"Motion Provider","type":"registry:ui"},{"categories":["core"],"description":"Optional Unicode capability override provider.","name":"ink/unicode-provider","registryDependencies":["https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Unicode Provider","type":"registry:ui"},{"categories":["feedback"],"dependencies":["ink"],"description":"Alert box with success/error/warning/info variants","name":"ink/alert","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Alert","type":"registry:ui"},{"categories":["templates"],"dependencies":["ink"],"description":"Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer","name":"ink/app-shell","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"App Shell","type":"registry:ui"},{"categories":["layout"],"dependencies":["ink"],"description":"Constrains children to a given aspect ratio","name":"ink/aspect-ratio","title":"Aspect Ratio","type":"registry:ui"},{"categories":["typography"],"dependencies":["ink"],"description":"Semantic status indicator badge (success/error/warning/info)","name":"ink/badge","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Badge","type":"registry:ui"},{"categories":["feedback"],"dependencies":["ink"],"description":"Full-width announcement banner","name":"ink/banner","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Banner","type":"registry:ui"},{"categories":["charts"],"dependencies":["ink"],"description":"Horizontal and vertical bar chart with labels","name":"ink/bar-chart","registryDependencies":["https://termcn.dev/r/ink/accessibility.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Bar Chart","type":"registry:ui"},{"categories":["typography"],"dependencies":["ink"],"description":"Figlet-style large ASCII art text","name":"ink/big-text","registryDependencies":["https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Big Text","type":"registry:ui"},{"categories":["layout"],"dependencies":["ink"],"description":"Enhanced flexbox container with theme-aware borders","name":"ink/box","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Box","type":"registry:ui"},{"categories":["navigation"],"dependencies":["ink"],"description":"Breadcrumb navigation trail","name":"ink/breadcrumb","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Breadcrumb","type":"registry:ui"},{"categories":["templates"],"dependencies":["ink"],"description":"Nested structured content with ●/└/□ bullet prefixes","name":"ink/bullet-list","registryDependencies":["https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Bullet List","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Card with header, body, and footer slots","name":"ink/card","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Card","type":"registry:ui"},{"categories":["layout"],"dependencies":["ink"],"description":"Centers children horizontally and vertically","name":"ink/center","title":"Center","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Chat message bubble with role label, streaming indicator, and collapsible content","name":"ink/chat-message","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-animation.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Chat Message","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Scrollable container for stacking ChatMessage components in a conversation thread","name":"ink/chat-thread","title":"Chat Thread","type":"registry:ui"},{"categories":["selection"],"dependencies":["ink"],"description":"Checkbox with indeterminate state","name":"ink/checkbox","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Checkbox","type":"registry:ui"},{"categories":["selection"],"dependencies":["ink"],"description":"Checkbox group with min/max selection","name":"ink/checkbox-group","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Checkbox Group","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Copy-to-clipboard button with success feedback","name":"ink/clipboard","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-clipboard.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Clipboard","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Real-time clock display with 12h/24h and date","name":"ink/clock","registryDependencies":["https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-interval.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Clock","type":"registry:ui"},{"categories":["typography"],"dependencies":["ink"],"description":"Syntax-highlighted code block (50+ languages)","name":"ink/code","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Code","type":"registry:ui"},{"categories":["selection"],"dependencies":["ink"],"description":"Color picker with palette, hex, and RGB input","name":"ink/color-picker","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Color Picker","type":"registry:ui"},{"categories":["layout"],"dependencies":["ink"],"description":"Multi-column layout with configurable widths","name":"ink/columns","title":"Columns","type":"registry:ui"},{"categories":["navigation"],"dependencies":["ink"],"description":"VS Code–style command palette with fuzzy search","name":"ink/command-palette","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Command Palette","type":"registry:ui"},{"categories":["forms"],"dependencies":["ink"],"description":"Yes/No confirmation prompt","name":"ink/confirm","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Confirm","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Arrow-key scrollable stack for long assistant threads with optional hint","name":"ink/conversation-history","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Conversation History","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Advanced data grid with sorting, filtering, pagination, and cell editing","name":"ink/data-grid","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Data Grid","type":"registry:ui"},{"categories":["forms"],"dependencies":["ink"],"description":"Calendar date picker with keyboard navigation","name":"ink/date-picker","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Date Picker","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Term–description definition list","name":"ink/definition","registryDependencies":["https://termcn.dev/r/ink/use-theme.json"],"title":"Definition","type":"registry:ui"},{"categories":["overlays"],"dependencies":["ink"],"description":"Confirmation dialog with OK/Cancel actions","name":"ink/dialog","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Dialog","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers","name":"ink/diff-view","registryDependencies":["https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Diff View","type":"registry:ui"},{"categories":["typography"],"dependencies":["ink"],"description":"Box-drawing character numerals","name":"ink/digits","registryDependencies":["https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Digits","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Filesystem browser with expand/collapse","name":"ink/directory-tree","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Directory Tree","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Dithered area charts with layered fills, dots, axes, stacking, bloom, and keyboard interaction","name":"ink/dither-area-chart","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-motion.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Dither Area Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Dithered grouped, stacked, and percent bar charts with terminal-native textures and interaction","name":"ink/dither-bar-chart","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-motion.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Dither Bar Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Dithered multi-series line charts with solid or dashed strokes, markers, axes, and terminal interaction","name":"ink/dither-line-chart","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-motion.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Dither Line Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Dithered pie and donut charts with textured slices, legends, tooltips, and keyboard inspection","name":"ink/dither-pie-chart","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-motion.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Dither Pie Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Dithered radar charts for comparing multiple series across terminal-friendly radial axes","name":"ink/dither-radar-chart","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-motion.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Dither Radar Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Compact dithered sparklines for terminal dashboards, summaries, and inline metrics","name":"ink/dither-sparkline","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-motion.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Dither Sparkline","type":"registry:ui"},{"categories":["layout"],"dependencies":["ink"],"description":"Horizontal or vertical divider / rule","name":"ink/divider","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Divider","type":"registry:ui"},{"categories":["overlays"],"dependencies":["ink"],"description":"Slide-in panel from any edge","name":"ink/drawer","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Drawer","type":"registry:ui"},{"categories":["input"],"dependencies":["ink"],"description":"Email input with validation and domain suggestions","name":"ink/email-input","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Email Input","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink","strip-ansi"],"description":"Embedded PTY terminal panel (requires node-pty peer)","name":"ink/embedded-terminal","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Embedded Terminal","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"React error boundary with graceful terminal display","name":"ink/error-boundary","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Error Boundary","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Inline error panel with retry, dismiss, and max-retry guard","name":"ink/error-retry","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Error Retry","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut","name":"ink/file-change","registryDependencies":["https://termcn.dev/r/ink/diff-view.json","https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"File Change","type":"registry:ui"},{"categories":["forms"],"dependencies":["ink"],"description":"Interactive file browser and picker","name":"ink/file-picker","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"File Picker","type":"registry:ui"},{"categories":["forms"],"dependencies":["ink"],"description":"Form container with validation, Ctrl+S submit, and dirty tracking","name":"ink/form","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-theme.json"],"title":"Form","type":"registry:ui"},{"categories":["forms"],"dependencies":["ink"],"description":"Form field wrapper with label, hint, and error","name":"ink/form-field","registryDependencies":["https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Form Field","type":"registry:ui"},{"categories":["charts"],"dependencies":["ink"],"description":"Arc/speedometer gauge meter","name":"ink/gauge","registryDependencies":["https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Gauge","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Git status display (branch, staged, modified, ahead/behind)","name":"ink/git-status","registryDependencies":["https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Git Status","type":"registry:ui"},{"categories":["typography"],"dependencies":["ink"],"description":"Color gradient text","name":"ink/gradient","registryDependencies":["https://termcn.dev/r/ink/terminal-text.json"],"title":"Gradient","type":"registry:ui"},{"categories":["layout"],"dependencies":["ink"],"description":"Rows × columns grid layout","name":"ink/grid","title":"Grid","type":"registry:ui"},{"categories":["typography"],"dependencies":["ink"],"description":"h1–h4 styled headings with optional figlet ASCII art","name":"ink/heading","registryDependencies":["https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Heading","type":"registry:ui"},{"categories":["charts"],"dependencies":["ink"],"description":"Grid heatmap with color intensity scale","name":"ink/heat-map","registryDependencies":["https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Heat Map","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Auto-generated help panel from a keymap","name":"ink/help","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Help","type":"registry:ui"},{"categories":["templates"],"dependencies":["ink"],"description":"Figlet banner + tagline + aligned Options/Commands help sections","name":"ink/help-screen","registryDependencies":["https://termcn.dev/r/ink/big-text.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json"],"title":"Help Screen","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Image renderer with iTerm2/Kitty protocol and ASCII fallback","name":"ink/image","registryDependencies":["https://termcn.dev/r/ink/accessibility.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Image","type":"registry:ui"},{"categories":["templates"],"dependencies":["ink"],"description":"Bordered info panel with header, key-value rows, and tree-prefix rows","name":"ink/info-box","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Info Box","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Pretty-printed JSON with collapsible nodes","name":"ink/json","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-theme.json"],"title":"JSON","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Aligned key–value pairs","name":"ink/key-value","registryDependencies":["https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json"],"title":"Key Value","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Formatted keyboard shortcut reference table","name":"ink/keyboard-shortcuts","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Keyboard Shortcuts","type":"registry:ui"},{"categories":["charts"],"dependencies":["ink"],"description":"ASCII line chart with axes and multi-series support","name":"ink/line-chart","registryDependencies":["https://termcn.dev/r/ink/accessibility.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Line Chart","type":"registry:ui"},{"categories":["typography"],"dependencies":["ink"],"description":"OSC 8 clickable hyperlink","name":"ink/link","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-theme.json"],"title":"Link","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Navigable list with optional filtering","name":"ink/list","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"List","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Scrolling log viewer with severity levels and filtering","name":"ink/log","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Log","type":"registry:ui"},{"categories":["templates"],"dependencies":["ink"],"description":"Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select","name":"ink/login-flow","registryDependencies":["https://termcn.dev/r/ink/big-text.json","https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Login Flow","type":"registry:ui"},{"categories":["typography"],"dependencies":["ink"],"description":"Full markdown renderer for terminal","name":"ink/markdown","registryDependencies":["https://termcn.dev/r/ink/use-animation.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Markdown","type":"registry:ui"},{"categories":["input"],"dependencies":["ink"],"description":"Masked input for phone, date, credit card formats","name":"ink/masked-input","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Masked Input","type":"registry:ui"},{"categories":["navigation"],"dependencies":["ink"],"description":"Dropdown menu with nested submenus","name":"ink/menu","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Menu","type":"registry:ui"},{"categories":["overlays"],"dependencies":["ink"],"description":"Focus-trapped overlay modal, close with Esc","name":"ink/modal","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Modal","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display","name":"ink/model-selector","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Model Selector","type":"registry:ui"},{"categories":["feedback"],"dependencies":["ink"],"description":"Parallel progress display for package managers, build pipelines, and deploy tools","name":"ink/multi-progress","registryDependencies":["https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Multi Progress","type":"registry:ui"},{"categories":["selection"],"dependencies":["ink"],"description":"Multi-select list with checkboxes and select-all","name":"ink/multi-select","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Multi Select","type":"registry:ui"},{"categories":["overlays"],"dependencies":["ink"],"description":"Persistent queue-based notification panel with useNotifications hook","name":"ink/notification-center","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-notifications.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Notification Center","type":"registry:block"},{"categories":["input"],"dependencies":["ink"],"description":"Numeric input with increment/decrement and bounds","name":"ink/number-input","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Number Input","type":"registry:ui"},{"categories":["core"],"description":"Provider-optional reduced-motion context and hook.","name":"opentui/use-motion","registryDependencies":["https://termcn.dev/r/opentui/types.json"],"title":"Use Motion","type":"registry:hook"},{"categories":["core"],"description":"Provider-optional terminal theme context and hooks.","name":"opentui/use-theme","registryDependencies":["https://termcn.dev/r/opentui/theme-default.json","https://termcn.dev/r/opentui/types.json"],"title":"Use Theme","type":"registry:hook"},{"categories":["core"],"description":"Provider-optional Unicode capability context and hook.","name":"opentui/use-unicode","registryDependencies":["https://termcn.dev/r/opentui/types.json"],"title":"Use Unicode","type":"registry:hook"},{"categories":["core"],"dependencies":["@opentui/react"],"description":"Optional reduced-motion override provider.","name":"opentui/motion-provider","registryDependencies":["https://termcn.dev/r/opentui/types.json","https://termcn.dev/r/opentui/use-motion.json"],"title":"Motion Provider","type":"registry:ui"},{"categories":["core"],"dependencies":["@opentui/react"],"description":"Optional Unicode capability override provider.","name":"opentui/unicode-provider","registryDependencies":["https://termcn.dev/r/opentui/types.json","https://termcn.dev/r/opentui/use-unicode.json"],"title":"Unicode Provider","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react"],"description":"Alert box with success/error/warning/info variants","name":"opentui/alert","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Alert","type":"registry:ui"},{"categories":["templates"],"dependencies":["@opentui/react"],"description":"Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer","name":"opentui/app-shell","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"App Shell","type":"registry:ui"},{"categories":["layout"],"dependencies":["@opentui/react"],"description":"Constrains children to a given aspect ratio","name":"opentui/aspect-ratio","title":"Aspect Ratio","type":"registry:ui"},{"categories":["typography"],"dependencies":["@opentui/react"],"description":"Semantic status indicator badge (success/error/warning/info)","name":"opentui/badge","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Badge","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react"],"description":"Full-width announcement banner","name":"opentui/banner","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Banner","type":"registry:ui"},{"categories":["charts"],"dependencies":["@opentui/react"],"description":"Horizontal and vertical bar chart with labels","name":"opentui/bar-chart","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Bar Chart","type":"registry:ui"},{"categories":["typography"],"dependencies":["@opentui/react"],"description":"Figlet-style large ASCII art text","name":"opentui/big-text","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Big Text","type":"registry:ui"},{"categories":["layout"],"dependencies":["@opentui/react"],"description":"Enhanced flexbox container with theme-aware borders","name":"opentui/box","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Box","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@opentui/react"],"description":"Breadcrumb navigation trail","name":"opentui/breadcrumb","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Breadcrumb","type":"registry:ui"},{"categories":["templates"],"dependencies":["@opentui/react"],"description":"Nested structured content with ●/└/□ bullet prefixes","name":"opentui/bullet-list","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Bullet List","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Card with header, body, and footer slots","name":"opentui/card","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Card","type":"registry:ui"},{"categories":["layout"],"dependencies":["@opentui/react"],"description":"Centers children horizontally and vertically","name":"opentui/center","title":"Center","type":"registry:ui"},{"categories":["ai"],"dependencies":["@opentui/react"],"description":"Chat message bubble with role label, streaming indicator, and collapsible content","name":"opentui/chat-message","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Chat Message","type":"registry:ui"},{"categories":["ai"],"dependencies":["@opentui/react"],"description":"Scrollable container for stacking ChatMessage components in a conversation thread","name":"opentui/chat-thread","title":"Chat Thread","type":"registry:ui"},{"categories":["selection"],"dependencies":["@opentui/react"],"description":"Checkbox with indeterminate state","name":"opentui/checkbox","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Checkbox","type":"registry:ui"},{"categories":["selection"],"dependencies":["@opentui/react"],"description":"Checkbox group with min/max selection","name":"opentui/checkbox-group","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Checkbox Group","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Copy-to-clipboard button with success feedback","name":"opentui/clipboard","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json","https://termcn.dev/r/ink/use-clipboard.json"],"title":"Clipboard","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Real-time clock display with 12h/24h and date","name":"opentui/clock","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Clock","type":"registry:ui"},{"categories":["typography"],"dependencies":["@opentui/react"],"description":"Syntax-highlighted code block (50+ languages)","name":"opentui/code","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Code","type":"registry:ui"},{"categories":["selection"],"dependencies":["@opentui/react"],"description":"Color picker with palette, hex, and RGB input","name":"opentui/color-picker","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Color Picker","type":"registry:ui"},{"categories":["layout"],"dependencies":["@opentui/react"],"description":"Multi-column layout with configurable widths","name":"opentui/columns","title":"Columns","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@opentui/react"],"description":"VS Code–style command palette with fuzzy search","name":"opentui/command-palette","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Command Palette","type":"registry:ui"},{"categories":["forms"],"dependencies":["@opentui/react"],"description":"Yes/No confirmation prompt","name":"opentui/confirm","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Confirm","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Advanced data grid with sorting, filtering, pagination, and cell editing","name":"opentui/data-grid","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Data Grid","type":"registry:ui"},{"categories":["forms"],"dependencies":["@opentui/react"],"description":"Calendar date picker with keyboard navigation","name":"opentui/date-picker","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Date Picker","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Term–description definition list","name":"opentui/definition","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Definition","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@opentui/react"],"description":"Confirmation dialog with OK/Cancel actions","name":"opentui/dialog","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Dialog","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers","name":"opentui/diff-view","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Diff View","type":"registry:ui"},{"categories":["typography"],"dependencies":["@opentui/react"],"description":"Box-drawing character numerals","name":"opentui/digits","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Digits","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Filesystem browser with expand/collapse","name":"opentui/directory-tree","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Directory Tree","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Dithered area charts with layered fills, dots, axes, stacking, bloom, and keyboard interaction","name":"opentui/dither-area-chart","registryDependencies":["https://termcn.dev/r/opentui/use-motion.json","https://termcn.dev/r/opentui/use-theme.json","https://termcn.dev/r/opentui/use-unicode.json"],"title":"Dither Area Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Dithered grouped, stacked, and percent bar charts with terminal-native textures and interaction","name":"opentui/dither-bar-chart","registryDependencies":["https://termcn.dev/r/opentui/use-motion.json","https://termcn.dev/r/opentui/use-theme.json","https://termcn.dev/r/opentui/use-unicode.json"],"title":"Dither Bar Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Dithered multi-series line charts with solid or dashed strokes, markers, axes, and terminal interaction","name":"opentui/dither-line-chart","registryDependencies":["https://termcn.dev/r/opentui/use-motion.json","https://termcn.dev/r/opentui/use-theme.json","https://termcn.dev/r/opentui/use-unicode.json"],"title":"Dither Line Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Dithered pie and donut charts with textured slices, legends, tooltips, and keyboard inspection","name":"opentui/dither-pie-chart","registryDependencies":["https://termcn.dev/r/opentui/use-motion.json","https://termcn.dev/r/opentui/use-theme.json","https://termcn.dev/r/opentui/use-unicode.json"],"title":"Dither Pie Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Dithered radar charts for comparing multiple series across terminal-friendly radial axes","name":"opentui/dither-radar-chart","registryDependencies":["https://termcn.dev/r/opentui/use-motion.json","https://termcn.dev/r/opentui/use-theme.json","https://termcn.dev/r/opentui/use-unicode.json"],"title":"Dither Radar Chart","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Compact dithered sparklines for terminal dashboards, summaries, and inline metrics","name":"opentui/dither-sparkline","registryDependencies":["https://termcn.dev/r/opentui/use-motion.json","https://termcn.dev/r/opentui/use-theme.json","https://termcn.dev/r/opentui/use-unicode.json"],"title":"Dither Sparkline","type":"registry:ui"},{"categories":["layout"],"dependencies":["@opentui/react"],"description":"Horizontal or vertical divider / rule","name":"opentui/divider","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Divider","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@opentui/react"],"description":"Slide-in panel from any edge","name":"opentui/drawer","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Drawer","type":"registry:ui"},{"categories":["input"],"dependencies":["@opentui/react"],"description":"Email input with validation and domain suggestions","name":"opentui/email-input","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Email Input","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react","strip-ansi"],"description":"Embedded PTY terminal panel (requires node-pty peer)","name":"opentui/embedded-terminal","title":"Embedded Terminal","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"React error boundary with graceful terminal display","name":"opentui/error-boundary","title":"Error Boundary","type":"registry:ui"},{"categories":["ai"],"dependencies":["@opentui/react"],"description":"Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut","name":"opentui/file-change","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"File Change","type":"registry:ui"},{"categories":["forms"],"dependencies":["@opentui/react"],"description":"Interactive file browser and picker","name":"opentui/file-picker","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"File Picker","type":"registry:ui"},{"categories":["forms"],"dependencies":["@opentui/react"],"description":"Form container with validation, Ctrl+S submit, and dirty tracking","name":"opentui/form","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Form","type":"registry:ui"},{"categories":["forms"],"dependencies":["@opentui/react"],"description":"Form field wrapper with label, hint, and error","name":"opentui/form-field","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Form Field","type":"registry:ui"},{"categories":["charts"],"dependencies":["@opentui/react"],"description":"Arc/speedometer gauge meter","name":"opentui/gauge","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Gauge","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Git status display (branch, staged, modified, ahead/behind)","name":"opentui/git-status","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Git Status","type":"registry:ui"},{"categories":["typography"],"dependencies":["@opentui/react"],"description":"Color gradient text","name":"opentui/gradient","title":"Gradient","type":"registry:ui"},{"categories":["layout"],"dependencies":["@opentui/react"],"description":"Rows × columns grid layout","name":"opentui/grid","title":"Grid","type":"registry:ui"},{"categories":["typography"],"dependencies":["@opentui/react"],"description":"h1–h4 styled headings with optional figlet ASCII art","name":"opentui/heading","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Heading","type":"registry:ui"},{"categories":["charts"],"dependencies":["@opentui/react"],"description":"Grid heatmap with color intensity scale","name":"opentui/heat-map","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Heat Map","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Auto-generated help panel from a keymap","name":"opentui/help","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Help","type":"registry:ui"},{"categories":["templates"],"dependencies":["@opentui/react"],"description":"Figlet banner + tagline + aligned Options/Commands help sections","name":"opentui/help-screen","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Help Screen","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Image renderer with iTerm2/Kitty protocol and ASCII fallback","name":"opentui/image","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Image","type":"registry:ui"},{"categories":["templates"],"dependencies":["@opentui/react"],"description":"Bordered info panel with header, key-value rows, and tree-prefix rows","name":"opentui/info-box","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Info Box","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Pretty-printed JSON with collapsible nodes","name":"opentui/json","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"JSON","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Aligned key–value pairs","name":"opentui/key-value","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Key Value","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Formatted keyboard shortcut reference table","name":"opentui/keyboard-shortcuts","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Keyboard Shortcuts","type":"registry:ui"},{"categories":["charts"],"dependencies":["@opentui/react"],"description":"ASCII line chart with axes and multi-series support","name":"opentui/line-chart","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Line Chart","type":"registry:ui"},{"categories":["typography"],"dependencies":["@opentui/react"],"description":"OSC 8 clickable hyperlink","name":"opentui/link","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Link","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Navigable list with optional filtering","name":"opentui/list","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"List","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Scrolling log viewer with severity levels and filtering","name":"opentui/log","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Log","type":"registry:ui"},{"categories":["templates"],"dependencies":["@opentui/react"],"description":"Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select","name":"opentui/login-flow","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Login Flow","type":"registry:ui"},{"categories":["typography"],"dependencies":["@opentui/react"],"description":"Full markdown renderer for terminal","name":"opentui/markdown","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Markdown","type":"registry:ui"},{"categories":["input"],"dependencies":["@opentui/react"],"description":"Masked input for phone, date, credit card formats","name":"opentui/masked-input","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Masked Input","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@opentui/react"],"description":"Dropdown menu with nested submenus","name":"opentui/menu","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Menu","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@opentui/react"],"description":"Focus-trapped overlay modal, close with Esc","name":"opentui/modal","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Modal","type":"registry:ui"},{"categories":["ai"],"dependencies":["@opentui/react"],"description":"Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display","name":"opentui/model-selector","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Model Selector","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react"],"description":"Parallel progress display for package managers, build pipelines, and deploy tools","name":"opentui/multi-progress","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Multi Progress","type":"registry:ui"},{"categories":["selection"],"dependencies":["@opentui/react"],"description":"Multi-select list with checkboxes and select-all","name":"opentui/multi-select","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Multi Select","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react"],"description":"Notification Badge component for OpenTUI React.","name":"opentui/notification-badge","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Notification Badge","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@opentui/react"],"description":"Persistent queue-based notification panel with useNotifications hook","name":"opentui/notification-center","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json","https://termcn.dev/r/ink/use-notifications.json"],"title":"Notification Center","type":"registry:block"},{"categories":["input"],"dependencies":["@opentui/react"],"description":"Numeric input with increment/decrement and bounds","name":"opentui/number-input","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Number Input","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@opentui/react"],"description":"Page navigation with prev/next and jump","name":"opentui/pagination","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Pagination","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Titled bordered panel","name":"opentui/panel","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Panel","type":"registry:ui"},{"categories":["input"],"dependencies":["@opentui/react"],"description":"Password input with masked characters and reveal toggle","name":"opentui/password-input","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Password Input","type":"registry:ui"},{"categories":["input"],"dependencies":["@opentui/react"],"description":"Filesystem path input with tab autocomplete","name":"opentui/path-input","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Path Input","type":"registry:ui"},{"categories":["charts"],"dependencies":["@opentui/react"],"description":"Unicode block pie chart with legend","name":"opentui/pie-chart","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Pie Chart","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@opentui/react"],"description":"Positioned popover with arbitrary content","name":"opentui/popover","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Popover","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react"],"description":"Determinate progress bar with percent and value/total display","name":"opentui/progress-bar","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Progress Bar","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react"],"description":"Circular progress indicator using Unicode braille","name":"opentui/progress-circle","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Progress Circle","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Unicode block QR code generator","name":"opentui/qr-code","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"QR Code","type":"registry:ui"},{"categories":["selection"],"dependencies":["@opentui/react"],"description":"Mutually exclusive radio button group","name":"opentui/radio-group","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Radio Group","type":"registry:ui"},{"categories":["layout"],"dependencies":["@opentui/react"],"description":"Scrollable container with scrollbar","name":"opentui/scroll-view","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Scroll View","type":"registry:ui"},{"categories":["input"],"dependencies":["@opentui/react"],"description":"Fuzzy search input with autocomplete","name":"opentui/search-input","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Search Input","type":"registry:ui"},{"categories":["selection"],"dependencies":["@opentui/react"],"description":"Single-select dropdown with arrow-key navigation","name":"opentui/select","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Select","type":"registry:ui"},{"categories":["templates"],"dependencies":["@opentui/react"],"description":"@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select","name":"opentui/setup-flow","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Setup Flow","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@opentui/react"],"description":"Collapsible navigation sidebar panel","name":"opentui/sidebar","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Sidebar","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react"],"description":"Shimmer loading placeholder","name":"opentui/skeleton","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Skeleton","type":"registry:ui"},{"categories":["layout"],"dependencies":["@opentui/react"],"description":"Flexible space between flex children","name":"opentui/spacer","title":"Spacer","type":"registry:ui"},{"categories":["charts"],"dependencies":["@opentui/react"],"description":"Inline Unicode braille sparkline chart","name":"opentui/sparkline","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Sparkline","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react","cli-spinners"],"description":"Animated spinner with 12+ styles","name":"opentui/spinner","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json","https://termcn.dev/r/ink/use-animation.json"],"title":"Spinner","type":"registry:ui"},{"categories":["templates"],"dependencies":["@opentui/react"],"description":"Styled startup banner with big ASCII art title, subtitle, author credit, and status line","name":"opentui/splash-screen","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Splash Screen","type":"registry:ui"},{"categories":["layout"],"dependencies":["@opentui/react"],"description":"Vertical/horizontal stack with gap","name":"opentui/stack","title":"Stack","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react"],"description":"Inline status message with icon and color","name":"opentui/status-message","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Status Message","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Count-up stopwatch with laps and reset","name":"opentui/stopwatch","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Stopwatch","type":"registry:ui"},{"categories":["ai"],"dependencies":["@opentui/react"],"description":"Token-by-token streaming text with blinking cursor and optional typing animation","name":"opentui/streaming-text","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Streaming Text","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@opentui/react"],"description":"Tab bar wired to content panels","name":"opentui/tabbed-content","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Tabbed Content","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Sortable, selectable, paginated data table","name":"opentui/table","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Table","type":"registry:ui"},{"categories":["navigation"],"dependencies":["@opentui/react"],"description":"Tab bar with left/right arrow and tab-key navigation","name":"opentui/tabs","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Tabs","type":"registry:ui"},{"categories":["typography"],"dependencies":["@opentui/react"],"description":"Removable chip/tag","name":"opentui/tag","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Tag","type":"registry:ui"},{"categories":["selection"],"dependencies":["@opentui/react"],"description":"Add and remove tags inline","name":"opentui/tag-input","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Tag Input","type":"registry:ui"},{"categories":["input"],"dependencies":["@opentui/react"],"description":"Multi-line text editor with word wrap","name":"opentui/text-area","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Text Area","type":"registry:ui"},{"categories":["input"],"dependencies":["@opentui/react"],"description":"Single-line text input with placeholder, validation, mask","name":"opentui/text-input","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Text Input","type":"registry:ui"},{"categories":["core"],"dependencies":["@opentui/react"],"description":"Terminal theme provider, design tokens, and theme helpers.","name":"opentui/theme-provider","registryDependencies":["https://termcn.dev/r/opentui/types.json","https://termcn.dev/r/opentui/theme-default.json","https://termcn.dev/r/opentui/use-theme.json"],"title":"Theme Provider","type":"registry:ui"},{"categories":["ai"],"dependencies":["@opentui/react"],"description":"Collapsible block for displaying extended thinking / reasoning content from an AI model","name":"opentui/thinking-block","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Thinking Block","type":"registry:ui"},{"categories":["forms"],"dependencies":["@opentui/react"],"description":"Time picker with hour/minute/second spinners","name":"opentui/time-picker","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Time Picker","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Countdown timer with pause/resume and auto-start","name":"opentui/timer","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Timer","type":"registry:ui"},{"categories":["feedback"],"dependencies":["@opentui/react"],"description":"Auto-dismissing toast notification","name":"opentui/toast","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Toast","type":"registry:ui"},{"categories":["utility"],"dependencies":["@opentui/react"],"description":"Toggle/switch component with on/off labels","name":"opentui/toggle","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Toggle","type":"registry:ui"},{"categories":["ai"],"dependencies":["@opentui/react"],"description":"Compact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill","name":"opentui/token-usage","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Token Usage","type":"registry:ui"},{"categories":["ai"],"dependencies":["@opentui/react"],"description":"Interactive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout","name":"opentui/tool-approval","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Tool Approval","type":"registry:ui"},{"categories":["ai"],"dependencies":["@opentui/react"],"description":"Displays an AI tool invocation with status indicator, args, result, and elapsed time","name":"opentui/tool-call","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Tool Call","type":"registry:ui"},{"categories":["overlays"],"dependencies":["@opentui/react"],"description":"Contextual tooltip on focus or hover","name":"opentui/tooltip","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Tooltip","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Expandable/collapsible tree view","name":"opentui/tree","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Tree","type":"registry:ui"},{"categories":["selection"],"dependencies":["@opentui/react"],"description":"Hierarchical tree selection","name":"opentui/tree-select","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Tree Select","type":"registry:ui"},{"categories":["templates"],"dependencies":["@opentui/react"],"description":"Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar","name":"opentui/usage-monitor","title":"Usage Monitor","type":"registry:ui"},{"categories":["data"],"dependencies":["@opentui/react"],"description":"Virtualized list for 10k+ items","name":"opentui/virtual-list","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Virtual List","type":"registry:ui"},{"categories":["templates"],"dependencies":["@opentui/react"],"description":"Two-panel welcome dashboard with titled border, logo, greeting, and sections","name":"opentui/welcome-screen","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Welcome Screen","type":"registry:ui"},{"categories":["forms"],"dependencies":["@opentui/react"],"description":"Multi-step wizard with per-step validation","name":"opentui/wizard","registryDependencies":["https://termcn.dev/r/opentui/use-theme.json"],"title":"Wizard","type":"registry:ui"},{"categories":["navigation"],"dependencies":["ink"],"description":"Page navigation with prev/next and jump","name":"ink/pagination","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Pagination","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Titled bordered panel","name":"ink/panel","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Panel","type":"registry:ui"},{"categories":["input"],"dependencies":["ink"],"description":"Password input with masked characters and reveal toggle","name":"ink/password-input","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Password Input","type":"registry:ui"},{"categories":["input"],"dependencies":["ink"],"description":"Filesystem path input with tab autocomplete","name":"ink/path-input","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Path Input","type":"registry:ui"},{"categories":["charts"],"dependencies":["ink"],"description":"Unicode block pie chart with legend","name":"ink/pie-chart","registryDependencies":["https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Pie Chart","type":"registry:ui"},{"categories":["overlays"],"dependencies":["ink"],"description":"Positioned popover with arbitrary content","name":"ink/popover","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Popover","type":"registry:ui"},{"categories":["feedback"],"dependencies":["ink"],"description":"Determinate progress bar with percent and value/total display","name":"ink/progress-bar","registryDependencies":["https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Progress Bar","type":"registry:ui"},{"categories":["feedback"],"dependencies":["ink"],"description":"Circular progress indicator using Unicode braille","name":"ink/progress-circle","registryDependencies":["https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Progress Circle","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Unicode block QR code generator","name":"ink/qr-code","registryDependencies":["https://termcn.dev/r/ink/accessibility.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"QR Code","type":"registry:ui"},{"categories":["selection"],"dependencies":["ink"],"description":"Mutually exclusive radio button group","name":"ink/radio-group","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Radio Group","type":"registry:ui"},{"categories":["layout"],"dependencies":["ink"],"description":"Scrollable container with scrollbar","name":"ink/scroll-view","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Scroll View","type":"registry:ui"},{"categories":["input"],"dependencies":["ink"],"description":"Fuzzy search input with autocomplete","name":"ink/search-input","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Search Input","type":"registry:ui"},{"categories":["selection"],"dependencies":["ink"],"description":"Single-select dropdown with arrow-key navigation","name":"ink/select","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Select","type":"registry:ui"},{"categories":["templates"],"dependencies":["ink"],"description":"@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select","name":"ink/setup-flow","registryDependencies":["https://termcn.dev/r/ink/big-text.json","https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-animation.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Setup Flow","type":"registry:ui"},{"categories":["navigation"],"dependencies":["ink"],"description":"Collapsible navigation sidebar panel","name":"ink/sidebar","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Sidebar","type":"registry:ui"},{"categories":["feedback"],"dependencies":["ink"],"description":"Shimmer loading placeholder","name":"ink/skeleton","registryDependencies":["https://termcn.dev/r/ink/use-animation.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Skeleton","type":"registry:ui"},{"categories":["layout"],"dependencies":["ink"],"description":"Flexible space between flex children","name":"ink/spacer","title":"Spacer","type":"registry:ui"},{"categories":["charts"],"dependencies":["ink"],"description":"Inline Unicode braille sparkline chart","name":"ink/sparkline","registryDependencies":["https://termcn.dev/r/ink/accessibility.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Sparkline","type":"registry:ui"},{"categories":["feedback"],"dependencies":["cli-spinners","ink"],"description":"Animated spinner with 12+ styles","name":"ink/spinner","registryDependencies":["https://termcn.dev/r/ink/use-animation.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Spinner","type":"registry:ui"},{"categories":["templates"],"dependencies":["ink"],"description":"Styled startup banner with big ASCII art title, subtitle, author credit, and status line","name":"ink/splash-screen","registryDependencies":["https://termcn.dev/r/ink/big-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Splash Screen","type":"registry:ui"},{"categories":["layout"],"dependencies":["ink"],"description":"Vertical/horizontal stack with gap","name":"ink/stack","title":"Stack","type":"registry:ui"},{"categories":["feedback"],"dependencies":["ink"],"description":"Inline status message with icon and color","name":"ink/status-message","registryDependencies":["https://termcn.dev/r/ink/spinner.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Status Message","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Count-up stopwatch with laps and reset","name":"ink/stopwatch","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-interval.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Stopwatch","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Token-by-token streaming text with blinking cursor and optional typing animation","name":"ink/streaming-text","registryDependencies":["https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-motion.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Streaming Text","type":"registry:ui"},{"categories":["navigation"],"dependencies":["ink"],"description":"Tab bar wired to content panels","name":"ink/tabbed-content","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Tabbed Content","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Sortable, selectable, paginated data table","name":"ink/table","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Table","type":"registry:ui"},{"categories":["navigation"],"dependencies":["ink"],"description":"Tab bar with left/right arrow and tab-key navigation","name":"ink/tabs","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Tabs","type":"registry:ui"},{"categories":["typography"],"dependencies":["ink"],"description":"Removable chip/tag","name":"ink/tag","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Tag","type":"registry:ui"},{"categories":["selection"],"dependencies":["ink"],"description":"Add and remove tags inline","name":"ink/tag-input","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Tag Input","type":"registry:ui"},{"categories":["input"],"dependencies":["ink"],"description":"Multi-line text editor with word wrap","name":"ink/text-area","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Text Area","type":"registry:ui"},{"categories":["input"],"dependencies":["ink"],"description":"Single-line text input with placeholder, validation, mask","name":"ink/text-input","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/terminal-text.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Text Input","type":"registry:ui"},{"categories":["core"],"description":"Terminal theme provider, design tokens, and theme helpers.","name":"ink/theme-provider","registryDependencies":["https://termcn.dev/r/ink/theme-default.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json"],"title":"Theme Provider","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Collapsible block for displaying extended thinking / reasoning content from an AI model","name":"ink/thinking-block","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Thinking Block","type":"registry:ui"},{"categories":["forms"],"dependencies":["ink"],"description":"Time picker with hour/minute/second spinners","name":"ink/time-picker","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Time Picker","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Countdown timer with pause/resume and auto-start","name":"ink/timer","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-interval.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Timer","type":"registry:ui"},{"categories":["feedback"],"dependencies":["ink"],"description":"Auto-dismissing toast notification","name":"ink/toast","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-interval.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Toast","type":"registry:ui"},{"categories":["utility"],"dependencies":["ink"],"description":"Toggle/switch component with on/off labels","name":"ink/toggle","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Toggle","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Compact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill","name":"ink/token-usage","registryDependencies":["https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Token Usage","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Interactive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout","name":"ink/tool-approval","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/use-interval.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Tool Approval","type":"registry:ui"},{"categories":["ai"],"dependencies":["ink"],"description":"Displays an AI tool invocation with status indicator, args, result, and elapsed time","name":"ink/tool-call","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-animation.json","https://termcn.dev/r/ink/use-interval.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Tool Call","type":"registry:ui"},{"categories":["overlays"],"dependencies":["ink"],"description":"Contextual tooltip on focus or hover","name":"ink/tooltip","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Tooltip","type":"registry:ui"},{"categories":["data"],"dependencies":["ink"],"description":"Expandable/collapsible tree view","name":"ink/tree","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Tree","type":"registry:ui"},{"categories":["selection"],"dependencies":["ink"],"description":"Hierarchical tree selection","name":"ink/tree-select","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Tree Select","type":"registry:ui"},{"categories":["templates"],"dependencies":["ink"],"description":"Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar","name":"ink/usage-monitor","registryDependencies":["https://termcn.dev/r/ink/use-interval.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Usage Monitor","type":"registry:ui"},{"categories":["core"],"dependencies":["ink"],"description":"Frame-based animation helper for terminal UI components.","name":"ink/use-animation","registryDependencies":["https://termcn.dev/r/ink/use-motion.json"],"title":"Use Animation","type":"registry:hook"},{"categories":["core"],"dependencies":["ink"],"description":"Clipboard hook with browser and terminal fallbacks.","name":"ink/use-clipboard","title":"Use Clipboard","type":"registry:hook"},{"categories":["core"],"dependencies":["ink"],"description":"Focus helper wrapping Ink's useFocus.","name":"ink/use-focus","title":"Use Focus","type":"registry:hook"},{"categories":["core"],"dependencies":["ink"],"description":"Keyboard input hook wrapping Ink's useInput.","name":"ink/use-input","title":"Use Input","type":"registry:hook"},{"categories":["core"],"dependencies":["ink"],"description":"React-safe interval helper.","name":"ink/use-interval","registryDependencies":["https://termcn.dev/r/ink/use-motion.json"],"title":"Use Interval","type":"registry:hook"},{"categories":["core"],"description":"Notifications state and context helpers.","name":"ink/use-notifications","title":"Use Notifications","type":"registry:hook"},{"categories":["data"],"dependencies":["ink"],"description":"Virtualized list for 10k+ items","name":"ink/virtual-list","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Virtual List","type":"registry:ui"},{"categories":["templates"],"dependencies":["ink"],"description":"Two-panel welcome dashboard with titled border, logo, greeting, and sections","name":"ink/welcome-screen","registryDependencies":["https://termcn.dev/r/ink/terminal-style.json","https://termcn.dev/r/ink/types.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Welcome Screen","type":"registry:ui"},{"categories":["forms"],"dependencies":["ink"],"description":"Multi-step wizard with per-step validation","name":"ink/wizard","registryDependencies":["https://termcn.dev/r/ink/interaction.json","https://termcn.dev/r/ink/terminal-symbols.json","https://termcn.dev/r/ink/use-theme.json","https://termcn.dev/r/ink/use-unicode.json"],"title":"Wizard","type":"registry:ui"}]},"ui beats":{"favicon":"/favicons/ui-beats.png","items":[{"dependencies":["lucide-react"],"description":"The FeatureGrid block arranges a set of features into a bento layout, letting each one declare how many columns it spans so the arrangement itself ranks them.","name":"feature-grid","page":"https://uibeats.com/docs/block/feature-grid","registryDependencies":["https://uibeats.com/r/bento-grid.json"],"title":"Feature Grid","type":"registry:block"},{"dependencies":["motion"],"description":"The Hero block is a complete landing page opening: eyebrow, headline, description, two calls to action and a row of faces for social proof, over a field of falling meteors. Installing it installs the three components it is built from.","name":"hero","page":"https://uibeats.com/docs/block/hero","registryDependencies":["https://uibeats.com/r/avatar-stack.json","https://uibeats.com/r/meteors.json","https://uibeats.com/r/shimmer-button.json"],"title":"Hero","type":"registry:block"},{"dependencies":["lucide-react"],"description":"The Pricing block lays out a row of plans and traces the recommended one with a travelling Border Beam, so the tier you want chosen is the one that moves rather than the one wearing another badge.","name":"pricing","page":"https://uibeats.com/docs/block/pricing","registryDependencies":["https://uibeats.com/r/border-beam.json","https://uibeats.com/r/shimmer-button.json"],"title":"Pricing","type":"registry:block"},{"dependencies":["motion"],"description":"The AnimatedList component streams its children in one at a time, springing each new entry into place and pushing the older ones down until they fall out of the bottom of the list.","name":"animated-list","page":"https://uibeats.com/docs/animation/animated-list","title":"Animated List","type":"registry:ui"},{"dependencies":["motion"],"description":"The Bounce component adds a playful, elastic animation to its children when they enter the viewport.","name":"bounce","page":"https://uibeats.com/docs/animation/bounce","title":"Bounce","type":"registry:ui"},{"dependencies":["motion"],"description":"The FadeIn component creates a smooth fade-in animation for its children when they enter the viewport.","name":"fade-in","page":"https://uibeats.com/docs/animation/fade-in","title":"Fade In","type":"registry:ui"},{"dependencies":["motion"],"description":"The FadeInUnblur component creates a smooth fade-in while unblurring animation for its children when they enter the viewport.","name":"fade-in-unblur","page":"https://uibeats.com/docs/animation/fade-in-unblur","title":"Fade In Unblur","type":"registry:ui"},{"dependencies":["motion"],"description":"The RotateIn component creates a smooth rotation animation for its children when they enter the viewport.","name":"rotate-in","page":"https://uibeats.com/docs/animation/rotate-in","title":"Rotate In","type":"registry:ui"},{"dependencies":["motion"],"description":"The ScaleIn component creates a smooth scale-in animation for its children when they enter the viewport.","name":"scale-in","page":"https://uibeats.com/docs/animation/scale-in","title":"Scale In","type":"registry:ui"},{"dependencies":["motion"],"description":"The SmoothReveal component creates a smooth reveal animation for its children when they enter the viewport.","name":"smooth-reveal","page":"https://uibeats.com/docs/animation/smooth-reveal","title":"Smooth Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"The StaggerList component animates its children into view one after another when the list enters the viewport, without requiring any changes to the children themselves.","name":"stagger-list","page":"https://uibeats.com/docs/animation/stagger-list","title":"Stagger List","type":"registry:ui"},{"dependencies":["motion"],"description":"The AnimatedBeam component draws a curved line between any two elements and sends a gradient pulse along it, remeasuring whenever the layout moves.","name":"animated-beam","page":"https://uibeats.com/docs/background/animated-beam","title":"Animated Beam","type":"registry:ui"},{"dependencies":["motion"],"description":"The OrbitingElements component places children evenly around a circle and rotates them around a centre point, keeping each one upright.","name":"orbiting-elements","page":"https://uibeats.com/docs/background/orbiting-elements","title":"Orbiting Elements","type":"registry:ui"},{"dependencies":["motion"],"description":"The GradientFlow component creates a flowing gradient animation effect for its children, adding visual interest to backgrounds or UI elements.","name":"gradient-flow","page":"https://uibeats.com/docs/background/gradient-flow","title":"Gradient Flow","type":"registry:ui"},{"dependencies":["motion"],"description":"The Meteors component drops a field of glowing streaks across its container, each one falling at its own pace so the shower never settles into a repeating pattern.","name":"meteors","page":"https://uibeats.com/docs/background/meteors","title":"Meteors","type":"registry:ui"},{"dependencies":["motion"],"description":"The RetroGrid component lays an infinite grid back in 3D and scrolls it toward the viewer, fading out into a horizon. A synthwave backdrop drawn entirely in CSS.","name":"retro-grid","page":"https://uibeats.com/docs/background/retro-grid","title":"Retro Grid","type":"registry:ui"},{"dependencies":["motion"],"description":"The SparklingGrid component creates an animated grid of dots that ripples outward on mount and sparkles at random, ideal for dynamic, atmospheric backgrounds.","name":"sparkling-grid","page":"https://uibeats.com/docs/background/sparkling-grid","title":"Sparkling Grid","type":"registry:ui"},{"dependencies":["motion"],"description":"The Aurora component drifts three soft bands of colour behind your content on different periods, so the layer keeps rearranging itself instead of looping visibly. Pure CSS gradients and transforms, no canvas.","name":"aurora","page":"https://uibeats.com/docs/background/aurora","title":"Aurora","type":"registry:ui"},{"dependencies":["motion"],"description":"The DotPattern component tiles a grid of dots behind your content and lights the ones nearest the pointer, using a masked second copy of the same grid so the bright dots land exactly on the dim ones.","name":"dot-pattern","page":"https://uibeats.com/docs/background/dot-pattern","title":"Dot Pattern","type":"registry:ui"},{"dependencies":["motion"],"description":"The Particles component draws a drifting field of specks on a canvas and scatters them away from the pointer, holding positions as fractions of the frame so a resize redraws the field instead of reshuffling it.","name":"particles","page":"https://uibeats.com/docs/background/particles","title":"Particles","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"The LoadingButton component runs one async action and reports on it in place: it swaps to a spinner while the request is open, confirms with a tick when it resolves, and returns to its resting label on its own.","name":"loading-button","page":"https://uibeats.com/docs/button/loading-button","title":"Loading Button","type":"registry:ui"},{"dependencies":["motion"],"description":"The MagneticButton component drifts toward the pointer as it approaches and springs back when the pointer leaves, making calls to action feel responsive before they are even clicked.","name":"magnetic-button","page":"https://uibeats.com/docs/button/magnetic-button","title":"Magnetic Button","type":"registry:ui"},{"dependencies":["motion"],"description":"The RippleButton component sends a ripple out from the exact point it was pressed, sized to reach the button's farthest corner so the whole surface floods however near the edge you click.","name":"ripple-button","page":"https://uibeats.com/docs/button/ripple-button","title":"Ripple Button","type":"registry:ui"},{"dependencies":["motion"],"description":"The ShimmerButton component sweeps a band of light across its face on a loop, giving a call to action a slow pulse of movement without asking the reader to hover, click or scroll first.","name":"shimmer-button","page":"https://uibeats.com/docs/button/shimmer-button","title":"Shimmer Button","type":"registry:ui"},{"dependencies":["lucide-react","motion","next-themes"],"description":"The SubscribeButton component is an interactive button for subscription actions, modelled on the YouTube subscribe animation, with customisable styles and timings.","name":"subscribe-button","page":"https://uibeats.com/docs/button/subscribe-button","title":"Subscribe Button","type":"registry:ui"},{"dependencies":["motion"],"description":"The RainbowButton component rings a call to action with a band of colour that travels around it, drawn from the project's own chart tokens so the palette re-themes with the rest of the app.","name":"rainbow-button","page":"https://uibeats.com/docs/button/rainbow-button","title":"Rainbow Button","type":"registry:ui"},{"dependencies":["canvas-confetti","motion"],"description":"The ConfettiButton component throws a burst of confetti from its own centre when pressed, measuring the button's position at click time so the pieces come from the thing the reader actually pressed.","name":"confetti-button","page":"https://uibeats.com/docs/button/confetti-button","title":"Confetti Button","type":"registry:ui"},{"dependencies":["motion"],"description":"The CardStack component deals your content as a deck: drag the top card aside to throw it away, the cards behind rise a step, and the dismissed card loops around to the back.","name":"card-stack","page":"https://uibeats.com/docs/card/card-stack","title":"Card Stack","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"description":"The FlipCard component creates an elegant, Apple-inspired interactive card that flips to reveal additional content. It features smooth animations, subtle gradients, and a clean design that's perfect for showcasing key information or features.","name":"flip-card","page":"https://uibeats.com/docs/card/flip-card","title":"Flip Card","type":"registry:ui"},{"dependencies":["motion"],"description":"The GlowingCard component tracks the cursor across the card and paints a soft glow wherever it goes, so the surface reacts as the pointer moves over it.","name":"glowing-card","page":"https://uibeats.com/docs/card/glowing-card","title":"Glowing Card","type":"registry:ui"},{"dependencies":["lucide-react","motion","next-themes"],"description":"The MorphingCard component creates an engaging, interactive card that smoothly transitions between different shapes and content. It features elegant 3D rotations, customizable gradients, and a clean design that's perfect for showcasing key information or features in a visually st","name":"morphing-card","page":"https://uibeats.com/docs/card/morphing-card","title":"Morphing Card","type":"registry:ui"},{"dependencies":["motion"],"description":"The TiltCard component tilts toward the pointer in 3D and tracks it with a specular highlight, giving flat cards a tactile, physical feel.","name":"tilt-card","page":"https://uibeats.com/docs/card/tilt-card","title":"Tilt Card","type":"registry:ui"},{"dependencies":["motion"],"description":"The ExpandableCard component grows any row of a list into a detail panel in place, sharing a layout id between the two so the card the reader pressed is visibly the card that opens rather than one fading out as a dialog fades in.","name":"expandable-card","page":"https://uibeats.com/docs/card/expandable-card","title":"Expandable Card","type":"registry:ui"},{"dependencies":["motion"],"description":"The AvatarStack component overlaps a row of avatars into a single group, collapses everyone past a limit into a +N chip, and lifts an avatar clear of its neighbours on hover without the row changing width.","name":"avatar-stack","page":"https://uibeats.com/docs/component/avatar-stack","title":"Avatar Stack","type":"registry:ui"},{"dependencies":["motion"],"description":"The BentoGrid component arranges cards of different sizes into the asymmetric layout known as a bento box, with each cell declaring how many columns and rows it spans and every card collapsing to full width on small screens.","name":"bento-grid","page":"https://uibeats.com/docs/component/bento-grid","title":"Bento Grid","type":"registry:ui"},{"dependencies":["motion"],"description":"The BorderBeam component wraps any content in a border traced by a travelling beam of light. It follows the container's rounded corners exactly, and nothing around it moves.","name":"border-beam","page":"https://uibeats.com/docs/component/border-beam","title":"Border Beam","type":"registry:ui"},{"dependencies":["motion"],"description":"The Dock component recreates the macOS dock: items swell as the pointer approaches, and each one names itself in a tooltip on hover or focus.","name":"dock","page":"https://uibeats.com/docs/component/dock","title":"Dock","type":"registry:ui"},{"dependencies":["motion"],"description":"The LiquidTabs component is a tab switcher whose selection pill flows between tabs, stretching in proportion to how fast it is travelling and settling back into shape as it lands.","name":"liquid-tabs","page":"https://uibeats.com/docs/component/liquid-tabs","title":"Liquid Tabs","type":"registry:ui"},{"dependencies":["motion"],"description":"The Marquee component scrolls its children in a seamless, infinite loop, with pause-on-hover and faded edges.","name":"marquee","page":"https://uibeats.com/docs/component/marquee","title":"Marquee","type":"registry:ui"},{"dependencies":["motion"],"description":"The ScratchToReveal component covers your content in a foil the user rubs away with a pointer, firing onComplete and dropping the rest of the foil once enough has been cleared.","name":"scratch-to-reveal","page":"https://uibeats.com/docs/component/scratch-to-reveal","title":"Scratch to Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"The ScrollProgress component fills a thin bar as the reader moves through a page or a panel, scaling a single transform rather than resizing an element so it costs nothing on the scroll frame.","name":"scroll-progress","page":"https://uibeats.com/docs/component/scroll-progress","title":"Scroll Progress","type":"registry:ui"},{"dependencies":["motion"],"description":"The ShimmerEffect component creates a shimmering animation, ideal for loading placeholders or skeleton screens.","name":"shimmer-effect","page":"https://uibeats.com/docs/component/shimmer-effect","title":"Shimmer Effect","type":"registry:ui"},{"dependencies":["motion"],"description":"The Timeline component lays events down a vertical rail that fills as the reader scrolls through them, scaling a single element rather than resizing it so the fill costs nothing on the main thread.","name":"timeline","page":"https://uibeats.com/docs/component/timeline","title":"Timeline","type":"registry:ui"},{"dependencies":["motion"],"description":"The Terminal component replays a shell session, typing the commands character by character and printing everything else whole, with the pause sitting in front of each output line where the work would have happened.","name":"terminal","page":"https://uibeats.com/docs/component/terminal","title":"Terminal","type":"registry:ui"},{"dependencies":["lucide-react"],"description":"The ComparisonSlider component stacks two layers and reveals one against the other with a divider the reader drags, clipping the top layer rather than resizing it so neither side reflows as the divider moves.","name":"comparison-slider","page":"https://uibeats.com/docs/component/comparison-slider","title":"Comparison Slider","type":"registry:ui"},{"dependencies":["motion"],"description":"The ProgressRing component sweeps an arc round to a value and counts a label up alongside it, driving both from one animation so the number can never finish ahead of the arc describing it.","name":"progress-ring","page":"https://uibeats.com/docs/component/progress-ring","title":"Progress Ring","type":"registry:ui"},{"dependencies":["motion"],"description":"The NumberTicker component counts a number up when it scrolls into view, with locale-aware formatting.","name":"number-ticker","page":"https://uibeats.com/docs/text/number-ticker","title":"Number Ticker","type":"registry:ui"},{"dependencies":["motion"],"description":"The ScrollReveal component lights up text word by word as the reader scrolls past it, tied to scroll position rather than a timer.","name":"scroll-reveal","page":"https://uibeats.com/docs/text/scroll-reveal","title":"Scroll Reveal","type":"registry:ui"},{"dependencies":["motion"],"description":"The GravityTextSwap component drops characters into place under a gravity-like fall, so one word gives way to the next instead of simply being replaced.","name":"gravity-text-swap","page":"https://uibeats.com/docs/text/gravity-text-swap","title":"Gravity Text Swap","type":"registry:ui"},{"dependencies":["motion"],"description":"The SplitFlap component turns text into a mechanical departure board, each column riffling through the alphabet until it reaches its letter, a beat behind the column to its left.","name":"split-flap","page":"https://uibeats.com/docs/text/split-flap","title":"Split Flap","type":"registry:ui"},{"dependencies":["motion"],"description":"The TextScramble component decodes text one character at a time, cycling through random glyphs before each letter settles into place.","name":"text-scramble","page":"https://uibeats.com/docs/text/text-scramble","title":"Text Scramble","type":"registry:ui"},{"dependencies":["motion"],"description":"The TextShine component sweeps a coloured highlight across your text on a loop, drawing the eye without demanding a click.","name":"text-shine","page":"https://uibeats.com/docs/text/text-shine","title":"Text Shine","type":"registry:ui"},{"dependencies":["motion"],"description":"The TextWriter component creates a typing animation effect for text, where characters appear one by one to mimic real-time typing.","name":"text-writer","page":"https://uibeats.com/docs/text/text-writer","title":"Text Writer","type":"registry:ui"},{"dependencies":["motion"],"description":"The GradientText component paints a line of text with a colour ramp that travels across it on a loop, so a headline word carries the accent colour as movement rather than as a flat fill.","name":"gradient-text","page":"https://uibeats.com/docs/text/gradient-text","title":"Gradient Text","type":"registry:ui"},{"dependencies":["motion"],"description":"The FlipWords component cycles one slot in a sentence through a list of words, blurring each out as the next rises into its place and animating the width difference so the rest of the line never jumps.","name":"flip-words","page":"https://uibeats.com/docs/text/flip-words","title":"Flip Words","type":"registry:ui"}]},"warcraftcn":{"favicon":"/favicons/warcraftcn.ico","items":[{"description":"A Warcraft-themed button component with fantasy styling","name":"button","title":"Warcraft Button","type":"registry:component"},{"description":"A Warcraft-themed input component with fantasy styling","name":"input","title":"Warcraft Input","type":"registry:component"},{"description":"A Warcraft-themed card component with fantasy styling","name":"card","title":"Warcraft Card","type":"registry:component"},{"description":"A Warcraft-themed skeleton/loading placeholder with faction themes (orc, elf, human, undead) and shimmer animation","name":"skeleton","title":"Warcraft Skeleton","type":"registry:component"},{"description":"A Warcraft-themed loading spinner based on acolyte summoning/mining glyph with animated runes and fade pulses","name":"spinner","title":"Warcraft Spinner","type":"registry:component"},{"description":"A Warcraft-themed badge component with fantasy styling","name":"badge","title":"Warcraft Badge","type":"registry:component"},{"dependencies":["radix-ui","lucide-react"],"description":"A Warcraft-themed dropdown menu component with fantasy styling and border-image frames","name":"dropdown-menu","title":"Warcraft Dropdown Menu","type":"registry:component"},{"description":"A Warcraft-themed textarea component with fantasy styling","name":"textarea","title":"Warcraft Textarea","type":"registry:component"},{"description":"A Warcraft-themed avatar component with fantasy styling","name":"avatar","title":"Warcraft Avatar","type":"registry:component"},{"dependencies":["radix-ui"],"description":"A Warcraft-themed tooltip component with item-quality rarity variants (default, uncommon, rare, epic, legendary) and side positioning support","name":"tooltip","title":"Warcraft Tooltip","type":"registry:component"},{"description":"A Warcraft-themed cursor component with faction-specific cursor styles","name":"cursor","title":"Warcraft Cursor","type":"registry:component"},{"dependencies":["@radix-ui/react-label"],"description":"A Warcraft-themed label component for form inputs with required indicator and disabled state support","name":"label","title":"Warcraft Label","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A Warcraft-themed pagination component with fantasy button styling and runes.","name":"pagination","registryDependencies":["button"],"title":"Warcraft Pagination","type":"registry:component"},{"dependencies":["radix-ui"],"description":"A Warcraft-themed checkbox component with faction-specific fantasy styling","name":"checkbox","title":"Warcraft Checkbox","type":"registry:component"},{"dependencies":["radix-ui"],"description":"A Warcraft-themed radio group component with gem socket styling and gold glow indicators","name":"radio-group","title":"Warcraft Radio Group","type":"registry:component"},{"dependencies":["radix-ui"],"description":"A Warcraft styled accordion component","name":"accordion","title":"Warcraft Accordion","type":"registry:component"}]},"uselayouts":{"favicon":"/favicons/uselayouts.png","items":[{"dependencies":["motion","clsx","tailwind-merge"],"description":"An interactive 3D book component with page flip animations.","name":"3d-book","title":"3D Book","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Interactive draggable card stack with 3D tilt, swipe-to-back gestures, click interactions, random rotation, and smooth spring animations.","name":"accessible-action","title":"Accessible Action","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Interactive accordion showcase with animated content, image transitions, hover effects, keyboard navigation, autoplay, and responsive design.","name":"accordionos","title":"AccordionOS","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A metallic stick that tilts into the press. Hover a quadrant and the cap leans, the shadow shifts, and the matching arrow goes amber.","name":"analog-stick","title":"Analog Stick","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A collection of items with smooth layout transitions and animations.","name":"animated-collection","title":"Animated Collection","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"An interactive bento card with animated tabs and workspace preview.","name":"bento-card","title":"Bento Card","type":"registry:component"},{"dependencies":["motion","react-use-measure","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A floating bottom navigation menu with smooth interactions.","name":"bottom-menu","title":"Bottom Menu","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"An interactive card component that simulates a bucket where chips are tossed and replaced with smooth physics-inspired animations.","name":"bucket","title":"Bucket","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"This component creates an animated folder-style card with a background image, floating 3D object, hover effects, and customizable colors and text. You can easily change the images, colors, content, and animation settings from the card props.","name":"card-folder","title":"Card Folder","type":"registry:component"},{"dependencies":["motion","lucide-react","clsx","tailwind-merge"],"description":"A client CRM card with payment and deadline rings, plus a morphing avatar stack.","name":"client-card","title":"Client Card","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"A charcoal sleeve that pulls a letter out, flips it, and lands it in front of you.","name":"confidential-folder","title":"Confidential Folder","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A compact corner video player with smooth open/close morphing, autoplay, mute, enlarge, hover controls, and video scrubbing.","name":"corner-video","title":"Corner Video","type":"registry:component"},{"dependencies":["motion"],"description":"A drag coverflow of portraits that scale, dim, and snap as you swipe.","name":"coverflow-drag","title":"Coverflow Drag","type":"registry:component"},{"dependencies":["motion","@hugeicons/react","@hugeicons/core-free-icons"],"description":"A Start Creating pill that springs open into a list of create actions.","name":"create-menu","title":"Create Menu","type":"registry:component"},{"dependencies":["motion","vaul","lucide-react","clsx","tailwind-merge"],"description":"Side drawers whose inner edge starts as a bulge and morphs into a straight line as the panel settles.","name":"curve-drawer","registryDependencies":["button"],"title":"Curve Drawer","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A custom day picker component with smooth animations.","name":"day-picker","title":"Day Picker","type":"registry:component"},{"dependencies":["motion","dialkit","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A confirmation button with smooth icon transitions.","name":"delete-button","title":"Delete Button","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"An interactive button with expanding discovery state.","name":"discover-button","title":"Discover Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A tab component with discrete sliding animations.","name":"discrete-tabs","title":"Discrete Tabs","type":"registry:component"},{"dependencies":["motion","vaul","lucide-react","clsx","tailwind-merge"],"description":"Two buttons that open side drawers with a 3D fold. Payment comes from the right, cart from the left, and the fields stagger in.","name":"drawer-buttons","registryDependencies":["button","input","textarea","select","field"],"title":"Drawer Buttons","type":"registry:component"},{"description":"A 3×2 photo grid that grows the hovered row and column so one still takes the stage.","name":"dynamic-grid-gallery","title":"Dynamic Grid Gallery","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A toolbar that adapts its size and layout based on content.","name":"dynamic-toolbar","title":"Dynamic Toolbar","type":"registry:component"},{"dependencies":["motion"],"description":"A stacked editorial story deck. Drag the front card and it springs back into the pile.","name":"editorial-deck","title":"Editorial Deck","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"An interactive empty state for testimonials with a playful folder animation.","name":"empty-testimonial","title":"Empty Testimonial","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A photo gallery with smooth item expansion.","name":"expandable-gallery","registryDependencies":["button"],"title":"Expandable Gallery","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A smooth carousel for showcasing product features.","name":"feature-carousel","title":"Feature Carousel","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"Interactive list items with hover and focus effects.","name":"filter-interaction","title":"Filter Interaction","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A responsive gallery grid that fluidly shifts and expands items using motion layout.","name":"fluid-expanding-grid","title":"Fluid Expanding Grid","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Interactive testimonial section with hover-based focus effects, animated author tooltips, and expandable testimonials.","name":"focus-testimonials","title":"Focus Testimonials","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A folder management system with drag-and-drop-like feel.","name":"folder-interaction","title":"Folder Interaction","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A glossy contact pill. Hover and the label lifts away so a portrait and YOU merge, then Let’s Talk! writes in.","name":"get-in-touch","title":"Get In Touch","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A dark invite card that tilts in 3D with the pointer. A holographic glow follows. Touch stays still. Tab for a quiet glow.","name":"holographic-referral-card","title":"Holographic Referral Card","type":"registry:component"},{"description":"A pill nav that melts into its neighbor when you hover — liquid bridges, active dot.","name":"gooey-navbar","title":"Gooey Navbar","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"A free-panning product canvas that tiles forever — drag, scroll, and skim an endless grid of images and captions.","name":"infinite-grid","title":"Infinite Canvas","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"An input that switches between read and edit modes.","name":"inline-edit","registryDependencies":["input"],"title":"Inline Edit","type":"registry:component"},{"dependencies":["motion"],"description":"A feature list whose hover badge is a WebGL liquid gradient that tracks the row.","name":"liquid-index","title":"Liquid Index","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A bento card component with a draggable magnifying lens effect over scrolling chips.","name":"magnified-bento","title":"Magnified Bento","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"An input field that morphs between different states.","name":"morphing-input","registryDependencies":["input"],"title":"Morphing Input","type":"registry:component"},{"dependencies":["motion","date-fns","react-hook-form","@hookform/resolvers","zod","sonner","lucide-react","react-use-measure","clsx","tailwind-merge"],"description":"A dynamic, animated multi-step form with validation.","name":"multi-step-form","registryDependencies":["card","button","input","textarea","select","badge","calendar","popover"],"title":"Multi Step Form","type":"registry:component"},{"dependencies":["lucide-react"],"description":"A full-width landing row of portrait cards. They sit flat until you move — then the card on the left scales back.","name":"overlapping-slider","title":"Overlapping Slider","type":"registry:component"},{"dependencies":["clsx","motion","react","tailwind-merge"],"description":"A polished example interaction built with React and Motion.","name":"perspective-text-scroll","title":"Perspective Text Scroll","type":"registry:component"},{"dependencies":["motion","lucide-react","clsx","tailwind-merge"],"description":"Tilted album stacks that expand into a shared-element photo grid.","name":"photo-albums","title":"Photo Albums","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Hover Delete and a page appears above it. Click and the page clips away while paper strips draw in below. After a few seconds it resets so you can shred again.","name":"paper-shred-button","title":"Paper Shred Button","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Draggable Polaroid photo gallery with realistic tilt, stacking, smooth animations, and customizable captions, sizes, and decorations.","name":"polaroid-drag","title":"Polaroid Drag","type":"registry:component"},{"dependencies":["clsx","tailwind-merge"],"description":"Seven Polaroids sit in a pile. Hover and they fan into an arc from one corner.","name":"polaroid-stack","title":"Polaroid Stack","type":"registry:component"},{"dependencies":["clsx","motion","react","tailwind-merge"],"description":"Interactive tilt card deck with smooth hover animations, 3D popping effects, images, links, and customizable card styling.","name":"pop-tilt-cards","title":"Pop Tilt Cards","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","lucide-react","@number-flow/react","clsx","tailwind-merge"],"description":"A focused pricing card layout with clear hierarchy.","name":"pricing-card","title":"Pricing Card","type":"registry:component"},{"dependencies":["motion","@base-ui/react","lucide-react"],"description":"A collapsed chat composer that expands into a textarea with a model menu and send control.","name":"prompt-box","title":"Prompt Box","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"It’s a responsive, animated rolling card stack component built with React, TypeScript, Tailwind CSS, and Framer Motion. It supports desktop/mobile layouts, swipe and keyboard navigation, autoplay, pagination, and customizable card content","name":"rolling-card-stack","title":"Rolling Card Stack","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A button with animated states for idle, loading, and success.","name":"save-button","title":"Save Button","type":"registry:component"},{"dependencies":["motion"],"description":"Click Scan and a page unfolds, flips, and a glowing bar reads it. Done holds, then it resets.","name":"scan-document","title":"Scan Document","type":"registry:component"},{"dependencies":["motion"],"description":"One photograph that splits into three panels as you scroll, then flips to copy.","name":"scroll-split-cards","title":"Scroll Split Cards","type":"registry:component"},{"dependencies":["lenis","motion","react"],"description":"Scroll-linked project cards that pin in the viewport and stack, scale, and settle as you move down the page.","name":"scroll-stack-deck","title":"Scroll Stack Deck","type":"registry:component"},{"dependencies":["motion","@ncdai/react-wheel-picker","clsx","tailwind-merge"],"description":"A dark timer pill that morphs into a minute wheel picker, then into a running timer with pause, cancel, and a rounded-rectangle progress border.","name":"set-timer","title":"Set Timer","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"An eye-catching testimonial card with playful animations.","name":"shake-testimonial-card","title":"Shake Testimonial Card","type":"registry:component"},{"dependencies":["motion","@hugeicons/react","@hugeicons/core-free-icons","clsx","tailwind-merge"],"description":"Pick a billing period, then slide to start a trial.","name":"slide-subscribe","title":"Slide Subscribe","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A dropdown menu with premium layout transitions.","name":"smooth-dropdown","title":"Smooth Dropdown","type":"registry:component"},{"dependencies":["clsx","lenis","motion","react","tailwind-merge"],"description":"Scroll-linked case-study cards that pin in the viewport and peel, scale, and fade as you move down the page.","name":"stack-scroll-reveal","title":"Stack Scroll Reveal","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"An expandable list widget with a stacked layout and smooth morphing transitions.","name":"stacked-list","registryDependencies":["input","button"],"title":"Stacked List","type":"registry:component"},{"dependencies":["motion","clsx","tailwind-merge"],"description":"Heavy outlined type you can drag. Speed leaves a stacked white-on-black trail that springs back when you stop.","name":"stacked-outline-text","title":"Stacked Outline Text","type":"registry:component"},{"description":"A physical switch with a dotted grip. Click and the knob slides across a recessed track.","name":"theme-toggle","title":"Theme Toggle","type":"registry:component"},{"dependencies":["motion"],"description":"A liquid-glass rocker that tilts into its well when you press it.","name":"tactile-button","title":"Tactile Button","type":"registry:component"},{"dependencies":["motion","@hugeicons/core-free-icons","@hugeicons/react","clsx","tailwind-merge"],"description":"A vertical tab interaction with smooth content switching.","name":"vertical-tabs","title":"Vertical Tabs","type":"registry:component"},{"dependencies":["motion","lucide-react","clsx","tailwind-merge"],"description":"This component creates a smooth wheel-style carousel with photos and selectable items. It supports drag, scroll, keyboard controls, snapping, momentum, themes, image crossfades, and customizable layout and colors.","name":"wheel-carousel","title":"Wheel Carousel","type":"registry:component"}]},"wds registry":{"favicon":"/favicons/wds-registry.svg","items":[{"description":"Swaps content with a loading spinner without layout shift.","name":"loading-swap","type":"registry:component"},{"description":"A button that performs an action when clicked and optionally asks for user confirmation.","name":"action-button","registryDependencies":["alert-dialog","button","sonner","https://wds-shadcn-registry.netlify.app/r/loading-swap.json"],"type":"registry:component"},{"description":"An input that returns a number value and automatically handles invalid inputs.","name":"number-input","registryDependencies":["input"],"type":"registry:component"},{"description":"A multi-select input that emulates the Shadcn Select component as closely as possible.","name":"multi-select","registryDependencies":["popover","command","badge","button"],"type":"registry:component"},{"dependencies":["@zxcvbn-ts/core","@zxcvbn-ts/language-common","@zxcvbn-ts/language-en"],"description":"An input that can toggle visibility of the password text and check the strength of the password.","name":"password-input","registryDependencies":["input","button","tooltip","input-group"],"type":"registry:component"},{"description":"Swaps content with a loading spinner without layout shift. (Includes experimental support for all Shadcn icon libraries)","name":"loading-swap-experimental","type":"registry:component"},{"description":"A button that performs an action when clicked and optionally asks for user confirmation. (Includes experimental support for all Shadcn icon libraries)","name":"action-button-experimental","registryDependencies":["alert-dialog","button","sonner","https://wds-shadcn-registry.netlify.app/r/loading-swap-experimental.json"],"type":"registry:component"},{"description":"An input that returns a number value and automatically handles invalid inputs. (Includes experimental support for all Shadcn icon libraries)","name":"number-input-experimental","registryDependencies":["input"],"type":"registry:component"},{"description":"A multi-select input that emulates the Shadcn Select component as closely as possible. (Includes experimental support for all Shadcn icon libraries)","name":"multi-select-experimental","registryDependencies":["popover","command","badge","button"],"type":"registry:component"},{"dependencies":["@zxcvbn-ts/core","@zxcvbn-ts/language-common","@zxcvbn-ts/language-en"],"description":"An input that can toggle visibility of the password text and check the strength of the password. (Includes experimental support for all Shadcn icon libraries)","name":"password-input-experimental","registryDependencies":["input","button","tooltip","input-group"],"type":"registry:component"}]},"warren ui":{"favicon":"/favicons/warren-ui.ico","items":[{"description":"Bordered card with header/actions/footer.","name":"panel","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Panel","type":"registry:ui"},{"description":"Status chip with optional pulsing live dot.","name":"badge","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Badge","type":"registry:ui"},{"description":"Label/value metric readout with optional delta.","name":"stat","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Stat","type":"registry:ui"},{"description":"Horizontal stage stepper with active spotlight.","name":"stepper","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Stepper","type":"registry:ui"},{"description":"Dotted progress track with gate marker and flanking labels.","name":"progress-rail","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"ProgressRail","type":"registry:ui"},{"description":"Horizontal/vertical SVG bar chart with signed values.","name":"bar-chart","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"BarChart","type":"registry:ui"},{"description":"Density grid with tone-mixed cell fills.","name":"heatmap","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"Heatmap","type":"registry:ui"},{"description":"Mini SVG line/area chart.","name":"sparkline","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"Sparkline","type":"registry:ui"},{"description":"Deviations-style bar ledger with total and actions.","name":"ledger","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"Ledger","type":"registry:ui"},{"description":"Run-wall grid of status cells.","name":"cell-grid","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"CellGrid","type":"registry:ui"},{"description":"Timestamped log rows, optionally multi-column.","name":"log-list","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"LogList","type":"registry:ui"},{"description":"Rotating 3D shell cluster network (deterministic layout).","name":"graph","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"GraphView","type":"registry:ui"},{"description":"Lane-per-entity discrete state bands over a shared time window.","name":"state-timeline","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"StateTimeline","type":"registry:ui"},{"description":"Per-service trailing-day availability strip with state-coded squares and uptime percentages.","name":"uptime-strip","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"UptimeStrip","type":"registry:ui"},{"description":"SLO bullet rows: measure bar against qualitative zones with a target tick.","name":"bullet-bar","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"BulletBar","type":"registry:ui"},{"description":"Time series inside an expected-range envelope with breach emphasis.","name":"band-chart","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"BandChart","type":"registry:ui"},{"description":"Grid of segmented threshold gauges with zone-tinted cells and ink tick marks.","name":"meter-cluster","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"MeterCluster","type":"registry:ui"},{"description":"Forensic incident ledger with lifecycle milestone pins and expandable event entries.","name":"incident-timeline","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"IncidentTimeline","type":"registry:ui"},{"description":"Query-chip filter bar with removable chips, typeahead suggestions, and a raw-query escape hatch.","name":"filter-bar","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"FilterBar","type":"registry:ui"},{"description":"Standardized zero-data panel with signal dot, caps-label reason, and one action.","name":"empty","registryDependencies":["@warren/cn","@warren/warren-base","@warren/button"],"title":"Empty","type":"registry:ui"},{"description":"Human-approval checkpoint card with risk tier, exact argument payload, audit fields, and approve/reject/edit actions.","name":"approval-gate","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone","@warren/button"],"title":"ApprovalGate","type":"registry:ui"},{"description":"Hierarchical span tree with collapsible detail records, optional duration timeline, and a span inspector pane.","name":"agent-trace","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone"],"title":"AgentTrace","type":"registry:ui"},{"description":"Square-bordered action button with signal variants.","name":"button","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Button","type":"registry:ui"},{"description":"Text input with warren styling.","name":"input","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Input","type":"registry:ui"},{"description":"Multi-line text input with warren styling.","name":"textarea","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Textarea","type":"registry:ui"},{"description":"10px mono uppercase form label.","name":"label","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Label","type":"registry:ui"},{"description":"Label + control + hint/error composition.","name":"field","registryDependencies":["@warren/cn","@warren/warren-base","@warren/label"],"title":"Field","type":"registry:ui"},{"description":"Zero-dependency tab list with active underline.","name":"tabs","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Tabs","type":"registry:ui"},{"description":"Two-state toggle with square thumb.","name":"switch","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Switch","type":"registry:ui"},{"description":"Native checkbox with warren styling.","name":"checkbox","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Checkbox","type":"registry:ui"},{"description":"Styled native select with square chevron.","name":"native-select","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"NativeSelect","type":"registry:ui"},{"description":"Applies a Warren theme via data-theme with optional persistence.","name":"theme-select","registryDependencies":["@warren/cn","@warren/warren-base","@warren/native-select"],"title":"ThemeSelect","type":"registry:ui"},{"description":"Custom dropdown select with keyboard-navigable listbox.","name":"select","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Select","type":"registry:ui"},{"description":"Right-side slide-over panel with overlay, focus trap and Esc handling.","name":"sheet","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Sheet","type":"registry:ui"},{"description":"1px hairline horizontal/vertical divider.","name":"separator","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Separator","type":"registry:ui"},{"description":"Static loading placeholder block.","name":"skeleton","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Skeleton","type":"registry:ui"},{"description":"Pulsing square loading indicator.","name":"spinner","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Spinner","type":"registry:ui"},{"description":"Snapping 0-100 progress bar.","name":"progress","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Progress","type":"registry:ui"},{"description":"Mono table primitives with hairline rows.","name":"table","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Table","type":"registry:ui"},{"description":"Signal-colored callout with title and body.","name":"alert","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Alert","type":"registry:ui"},{"description":"Keyboard key chip.","name":"kbd","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Kbd","type":"registry:ui"},{"description":"CSS-only hover/focus supplementary label.","name":"tooltip","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Tooltip","type":"registry:ui"},{"description":"Anchored context panel with outside/Esc dismiss.","name":"popover","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Popover","type":"registry:ui"},{"description":"Transient signal alert with timed auto-dismiss.","name":"toast","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Toast","type":"registry:ui"},{"description":"Controlled modal with focus management and scroll lock.","name":"dialog","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Dialog","type":"registry:ui"},{"description":"Keyboard-driven command palette with filter and selection.","name":"command","registryDependencies":["@warren/cn","@warren/warren-base","@warren/kbd"],"title":"Command","type":"registry:ui"},{"description":"Square-dot world map with country/continent highlights, city pins, and route links.","name":"world-map","registryDependencies":["@warren/cn","@warren/warren-base","@warren/tone","@warren/sheet","@warren/switch"],"title":"World Map","type":"registry:ui"},{"description":"Draggable floating dialog window: opens next to its trigger, viewport-clamped while dragging, closes on Escape or outside mousedown.","name":"floating-panel","registryDependencies":["@warren/cn","@warren/warren-base"],"title":"Floating Panel","type":"registry:ui"}]},"vengence ui":{"favicon":"/favicons/vengence-ui.ico","items":[{"dependencies":["lucide-react","@radix-ui/react-accordion"],"name":"accordion","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"agent-bento-grid","page":"https://www.vengenceui.com/components/agent-bento-grid","type":"registry:ui"},{"name":"alert","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"animated-button","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"animated-number","page":"https://www.vengenceui.com/components/animated-number","type":"registry:ui"},{"name":"animated-rays","page":"https://www.vengenceui.com/components/animated-rays","type":"registry:ui"},{"name":"ascii-glitch-ripple","page":"https://www.vengenceui.com/components/ascii-glitch-ripple","type":"registry:ui"},{"dependencies":["@radix-ui/react-aspect-ratio"],"name":"aspect-ratio","type":"registry:ui"},{"name":"aurora-hero","page":"https://www.vengenceui.com/components/aurora-hero","type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar"],"name":"avatar","type":"registry:ui"},{"dependencies":["gsap","@phosphor-icons/react"],"name":"awwwards-nav","page":"https://www.vengenceui.com/components/awwwards-nav","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot"],"name":"badge","type":"registry:ui"},{"name":"border-beam","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-slot"],"name":"breadcrumb","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot"],"name":"button-group","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot"],"name":"button","type":"registry:ui"},{"dependencies":["lucide-react","react-day-picker"],"name":"calendar","type":"registry:ui"},{"name":"candy-button","page":"https://www.vengenceui.com/components/candy-button","type":"registry:ui"},{"name":"card","type":"registry:ui"},{"dependencies":["lucide-react","embla-carousel-react"],"name":"carousel","type":"registry:ui"},{"name":"chart","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-checkbox"],"name":"checkbox","type":"registry:ui"},{"dependencies":["gsap"],"name":"circular-gallery","page":"https://www.vengenceui.com/components/circular-gallery","type":"registry:ui"},{"name":"code-block","type":"registry:ui"},{"dependencies":["@radix-ui/react-collapsible"],"name":"collapsible","type":"registry:ui"},{"dependencies":["lucide-react","cmdk"],"name":"command","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"component-showcase","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-context-menu"],"name":"context-menu","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"copy-button","type":"registry:ui"},{"name":"corner-button","page":"https://www.vengenceui.com/components/corner-button","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"creepy-button","page":"https://www.vengenceui.com/components/creepy-button","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"cursor-card","page":"https://www.vengenceui.com/components/cursor-card","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"cyber-glitch-text","type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog"],"name":"dialog","type":"registry:ui"},{"dependencies":["vaul"],"name":"drawer","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-dropdown-menu"],"name":"dropdown-menu","type":"registry:ui"},{"name":"elastic-stack","page":"https://www.vengenceui.com/components/elastic-stack","type":"registry:ui"},{"name":"empty","type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"expandable-bento-grid","page":"https://www.vengenceui.com/components/expandable-bento-grid","type":"registry:ui"},{"name":"faq-accordion","page":"https://www.vengenceui.com/components/faq-accordion","type":"registry:ui"},{"name":"field","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"flip-fade-text","page":"https://www.vengenceui.com/components/flip-fade-text","type":"registry:ui"},{"name":"flip-text","page":"https://www.vengenceui.com/components/flip-text","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"fluid-morph-bg","page":"https://www.vengenceui.com/components/fluid-morph-bg","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"folder-preview","page":"https://www.vengenceui.com/components/folder-preview","type":"registry:ui"},{"name":"footer","type":"registry:ui"},{"dependencies":["react-hook-form","@radix-ui/react-label","@radix-ui/react-slot"],"name":"form","type":"registry:ui"},{"name":"fullscreen-preview","type":"registry:ui"},{"name":"generate-button","page":"https://www.vengenceui.com/components/generate-button","type":"registry:ui"},{"name":"github-button","type":"registry:ui"},{"dependencies":["framer-motion","gsap"],"name":"glass-dock","page":"https://www.vengenceui.com/components/glass-dock","type":"registry:ui"},{"name":"glow-border-card","page":"https://www.vengenceui.com/components/glow-border-card","type":"registry:ui"},{"name":"highlight-grid","page":"https://www.vengenceui.com/components/highlight-grid","type":"registry:ui"},{"dependencies":["@radix-ui/react-hover-card"],"name":"hover-card","type":"registry:ui"},{"name":"image-reveal-list","page":"https://www.vengenceui.com/components/image-reveal-list","type":"registry:ui"},{"dependencies":["gsap"],"name":"image-scatter","page":"https://www.vengenceui.com/components/image-scatter","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"image-trail","page":"https://www.vengenceui.com/components/image-trail","type":"registry:ui"},{"name":"input-group","type":"registry:ui"},{"dependencies":["lucide-react","input-otp"],"name":"input-otp","type":"registry:ui"},{"name":"input","type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"interactive-book","page":"https://www.vengenceui.com/components/interactive-book","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"interactive-hover-button","type":"registry:ui"},{"name":"interactive-keyboard","page":"https://www.vengenceui.com/components/interactive-keyboard","type":"registry:ui"},{"dependencies":["@radix-ui/react-slot"],"name":"item","type":"registry:ui"},{"name":"kbd","type":"registry:ui"},{"name":"kinetic-text-loader","page":"https://www.vengenceui.com/components/kinetic-text-loader","type":"registry:ui"},{"dependencies":["@radix-ui/react-label"],"name":"label","type":"registry:ui"},{"name":"light-lines","page":"https://www.vengenceui.com/components/light-lines","type":"registry:ui"},{"name":"line-hover-link","page":"https://www.vengenceui.com/components/line-hover-link","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"liquid-gradient","type":"registry:ui"},{"dependencies":["@paper-design/shaders-react"],"name":"liquid-metal","page":"https://www.vengenceui.com/components/liquid-metal","type":"registry:ui"},{"name":"liquid-ocean","page":"https://www.vengenceui.com/components/liquid-ocean","type":"registry:ui"},{"name":"liquid-text","page":"https://www.vengenceui.com/components/liquid-text","type":"registry:ui"},{"name":"logo-slider","page":"https://www.vengenceui.com/components/logo-slider","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"masked-avatars","page":"https://www.vengenceui.com/components/masked-avatars","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-menubar"],"name":"menubar","type":"registry:ui"},{"name":"morph-text","page":"https://www.vengenceui.com/components/morph-text","type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"morphing-disclosure","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"music-player","page":"https://www.vengenceui.com/components/music-player","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-navigation-menu"],"name":"navigation-menu","type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","next-themes"],"name":"notch-navbar","page":"https://www.vengenceui.com/components/notch-navbar","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"pagination","type":"registry:ui"},{"name":"perspective-grid","page":"https://www.vengenceui.com/components/perspective-grid","type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"perspective-carousel","page":"https://www.vengenceui.com/components/perspective-carousel","type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"diagonal-carousel","page":"https://www.vengenceui.com/components/diagonal-carousel","type":"registry:ui"},{"name":"pixelated-image-trail","page":"https://www.vengenceui.com/components/pixelated-image-trail","type":"registry:ui"},{"name":"pop-button","page":"https://www.vengenceui.com/components/pop-button","type":"registry:ui"},{"dependencies":["@radix-ui/react-popover"],"name":"popover","type":"registry:ui"},{"dependencies":["@radix-ui/react-progress"],"name":"progress","type":"registry:ui"},{"name":"radial-glow-button","page":"https://www.vengenceui.com/components/radial-glow-button","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-radio-group"],"name":"radio-group","type":"registry:ui"},{"dependencies":["framer-motion","react-icons"],"name":"research-bento-grid","page":"https://www.vengenceui.com/components/research-bento-grid","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"resizable","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"name":"reveal-loader","type":"registry:ui"},{"dependencies":["@radix-ui/react-scroll-area"],"name":"scroll-area","type":"registry:ui"},{"dependencies":["@phosphor-icons/react"],"name":"search-modal","page":"https://www.vengenceui.com/components/search-modal","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-select"],"name":"select","type":"registry:ui"},{"dependencies":["@radix-ui/react-separator"],"name":"separator","type":"registry:ui"},{"dependencies":["framer-motion","qrcode-generator"],"name":"share-sheet","page":"https://www.vengenceui.com/components/share-sheet","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"shared-tooltip-avatars","page":"https://www.vengenceui.com/components/shared-tooltip-avatars","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-dialog"],"name":"sheet","type":"registry:ui"},{"dependencies":["lucide-react","@radix-ui/react-slot"],"name":"sidebar","type":"registry:ui"},{"name":"skeleton","type":"registry:ui"},{"dependencies":["@radix-ui/react-slider"],"name":"slider","type":"registry:ui"},{"name":"smooth-scroll","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"social-flip-button","page":"https://www.vengenceui.com/components/social-flip-button","type":"registry:ui"},{"dependencies":["lucide-react","next-themes","sonner"],"name":"sonner","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"spinner","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"spotlight-navbar","page":"https://www.vengenceui.com/components/spotlight-navbar","type":"registry:ui"},{"name":"stacked-logos","page":"https://www.vengenceui.com/components/stacked-logos","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"stagger-text","page":"https://www.vengenceui.com/components/stagger-text","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"stats-counter","page":"https://www.vengenceui.com/components/stats-counter","type":"registry:ui"},{"dependencies":["gsap"],"name":"staggered-grid","page":"https://www.vengenceui.com/components/staggered-grid","type":"registry:ui"},{"dependencies":["@radix-ui/react-switch"],"name":"switch","type":"registry:ui"},{"name":"table","type":"registry:ui"},{"name":"tabs","type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"testimonials-card","page":"https://www.vengenceui.com/components/testimonials-card","type":"registry:ui"},{"name":"team-reveal-grid","page":"https://www.vengenceui.com/components/team-reveal-grid","type":"registry:ui"},{"name":"testinomial-card2","type":"registry:ui"},{"name":"textarea","type":"registry:ui"},{"dependencies":["@radix-ui/react-toggle-group"],"name":"toggle-group","type":"registry:ui"},{"dependencies":["@radix-ui/react-toggle"],"name":"toggle","type":"registry:ui"},{"dependencies":["@radix-ui/react-tooltip"],"name":"tooltip","type":"registry:ui"},{"name":"twisting-ribbon","page":"https://www.vengenceui.com/components/twisting-ribbon","type":"registry:ui"},{"name":"typing-keyboard","page":"https://www.vengenceui.com/components/typing-keyboard","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"gooey-search","page":"https://www.vengenceui.com/components/gooey-search","type":"registry:ui"},{"dependencies":["framer-motion"],"name":"animated-tooltip","page":"https://www.vengenceui.com/components/animated-tooltip","type":"registry:ui"},{"dependencies":["gsap","lucide-react"],"name":"verse-cards","page":"https://www.vengenceui.com/components/verse-cards","type":"registry:ui"},{"dependencies":["three"],"name":"wave-grid-background","page":"https://www.vengenceui.com/components/wave-grid-background","type":"registry:ui"},{"dependencies":["three","gsap"],"name":"interactive-particles","page":"https://www.vengenceui.com/components/interactive-particles","type":"registry:ui"},{"dependencies":["gsap","next-themes"],"name":"animated-footer","page":"https://www.vengenceui.com/components/animated-footer","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"mega-menu-navbar","page":"https://www.vengenceui.com/components/mega-menu-navbar","type":"registry:ui"},{"dependencies":["gsap","@gsap/react"],"name":"gooey-text-reveal","page":"https://www.vengenceui.com/components/gooey-text-reveal","type":"registry:ui"}]},"soldevelo":{"favicon":"/favicons/soldevelo.svg","items":[{"categories":["forms"],"dependencies":["@base-ui/react@^1"],"description":"Cancel and Save actions for a form, with dirty and pending states, usable inside the form or in a page footer.","name":"openlmis-form-actions","page":"https://registry.soldevelo.com/preview/openlmis-form-actions","registryDependencies":["button","input","label","spinner"],"title":"Form Actions","type":"registry:component"},{"categories":["settings","forms"],"dependencies":["@base-ui/react@^1"],"description":"Bordered setting rows with labels, descriptions, badges and editable or read-only values.","name":"openlmis-settings-list","page":"https://registry.soldevelo.com/preview/openlmis-settings-list","registryDependencies":["badge"],"title":"Settings List","type":"registry:block"},{"categories":["forms"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"A calendar date picker with date bounds, a clear button and accessible labels. Values stay in yyyy-MM-dd format.","name":"openlmis-date-picker","page":"https://registry.soldevelo.com/preview/openlmis-date-picker","registryDependencies":["button","calendar","popover"],"title":"Date Picker","type":"registry:component"},{"categories":["forms","auth"],"dependencies":["lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"A live checklist of password rules with pure validation helpers.","name":"openlmis-password-requirements","page":"https://registry.soldevelo.com/preview/openlmis-password-requirements","registryDependencies":["input","label","utils"],"title":"Password Requirements","type":"registry:component"},{"categories":["data-table"],"dependencies":["@tanstack/react-table@^9","lucide-react@^1","@base-ui/react@^1"],"description":"A page selection checkbox column and a floating selected-count bar with Clear and actions.","name":"openlmis-table-selection","page":"https://registry.soldevelo.com/preview/openlmis-table-selection","registryDependencies":["button","checkbox","https://registry.soldevelo.com/r/openlmis-data-table.json"],"title":"Table Selection","type":"registry:component"},{"categories":["forms","data-table"],"dependencies":["@base-ui/react@^1","lucide-react@^1"],"description":"A searchable toolbar filter with caller-supplied options, search callbacks, status and empty messages.","name":"openlmis-combobox-filter","page":"https://registry.soldevelo.com/preview/openlmis-combobox-filter","registryDependencies":["combobox","input-group"],"title":"Combobox Filter","type":"registry:component"},{"categories":["navigation","layout"],"dependencies":["@base-ui/react@^1"],"description":"Controlled page section tabs that wrap into a column or grid on narrow screens.","name":"openlmis-workspace-tabs","page":"https://registry.soldevelo.com/preview/openlmis-workspace-tabs","registryDependencies":["tabs","utils"],"title":"Workspace Tabs","type":"registry:component"},{"categories":["navigation","data-table"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"Pager for a server-paged list: rows per page, the range on screen out of the total, and first, previous, next and last page buttons, with a matching loading skeleton. Tightens to fit narrow containers.","name":"openlmis-pagination","page":"https://registry.soldevelo.com/preview/openlmis-pagination","registryDependencies":["button","select","skeleton"],"title":"Pagination","type":"registry:component"},{"categories":["forms","data-table"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"Search field that reports after a pause in typing, on Enter or when it loses focus, with a clear button, so a list updates once per search rather than on every keystroke.","name":"openlmis-search-input","page":"https://registry.soldevelo.com/preview/openlmis-search-input","registryDependencies":["input-group"],"title":"Search Input","type":"registry:component"},{"categories":["forms","data-table"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"Toolbar dropdown that narrows a list to one value, reading \"Status: Active\" once picked, with a button to clear it.","name":"openlmis-select-filter","page":"https://registry.soldevelo.com/preview/openlmis-select-filter","registryDependencies":["button","select"],"title":"Select Filter","type":"registry:component"},{"categories":["data-table"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"View menu that shows or hides a table's columns with checkboxes, and resets them to their defaults.","name":"openlmis-column-view-options","page":"https://registry.soldevelo.com/preview/openlmis-column-view-options","registryDependencies":["button","dropdown-menu"],"title":"Column View Options","type":"registry:component"},{"categories":["data-display"],"dependencies":["lucide-react@^1"],"description":"Badge for a state such as active, unsaved or ignored, in a success, warning, info or destructive tone with an icon of its own, so the state reads without relying on colour.","name":"openlmis-status-badge","page":"https://registry.soldevelo.com/preview/openlmis-status-badge","registryDependencies":["utils"],"title":"Status Badge","type":"registry:component"},{"categories":["navigation"],"dependencies":["@base-ui/react@^1"],"description":"Breadcrumb trail from a list of steps, where a step without a page, such as a menu section, shows as text, and links render through any router.","name":"openlmis-page-breadcrumbs","page":"https://registry.soldevelo.com/preview/openlmis-page-breadcrumbs","registryDependencies":["breadcrumb"],"title":"Page Breadcrumbs","type":"registry:component"},{"categories":["forms"],"dependencies":["@base-ui/react@^1","@tanstack/react-form@^1","lucide-react@^1","zod@^4"],"description":"Thirteen TanStack Form controls with stacked, row and inline layouts, accessible hints and errors, password reveal, searchable options, tags, images and dates, compact switch rows and radio cards or tiles.","name":"openlmis-form-fields","page":"https://registry.soldevelo.com/preview/openlmis-form-fields","registryDependencies":["badge","button","combobox","field","input","input-group","popover","radio-group","select","skeleton","switch","textarea","tooltip","utils","https://registry.soldevelo.com/r/openlmis-combobox-filter.json","https://registry.soldevelo.com/r/openlmis-date-picker.json","https://registry.soldevelo.com/r/openlmis-settings-list.json"],"title":"Form Fields","type":"registry:component"},{"categories":["forms","overlay"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"Dialog for a form that stays inside the viewport and scrolls only its body, ignores clicks outside so nothing typed is lost, locks while a save runs, and shows save and load errors in place with a way to try again.","name":"openlmis-form-dialog","page":"https://registry.soldevelo.com/preview/openlmis-form-dialog","registryDependencies":["alert","button","dialog","field","spinner","https://registry.soldevelo.com/r/openlmis-form-fields.json"],"title":"Form Dialog","type":"registry:component"},{"categories":["dashboard","layout"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"Card frame for a dashboard: a title with its count in a badge, a one-line description, placeholders and an error with Try Again for a body whose data is not ready, and a row that sets a wide card beside a narrow one when there is room.","name":"openlmis-dashboard-card","page":"https://registry.soldevelo.com/preview/openlmis-dashboard-card","registryDependencies":["badge","button","card","skeleton"],"title":"Dashboard Card","type":"registry:block"},{"categories":["dashboard","data-display"],"dependencies":["@base-ui/react@^1"],"description":"One panel of headline numbers split by hairlines, with as many columns as there are stats, and a placeholder or Try Again for any number that is not ready.","name":"openlmis-stat-strip","page":"https://registry.soldevelo.com/preview/openlmis-stat-strip","registryDependencies":["skeleton","utils","https://registry.soldevelo.com/r/openlmis-dashboard-card.json"],"title":"Stat Strip","type":"registry:block"},{"categories":["overlay","forms"],"dependencies":["@base-ui/react@^1"],"description":"Alert dialog asked before leaving a page with unsaved changes: how many would be lost and whose, Keep Editing, and a destructive Discard whose label says what happens next.","name":"openlmis-discard-changes-dialog","page":"https://registry.soldevelo.com/preview/openlmis-discard-changes-dialog","registryDependencies":["alert-dialog","button"],"title":"Discard Changes Dialog","type":"registry:component"},{"categories":["feedback"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"Message box in a warning, info or success tone, tinted border and background with an icon of its own and text in the foreground colours, for the states the stock Alert has no variant for.","name":"openlmis-callout","page":"https://registry.soldevelo.com/preview/openlmis-callout","registryDependencies":["button","utils"],"title":"Callout","type":"registry:component"},{"categories":["data-table"],"dependencies":["@tanstack/react-table@^9","lucide-react@^1","@base-ui/react@^1"],"description":"Server-paged table on TanStack Table v9: sortable headers, fixed column widths that hold steady from page to page, columns that drop when the table is narrow, a skeleton built from the real columns, empty and error states, and a pagination footer.","name":"openlmis-data-table","page":"https://registry.soldevelo.com/preview/openlmis-data-table","registryDependencies":["button","empty","skeleton","table","https://registry.soldevelo.com/r/openlmis-pagination.json"],"title":"Data Table","type":"registry:block"},{"categories":["administration","data-table"],"dependencies":["@tanstack/react-table@^9","lucide-react@^1","@base-ui/react@^1"],"description":"One role type's assignments for a user: search, sortable columns that fold into one on a narrow card, a role's rights in a popover, unsaved and ignored badges, removal and Add Role, plus the role types and helpers the user, roles and profile pages share.","name":"openlmis-role-assignments","page":"https://registry.soldevelo.com/preview/openlmis-role-assignments","registryDependencies":["button","dropdown-menu","skeleton","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-label-popover.json","https://registry.soldevelo.com/r/openlmis-search-input.json","https://registry.soldevelo.com/r/openlmis-status-badge.json"],"title":"Role Assignments","type":"registry:block"},{"categories":["layout"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"Page frame for an app screen: breadcrumbs, a heading with an icon, title and one-line description, header actions that share the width when the header stacks, a content area, and a bar stuck to the bottom for page-wide actions such as Save.","name":"openlmis-workspace","page":"https://registry.soldevelo.com/preview/openlmis-workspace","registryDependencies":["button","utils","https://registry.soldevelo.com/r/openlmis-page-breadcrumbs.json"],"title":"Workspace","type":"registry:block"},{"categories":["layout","data-table"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"Layout for the controls above a list, installed with the search, filter and View menu it arranges: one row with room, and the search on a row of its own once the toolbar is narrow.","name":"openlmis-list-toolbar","page":"https://registry.soldevelo.com/preview/openlmis-list-toolbar","registryDependencies":["button","https://registry.soldevelo.com/r/openlmis-column-view-options.json","https://registry.soldevelo.com/r/openlmis-search-input.json","https://registry.soldevelo.com/r/openlmis-select-filter.json"],"title":"List Toolbar","type":"registry:block"},{"categories":["profile"],"dependencies":["@tanstack/react-form@^1","@tanstack/react-table@^9","lucide-react@^1","react-dom@^19","zod@^4","@base-ui/react@^1"],"description":"A mock profile with basic information, read-only role assignments, notification settings and a change password dialog.","name":"openlmis-profile-page","page":"https://registry.soldevelo.com/templates/openlmis-profile-page","registryDependencies":["alert","badge","button","dropdown-menu","field","skeleton","spinner","table","tabs","utils","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-discard-changes-dialog.json","https://registry.soldevelo.com/r/openlmis-form-actions.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-page-breadcrumbs.json","https://registry.soldevelo.com/r/openlmis-password-requirements.json","https://registry.soldevelo.com/r/openlmis-role-assignments.json","https://registry.soldevelo.com/r/openlmis-settings-list.json","https://registry.soldevelo.com/r/openlmis-status-badge.json","https://registry.soldevelo.com/r/openlmis-workspace.json","https://registry.soldevelo.com/r/openlmis-workspace-tabs.json"],"title":"Profile Page","type":"registry:page"},{"categories":["administration"],"dependencies":["@tanstack/react-form@^1","@tanstack/react-table@^9","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Search and filter roles by type, create or edit them, and view their rights using local mock data.","name":"openlmis-roles-page","page":"https://registry.soldevelo.com/templates/openlmis-roles-page","registryDependencies":["alert-dialog","button","dialog","dropdown-menu","field","skeleton","tabs","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-column-view-options.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-list-toolbar.json","https://registry.soldevelo.com/r/openlmis-page-breadcrumbs.json","https://registry.soldevelo.com/r/openlmis-role-assignments.json","https://registry.soldevelo.com/r/openlmis-search-input.json","https://registry.soldevelo.com/r/openlmis-select-filter.json","https://registry.soldevelo.com/r/openlmis-workspace.json"],"title":"Roles Page","type":"registry:page"},{"categories":["data-table","users"],"dependencies":["@tanstack/react-form@^1","@tanstack/react-table@^9","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Complete users list screen on mock data: breadcrumbs and heading, a toolbar with search, a status filter, a View menu and Add User, a table with sorting, paging, empty and no-matches states, and row actions that open Edit User and Reset Password, with Add User going on to Set Pas","name":"openlmis-list-page","page":"https://registry.soldevelo.com/templates/openlmis-list-page","registryDependencies":["badge","button","dropdown-menu","field","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-column-view-options.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-list-toolbar.json","https://registry.soldevelo.com/r/openlmis-page-breadcrumbs.json","https://registry.soldevelo.com/r/openlmis-password-requirements.json","https://registry.soldevelo.com/r/openlmis-search-input.json","https://registry.soldevelo.com/r/openlmis-select-filter.json","https://registry.soldevelo.com/r/openlmis-status-badge.json","https://registry.soldevelo.com/r/openlmis-workspace.json"],"title":"List Page","type":"registry:page"},{"categories":["dashboard"],"dependencies":["lucide-react@^1","recharts@^3","@base-ui/react@^1"],"description":"OpenLMIS home screen on mock data: a greeting with what is waiting, Add User, system notices, a stat strip, requisitions by period and by status, cold chain equipment and the approvals queue, each shown only when the user's rights allow.","name":"openlmis-home-dashboard","page":"https://registry.soldevelo.com/templates/openlmis-home-dashboard","registryDependencies":["alert","badge","button","chart","empty","skeleton","table","https://registry.soldevelo.com/r/openlmis-dashboard-card.json","https://registry.soldevelo.com/r/openlmis-segmented-meter.json","https://registry.soldevelo.com/r/openlmis-stat-strip.json","https://registry.soldevelo.com/r/openlmis-status-meter-list.json","https://registry.soldevelo.com/r/openlmis-workspace.json"],"title":"Home Dashboard","type":"registry:page"},{"categories":["users","roles"],"dependencies":["@tanstack/react-form@^1","@tanstack/react-table@^9","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Edit User Roles on mock data: Supervision, Fulfillment, Reports and Administration tabs with counts over one draft, Add Role, Import Roles and View Rights dialogs, Remove with Undo, and Cancel and Save Changes in a bar at the bottom that asks before discarding unsaved changes.","name":"openlmis-user-roles-page","page":"https://registry.soldevelo.com/templates/openlmis-user-roles-page","registryDependencies":["badge","button","dialog","dropdown-menu","field","skeleton","tabs","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-discard-changes-dialog.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-page-breadcrumbs.json","https://registry.soldevelo.com/r/openlmis-role-assignments.json","https://registry.soldevelo.com/r/openlmis-workspace.json"],"title":"User Roles Page","type":"registry:page"},{"categories":["errors","navigation"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"A 404 page that shows the address that was asked for, with Go Back and Back Home, ready to render inside an app shell so the navigation stays.","name":"openlmis-not-found-page","page":"https://registry.soldevelo.com/templates/openlmis-not-found-page","registryDependencies":["button","empty"],"title":"Not Found Page","type":"registry:page"},{"categories":["assignments","data-table"],"dependencies":["@tanstack/react-form@^1","@tanstack/react-table@^9","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Mock valid sources and destinations with paired facility and program filters, responsive tables, selection across pages, Add and partial Delete.","name":"openlmis-valid-assignments-page","page":"https://registry.soldevelo.com/templates/openlmis-valid-assignments-page","registryDependencies":["alert","alert-dialog","button","dropdown-menu","field","spinner","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-column-view-options.json","https://registry.soldevelo.com/r/openlmis-combobox-filter.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-list-toolbar.json","https://registry.soldevelo.com/r/openlmis-select-filter.json","https://registry.soldevelo.com/r/openlmis-table-selection.json","https://registry.soldevelo.com/r/openlmis-workspace.json","https://registry.soldevelo.com/r/openlmis-workspace-tabs.json"],"title":"Valid Assignments Page","type":"registry:page"},{"categories":["settings"],"dependencies":["@tanstack/react-form@^1","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Mock branding and feature flag settings with sticky Save and Cancel, discard confirmation, defaults, conflict Reload and partial-save feedback.","name":"openlmis-system-settings-page","page":"https://registry.soldevelo.com/templates/openlmis-system-settings-page","registryDependencies":["alert","alert-dialog","button","popover","spinner","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-discard-changes-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-search-input.json","https://registry.soldevelo.com/r/openlmis-settings-list.json","https://registry.soldevelo.com/r/openlmis-workspace.json","https://registry.soldevelo.com/r/openlmis-workspace-tabs.json"],"title":"System Settings Page","type":"registry:page"},{"categories":["forms"],"dependencies":["zod@^4","@base-ui/react@^1"],"description":"Pure number validation for text fields, including whole numbers, bounds and decimal precision.","name":"openlmis-number-text","page":"https://registry.soldevelo.com/preview/openlmis-number-text","registryDependencies":["field","input"],"title":"Number Text","type":"registry:component"},{"categories":["products"],"dependencies":["@tanstack/react-form@^1","@tanstack/react-table@^9","lucide-react@^1","react-dom@^19","zod@^4","@base-ui/react@^1"],"description":"Mock product editor with General, Programs, Facility Types and Kit Unpack List tabs, dialogs and discard confirmation.","name":"openlmis-product-editor-page","page":"https://registry.soldevelo.com/templates/openlmis-product-editor-page","registryDependencies":["alert","alert-dialog","badge","button","dropdown-menu","field","skeleton","spinner","table","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-column-view-options.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-discard-changes-dialog.json","https://registry.soldevelo.com/r/openlmis-form-actions.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-list-toolbar.json","https://registry.soldevelo.com/r/openlmis-number-text.json","https://registry.soldevelo.com/r/openlmis-workspace.json","https://registry.soldevelo.com/r/openlmis-workspace-tabs.json"],"title":"Product Editor Page","type":"registry:page"},{"categories":["facilities"],"dependencies":["@tanstack/react-form@^1","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Mock facility editor with Information and Associated Programs tabs, managed fields, combined validation and discard confirmation.","name":"openlmis-facility-editor-page","page":"https://registry.soldevelo.com/templates/openlmis-facility-editor-page","registryDependencies":["alert","badge","button","empty","field","skeleton","spinner","switch","table","tabs","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-date-picker.json","https://registry.soldevelo.com/r/openlmis-discard-changes-dialog.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-page-breadcrumbs.json","https://registry.soldevelo.com/r/openlmis-workspace.json","https://registry.soldevelo.com/r/openlmis-workspace-tabs.json"],"title":"Facility Editor Page","type":"registry:page"},{"categories":["stock"],"dependencies":["@tanstack/react-form@^1","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Mock stock reason editor with assignment pairs, partial-save feedback and discard confirmation.","name":"openlmis-reason-editor-page","page":"https://registry.soldevelo.com/templates/openlmis-reason-editor-page","registryDependencies":["alert","button","empty","field","skeleton","spinner","switch","table","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-discard-changes-dialog.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-page-breadcrumbs.json","https://registry.soldevelo.com/r/openlmis-workspace.json"],"title":"Reason Editor Page","type":"registry:page"},{"categories":["auth","forms"],"dependencies":["@base-ui/react@^1"],"description":"Composable authentication cards and a page shell with logo, title, form, actions and Powered By footer.","name":"openlmis-auth-card","page":"https://registry.soldevelo.com/preview/openlmis-auth-card","registryDependencies":["button","card","field","spinner"],"title":"Auth Card","type":"registry:block"},{"categories":["feedback"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"No-access empty state with a heading-level choice and optional Back Home link.","name":"openlmis-no-access","page":"https://registry.soldevelo.com/preview/openlmis-no-access","registryDependencies":["button","empty"],"title":"No Access","type":"registry:component"},{"categories":["auth"],"dependencies":["@tanstack/react-form@^1","zod@^4","@base-ui/react@^1"],"description":"Mock sign-in page with credentials, refused feedback and a signed-in result.","name":"openlmis-sign-in-page","page":"https://registry.soldevelo.com/templates/openlmis-sign-in-page","registryDependencies":["button","card","field","https://registry.soldevelo.com/r/openlmis-auth-card.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json"],"title":"Sign In Page","type":"registry:page"},{"categories":["auth"],"dependencies":["@tanstack/react-form@^1","zod@^4","@base-ui/react@^1"],"description":"Mock email reset request page with a neutral confirmation.","name":"openlmis-forgot-password-page","page":"https://registry.soldevelo.com/templates/openlmis-forgot-password-page","registryDependencies":["card","https://registry.soldevelo.com/r/openlmis-auth-card.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json"],"title":"Forgot Password Page","type":"registry:page"},{"categories":["auth"],"dependencies":["@tanstack/react-form@^1","@base-ui/react@^1"],"description":"Mock password reset page with validation and link-status presentation.","name":"openlmis-reset-password-page","page":"https://registry.soldevelo.com/templates/openlmis-reset-password-page","registryDependencies":["card","https://registry.soldevelo.com/r/openlmis-auth-card.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-password-requirements.json"],"title":"Reset Password Page","type":"registry:page"},{"categories":["administration"],"dependencies":["@tanstack/react-form@^1","@tanstack/react-table@^9","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Mock lot list with product/expiry filters, paging and editable lot dialogs.","name":"openlmis-lots-page","page":"https://registry.soldevelo.com/templates/openlmis-lots-page","registryDependencies":["button","dropdown-menu","field","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-column-view-options.json","https://registry.soldevelo.com/r/openlmis-combobox-filter.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-date-picker.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-list-toolbar.json","https://registry.soldevelo.com/r/openlmis-workspace.json"],"title":"Lots Page","type":"registry:page"},{"categories":["administration"],"dependencies":["@tanstack/react-table@^9","lucide-react@^1","@base-ui/react@^1"],"description":"Mock service-key list with sorting, paging, add/delete dialogs and copy-state presentation.","name":"openlmis-service-accounts-page","page":"https://registry.soldevelo.com/templates/openlmis-service-accounts-page","registryDependencies":["alert","alert-dialog","button","dropdown-menu","spinner","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-copyable-value.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-list-toolbar.json","https://registry.soldevelo.com/r/openlmis-workspace.json"],"title":"Service Accounts Page","type":"registry:page"},{"categories":["feedback"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"A value display and controlled copy button, with caller-owned copy behavior and feedback.","name":"openlmis-copyable-value","page":"https://registry.soldevelo.com/preview/openlmis-copyable-value","registryDependencies":["button","utils"],"title":"Copyable Value","type":"registry:component"},{"categories":["feedback"],"dependencies":["lucide-react@^1","@base-ui/react@^1"],"description":"A truncated label with an accessible details button and a composable popover panel.","name":"openlmis-label-popover","page":"https://registry.soldevelo.com/preview/openlmis-label-popover","registryDependencies":["button","popover"],"title":"Label Popover","type":"registry:component"},{"categories":["charts"],"dependencies":["recharts@^3","@base-ui/react@^1"],"description":"A stacked meter with a labeled count and percentage legend, locale formatting and right-to-left support.","name":"openlmis-segmented-meter","page":"https://registry.soldevelo.com/preview/openlmis-segmented-meter","registryDependencies":["chart","utils"],"title":"Segmented Meter","type":"registry:component"},{"categories":["charts"],"dependencies":["@base-ui/react@^1","lucide-react@^1"],"description":"Composable labeled meters with icons, counts and semantic tones.","name":"openlmis-status-meter-list","page":"https://registry.soldevelo.com/preview/openlmis-status-meter-list","registryDependencies":["utils"],"title":"Status Meter List","type":"registry:component"},{"categories":["administration"],"dependencies":["@tanstack/react-form@^1","@tanstack/react-table@^9","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Mock program administration with responsive columns, sorting, paging and create/edit forms.","name":"openlmis-programs-page","page":"https://registry.soldevelo.com/templates/openlmis-programs-page","registryDependencies":["button","dropdown-menu","field","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-column-view-options.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-list-toolbar.json","https://registry.soldevelo.com/r/openlmis-status-badge.json","https://registry.soldevelo.com/r/openlmis-workspace.json"],"title":"Programs Page","type":"registry:page"},{"categories":["administration"],"dependencies":["@tanstack/react-form@^1","@tanstack/react-table@^9","lucide-react@^1","zod@^4","@base-ui/react@^1"],"description":"Mock facility type administration with responsive columns, sorting, paging and create/edit forms.","name":"openlmis-facility-types-page","page":"https://registry.soldevelo.com/templates/openlmis-facility-types-page","registryDependencies":["button","dropdown-menu","field","https://registry.soldevelo.com/r/openlmis-callout.json","https://registry.soldevelo.com/r/openlmis-column-view-options.json","https://registry.soldevelo.com/r/openlmis-data-table.json","https://registry.soldevelo.com/r/openlmis-form-dialog.json","https://registry.soldevelo.com/r/openlmis-form-fields.json","https://registry.soldevelo.com/r/openlmis-list-toolbar.json","https://registry.soldevelo.com/r/openlmis-status-badge.json","https://registry.soldevelo.com/r/openlmis-workspace.json"],"title":"Facility Types Page","type":"registry:page"}]},"tailark":{"favicon":"/favicons/tailark.svg","items":[{"description":"Tailark core use media hook","name":"core-use-media","title":"Use Media","type":"registry:hook"},{"description":"Tailark core accel svg logo","name":"core-accel","title":"Accel logo","type":"registry:ui"},{"description":"Tailark core antigravity svg logo","name":"core-antigravity","title":"Antigravity logo","type":"registry:ui"},{"description":"Tailark core beacon svg logo","name":"core-beacon","title":"Beacon logo","type":"registry:ui"},{"description":"Tailark core bolt svg logo","name":"core-bolt","title":"Bolt logo","type":"registry:ui"},{"description":"Tailark core cisco svg logo","name":"core-cisco","title":"Cisco logo","type":"registry:ui"},{"description":"Tailark core claude svg logo","name":"core-claude","title":"Claude logo","type":"registry:ui"},{"description":"Tailark core clerk svg logo","name":"core-clerk","title":"Clerk logo","type":"registry:ui"},{"description":"Tailark core cloudflare svg logo","name":"core-cloudflare","title":"Cloudflare logo","type":"registry:ui"},{"description":"Tailark core cohere svg logo","name":"core-cohere","title":"Cohere logo","type":"registry:ui"},{"description":"Tailark core cursor svg logo","name":"core-cursor","title":"Cursor logo","type":"registry:ui"},{"description":"Tailark core deepseek svg logo","name":"core-deepseek","title":"Deepseek logo","type":"registry:ui"},{"description":"Tailark core drive svg logo","name":"core-drive","title":"Drive logo","type":"registry:ui"},{"description":"Tailark core figma svg logo","name":"core-figma","title":"Figma logo","type":"registry:ui"},{"description":"Tailark core firebase svg logo","name":"core-firebase","title":"Firebase logo","type":"registry:ui"},{"description":"Tailark core gemini svg logo","name":"core-gemini","title":"Gemini logo","type":"registry:ui"},{"description":"Tailark core gmail svg logo","name":"core-gmail","title":"Gmail logo","type":"registry:ui"},{"description":"Tailark core google-palm svg logo","name":"core-google-palm","title":"Google PaLM logo","type":"registry:ui"},{"description":"Tailark core hulu svg logo","name":"core-hulu","title":"Hulu logo","type":"registry:ui"},{"description":"Tailark core intellij svg logo","name":"core-intellij","title":"Intellij logo","type":"registry:ui"},{"description":"Tailark core leap-wallet svg logo","name":"core-leap-wallet","title":"Leap Wallet logo","type":"registry:ui"},{"description":"Tailark core linear svg logo","name":"core-linear","title":"Linear logo","type":"registry:ui"},{"description":"Tailark core magicui svg logo","name":"core-magicui","title":"Magic UI logo","type":"registry:ui"},{"description":"Tailark core media-wiki svg logo","name":"core-media-wiki","title":"MediaWiki logo","type":"registry:ui"},{"description":"Tailark core mediawiki svg logo","name":"core-mediawiki","title":"MediaWiki logo","type":"registry:ui"},{"description":"Tailark core microsoft-excel svg logo","name":"core-microsoft-excel","title":"Microsoft Excel logo","type":"registry:ui"},{"description":"Tailark core microsoft-word svg logo","name":"core-microsoft-word","title":"Microsoft Word logo","type":"registry:ui"},{"description":"Tailark core mistral-ai svg logo","name":"core-mistral-ai","title":"Mistral AI logo","type":"registry:ui"},{"description":"Tailark core neon svg logo","name":"core-neon","title":"Neon logo","type":"registry:ui"},{"description":"Tailark core open-ai svg logo","name":"core-open-ai","title":"OpenAI logo","type":"registry:ui"},{"description":"Tailark core openai svg logo","name":"core-openai","title":"OpenAI logo","type":"registry:ui"},{"description":"Tailark core paypal svg logo","name":"core-paypal","title":"Paypal logo","type":"registry:ui"},{"description":"Tailark core pdf svg logo","name":"core-pdf","title":"PDF logo","type":"registry:ui"},{"description":"Tailark core perplexity-ai svg logo","name":"core-perplexity-ai","title":"Perplexity AI logo","type":"registry:ui"},{"description":"Tailark core polar svg logo","name":"core-polar","title":"Polar logo","type":"registry:ui"},{"description":"Tailark core polars svg logo","name":"core-polars","title":"Polars logo","type":"registry:ui"},{"description":"Tailark core prime svg logo","name":"core-prime","title":"Prime logo","type":"registry:ui"},{"description":"Tailark core qwen svg logo","name":"core-qwen","title":"Qwen logo","type":"registry:ui"},{"description":"Tailark core replit svg logo","name":"core-replit","title":"Replit logo","type":"registry:ui"},{"description":"Tailark core salesforce svg logo","name":"core-salesforce","title":"Salesforce logo","type":"registry:ui"},{"description":"Tailark core sequoia svg logo","name":"core-sequoia","title":"Sequoia logo","type":"registry:ui"},{"description":"Tailark core shopify svg logo","name":"core-shopify","title":"Shopify logo","type":"registry:ui"},{"description":"Tailark core slack svg logo","name":"core-slack","title":"Slack logo","type":"registry:ui"},{"description":"Tailark core spotify svg logo","name":"core-spotify","title":"Spotify logo","type":"registry:ui"},{"description":"Tailark core stripe svg logo","name":"core-stripe","title":"Stripe logo","type":"registry:ui"},{"description":"Tailark core supabase svg logo","name":"core-supabase","title":"Supabase logo","type":"registry:ui"},{"description":"Tailark core sva svg logo","name":"core-sva","title":"Sva logo","type":"registry:ui"},{"description":"Tailark core tailwindcss svg logo","name":"core-tailwindcss","title":"Tailwind CSS logo","type":"registry:ui"},{"description":"Tailark core twilio svg logo","name":"core-twilio","title":"Twilio logo","type":"registry:ui"},{"description":"Tailark core vercel svg logo","name":"core-vercel","title":"Vercel logo","type":"registry:ui"},{"description":"Tailark core vs-code svg logo","name":"core-vs-code","title":"VS Code logo","type":"registry:ui"},{"description":"Tailark core vs-codium svg logo","name":"core-vs-codium","title":"VSCodium logo","type":"registry:ui"},{"description":"Tailark core windsurf svg logo","name":"core-windsurf","title":"Windsurf logo","type":"registry:ui"},{"description":"Tailark core y-combinator svg logo","name":"core-y-combinator","title":"Y Combinator logo","type":"registry:ui"},{"dependencies":["motion"],"description":"Tailark motion primitives animated-group component","name":"motion-primitives-animated-group","title":"Animated Group","type":"registry:component"},{"dependencies":["motion","react-use-measure"],"description":"Tailark motion primitives infinite-slider component","name":"motion-primitives-infinite-slider","registryDependencies":["@tailark/core-utils"],"title":"Infinite Slider","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark motion primitives progressive-blur component","name":"motion-primitives-progressive-blur","registryDependencies":["@tailark/core-utils"],"title":"Progressive Blur","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark motion primitives text-effect component","name":"motion-primitives-text-effect","registryDependencies":["@tailark/core-utils"],"title":"Text Effect","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark motion primitives text-scramble component","name":"motion-primitives-text-scramble","title":"Text Scramble","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark motion primitives text-shimmer component","name":"motion-primitives-text-shimmer","registryDependencies":["@tailark/core-utils"],"title":"Text Shimmer","type":"registry:component"},{"description":"Cached current year for copyright footers","name":"core-copyright-year","title":"Copyright Year","type":"registry:ui"},{"description":"Tailark core logo component","name":"core-logo","registryDependencies":["@tailark/core-utils"],"title":"Logo","type":"registry:ui"},{"dependencies":["@tsparticles/engine","@tsparticles/react","@tsparticles/slim"],"description":"Tailark core particles component","name":"core-particles","title":"Particles","type":"registry:ui"},{"description":"Tailark core response stream component","name":"core-response-stream","registryDependencies":["@tailark/core-utils"],"title":"Response Stream","type":"registry:ui"},{"dependencies":["ai","lucide-react"],"description":"Tailark core prompt input component","name":"core-prompt-input","registryDependencies":["@tailark/core-utils","@tailark/button","@tailark/select","@tailark/textarea"],"title":"Prompt Input","type":"registry:component"},{"description":"Tailark core suggestion component","name":"core-suggestion","registryDependencies":["@tailark/core-utils","@tailark/button","@tailark/scroll-area"],"title":"Suggestion","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"Tailark Base UI Accordion component","name":"accordion","registryDependencies":["@tailark/core-utils"],"title":"Accordion","type":"registry:ui"},{"dependencies":["@radix-ui/react-aspect-ratio"],"description":"Tailark Base UI Aspect Ratio component","name":"aspect-ratio","registryDependencies":["@tailark/core-utils"],"title":"Aspect Ratio","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Tailark Base UI Avatar component","name":"avatar","registryDependencies":["@tailark/core-utils"],"title":"Avatar","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"Tailark Base UI Button component","name":"button","registryDependencies":["@tailark/core-utils"],"title":"Button","type":"registry:ui"},{"description":"Tailark Base UI Card component","name":"card","registryDependencies":["@tailark/core-utils"],"title":"Card","type":"registry:ui"},{"dependencies":["embla-carousel-react"],"description":"Tailark Base UI Carousel component","name":"carousel","registryDependencies":["@tailark/core-utils","@tailark/button"],"title":"Carousel","type":"registry:ui"},{"dependencies":["recharts"],"description":"Tailark Base UI Chart component","name":"chart","registryDependencies":["@tailark/core-utils"],"title":"Chart","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Tailark Base UI Dialog component","name":"dialog","registryDependencies":["@tailark/core-utils","@tailark/button"],"title":"Dialog","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Tailark Base UI Hover Card component","name":"hover-card","registryDependencies":["@tailark/core-utils"],"title":"Hover Card","type":"registry:ui"},{"description":"Tailark Base UI Input component","name":"input","registryDependencies":["@tailark/core-utils"],"title":"Input","type":"registry:ui"},{"dependencies":["@radix-ui/react-label"],"description":"Tailark Base UI Label component","name":"label","registryDependencies":["@tailark/core-utils"],"title":"Label","type":"registry:ui"},{"description":"Tailark Base UI Loader component","name":"loader","registryDependencies":["@tailark/core-utils"],"title":"Loader","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"Tailark Base UI Navigation Menu component","name":"navigation-menu","registryDependencies":["@tailark/core-utils"],"title":"Navigation Menu","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Tailark Base UI Scroll Area component","name":"scroll-area","registryDependencies":["@tailark/core-utils"],"title":"Scroll Area","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Tailark Base UI Select component","name":"select","registryDependencies":["@tailark/core-utils"],"title":"Select","type":"registry:ui"},{"description":"Tailark Base UI Sources component","name":"sources","registryDependencies":["@tailark/core-utils","@tailark/hover-card"],"title":"Sources","type":"registry:ui"},{"description":"Tailark Base UI Textarea component","name":"textarea","registryDependencies":["@tailark/core-utils"],"title":"Textarea","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"Tailark Base UI Toggle component","name":"toggle","registryDependencies":["@tailark/core-utils"],"title":"Toggle","type":"registry:ui"},{"dependencies":["@base-ui/react","class-variance-authority"],"description":"Tailark Base UI Toggle Group component","name":"toggle-group","registryDependencies":["@tailark/core-utils","@tailark/toggle"],"title":"Toggle Group","type":"registry:ui"},{"dependencies":["@base-ui/react"],"description":"Tailark Base UI Tooltip component","name":"tooltip","registryDependencies":["@tailark/core-utils"],"title":"Tooltip","type":"registry:ui"},{"dependencies":["@radix-ui/react-context-menu"],"description":"Tailark Base UI Context Menu component","name":"context-menu","registryDependencies":["@tailark/core-utils"],"title":"Context Menu","type":"registry:ui"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@uidotdev/usehooks","date-fns","jotai","lodash.throttle"],"description":"Tailark Base UI Gantt component","name":"gantt","registryDependencies":["@tailark/core-utils","@tailark/card","@tailark/context-menu"],"title":"Gantt","type":"registry:ui"},{"description":"Tailark document illustration","name":"document","page":"https://tailark.com/illustrations/document","title":"Document Illustration","type":"registry:component"},{"description":"Tailark pdf document illustration","name":"document-pdf","title":"Document Illustration","type":"registry:component"},{"description":"Tailark docx document illustration","name":"document-docx","title":"Document Illustration","type":"registry:component"},{"description":"Tailark xlx document illustration","name":"document-xlx","title":"Document Illustration","type":"registry:component"},{"description":"Tailark txt document illustration","name":"document-txt","title":"Document Illustration","type":"registry:component"},{"description":"Tailark json document illustration","name":"document-json","title":"Document Illustration","type":"registry:component"},{"description":"Tailark md document illustration","name":"document-md","title":"Document Illustration","type":"registry:component"},{"description":"Tailark pptx document illustration","name":"document-pptx","title":"Document Illustration","type":"registry:component"},{"description":"Tailark csv document illustration","name":"document-csv","title":"Document Illustration","type":"registry:component"},{"description":"Tailark html document illustration","name":"document-html","title":"Document Illustration","type":"registry:component"},{"description":"Tailark zip document illustration","name":"document-zip","title":"Document Illustration","type":"registry:component"},{"description":"Tailark img document illustration","name":"document-img","title":"Document Illustration","type":"registry:component"},{"description":"Tailark currency illustration","name":"currency","title":"Currency Illustration","type":"registry:component"},{"description":"Tailark campaign illustration","name":"campaign","title":"Campaign Illustration","type":"registry:component"},{"description":"Tailark invoice illustration","name":"invoice","registryDependencies":["@tailark/core-logo"],"title":"Invoice Illustration","type":"registry:component"},{"description":"Tailark message illustration","name":"message","page":"https://tailark.com/illustrations/message","title":"Message Illustration","type":"registry:component"},{"description":"Tailark uptime illustration","name":"uptime","title":"Uptime Illustration","type":"registry:component"},{"description":"Tailark poll illustration","name":"poll","title":"Poll Illustration","type":"registry:component"},{"description":"Tailark reply illustration","name":"reply","title":"Reply Illustration","type":"registry:component"},{"description":"Tailark visualization illustration","name":"visualization","page":"https://tailark.com/illustrations/visualization","title":"Visualization Illustration","type":"registry:component"},{"description":"Tailark keys illustration","name":"keys","title":"Keys Illustration","type":"registry:component"},{"dependencies":["dotted-map"],"description":"Tailark map illustration","name":"map","title":"Map Illustration","type":"registry:component"},{"description":"Tailark file-upload illustration","name":"file-upload","title":"File Upload Illustration","type":"registry:component"},{"description":"Tailark actionnable illustration","name":"actionnable","registryDependencies":["@tailark/button"],"title":"Actionnable Illustration","type":"registry:component"},{"dependencies":["dotted-map"],"description":"Tailark 2 map illustration","name":"map-2","title":"Map Illustration","type":"registry:component"},{"description":"Tailark add comment illustration","name":"add-comment","title":"Comment Illustration","type":"registry:component"},{"description":"Tailark 2 campaign illustration","name":"campaign-2","title":"Campaign Illustration","type":"registry:component"},{"description":"Tailark chat illustration","name":"chat","title":"Chat Illustration","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark face-scan illustration","name":"face-scan","registryDependencies":["@tailark/motion-primitives-text-scramble","@tailark/core-particles"],"title":"Face Scan Illustration","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark 2 face-scan illustration","name":"face-scan-2","title":"Face Scan Illustration","type":"registry:component"},{"description":"Tailark scan fingerprint illustration","name":"fingerprint-scan","title":"Fingerprint Illustration","type":"registry:component"},{"description":"Tailark fingerprint illustration","name":"fingerprint","title":"Fingerprint Illustration","type":"registry:component"},{"description":"Tailark analysis document illustration","name":"document-analysis","title":"Document Illustration","type":"registry:component"},{"description":"Tailark metrics illustration","name":"metrics","title":"Metrics Illustration","type":"registry:component"},{"description":"Tailark signing invoice illustration","name":"invoice-signing","registryDependencies":["@tailark/core-logo"],"title":"Invoice Illustration","type":"registry:component"},{"description":"Tailark id-check illustration","name":"id-check","title":"Id Check Illustration","type":"registry:component"},{"description":"Tailark memory-usage illustration","name":"memory-usage","title":"Memory Usage Illustration","type":"registry:component"},{"description":"Tailark payment illustration","name":"payment","title":"Payment Illustration","type":"registry:component"},{"description":"Tailark 2 poll illustration","name":"poll-2","title":"Poll Illustration","type":"registry:component"},{"description":"Tailark schedule illustration","name":"schedule","registryDependencies":["@tailark/button","@tailark/toggle-group"],"title":"Schedule Illustration","type":"registry:component"},{"description":"Tailark comment illustration","name":"comment","title":"Comment Illustration","type":"registry:component"},{"description":"Tailark user illustration","name":"user","title":"User Illustration","type":"registry:component"},{"description":"Tailark multiple user illustration","name":"users","title":"User Illustration","type":"registry:component"},{"description":"Tailark collaboration illustration","name":"collaboration","title":"Collaboration Illustration","type":"registry:component"},{"description":"Tailark comment collaboration illustration","name":"collaboration-comment","title":"Collaboration Illustration","type":"registry:component"},{"description":"Tailark email illustration","name":"email","title":"Email Illustration","type":"registry:component"},{"description":"Tailark notes illustration","name":"notes","title":"Notes Illustration","type":"registry:component"},{"description":"Tailark 3 notes illustration","name":"notes-3","title":"Notes Illustration","type":"registry:component"},{"description":"Tailark 2 notes illustration","name":"notes-2","title":"Notes Illustration","type":"registry:component"},{"description":"Tailark kanban illustration","name":"kanban","title":"Kanban Illustration","type":"registry:component"},{"description":"Tailark 2 kanban illustration","name":"kanban-2","title":"Kanban Illustration","type":"registry:component"},{"description":"Tailark 3 kanban illustration","name":"kanban-3","title":"Kanban Illustration","type":"registry:component"},{"description":"Tailark calendar illustration","name":"calendar","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark 2 calendar illustration","name":"calendar-2","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark 3 calendar illustration","name":"calendar-3","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark 4 calendar illustration","name":"calendar-4","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark 5 calendar illustration","name":"calendar-5","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark 6 calendar illustration","name":"calendar-6","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark 7 calendar illustration","name":"calendar-7","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark 8 calendar illustration","name":"calendar-8","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark 10 calendar illustration","name":"calendar-10","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark 11 calendar illustration","name":"calendar-11","title":"Calendar Illustration","type":"registry:component"},{"description":"Tailark meeting illustration","name":"meeting","title":"Meeting Illustration","type":"registry:component"},{"description":"Tailark 2 meeting illustration","name":"meeting-2","title":"Meeting Illustration","type":"registry:component"},{"description":"Tailark 3 meeting illustration","name":"meeting-3","title":"Meeting Illustration","type":"registry:component"},{"description":"Tailark 4 meeting illustration","name":"meeting-4","title":"Meeting Illustration","type":"registry:component"},{"description":"Tailark flow illustration","name":"flow","page":"https://tailark.com/illustrations/flow","registryDependencies":["@tailark/core-logo","@tailark/core-vercel","@tailark/core-supabase","@tailark/core-firebase"],"title":"Flow Illustration","type":"registry:component"},{"description":"Tailark 2 flow illustration","name":"flow-2","registryDependencies":["@tailark/core-logo"],"title":"Flow Illustration","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark 4 flow illustration","name":"flow-4","title":"Flow Illustration","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark 3 flow illustration","name":"flow-3","registryDependencies":["@tailark/core-slack","@tailark/core-twilio","@tailark/core-gmail"],"title":"Flow Illustration","type":"registry:component"},{"description":"Tailark 5 flow illustration","name":"flow-5","registryDependencies":["@tailark/core-logo"],"title":"Flow Illustration","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark 6 flow illustration","name":"flow-6","title":"Flow Illustration","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark 8 flow illustration","name":"flow-8","registryDependencies":["@tailark/core-logo"],"title":"Flow Illustration","type":"registry:component"},{"description":"Tailark 7 flow illustration","name":"flow-7","registryDependencies":["@tailark/core-logo","@tailark/core-gemini","@tailark/core-claude","@tailark/core-openai","@tailark/core-mistral-ai"],"title":"Flow Illustration","type":"registry:component"},{"description":"Tailark 9 flow illustration","name":"flow-9","registryDependencies":["@tailark/core-logo","@tailark/core-gemini","@tailark/core-claude","@tailark/core-openai","@tailark/core-mistral-ai","@tailark/core-qwen","@tailark/core-deepseek"],"title":"Flow Illustration","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark 10 flow illustration","name":"flow-10","registryDependencies":["@tailark/core-shopify","@tailark/core-polar","@tailark/core-clerk"],"title":"Flow Illustration","type":"registry:component"},{"description":"Tailark 11 flow illustration","name":"flow-11","title":"Flow Illustration","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark 12 flow illustration","name":"flow-12","registryDependencies":["@tailark/core-logo","@tailark/core-neon","@tailark/core-supabase","@tailark/core-firebase"],"title":"Flow Illustration","type":"registry:component"},{"dependencies":["motion"],"description":"Tailark 13 flow illustration","name":"flow-13","registryDependencies":["@tailark/core-logo","@tailark/core-gemini","@tailark/core-openai","@tailark/core-deepseek","@tailark/motion-primitives-text-shimmer","@tailark/core-response-stream"],"title":"Flow Illustration","type":"registry:component"},{"description":"Tailark 1 ai illustration","name":"ai-1","title":"Ai Illustration","type":"registry:component"},{"description":"Tailark 2 ai illustration","name":"ai-2","title":"Ai Illustration","type":"registry:component"},{"description":"Tailark 3 ai illustration","name":"ai-3","title":"Ai Illustration","type":"registry:component"},{"description":"Tailark workflow agent illustration","name":"agent-workflow","title":"Agent Illustration","type":"registry:component"},{"description":"Tailark 3 models illustration","name":"models-3","registryDependencies":["@tailark/core-gemini","@tailark/core-mistral-ai","@tailark/core-openai","@tailark/core-deepseek","@tailark/core-qwen"],"title":"Models Illustration","type":"registry:component"},{"description":"Tailark 4 models illustration","name":"models-4","title":"Models Illustration","type":"registry:component"},{"description":"Tailark translation illustration","name":"translation-interface","title":"Translation Illustration","type":"registry:component"},{"description":"Tailark model-selector illustration","name":"model-selector","registryDependencies":["@tailark/core-claude","@tailark/core-openai","@tailark/core-gemini"],"title":"Model Selector Illustration","type":"registry:component"},{"description":"Tailark token-counter illustration","name":"token-counter","title":"Token Counter Illustration","type":"registry:component"},{"description":"Tailark model-training illustration","name":"model-training","title":"Model Training Illustration","type":"registry:component"},{"description":"Tailark models illustration","name":"models","registryDependencies":["@tailark/core-gemini","@tailark/core-perplexity-ai","@tailark/core-mistral-ai","@tailark/core-openai","@tailark/core-deepseek","@tailark/core-qwen","@tailark/core-cohere"],"title":"Models Illustration","type":"registry:component"},{"description":"Tailark 2 models illustration","name":"models-2","registryDependencies":["@tailark/core-gemini","@tailark/core-mistral-ai","@tailark/core-openai","@tailark/core-deepseek","@tailark/core-cohere"],"title":"Models Illustration","type":"registry:component"},{"description":"Tailark ai-search illustration","name":"ai-search","registryDependencies":["@tailark/core-pdf","@tailark/core-figma"],"title":"Ai Search Illustration","type":"registry:component"},{"description":"Tailark 2 ai-search illustration","name":"ai-search-2","registryDependencies":["@tailark/core-figma","@tailark/core-drive"],"title":"Ai Search Illustration","type":"registry:component"},{"description":"Tailark ai-memory illustration","name":"ai-memory","title":"Ai Memory Illustration","type":"registry:component"},{"description":"Tailark integrations illustration","name":"integrations","registryDependencies":["@tailark/button","@tailark/core-gemini","@tailark/core-replit"],"title":"Integrations Illustration","type":"registry:component"},{"description":"Tailark text-to-speech illustration","name":"text-to-speech","title":"Text To Speech Illustration","type":"registry:component"},{"description":"Tailark ai-autocomplete illustration","name":"ai-autocomplete","title":"Ai Autocomplete Illustration","type":"registry:component"},{"description":"Tailark ai-summarization illustration","name":"ai-summarization","title":"Ai Summarization Illustration","type":"registry:component"},{"description":"Tailark 2 message illustration","name":"message-2","title":"Message Illustration","type":"registry:component"},{"description":"Tailark ai-chat-interface illustration","name":"ai-chat-interface","registryDependencies":["@tailark/core-linear"],"title":"Ai Chat Interface Illustration","type":"registry:component"},{"description":"Tailark ai-mentions illustration","name":"ai-mentions","registryDependencies":["@tailark/core-figma","@tailark/core-microsoft-excel","@tailark/core-microsoft-word"],"title":"Ai Mentions Illustration","type":"registry:component"},{"description":"Tailark task-planning agent illustration","name":"agent-task-planning","title":"Agent Illustration","type":"registry:component"},{"description":"Tailark feedback agent illustration","name":"agent-feedback","title":"Agent Illustration","type":"registry:component"},{"description":"Tailark ai-suggestion illustration","name":"ai-suggestion","title":"Ai Suggestion Illustration","type":"registry:component"},{"description":"Tailark workflow illustration","name":"workflow","registryDependencies":["@tailark/core-linear","@tailark/core-vercel"],"title":"Workflow Illustration","type":"registry:component"},{"description":"Tailark tasks agent illustration","name":"agent-tasks","title":"Agent Illustration","type":"registry:component"},{"description":"Tailark sleep-visualization health illustration","name":"sleep-visualization","title":"Health Illustration","type":"registry:component"},{"description":"Tailark running-visualization health illustration","name":"running-visualization","title":"Health Illustration","type":"registry:component"},{"description":"Tailark wallet mobile illustration","name":"mobile-wallet","title":"Mobile Illustration","type":"registry:component"},{"description":"Tailark todo-app illustration","name":"todo-app","title":"Todo App Illustration","type":"registry:component"},{"description":"Tailark shopping-cart illustration","name":"shopping-cart","title":"Shopping Cart Illustration","type":"registry:component"},{"description":"Tailark bank-stats illustration","name":"bank-stats","title":"Bank Stats Illustration","type":"registry:component"},{"description":"Tailark ride-sharing illustration","name":"ride-sharing","title":"Ride Sharing Illustration","type":"registry:component"},{"description":"Tailark food-delivery illustration","name":"food-delivery","title":"Food Delivery Illustration","type":"registry:component"},{"description":"Tailark card-form mobile illustration","name":"mobile-card-form","registryDependencies":["@tailark/button"],"title":"Mobile Illustration","type":"registry:component"},{"description":"Tailark sleep-tracker health illustration","name":"sleep-tracker","title":"Health Illustration","type":"registry:component"},{"description":"Tailark wallet-area mobile illustration","name":"mobile-wallet-area","title":"Mobile Illustration","type":"registry:component"},{"description":"Tailark wallet-line mobile illustration","name":"mobile-wallet-line","title":"Mobile Illustration","type":"registry:component"},{"description":"Tailark ai-assistant mobile illustration","name":"mobile-ai-assistant","title":"Mobile Illustration","type":"registry:component"},{"description":"Tailark ai-suggestion mobile illustration","name":"mobile-ai-suggestion","title":"Mobile Illustration","type":"registry:component"},{"description":"Tailark email mobile illustration","name":"mobile-email","title":"Mobile Illustration","type":"registry:component"},{"description":"Tailark note mobile illustration","name":"mobile-note","title":"Mobile Illustration","type":"registry:component"},{"description":"Tailark note-2 mobile illustration","name":"mobile-note-2","title":"Mobile Illustration","type":"registry:component"},{"description":"Tailark bento variant 8 block","name":"bento-8","registryDependencies":["@tailark/card","@tailark/chart","@tailark/core-cohere","@tailark/core-deepseek","@tailark/core-gemini","@tailark/core-mistral-ai","@tailark/core-openai","@tailark/core-utils"],"title":"Bento 8","type":"registry:block"},{"description":"Tailark bento variant 11 block","name":"bento-11","registryDependencies":["@tailark/button","@tailark/toggle-group","@tailark/core-utils"],"title":"Bento 11","type":"registry:block"},{"description":"Tailark bento variant 5 block","name":"bento-5","registryDependencies":["@tailark/card","@tailark/chart","@tailark/core-utils"],"title":"Bento 5","type":"registry:block"},{"description":"Tailark bento variant 4 block","name":"bento-4","registryDependencies":["@tailark/card","@tailark/core-utils"],"title":"Bento 4","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark bento variant 14 block","name":"bento-14","registryDependencies":["@tailark/chart","@tailark/core-utils"],"title":"Bento 14","type":"registry:block"},{"description":"Tailark bento variant 9 block","name":"bento-9","registryDependencies":["@tailark/chart","@tailark/core-utils"],"title":"Bento 9","type":"registry:block"},{"description":"Tailark bento variant 1 block","name":"bento-1","registryDependencies":["@tailark/card","@tailark/core-utils"],"title":"Bento 1","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark bento variant 7 block","name":"bento-7","registryDependencies":["@tailark/card","@tailark/core-utils"],"title":"Bento 7","type":"registry:block"},{"description":"Tailark bento variant 6 block","name":"bento-6","registryDependencies":["@tailark/card","@tailark/chart"],"title":"Bento 6","type":"registry:block"},{"description":"Tailark bento variant 10 block","name":"bento-10","registryDependencies":["@tailark/avatar","@tailark/chart","@tailark/core-utils"],"title":"Bento 10","type":"registry:block"},{"description":"Tailark bento variant 13 block","name":"bento-13","registryDependencies":["@tailark/button","@tailark/toggle-group","@tailark/core-utils"],"title":"Bento 13","type":"registry:block"},{"dependencies":["@tsparticles/engine","@tsparticles/react","@tsparticles/slim","motion"],"description":"Tailark bento variant 3 block","name":"bento-3","registryDependencies":["@tailark/card","@tailark/core-cloudflare","@tailark/core-google-palm","@tailark/core-linear","@tailark/core-open-ai","@tailark/core-replit","@tailark/core-utils","@tailark/core-vs-codium","@tailark/motion-primitives-text-scramble"],"title":"Bento 3","type":"registry:block"},{"description":"Tailark bento variant 12 block","name":"bento-12","registryDependencies":["@tailark/button","@tailark/toggle-group","@tailark/core-utils"],"title":"Bento 12","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark bento variant 2 block","name":"bento-2","registryDependencies":["@tailark/card","@tailark/core-utils"],"title":"Bento 2","type":"registry:block"},{"description":"Tailark blog-blocks variant 5 block","name":"blog-blocks-5","registryDependencies":["@tailark/core-utils"],"title":"Blog Blocks 5","type":"registry:block"},{"description":"Tailark blog-blocks variant 4 block","name":"blog-blocks-4","registryDependencies":["@tailark/core-utils"],"title":"Blog Blocks 4","type":"registry:block"},{"description":"Tailark blog-blocks variant 1 block","name":"blog-blocks-1","registryDependencies":["@tailark/card","@tailark/core-use-media","@tailark/core-utils"],"title":"Blog Blocks 1","type":"registry:block"},{"description":"Tailark blog-blocks variant 7 block","name":"blog-blocks-7","registryDependencies":["@tailark/core-utils"],"title":"Blog Blocks 7","type":"registry:block"},{"description":"Tailark blog-blocks variant 6 block","name":"blog-blocks-6","registryDependencies":["@tailark/core-utils"],"title":"Blog Blocks 6","type":"registry:block"},{"description":"Tailark blog-blocks variant 3 block","name":"blog-blocks-3","registryDependencies":["@tailark/core-use-media","@tailark/core-utils"],"title":"Blog Blocks 3","type":"registry:block"},{"description":"Tailark blog-blocks variant 2 block","name":"blog-blocks-2","title":"Blog Blocks 2","type":"registry:block"},{"description":"Tailark call-to-action variant 1 block","name":"call-to-action-1","registryDependencies":["@tailark/button","@tailark/card","@tailark/core-logo"],"title":"Call To Action 1","type":"registry:block"},{"description":"Tailark call-to-action variant 3 block","name":"call-to-action-3","registryDependencies":["@tailark/button","@tailark/input","@tailark/label"],"title":"Call To Action 3","type":"registry:block"},{"description":"Tailark call-to-action variant 2 block","name":"call-to-action-2","registryDependencies":["@tailark/button","@tailark/card"],"title":"Call To Action 2","type":"registry:block"},{"dependencies":["hast-util-to-jsx-runtime","shiki"],"description":"Tailark code-demo variant 4 block","name":"code-demo-4","registryDependencies":["@tailark/core-utils"],"title":"Code Demo 4","type":"registry:block"},{"dependencies":["hast-util-to-jsx-runtime","motion","shiki"],"description":"Tailark code-demo variant 1 block","name":"code-demo-1","registryDependencies":["@tailark/core-gemini","@tailark/core-google-palm","@tailark/core-replit","@tailark/core-utils","@tailark/core-vs-codium"],"title":"Code Demo 1","type":"registry:block"},{"dependencies":["hast-util-to-jsx-runtime","shiki"],"description":"Tailark code-demo variant 3 block","name":"code-demo-3","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-utils"],"title":"Code Demo 3","type":"registry:block"},{"dependencies":["hast-util-to-jsx-runtime","shiki"],"description":"Tailark code-demo variant 2 block","name":"code-demo-2","registryDependencies":["@tailark/core-utils"],"title":"Code Demo 2","type":"registry:block"},{"description":"Tailark comparator variant 5 block","name":"comparator-5","registryDependencies":["@tailark/button","@tailark/tooltip","@tailark/core-use-media","@tailark/core-utils"],"title":"Comparator 5","type":"registry:block"},{"description":"Tailark comparator variant 4 block","name":"comparator-4","registryDependencies":["@tailark/button","@tailark/tooltip","@tailark/core-use-media","@tailark/core-utils"],"title":"Comparator 4","type":"registry:block"},{"description":"Tailark comparator variant 1 block","name":"comparator-1","registryDependencies":["@tailark/core-utils"],"title":"Comparator 1","type":"registry:block"},{"description":"Tailark comparator variant 7 block","name":"comparator-7","registryDependencies":["@tailark/tooltip","@tailark/core-bolt","@tailark/core-stripe","@tailark/core-utils"],"title":"Comparator 7","type":"registry:block"},{"description":"Tailark comparator variant 6 block","name":"comparator-6","registryDependencies":["@tailark/button","@tailark/tooltip","@tailark/core-use-media","@tailark/core-utils"],"title":"Comparator 6","type":"registry:block"},{"description":"Tailark comparator variant 3 block","name":"comparator-3","registryDependencies":["@tailark/button","@tailark/tooltip","@tailark/core-use-media","@tailark/core-utils"],"title":"Comparator 3","type":"registry:block"},{"description":"Tailark comparator variant 2 block","name":"comparator-2","registryDependencies":["@tailark/button","@tailark/tooltip","@tailark/core-use-media","@tailark/core-utils"],"title":"Comparator 2","type":"registry:block"},{"description":"Tailark contact variant 8 block","name":"contact-8","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/textarea"],"title":"Contact 8","type":"registry:block"},{"description":"Tailark contact variant 5 block","name":"contact-5","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/textarea"],"title":"Contact 5","type":"registry:block"},{"description":"Tailark contact variant 4 block","name":"contact-4","registryDependencies":["@tailark/button","@tailark/card"],"title":"Contact 4","type":"registry:block"},{"description":"Tailark contact variant 9 block","name":"contact-9","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/textarea"],"title":"Contact 9","type":"registry:block"},{"description":"Tailark contact variant 1 block","name":"contact-1","registryDependencies":["@tailark/button"],"title":"Contact 1","type":"registry:block"},{"description":"Tailark contact variant 7 block","name":"contact-7","registryDependencies":["@tailark/button","@tailark/input"],"title":"Contact 7","type":"registry:block"},{"description":"Tailark contact variant 6 block","name":"contact-6","registryDependencies":["@tailark/button","@tailark/card"],"title":"Contact 6","type":"registry:block"},{"description":"Tailark contact variant 10 block","name":"contact-10","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/textarea"],"title":"Contact 10","type":"registry:block"},{"description":"Tailark contact variant 3 block","name":"contact-3","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/textarea"],"title":"Contact 3","type":"registry:block"},{"description":"Tailark contact variant 2 block","name":"contact-2","registryDependencies":["@tailark/button","@tailark/card","@tailark/core-vercel"],"title":"Contact 2","type":"registry:block"},{"description":"Tailark content variant 5 block","name":"content-5","title":"Content 5","type":"registry:block"},{"description":"Tailark content variant 4 block","name":"content-4","registryDependencies":["@tailark/button"],"title":"Content 4","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark content variant 1 block","name":"content-1","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Content 1","type":"registry:block"},{"description":"Tailark content variant 7 block","name":"content-7","registryDependencies":["@tailark/aspect-ratio"],"title":"Content 7","type":"registry:block"},{"description":"Tailark content variant 6 block","name":"content-6","title":"Content 6","type":"registry:block"},{"description":"Tailark content variant 3 block","name":"content-3","registryDependencies":["@tailark/aspect-ratio"],"title":"Content 3","type":"registry:block"},{"description":"Tailark content variant 2 block","name":"content-2","title":"Content 2","type":"registry:block"},{"description":"Tailark description-list variant 8 block","name":"description-list-8","title":"Description List 8","type":"registry:block"},{"description":"Tailark description-list variant 5 block","name":"description-list-5","title":"Description List 5","type":"registry:block"},{"description":"Tailark description-list variant 4 block","name":"description-list-4","title":"Description List 4","type":"registry:block"},{"description":"Tailark description-list variant 1 block","name":"description-list-1","title":"Description List 1","type":"registry:block"},{"description":"Tailark description-list variant 7 block","name":"description-list-7","title":"Description List 7","type":"registry:block"},{"description":"Tailark description-list variant 6 block","name":"description-list-6","title":"Description List 6","type":"registry:block"},{"description":"Tailark description-list variant 3 block","name":"description-list-3","title":"Description List 3","type":"registry:block"},{"description":"Tailark description-list variant 2 block","name":"description-list-2","title":"Description List 2","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 8 block","name":"expandable-features-8","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Expandable Features 8","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 18 block","name":"expandable-features-18","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Expandable Features 18","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 11 block","name":"expandable-features-11","registryDependencies":["@tailark/core-antigravity","@tailark/core-cursor","@tailark/core-figma","@tailark/core-firebase","@tailark/core-logo","@tailark/core-pdf","@tailark/core-supabase","@tailark/core-utils","@tailark/core-vercel","@tailark/core-windsurf"],"title":"Expandable Features 11","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 15 block","name":"expandable-features-15","registryDependencies":["@tailark/core-utils"],"title":"Expandable Features 15","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 5 block","name":"expandable-features-5","registryDependencies":["@tailark/core-utils"],"title":"Expandable Features 5","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 4 block","name":"expandable-features-4","registryDependencies":["@tailark/core-utils"],"title":"Expandable Features 4","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 14 block","name":"expandable-features-14","registryDependencies":["@tailark/core-utils"],"title":"Expandable Features 14","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 9 block","name":"expandable-features-9","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Expandable Features 9","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 19 block","name":"expandable-features-19","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Expandable Features 19","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark expandable-features variant 1 block","name":"expandable-features-1","registryDependencies":["@tailark/core-use-media","@tailark/core-utils"],"title":"Expandable Features 1","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 7 block","name":"expandable-features-7","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Expandable Features 7","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 17 block","name":"expandable-features-17","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Expandable Features 17","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 6 block","name":"expandable-features-6","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Expandable Features 6","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 16 block","name":"expandable-features-16","registryDependencies":["@tailark/core-utils"],"title":"Expandable Features 16","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 10 block","name":"expandable-features-10","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Expandable Features 10","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 13 block","name":"expandable-features-13","registryDependencies":["@tailark/core-utils"],"title":"Expandable Features 13","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark expandable-features variant 3 block","name":"expandable-features-3","registryDependencies":["@tailark/core-linear","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel"],"title":"Expandable Features 3","type":"registry:block"},{"description":"Tailark expandable-features variant 12 block","name":"expandable-features-12","registryDependencies":["@tailark/core-antigravity","@tailark/core-cursor","@tailark/core-deepseek","@tailark/core-figma","@tailark/core-gemini","@tailark/core-mistral-ai","@tailark/core-openai","@tailark/core-pdf","@tailark/core-qwen","@tailark/core-utils","@tailark/core-windsurf"],"title":"Expandable Features 12","type":"registry:block"},{"description":"Tailark expandable-features variant 20 block","name":"expandable-features-20","registryDependencies":["@tailark/card","@tailark/core-utils"],"title":"Expandable Features 20","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 21 block","name":"expandable-features-21","registryDependencies":["@tailark/button"],"title":"Expandable Features 21","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark expandable-features variant 22 block","name":"expandable-features-22","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Expandable Features 22","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark expandable-features variant 2 block","name":"expandable-features-2","registryDependencies":["@tailark/core-deepseek","@tailark/core-gemini","@tailark/core-logo","@tailark/core-mistral-ai","@tailark/core-openai","@tailark/core-qwen","@tailark/core-use-media","@tailark/core-utils"],"title":"Expandable Features 2","type":"registry:block"},{"description":"Tailark faqs variant 5 block","name":"faqs-5","title":"Faqs 5","type":"registry:block"},{"description":"Tailark faqs variant 4 block","name":"faqs-4","registryDependencies":["@tailark/accordion","@tailark/core-utils"],"title":"Faqs 4","type":"registry:block"},{"description":"Tailark faqs variant 1 block","name":"faqs-1","registryDependencies":["@tailark/accordion"],"title":"Faqs 1","type":"registry:block"},{"description":"Tailark faqs variant 3 block","name":"faqs-3","registryDependencies":["@tailark/accordion"],"title":"Faqs 3","type":"registry:block"},{"description":"Tailark faqs variant 2 block","name":"faqs-2","registryDependencies":["@tailark/accordion"],"title":"Faqs 2","type":"registry:block"},{"dependencies":["hast-util-to-jsx-runtime","motion","shiki"],"description":"Tailark features variant 8 block","name":"features-8","registryDependencies":["@tailark/core-claude","@tailark/core-gemini","@tailark/core-google-palm","@tailark/core-intellij","@tailark/core-open-ai","@tailark/core-replit","@tailark/core-utils","@tailark/core-vs-code","@tailark/core-vs-codium","@tailark/core-windsurf"],"title":"Features 8","type":"registry:block"},{"description":"Tailark features variant 11 block","name":"features-11","registryDependencies":["@tailark/button","@tailark/core-gemini","@tailark/core-logo","@tailark/core-replit","@tailark/core-utils"],"title":"Features 11","type":"registry:block"},{"description":"Tailark features variant 15 block","name":"features-15","registryDependencies":["@tailark/button","@tailark/core-claude","@tailark/core-gemini","@tailark/core-open-ai","@tailark/core-utils"],"title":"Features 15","type":"registry:block"},{"description":"Tailark features variant 5 block","name":"features-5","registryDependencies":["@tailark/core-logo","@tailark/core-utils"],"title":"Features 5","type":"registry:block"},{"description":"Tailark features variant 4 block","name":"features-4","registryDependencies":["@tailark/core-logo","@tailark/core-utils"],"title":"Features 4","type":"registry:block"},{"description":"Tailark features variant 14 block","name":"features-14","registryDependencies":["@tailark/button"],"title":"Features 14","type":"registry:block"},{"description":"Tailark features variant 9 block","name":"features-9","registryDependencies":["@tailark/card"],"title":"Features 9","type":"registry:block"},{"description":"Tailark features variant 1 block","name":"features-1","registryDependencies":["@tailark/chart","@tailark/core-logo","@tailark/core-utils"],"title":"Features 1","type":"registry:block"},{"dependencies":["hast-util-to-jsx-runtime","motion","shiki"],"description":"Tailark features variant 7 block","name":"features-7","registryDependencies":["@tailark/core-gemini","@tailark/core-google-palm","@tailark/core-replit","@tailark/core-utils","@tailark/core-vs-codium"],"title":"Features 7","type":"registry:block"},{"dependencies":["hast-util-to-jsx-runtime","motion","shiki"],"description":"Tailark features variant 6 block","name":"features-6","registryDependencies":["@tailark/core-gemini","@tailark/core-google-palm","@tailark/core-intellij","@tailark/core-replit","@tailark/core-utils","@tailark/core-vs-code","@tailark/core-vs-codium","@tailark/core-windsurf"],"title":"Features 6","type":"registry:block"},{"description":"Tailark features variant 16 block","name":"features-16","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"Features 16","type":"registry:block"},{"description":"Tailark features variant 10 block","name":"features-10","registryDependencies":["@tailark/button"],"title":"Features 10","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark features variant 13 block","name":"features-13","registryDependencies":["@tailark/avatar","@tailark/button","@tailark/core-gemini","@tailark/core-logo","@tailark/core-replit","@tailark/core-utils"],"title":"Features 13","type":"registry:block"},{"description":"Tailark features variant 3 block","name":"features-3","title":"Features 3","type":"registry:block"},{"description":"Tailark features variant 12 block","name":"features-12","registryDependencies":["@tailark/button","@tailark/core-gemini","@tailark/core-intellij","@tailark/core-logo","@tailark/core-replit","@tailark/core-utils","@tailark/core-vs-code","@tailark/core-windsurf"],"title":"Features 12","type":"registry:block"},{"description":"Tailark features variant 2 block","name":"features-2","registryDependencies":["@tailark/button","@tailark/core-gemini","@tailark/core-replit"],"title":"Features 2","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark features-carousel variant 5 block","name":"features-carousel-5","registryDependencies":["@tailark/card","@tailark/carousel","@tailark/core-deepseek","@tailark/core-gemini","@tailark/core-linear","@tailark/core-logo","@tailark/core-mistral-ai","@tailark/core-openai","@tailark/core-qwen","@tailark/core-utils","@tailark/core-vercel"],"title":"Features Carousel 5","type":"registry:block"},{"description":"Tailark features-carousel variant 4 block","name":"features-carousel-4","registryDependencies":["@tailark/card","@tailark/carousel","@tailark/core-deepseek","@tailark/core-gemini","@tailark/core-linear","@tailark/core-mistral-ai","@tailark/core-openai","@tailark/core-qwen","@tailark/core-utils","@tailark/core-vercel"],"title":"Features Carousel 4","type":"registry:block"},{"description":"Tailark features-carousel variant 1 block","name":"features-carousel-1","registryDependencies":["@tailark/card","@tailark/carousel","@tailark/core-utils"],"title":"Features Carousel 1","type":"registry:block"},{"description":"Tailark features-carousel variant 3 block","name":"features-carousel-3","registryDependencies":["@tailark/carousel","@tailark/core-deepseek","@tailark/core-gemini","@tailark/core-linear","@tailark/core-mistral-ai","@tailark/core-openai","@tailark/core-qwen","@tailark/core-utils","@tailark/core-vercel"],"title":"Features Carousel 3","type":"registry:block"},{"description":"Tailark features-carousel variant 2 block","name":"features-carousel-2","registryDependencies":["@tailark/card","@tailark/carousel","@tailark/core-utils"],"title":"Features Carousel 2","type":"registry:block"},{"description":"Tailark footer variant 5 block","name":"footer-5","registryDependencies":["@tailark/core-logo","@tailark/core-copyright-year"],"title":"Footer 5","type":"registry:block"},{"description":"Tailark footer variant 4 block","name":"footer-4","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-copyright-year"],"title":"Footer 4","type":"registry:block"},{"description":"Tailark footer variant 1 block","name":"footer-1","registryDependencies":["@tailark/core-logo","@tailark/core-copyright-year"],"title":"Footer 1","type":"registry:block"},{"description":"Tailark footer variant 3 block","name":"footer-3","registryDependencies":["@tailark/button","@tailark/card","@tailark/core-logo","@tailark/core-copyright-year"],"title":"Footer 3","type":"registry:block"},{"description":"Tailark footer variant 2 block","name":"footer-2","registryDependencies":["@tailark/core-logo","@tailark/core-copyright-year"],"title":"Footer 2","type":"registry:block"},{"description":"Tailark forgot-password variant 5 block","name":"forgot-password-5","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/core-logo"],"title":"Forgot Password 5","type":"registry:block"},{"description":"Tailark forgot-password variant 4 block","name":"forgot-password-4","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/core-logo"],"title":"Forgot Password 4","type":"registry:block"},{"description":"Tailark forgot-password variant 1 block","name":"forgot-password-1","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo"],"title":"Forgot Password 1","type":"registry:block"},{"description":"Tailark forgot-password variant 3 block","name":"forgot-password-3","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo"],"title":"Forgot Password 3","type":"registry:block"},{"description":"Tailark forgot-password variant 2 block","name":"forgot-password-2","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo"],"title":"Forgot Password 2","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark header variant 8 block","name":"header-8","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Header 8","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark header variant 5 block","name":"header-5","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Header 5","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark header variant 4 block","name":"header-4","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Header 4","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark header variant 1 block","name":"header-1","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Header 1","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark header variant 7 block","name":"header-7","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Header 7","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark header variant 6 block","name":"header-6","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Header 6","type":"registry:block"},{"description":"Tailark header variant 3 block","name":"header-3","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Header 3","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark header variant 2 block","name":"header-2","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Header 2","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 8 block","name":"hero-section-8","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-leap-wallet","@tailark/core-logo","@tailark/core-open-ai","@tailark/core-paypal","@tailark/core-polars","@tailark/core-prime","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel"],"title":"Hero Section 8","type":"registry:block"},{"description":"Tailark hero-section variant 18 block","name":"hero-section-18","registryDependencies":["@tailark/button"],"title":"Hero Section 18","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 11 block","name":"hero-section-11","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-logo","@tailark/core-open-ai","@tailark/core-prime","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils"],"title":"Hero Section 11","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 15 block","name":"hero-section-15","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-logo","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel","@tailark/motion-primitives-animated-group"],"title":"Hero Section 15","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 5 block","name":"hero-section-5","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-logo","@tailark/core-spotify","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils"],"title":"Hero Section 5","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 4 block","name":"hero-section-4","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-cloudflare","@tailark/core-gemini","@tailark/core-hulu","@tailark/core-leap-wallet","@tailark/core-logo","@tailark/core-open-ai","@tailark/core-paypal","@tailark/core-polars","@tailark/core-prime","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel"],"title":"Hero Section 4","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 14 block","name":"hero-section-14","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-leap-wallet","@tailark/core-logo","@tailark/core-open-ai","@tailark/core-paypal","@tailark/core-polars","@tailark/core-prime","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel"],"title":"Hero Section 14","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 9 block","name":"hero-section-9","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-logo","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-tailwindcss","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel"],"title":"Hero Section 9","type":"registry:block"},{"description":"Tailark hero-section variant 19 block","name":"hero-section-19","registryDependencies":["@tailark/button","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-tailwindcss","@tailark/core-utils","@tailark/core-vercel"],"title":"Hero Section 19","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 1 block","name":"hero-section-1","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-logo","@tailark/core-spotify","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils"],"title":"Hero Section 1","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 7 block","name":"hero-section-7","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-logo","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel"],"title":"Hero Section 7","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 17 block","name":"hero-section-17","registryDependencies":["@tailark/button","@tailark/dialog","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-tailwindcss","@tailark/core-utils","@tailark/core-vercel"],"title":"Hero Section 17","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 6 block","name":"hero-section-6","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-cloudflare","@tailark/core-gemini","@tailark/core-hulu","@tailark/core-leap-wallet","@tailark/core-linear","@tailark/core-logo","@tailark/core-open-ai","@tailark/core-paypal","@tailark/core-polars","@tailark/core-prime","@tailark/core-slack","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-twilio","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel"],"title":"Hero Section 6","type":"registry:block"},{"dependencies":["hast-util-to-jsx-runtime","motion","shiki"],"description":"Tailark hero-section variant 16 block","name":"hero-section-16","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Hero Section 16","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 10 block","name":"hero-section-10","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-prompt-input","@tailark/core-suggestion","@tailark/core-use-media","@tailark/core-utils"],"title":"Hero Section 10","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 13 block","name":"hero-section-13","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-logo","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel","@tailark/motion-primitives-animated-group"],"title":"Hero Section 13","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 3 block","name":"hero-section-3","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-leap-wallet","@tailark/core-logo","@tailark/core-open-ai","@tailark/core-paypal","@tailark/core-polars","@tailark/core-prime","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel"],"title":"Hero Section 3","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 12 block","name":"hero-section-12","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/input","@tailark/label","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Hero Section 12","type":"registry:block"},{"description":"Tailark hero-section variant 20 block","name":"hero-section-20","registryDependencies":["@tailark/button"],"title":"Hero Section 20","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark hero-section variant 2 block","name":"hero-section-2","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-logo","@tailark/core-use-media","@tailark/core-utils"],"title":"Hero Section 2","type":"registry:block"},{"description":"Tailark how-it-works variant 5 block","name":"how-it-works-5","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"How It Works 5","type":"registry:block"},{"description":"Tailark how-it-works variant 4 block","name":"how-it-works-4","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"How It Works 4","type":"registry:block"},{"description":"Tailark how-it-works variant 1 block","name":"how-it-works-1","registryDependencies":["@tailark/core-logo","@tailark/core-utils"],"title":"How It Works 1","type":"registry:block"},{"description":"Tailark how-it-works variant 7 block","name":"how-it-works-7","registryDependencies":["@tailark/core-utils"],"title":"How It Works 7","type":"registry:block"},{"description":"Tailark how-it-works variant 6 block","name":"how-it-works-6","registryDependencies":["@tailark/button","@tailark/core-utils"],"title":"How It Works 6","type":"registry:block"},{"dependencies":["@tsparticles/engine","@tsparticles/react","@tsparticles/slim","hast-util-to-jsx-runtime","motion","shiki"],"description":"Tailark how-it-works variant 3 block","name":"how-it-works-3","registryDependencies":["@tailark/button","@tailark/chart","@tailark/core-utils","@tailark/motion-primitives-text-scramble"],"title":"How It Works 3","type":"registry:block"},{"dependencies":["date-fns"],"description":"Tailark how-it-works variant 2 block","name":"how-it-works-2","registryDependencies":["@tailark/avatar","@tailark/chart","@tailark/core-logo","@tailark/core-utils"],"title":"How It Works 2","type":"registry:block"},{"description":"Tailark integrations variant 11 block","name":"integrations-11","registryDependencies":["@tailark/core-claude","@tailark/core-gemini","@tailark/core-google-palm","@tailark/core-linear","@tailark/core-open-ai","@tailark/core-vercel"],"title":"Integrations 11","type":"registry:block"},{"description":"Tailark integrations variant 5 block","name":"integrations-5","registryDependencies":["@tailark/core-claude","@tailark/core-gemini","@tailark/core-open-ai","@tailark/core-stripe","@tailark/core-vercel"],"title":"Integrations 5","type":"registry:block"},{"description":"Tailark integrations variant 9 block","name":"integrations-9","registryDependencies":["@tailark/button","@tailark/core-claude","@tailark/core-cloudflare","@tailark/core-gemini","@tailark/core-intellij","@tailark/core-open-ai","@tailark/core-utils","@tailark/core-vercel","@tailark/core-vs-code"],"title":"Integrations 9","type":"registry:block"},{"description":"Tailark integrations variant 1 block","name":"integrations-1","registryDependencies":["@tailark/card","@tailark/core-gemini","@tailark/core-google-palm","@tailark/core-media-wiki","@tailark/core-mistral-ai","@tailark/core-replit","@tailark/core-vs-codium"],"title":"Integrations 1","type":"registry:block"},{"description":"Tailark integrations variant 7 block","name":"integrations-7","registryDependencies":["@tailark/core-claude","@tailark/core-gemini","@tailark/core-linear","@tailark/core-media-wiki","@tailark/core-open-ai","@tailark/core-replit","@tailark/core-utils","@tailark/core-vercel"],"title":"Integrations 7","type":"registry:block"},{"description":"Tailark integrations variant 6 block","name":"integrations-6","registryDependencies":["@tailark/button","@tailark/core-claude","@tailark/core-gemini","@tailark/core-google-palm","@tailark/core-linear","@tailark/core-logo","@tailark/core-media-wiki","@tailark/core-mistral-ai","@tailark/core-open-ai","@tailark/core-replit","@tailark/core-utils","@tailark/core-vercel","@tailark/core-vs-code","@tailark/core-vs-codium","@tailark/core-windsurf","@tailark/motion-primitives-infinite-slider"],"title":"Integrations 6","type":"registry:block"},{"description":"Tailark integrations variant 10 block","name":"integrations-10","registryDependencies":["@tailark/button","@tailark/core-claude","@tailark/core-cloudflare","@tailark/core-gemini","@tailark/core-google-palm","@tailark/core-linear","@tailark/core-media-wiki","@tailark/core-open-ai","@tailark/core-replit","@tailark/core-utils","@tailark/core-vercel","@tailark/core-vs-code"],"title":"Integrations 10","type":"registry:block"},{"description":"Tailark integrations variant 2 block","name":"integrations-2","registryDependencies":["@tailark/core-gemini","@tailark/core-google-palm","@tailark/core-media-wiki","@tailark/core-mistral-ai","@tailark/core-replit","@tailark/core-utils","@tailark/core-vs-codium"],"title":"Integrations 2","type":"registry:block"},{"description":"Tailark investors variant 5 block","name":"investors-5","registryDependencies":["@tailark/core-accel","@tailark/core-salesforce","@tailark/core-sequoia","@tailark/core-sva","@tailark/core-y-combinator"],"title":"Investors 5","type":"registry:block"},{"description":"Tailark investors variant 4 block","name":"investors-4","registryDependencies":["@tailark/core-accel","@tailark/core-salesforce","@tailark/core-sequoia","@tailark/core-sva","@tailark/core-y-combinator"],"title":"Investors 4","type":"registry:block"},{"description":"Tailark investors variant 1 block","name":"investors-1","registryDependencies":["@tailark/core-accel","@tailark/core-salesforce","@tailark/core-sequoia","@tailark/core-sva","@tailark/core-y-combinator"],"title":"Investors 1","type":"registry:block"},{"description":"Tailark investors variant 7 block","name":"investors-7","registryDependencies":["@tailark/core-accel","@tailark/core-salesforce","@tailark/core-sequoia","@tailark/core-sva","@tailark/core-y-combinator"],"title":"Investors 7","type":"registry:block"},{"description":"Tailark investors variant 6 block","name":"investors-6","registryDependencies":["@tailark/core-salesforce","@tailark/core-sequoia","@tailark/core-sva","@tailark/core-y-combinator"],"title":"Investors 6","type":"registry:block"},{"description":"Tailark investors variant 3 block","name":"investors-3","registryDependencies":["@tailark/core-accel","@tailark/core-salesforce","@tailark/core-sequoia","@tailark/core-sva","@tailark/core-y-combinator"],"title":"Investors 3","type":"registry:block"},{"description":"Tailark investors variant 2 block","name":"investors-2","registryDependencies":["@tailark/core-accel","@tailark/core-salesforce","@tailark/core-sequoia","@tailark/core-sva","@tailark/core-y-combinator"],"title":"Investors 2","type":"registry:block"},{"description":"Tailark login-blocks variant 8 block","name":"login-blocks-8","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Login Blocks 8","type":"registry:block"},{"description":"Tailark login-blocks variant 11 block","name":"login-blocks-11","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo"],"title":"Login Blocks 11","type":"registry:block"},{"description":"Tailark login-blocks variant 5 block","name":"login-blocks-5","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Login Blocks 5","type":"registry:block"},{"description":"Tailark login-blocks variant 4 block","name":"login-blocks-4","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/core-linear","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Login Blocks 4","type":"registry:block"},{"description":"Tailark login-blocks variant 9 block","name":"login-blocks-9","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Login Blocks 9","type":"registry:block"},{"description":"Tailark login-blocks variant 1 block","name":"login-blocks-1","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-logo","@tailark/core-slack","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-vercel"],"title":"Login Blocks 1","type":"registry:block"},{"description":"Tailark login-blocks variant 7 block","name":"login-blocks-7","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-linear","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Login Blocks 7","type":"registry:block"},{"description":"Tailark login-blocks variant 6 block","name":"login-blocks-6","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/core-figma","@tailark/core-linear","@tailark/core-logo"],"title":"Login Blocks 6","type":"registry:block"},{"description":"Tailark login-blocks variant 10 block","name":"login-blocks-10","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Login Blocks 10","type":"registry:block"},{"description":"Tailark login-blocks variant 3 block","name":"login-blocks-3","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Login Blocks 3","type":"registry:block"},{"description":"Tailark login-blocks variant 2 block","name":"login-blocks-2","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-logo","@tailark/core-slack","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-vercel"],"title":"Login Blocks 2","type":"registry:block"},{"description":"Tailark logo-cloud variant 8 block","name":"logo-cloud-8","registryDependencies":["@tailark/core-beacon","@tailark/core-hulu","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-vercel"],"title":"Logo Cloud 8","type":"registry:block"},{"description":"Tailark logo-cloud variant 5 block","name":"logo-cloud-5","registryDependencies":["@tailark/core-utils","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-open-ai","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-tailwindcss","@tailark/core-vercel"],"title":"Logo Cloud 5","type":"registry:block"},{"description":"Tailark logo-cloud variant 4 block","name":"logo-cloud-4","registryDependencies":["@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-open-ai","@tailark/core-prime","@tailark/core-stripe","@tailark/core-supabase"],"title":"Logo Cloud 4","type":"registry:block"},{"description":"Tailark logo-cloud variant 9 block","name":"logo-cloud-9","registryDependencies":["@tailark/core-beacon","@tailark/core-cloudflare","@tailark/core-hulu","@tailark/core-open-ai","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-vercel"],"title":"Logo Cloud 9","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark logo-cloud variant 1 block","name":"logo-cloud-1","registryDependencies":["@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-leap-wallet","@tailark/core-open-ai","@tailark/core-paypal","@tailark/core-polars","@tailark/core-prime","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-vercel"],"title":"Logo Cloud 1","type":"registry:block"},{"description":"Tailark logo-cloud variant 7 block","name":"logo-cloud-7","registryDependencies":["@tailark/core-beacon","@tailark/core-hulu","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-tailwindcss","@tailark/core-vercel"],"title":"Logo Cloud 7","type":"registry:block"},{"description":"Tailark logo-cloud variant 6 block","name":"logo-cloud-6","registryDependencies":["@tailark/button","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-open-ai","@tailark/core-prime","@tailark/core-stripe","@tailark/core-supabase"],"title":"Logo Cloud 6","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark logo-cloud variant 10 block","name":"logo-cloud-10","registryDependencies":["@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-leap-wallet","@tailark/core-open-ai","@tailark/core-paypal","@tailark/core-polars","@tailark/core-prime","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-utils","@tailark/core-vercel"],"title":"Logo Cloud 10","type":"registry:block"},{"description":"Tailark logo-cloud variant 3 block","name":"logo-cloud-3","registryDependencies":["@tailark/button","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-open-ai","@tailark/core-prime","@tailark/core-stripe","@tailark/core-vs-code","@tailark/motion-primitives-infinite-slider"],"title":"Logo Cloud 3","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark logo-cloud variant 2 block","name":"logo-cloud-2","registryDependencies":["@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-cloudflare","@tailark/core-gemini","@tailark/core-hulu","@tailark/core-leap-wallet","@tailark/core-open-ai","@tailark/core-paypal","@tailark/core-polars","@tailark/core-prime","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-utils","@tailark/core-vercel"],"title":"Logo Cloud 2","type":"registry:block"},{"description":"Tailark open-roles variant 5 block","name":"open-roles-5","title":"Open Roles 5","type":"registry:block"},{"description":"Tailark open-roles variant 4 block","name":"open-roles-4","registryDependencies":["@tailark/core-utils"],"title":"Open Roles 4","type":"registry:block"},{"description":"Tailark open-roles variant 1 block","name":"open-roles-1","title":"Open Roles 1","type":"registry:block"},{"description":"Tailark open-roles variant 7 block","name":"open-roles-7","title":"Open Roles 7","type":"registry:block"},{"description":"Tailark open-roles variant 6 block","name":"open-roles-6","title":"Open Roles 6","type":"registry:block"},{"description":"Tailark open-roles variant 3 block","name":"open-roles-3","title":"Open Roles 3","type":"registry:block"},{"description":"Tailark open-roles variant 2 block","name":"open-roles-2","title":"Open Roles 2","type":"registry:block"},{"dependencies":["@number-flow/react"],"description":"Tailark pricing variant 5 block","name":"pricing-5","registryDependencies":["@tailark/button","@tailark/card"],"title":"Pricing 5","type":"registry:block"},{"dependencies":["@number-flow/react"],"description":"Tailark pricing variant 4 block","name":"pricing-4","registryDependencies":["@tailark/button","@tailark/card","@tailark/core-utils"],"title":"Pricing 4","type":"registry:block"},{"dependencies":["@number-flow/react"],"description":"Tailark pricing variant 1 block","name":"pricing-1","registryDependencies":["@tailark/button","@tailark/card"],"title":"Pricing 1","type":"registry:block"},{"dependencies":["@number-flow/react"],"description":"Tailark pricing variant 3 block","name":"pricing-3","registryDependencies":["@tailark/button","@tailark/card"],"title":"Pricing 3","type":"registry:block"},{"dependencies":["@number-flow/react"],"description":"Tailark pricing variant 2 block","name":"pricing-2","registryDependencies":["@tailark/button","@tailark/card"],"title":"Pricing 2","type":"registry:block"},{"description":"Tailark secondary-hero variant 8 block","name":"secondary-hero-8","registryDependencies":["@tailark/button"],"title":"Secondary Hero 8","type":"registry:block"},{"description":"Tailark secondary-hero variant 18 block","name":"secondary-hero-18","registryDependencies":["@tailark/button","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-open-ai","@tailark/core-stripe","@tailark/core-utils","@tailark/core-vercel"],"title":"Secondary Hero 18","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark secondary-hero variant 11 block","name":"secondary-hero-11","title":"Secondary Hero 11","type":"registry:block"},{"description":"Tailark secondary-hero variant 15 block","name":"secondary-hero-15","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/select","@tailark/textarea","@tailark/core-beacon","@tailark/core-stripe","@tailark/core-tailwindcss","@tailark/core-vercel"],"title":"Secondary Hero 15","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark secondary-hero variant 5 block","name":"secondary-hero-5","registryDependencies":["@tailark/accordion","@tailark/button","@tailark/navigation-menu","@tailark/core-linear","@tailark/core-logo","@tailark/core-open-ai","@tailark/core-slack","@tailark/core-twilio","@tailark/core-use-media","@tailark/core-utils","@tailark/core-vercel"],"title":"Secondary Hero 5","type":"registry:block"},{"description":"Tailark secondary-hero variant 4 block","name":"secondary-hero-4","title":"Secondary Hero 4","type":"registry:block"},{"description":"Tailark secondary-hero variant 14 block","name":"secondary-hero-14","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/select","@tailark/textarea","@tailark/core-beacon","@tailark/core-stripe","@tailark/core-tailwindcss","@tailark/core-vercel"],"title":"Secondary Hero 14","type":"registry:block"},{"description":"Tailark secondary-hero variant 9 block","name":"secondary-hero-9","title":"Secondary Hero 9","type":"registry:block"},{"description":"Tailark secondary-hero variant 19 block","name":"secondary-hero-19","registryDependencies":["@tailark/button","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-hulu","@tailark/core-open-ai","@tailark/core-stripe","@tailark/core-utils","@tailark/core-vercel"],"title":"Secondary Hero 19","type":"registry:block"},{"description":"Tailark secondary-hero variant 1 block","name":"secondary-hero-1","registryDependencies":["@tailark/button","@tailark/loader","@tailark/sources","@tailark/core-response-stream"],"title":"Secondary Hero 1","type":"registry:block"},{"description":"Tailark secondary-hero variant 7 block","name":"secondary-hero-7","registryDependencies":["@tailark/button","@tailark/core-logo"],"title":"Secondary Hero 7","type":"registry:block"},{"description":"Tailark secondary-hero variant 17 block","name":"secondary-hero-17","registryDependencies":["@tailark/button","@tailark/core-stripe","@tailark/core-tailwindcss","@tailark/core-utils","@tailark/core-vercel"],"title":"Secondary Hero 17","type":"registry:block"},{"description":"Tailark secondary-hero variant 6 block","name":"secondary-hero-6","registryDependencies":["@tailark/button","@tailark/core-beacon","@tailark/core-bolt","@tailark/core-cisco","@tailark/core-firebase","@tailark/core-hulu","@tailark/core-logo","@tailark/core-open-ai","@tailark/core-prime","@tailark/core-stripe","@tailark/core-supabase","@tailark/core-utils","@tailark/core-vercel","@tailark/core-vs-code","@tailark/motion-primitives-infinite-slider"],"title":"Secondary Hero 6","type":"registry:block"},{"description":"Tailark secondary-hero variant 16 block","name":"secondary-hero-16","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/select","@tailark/textarea","@tailark/core-beacon","@tailark/core-stripe","@tailark/core-tailwindcss","@tailark/core-utils","@tailark/core-vercel"],"title":"Secondary Hero 16","type":"registry:block"},{"description":"Tailark secondary-hero variant 10 block","name":"secondary-hero-10","registryDependencies":["@tailark/button"],"title":"Secondary Hero 10","type":"registry:block"},{"description":"Tailark secondary-hero variant 13 block","name":"secondary-hero-13","registryDependencies":["@tailark/button"],"title":"Secondary Hero 13","type":"registry:block"},{"description":"Tailark secondary-hero variant 3 block","name":"secondary-hero-3","registryDependencies":["@tailark/button","@tailark/core-claude","@tailark/core-cloudflare","@tailark/core-gemini","@tailark/core-linear","@tailark/core-open-ai","@tailark/core-replit","@tailark/core-vercel","@tailark/core-vs-codium"],"title":"Secondary Hero 3","type":"registry:block"},{"description":"Tailark secondary-hero variant 12 block","name":"secondary-hero-12","registryDependencies":["@tailark/button"],"title":"Secondary Hero 12","type":"registry:block"},{"description":"Tailark secondary-hero variant 20 block","name":"secondary-hero-20","registryDependencies":["@tailark/button","@tailark/core-logo"],"title":"Secondary Hero 20","type":"registry:block"},{"description":"Tailark secondary-hero variant 2 block","name":"secondary-hero-2","title":"Secondary Hero 2","type":"registry:block"},{"description":"Tailark sign-up variant 8 block","name":"sign-up-8","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Sign Up 8","type":"registry:block"},{"description":"Tailark sign-up variant 11 block","name":"sign-up-11","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo"],"title":"Sign Up 11","type":"registry:block"},{"description":"Tailark sign-up variant 5 block","name":"sign-up-5","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Sign Up 5","type":"registry:block"},{"description":"Tailark sign-up variant 4 block","name":"sign-up-4","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/core-linear","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Sign Up 4","type":"registry:block"},{"description":"Tailark sign-up variant 9 block","name":"sign-up-9","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Sign Up 9","type":"registry:block"},{"description":"Tailark sign-up variant 1 block","name":"sign-up-1","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-logo","@tailark/core-slack","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-vercel"],"title":"Sign Up 1","type":"registry:block"},{"description":"Tailark sign-up variant 7 block","name":"sign-up-7","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-linear","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Sign Up 7","type":"registry:block"},{"description":"Tailark sign-up variant 6 block","name":"sign-up-6","registryDependencies":["@tailark/button","@tailark/card","@tailark/input","@tailark/label","@tailark/core-figma","@tailark/core-linear","@tailark/core-logo"],"title":"Sign Up 6","type":"registry:block"},{"description":"Tailark sign-up variant 10 block","name":"sign-up-10","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Sign Up 10","type":"registry:block"},{"description":"Tailark sign-up variant 3 block","name":"sign-up-3","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-logo","@tailark/core-slack","@tailark/core-vercel"],"title":"Sign Up 3","type":"registry:block"},{"description":"Tailark sign-up variant 2 block","name":"sign-up-2","registryDependencies":["@tailark/button","@tailark/input","@tailark/label","@tailark/core-beacon","@tailark/core-hulu","@tailark/core-logo","@tailark/core-slack","@tailark/core-spotify","@tailark/core-stripe","@tailark/core-vercel"],"title":"Sign Up 2","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark stats variant 8 block","name":"stats-8","title":"Stats 8","type":"registry:block"},{"dependencies":["@number-flow/react"],"description":"Tailark stats variant 5 block","name":"stats-5","title":"Stats 5","type":"registry:block"},{"description":"Tailark stats variant 4 block","name":"stats-4","registryDependencies":["@tailark/core-utils"],"title":"Stats 4","type":"registry:block"},{"description":"Tailark stats variant 1 block","name":"stats-1","title":"Stats 1","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark stats variant 7 block","name":"stats-7","title":"Stats 7","type":"registry:block"},{"description":"Tailark stats variant 6 block","name":"stats-6","registryDependencies":["@tailark/avatar","@tailark/core-hulu"],"title":"Stats 6","type":"registry:block"},{"description":"Tailark stats variant 3 block","name":"stats-3","title":"Stats 3","type":"registry:block"},{"dependencies":["dotted-map"],"description":"Tailark stats variant 2 block","name":"stats-2","title":"Stats 2","type":"registry:block"},{"description":"Tailark team variant 8 block","name":"team-8","title":"Team 8","type":"registry:block"},{"description":"Tailark team variant 11 block","name":"team-11","title":"Team 11","type":"registry:block"},{"description":"Tailark team variant 15 block","name":"team-15","registryDependencies":["@tailark/core-utils"],"title":"Team 15","type":"registry:block"},{"description":"Tailark team variant 5 block","name":"team-5","title":"Team 5","type":"registry:block"},{"description":"Tailark team variant 4 block","name":"team-4","title":"Team 4","type":"registry:block"},{"description":"Tailark team variant 14 block","name":"team-14","registryDependencies":["@tailark/core-utils"],"title":"Team 14","type":"registry:block"},{"description":"Tailark team variant 9 block","name":"team-9","title":"Team 9","type":"registry:block"},{"description":"Tailark team variant 1 block","name":"team-1","registryDependencies":["@tailark/core-utils"],"title":"Team 1","type":"registry:block"},{"description":"Tailark team variant 7 block","name":"team-7","title":"Team 7","type":"registry:block"},{"description":"Tailark team variant 6 block","name":"team-6","title":"Team 6","type":"registry:block"},{"description":"Tailark team variant 16 block","name":"team-16","registryDependencies":["@tailark/core-utils"],"title":"Team 16","type":"registry:block"},{"description":"Tailark team variant 10 block","name":"team-10","title":"Team 10","type":"registry:block"},{"description":"Tailark team variant 13 block","name":"team-13","title":"Team 13","type":"registry:block"},{"description":"Tailark team variant 3 block","name":"team-3","registryDependencies":["@tailark/core-utils"],"title":"Team 3","type":"registry:block"},{"description":"Tailark team variant 12 block","name":"team-12","title":"Team 12","type":"registry:block"},{"description":"Tailark team variant 2 block","name":"team-2","registryDependencies":["@tailark/core-utils"],"title":"Team 2","type":"registry:block"},{"description":"Tailark testimonials variant 8 block","name":"testimonials-8","registryDependencies":["@tailark/core-hulu","@tailark/core-stripe","@tailark/core-tailwindcss"],"title":"Testimonials 8","type":"registry:block"},{"dependencies":["@radix-ui/react-tabs","motion"],"description":"Tailark testimonials variant 5 block","name":"testimonials-5","registryDependencies":["@tailark/button","@tailark/core-bolt","@tailark/core-hulu","@tailark/core-stripe"],"title":"Testimonials 5","type":"registry:block"},{"description":"Tailark testimonials variant 4 block","name":"testimonials-4","title":"Testimonials 4","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark testimonials variant 1 block","name":"testimonials-1","registryDependencies":["@tailark/card","@tailark/core-hulu","@tailark/core-prime","@tailark/core-stripe","@tailark/core-utils"],"title":"Testimonials 1","type":"registry:block"},{"dependencies":["motion"],"description":"Tailark testimonials variant 7 block","name":"testimonials-7","registryDependencies":["@tailark/button","@tailark/card","@tailark/core-hulu","@tailark/core-prime","@tailark/core-stripe","@tailark/core-utils","@tailark/motion-primitives-text-effect"],"title":"Testimonials 7","type":"registry:block"},{"description":"Tailark testimonials variant 6 block","name":"testimonials-6","registryDependencies":["@tailark/button","@tailark/card","@tailark/core-prime","@tailark/core-stripe"],"title":"Testimonials 6","type":"registry:block"},{"description":"Tailark testimonials variant 3 block","name":"testimonials-3","registryDependencies":["@tailark/core-stripe"],"title":"Testimonials 3","type":"registry:block"},{"description":"Tailark testimonials variant 2 block","name":"testimonials-2","registryDependencies":["@tailark/core-hulu","@tailark/core-vercel"],"title":"Testimonials 2","type":"registry:block"}]},"wensity":{"favicon":"/favicons/wensity.svg","items":[{"categories":["Agentic AI Interfaces","wensity","free"],"dependencies":["framer-motion","@tabler/icons-react"],"description":"An expanding prompt area with a glowing drop zone that breathes open to meet you as you type a thought or drag a file.","name":"liquid-multimodal-input","title":"AI Prompt Input","type":"registry:block"},{"categories":["Agentic AI Interfaces","wensity","free"],"description":"An organic loading state instead of a spinner, with a slow aurora that breathes in the space where your content will land.","name":"generative-skeleton-mesh","title":"Animated Loading Skeleton","type":"registry:block"},{"categories":["Agentic AI Interfaces","wensity","free"],"dependencies":["framer-motion","@tabler/icons-react"],"description":"A breathing voice orb that swells with speech and settles between turns, never jittery and always organic to look at.","name":"voice-aurora-wave","title":"Voice Reactive Orb","type":"registry:block"},{"categories":["Agentic AI Interfaces","wensity","free"],"dependencies":["framer-motion","@tabler/icons-react","@base-ui/react"],"description":"An AI model selector dropdown that scales out from its trigger and glides the selection pill to whichever model you pick.","name":"model-context-switcher","title":"AI Model Selector","type":"registry:block"},{"categories":["Cinematic Interactions","wensity","free"],"description":"A seamless, GPU-only logo strip that never stutters or snaps at the loop point.","name":"infinite-marquee","title":"Infinite Marquee","type":"registry:block"},{"categories":["Cinematic Interactions","wensity","free"],"description":"Lava lamp background for React heroes: soft gradient shapes that drift and melt.","name":"morphing-shape-background","title":"Morphing Shape Background","type":"registry:block"},{"categories":["Cinematic Interactions","wensity","free"],"dependencies":["framer-motion"],"description":"An Apple-style image sequence scrubbed frame by frame on canvas, following your hand as you scroll in either direction.","name":"scrubbable-video-reveal","title":"Scrubbable Video Reveal","type":"registry:block"},{"categories":["Cinematic Interactions","wensity","free"],"dependencies":["framer-motion"],"description":"A physical stack of photo cards shuffled to the front by clipped tabs, with a tight image inset and copy in the footer.","name":"animated-tabs","title":"Animated Tabs","type":"registry:block"},{"categories":["Cinematic Interactions","wensity","free"],"description":"Blob animation in CSS: a morphing gradient blob, soft glow, outline, or image mask.","name":"blob-animation","title":"Blob Animation","type":"registry:block"},{"categories":["Elite Micro-Interactions","wensity","free"],"dependencies":["framer-motion","@tabler/icons-react"],"description":"A tag input where pills pop in as you add them and slide out on remove, closing the gap without snapping the layout.","name":"multi-select-token-pills","title":"Multi-Select Tag Input","type":"registry:block"},{"categories":["Elite Micro-Interactions","wensity","free"],"dependencies":["framer-motion"],"description":"One angled GPU sweep that travels across any placeholder geometry you wrap, never a separate shimmer stuttering per row.","name":"shimmering-skeleton-wrapper","title":"Shimmering Skeleton Wrapper","type":"registry:block"},{"categories":["Elite Micro-Interactions","wensity","free"],"description":"A dual-layer orbit glow that soft-spins around the edge of any button or link you wrap it around, at zero layout cost.","name":"cool-button","title":"Cool Button","type":"registry:block"},{"categories":["Elite Micro-Interactions","wensity","free"],"dependencies":["framer-motion","@tabler/icons-react"],"description":"A bold red dropzone for any file, with gallery tiles and progress after upload.","name":"file-uploader","title":"File Uploader","type":"registry:block"},{"categories":["Elite Micro-Interactions","wensity","free"],"dependencies":["framer-motion"],"description":"Drag the handle to wipe between before and after images with absolutely zero lag.","name":"before-after-card","title":"Image Comparison Slider","type":"registry:block"},{"categories":["Elite Micro-Interactions","wensity","free"],"description":"Images that develop from a blur, color, or shimmer placeholder, without layout shift.","name":"progressive-image-loading","title":"Progressive Image Loading","type":"registry:block"},{"categories":["Heavy SaaS Blocks","wensity","free"],"dependencies":["framer-motion"],"description":"365 squares sharing one tooltip that flies between days on rails, with a reveal that ripples backward from today.","name":"github-activity-grid","title":"GitHub-Style Activity Grid","type":"registry:block"},{"categories":["Morph & Gooey","wensity","free"],"dependencies":["framer-motion","@tabler/icons-react"],"description":"A liquid FAB whose child actions stretch out of the trigger like molten metal.","name":"gooey-navigation-menu","title":"Gooey Navigation Menu","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"A CSS shimmer sweep for headlines, one single element and entirely GPU-friendly.","name":"text-shimmer","title":"Text Shimmer","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"A 3D character flip on hover, staggered and springy across every single letter.","name":"text-flip","title":"Text Flip","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"Blur-morphing headlines that cycle phrases with a gooey, seamless crossfade.","name":"text-morphing","title":"Text Morphing","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"dependencies":["framer-motion"],"description":"A per-character slide-left cascade with a cleanly staggered entrance timing.","name":"text-char-slide","title":"Text Char Slide","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"dependencies":["framer-motion"],"description":"Headline entrances driven entirely by your own custom Framer Motion variants.","name":"text-motion","title":"Text Motion","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"dependencies":["framer-motion"],"description":"Cycles through your headline words with a soft per-character blur stagger.","name":"text-cycle","title":"Text Cycle","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"dependencies":["framer-motion"],"description":"Spring-loaded word flips paired with a soft letter-by-letter blur stagger.","name":"text-word-flip","title":"Text Word Flip","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"dependencies":["framer-motion"],"description":"A blur-in stagger by word or by letter, triggered the moment you scroll.","name":"text-blur-reveal","title":"Text Blur Reveal","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"Loading-ring canvas particles that slowly resolve into solid letterforms.","name":"canvas-text","title":"Particle Text","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"Bold type filled with flowing curved linework that bends round the cursor.","name":"line-fill-text","title":"Line Fill Text","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"A chromatic clip-path glitch for headlines, CSS-only and entirely GPU-friendly.","name":"text-glitch","title":"Text Glitch","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"SVG text riding a curved wave, arc, or circle path on a seamless, light loop.","name":"text-path","title":"Text Path","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"A hand-placed highlighter band that sweeps in behind your text and tracks wrapping.","name":"text-highlight","title":"Text Highlight","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"Hand-drawn scribble, squiggly underline, strike, circle, and box marks for text.","name":"text-scribble","title":"Text Scribble","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"dependencies":["framer-motion"],"description":"A chromatic ribbon sweep that paints each of your headlines cleanly into view.","name":"text-chroma-reveal","title":"Text Chroma Reveal","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"An animated multi-stop color wash that drifts endlessly through headlines.","name":"text-spectrum","title":"Text Spectrum","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"A 3D character ripple with a traveling color crest, CSS-only and GPU-light.","name":"text-ripple","title":"Text Ripple","type":"registry:block"},{"categories":["Text Animations","wensity","free"],"description":"CSS hover underlines for links: slide, center, fill, wavy, and gradient.","name":"underline-animation","title":"Underline Animation","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React button component on Base UI with seven variants, from the solid default to ghost and link, four sizes, icon slots, and a built in loading state.","name":"button","title":"Button","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React button group for toolbars and segmented controls, with shared borders, vertical layout, and split buttons that open a dropdown menu.","name":"button-group","title":"Button Group","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React text input with a built in label, hint, and inline error wired to screen readers, plus leading and trailing icons and a one tap clear button.","name":"input","title":"Input","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react"],"description":"A React textarea that auto resizes between min and max rows, with a live character count that warns near the limit and default, filled, or ghost styles.","name":"text-area","title":"Textarea","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React select component on Base UI with grouped options, descriptions, icons, four trigger styles, keyboard navigation, and native form submission.","name":"select","title":"Select","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React form field wrapper that wires a label, description, and error to one control, with stack, inline, split, and card layouts plus form sections.","name":"form-field","title":"Form Field","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"React badges for statuses, plans, and tags in eight tones, with presence dots that can pulse, icon slots, and removable chips with a labeled close button.","name":"badge","title":"Badge","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React checkbox on Base UI with checked, unchecked, and indeterminate states, labels, descriptions, errors, checkbox groups, and selectable cards.","name":"checkbox","title":"Checkbox","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React toggle switch on Base UI in minimal, elevated, segmented, and power styles, with labels on either side, settings groups, and switch cards.","name":"switch","title":"Switch","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","framer-motion"],"description":"A React radio group on Base UI with a gliding dot, a segmented control style, bordered rows, and radio cards for plan and shipping pickers.","name":"radio-group","title":"Radio Group","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React toggle button and toggle group on Base UI in default, icon, outline, and soft styles, with a sliding segmented mode or multi select for toolbars.","name":"toggle","title":"Toggle","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"description":"A React form label that renders a real label element, with a red required asterisk, an Optional tag, a hint line, and muted, inline, or disabled styles.","name":"label","title":"Label","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React OTP input for two factor and verification codes, with SMS autofill, numeric or alphanumeric modes, masking, and success and error states.","name":"input-otp","title":"Input OTP","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React combobox and autocomplete on Base UI with filtering, multi select with a selected count, creatable options, and async server search.","name":"combobox","title":"Combobox","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react","framer-motion"],"description":"A React avatar on Base UI that falls back to colored initials, with status dots, overlapping avatar groups with a +N chip, tooltips, and upload previews.","name":"avatar","title":"Avatar","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","framer-motion"],"description":"A semantic React table with sortable headers, selectable and expandable rows, a sticky header, three densities, and rows that glide into place on sort.","name":"table","title":"Table","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","framer-motion"],"description":"A React progress bar on Base UI with spring smoothed fills and an indeterminate sweep, plus circular, stepped, and stacked multi part bars.","name":"progress","title":"Progress","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react"],"description":"A React alert for inline info, success, warning, and error messages, with titles, an action button, a dismiss control, and screen reader roles built in.","name":"alert","title":"Alert","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"description":"React skeleton loading placeholders for text, avatars, cards, and tables, plus a custom block, with a soft shimmer that stops under reduced motion.","name":"skeleton","title":"Skeleton","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"description":"A React loading spinner in arc, ring, dots, and pulse styles with a screen reader label, five tones, three sizes, and an overlay that blocks a region.","name":"spinner","title":"Spinner","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"React toast notifications on Base UI in info, success, warning, error, and action styles, with swipe to dismiss, six positions, and a hook to fire them.","name":"toast","title":"Toast","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React modal dialog on Base UI with default, confirmation, form, fullscreen, and scrollable layouts, focus trapping, and a ready made confirm flow.","name":"dialog","title":"Dialog","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React sheet that slides in from any edge as a side panel for filters, carts, and mobile navigation, with a persistent mode that ignores backdrop clicks.","name":"sheet","title":"Sheet","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React drawer and bottom sheet on Base UI with swipe to dismiss, snap points, a grab handle, and five sides including a fullscreen mobile panel.","name":"drawer","title":"Drawer","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React popover on Base UI for small menus, inline forms, and rich previews, with collision aware placement, a custom anchor, and four set widths.","name":"popover","title":"Popover","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React tooltip on Base UI with plain, rich, and keyboard shortcut content, an arrow, a shared open delay, and an option to follow the cursor.","name":"tooltip","title":"Tooltip","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","framer-motion"],"description":"React tabs on Base UI with an indicator that slides between tabs, in pill, underline, rounded, segmented, and vertical styles, with arrow key support.","name":"tabs","title":"Tabs","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","framer-motion"],"description":"A React breadcrumb navigation with aria-current on the last page, long trails that collapse behind a dots menu, icons, and custom separators.","name":"breadcrumb","title":"Breadcrumb","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","framer-motion"],"description":"A React pagination component with smart ellipses, a gliding active page, first and last buttons, a compact counter, and a load more button variant.","name":"pagination","title":"Pagination","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","framer-motion"],"description":"A React card built from header, title, description, content, and footer parts, plus media frames, stat trends, sparklines, and a feature link row.","name":"card","title":"Card","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"description":"A React separator and Tailwind divider with optional text labels, solid, gradient, or dashed lines, and horizontal or vertical orientation for layouts.","name":"separator","title":"Separator","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React scroll area on Base UI with slim custom scrollbars that hide until you scroll, for vertical, horizontal, or two way overflow panels and lists.","name":"scroll-area","title":"Scroll Area","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"description":"React resizable panels and split panes with drag and keyboard handles, min and max sizes, collapsible panels, and layouts saved to local storage.","name":"resizable","title":"Resizable","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React hover card on Base UI that previews a profile or link after a short hover delay, with header, body, and footer parts and four widths.","name":"hover-card","title":"Hover Card","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React accordion on Base UI for FAQ sections and settings, with single or multiple open items in bordered, separated, minimal, and FAQ styles.","name":"accordion","title":"Accordion","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["framer-motion"],"description":"A React aspect ratio container with 16:9, 21:9, 4:3, square, and portrait presets, plus an image that fades in over a shimmer once it loads.","name":"aspect-ratio","title":"Aspect Ratio","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","framer-motion"],"description":"React file attachment rows for uploads and chat, with icons by file type, readable sizes, upload progress, retry, download, and image preview cards.","name":"attachment","title":"Attachment","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","framer-motion"],"description":"A React calendar for single dates, ranges, and multiple dates, with month and year quick pickers, booked dates, event dots, and full keyboard control.","name":"calendar","title":"Calendar","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","framer-motion"],"description":"A React carousel with swipe, arrow keys, looping, and autoplay that pauses on hover, plus dots, thumbnails, and a progress bar for each slide.","name":"carousel","title":"Carousel","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["recharts","framer-motion"],"description":"React charts on Recharts with line, bar, area, pie, and radar views plus an interactive bar chart, themed through CSS variables with matching tooltips.","name":"chart","title":"Chart","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React collapsible on Base UI for expand and collapse sections, sidebar groups, and show more previews that fade long content until opened.","name":"collapsible","title":"Collapsible","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React range slider on Base UI with one or two thumbs, a value bubble that shows while dragging, formatted values, and a minimum thumb gap.","name":"slider","title":"Slider","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React command palette on Base UI with keyword search, grouped actions, nested pages, and shortcut hints, plus a Cmd K dialog to open it anywhere.","name":"command","title":"Command","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React right click context menu on Base UI with groups, nested submenus, checkbox and radio items, shortcut labels, and long press support on touch.","name":"context-menu","title":"Context Menu","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","framer-motion"],"description":"A React data table with debounced search, sorting, row selection, pagination, and expandable rows from one columns array, without TanStack.","name":"data-table","title":"Data Table","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","@base-ui/react"],"description":"A React date picker in a Base UI popover for single dates, ranges, and multiple dates, with presets, time selection, and min and max dates.","name":"date-picker","title":"Date Picker","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React direction provider for RTL and LTR layouts that sets dir for Arabic, Hebrew, and Persian, informs Base UI, and exposes a useDirection hook.","name":"direction","title":"Direction","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","@tabler/icons-react"],"description":"A React dropdown menu on Base UI with grouped sections, submenus, checkbox and radio items, shortcut hints, and destructive actions for rows.","name":"dropdown-menu","title":"Dropdown Menu","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["framer-motion"],"description":"A React empty state for blank dashboards, no results screens, and errors, with an icon, title, description, action buttons, and a footer slot.","name":"empty-state","title":"Empty State","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"A React field for form validation messages, linking a label, help text, and an error or success line to the input, in stacked or side by side layout.","name":"field","title":"Field","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"description":"A React kbd component that renders real kbd tags for keyboard shortcuts, with key combinations, key sequences, command rows, and an inline size.","name":"kbd","title":"Kbd","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["framer-motion","@base-ui/react"],"description":"React status indicators with solid and pulsing dots, numbered markers, icon markers, and labeled live status like Online, in six tones and three sizes.","name":"marker","title":"Status Indicator","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"description":"A React native select that styles the browser's own select element, keeping the phone picker, with grouped options, error states, and an inline size.","name":"native-select","title":"Native Select","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","framer-motion","@tabler/icons-react"],"description":"A React navigation menu on Base UI for site headers, with hover dropdowns, mega menu panels, icons, descriptions, nested links, and a compact size.","name":"navigation-menu","title":"Navigation Menu","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react","framer-motion","@tabler/icons-react"],"description":"A React app sidebar with collapsible, icon rail, floating, and resizable modes, grouped sections, badge counts, nested links, and a gliding active pill.","name":"sidebar","title":"Sidebar","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@base-ui/react"],"description":"React typography components for headings 1 to 6, lead and muted text, and inline code, plus a Prose wrapper that styles markdown without a plugin.","name":"typography","title":"Typography","type":"registry:block"},{"categories":["UI Primitives","wensity","free"],"dependencies":["@tabler/icons-react","@base-ui/react"],"description":"A React color picker with a saturation canvas, hue and alpha sliders, HEX, RGB, and HSL inputs, swatches, and a screen eyedropper in a popover.","name":"color-picker","title":"Color Picker","type":"registry:block"}]},"upfork":{"favicon":"/favicons/upfork.svg","items":[{"categories":["form","list","dashboard","calendar","event-calendar","scheduler","agenda","drag-and-drop","recurring-events","shadcn","base-ui","nextjs"],"dependencies":["@base-ui/react","@dnd-kit/core","@tiptap/react","@tiptap/starter-kit","class-variance-authority","cmdk","date-fns","lucide-react","motion","react-day-picker","sonner","zustand"],"description":"A full event calendar and scheduler for React and shadcn/ui: month, week, day and agenda views, drag-and-drop to create, move and resize, recurring events, attendees with photos and RSVPs, team calendars, search and shortcuts, Undo everywhere. Light and dark, mobile to desktop.","name":"shadcn-event-calendar-scheduler-react","title":"Daybook — Event Calendar & Scheduler for React, shadcn/ui & Tailwind (Drag & Drop)","type":"registry:component"},{"categories":["slider","cursor","hero","restaurant","steakhouse","hero-section","interactive-mascot","cursor-follow","webgl","food-menu","nextjs"],"dependencies":["motion"],"description":"Steakhouse & restaurant hero section for React and Next.js. Maple, a filmed cartoon cow in a knitted scarf, follows your guest's cursor across six photographed steaks, smiles at their pick and has her say. Brass doneness probe, kitchen ticket, five palettes in light and dark.","name":"restaurant-hero-section-react","title":"Maple — Steakhouse & Restaurant Hero Section for React with an Interactive Mascot","type":"registry:component"},{"categories":["menu","navigation-menu","dock","sidebar","glassmorphism","icon-sidebar","expandable","dark-mode","rtl","framer-motion","react","nextjs"],"dependencies":["@floating-ui/react-dom","motion"],"description":"A two-part glass sidebar for React: a slim icon dock with a glowing indicator, and a full menu that unfurls beside it. Linked hover, expandable channels, Settings and Help views, an account switcher, light/dark/auto, five tints, RTL and a phone bottom dock.","name":"glassmorphism-icon-sidebar-menu-react","title":"Duet Sidebar — Glassmorphism Icon Dock & Expandable Menu for React","type":"registry:component"},{"categories":["menu","navigation-menu","sidebar","notification","glassmorphism","collapsible","streaming","dark-mode","rtl","framer-motion","react","nextjs"],"dependencies":["@floating-ui/react-dom","lucide-react","motion"],"description":"A cinema-grade glass sidebar for React: a red active bar that travels between rows, a collapse into a monogram rail, notifications, a profile switcher, search, preview flyouts, light/dark/auto, five accents, RTL and a phone drawer.","name":"glass-collapsible-sidebar-react","title":"Velvet Sidebar — Glass Collapsible Navigation Sidebar for React","type":"registry:component"},{"categories":["table","list","form","dashboard","contacts","crm","address-book","people","shadcn","base-ui","nextjs","tailwind"],"dependencies":["@base-ui/react","@hookform/resolvers","class-variance-authority","libphonenumber-js","lucide-react","motion","react-easy-crop","react-hook-form","sonner","zod","zustand"],"description":"A complete contacts manager for React and shadcn/ui: folders and labels, highlighted search, filters, list, grid and table views, details, activity and notes, validated forms with photo crop, bulk actions with Undo, CSV and vCard import/export. Light and dark, phone to desktop.","name":"shadcn-contacts-app-crm-react","title":"Rapport — Contacts App & CRM for React, shadcn/ui & Tailwind (Address Book UI)","type":"registry:component"},{"categories":["search","list","map","real-estate","property","rental","listings","maplibre","mapcn","shadcn","nextjs","tailwind"],"dependencies":["@hookform/resolvers","@tanstack/react-virtual","cmdk","date-fns","embla-carousel-react","lucide-react","maplibre-gl","motion","next-themes","radix-ui","react-hook-form","sonner","supercluster","vaul","zod","zustand"],"description":"A complete real estate property search for React and shadcn/ui: a clustered MapLibre map with price pills, synced to a fast listings panel, smart search, filters with a price histogram, a property page with gallery, reviews and a visit request form, favourites and compare.","name":"real-estate-map-listings-react-shadcn","registryDependencies":["avatar","button","calendar","collapsible","dialog","dropdown-menu","kbd","popover","skeleton","sonner","switch","tabs","toggle-group","tooltip"],"title":"Roofline — Real Estate Map Search for React, shadcn/ui & Tailwind (Property Listings)","type":"registry:component"},{"categories":["dialog","profile","list","dashboard","chat","messenger","inbox","messaging","shadcn","base-ui","nextjs","tailwind"],"dependencies":["@base-ui/react","class-variance-authority","cmdk","frimousse","lucide-react","motion","sonner","zustand"],"description":"A complete team chat for React and shadcn/ui: conversation list with tabs, threads with replies, reactions and Markdown, image lightbox, file uploads, voice notes, internal notes, @mentions, calls, contact and group details, profile and invites. Light and dark, phone to desktop.","name":"shadcn-chat-app-messenger-react","title":"Parley — Team Chat App for React, shadcn/ui & Tailwind (Messenger UI)","type":"registry:component"},{"categories":["dashboard","sidebar","form","list","email","inbox","email-client","shadcn","tiptap","rich-text-editor","react"],"dependencies":["@tiptap/extension-image","@tiptap/extensions","@tiptap/react","@tiptap/starter-kit","cmdk","lucide-react","motion","react-resizable-panels","sonner","zustand"],"description":"A complete email client for React and shadcn/ui: three resizable panes, folders and labels, threaded conversations, a rich-text compose window with recipient chips and attachments, an inline reply, snooze, multi-select with bulk actions, undo toasts, keyboard shortcuts, phone…","name":"email-client-inbox-react-shadcn","registryDependencies":["alert-dialog","avatar","button","calendar","checkbox","command","context-menu","dialog","dropdown-menu","hover-card","input","kbd","popover","resizable","scroll-area","separator","sheet","skeleton","sonner","switch","tooltip"],"title":"Mailroom — Email Client & Inbox UI for React, shadcn/ui and Tailwind","type":"registry:component"},{"categories":["automation","ai","saas","nextjs","dark-mode","react","threejs","gsap"],"dependencies":["@gsap/react","gsap","lenis","lucide-react","three"],"description":"A dark, motion-rich landing page for an automation or AI SaaS: a three.js data-terrain hero, workflows that actually run, a pinned 3D feature deck, pricing and FAQ. Next.js 16, Tailwind 4, GSAP.","devDependencies":["@types/three"],"name":"aptwork","title":"Aptwork – AI automation SaaS landing page","type":"registry:block"},{"categories":["trading","fintech","stock-market","crypto","3d-globe","nextjs","threejs","dark-mode"],"dependencies":["@base-ui/react","@react-three/drei","@react-three/fiber","@react-three/postprocessing","class-variance-authority","d3-geo","embla-carousel-react","framer-motion","lucide-react","simple-icons","three","topojson-client","world-atlas"],"description":"A market-data landing page template with its dependent pages, built to be re-skinned: every color, type size, radius and shadow is a design token, every section is a data-driven component fed by typed mock JSON, and all copy lives in one file.","devDependencies":["@types/d3-geo","@types/topojson-client"],"name":"marketly-trading-landing","title":"Marketly – Trading platform landing page","type":"registry:block"},{"categories":["marquee","background","shader","hero","crypto","web3","hero-section","webgl","animated-background","crypto-ticker","react","nextjs"],"dependencies":["motion"],"description":"A crypto and Web3 hero section for React over a hand-written WebGL light background: neon lanes fall into an order book, a live price ticker pulses the light on every move, and blocks settle like a heartbeat. Six palettes, light and dark themes.","name":"crypto-web3-hero-section-react","title":"Lightfall — Crypto & Web3 Hero Section for React with WebGL Background","type":"registry:component"},{"categories":["card","dialog","video","gallery","macos","desktop","draggable","window-manager","folder","framer-motion","react"],"dependencies":["motion"],"description":"A macOS-style folder for React that bursts open into draggable windows: photos, videos, a working music player, weather and swatches with real traffic lights, focus, minimize and an expanded view. Framer Motion, light/dark themes, keyboard, touch and phone layouts.","name":"macos-folder-draggable-windows-react","title":"Media Folder — macOS-Style Draggable Window Desktop for React & Framer Motion","type":"registry:component"},{"categories":["dialog","card","gallery","hero","hero-section","image-gallery","3d","parallax","lightbox","framer-motion","react","nextjs"],"dependencies":["motion"],"description":"A 3D parallax image gallery hero for React: cards float around your headline, follow the cursor like a camera, lift and face you on hover, and open into a cinematic lightbox. Framer Motion, light/dark themes, keyboard, touch and reduced-motion support.","name":"3d-parallax-image-gallery-react","title":"Perspective Cards — 3D Parallax Image Gallery Hero for React & Framer Motion","type":"registry:component"},{"categories":["carousel","slider","gallery","card","3d-carousel","image-slider","draggable","infinite-loop","autoplay","nextjs","framer-motion","dark-mode"],"dependencies":["motion"],"description":"A draggable 3D carousel for React and Next.js: photo, video and text cards on a curved arc with momentum, a seamless infinite loop, autoplay and a click-to-expand detail view. Built with Motion, keyboard and screen-reader accessible, light and dark.","name":"dynamic-3d-carousel-react","title":"Dynamic 3D Carousel for React & Next.js — Draggable Image & Video Slider","type":"registry:component"},{"categories":["card","grid","hero","video","ecommerce","pet-shop","frame-sequence","nextjs","react","tailwind","hero-section","mouse-tracking"],"dependencies":["lucide-react","motion"],"description":"Interactive pet shop hero section for React, Next.js and Tailwind CSS: an AI-filmed cat follows the cursor at 60 fps, watches shoppers type in search and nods at every add-to-cart. Ships with product cards, page sections, and light and dark themes.","name":"pet-shop-hero","title":"Commander — Pet Shop Hero Section with Cursor-Tracking Cat (React + Next.js)","type":"registry:component"},{"categories":["carousel","gallery","hero","3d-carousel","webgl","threejs","react-three-fiber","nextjs","portfolio","image-gallery","animation"],"dependencies":["@react-three/drei","@react-three/fiber","@react-three/postprocessing","gsap","postprocessing","three"],"description":"A 3D WebGL carousel for React and Next.js: project cards on a curved arc above a reflective floor. Drag, scroll or use the arrow keys, then click a card to open it. Three layouts, light and dark themes, accessible and SEO-friendly.","name":"orbit-gallery-3d-carousel-react","title":"OrbitGallery — 3D Carousel for React & Three.js (WebGL)","type":"registry:component"},{"categories":["cursor","cta","dark-mode","nextjs","component","saas-hero"],"dependencies":["lucide-react","motion"],"description":"A cinematic hero for a visual website builder. At the top are a badge, a headline, a subheading, two calls to action and social proof, over an aurora. Below them sits a large app window that is not a picture: it runs a small working demo of the product. Visitors can play with…","name":"interactive-saas-hero","title":"Interactive SaaS Hero with Live Product Demo","type":"registry:component"},{"categories":["border","button","nextjs","dark-mode","button-bordar","css-animation"],"dependencies":["lucide-react"],"description":"A premium pill call to action for Next.js with a comet of light that travels around its border. Unlike the usual rotating conic gradient, the beam moves at a constant speed along the real rounded border, reacts to the cursor, and walks through loading, success and error on its…","name":"border-beam-button","title":"Border Beam Button","type":"registry:ui"},{"categories":["background","hero","shader","black-hole","threejs","webgl","3d","ray-tracing","scroll-animation","nextjs","dark-mode"],"dependencies":["three"],"description":"A React hero section with a black hole ray-traced live in WebGL: real light bending, a scroll dive into the event horizon, and light and dark themes.","devDependencies":["@types/three"],"name":"black-hole-hero","title":"Infall — Black Hole Hero Section (React + WebGL)","type":"registry:component"},{"categories":["gallery","marquee","hero","community","photo-wall","social-proof","nextjs","tailwind","dark-mode","css-animation"],"dependencies":["lucide-react"],"description":"A hero section for communities and social products: a headline and call to action over an endless wall of portraits whose rows slide in alternating directions. Light, dark or auto theme, pure CSS motion, built with Next.js and Tailwind CSS.","name":"crowdwall","title":"Crowdwall – Community hero with a scrolling photo wall","type":"registry:component"}]},"shadcn tanstack form":{"items":[{"dependencies":["@radix-ui/react-slot"],"description":"Seamless integration of shadcn/ui Form components with TanStack Form, maintaining TanStack's core principles of developer experience and type safety.","name":"shadcn-tanstack-form","title":"shadcn-tanstack-form","type":"registry:block"}]},"watermelon ui":{"favicon":"/favicons/watermelon-ui.svg","items":[{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion"],"description":"An animated inline action menu with contextul Options and a two-step delete confirmation flow.","name":"inline-disclosure-menu","page":"https://ui.watermelon.sh/animated-components/inline-disclosure-menu","title":"Inline Disclosure Menu","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion"],"description":"Theme-ready base variant of An animated inline action menu with contextul Options and a two-step delete confirmation flow..","name":"inline-disclosure-menu-base","title":"Inline Disclosure Menu (base)","type":"registry:component"},{"dependencies":["@number-flow/react","lucide-react","motion"],"description":"Interactive cryptocurrency exchange interface with animated number inputs and value calculations.","name":"aave-swap-component","page":"https://ui.watermelon.sh/animated-components/aave-swap-component","title":"Aave Swap Component","type":"registry:component"},{"dependencies":["@number-flow/react","lucide-react","motion"],"description":"Theme-ready base variant of Interactive cryptocurrency exchange interface with animated number inputs and value calculations..","name":"aave-swap-component-base","title":"Aave Swap Component (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An expandable activities card with smooth spring animations and a premium 3D header aesthetic.","name":"activities-card","page":"https://ui.watermelon.sh/animated-components/activities-card","title":"Activities Card","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of An expandable activities card with smooth spring animations and a premium 3D header aesthetic..","name":"activities-card-base","title":"Activities Card (base)","type":"registry:component"},{"dependencies":["motion"],"description":"A smooth, color-shifting slider with caloric value tracking.","name":"adaptive-slider","page":"https://ui.watermelon.sh/animated-components/adaptive-slider","registryDependencies":["utils"],"title":"Adaptive Slider","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of A smooth, color-shifting slider with caloric value tracking..","name":"adaptive-slider-base","registryDependencies":["utils"],"title":"Adaptive Slider (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Disclosure panel explaining add-cash details, limits, fees, and confirmation.","name":"add-cash-disclosure","page":"https://ui.watermelon.sh/animated-components/add-cash-disclosure","title":"Add Cash Disclosure","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Disclosure panel explaining add-cash details, limits, fees, and confirmation..","name":"add-cash-disclosure-base","title":"Add Cash Disclosure (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Budget overview card tracking spending, limits, and remaining balance.","name":"budget-card","page":"https://ui.watermelon.sh/animated-components/budget-card","title":"Budget Card","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Budget overview card tracking spending, limits, and remaining balance..","name":"budget-card-base","title":"Budget Card (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An animated calendar widget featuring progressive blur effects that enhance depth and focus during interaction.","name":"calendar-widget","page":"https://ui.watermelon.sh/animated-components/calendar-widget","title":"Calendar Widget","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of An animated calendar widget featuring progressive blur effects that enhance depth and focus during interaction..","name":"calendar-widget-base","title":"Calendar Widget (base)","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Interactive micro-interaction component.","name":"card-cue","page":"https://ui.watermelon.sh/animated-components/card-cue","title":"Card Cue","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Theme-ready base variant of Interactive micro-interaction component..","name":"card-cue-base","title":"Card Cue (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"An animated card split accordion that smoothly expands to reveal detailed information.","name":"card-split-accordian","page":"https://ui.watermelon.sh/animated-components/card-split-accordian","title":"Card Split Accordian","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"Theme-ready base variant of An animated card split accordion that smoothly expands to reveal detailed information..","name":"card-split-accordian-base","title":"Card Split Accordian (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion","next-themes"],"description":"A tactile, gesture-driven card stack that supports velocity-based swiping and smooth pagination.","name":"card-swipe","page":"https://ui.watermelon.sh/animated-components/card-swipe","registryDependencies":["utils"],"title":"Card Swipe","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion","next-themes"],"description":"Theme-ready base variant of A tactile, gesture-driven card stack that supports velocity-based swiping and smooth pagination..","name":"card-swipe-base","registryDependencies":["utils"],"title":"Card Swipe (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A dynamic carousel navigator with theme-adaptive background transitions and progress-syncing indicators.","name":"carousel-navigator","page":"https://ui.watermelon.sh/animated-components/carousel-navigator","title":"Carousel Navigator","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A dynamic carousel navigator with theme-adaptive background transitions and progress-syncing indicators..","name":"carousel-navigator-base","title":"Carousel Navigator (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"A playful, gesture-driven card carousel with spring-based rotation and smooth scaling.","name":"carousel-slider","page":"https://ui.watermelon.sh/animated-components/carousel-slider","title":"Carousel Slider","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"Theme-ready base variant of A playful, gesture-driven card carousel with spring-based rotation and smooth scaling..","name":"carousel-slider-base","title":"Carousel Slider (base)","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"A premium interactive pricing selector with animated billing toggle, expandable plan details, and smooth spring-driven transitions for modern SaaS checkout flows.","name":"changeable-pricing-section","page":"https://ui.watermelon.sh/animated-components/changeable-pricing-section","title":"Changeable Pricing Section","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Theme-ready base variant of A premium interactive pricing selector with animated billing toggle, expandable plan details, and smooth spring-driven transitions for modern SaaS checkout flows..","name":"changeable-pricing-section-base","title":"Changeable Pricing Section (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"An animated collection grid that smoothly expands to reveal additional content on interaction.","name":"collection-grid-disclosure","page":"https://ui.watermelon.sh/animated-components/collection-grid-disclosure","title":"Collection Grid Disclosure","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"Theme-ready base variant of An animated collection grid that smoothly expands to reveal additional content on interaction..","name":"collection-grid-disclosure-base","title":"Collection Grid Disclosure (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A premium command palette with sectioned results, keyboard navigation, and smooth animations.","name":"command-search","page":"https://ui.watermelon.sh/animated-components/command-search","title":"Command Search","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A premium command palette with sectioned results, keyboard navigation, and smooth animations..","name":"command-search-base","title":"Command Search (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Compact card interface for composing emails with recipient, subject, actions.","name":"compose-email-card","page":"https://ui.watermelon.sh/animated-components/compose-email-card","title":"Compose Email Card","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Compact card interface for composing emails with recipient, subject, actions..","name":"compose-email-card-base","title":"Compose Email Card (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A sleek, adaptive action bar that toggles between tool icons and an AI-powered input field with smooth morphing transitions.","name":"contextual-ai-bar","page":"https://ui.watermelon.sh/animated-components/contextual-ai-bar","title":"Contextual AI Bar","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A sleek, adaptive action bar that toggles between tool icons and an AI-powered input field with smooth morphing transitions..","name":"contextual-ai-bar-base","title":"Contextual AI Bar (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","next-themes"],"description":"A premium, fully responsive pagination component featuring spring animations and a 3D-styled active state with a dynamic shimmer effect.","name":"continuous-pagination","page":"https://ui.watermelon.sh/animated-components/continuous-pagination","title":"Continuous Pagination","type":"registry:component"},{"dependencies":["lucide-react","motion","next-themes"],"description":"Theme-ready base variant of A premium, fully responsive pagination component featuring spring animations and a 3D-styled active state with a dynamic shimmer effect..","name":"continuous-pagination-base","title":"Continuous Pagination (base)","type":"registry:component"},{"dependencies":["motion"],"description":"Button-like tabs with a smooth sliding background pill.","name":"continuous-tabs","page":"https://ui.watermelon.sh/animated-components/continuous-tabs","title":"Continuous Tabs","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of Button-like tabs with a smooth sliding background pill..","name":"continuous-tabs-base","title":"Continuous Tabs (base)","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Interactive micro-interaction component for copy confirm.","name":"copy-confirm","page":"https://ui.watermelon.sh/animated-components/copy-confirm","title":"Copy Confirm","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Theme-ready base variant of Interactive micro-interaction component for copy confirm..","name":"copy-confirm-base","title":"Copy Confirm (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Dialog for creating communities with name, description, and settings.","name":"create-community","page":"https://ui.watermelon.sh/animated-components/create-community","title":"Create Community","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Dialog for creating communities with name, description, and settings..","name":"create-community-base","title":"Create Community (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"A stylish \"Create New\" disclosure component that expands from a pill-shaped button into a rich grid of actions.","name":"create-new-disclosure","page":"https://ui.watermelon.sh/animated-components/create-new-disclosure","title":"Create New Disclosure","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"Theme-ready base variant of A stylish \"Create New\" disclosure component that expands from a pill-shaped button into a rich grid of actions..","name":"create-new-disclosure-base","title":"Create New Disclosure (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Displays credit consumption progress with clear limits and usage breakdown.","name":"credit-usage-card","page":"https://ui.watermelon.sh/animated-components/credit-usage-card","title":"Credit Usage Card","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Displays credit consumption progress with clear limits and usage breakdown..","name":"credit-usage-card-base","title":"Credit Usage Card (base)","type":"registry:component"},{"dependencies":["framer-motion","lucide-react","react-icons"],"description":"Deployment card showing environment, progress, logs, duration, and commit details.","name":"deployment-card","page":"https://ui.watermelon.sh/animated-components/deployment-card","registryDependencies":["utils"],"title":"Deployment Card","type":"registry:component"},{"dependencies":["framer-motion","lucide-react","react-icons"],"description":"Theme-ready base variant of Deployment card showing environment, progress, logs, duration, and commit details..","name":"deployment-card-base","registryDependencies":["utils"],"title":"Deployment Card (base)","type":"registry:component"},{"dependencies":["@hugeicons/react","lucide-react","motion"],"description":"A layered modal component that stacks multiple dialogs with smooth spring-weighted transitions.","name":"dialog-stack","page":"https://ui.watermelon.sh/animated-components/dialog-stack","title":"Dialog Stack","type":"registry:component"},{"dependencies":["@hugeicons/react","lucide-react","motion"],"description":"Theme-ready base variant of A layered modal component that stacks multiple dialogs with smooth spring-weighted transitions..","name":"dialog-stack-base","title":"Dialog Stack (base)","type":"registry:component"},{"dependencies":["motion"],"description":"Animated tabs component with smooth morphing transitions between active states.","name":"discrete-tabs","page":"https://ui.watermelon.sh/animated-components/discrete-tabs","registryDependencies":["utils"],"title":"Discrete Tabs","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of Animated tabs component with smooth morphing transitions between active states..","name":"discrete-tabs-base","registryDependencies":["utils"],"title":"Discrete Tabs (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"An animated dock component inspired by the macOS dock with smooth scaling and hover interactions. Icons respond dynamically to cursor movement, creating a lively and responsive feel.","name":"dock","page":"https://ui.watermelon.sh/animated-components/dock","registryDependencies":["utils"],"title":"Dock Component","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"Theme-ready base variant of An animated dock component inspired by the macOS dock with smooth scaling and hover interactions. Icons respond dynamically to cursor movement, creating a lively and responsive feel..","name":"dock-base","registryDependencies":["utils"],"title":"Dock Component (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","next-themes","react-icons","react-use-measure"],"description":"A premium interactive signature component that captures fluid strokes with a custom pen cursor and step-based workflow.","name":"draw-signature","page":"https://ui.watermelon.sh/animated-components/draw-signature","registryDependencies":["utils"],"title":"Draw Signature","type":"registry:component"},{"dependencies":["lucide-react","motion","next-themes","react-icons","react-use-measure"],"description":"Theme-ready base variant of A premium interactive signature component that captures fluid strokes with a custom pen cursor and step-based workflow..","name":"draw-signature-base","registryDependencies":["utils"],"title":"Draw Signature (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion","react-icons","react-use-measure"],"description":"A sophisticated dropdown menu with shared layout transitions and spring-driven animations for item selection.","name":"dropdown-disclosure","page":"https://ui.watermelon.sh/animated-components/dropdown-disclosure","title":"Dropdown Disclosure","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion","react-icons","react-use-measure"],"description":"Theme-ready base variant of A sophisticated dropdown menu with shared layout transitions and spring-driven animations for item selection..","name":"dropdown-disclosure-base","title":"Dropdown Disclosure (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"A premium interactive badge component with an inline editor for real-time text, icon, and color customization.","name":"edit-badge","page":"https://ui.watermelon.sh/animated-components/edit-badge","title":"Edit Badge","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of A premium interactive badge component with an inline editor for real-time text, icon, and color customization..","name":"edit-badge-base","title":"Edit Badge (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Profile editing dialog with fields, validation, and save actions.","name":"edit-profile","page":"https://ui.watermelon.sh/animated-components/edit-profile","title":"Edit Profile","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Profile editing dialog with fields, validation, and save actions..","name":"edit-profile-base","title":"Edit Profile (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"An interactive editable chip component with smooth animations for editing.","name":"editable-chip","page":"https://ui.watermelon.sh/animated-components/editable-chip","registryDependencies":["utils"],"title":"Editable Chip","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of An interactive editable chip component with smooth animations for editing..","name":"editable-chip-base","registryDependencies":["utils"],"title":"Editable Chip (base)","type":"registry:component"},{"dependencies":["motion"],"description":"A playful multi-select component with exploding emoji particles and smooth spring animations.","name":"emoji-spree-choice-chips","page":"https://ui.watermelon.sh/animated-components/emoji-spree-choice-chips","title":"Emoji Spree Choice Chips","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of A playful multi-select component with exploding emoji particles and smooth spring animations..","name":"emoji-spree-choice-chips-base","title":"Emoji Spree Choice Chips (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Set and manage event reminders with lightweight interactive scheduling controls.","name":"event-reminders","page":"https://ui.watermelon.sh/animated-components/event-reminders","title":"Event Reminders","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Set and manage event reminders with lightweight interactive scheduling controls..","name":"event-reminders-base","title":"Event Reminders (base)","type":"registry:component"},{"dependencies":["framer-motion","lucide-react","react-use-measure"],"description":"Interactive micro-interaction component for expanding details.","name":"expand-details","page":"https://ui.watermelon.sh/animated-components/expand-details","title":"Expand Details","type":"registry:component"},{"dependencies":["framer-motion","lucide-react","react-use-measure"],"description":"Theme-ready base variant of Interactive micro-interaction component for expanding details..","name":"expand-details-base","title":"Expand Details (base)","type":"registry:component"},{"dependencies":["motion"],"description":"A stylish animated card that expands to a full-screen modal, perfect for showcasing events, concerts, or featured destinations.","name":"expandable-event-card","page":"https://ui.watermelon.sh/animated-components/expandable-event-card","title":"Expandable Event Card","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of A stylish animated card that expands to a full-screen modal, perfect for showcasing events, concerts, or featured destinations..","name":"expandable-event-card-base","title":"Expandable Event Card (base)","type":"registry:component"},{"dependencies":["motion"],"description":"An elegant animated card that expands to a detailed side-by-side view, perfect for profile cards.","name":"expandable-profile-card","page":"https://ui.watermelon.sh/animated-components/expandable-profile-card","title":"Expandable Profile Card","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of An elegant animated card that expands to a detailed side-by-side view, perfect for profile cards..","name":"expandable-profile-card-base","title":"Expandable Profile Card (base)","type":"registry:component"},{"dependencies":["framer-motion","lucide-react","react-icons","react-use-measure"],"description":"A responsive extended toolbar component that enhances usability with smooth micro-interactions, contextual actions, and instant visual feedback for quick and confident user interactions.","name":"extended-toolbar","page":"https://ui.watermelon.sh/animated-components/extended-toolbar","title":"Extended Toolbar","type":"registry:component"},{"dependencies":["framer-motion","lucide-react","react-icons","react-use-measure"],"description":"Theme-ready base variant of A responsive extended toolbar component that enhances usability with smooth micro-interactions, contextual actions, and instant visual feedback for quick and confident user interactions..","name":"extended-toolbar-base","title":"Extended Toolbar (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Features a toggle button that transforms into a full confirmation modal with backdrop blur and elegant motion design.","name":"family-receive-button","page":"https://ui.watermelon.sh/animated-components/family-receive-button","title":"Family Receive Button","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Features a toggle button that transforms into a full confirmation modal with backdrop blur and elegant motion design..","name":"family-receive-button-base","title":"Family Receive Button (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"An animated wallet interface inspired by family account interactions with smooth card transitions.","name":"family-wallet","page":"https://ui.watermelon.sh/animated-components/family-wallet","title":"Family Wallet","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"Theme-ready base variant of An animated wallet interface inspired by family account interactions with smooth card transitions..","name":"family-wallet-base","title":"Family Wallet (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A premium guided tour component with blur animations, shining titles, and intuitive navigation.","name":"feature-tour","page":"https://ui.watermelon.sh/animated-components/feature-tour","title":"Feature Tour","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A premium guided tour component with blur animations, shining titles, and intuitive navigation..","name":"feature-tour-base","title":"Feature Tour (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Trigger quick user feedback actions through subtle animated interaction buttons.","name":"feedback-action","page":"https://ui.watermelon.sh/animated-components/feedback-action","registryDependencies":["utils"],"title":"Feedback Action","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of Trigger quick user feedback actions through subtle animated interaction buttons..","name":"feedback-action-base","registryDependencies":["utils"],"title":"Feedback Action (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion","react-icons"],"description":"A premium feedback component with morphing icons, smooth transitions, and a refined dark mode experience.","name":"feedback","page":"https://ui.watermelon.sh/animated-components/feedback","title":"Feedback","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion","react-icons"],"description":"Theme-ready base variant of A premium feedback component with morphing icons, smooth transitions, and a refined dark mode experience..","name":"feedback-base","title":"Feedback (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"A smooth expanding filter component with active state indicators.","name":"filter-disclosure","page":"https://ui.watermelon.sh/animated-components/filter-disclosure","title":"Filter Disclosure","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of A smooth expanding filter component with active state indicators..","name":"filter-disclosure-base","title":"Filter Disclosure (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"A compact expandable action menu with animated resizing,  floating close button, and spring-based item reveal.","name":"floating-disclosure","page":"https://ui.watermelon.sh/animated-components/floating-disclosure","registryDependencies":["utils"],"title":"Floating Disclosure","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"Theme-ready base variant of A compact expandable action menu with animated resizing,  floating close button, and spring-based item reveal..","name":"floating-disclosure-base","registryDependencies":["utils"],"title":"Floating Disclosure (base)","type":"registry:component"},{"description":"An input field with floating label animation.","name":"floating-input","page":"https://ui.watermelon.sh/animated-components/floating-input","registryDependencies":["utils"],"title":"Floating Input","type":"registry:component"},{"description":"Theme-ready base variant of An input field with floating label animation..","name":"floating-input-base","registryDependencies":["utils"],"title":"Floating Input (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"A fluid, spring-animated tab component with floating active indicator and icon scaling.","name":"fluid-tabs","page":"https://ui.watermelon.sh/animated-components/fluid-tabs","title":"Fluid Tabs","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of A fluid, spring-animated tab component with floating active indicator and icon scaling..","name":"fluid-tabs-base","title":"Fluid Tabs (base)","type":"registry:component"},{"dependencies":["framer-motion"],"description":"A smooth draggable ruler-style picker for selecting numeric values with spring snapping.","name":"fractional-picker","page":"https://ui.watermelon.sh/animated-components/fractional-picker","registryDependencies":["utils"],"title":"Fractional Picker","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Theme-ready base variant of A smooth draggable ruler-style picker for selecting numeric values with spring snapping..","name":"fractional-picker-base","registryDependencies":["utils"],"title":"Fractional Picker (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Select recurring time intervals using animated tabs and contextual sub options.","name":"frequency-selector","page":"https://ui.watermelon.sh/animated-components/frequency-selector","title":"Frequency Selector","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Select recurring time intervals using animated tabs and contextual sub options..","name":"frequency-selector-base","title":"Frequency Selector (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An animated fund widget featuring smooth 3D transforms and progressive blur effects.","name":"fund-widget","page":"https://ui.watermelon.sh/animated-components/fund-widget","registryDependencies":["utils"],"title":"Fund Widget","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An animated fund widget featuring smooth 3D transforms and progressive blur effects..","name":"fund-widget-base","registryDependencies":["utils"],"title":"Fund Widget (base)","type":"registry:component"},{"dependencies":["motion"],"description":"An interactive Next.js logo with expandable tooltip that shows framework information.","name":"gooey-menu","page":"https://ui.watermelon.sh/animated-components/gooey-menu","title":"Gooey Menu","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of An interactive Next.js logo with expandable tooltip that shows framework information..","name":"gooey-menu-base","title":"Gooey Menu (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Inline actions enabling quick edits without leaving current context view.","name":"inline-action","page":"https://ui.watermelon.sh/animated-components/inline-action","registryDependencies":["utils"],"title":"Inline Action","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Inline actions enabling quick edits without leaving current context view..","name":"inline-action-base","registryDependencies":["utils"],"title":"Inline Action (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"A sleek, interactive editor that transitions seamlessly between display and edit modes using smooth layout animations.","name":"inline-edit","page":"https://ui.watermelon.sh/animated-components/inline-edit","title":"Inline Edit","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"Theme-ready base variant of A sleek, interactive editor that transitions seamlessly between display and edit modes using smooth layout animations..","name":"inline-edit-base","title":"Inline Edit (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An interactive inline overflow menu that reveals additional actions with spring animations.","name":"inline-overflow","page":"https://ui.watermelon.sh/animated-components/inline-overflow","title":"Inline Overflow","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An interactive inline overflow menu that reveals additional actions with spring animations..","name":"inline-overflow-base","title":"Inline Overflow (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Inline controls for editing table rows without breaking user focus.","name":"inline-table-control","page":"https://ui.watermelon.sh/animated-components/inline-table-control","title":"Inline Table Control","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Inline controls for editing table rows without breaking user focus..","name":"inline-table-control-base","title":"Inline Table Control (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An animated inline toast that provides instant feedback with a built-in copy action.","name":"inline-toast","page":"https://ui.watermelon.sh/animated-components/inline-toast","title":"Inline Toast","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An animated inline toast that provides instant feedback with a built-in copy action..","name":"inline-toast-base","title":"Inline Toast (base)","type":"registry:component"},{"dependencies":["framer-motion","lucide-react","react-icons"],"description":"Show connected services with status, actions, and simple integration management.","name":"integration-card","page":"https://ui.watermelon.sh/animated-components/integration-card","registryDependencies":["utils"],"title":"Integration Card","type":"registry:component"},{"dependencies":["framer-motion","lucide-react","react-icons"],"description":"Theme-ready base variant of Show connected services with status, actions, and simple integration management..","name":"integration-card-base","registryDependencies":["utils"],"title":"Integration Card (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"A sleek, morphing disclosure component for managing invitations with interactive badge counts and spring animations.","name":"invite-disclosure","page":"https://ui.watermelon.sh/animated-components/invite-disclosure","title":"Invite Disclosure","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of A sleek, morphing disclosure component for managing invitations with interactive badge counts and spring animations..","name":"invite-disclosure-base","title":"Invite Disclosure (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Organized journal navigation enabling quick section switching with smooth animated transitions.","name":"journal-navigation","page":"https://ui.watermelon.sh/animated-components/journal-navigation","title":"Journal Navigation","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Organized journal navigation enabling quick section switching with smooth animated transitions..","name":"journal-navigation-base","title":"Journal Navigation (base)","type":"registry:component"},{"dependencies":["motion","react-use-measure"],"description":"A premium radial dial component with tactile feedback, blur animations, and full theme integration.","name":"knob-slider","page":"https://ui.watermelon.sh/animated-components/knob-slider","title":"Knob Slider","type":"registry:component"},{"dependencies":["motion","react-use-measure"],"description":"Theme-ready base variant of A premium radial dial component with tactile feedback, blur animations, and full theme integration..","name":"knob-slider-base","title":"Knob Slider (base)","type":"registry:component"},{"dependencies":["motion"],"description":"An animated progress indicator with dynamic labels that update smoothly.","name":"labeled-progress-indicator","page":"https://ui.watermelon.sh/animated-components/labeled-progress-indicator","title":"Labeled Progress Indicator","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of An animated progress indicator with dynamic labels that update smoothly..","name":"labeled-progress-indicator-base","title":"Labeled Progress Indicator (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"A premium layered progressive disclosure panel with animated feature toggles, asymmetric controls, and tabbed micro-interactions for advanced configuration workflows.","name":"layered-progressive-disclosure","page":"https://ui.watermelon.sh/animated-components/layered-progressive-disclosure","title":"Layered Progressive Disclosure","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"Theme-ready base variant of A premium layered progressive disclosure panel with animated feature toggles, asymmetric controls, and tabbed micro-interactions for advanced configuration workflows..","name":"layered-progressive-disclosure-base","title":"Layered Progressive Disclosure (base)","type":"registry:component"},{"dependencies":["motion"],"description":"Interactive micro-interaction component for licence keys.","name":"licence-key","page":"https://ui.watermelon.sh/animated-components/licence-key","title":"Licence Key","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of Interactive micro-interaction component for licence keys..","name":"licence-key-base","title":"Licence Key (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An animated stacked list that smoothly expands and collapses to reveal or hide items.","name":"list-stack","page":"https://ui.watermelon.sh/animated-components/list-stack","title":"List Stack","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An animated stacked list that smoothly expands and collapses to reveal or hide items..","name":"list-stack-base","title":"List Stack (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"A premium macOS-style collapsible sidebar with smooth spring-driven width transitions, hover morphing, and tactile selection feedback.","name":"macos-sidebar","page":"https://ui.watermelon.sh/animated-components/macos-sidebar","title":"macOS Sidebar","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"Theme-ready base variant of A premium macOS-style collapsible sidebar with smooth spring-driven width transitions, hover morphing, and tactile selection feedback..","name":"macos-sidebar-base","title":"macOS Sidebar (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Summarize meeting details with time, participants, and quick action controls.","name":"meeting-card","page":"https://ui.watermelon.sh/animated-components/meeting-card","title":"Meeting Card","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Summarize meeting details with time, participants, and quick action controls..","name":"meeting-card-base","title":"Meeting Card (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Interactive wallet interface with expandable cards featuring smooth layout animations and micro-interactions.","name":"minimal-carousel","page":"https://ui.watermelon.sh/animated-components/minimal-carousel","title":"Minimal Carousel","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Interactive wallet interface with expandable cards featuring smooth layout animations and micro-interactions..","name":"minimal-carousel-base","title":"Minimal Carousel (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An animated button that smoothly morphs into an expanded interactive state.","name":"morphing-button","page":"https://ui.watermelon.sh/animated-components/morphing-button","title":"Morphing Button","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An animated button that smoothly morphs into an expanded interactive state..","name":"morphing-button-base","title":"Morphing Button (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A category tab bar that morphs into a search field, with a sliding active indicator and smooth layout animations.","name":"morphing-discovery-bar","page":"https://ui.watermelon.sh/animated-components/morphing-discovery-bar","title":"Morphing Discovery Bar","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A category tab bar that morphs into a search field, with a sliding active indicator and smooth layout animations..","name":"morphing-discovery-bar-base","title":"Morphing Discovery Bar (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"A premium morphing sidebar control panel with progressive configuration, motion presets, and animated layout transitions for advanced animation workflows.","name":"morphing-sidebar-controls","page":"https://ui.watermelon.sh/animated-components/morphing-sidebar-controls","title":"Morphing Sidebar Controls","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"Theme-ready base variant of A premium morphing sidebar control panel with progressive configuration, motion presets, and animated layout transitions for advanced animation workflows..","name":"morphing-sidebar-controls-base","title":"Morphing Sidebar Controls (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Step-by-step onboarding checklist with progress tracking and completion feedback.","name":"onboarding-checklist","page":"https://ui.watermelon.sh/animated-components/onboarding-checklist","title":"Onboarding Checklist","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Step-by-step onboarding checklist with progress tracking and completion feedback..","name":"onboarding-checklist-base","title":"Onboarding Checklist (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Clean onboarding screen guiding users through setup with visual steps.","name":"onboarding-screen","page":"https://ui.watermelon.sh/animated-components/onboarding-screen","title":"Onboarding Screen","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Clean onboarding screen guiding users through setup with visual steps..","name":"onboarding-screen-base","title":"Onboarding Screen (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Onboarding setup card guiding users through initial configuration steps.","name":"onboarding-setup","page":"https://ui.watermelon.sh/animated-components/onboarding-setup","title":"Onboarding Setup","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Onboarding setup card guiding users through initial configuration steps..","name":"onboarding-setup-base","title":"Onboarding Setup (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An animated pagination control with previous and next arrows, where the page number rolls digit by digit as you move between pages.","name":"pagination","page":"https://ui.watermelon.sh/animated-components/pagination","title":"Pagination","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An animated pagination control with previous and next arrows, where the page number rolls digit by digit as you move between pages..","name":"pagination-base","title":"Pagination (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"A sleek list component with shared-layout transitions for pinning items and managing priority views.","name":"pin-item","page":"https://ui.watermelon.sh/animated-components/pin-item","title":"Pin Item","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of A sleek list component with shared-layout transitions for pinning items and managing priority views..","name":"pin-item-base","title":"Pin Item (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","next-themes"],"description":"Interactive micro-interaction component for pop stepper.","name":"pop-stepper","page":"https://ui.watermelon.sh/animated-components/pop-stepper","title":"Pop Stepper","type":"registry:component"},{"dependencies":["lucide-react","motion","next-themes"],"description":"Theme-ready base variant of Interactive micro-interaction component for pop stepper..","name":"pop-stepper-base","title":"Pop Stepper (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Suggests next words in real time while users type naturally.","name":"predictive-text","page":"https://ui.watermelon.sh/animated-components/predictive-text","title":"Predictive Text","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Suggests next words in real time while users type naturally..","name":"predictive-text-base","title":"Predictive Text (base)","type":"registry:component"},{"dependencies":["@number-flow/react","lucide-react","motion"],"description":"An animated pricing widget with smooth transitions and dynamic value updates.","name":"pricing-widget","page":"https://ui.watermelon.sh/animated-components/pricing-widget","title":"Pricing Widget","type":"registry:component"},{"dependencies":["@number-flow/react","lucide-react","motion"],"description":"Theme-ready base variant of An animated pricing widget with smooth transitions and dynamic value updates..","name":"pricing-widget-base","title":"Pricing Widget (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Compact profile card displaying user details with quick actions.","name":"profile-card","page":"https://ui.watermelon.sh/animated-components/profile-card","title":"Profile Card","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Compact profile card displaying user details with quick actions..","name":"profile-card-base","title":"Profile Card (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"An animated input stack that progressively layers form fields as users complete each step.","name":"progressive-input-stack","page":"https://ui.watermelon.sh/animated-components/progressive-input-stack","registryDependencies":["utils"],"title":"Progressive Input Stack","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of An animated input stack that progressively layers form fields as users complete each step..","name":"progressive-input-stack-base","registryDependencies":["utils"],"title":"Progressive Input Stack (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"A responsive feedback component built for instant user responses, using subtle micro-interactions and snappy visual cues to confirm actions in real time.","name":"quick-feedback","page":"https://ui.watermelon.sh/animated-components/quick-feedback","registryDependencies":["utils"],"title":"Quick Feedback","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"description":"Theme-ready base variant of A responsive feedback component built for instant user responses, using subtle micro-interactions and snappy visual cues to confirm actions in real time..","name":"quick-feedback-base","registryDependencies":["utils"],"title":"Quick Feedback (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"A sleek, interactive option picker with smooth roll animations and a premium feel.","name":"quick-option-picker","page":"https://ui.watermelon.sh/animated-components/quick-option-picker","registryDependencies":["utils"],"title":"Quick Option Picker","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of A sleek, interactive option picker with smooth roll animations and a premium feel..","name":"quick-option-picker-base","registryDependencies":["utils"],"title":"Quick Option Picker (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Instantly paste copied content using shortcut-triggered micro interaction panel.","name":"quick-paste","page":"https://ui.watermelon.sh/animated-components/quick-paste","title":"Quick Paste","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Instantly paste copied content using shortcut-triggered micro interaction panel..","name":"quick-paste-base","title":"Quick Paste (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A premium, dual-mode action bar that enables fast switching between two distinct modes with fluid animations and spring physics.","name":"quick-switcher","page":"https://ui.watermelon.sh/animated-components/quick-switcher","title":"Quick Switcher","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A premium, dual-mode action bar that enables fast switching between two distinct modes with fluid animations and spring physics..","name":"quick-switcher-base","title":"Quick Switcher (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A stunning radial carousel component with spring animations, drag-to-rotate interaction, and adaptive layout.","name":"radial-carousel","page":"https://ui.watermelon.sh/animated-components/radial-carousel","title":"Radial Carousel","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A stunning radial carousel component with spring animations, drag-to-rotate interaction, and adaptive layout..","name":"radial-carousel-base","title":"Radial Carousel (base)","type":"registry:component"},{"dependencies":["motion"],"description":"A responsive range selection slider widget that allows users to precisely choose values, enhanced with smooth interactions and immediate visual feedback for accurate control.","name":"range-selection-slider","page":"https://ui.watermelon.sh/animated-components/range-selection-slider","title":"Range Selection Slider","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of A responsive range selection slider widget that allows users to precisely choose values, enhanced with smooth interactions and immediate visual feedback for accurate control..","name":"range-selection-slider-base","title":"Range Selection Slider (base)","type":"registry:component"},{"dependencies":["@number-flow/react","motion"],"description":"A responsive returns calculator card snippet that lets users quickly estimate investment outcomes, featuring clear inputs, smooth interactions, and instant visual feedback for confident decision-making.","name":"returns-calculator-snippet","page":"https://ui.watermelon.sh/animated-components/returns-calculator-snippet","title":"Returns Calculator Snippet","type":"registry:component"},{"dependencies":["@number-flow/react","motion"],"description":"Theme-ready base variant of A responsive returns calculator card snippet that lets users quickly estimate investment outcomes, featuring clear inputs, smooth interactions, and instant visual feedback for confident decision-making..","name":"returns-calculator-snippet-base","title":"Returns Calculator Snippet (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An animated reveal copy component that smoothly uncovers content with interactive motion.","name":"reveal-copy","page":"https://ui.watermelon.sh/animated-components/reveal-copy","title":"Reveal Copy","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An animated reveal copy component that smoothly uncovers content with interactive motion..","name":"reveal-copy-base","title":"Reveal Copy (base)","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Interactive micro-interaction component for revealing cards.","name":"revealing-cards","page":"https://ui.watermelon.sh/animated-components/revealing-cards","title":"Revealing Cards","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Theme-ready base variant of Interactive micro-interaction component for revealing cards..","name":"revealing-cards-base","title":"Revealing Cards (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"An animated action button that executes a sequence of steps with smooth visual transitions.","name":"run-action-button","page":"https://ui.watermelon.sh/animated-components/run-action-button","title":"Run Action Button","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of An animated action button that executes a sequence of steps with smooth visual transitions..","name":"run-action-button-base","title":"Run Action Button (base)","type":"registry:component"},{"dependencies":["@number-flow/react","motion","react-icons"],"description":"An animated run widget that dynamically displays distance with smooth number transitions","name":"run-widget","page":"https://ui.watermelon.sh/animated-components/run-widget","title":"Run Widget","type":"registry:component"},{"dependencies":["@number-flow/react","motion","react-icons"],"description":"Theme-ready base variant of An animated run widget that dynamically displays distance with smooth number transitions.","name":"run-widget-base","title":"Run Widget (base)","type":"registry:component"},{"dependencies":["motion","next-themes","react-icons"],"description":"An animated save toggle button that smoothly transitions between multiple states.","name":"save-toggle","page":"https://ui.watermelon.sh/animated-components/save-toggle","registryDependencies":["utils"],"title":"Save Toggle","type":"registry:component"},{"dependencies":["motion","next-themes","react-icons"],"description":"Theme-ready base variant of An animated save toggle button that smoothly transitions between multiple states..","name":"save-toggle-base","registryDependencies":["utils"],"title":"Save Toggle (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion","react-icons"],"description":"A tactile, interactive button for scheduling posts with date and time selection.","name":"schedule-button","page":"https://ui.watermelon.sh/animated-components/schedule-button","title":"Schedule Button","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion","react-icons"],"description":"Theme-ready base variant of A tactile, interactive button for scheduling posts with date and time selection..","name":"schedule-button-base","title":"Schedule Button (base)","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Date scheduling dialog with calendar selection, time picking, and confirmations.","name":"schedule-date","page":"https://ui.watermelon.sh/animated-components/schedule-date","registryDependencies":["utils"],"title":"Schedule Date","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Theme-ready base variant of Date scheduling dialog with calendar selection, time picking, and confirmations..","name":"schedule-date-base","registryDependencies":["utils"],"title":"Schedule Date (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-use-measure"],"description":"Floating scroll island providing progress, actions, and contextual indicators.","name":"scroll-island","page":"https://ui.watermelon.sh/animated-components/scroll-island","registryDependencies":["utils"],"title":"Scroll Island","type":"registry:component"},{"dependencies":["lucide-react","motion","react-use-measure"],"description":"Theme-ready base variant of Floating scroll island providing progress, actions, and contextual indicators..","name":"scroll-island-base","registryDependencies":["utils"],"title":"Scroll Island (base)","type":"registry:component"},{"dependencies":["motion"],"description":"An animated scrub slider that responds smoothly to drag and scrub interactions.","name":"scrub-slider","page":"https://ui.watermelon.sh/animated-components/scrub-slider","title":"Scrub Slider","type":"registry:component"},{"dependencies":["motion"],"description":"Theme-ready base variant of An animated scrub slider that responds smoothly to drag and scrub interactions..","name":"scrub-slider-base","title":"Scrub Slider (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion"],"description":"Choose an AI agent quickly with options and smooth feedback.","name":"select-ai-agent","page":"https://ui.watermelon.sh/animated-components/select-ai-agent","title":"Select AI Agent","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion"],"description":"Theme-ready base variant of Choose an AI agent quickly with options and smooth feedback..","name":"select-ai-agent-base","title":"Select AI Agent (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Quick send money interaction with confirmation, status, and feedback states.","name":"send-money","page":"https://ui.watermelon.sh/animated-components/send-money","title":"Send Money","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Quick send money interaction with confirmation, status, and feedback states..","name":"send-money-base","title":"Send Money (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An animated share sheet widget that smoothly expands to reveal a list of users for quick link sharing.","name":"share-sheet","page":"https://ui.watermelon.sh/animated-components/share-sheet","registryDependencies":["utils"],"title":"share sheet","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An animated share sheet widget that smoothly expands to reveal a list of users for quick link sharing..","name":"share-sheet-base","registryDependencies":["utils"],"title":"share sheet (base)","type":"registry:component"},{"description":"A button with an animated shimmer effect on hover.","name":"shimmer-button","page":"https://ui.watermelon.sh/animated-components/shimmer-button","registryDependencies":["utils"],"title":"Shimmer Button","type":"registry:component"},{"description":"Theme-ready base variant of A button with an animated shimmer effect on hover..","name":"shimmer-button-base","registryDependencies":["utils"],"title":"Shimmer Button (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","qrcode.react","react-icons","react-use-measure"],"description":"A widget to show QR code.","name":"show-qr","page":"https://ui.watermelon.sh/animated-components/show-qr","title":"Show QR","type":"registry:component"},{"dependencies":["lucide-react","motion","qrcode.react","react-icons","react-use-measure"],"description":"Theme-ready base variant of A widget to show QR code..","name":"show-qr-base","title":"Show QR (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"A dynamic list that promotes pinned items to a shuffleable hero header with spring animations and interactive pin toggles.","name":"shuffle-pinned-item","page":"https://ui.watermelon.sh/animated-components/shuffle-pinned-item","title":"Shuffle Pinned List","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of A dynamic list that promotes pinned items to a shuffleable hero header with spring animations and interactive pin toggles..","name":"shuffle-pinned-item-base","title":"Shuffle Pinned List (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A premium scheduling component for managing time slots with fluid spring animations and tactile toggles.","name":"slot-picker","page":"https://ui.watermelon.sh/animated-components/slot-picker","title":"Slot Picker","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A premium scheduling component for managing time slots with fluid spring animations and tactile toggles..","name":"slot-picker-base","title":"Slot Picker (base)","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Interactive micro-interaction component for split actions.","name":"split-actions","page":"https://ui.watermelon.sh/animated-components/split-actions","registryDependencies":["utils"],"title":"Split Actions","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Theme-ready base variant of Interactive micro-interaction component for split actions..","name":"split-actions-base","registryDependencies":["utils"],"title":"Split Actions (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"A premium split button component with spring-driven layout transitions and tactile expansion behavior for quick multi-action workflows.","name":"split-button","page":"https://ui.watermelon.sh/animated-components/split-button","title":"Split Button","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"description":"Theme-ready base variant of A premium split button component with spring-driven layout transitions and tactile expansion behavior for quick multi-action workflows..","name":"split-button-base","title":"Split Button (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An animated input field that smoothly splits into editable segments during interaction","name":"split-to-edit","page":"https://ui.watermelon.sh/animated-components/split-to-edit","registryDependencies":["utils"],"title":"Split To edit","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of An animated input field that smoothly splits into editable segments during interaction.","name":"split-to-edit-base","registryDependencies":["utils"],"title":"Split To edit (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"An animated status picker that smoothly transitions between selectable states.","name":"status-picker","page":"https://ui.watermelon.sh/animated-components/status-picker","title":"Status Picker","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of An animated status picker that smoothly transitions between selectable states..","name":"status-picker-base","title":"Status Picker (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An animated step indicator with a tooltip that highlights the current progress stage.","name":"step-indicator","page":"https://ui.watermelon.sh/animated-components/step-indicator","registryDependencies":["utils"],"title":"Step Indicator","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An animated step indicator with a tooltip that highlights the current progress stage..","name":"step-indicator-base","registryDependencies":["utils"],"title":"Step Indicator (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"An animated step pager that visually highlights the current step with smooth icon transitions.","name":"step-pager","page":"https://ui.watermelon.sh/animated-components/step-pager","title":"Step Pager","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of An animated step pager that visually highlights the current step with smooth icon transitions..","name":"step-pager-base","title":"Step Pager (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"An animated numeric stepper with plu and minus controls and spring-based roling digit transitions.","name":"stepper","page":"https://ui.watermelon.sh/animated-components/stepper","title":"stepper","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of An animated numeric stepper with plu and minus controls and spring-based roling digit transitions..","name":"stepper-base","title":"stepper (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Calendar card showing subscription cycles, renewals, and upcoming billing dates.","name":"subscription-calendar","page":"https://ui.watermelon.sh/animated-components/subscription-calendar","title":"Subscription Calendar","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Calendar card showing subscription cycles, renewals, and upcoming billing dates..","name":"subscription-calendar-base","title":"Subscription Calendar (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A responsive interface component designed for instant user sentiment, featuring snappy visual cues that provide immediate confirmation upon interaction.","name":"swap-currency-card","page":"https://ui.watermelon.sh/animated-components/swap-currency-card","title":"Swap Currency Card","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A responsive interface component designed for instant user sentiment, featuring snappy visual cues that provide immediate confirmation upon interaction..","name":"swap-currency-card-base","title":"Swap Currency Card (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"A dynamic authentication form that transitions between Sign In and Sign Up modes with elegant blur and scale effects.","name":"swap-form","page":"https://ui.watermelon.sh/animated-components/swap-form","title":"Swap Form","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of A dynamic authentication form that transitions between Sign In and Sign Up modes with elegant blur and scale effects..","name":"swap-form-base","title":"Swap Form (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"A premium interactive disclosure component that pairs a primary switch with nested behavioral sub-options.","name":"switch-disclosure","page":"https://ui.watermelon.sh/animated-components/switch-disclosure","title":"Switch Disclosure","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of A premium interactive disclosure component that pairs a primary switch with nested behavioral sub-options..","name":"switch-disclosure-base","title":"Switch Disclosure (base)","type":"registry:component"},{"dependencies":["motion","next-themes","react-icons"],"description":"A premium, animated theme toggle switch with smooth spring physics and sliding icon states.","name":"switch-mode","page":"https://ui.watermelon.sh/animated-components/switch-mode","title":"Switch Mode","type":"registry:component"},{"dependencies":["motion","next-themes","react-icons"],"description":"Theme-ready base variant of A premium, animated theme toggle switch with smooth spring physics and sliding icon states..","name":"switch-mode-base","title":"Switch Mode (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A dynamic tag management component with smooth shared-layout transitions and auto-scrolling.","name":"tags","page":"https://ui.watermelon.sh/animated-components/tags","title":"Tags","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A dynamic tag management component with smooth shared-layout transitions and auto-scrolling..","name":"tags-base","title":"Tags (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion","react-icons"],"description":"An interactive task widget with smooth disclosure animations and detailed progress tracking.","name":"task-widget-disclosure","page":"https://ui.watermelon.sh/animated-components/task-widget-disclosure","title":"Task Widget Disclosure","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion","react-icons"],"description":"Theme-ready base variant of An interactive task widget with smooth disclosure animations and detailed progress tracking..","name":"task-widget-disclosure-base","title":"Task Widget Disclosure (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-use-measure"],"description":"An animated timed undo button that provides a visual countdown before an action is finalized.","name":"time-undo-action","page":"https://ui.watermelon.sh/animated-components/time-undo-action","registryDependencies":["utils"],"title":"Timed Undo Action","type":"registry:component"},{"dependencies":["lucide-react","motion","react-use-measure"],"description":"Theme-ready base variant of An animated timed undo button that provides a visual countdown before an action is finalized..","name":"time-undo-action-base","registryDependencies":["utils"],"title":"Timed Undo Action (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Tooltip design recreated with smooth animations and interactive feedback.","name":"tooltip-navbar","page":"https://ui.watermelon.sh/animated-components/tooltip-navbar","title":"Tooltip Navbar","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Tooltip design recreated with smooth animations and interactive feedback..","name":"tooltip-navbar-base","title":"Tooltip Navbar (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Concise trade summary card showing positions, performance, and key metrics.","name":"trade-summary","page":"https://ui.watermelon.sh/animated-components/trade-summary","title":"Trade Summary","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of Concise trade summary card showing positions, performance, and key metrics..","name":"trade-summary-base","title":"Trade Summary (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-use-measure"],"description":"An animated transaction list with smooth expand and collapse transitions for detailed views.","name":"transaction-list","page":"https://ui.watermelon.sh/animated-components/transaction-list","title":"Transaction List","type":"registry:component"},{"dependencies":["lucide-react","motion","react-use-measure"],"description":"Theme-ready base variant of An animated transaction list with smooth expand and collapse transitions for detailed views..","name":"transaction-list-base","title":"Transaction List (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"A nested tree navigation menu with animated level transitions and breadcrumb navigation.","name":"tree-menu","page":"https://ui.watermelon.sh/animated-components/tree-menu","title":"Tree-menu","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of A nested tree navigation menu with animated level transitions and breadcrumb navigation..","name":"tree-menu-base","title":"Tree-menu (base)","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"A Uniswap-style region selector dialog with a searchable country list, flag icons, and smooth open and close animations.","name":"uniswap-dialog","page":"https://ui.watermelon.sh/animated-components/uniswap-dialog","title":"Uniswap Dialog","type":"registry:component"},{"dependencies":["clsx","lucide-react","motion","tailwind-merge"],"description":"Theme-ready base variant of A Uniswap-style region selector dialog with a searchable country list, flag icons, and smooth open and close animations..","name":"uniswap-dialog-base","title":"Uniswap Dialog (base)","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"A vertical tooltip menu with smooth clip-path animations that reveal tooltips on hover","name":"vertical-tooltip-navbar","page":"https://ui.watermelon.sh/animated-components/vertical-tooltip-navbar","title":"Vertical Tooltip Navbar","type":"registry:component"},{"dependencies":["lucide-react","motion"],"description":"Theme-ready base variant of A vertical tooltip menu with smooth clip-path animations that reveal tooltips on hover.","name":"vertical-tooltip-navbar-base","title":"Vertical Tooltip Navbar (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Map view component displaying locations with zoom, pins, and directions.","name":"view-on-map","page":"https://ui.watermelon.sh/animated-components/view-on-map","title":"View On Map","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Map view component displaying locations with zoom, pins, and directions..","name":"view-on-map-base","title":"View On Map (base)","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion","react-icons"],"description":"An interactive, expandable voice chat pill with avatar stacking and animated voice indicators.","name":"voice-chat-disclosure","page":"https://ui.watermelon.sh/animated-components/voice-chat-disclosure","title":"Voice Chat Disclosure","type":"registry:component"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion","react-icons"],"description":"Theme-ready base variant of An interactive, expandable voice chat pill with avatar stacking and animated voice indicators..","name":"voice-chat-disclosure-base","title":"Voice Chat Disclosure (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Voice note interaction for recording, previewing, and managing audio snippets.","name":"voice-note","page":"https://ui.watermelon.sh/animated-components/voice-note","title":"Voice Note","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of Voice note interaction for recording, previewing, and managing audio snippets..","name":"voice-note-base","title":"Voice Note (base)","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Convert speech into text instantly with smooth, responsive Voice Transcribe.","name":"voice-transcribe","page":"https://ui.watermelon.sh/animated-components/voice-transcribe","title":"Voice Transcribe","type":"registry:component"},{"dependencies":["motion","react-icons"],"description":"Theme-ready base variant of Convert speech into text instantly with smooth, responsive Voice Transcribe..","name":"voice-transcribe-base","title":"Voice Transcribe (base)","type":"registry:component"},{"dependencies":["framer-motion","next-themes","react-icons"],"description":"Interactive waveform scrubber enabling precise audio navigation and playback control.","name":"waveform-scrub","page":"https://ui.watermelon.sh/animated-components/waveform-scrub","title":"Waveform Scrub","type":"registry:component"},{"dependencies":["framer-motion","next-themes","react-icons"],"description":"Theme-ready base variant of Interactive waveform scrubber enabling precise audio navigation and playback control..","name":"waveform-scrub-base","title":"Waveform Scrub (base)","type":"registry:component"},{"dependencies":["motion","next-themes"],"description":"A tactile, sliding scale component designed for precise weight input with a premium haptic feel.","name":"weight-widget","page":"https://ui.watermelon.sh/animated-components/weight-widget","title":"Weight Widget","type":"registry:component"},{"dependencies":["motion","next-themes"],"description":"Theme-ready base variant of A tactile, sliding scale component designed for precise weight input with a premium haptic feel..","name":"weight-widget-base","title":"Weight Widget (base)","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"An animated card carousel with a playful wiggling effect during navigation.","name":"wiggling-cards","page":"https://ui.watermelon.sh/animated-components/wiggling-cards","title":"Wiggling Cards","type":"registry:component"},{"dependencies":["lucide-react","motion","react-icons"],"description":"Theme-ready base variant of An animated card carousel with a playful wiggling effect during navigation..","name":"wiggling-cards-base","title":"Wiggling Cards (base)","type":"registry:component"},{"description":"Accordion 1. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-1","registryDependencies":["accordion"],"title":"Accordion 1","type":"registry:component"},{"description":"Accordion 2. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-2","registryDependencies":["accordion"],"title":"Accordion 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Accordion 3. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-3","registryDependencies":["accordion"],"title":"Accordion 3","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Accordion 4. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-4","registryDependencies":["accordion"],"title":"Accordion 4","type":"registry:component"},{"description":"Accordion 5. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-5","registryDependencies":["accordion"],"title":"Accordion 5","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"description":"Accordion 6. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-6","registryDependencies":["accordion"],"title":"Accordion 6","type":"registry:component"},{"description":"Accordion 7. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-7","registryDependencies":["accordion","avatar"],"title":"Accordion 7","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"description":"Accordion 8. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-8","registryDependencies":["accordion"],"title":"Accordion 8","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"description":"Accordion 9. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-9","registryDependencies":["accordion"],"title":"Accordion 9","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"description":"Accordion 10. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-10","registryDependencies":["accordion"],"title":"Accordion 10","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"description":"Accordion 11. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-11","registryDependencies":["accordion"],"title":"Accordion 11","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"description":"Accordion 12. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-12","registryDependencies":["accordion"],"title":"Accordion 12","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Accordion 13. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-13","registryDependencies":["accordion"],"title":"Accordion 13","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"description":"Accordion 14. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-14","registryDependencies":["accordion"],"title":"Accordion 14","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"description":"Accordion 15. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-15","registryDependencies":["accordion","collapsible"],"title":"Accordion 15","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Accordion 16. A vertically stacked set of interactive headings that each reveal a section of content.","name":"accordion-16","registryDependencies":["accordion","collapsible"],"title":"Accordion 16","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 1. A component used to display important messages, notifications, or feedback to the user.","name":"alert-1","registryDependencies":["alert"],"title":"Alert 1","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 2. A component used to display important messages, notifications, or feedback to the user.","name":"alert-2","registryDependencies":["alert","avatar"],"title":"Alert 2","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 3. A component used to display important messages, notifications, or feedback to the user.","name":"alert-3","registryDependencies":["alert"],"title":"Alert 3","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 4. A component used to display important messages, notifications, or feedback to the user.","name":"alert-4","registryDependencies":["alert","button"],"title":"Alert 4","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 5. A component used to display important messages, notifications, or feedback to the user.","name":"alert-5","registryDependencies":["alert"],"title":"Alert 5","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 6. A component used to display important messages, notifications, or feedback to the user.","name":"alert-6","registryDependencies":["alert","avatar"],"title":"Alert 6","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 7. A component used to display important messages, notifications, or feedback to the user.","name":"alert-7","registryDependencies":["alert","button","progress"],"title":"Alert 7","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 8. A component used to display important messages, notifications, or feedback to the user.","name":"alert-8","registryDependencies":["alert","button"],"title":"Alert 8","type":"registry:component"},{"description":"Alert 9. A component used to display important messages, notifications, or feedback to the user.","name":"alert-9","registryDependencies":["alert","avatar","progress"],"title":"Alert 9","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 10. A component used to display important messages, notifications, or feedback to the user.","name":"alert-10","registryDependencies":["alert"],"title":"Alert 10","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 11. A component used to display important messages, notifications, or feedback to the user.","name":"alert-11","registryDependencies":["alert"],"title":"Alert 11","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 12. A component used to display important messages, notifications, or feedback to the user.","name":"alert-12","registryDependencies":["alert"],"title":"Alert 12","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 13. A component used to display important messages, notifications, or feedback to the user.","name":"alert-13","registryDependencies":["alert","button"],"title":"Alert 13","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 14. A component used to display important messages, notifications, or feedback to the user.","name":"alert-14","registryDependencies":["alert"],"title":"Alert 14","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 15. A component used to display important messages, notifications, or feedback to the user.","name":"alert-15","registryDependencies":["alert"],"title":"Alert 15","type":"registry:component"},{"description":"Alert 16. A component used to display important messages, notifications, or feedback to the user.","name":"alert-16","registryDependencies":["alert"],"title":"Alert 16","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 17. A component used to display important messages, notifications, or feedback to the user.","name":"alert-17","registryDependencies":["alert"],"title":"Alert 17","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 18. A component used to display important messages, notifications, or feedback to the user.","name":"alert-18","registryDependencies":["alert"],"title":"Alert 18","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 19. A component used to display important messages, notifications, or feedback to the user.","name":"alert-19","registryDependencies":["alert"],"title":"Alert 19","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 20. A component used to display important messages, notifications, or feedback to the user.","name":"alert-20","registryDependencies":["alert"],"title":"Alert 20","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 21. A component used to display important messages, notifications, or feedback to the user.","name":"alert-21","registryDependencies":["alert"],"title":"Alert 21","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 22. A component used to display important messages, notifications, or feedback to the user.","name":"alert-22","registryDependencies":["alert"],"title":"Alert 22","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 23. A component used to display important messages, notifications, or feedback to the user.","name":"alert-23","registryDependencies":["alert"],"title":"Alert 23","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 24. A component used to display important messages, notifications, or feedback to the user.","name":"alert-24","registryDependencies":["alert"],"title":"Alert 24","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 25. A component used to display important messages, notifications, or feedback to the user.","name":"alert-25","registryDependencies":["alert"],"title":"Alert 25","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 26. A component used to display important messages, notifications, or feedback to the user.","name":"alert-26","registryDependencies":["alert"],"title":"Alert 26","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 27. A component used to display important messages, notifications, or feedback to the user.","name":"alert-27","registryDependencies":["alert"],"title":"Alert 27","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 28. A component used to display important messages, notifications, or feedback to the user.","name":"alert-28","registryDependencies":["alert"],"title":"Alert 28","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 29. A component used to display important messages, notifications, or feedback to the user.","name":"alert-29","registryDependencies":["alert"],"title":"Alert 29","type":"registry:component"},{"dependencies":["react-icons"],"description":"Alert 30. A component used to display important messages, notifications, or feedback to the user.","name":"alert-30","registryDependencies":["alert"],"title":"Alert 30","type":"registry:component"},{"description":"Avatar 1. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-1","registryDependencies":["avatar"],"title":"Avatar 1","type":"registry:component"},{"description":"Avatar 2. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-2","registryDependencies":["avatar"],"title":"Avatar 2","type":"registry:component"},{"description":"Avatar 3. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-3","registryDependencies":["avatar"],"title":"Avatar 3","type":"registry:component"},{"description":"Avatar 4. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-4","registryDependencies":["avatar"],"title":"Avatar 4","type":"registry:component"},{"description":"Avatar 5. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-5","registryDependencies":["avatar","tooltip"],"title":"Avatar 5","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Avatar 6. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-6","registryDependencies":["avatar"],"title":"Avatar 6","type":"registry:component"},{"description":"Avatar 7. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-7","registryDependencies":["avatar"],"title":"Avatar 7","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Avatar 8. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-8","registryDependencies":["avatar"],"title":"Avatar 8","type":"registry:component"},{"description":"Avatar 9. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-9","registryDependencies":["avatar"],"title":"Avatar 9","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Avatar 10. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-10","registryDependencies":["avatar"],"title":"Avatar 10","type":"registry:component"},{"description":"Avatar 11. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-11","registryDependencies":["avatar","badge"],"title":"Avatar 11","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Avatar 12. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-12","registryDependencies":["avatar"],"title":"Avatar 12","type":"registry:component"},{"description":"Avatar 13. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-13","registryDependencies":["avatar","tooltip"],"title":"Avatar 13","type":"registry:component"},{"description":"Avatar 14. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-14","registryDependencies":["avatar"],"title":"Avatar 14","type":"registry:component"},{"description":"Avatar 15. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-15","registryDependencies":["avatar"],"title":"Avatar 15","type":"registry:component"},{"description":"Avatar 16. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-16","registryDependencies":["avatar"],"title":"Avatar 16","type":"registry:component"},{"description":"Avatar 17. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-17","registryDependencies":["avatar"],"title":"Avatar 17","type":"registry:component"},{"description":"Avatar 18. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-18","registryDependencies":["avatar","tooltip"],"title":"Avatar 18","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Avatar 19. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-19","registryDependencies":["avatar","dropdown-menu","tooltip"],"title":"Avatar 19","type":"registry:component"},{"description":"Avatar 20. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-20","registryDependencies":["avatar","tooltip"],"title":"Avatar 20","type":"registry:component"},{"description":"Avatar 21. Displays images, icons, or text in a circular or rounded shape.","name":"avatar-21","registryDependencies":["avatar"],"title":"Avatar 21","type":"registry:component"},{"description":"Badge 1. A small visual indicator used to highlight status, counts, or labels.","name":"badge-1","registryDependencies":["badge"],"title":"Badge 1","type":"registry:component"},{"description":"Badge 2. A small visual indicator used to highlight status, counts, or labels.","name":"badge-2","registryDependencies":["badge"],"title":"Badge 2","type":"registry:component"},{"description":"Badge 3. A small visual indicator used to highlight status, counts, or labels.","name":"badge-3","registryDependencies":["badge"],"title":"Badge 3","type":"registry:component"},{"description":"Badge 4. A small visual indicator used to highlight status, counts, or labels.","name":"badge-4","registryDependencies":["badge"],"title":"Badge 4","type":"registry:component"},{"description":"Badge 5. A small visual indicator used to highlight status, counts, or labels.","name":"badge-5","registryDependencies":["badge"],"title":"Badge 5","type":"registry:component"},{"description":"Badge 6. A small visual indicator used to highlight status, counts, or labels.","name":"badge-6","registryDependencies":["badge"],"title":"Badge 6","type":"registry:component"},{"description":"Badge 7. A small visual indicator used to highlight status, counts, or labels.","name":"badge-7","registryDependencies":["badge"],"title":"Badge 7","type":"registry:component"},{"description":"Badge 8. A small visual indicator used to highlight status, counts, or labels.","name":"badge-8","registryDependencies":["badge"],"title":"Badge 8","type":"registry:component"},{"description":"Badge 9. A small visual indicator used to highlight status, counts, or labels.","name":"badge-9","registryDependencies":["badge"],"title":"Badge 9","type":"registry:component"},{"dependencies":["react-icons"],"description":"Badge 10. A small visual indicator used to highlight status, counts, or labels.","name":"badge-10","registryDependencies":["badge"],"title":"Badge 10","type":"registry:component"},{"dependencies":["react-icons"],"description":"Badge 11. A small visual indicator used to highlight status, counts, or labels.","name":"badge-11","registryDependencies":["badge"],"title":"Badge 11","type":"registry:component"},{"description":"Badge 12. A small visual indicator used to highlight status, counts, or labels.","name":"badge-12","registryDependencies":["badge"],"title":"Badge 12","type":"registry:component"},{"description":"Badge 13. A small visual indicator used to highlight status, counts, or labels.","name":"badge-13","registryDependencies":["badge"],"title":"Badge 13","type":"registry:component"},{"dependencies":["react-icons"],"description":"Badge 14. A small visual indicator used to highlight status, counts, or labels.","name":"badge-14","registryDependencies":["badge"],"title":"Badge 14","type":"registry:component"},{"description":"Badge 15. A small visual indicator used to highlight status, counts, or labels.","name":"badge-15","registryDependencies":["badge"],"title":"Badge 15","type":"registry:component"},{"description":"Badge 16. A small visual indicator used to highlight status, counts, or labels.","name":"badge-16","registryDependencies":["badge"],"title":"Badge 16","type":"registry:component"},{"dependencies":["react-icons"],"description":"Badge 17. A small visual indicator used to highlight status, counts, or labels.","name":"badge-17","registryDependencies":["badge"],"title":"Badge 17","type":"registry:component"},{"dependencies":["react-icons"],"description":"Badge 18. A small visual indicator used to highlight status, counts, or labels.","name":"badge-18","registryDependencies":["badge"],"title":"Badge 18","type":"registry:component"},{"dependencies":["react-icons"],"description":"Badge 19. A small visual indicator used to highlight status, counts, or labels.","name":"badge-19","registryDependencies":["badge"],"title":"Badge 19","type":"registry:component"},{"description":"Badge 20. A small visual indicator used to highlight status, counts, or labels.","name":"badge-20","registryDependencies":["badge"],"title":"Badge 20","type":"registry:component"},{"description":"Badge 21. A small visual indicator used to highlight status, counts, or labels.","name":"badge-21","registryDependencies":["badge"],"title":"Badge 21","type":"registry:component"},{"dependencies":["react-icons"],"description":"Badge 22. A small visual indicator used to highlight status, counts, or labels.","name":"badge-22","registryDependencies":["badge"],"title":"Badge 22","type":"registry:component"},{"dependencies":["react-icons"],"description":"Badge 23. A small visual indicator used to highlight status, counts, or labels.","name":"badge-23","registryDependencies":["avatar","badge"],"title":"Badge 23","type":"registry:component"},{"description":"Badge 24. A small visual indicator used to highlight status, counts, or labels.","name":"badge-24","registryDependencies":["avatar"],"title":"Badge 24","type":"registry:component"},{"description":"Breadcrumb 1. Displays the hierarchical structure of a website or application.","name":"breadcrumb-1","registryDependencies":["breadcrumb"],"title":"Breadcrumb 1","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Breadcrumb 2. Displays the hierarchical structure of a website or application.","name":"breadcrumb-2","registryDependencies":["breadcrumb"],"title":"Breadcrumb 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Breadcrumb 3. Displays the hierarchical structure of a website or application.","name":"breadcrumb-3","registryDependencies":["breadcrumb"],"title":"Breadcrumb 3","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Breadcrumb 4. Displays the hierarchical structure of a website or application.","name":"breadcrumb-4","registryDependencies":["breadcrumb"],"title":"Breadcrumb 4","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Breadcrumb 5. Displays the hierarchical structure of a website or application.","name":"breadcrumb-5","registryDependencies":["badge","breadcrumb"],"title":"Breadcrumb 5","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Breadcrumb 6. Displays the hierarchical structure of a website or application.","name":"breadcrumb-6","registryDependencies":["badge","breadcrumb","dropdown-menu"],"title":"Breadcrumb 6","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Breadcrumb 7. Displays the hierarchical structure of a website or application.","name":"breadcrumb-7","registryDependencies":["breadcrumb","dropdown-menu"],"title":"Breadcrumb 7","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Breadcrumb 8. Displays the hierarchical structure of a website or application.","name":"breadcrumb-8","registryDependencies":["breadcrumb"],"title":"Breadcrumb 8","type":"registry:component"},{"description":"Button 1. An interactive element used to trigger actions, submissions, or navigation.","name":"button-1","registryDependencies":["button"],"title":"Button 1","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 2. An interactive element used to trigger actions, submissions, or navigation.","name":"button-2","registryDependencies":["button"],"title":"Button 2","type":"registry:component"},{"description":"Button 3. An interactive element used to trigger actions, submissions, or navigation.","name":"button-3","registryDependencies":["button"],"title":"Button 3","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 4. An interactive element used to trigger actions, submissions, or navigation.","name":"button-4","registryDependencies":["button"],"title":"Button 4","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 5. An interactive element used to trigger actions, submissions, or navigation.","name":"button-5","registryDependencies":["button"],"title":"Button 5","type":"registry:component"},{"description":"Button 6. An interactive element used to trigger actions, submissions, or navigation.","name":"button-6","registryDependencies":["button"],"title":"Button 6","type":"registry:component"},{"description":"Button 7. An interactive element used to trigger actions, submissions, or navigation.","name":"button-7","registryDependencies":["button"],"title":"Button 7","type":"registry:component"},{"description":"Button 8. An interactive element used to trigger actions, submissions, or navigation.","name":"button-8","registryDependencies":["button"],"title":"Button 8","type":"registry:component"},{"description":"Button 9. An interactive element used to trigger actions, submissions, or navigation.","name":"button-9","registryDependencies":["button"],"title":"Button 9","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 10. An interactive element used to trigger actions, submissions, or navigation.","name":"button-10","registryDependencies":["button"],"title":"Button 10","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 11. An interactive element used to trigger actions, submissions, or navigation.","name":"button-11","registryDependencies":["button"],"title":"Button 11","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 12. An interactive element used to trigger actions, submissions, or navigation.","name":"button-12","registryDependencies":["button"],"title":"Button 12","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 13. An interactive element used to trigger actions, submissions, or navigation.","name":"button-13","registryDependencies":["button"],"title":"Button 13","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 14. An interactive element used to trigger actions, submissions, or navigation.","name":"button-14","registryDependencies":["button"],"title":"Button 14","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 15. An interactive element used to trigger actions, submissions, or navigation.","name":"button-15","registryDependencies":["button"],"title":"Button 15","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 16. An interactive element used to trigger actions, submissions, or navigation.","name":"button-16","registryDependencies":["button"],"title":"Button 16","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 17. An interactive element used to trigger actions, submissions, or navigation.","name":"button-17","registryDependencies":["button"],"title":"Button 17","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 18. An interactive element used to trigger actions, submissions, or navigation.","name":"button-18","registryDependencies":["button"],"title":"Button 18","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 19. An interactive element used to trigger actions, submissions, or navigation.","name":"button-19","registryDependencies":["button"],"title":"Button 19","type":"registry:component"},{"description":"Button 20. An interactive element used to trigger actions, submissions, or navigation.","name":"button-20","registryDependencies":["button"],"title":"Button 20","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 21. An interactive element used to trigger actions, submissions, or navigation.","name":"button-21","registryDependencies":["button"],"title":"Button 21","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 22. An interactive element used to trigger actions, submissions, or navigation.","name":"button-22","registryDependencies":["button"],"title":"Button 22","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 23. An interactive element used to trigger actions, submissions, or navigation.","name":"button-23","registryDependencies":["badge","button"],"title":"Button 23","type":"registry:component"},{"description":"Button 24. An interactive element used to trigger actions, submissions, or navigation.","name":"button-24","registryDependencies":["avatar","button"],"title":"Button 24","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 25. An interactive element used to trigger actions, submissions, or navigation.","name":"button-25","registryDependencies":["button"],"title":"Button 25","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 26. An interactive element used to trigger actions, submissions, or navigation.","name":"button-26","registryDependencies":["button"],"title":"Button 26","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 27. An interactive element used to trigger actions, submissions, or navigation.","name":"button-27","registryDependencies":["button"],"title":"Button 27","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 28. An interactive element used to trigger actions, submissions, or navigation.","name":"button-28","registryDependencies":["button","tooltip"],"title":"Button 28","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 29. An interactive element used to trigger actions, submissions, or navigation.","name":"button-29","registryDependencies":["button"],"title":"Button 29","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 30. An interactive element used to trigger actions, submissions, or navigation.","name":"button-30","registryDependencies":["button"],"title":"Button 30","type":"registry:component"},{"description":"Button 31. An interactive element used to trigger actions, submissions, or navigation.","name":"button-31","registryDependencies":["button"],"title":"Button 31","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 32. An interactive element used to trigger actions, submissions, or navigation.","name":"button-32","registryDependencies":["button"],"title":"Button 32","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 33. An interactive element used to trigger actions, submissions, or navigation.","name":"button-33","registryDependencies":["badge","button"],"title":"Button 33","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 34. An interactive element used to trigger actions, submissions, or navigation.","name":"button-34","registryDependencies":["button"],"title":"Button 34","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 35. An interactive element used to trigger actions, submissions, or navigation.","name":"button-35","registryDependencies":["button"],"title":"Button 35","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 36. An interactive element used to trigger actions, submissions, or navigation.","name":"button-36","registryDependencies":["badge","button"],"title":"Button 36","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 37. An interactive element used to trigger actions, submissions, or navigation.","name":"button-37","registryDependencies":["button"],"title":"Button 37","type":"registry:component"},{"dependencies":["react-icons"],"description":"Button 38. An interactive element used to trigger actions, submissions, or navigation.","name":"button-38","registryDependencies":["button"],"title":"Button 38","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 1. A group of buttons that are displayed together.","name":"button-group-1","registryDependencies":["button"],"title":"ButtonGroup 1","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 2. A group of buttons that are displayed together.","name":"button-group-2","registryDependencies":["button"],"title":"ButtonGroup 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 3. A group of buttons that are displayed together.","name":"button-group-3","registryDependencies":["button","tooltip"],"title":"ButtonGroup 3","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 4. A group of buttons that are displayed together.","name":"button-group-4","registryDependencies":["button","tooltip"],"title":"ButtonGroup 4","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 5. A group of buttons that are displayed together.","name":"button-group-5","registryDependencies":["button"],"title":"ButtonGroup 5","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 6. A group of buttons that are displayed together.","name":"button-group-6","registryDependencies":["button"],"title":"ButtonGroup 6","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 7. A group of buttons that are displayed together.","name":"button-group-7","registryDependencies":["button"],"title":"ButtonGroup 7","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 8. A group of buttons that are displayed together.","name":"button-group-8","registryDependencies":["button"],"title":"ButtonGroup 8","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 9. A group of buttons that are displayed together.","name":"button-group-9","registryDependencies":["button"],"title":"ButtonGroup 9","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 10. A group of buttons that are displayed together.","name":"button-group-10","registryDependencies":["button"],"title":"ButtonGroup 10","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 11. A group of buttons that are displayed together.","name":"button-group-11","registryDependencies":["button","dropdown-menu"],"title":"ButtonGroup 11","type":"registry:component"},{"dependencies":["lucide-react"],"description":"ButtonGroup 12. A group of buttons that are displayed together.","name":"button-group-12","registryDependencies":["button"],"title":"ButtonGroup 12","type":"registry:component"},{"description":"Calendar 1. A calendar component for displaying and selecting dates.","name":"calendar-1","registryDependencies":["calendar"],"title":"Calendar 1","type":"registry:component"},{"description":"Calendar 2. A calendar component for displaying and selecting dates.","name":"calendar-2","registryDependencies":["calendar"],"title":"Calendar 2","type":"registry:component"},{"dependencies":["react-day-picker"],"description":"Calendar 3. A calendar component for displaying and selecting dates.","name":"calendar-3","registryDependencies":["calendar"],"title":"Calendar 3","type":"registry:component"},{"dependencies":["react-day-picker"],"description":"Calendar 4. A calendar component for displaying and selecting dates.","name":"calendar-4","registryDependencies":["calendar"],"title":"Calendar 4","type":"registry:component"},{"dependencies":["react-day-picker"],"description":"Calendar 5. A calendar component for displaying and selecting dates.","name":"calendar-5","registryDependencies":["calendar"],"title":"Calendar 5","type":"registry:component"},{"description":"Calendar 6. A calendar component for displaying and selecting dates.","name":"calendar-6","registryDependencies":["calendar"],"title":"Calendar 6","type":"registry:component"},{"dependencies":["react-day-picker"],"description":"Calendar 7. A calendar component for displaying and selecting dates.","name":"calendar-7","registryDependencies":["calendar"],"title":"Calendar 7","type":"registry:component"},{"dependencies":["react-day-picker"],"description":"Calendar 8. A calendar component for displaying and selecting dates.","name":"calendar-8","registryDependencies":["calendar","card","select"],"title":"Calendar 8","type":"registry:component"},{"description":"Calendar 9. A calendar component for displaying and selecting dates.","name":"calendar-9","registryDependencies":["calendar"],"title":"Calendar 9","type":"registry:component"},{"description":"Calendar 10. A calendar component for displaying and selecting dates.","name":"calendar-10","registryDependencies":["calendar"],"title":"Calendar 10","type":"registry:component"},{"dependencies":["little-date","lucide-react"],"description":"Calendar 11. A calendar component for displaying and selecting dates.","name":"calendar-11","registryDependencies":["button","calendar","card"],"title":"Calendar 11","type":"registry:component"},{"description":"Calendar 12. A calendar component for displaying and selecting dates.","name":"calendar-12","registryDependencies":["calendar"],"title":"Calendar 12","type":"registry:component"},{"description":"Calendar 13. A calendar component for displaying and selecting dates.","name":"calendar-13","registryDependencies":["calendar"],"title":"Calendar 13","type":"registry:component"},{"dependencies":["react-day-picker"],"description":"Calendar 14. A calendar component for displaying and selecting dates.","name":"calendar-14","registryDependencies":["calendar"],"title":"Calendar 14","type":"registry:component"},{"description":"Calendar 15. A calendar component for displaying and selecting dates.","name":"calendar-15","registryDependencies":["calendar"],"title":"Calendar 15","type":"registry:component"},{"description":"Calendar 16. A calendar component for displaying and selecting dates.","name":"calendar-16","registryDependencies":["calendar"],"title":"Calendar 16","type":"registry:component"},{"description":"Calendar 17. A calendar component for displaying and selecting dates.","name":"calendar-17","registryDependencies":["calendar"],"title":"Calendar 17","type":"registry:component"},{"description":"Calendar 18. A calendar component for displaying and selecting dates.","name":"calendar-18","registryDependencies":["button","calendar","card"],"title":"Calendar 18","type":"registry:component"},{"dependencies":["date-fns","lucide-react"],"description":"Calendar 19. A calendar component for displaying and selecting dates.","name":"calendar-19","registryDependencies":["calendar","card","input","label"],"title":"Calendar 19","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Calendar 20. A calendar component for displaying and selecting dates.","name":"calendar-20","registryDependencies":["calendar","card","input","label"],"title":"Calendar 20","type":"registry:component"},{"dependencies":["date-fns","lucide-react","react-day-picker"],"description":"Calendar 21. A calendar component for displaying and selecting dates.","name":"calendar-21","registryDependencies":["button","calendar","collapsible","scroll-area"],"title":"Calendar 21","type":"registry:component"},{"dependencies":["date-fns"],"description":"Calendar 22. A calendar component for displaying and selecting dates.","name":"calendar-22","registryDependencies":["button","calendar","card"],"title":"Calendar 22","type":"registry:component"},{"dependencies":["date-fns","react-day-picker"],"description":"Calendar 23. A calendar component for displaying and selecting dates.","name":"calendar-23","registryDependencies":["button","calendar","card"],"title":"Calendar 23","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Calendar 24. A calendar component for displaying and selecting dates.","name":"calendar-24","registryDependencies":["button","calendar","card","scroll-area"],"title":"Calendar 24","type":"registry:component"},{"description":"Calendar 25. A calendar component for displaying and selecting dates.","name":"calendar-25","registryDependencies":["calendar"],"title":"Calendar 25","type":"registry:component"},{"description":"Card 1. A card is a container that displays content in a structured and visually appealing way.","name":"card-1","registryDependencies":["button","card","input","label"],"title":"Card 1","type":"registry:component"},{"description":"Card 2. A card is a container that displays content in a structured and visually appealing way.","name":"card-2","registryDependencies":["avatar","card","tooltip"],"title":"Card 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Card 3. A card is a container that displays content in a structured and visually appealing way.","name":"card-3","registryDependencies":["avatar","card"],"title":"Card 3","type":"registry:component"},{"description":"Card 4. A card is a container that displays content in a structured and visually appealing way.","name":"card-4","registryDependencies":["card"],"title":"Card 4","type":"registry:component"},{"description":"Card 5. A card is a container that displays content in a structured and visually appealing way.","name":"card-5","registryDependencies":["button","card"],"title":"Card 5","type":"registry:component"},{"description":"Card 6. A card is a container that displays content in a structured and visually appealing way.","name":"card-6","registryDependencies":["button","card"],"title":"Card 6","type":"registry:component"},{"description":"Card 7. A card is a container that displays content in a structured and visually appealing way.","name":"card-7","registryDependencies":["card"],"title":"Card 7","type":"registry:component"},{"description":"Card 8. A card is a container that displays content in a structured and visually appealing way.","name":"card-8","registryDependencies":["card"],"title":"Card 8","type":"registry:component"},{"description":"Card 9. A card is a container that displays content in a structured and visually appealing way.","name":"card-9","registryDependencies":["card"],"title":"Card 9","type":"registry:component"},{"description":"Card 10. A card is a container that displays content in a structured and visually appealing way.","name":"card-10","registryDependencies":["card","tabs"],"title":"Card 10","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Card 11. A card is a container that displays content in a structured and visually appealing way.","name":"card-11","registryDependencies":["avatar","button","card"],"title":"Card 11","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Card 12. A card is a container that displays content in a structured and visually appealing way.","name":"card-12","registryDependencies":["badge","button","card"],"title":"Card 12","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Card 13. A card is a container that displays content in a structured and visually appealing way.","name":"card-13","registryDependencies":["avatar","card"],"title":"Card 13","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Card 14. A card is a container that displays content in a structured and visually appealing way.","name":"card-14","registryDependencies":["button","card"],"title":"Card 14","type":"registry:component"},{"description":"Card 15. A card is a container that displays content in a structured and visually appealing way.","name":"card-15","registryDependencies":["button","card"],"title":"Card 15","type":"registry:component"},{"description":"Checkbox 1. A checkbox component for selecting options.","name":"checkbox-1","registryDependencies":["checkbox","label"],"title":"Checkbox 1","type":"registry:component"},{"dependencies":["@base-ui/react","lucide-react"],"description":"Checkbox 2. A checkbox component for selecting options.","name":"checkbox-2","registryDependencies":["label"],"title":"Checkbox 2","type":"registry:component"},{"description":"Checkbox 3. A checkbox component for selecting options.","name":"checkbox-3","registryDependencies":["checkbox","label"],"title":"Checkbox 3","type":"registry:component"},{"description":"Checkbox 4. A checkbox component for selecting options.","name":"checkbox-4","registryDependencies":["checkbox","label"],"title":"Checkbox 4","type":"registry:component"},{"description":"Checkbox 5. A checkbox component for selecting options.","name":"checkbox-5","registryDependencies":["checkbox"],"title":"Checkbox 5","type":"registry:component"},{"description":"Checkbox 6. A checkbox component for selecting options.","name":"checkbox-6","registryDependencies":["badge","checkbox"],"title":"Checkbox 6","type":"registry:component"},{"description":"Checkbox 7. A checkbox component for selecting options.","name":"checkbox-7","registryDependencies":["checkbox","label"],"title":"Checkbox 7","type":"registry:component"},{"description":"Checkbox 8. A checkbox component for selecting options.","name":"checkbox-8","registryDependencies":["checkbox","label"],"title":"Checkbox 8","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Checkbox 9. A checkbox component for selecting options.","name":"checkbox-9","registryDependencies":["checkbox","label"],"title":"Checkbox 9","type":"registry:component"},{"description":"Checkbox 10. A checkbox component for selecting options.","name":"checkbox-10","registryDependencies":["checkbox"],"title":"Checkbox 10","type":"registry:component"},{"dependencies":["@base-ui/react","lucide-react"],"description":"Checkbox 11. A checkbox component for selecting options.","name":"checkbox-11","title":"Checkbox 11","type":"registry:component"},{"dependencies":["@base-ui/react","lucide-react"],"description":"Checkbox 12. A checkbox component for selecting options.","name":"checkbox-12","title":"Checkbox 12","type":"registry:component"},{"description":"Checkbox 13. A checkbox component for selecting options.","name":"checkbox-13","registryDependencies":["checkbox","label"],"title":"Checkbox 13","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Checkbox 14. A checkbox component for selecting options.","name":"checkbox-14","registryDependencies":["checkbox","label"],"title":"Checkbox 14","type":"registry:component"},{"dependencies":["@base-ui/react","lucide-react"],"description":"Checkbox 15. A checkbox component for selecting options.","name":"checkbox-15","registryDependencies":["label"],"title":"Checkbox 15","type":"registry:component"},{"description":"Checkbox 16. A checkbox component for selecting options.","name":"checkbox-16","registryDependencies":["button","checkbox","label"],"title":"Checkbox 16","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Collapsible 1. A collapsible is a component that allows users to show or hide content.","name":"collapsible-1","registryDependencies":["button","collapsible"],"title":"Collapsible 1","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Collapsible 2. A collapsible is a component that allows users to show or hide content.","name":"collapsible-2","registryDependencies":["collapsible"],"title":"Collapsible 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Collapsible 3. A collapsible is a component that allows users to show or hide content.","name":"collapsible-3","registryDependencies":["avatar","button","collapsible"],"title":"Collapsible 3","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Collapsible 4. A collapsible is a component that allows users to show or hide content.","name":"collapsible-4","registryDependencies":["avatar","button","collapsible"],"title":"Collapsible 4","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Collapsible 5. A collapsible is a component that allows users to show or hide content.","name":"collapsible-5","registryDependencies":["button","checkbox","collapsible","input","label","separator"],"title":"Collapsible 5","type":"registry:component"},{"description":"Collapsible 6. A collapsible is a component that allows users to show or hide content.","name":"collapsible-6","registryDependencies":["collapsible"],"title":"Collapsible 6","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Collapsible 7. A collapsible is a component that allows users to show or hide content.","name":"collapsible-7","registryDependencies":["button","card","collapsible"],"title":"Collapsible 7","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Collapsible 8. A collapsible is a component that allows users to show or hide content.","name":"collapsible-8","registryDependencies":["button","collapsible","dropdown-menu"],"title":"Collapsible 8","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Collapsible 9. A collapsible is a component that allows users to show or hide content.","name":"collapsible-9","registryDependencies":["button","collapsible","input","label","radio-group","separator","textarea"],"title":"Collapsible 9","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 1. A combobox component for selecting from a list of options.","name":"combobox-1","registryDependencies":["command","popover"],"title":"Combobox 1","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 2. A combobox component for selecting from a list of options.","name":"combobox-2","registryDependencies":["command","label","popover"],"title":"Combobox 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 3. A combobox component for selecting from a list of options.","name":"combobox-3","registryDependencies":["command","label","popover"],"title":"Combobox 3","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 4. A combobox component for selecting from a list of options.","name":"combobox-4","registryDependencies":["command","label","popover"],"title":"Combobox 4","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 5. A combobox component for selecting from a list of options.","name":"combobox-5","registryDependencies":["command","label","popover"],"title":"Combobox 5","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 6. A combobox component for selecting from a list of options.","name":"combobox-6","registryDependencies":["command","label","popover"],"title":"Combobox 6","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 7. A combobox component for selecting from a list of options.","name":"combobox-7","registryDependencies":["command","label","popover"],"title":"Combobox 7","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 8. A combobox component for selecting from a list of options.","name":"combobox-8","registryDependencies":["avatar","command","label","popover"],"title":"Combobox 8","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 9. A combobox component for selecting from a list of options.","name":"combobox-9","registryDependencies":["command","label","popover"],"title":"Combobox 9","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 10. A combobox component for selecting from a list of options.","name":"combobox-10","registryDependencies":["badge","command","label","popover"],"title":"Combobox 10","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 11. A combobox component for selecting from a list of options.","name":"combobox-11","registryDependencies":["badge","command","label","popover"],"title":"Combobox 11","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Combobox 12. A combobox component for selecting from a list of options.","name":"combobox-12","registryDependencies":["badge","command","label","popover"],"title":"Combobox 12","type":"registry:component"},{"description":"DataTable 1. A component for displaying and managing tabular data.","name":"data-table-1","registryDependencies":["checkbox","table"],"title":"DataTable 1","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DataTable 2. A component for displaying and managing tabular data.","name":"data-table-2","registryDependencies":["checkbox","select","table"],"title":"DataTable 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DataTable 3. A component for displaying and managing tabular data.","name":"data-table-3","registryDependencies":["checkbox","dropdown-menu","input","table"],"title":"DataTable 3","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DataTable 4. A component for displaying and managing tabular data.","name":"data-table-4","registryDependencies":["avatar","badge","checkbox","input","label","select","table"],"title":"DataTable 4","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DataTable 5. A component for displaying and managing tabular data.","name":"data-table-5","registryDependencies":["checkbox","dropdown-menu","input","table"],"title":"DataTable 5","type":"registry:component"},{"description":"DataTable 6. A component for displaying and managing tabular data.","name":"data-table-6","registryDependencies":["table"],"title":"DataTable 6","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DataTable 7. A component for displaying and managing tabular data.","name":"data-table-7","registryDependencies":["dropdown-menu","table"],"title":"DataTable 7","type":"registry:component"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities","lucide-react"],"description":"DataTable 8. A component for displaying and managing tabular data.","name":"data-table-8","registryDependencies":["button","table"],"title":"DataTable 8","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DataTable 9. A component for displaying and managing tabular data.","name":"data-table-9","registryDependencies":["button","checkbox","table"],"title":"DataTable 9","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DataTable 10. A component for displaying and managing tabular data.","name":"data-table-10","registryDependencies":["badge","button","checkbox","label","pagination","select","table"],"title":"DataTable 10","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DataTable 11. A component for displaying and managing tabular data.","name":"data-table-11","registryDependencies":["badge","button","checkbox","pagination","select","table"],"title":"DataTable 11","type":"registry:component"},{"dependencies":["lucide-react","papaparse","write-excel-file"],"description":"DataTable 12. A component for displaying and managing tabular data.","name":"data-table-12","registryDependencies":["badge","checkbox","dropdown-menu","input","table"],"title":"DataTable 12","type":"registry:component"},{"description":"DataTable 13. A component for displaying and managing tabular data.","name":"data-table-13","registryDependencies":["button","checkbox","input","select","table"],"title":"DataTable 13","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DatePicker 1. A date picker component for selecting dates.","name":"date-picker-1","registryDependencies":["calendar","label","popover"],"title":"DatePicker 1","type":"registry:component"},{"dependencies":["lucide-react","react-day-picker"],"description":"DatePicker 2. A date picker component for selecting dates.","name":"date-picker-2","registryDependencies":["calendar","label","popover"],"title":"DatePicker 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DatePicker 3. A date picker component for selecting dates.","name":"date-picker-3","registryDependencies":["calendar","label","popover"],"title":"DatePicker 3","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DatePicker 4. A date picker component for selecting dates.","name":"date-picker-4","registryDependencies":["calendar","input","label","popover"],"title":"DatePicker 4","type":"registry:component"},{"dependencies":["chrono-node","lucide-react"],"description":"DatePicker 5. A date picker component for selecting dates.","name":"date-picker-5","registryDependencies":["calendar","input","label","popover"],"title":"DatePicker 5","type":"registry:component"},{"dependencies":["little-date","lucide-react","react-day-picker"],"description":"DatePicker 6. A date picker component for selecting dates.","name":"date-picker-6","registryDependencies":["calendar","label","popover"],"title":"DatePicker 6","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DatePicker 7. A date picker component for selecting dates.","name":"date-picker-7","registryDependencies":["calendar","label","popover"],"title":"DatePicker 7","type":"registry:component"},{"description":"DatePicker 8. A date picker component for selecting dates.","name":"date-picker-8","registryDependencies":["input","label"],"title":"DatePicker 8","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DatePicker 9. A date picker component for selecting dates.","name":"date-picker-9","registryDependencies":["input","label"],"title":"DatePicker 9","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DatePicker 10. A date picker component for selecting dates.","name":"date-picker-10","registryDependencies":["button","calendar","input","label","popover"],"title":"DatePicker 10","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DatePicker 11. A date picker component for selecting dates.","name":"date-picker-11","registryDependencies":["button","calendar","input","label","popover"],"title":"DatePicker 11","type":"registry:component"},{"dependencies":["lucide-react"],"description":"DatePicker 12. A date picker component for selecting dates.","name":"date-picker-12","registryDependencies":["button","calendar","input","label","popover"],"title":"DatePicker 12","type":"registry:component"},{"dependencies":["lucide-react","react-day-picker","recharts"],"description":"DatePicker 13. A date picker component for selecting dates.","name":"date-picker-13","registryDependencies":["button","calendar","card","chart","popover"],"title":"DatePicker 13","type":"registry:component"},{"description":"Dialog 1. A dialog component for displaying important information or prompts.","name":"dialog-1","registryDependencies":["alert-dialog","button"],"title":"Dialog 1","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Dialog 2. A dialog component for displaying important information or prompts.","name":"dialog-2","registryDependencies":["alert-dialog","button"],"title":"Dialog 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Dialog 3. A dialog component for displaying important information or prompts.","name":"dialog-3","registryDependencies":["alert-dialog","button","checkbox","label"],"title":"Dialog 3","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Dialog 4. A dialog component for displaying important information or prompts.","name":"dialog-4","registryDependencies":["button","dialog","scroll-area"],"title":"Dialog 4","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Dialog 5. A dialog component for displaying important information or prompts.","name":"dialog-5","registryDependencies":["button","dialog","scroll-area"],"title":"Dialog 5","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Dialog 6. A dialog component for displaying important information or prompts.","name":"dialog-6","registryDependencies":["button","dialog","scroll-area"],"title":"Dialog 6","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Dialog 7. A dialog component for displaying important information or prompts.","name":"dialog-7","registryDependencies":["button","dialog","scroll-area"],"title":"Dialog 7","type":"registry:component"},{"description":"Dialog 8. A dialog component for displaying important information or prompts.","name":"dialog-8","registryDependencies":["button","dialog"],"title":"Dialog 8","type":"registry:component"},{"description":"Dialog 9. A dialog component for displaying important information or prompts.","name":"dialog-9","registryDependencies":["button","dialog","input","label"],"title":"Dialog 9","type":"registry:component"},{"description":"Dialog 10. A dialog component for displaying important information or prompts.","name":"dialog-10","registryDependencies":["avatar","button","checkbox","dialog","input","label"],"title":"Dialog 10","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Dialog 11. A dialog component for displaying important information or prompts.","name":"dialog-11","registryDependencies":["button","checkbox","dialog","label","radio-group","textarea"],"title":"Dialog 11","type":"registry:component"},{"dependencies":["input-otp","lucide-react"],"description":"Dialog 12. A dialog component for displaying important information or prompts.","name":"dialog-12","registryDependencies":["button","dialog"],"title":"Dialog 12","type":"registry:component"},{"description":"Dialog 13. A dialog component for displaying important information or prompts.","name":"dialog-13","registryDependencies":["button","checkbox","dialog","input","label"],"title":"Dialog 13","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Dialog 14. A dialog component for displaying important information or prompts.","name":"dialog-14","registryDependencies":["button","dialog","input","label"],"title":"Dialog 14","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Dialog 15. A dialog component for displaying important information or prompts.","name":"dialog-15","registryDependencies":["avatar","button","dialog","input","label"],"title":"Dialog 15","type":"registry:component"},{"description":"Dialog 16. A dialog component for displaying important information or prompts.","name":"dialog-16","registryDependencies":["button","dialog","input","label"],"title":"Dialog 16","type":"registry:component"},{"description":"Dialog 17. A dialog component for displaying important information or prompts.","name":"dialog-17","registryDependencies":["button","dialog","input","label"],"title":"Dialog 17","type":"registry:component"},{"description":"Dialog 18. A dialog component for displaying important information or prompts.","name":"dialog-18","registryDependencies":["button","dialog","input","label"],"title":"Dialog 18","type":"registry:component"},{"description":"Dialog 19. A dialog component for displaying important information or prompts.","name":"dialog-19","registryDependencies":["button","dialog","input","label"],"title":"Dialog 19","type":"registry:component"},{"description":"Dialog 20. A dialog component for displaying important information or prompts.","name":"dialog-20","registryDependencies":["button","dialog","input","label"],"title":"Dialog 20","type":"registry:component"},{"description":"Dialog 21. A dialog component for displaying important information or prompts.","name":"dialog-21","registryDependencies":["button","dialog","input","label"],"title":"Dialog 21","type":"registry:component"},{"description":"Dialog 22. A dialog component for displaying important information or prompts.","name":"dialog-22","registryDependencies":["button","dialog","input","label"],"title":"Dialog 22","type":"registry:component"},{"description":"Dialog 23. A dialog component for displaying important information or prompts.","name":"dialog-23","registryDependencies":["button","dialog","input","label"],"title":"Dialog 23","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 1. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-1","registryDependencies":["button","dropdown-menu"],"title":"Dropdown Menu 1","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 2. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-2","registryDependencies":["button","dropdown-menu"],"title":"Dropdown Menu 2","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 3. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-3","registryDependencies":["button","dropdown-menu"],"title":"Dropdown Menu 3","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 4. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-4","registryDependencies":["button","dropdown-menu"],"title":"Dropdown Menu 4","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 5. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-5","registryDependencies":["button","dropdown-menu"],"title":"Dropdown Menu 5","type":"registry:component"},{"description":"Dropdown Menu 6. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-6","registryDependencies":["avatar","badge","button","dropdown-menu"],"title":"Dropdown Menu 6","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 7. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-7","registryDependencies":["avatar","button","dropdown-menu"],"title":"Dropdown Menu 7","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 8. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-8","registryDependencies":["button","dropdown-menu"],"title":"Dropdown Menu 8","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 9. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-9","registryDependencies":["button","dropdown-menu"],"title":"Dropdown Menu 9","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 10. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-10","registryDependencies":["button","dropdown-menu"],"title":"Dropdown Menu 10","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 11. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-11","registryDependencies":["button","dropdown-menu"],"title":"Dropdown Menu 11","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 12. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-12","registryDependencies":["avatar","button","dropdown-menu"],"title":"Dropdown Menu 12","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 13. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-13","registryDependencies":["avatar","button","dropdown-menu","switch"],"title":"Dropdown Menu 13","type":"registry:component"},{"dependencies":["react-icons"],"description":"Dropdown Menu 14. A menu that displays a list of actions or options when triggered, typically by a button or icon.","name":"dropdown-menu-14","registryDependencies":["dropdown-menu"],"title":"Dropdown Menu 14","type":"registry:component"},{"dependencies":["@hookform/resolvers","react-hook-form","react-icons","sonner","zod"],"description":"Form 1. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-1","registryDependencies":["alert","button","field","input-otp"],"title":"Form 1","type":"registry:component"},{"dependencies":["@hookform/resolvers","react-hook-form","react-icons","sonner","zod"],"description":"Form 2. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-2","registryDependencies":["alert","avatar","button","field","select"],"title":"Form 2","type":"registry:component"},{"dependencies":["@hookform/resolvers","date-fns","react-hook-form","react-icons","sonner","zod"],"description":"Form 3. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-3","registryDependencies":["alert","button","calendar","field","popover"],"title":"Form 3","type":"registry:component"},{"dependencies":["@hookform/resolvers","react-hook-form","react-icons","sonner","zod"],"description":"Form 4. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-4","registryDependencies":["alert","button","field","radio-group"],"title":"Form 4","type":"registry:component"},{"dependencies":["@hookform/resolvers","react-hook-form","react-icons","sonner","zod"],"description":"Form 5. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-5","registryDependencies":["alert","button","checkbox","field"],"title":"Form 5","type":"registry:component"},{"dependencies":["@hookform/resolvers","react-hook-form","react-icons","sonner","zod"],"description":"Form 6. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-6","registryDependencies":["alert","button","field","switch"],"title":"Form 6","type":"registry:component"},{"dependencies":["@hookform/resolvers","react-hook-form","react-icons","sonner","zod"],"description":"Form 7. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-7","registryDependencies":["alert","button","field","textarea"],"title":"Form 7","type":"registry:component"},{"dependencies":["@hookform/resolvers","lucide-react","react-hook-form","react-icons","sonner","zod"],"description":"Form 8. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-8","registryDependencies":["alert","button","command","field","popover"],"title":"Form 8","type":"registry:component"},{"dependencies":["@hookform/resolvers","react-hook-form","react-icons","sonner","zod"],"description":"Form 9. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-9","registryDependencies":["alert","button","field","input"],"title":"Form 9","type":"registry:component"},{"dependencies":["@hookform/resolvers","react-hook-form","react-icons","sonner","zod"],"description":"Form 10. A collection of input fields, controls, and actions used to capture and submit user data, such as text, selections, and files.","name":"form-10","registryDependencies":["alert","button","card","field","input","radio-group","select","textarea"],"title":"Form 10","type":"registry:component"},{"dependencies":["react-icons","use-mask-input"],"description":"Input Mask 1. An input field that enforces a specific format as users type, such as phone numbers, dates, or credit card details, improving data consistency and user experience.","name":"input-mask-1","registryDependencies":["input","label"],"title":"Input Mask 1","type":"registry:component"},{"dependencies":["react-icons","react-payment-inputs"],"description":"Input Mask 2. An input field that enforces a specific format as users type, such as phone numbers, dates, or credit card details, improving data consistency and user experience.","name":"input-mask-2","registryDependencies":["input","label"],"title":"Input Mask 2","type":"registry:component"},{"dependencies":["react-icons","react-payment-inputs"],"description":"Input Mask 3. An input field that enforces a specific format as users type, such as phone numbers, dates, or credit card details, improving data consistency and user experience.","name":"input-mask-3","registryDependencies":["input","label"],"title":"Input Mask 3","type":"registry:component"},{"dependencies":["react-icons","react-payment-inputs"],"description":"Input Mask 4. An input field that enforces a specific format as users type, such as phone numbers, dates, or credit card details, improving data consistency and user experience.","name":"input-mask-4","registryDependencies":["input","label"],"title":"Input Mask 4","type":"registry:component"},{"dependencies":["react-icons","react-payment-inputs"],"description":"Input Mask 5. An input field that enforces a specific format as users type, such as phone numbers, dates, or credit card details, improving data consistency and user experience.","name":"input-mask-5","registryDependencies":["input","label"],"title":"Input Mask 5","type":"registry:component"},{"dependencies":["react-icons","use-mask-input"],"description":"Input Mask 6. An input field that enforces a specific format as users type, such as phone numbers, dates, or credit card details, improving data consistency and user experience.","name":"input-mask-6","registryDependencies":["input","label"],"title":"Input Mask 6","type":"registry:component"},{"dependencies":["input-otp"],"description":"Input OTP 1. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-1","registryDependencies":["input-otp","label"],"title":"Input OTP 1","type":"registry:component"},{"description":"Input OTP 2. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-2","registryDependencies":["button","input-otp","label"],"title":"Input OTP 2","type":"registry:component"},{"dependencies":["input-otp"],"description":"Input OTP 3. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-3","registryDependencies":["input-otp","label"],"title":"Input OTP 3","type":"registry:component"},{"description":"Input OTP 4. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-4","registryDependencies":["input-otp","label"],"title":"Input OTP 4","type":"registry:component"},{"description":"Input OTP 5. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-5","registryDependencies":["input-otp","label"],"title":"Input OTP 5","type":"registry:component"},{"dependencies":["react-icons"],"description":"Input OTP 6. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-6","registryDependencies":["input-otp","label"],"title":"Input OTP 6","type":"registry:component"},{"description":"Input OTP 7. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-7","registryDependencies":["input-otp","label"],"title":"Input OTP 7","type":"registry:component"},{"description":"Input OTP 8. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-8","registryDependencies":["input-otp","label"],"title":"Input OTP 8","type":"registry:component"},{"description":"Input OTP 9. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-9","registryDependencies":["input-otp","label"],"title":"Input OTP 9","type":"registry:component"},{"description":"Input OTP 10. A set of input fields designed to capture one-time passwords (OTP) or verification codes, typically split into individual boxes for better UX and security.","name":"input-otp-10","registryDependencies":["input-otp","label"],"title":"Input OTP 10","type":"registry:component"},{"description":"Pagination 1. Pagination is used to guide users through a series of related content.","name":"pagination-1","registryDependencies":["pagination"],"title":"Pagination 1","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Pagination 2. Pagination is used to guide users through a series of related content.","name":"pagination-2","registryDependencies":["pagination"],"title":"Pagination 2","type":"registry:component"},{"description":"Pagination 3. Pagination is used to guide users through a series of related content.","name":"pagination-3","registryDependencies":["button","pagination"],"title":"Pagination 3","type":"registry:component"},{"description":"Pagination 4. Pagination is used to guide users through a series of related content.","name":"pagination-4","registryDependencies":["button","pagination"],"title":"Pagination 4","type":"registry:component"},{"description":"Pagination 5. Pagination is used to guide users through a series of related content.","name":"pagination-5","registryDependencies":["pagination"],"title":"Pagination 5","type":"registry:component"},{"description":"Pagination 6. Pagination is used to guide users through a series of related content.","name":"pagination-6","registryDependencies":["pagination"],"title":"Pagination 6","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Pagination 7. Pagination is used to guide users through a series of related content.","name":"pagination-7","registryDependencies":["pagination"],"title":"Pagination 7","type":"registry:component"},{"description":"Pagination 8. Pagination is used to guide users through a series of related content.","name":"pagination-8","registryDependencies":["pagination","tooltip"],"title":"Pagination 8","type":"registry:component"},{"description":"Pagination 9. Pagination is used to guide users through a series of related content.","name":"pagination-9","registryDependencies":["pagination"],"title":"Pagination 9","type":"registry:component"},{"description":"Pagination 10. Pagination is used to guide users through a series of related content.","name":"pagination-10","registryDependencies":["pagination"],"title":"Pagination 10","type":"registry:component"},{"description":"Pagination 11. Pagination is used to guide users through a series of related content.","name":"pagination-11","registryDependencies":["pagination"],"title":"Pagination 11","type":"registry:component"},{"description":"Pagination 12. Pagination is used to guide users through a series of related content.","name":"pagination-12","registryDependencies":["pagination"],"title":"Pagination 12","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Pagination 13. Pagination is used to guide users through a series of related content.","name":"pagination-13","registryDependencies":["pagination"],"title":"Pagination 13","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Pagination 14. Pagination is used to guide users through a series of related content.","name":"pagination-14","registryDependencies":["pagination","select"],"title":"Pagination 14","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Pagination 15. Pagination is used to guide users through a series of related content.","name":"pagination-15","registryDependencies":["label","pagination","select","tooltip"],"title":"Pagination 15","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 1. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-1","registryDependencies":["badge","button","popover","progress","separator"],"title":"Popover 1","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 2. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-2","registryDependencies":["button","input","label","popover"],"title":"Popover 2","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 3. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-3","registryDependencies":["badge","button","popover"],"title":"Popover 3","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 4. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-4","registryDependencies":["button","label","popover","slider"],"title":"Popover 4","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 5. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-5","registryDependencies":["button","popover"],"title":"Popover 5","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 6. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-6","registryDependencies":["button","popover","progress"],"title":"Popover 6","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 7. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-7","registryDependencies":["button","popover"],"title":"Popover 7","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 8. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-8","registryDependencies":["button","label","popover","textarea"],"title":"Popover 8","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 9. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-9","registryDependencies":["button","checkbox","label","popover","slider"],"title":"Popover 9","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 10. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-10","registryDependencies":["button","input","popover"],"title":"Popover 10","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 11. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-11","registryDependencies":["button","popover"],"title":"Popover 11","type":"registry:component"},{"dependencies":["lucide-react"],"description":"Popover 12. Popovers are used to display rich content within an overlay that is triggered by a button click.","name":"popover-12","registryDependencies":["badge","button","popover"],"title":"Popover 12","type":"registry:component"},{"description":"Radio Group 1. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-1","registryDependencies":["label","radio-group"],"title":"Radio Group 1","type":"registry:component"},{"description":"Radio Group 2. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-2","registryDependencies":["label","radio-group"],"title":"Radio Group 2","type":"registry:component"},{"dependencies":["react-icons"],"description":"Radio Group 3. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-3","registryDependencies":["label","radio-group"],"title":"Radio Group 3","type":"registry:component"},{"dependencies":["react-icons"],"description":"Radio Group 4. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-4","registryDependencies":["radio-group"],"title":"Radio Group 4","type":"registry:component"},{"dependencies":["react-icons"],"description":"Radio Group 5. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-5","registryDependencies":["badge","label","radio-group"],"title":"Radio Group 5","type":"registry:component"},{"description":"Radio Group 6. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-6","registryDependencies":["label","radio-group"],"title":"Radio Group 6","type":"registry:component"},{"description":"Radio Group 7. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-7","registryDependencies":["label","radio-group"],"title":"Radio Group 7","type":"registry:component"},{"description":"Radio Group 8. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-8","registryDependencies":["label","radio-group"],"title":"Radio Group 8","type":"registry:component"},{"description":"Radio Group 9. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-9","registryDependencies":["label","radio-group"],"title":"Radio Group 9","type":"registry:component"},{"description":"Radio Group 10. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-10","registryDependencies":["badge","label","radio-group"],"title":"Radio Group 10","type":"registry:component"},{"description":"Radio Group 11. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-11","registryDependencies":["label","radio-group"],"title":"Radio Group 11","type":"registry:component"},{"dependencies":["react-icons"],"description":"Radio Group 12. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-12","registryDependencies":["label","radio-group"],"title":"Radio Group 12","type":"registry:component"},{"dependencies":["react-icons"],"description":"Radio Group 13. A set of mutually exclusive options where only one choice can be selected at a time.","name":"radio-group-13","registryDependencies":["radio-group"],"title":"Radio Group 13","type":"registry:component"},{"description":"Select 1. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-1","registryDependencies":["label","native-select"],"title":"Select 1","type":"registry:component"},{"description":"Select 2. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-2","registryDependencies":["label","native-select"],"title":"Select 2","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Select 3. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-3","registryDependencies":["label","native-select"],"title":"Select 3","type":"registry:component"},{"description":"Select 4. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-4","registryDependencies":["label","native-select"],"title":"Select 4","type":"registry:component"},{"description":"Select 5. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-5","registryDependencies":["label","native-select"],"title":"Select 5","type":"registry:component"},{"description":"Select 6. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-6","registryDependencies":["label","native-select"],"title":"Select 6","type":"registry:component"},{"description":"Select 7. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-7","registryDependencies":["label","native-select"],"title":"Select 7","type":"registry:component"},{"description":"Select 8. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-8","registryDependencies":["native-select"],"title":"Select 8","type":"registry:component"},{"description":"Select 9. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-9","registryDependencies":["native-select"],"title":"Select 9","type":"registry:component"},{"description":"Select 10. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-10","registryDependencies":["label","select"],"title":"Select 10","type":"registry:component"},{"description":"Select 11. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-11","registryDependencies":["label","select"],"title":"Select 11","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Select 12. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-12","registryDependencies":["label","select"],"title":"Select 12","type":"registry:component"},{"description":"Select 13. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-13","registryDependencies":["label","select"],"title":"Select 13","type":"registry:component"},{"description":"Select 14. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-14","registryDependencies":["label","select"],"title":"Select 14","type":"registry:component"},{"description":"Select 15. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-15","registryDependencies":["select"],"title":"Select 15","type":"registry:component"},{"description":"Select 16. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-16","registryDependencies":["label","select"],"title":"Select 16","type":"registry:component"},{"description":"Select 17. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-17","registryDependencies":["label","select"],"title":"Select 17","type":"registry:component"},{"description":"Select 18. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-18","registryDependencies":["label","select"],"title":"Select 18","type":"registry:component"},{"description":"Select 19. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-19","registryDependencies":["label","select"],"title":"Select 19","type":"registry:component"},{"description":"Select 20. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-20","registryDependencies":["label","select"],"title":"Select 20","type":"registry:component"},{"description":"Select 21. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-21","registryDependencies":["label","select"],"title":"Select 21","type":"registry:component"},{"description":"Select 22. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-22","registryDependencies":["label","select"],"title":"Select 22","type":"registry:component"},{"description":"Select 23. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-23","registryDependencies":["label","select"],"title":"Select 23","type":"registry:component"},{"description":"Select 24. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-24","registryDependencies":["select"],"title":"Select 24","type":"registry:component"},{"description":"Select 25. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-25","registryDependencies":["select"],"title":"Select 25","type":"registry:component"},{"description":"Select 26. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-26","registryDependencies":["label","select"],"title":"Select 26","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Select 27. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-27","registryDependencies":["label","select"],"title":"Select 27","type":"registry:component"},{"description":"Select 28. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-28","registryDependencies":["label","select"],"title":"Select 28","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Select 29. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-29","registryDependencies":["label","select"],"title":"Select 29","type":"registry:component"},{"description":"Select 30. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-30","registryDependencies":["label","select"],"title":"Select 30","type":"registry:component"},{"description":"Select 31. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-31","registryDependencies":["avatar","label","select"],"title":"Select 31","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Select 32. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-32","registryDependencies":["button","label","popover"],"title":"Select 32","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Select 33. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-33","registryDependencies":["button","label","popover"],"title":"Select 33","type":"registry:component"},{"description":"Select 34. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-34","registryDependencies":["label","native-select"],"title":"Select 34","type":"registry:component"},{"dependencies":["react-aria-components"],"description":"Select 35. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-35","registryDependencies":["label"],"title":"Select 35","type":"registry:component"},{"dependencies":["@tabler/icons-react","react-aria-components"],"description":"Select 36. A versatile selection component that provides a sleek, accessible way to choose options from a list.","name":"select-36","registryDependencies":["label"],"title":"Select 36","type":"registry:component"},{"dependencies":["react-icons"],"description":"Sheet 1. A panel that slides in from the edge of the screen to display additional content, forms, or actions without navigating away.","name":"sheet-1","registryDependencies":["button","input","sheet"],"title":"Sheet 1","type":"registry:component"},{"dependencies":["react-icons"],"description":"Sheet 2. A panel that slides in from the edge of the screen to display additional content, forms, or actions without navigating away.","name":"sheet-2","registryDependencies":["button","input","label","sheet"],"title":"Sheet 2","type":"registry:component"},{"description":"Sheet 3. A panel that slides in from the edge of the screen to display additional content, forms, or actions without navigating away.","name":"sheet-3","registryDependencies":["button","scroll-area","sheet"],"title":"Sheet 3","type":"registry:component"},{"dependencies":["react-icons"],"description":"Sheet 4. A panel that slides in from the edge of the screen to display additional content, forms, or actions without navigating away.","name":"sheet-4","registryDependencies":["button","collapsible","sheet"],"title":"Sheet 4","type":"registry:component"},{"description":"Sheet 5. A panel that slides in from the edge of the screen to display additional content, forms, or actions without navigating away.","name":"sheet-5","registryDependencies":["button","input","label","sheet"],"title":"Sheet 5","type":"registry:component"},{"dependencies":["react-icons","sonner"],"description":"Sheet 6. A panel that slides in from the edge of the screen to display additional content, forms, or actions without navigating away.","name":"sheet-6","registryDependencies":["alert","button","input","sheet"],"title":"Sheet 6","type":"registry:component"},{"dependencies":["react-icons"],"description":"Sheet 7. A panel that slides in from the edge of the screen to display additional content, forms, or actions without navigating away.","name":"sheet-7","registryDependencies":["button","input","label","select","sheet"],"title":"Sheet 7","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 1. An opinionated toast component for React.","name":"sonner-1","registryDependencies":["button"],"title":"Sonner 1","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 2. An opinionated toast component for React.","name":"sonner-2","registryDependencies":["button"],"title":"Sonner 2","type":"registry:component"},{"dependencies":["lucide-react","sonner"],"description":"Sonner 3. An opinionated toast component for React.","name":"sonner-3","registryDependencies":["button"],"title":"Sonner 3","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 4. An opinionated toast component for React.","name":"sonner-4","registryDependencies":["avatar","button"],"title":"Sonner 4","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 5. An opinionated toast component for React.","name":"sonner-5","registryDependencies":["button"],"title":"Sonner 5","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 6. An opinionated toast component for React.","name":"sonner-6","registryDependencies":["button"],"title":"Sonner 6","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 7. An opinionated toast component for React.","name":"sonner-7","registryDependencies":["button"],"title":"Sonner 7","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 8. An opinionated toast component for React.","name":"sonner-8","registryDependencies":["button"],"title":"Sonner 8","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 9. An opinionated toast component for React.","name":"sonner-9","registryDependencies":["button"],"title":"Sonner 9","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 10. An opinionated toast component for React.","name":"sonner-10","registryDependencies":["button"],"title":"Sonner 10","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 11. An opinionated toast component for React.","name":"sonner-11","registryDependencies":["button"],"title":"Sonner 11","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 12. An opinionated toast component for React.","name":"sonner-12","registryDependencies":["button"],"title":"Sonner 12","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 13. An opinionated toast component for React.","name":"sonner-13","registryDependencies":["button"],"title":"Sonner 13","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 14. An opinionated toast component for React.","name":"sonner-14","registryDependencies":["button"],"title":"Sonner 14","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 15. An opinionated toast component for React.","name":"sonner-15","registryDependencies":["button"],"title":"Sonner 15","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 16. An opinionated toast component for React.","name":"sonner-16","registryDependencies":["button"],"title":"Sonner 16","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 17. An opinionated toast component for React.","name":"sonner-17","registryDependencies":["button"],"title":"Sonner 17","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 18. An opinionated toast component for React.","name":"sonner-18","registryDependencies":["button"],"title":"Sonner 18","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 19. An opinionated toast component for React.","name":"sonner-19","registryDependencies":["button"],"title":"Sonner 19","type":"registry:component"},{"dependencies":["sonner"],"description":"Sonner 20. An opinionated toast component for React.","name":"sonner-20","registryDependencies":["button"],"title":"Sonner 20","type":"registry:component"},{"description":"Switch 1. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-1","registryDependencies":["label","switch"],"title":"Switch 1","type":"registry:component"},{"description":"Switch 2. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-2","registryDependencies":["switch"],"title":"Switch 2","type":"registry:component"},{"description":"Switch 3. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-3","registryDependencies":["switch"],"title":"Switch 3","type":"registry:component"},{"description":"Switch 4. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-4","registryDependencies":["switch"],"title":"Switch 4","type":"registry:component"},{"description":"Switch 5. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-5","registryDependencies":["switch"],"title":"Switch 5","type":"registry:component"},{"description":"Switch 6. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-6","registryDependencies":["switch"],"title":"Switch 6","type":"registry:component"},{"description":"Switch 7. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-7","registryDependencies":["switch"],"title":"Switch 7","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 8. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-8","registryDependencies":["switch"],"title":"Switch 8","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 9. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-9","registryDependencies":["switch"],"title":"Switch 9","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 10. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-10","registryDependencies":["switch"],"title":"Switch 10","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 11. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-11","registryDependencies":["label","switch"],"title":"Switch 11","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 12. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-12","registryDependencies":["label","switch"],"title":"Switch 12","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 13. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-13","registryDependencies":["label","switch"],"title":"Switch 13","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 14. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-14","registryDependencies":["label","switch"],"title":"Switch 14","type":"registry:component"},{"description":"Switch 15. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-15","registryDependencies":["label","switch"],"title":"Switch 15","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 16. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-16","registryDependencies":["switch"],"title":"Switch 16","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 17. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-17","registryDependencies":["label","switch"],"title":"Switch 17","type":"registry:component"},{"description":"Switch 18. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-18","registryDependencies":["switch"],"title":"Switch 18","type":"registry:component"},{"description":"Switch 19. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-19","registryDependencies":["switch"],"title":"Switch 19","type":"registry:component"},{"dependencies":["react-icons"],"description":"Switch 20. A toggle control that allows users to switch between two states, typically on or off.","name":"switch-20","registryDependencies":["switch"],"title":"Switch 20","type":"registry:component"},{"dependencies":["react-icons"],"description":"Table 1. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-1","registryDependencies":["table"],"title":"Table 1","type":"registry:component"},{"dependencies":["react-icons"],"description":"Table 2. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-2","registryDependencies":["table"],"title":"Table 2","type":"registry:component"},{"description":"Table 3. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-3","registryDependencies":["table"],"title":"Table 3","type":"registry:component"},{"description":"Table 4. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-4","registryDependencies":["badge","table"],"title":"Table 4","type":"registry:component"},{"dependencies":["react-icons"],"description":"Table 5. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-5","registryDependencies":["table"],"title":"Table 5","type":"registry:component"},{"description":"Table 6. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-6","registryDependencies":["table"],"title":"Table 6","type":"registry:component"},{"description":"Table 7. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-7","registryDependencies":["table"],"title":"Table 7","type":"registry:component"},{"description":"Table 8. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-8","registryDependencies":["table"],"title":"Table 8","type":"registry:component"},{"description":"Table 9. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-9","registryDependencies":["table"],"title":"Table 9","type":"registry:component"},{"description":"Table 10. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-10","registryDependencies":["table"],"title":"Table 10","type":"registry:component"},{"dependencies":["react-icons"],"description":"Table 11. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-11","registryDependencies":["table"],"title":"Table 11","type":"registry:component"},{"description":"Table 12. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-12","registryDependencies":["table"],"title":"Table 12","type":"registry:component"},{"description":"Table 13. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-13","registryDependencies":["badge","checkbox","table"],"title":"Table 13","type":"registry:component"},{"dependencies":["react-icons"],"description":"Table 14. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-14","registryDependencies":["button","checkbox","table"],"title":"Table 14","type":"registry:component"},{"description":"Table 15. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-15","registryDependencies":["avatar","table"],"title":"Table 15","type":"registry:component"},{"description":"Table 16. A structured layout used to display data in rows and columns, enabling easy comparison, sorting, and organization of information.","name":"table-16","registryDependencies":["badge","pagination","table"],"title":"Table 16","type":"registry:component"},{"description":"Tabs 1. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-1","registryDependencies":["tabs"],"title":"Tabs 1","type":"registry:component"},{"description":"Tabs 2. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-2","registryDependencies":["tabs"],"title":"Tabs 2","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 3. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-3","registryDependencies":["tabs"],"title":"Tabs 3","type":"registry:component"},{"description":"Tabs 4. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-4","registryDependencies":["badge","tabs"],"title":"Tabs 4","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 5. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-5","registryDependencies":["tabs"],"title":"Tabs 5","type":"registry:component"},{"description":"Tabs 6. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-6","registryDependencies":["badge","tabs"],"title":"Tabs 6","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 7. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-7","registryDependencies":["tabs","tooltip"],"title":"Tabs 7","type":"registry:component"},{"description":"Tabs 8. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-8","registryDependencies":["tabs"],"title":"Tabs 8","type":"registry:component"},{"description":"Tabs 9. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-9","registryDependencies":["tabs"],"title":"Tabs 9","type":"registry:component"},{"description":"Tabs 10. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-10","registryDependencies":["tabs"],"title":"Tabs 10","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 11. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-11","registryDependencies":["tabs"],"title":"Tabs 11","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 12. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-12","registryDependencies":["tabs"],"title":"Tabs 12","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 13. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-13","registryDependencies":["tabs"],"title":"Tabs 13","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 14. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-14","registryDependencies":["scroll-area","tabs"],"title":"Tabs 14","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 15. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-15","registryDependencies":["tabs"],"title":"Tabs 15","type":"registry:component"},{"description":"Tabs 16. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-16","registryDependencies":["tabs"],"title":"Tabs 16","type":"registry:component"},{"description":"Tabs 17. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-17","registryDependencies":["tabs"],"title":"Tabs 17","type":"registry:component"},{"description":"Tabs 18. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-18","registryDependencies":["button","tabs"],"title":"Tabs 18","type":"registry:component"},{"description":"Tabs 19. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-19","registryDependencies":["tabs"],"title":"Tabs 19","type":"registry:component"},{"description":"Tabs 20. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-20","registryDependencies":["tabs"],"title":"Tabs 20","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 21. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-21","registryDependencies":["tabs","tooltip"],"title":"Tabs 21","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 22. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-22","registryDependencies":["tabs"],"title":"Tabs 22","type":"registry:component"},{"description":"Tabs 23. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-23","registryDependencies":["badge","tabs"],"title":"Tabs 23","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 24. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-24","registryDependencies":["tabs"],"title":"Tabs 24","type":"registry:component"},{"dependencies":["@tabler/icons-react"],"description":"Tabs 25. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-25","registryDependencies":["tabs"],"title":"Tabs 25","type":"registry:component"},{"description":"Tabs 26. A set of layered sections of content—known as tab panels—that are displayed one at a time.","name":"tabs-26","registryDependencies":["tabs"],"title":"Tabs 26","type":"registry:component"},{"description":"Textarea 1. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-1","registryDependencies":["textarea"],"title":"Textarea 1","type":"registry:component"},{"description":"Textarea 2. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-2","registryDependencies":["label","textarea"],"title":"Textarea 2","type":"registry:component"},{"description":"Textarea 3. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-3","registryDependencies":["label","textarea"],"title":"Textarea 3","type":"registry:component"},{"description":"Textarea 4. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-4","registryDependencies":["label","textarea"],"title":"Textarea 4","type":"registry:component"},{"description":"Textarea 5. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-5","registryDependencies":["label","textarea"],"title":"Textarea 5","type":"registry:component"},{"dependencies":["react-icons"],"description":"Textarea 6. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-6","registryDependencies":["label","textarea"],"title":"Textarea 6","type":"registry:component"},{"dependencies":["react-icons"],"description":"Textarea 7. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-7","registryDependencies":["label","textarea"],"title":"Textarea 7","type":"registry:component"},{"description":"Textarea 8. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-8","registryDependencies":["label","textarea"],"title":"Textarea 8","type":"registry:component"},{"description":"Textarea 9. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-9","registryDependencies":["label","textarea"],"title":"Textarea 9","type":"registry:component"},{"description":"Textarea 10. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-10","registryDependencies":["label","textarea"],"title":"Textarea 10","type":"registry:component"},{"description":"Textarea 11. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-11","registryDependencies":["textarea"],"title":"Textarea 11","type":"registry:component"},{"description":"Textarea 12. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-12","registryDependencies":["label","textarea"],"title":"Textarea 12","type":"registry:component"},{"description":"Textarea 13. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-13","registryDependencies":["label","textarea"],"title":"Textarea 13","type":"registry:component"},{"description":"Textarea 14. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-14","registryDependencies":["label","textarea"],"title":"Textarea 14","type":"registry:component"},{"description":"Textarea 15. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-15","registryDependencies":["label","textarea"],"title":"Textarea 15","type":"registry:component"},{"description":"Textarea 16. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-16","registryDependencies":["textarea"],"title":"Textarea 16","type":"registry:component"},{"description":"Textarea 17. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-17","registryDependencies":["button","label","textarea"],"title":"Textarea 17","type":"registry:component"},{"description":"Textarea 18. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-18","registryDependencies":["label","textarea"],"title":"Textarea 18","type":"registry:component"},{"description":"Textarea 19. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-19","registryDependencies":["textarea"],"title":"Textarea 19","type":"registry:component"},{"description":"Textarea 20. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-20","registryDependencies":["label","textarea"],"title":"Textarea 20","type":"registry:component"},{"description":"Textarea 21. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.","name":"textarea-21","registryDependencies":["label","textarea"],"title":"Textarea 21","type":"registry:component"},{"description":"Tooltip 1. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-1","registryDependencies":["button","tooltip"],"title":"Tooltip 1","type":"registry:component"},{"description":"Tooltip 2. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-2","registryDependencies":["button","tooltip"],"title":"Tooltip 2","type":"registry:component"},{"description":"Tooltip 3. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-3","registryDependencies":["button","tooltip"],"title":"Tooltip 3","type":"registry:component"},{"description":"Tooltip 4. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-4","registryDependencies":["badge","button","tooltip"],"title":"Tooltip 4","type":"registry:component"},{"description":"Tooltip 5. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-5","registryDependencies":["avatar","button","tooltip"],"title":"Tooltip 5","type":"registry:component"},{"dependencies":["react-icons"],"description":"Tooltip 6. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-6","registryDependencies":["button","tooltip"],"title":"Tooltip 6","type":"registry:component"},{"dependencies":["react-icons"],"description":"Tooltip 7. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-7","registryDependencies":["button","tooltip"],"title":"Tooltip 7","type":"registry:component"},{"dependencies":["react-icons"],"description":"Tooltip 8. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-8","registryDependencies":["button","tooltip"],"title":"Tooltip 8","type":"registry:component"},{"description":"Tooltip 9. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-9","registryDependencies":["button","tooltip"],"title":"Tooltip 9","type":"registry:component"},{"dependencies":["react-icons"],"description":"Tooltip 10. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-10","registryDependencies":["button","tooltip"],"title":"Tooltip 10","type":"registry:component"},{"dependencies":["react-icons"],"description":"Tooltip 11. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-11","registryDependencies":["button","hover-card"],"title":"Tooltip 11","type":"registry:component"},{"description":"Tooltip 12. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-12","registryDependencies":["avatar","button","hover-card"],"title":"Tooltip 12","type":"registry:component"},{"description":"Tooltip 13. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-13","registryDependencies":["avatar","button","hover-card"],"title":"Tooltip 13","type":"registry:component"},{"dependencies":["react-icons"],"description":"Tooltip 14. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-14","registryDependencies":["avatar","button","hover-card","progress"],"title":"Tooltip 14","type":"registry:component"},{"dependencies":["react-icons"],"description":"Tooltip 15. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.","name":"tooltip-15","registryDependencies":["button","hover-card"],"title":"Tooltip 15","type":"registry:component"},{"dependencies":["@radix-ui/react-accordion","lucide-react"],"name":"accordion","page":"https://ui.watermelon.sh/components/accordion","registryDependencies":["utils"],"type":"registry:ui"},{"name":"accordion-03","registryDependencies":["accordion"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"accordion-04","registryDependencies":["accordion","utils"],"type":"registry:ui"},{"name":"accordion-05","registryDependencies":["accordion"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-accordion","@radix-ui/react-checkbox","lucide-react"],"name":"accordion-multiselect","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"agndex-dashboard","page":"https://ui.watermelon.sh/dashboard/agndex-dashboard","registryDependencies":["avatar","badge","button","dropdown-menu","sidebar","utils"],"type":"registry:block"},{"dependencies":["lucide-react","motion","react-icons"],"name":"ai-input-001","registryDependencies":["dropdown-menu"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"ai-input-002","registryDependencies":["dropdown-menu"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"ai-input-003","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"ai-input-004","type":"registry:ui"},{"dependencies":["lucide-react","motion","next-themes","react-icons"],"name":"ai-input-005","type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"alert","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"alert-01","registryDependencies":["alert"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"alert-02","registryDependencies":["alert"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"alert-03","registryDependencies":["alert","button"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"alert-04","registryDependencies":["alert"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"alert-05","registryDependencies":["alert","button"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"alert-06","registryDependencies":["alert"],"type":"registry:ui"},{"dependencies":["class-variance-authority","motion","radix-ui"],"name":"alert-dialog","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"alert-dialog-01","registryDependencies":["alert-dialog","button"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"alert-dialog-02","registryDependencies":["alert-dialog","button"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"alert-dialog-03","registryDependencies":["alert-dialog","button"],"type":"registry:ui"},{"dependencies":["date-fns","lucide-react","react-day-picker"],"name":"alphine-booking-form","registryDependencies":["button","calendar","input","label","popover","utils"],"type":"registry:ui"},{"name":"alphine-login-form","registryDependencies":["button","card","input","label","utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"name":"animate-button","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","radix-ui"],"name":"animated-accordion","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"name":"animated-button","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"announcement-1","page":"https://ui.watermelon.sh/block/announcement-1","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"announcement-2","page":"https://ui.watermelon.sh/block/announcement-2","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"announcement-3","page":"https://ui.watermelon.sh/block/announcement-3","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"announcement-4","page":"https://ui.watermelon.sh/block/announcement-4","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"announcement-5","page":"https://ui.watermelon.sh/block/announcement-5","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"announcement-6","page":"https://ui.watermelon.sh/block/announcement-6","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"announcement-7","page":"https://ui.watermelon.sh/block/announcement-7","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"announcement-8","page":"https://ui.watermelon.sh/block/announcement-8","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"announcement-9","page":"https://ui.watermelon.sh/block/announcement-9","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"astrix-dashboard","page":"https://ui.watermelon.sh/dashboard/astrix-dashboard","registryDependencies":["avatar","button","dropdown-menu","input-group","sidebar","table","utils"],"type":"registry:block"},{"dependencies":["lucide-react"],"name":"audio-player","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","wavesurfer.js"],"name":"audio-player-with-waveform","registryDependencies":["select","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"auth-01","page":"https://ui.watermelon.sh/block/auth-01","registryDependencies":["button","card","input","separator"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"auth-02","page":"https://ui.watermelon.sh/block/auth-02","registryDependencies":["button","input","label","separator"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"auth-03","page":"https://ui.watermelon.sh/block/auth-03","registryDependencies":["button","input","label","separator","tabs"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"auth-04","page":"https://ui.watermelon.sh/block/auth-04","registryDependencies":["button","input","label","separator","switch"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"auth-05","page":"https://ui.watermelon.sh/block/auth-05","registryDependencies":["button","checkbox","input","label","separator"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"auth-06","page":"https://ui.watermelon.sh/block/auth-06","registryDependencies":["button","input","separator"],"type":"registry:ui"},{"dependencies":["framer-motion","motion"],"name":"auth-07","page":"https://ui.watermelon.sh/block/auth-07","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"auth-08","page":"https://ui.watermelon.sh/block/auth-08","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"auth-09","page":"https://ui.watermelon.sh/block/auth-09","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","motion"],"name":"auth-10","page":"https://ui.watermelon.sh/block/auth-10","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","motion"],"name":"auth-11","page":"https://ui.watermelon.sh/block/auth-11","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"auth-12","page":"https://ui.watermelon.sh/block/auth-12","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"auth-13","page":"https://ui.watermelon.sh/block/auth-13","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@dnd-kit/core","lucide-react","nanoid","tunnel-rat"],"name":"availability","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar"],"name":"avatar","page":"https://ui.watermelon.sh/components/avatar","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"avatar-01","registryDependencies":["avatar"],"type":"registry:ui"},{"name":"avatar-02","registryDependencies":["avatar"],"type":"registry:ui"},{"name":"avatar-03","registryDependencies":["avatar"],"type":"registry:ui"},{"name":"avatar-04","registryDependencies":["avatar"],"type":"registry:ui"},{"dependencies":["@aliimam/logos"],"name":"avatar-05","registryDependencies":["avatar","badge"],"type":"registry:ui"},{"name":"avatar-06","registryDependencies":["avatar"],"type":"registry:ui"},{"dependencies":["@floating-ui/react","motion"],"name":"avatar-group","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"award","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"name":"badge","page":"https://ui.watermelon.sh/components/badge","registryDependencies":["utils"],"type":"registry:ui"},{"name":"badge-01","registryDependencies":["badge"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"badge-02","registryDependencies":["badge"],"type":"registry:ui"},{"dependencies":["react-router-dom"],"name":"badge-03","registryDependencies":["badge"],"type":"registry:ui"},{"name":"badge-04","registryDependencies":["badge"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"badge-05","registryDependencies":["badge"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"bento-1","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion","react-icons"],"name":"bento-10","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion","recharts"],"name":"bento-11","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion","react-icons"],"name":"bento-12","registryDependencies":["card","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"bento-13","registryDependencies":["card","utils"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"bento-14","registryDependencies":["card","utils"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion","react-icons"],"name":"bento-15","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"bento-16","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion","react-icons"],"name":"bento-17","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["@number-flow/react","lucide-react","motion"],"name":"bento-2","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"bento-3","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","matter-js"],"name":"bento-4","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"bento-5","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"bento-6","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"bento-7","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["clsx","framer-motion","lucide-react","motion","tailwind-merge"],"name":"bento-8","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion","react-icons"],"name":"bento-9","registryDependencies":["card"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"blog-1","page":"https://ui.watermelon.sh/block/blog-1","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"blog-2","page":"https://ui.watermelon.sh/block/blog-2","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"blog-3","page":"https://ui.watermelon.sh/block/blog-3","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"blog-4","page":"https://ui.watermelon.sh/block/blog-4","registryDependencies":["button","card","utils"],"type":"registry:ui"},{"name":"book","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-slot","lucide-react"],"name":"breadcrumb","page":"https://ui.watermelon.sh/components/breadcrumb","registryDependencies":["utils"],"type":"registry:ui"},{"name":"breadcrumb-01","registryDependencies":["breadcrumb"],"type":"registry:ui"},{"name":"breadcrumb-02","registryDependencies":["breadcrumb"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"breadcrumb-03","registryDependencies":["breadcrumb"],"type":"registry:ui"},{"name":"breadcrumb-04","registryDependencies":["breadcrumb"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"browser","registryDependencies":["badge","button","card","input","separator","utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-switch","@radix-ui/react-tooltip","class-variance-authority","lucide-react","react-router-dom","recharts"],"name":"business-management","registryDependencies":["avatar","badge","breadcrumb","button","card","chart","collapsible","dialog","dropdown-menu","input","popover","select","separator","sheet","sidebar","skeleton","switch","table","tabs","tooltip"],"type":"registry:block"},{"dependencies":["@tabler/icons-react","class-variance-authority","lucide-react"],"name":"business-operations-dashboard","registryDependencies":["avatar","badge","breadcrumb","button","card","collapsible","dialog","dropdown-menu","input","label","popover","separator","sheet","sidebar","skeleton","tabs","textarea","tooltip"],"type":"registry:block"},{"dependencies":["@radix-ui/react-slot","class-variance-authority"],"name":"button","page":"https://ui.watermelon.sh/components/button","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"button-01","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@aliimam/icons","lucide-react"],"name":"button-02","registryDependencies":["badge","button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"button-03","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@aliimam/icons","@aliimam/logos"],"name":"button-04","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"button-05","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"button-06","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@aliimam/icons"],"name":"button-07","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["@aliimam/icons","motion"],"name":"button-08","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-day-picker"],"name":"calendar","page":"https://ui.watermelon.sh/components/calendar","registryDependencies":["button","utils"],"type":"registry:ui"},{"name":"card","page":"https://ui.watermelon.sh/components/card","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"name":"card-split-accordion","type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons","react-use-measure"],"name":"card-split-accordion-base","type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"career-1","page":"https://ui.watermelon.sh/block/career-1","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"career-2","page":"https://ui.watermelon.sh/block/career-2","registryDependencies":["badge","button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"career-3","page":"https://ui.watermelon.sh/block/career-3","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"career-4","page":"https://ui.watermelon.sh/block/career-4","registryDependencies":["button","select","utils"],"type":"registry:ui"},{"dependencies":["recharts"],"name":"chart","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["recharts","zod"],"name":"chart-2","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-checkbox","lucide-react"],"name":"checkbox","page":"https://ui.watermelon.sh/components/checkbox","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react","motion","next-themes","shiki"],"name":"code","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-collapsible","@radix-ui/react-slot","class-variance-authority","lucide-react","shiki","zod"],"name":"code-block","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react","motion","next-themes","shiki"],"name":"code-tabs","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-collapsible"],"name":"collapsible","page":"https://ui.watermelon.sh/components/collapsible","type":"registry:ui"},{"dependencies":["@radix-ui/react-radio-group"],"name":"color-watch-selector","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"contact-1","page":"https://ui.watermelon.sh/block/contact-1","registryDependencies":["badge","button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"contact-2","page":"https://ui.watermelon.sh/block/contact-2","registryDependencies":["badge","button","card","input","label","textarea"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"contact-3","page":"https://ui.watermelon.sh/block/contact-3","registryDependencies":["button","card","input","label","select","textarea"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"contact-4","page":"https://ui.watermelon.sh/block/contact-4","registryDependencies":["badge","button","card","input","label","select","separator","textarea"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"contact-5","page":"https://ui.watermelon.sh/block/contact-5","registryDependencies":["badge","button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"contact-6","page":"https://ui.watermelon.sh/block/contact-6","registryDependencies":["button","card","input","textarea"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"contact-7","page":"https://ui.watermelon.sh/block/contact-7","registryDependencies":["button","checkbox","input","label","textarea"],"type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react","motion"],"name":"copy","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"cta-1","page":"https://ui.watermelon.sh/block/cta-1","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"cta-2","page":"https://ui.watermelon.sh/block/cta-2","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"cta-3","page":"https://ui.watermelon.sh/block/cta-3","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"cta-4","page":"https://ui.watermelon.sh/block/cta-4","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","motion"],"name":"cta-5","page":"https://ui.watermelon.sh/block/cta-5","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["motion"],"name":"cursor","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-accordion","@radix-ui/react-slot","@radix-ui/react-tooltip","class-variance-authority","lucide-react","zod"],"name":"data-table","page":"https://ui.watermelon.sh/components/data-table","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"demostack-dashboard","page":"https://ui.watermelon.sh/dashboard/demostack-dashboard","registryDependencies":["avatar","button","dropdown-menu","input-group","sidebar","tabs","tooltip","utils"],"type":"registry:block"},{"name":"device","type":"registry:ui"},{"dependencies":["lucide-react","motion","radix-ui"],"name":"dialog","page":"https://ui.watermelon.sh/components/dialog","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["vaul"],"name":"drawer","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","radix-ui"],"name":"dropdown-menu","page":"https://ui.watermelon.sh/components/dropdown-menu","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-checkbox","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-label","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tabs","@radix-ui/react-toggle","@radix-ui/react-toggle-group","@radix-ui/react-tooltip","@tabler/icons-react","class-variance-authority","lucide-react","next-themes","recharts","sonner","vaul"],"name":"e-commerce-dashboard","registryDependencies":["avatar","badge","breadcrumb","button","card","chart","checkbox","drawer","dropdown-menu","input","label","select","separator","sheet","sidebar","skeleton","sonner","table","tabs","toggle-group","toggle","tooltip"],"type":"registry:block"},{"dependencies":["@radix-ui/react-checkbox","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-label","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tabs","@radix-ui/react-tooltip","class-variance-authority","lucide-react","next-themes","recharts"],"name":"erp-dashboard","registryDependencies":["badge","breadcrumb","button","card","chart","checkbox","collapsible","dialog","dropdown-menu","input","label","select","separator","sheet","sidebar","skeleton","table","tabs","tooltip"],"type":"registry:block"},{"dependencies":["lucide-react","react-icons"],"name":"error-1","page":"https://ui.watermelon.sh/block/error-1","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"error-2","page":"https://ui.watermelon.sh/block/error-2","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"error-3","page":"https://ui.watermelon.sh/block/error-3","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"error-4","page":"https://ui.watermelon.sh/block/error-4","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"error-5","page":"https://ui.watermelon.sh/block/error-5","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"error-6","page":"https://ui.watermelon.sh/block/error-6","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"error-7","page":"https://ui.watermelon.sh/block/error-7","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"family-receive-component","type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"family-receive-component-base","type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"faq-1","page":"https://ui.watermelon.sh/block/faq-1","registryDependencies":["accordion","button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"faq-2","page":"https://ui.watermelon.sh/block/faq-2","registryDependencies":["accordion","button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"faq-3","page":"https://ui.watermelon.sh/block/faq-3","registryDependencies":["accordion","badge","button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"faq-4","page":"https://ui.watermelon.sh/block/faq-4","registryDependencies":["accordion","button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"faq-5","page":"https://ui.watermelon.sh/block/faq-5","registryDependencies":["accordion","button","utils"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"faq-6","page":"https://ui.watermelon.sh/block/faq-6","registryDependencies":["accordion","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"feature-1","page":"https://ui.watermelon.sh/block/feature-1","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"feature-2","page":"https://ui.watermelon.sh/block/feature-2","registryDependencies":["accordion","button","card"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"feature-3","page":"https://ui.watermelon.sh/block/feature-3","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"feature-4","page":"https://ui.watermelon.sh/block/feature-4","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"feature-5","page":"https://ui.watermelon.sh/block/feature-5","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["iconsax-react","sonner"],"name":"file-upload","type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"file-upload-1","page":"https://ui.watermelon.sh/block/file-upload-1","registryDependencies":["badge","button","card","progress"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"file-upload-2","page":"https://ui.watermelon.sh/block/file-upload-2","registryDependencies":["badge","button","card","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"file-upload-3","page":"https://ui.watermelon.sh/block/file-upload-3","registryDependencies":["button","card","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"file-upload-4","page":"https://ui.watermelon.sh/block/file-upload-4","registryDependencies":["button","card","progress"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"file-upload-5","page":"https://ui.watermelon.sh/block/file-upload-5","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","radix-ui"],"name":"files","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"name":"flip","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"flip-card","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"flip-clock","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"footer-1","page":"https://ui.watermelon.sh/block/footer-1","registryDependencies":["button","input"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"footer-10","page":"https://ui.watermelon.sh/block/footer-10","registryDependencies":["input"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"footer-11","page":"https://ui.watermelon.sh/block/footer-11","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion","react-icons"],"name":"footer-12","page":"https://ui.watermelon.sh/block/footer-12","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","motion","react-icons"],"name":"footer-13","page":"https://ui.watermelon.sh/block/footer-13","type":"registry:ui"},{"dependencies":["motion","react-icons"],"name":"footer-14","page":"https://ui.watermelon.sh/block/footer-14","type":"registry:ui"},{"dependencies":["framer-motion","motion","react-icons"],"name":"footer-15","page":"https://ui.watermelon.sh/block/footer-15","type":"registry:ui"},{"dependencies":["framer-motion","motion","react-icons"],"name":"footer-16","page":"https://ui.watermelon.sh/block/footer-16","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-17","page":"https://ui.watermelon.sh/block/footer-17","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-18","page":"https://ui.watermelon.sh/block/footer-18","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-19","page":"https://ui.watermelon.sh/block/footer-19","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"footer-2","page":"https://ui.watermelon.sh/block/footer-2","registryDependencies":["button","input"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-20","page":"https://ui.watermelon.sh/block/footer-20","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-21","page":"https://ui.watermelon.sh/block/footer-21","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-22","page":"https://ui.watermelon.sh/block/footer-22","type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"footer-23","page":"https://ui.watermelon.sh/block/footer-23","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-24","page":"https://ui.watermelon.sh/block/footer-24","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-25","page":"https://ui.watermelon.sh/block/footer-25","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-26","page":"https://ui.watermelon.sh/block/footer-26","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-27","page":"https://ui.watermelon.sh/block/footer-27","type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","framer-motion","motion"],"name":"footer-28","page":"https://ui.watermelon.sh/block/footer-28","type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"footer-29","page":"https://ui.watermelon.sh/block/footer-29","registryDependencies":["button","input","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"footer-3","page":"https://ui.watermelon.sh/block/footer-3","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"footer-30","page":"https://ui.watermelon.sh/block/footer-30","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"footer-31","page":"https://ui.watermelon.sh/block/footer-31","type":"registry:ui"},{"dependencies":["lucide-react"],"name":"footer-4","page":"https://ui.watermelon.sh/block/footer-4","registryDependencies":["badge","button","input","separator"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"footer-5","page":"https://ui.watermelon.sh/block/footer-5","registryDependencies":["button","separator"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react"],"name":"footer-6","page":"https://ui.watermelon.sh/block/footer-6","registryDependencies":["button","input","separator"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"footer-7","page":"https://ui.watermelon.sh/block/footer-7","registryDependencies":["button","input"],"type":"registry:ui"},{"dependencies":["framer-motion","motion","react-icons"],"name":"footer-8","page":"https://ui.watermelon.sh/block/footer-8","registryDependencies":["separator"],"type":"registry:ui"},{"dependencies":["framer-motion","motion","react-icons"],"name":"footer-9","page":"https://ui.watermelon.sh/block/footer-9","registryDependencies":["separator"],"type":"registry:ui"},{"dependencies":["motion"],"name":"gauge","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react","motion","react-use-measure"],"name":"github-stars","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"github-stars-wheel","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"gridline-dashboard","page":"https://ui.watermelon.sh/dashboard/gridline-dashboard","registryDependencies":["button","card","drawer","dropdown-menu","input","sheet","switch","tooltip","utils"],"type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"hero-1","page":"https://ui.watermelon.sh/block/hero-1","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-10","page":"https://ui.watermelon.sh/block/hero-10","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-11","page":"https://ui.watermelon.sh/block/hero-11","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-12","page":"https://ui.watermelon.sh/block/hero-12","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-13","page":"https://ui.watermelon.sh/block/hero-13","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-14","page":"https://ui.watermelon.sh/block/hero-14","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-15","page":"https://ui.watermelon.sh/block/hero-15","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-16","page":"https://ui.watermelon.sh/block/hero-16","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-17","page":"https://ui.watermelon.sh/block/hero-17","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-18","page":"https://ui.watermelon.sh/block/hero-18","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-19","page":"https://ui.watermelon.sh/block/hero-19","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-2","page":"https://ui.watermelon.sh/block/hero-2","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-20","page":"https://ui.watermelon.sh/block/hero-20","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-21","page":"https://ui.watermelon.sh/block/hero-21","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-22","page":"https://ui.watermelon.sh/block/hero-22","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-23","page":"https://ui.watermelon.sh/block/hero-23","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-24","page":"https://ui.watermelon.sh/block/hero-24","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-25","page":"https://ui.watermelon.sh/block/hero-25","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-26","page":"https://ui.watermelon.sh/block/hero-26","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion"],"name":"hero-27","page":"https://ui.watermelon.sh/block/hero-27","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion"],"name":"hero-28","page":"https://ui.watermelon.sh/block/hero-28","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion"],"name":"hero-29","page":"https://ui.watermelon.sh/block/hero-29","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-3","page":"https://ui.watermelon.sh/block/hero-3","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion"],"name":"hero-30","page":"https://ui.watermelon.sh/block/hero-30","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-31","page":"https://ui.watermelon.sh/block/hero-31","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-32","page":"https://ui.watermelon.sh/block/hero-32","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero-33","page":"https://ui.watermelon.sh/block/hero-33","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"hero-34","page":"https://ui.watermelon.sh/block/hero-34","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"hero-35","page":"https://ui.watermelon.sh/block/hero-35","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","motion"],"name":"hero-36","page":"https://ui.watermelon.sh/block/hero-36","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"hero-37","page":"https://ui.watermelon.sh/block/hero-37","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"hero-38","page":"https://ui.watermelon.sh/block/hero-38","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"hero-39","page":"https://ui.watermelon.sh/block/hero-39","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-4","page":"https://ui.watermelon.sh/block/hero-4","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/react","framer-motion","hugeicons-react","lucide-react","motion","react-icons"],"name":"hero-40","page":"https://ui.watermelon.sh/block/hero-40","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/react","framer-motion","hugeicons-react","lucide-react","motion","react-icons"],"name":"hero-41","page":"https://ui.watermelon.sh/block/hero-41","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@hugeicons/react","framer-motion","hugeicons-react","lucide-react","motion","react-icons"],"name":"hero-42","page":"https://ui.watermelon.sh/block/hero-42","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"hero-43","page":"https://ui.watermelon.sh/block/hero-43","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-5","page":"https://ui.watermelon.sh/block/hero-5","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-6","page":"https://ui.watermelon.sh/block/hero-6","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-7","page":"https://ui.watermelon.sh/block/hero-7","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-8","page":"https://ui.watermelon.sh/block/hero-8","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"hero-9","page":"https://ui.watermelon.sh/block/hero-9","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"hero1","type":"registry:block"},{"dependencies":["motion","radix-ui"],"name":"hover-card","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-scroll-area","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tabs","@radix-ui/react-tooltip","class-variance-authority","lucide-react","next-themes","recharts"],"name":"hrm","registryDependencies":["avatar","badge","button","card","chart","collapsible","dropdown-menu","input","label","popover","scroll-area","select","separator","sheet","sidebar","skeleton","table","tabs","tooltip","utils"],"type":"registry:block"},{"dependencies":["class-variance-authority","motion"],"name":"icon","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-checkbox","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-label","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tabs","@radix-ui/react-tooltip","@tabler/icons-react","class-variance-authority","lucide-react","react-router-dom","recharts"],"name":"incident-management","registryDependencies":["avatar","badge","breadcrumb","button","card","chart","checkbox","collapsible","dialog","dropdown-menu","input","label","select","separator","sheet","sidebar","skeleton","table","tabs","tooltip","utils"],"type":"registry:block"},{"name":"input","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"integrations-1","page":"https://ui.watermelon.sh/block/integrations-1","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"integrations-2","page":"https://ui.watermelon.sh/block/integrations-2","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"integrations-3","page":"https://ui.watermelon.sh/block/integrations-3","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"integrations-4","page":"https://ui.watermelon.sh/block/integrations-4","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"integrations-5","page":"https://ui.watermelon.sh/block/integrations-5","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-label","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tooltip","class-variance-authority","lucide-react","next-themes"],"name":"invoice-generator-dashboard","registryDependencies":["breadcrumb","button","dialog","dropdown-menu","input","label","popover","select","separator","sheet","sidebar","skeleton","textarea","tooltip","utils"],"type":"registry:block"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-checkbox","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-label","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tooltip","class-variance-authority","lucide-react"],"name":"invoice-manager-dashboard","registryDependencies":["avatar","badge","breadcrumb","button","checkbox","collapsible","dialog","dropdown-menu","input","label","pagination","popover","select","separator","sheet","sidebar","skeleton","table","tooltip"],"type":"registry:block"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-label","@radix-ui/react-popover","@radix-ui/react-scroll-area","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tabs","@radix-ui/react-tooltip","@tabler/icons-react","class-variance-authority","lucide-react","next-themes"],"name":"issue-tracking","registryDependencies":["avatar","badge","breadcrumb","button","card","collapsible","dialog","dropdown-menu","input","label","popover","scroll-area","select","separator","sheet","sidebar","skeleton","tabs","tooltip"],"type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@dnd-kit/utilities","lucide-react","next-themes"],"name":"jobtracker-dashboard","page":"https://ui.watermelon.sh/dashboard/jobtracker-dashboard","registryDependencies":["avatar","badge","button","card","dropdown-menu","input","select","separator","sidebar","table","tabs","tooltip","use-mobile","utils"],"type":"registry:block"},{"dependencies":["@radix-ui/react-label"],"name":"label","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-radio-group","class-variance-authority"],"name":"label-selector","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","hugeicons-react","lucide-react","motion","react-icons","react-router-dom","react-use-measure"],"name":"landing-01","registryDependencies":["breadcrumb","button","checkbox","dropdown-menu","label","switch","utils"],"type":"registry:block"},{"dependencies":["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","@radix-ui/react-avatar","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-label","@radix-ui/react-popover","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tabs","@radix-ui/react-tooltip","@tabler/icons-react","class-variance-authority","lucide-react"],"name":"lead-dashboard","registryDependencies":["avatar","breadcrumb","button","card","collapsible","dialog","dropdown-menu","input","label","popover","select","separator","sheet","sidebar","skeleton","tabs","tooltip"],"type":"registry:block"},{"dependencies":["lucide-react","recharts"],"name":"library-dashboard","page":"https://ui.watermelon.sh/dashboard/library-dashboard","registryDependencies":["button","card","chart","dropdown-menu","input-group","sheet","sidebar","tooltip","utils"],"type":"registry:block"},{"dependencies":["motion","react"],"name":"license-key","type":"registry:ui"},{"dependencies":["motion","react"],"name":"license-key-base","type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"name":"liquid","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-slick","slick-carousel"],"name":"luminia-luxe-realestate","type":"registry:page"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-label","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-switch","@radix-ui/react-tabs","@radix-ui/react-tooltip","@tabler/icons-react","class-variance-authority","lucide-react"],"name":"mail-dashboard","registryDependencies":["avatar","breadcrumb","button","collapsible","dialog","dropdown-menu","field","input","label","separator","sheet","sidebar","skeleton","switch","tabs","textarea","tooltip","utils"],"type":"registry:block"},{"dependencies":["lucide-react","motion","react-use-measure"],"name":"management-bar","type":"registry:ui"},{"name":"marquee","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@fontsource/geist","@fontsource/geist-mono","@fontsource/instrument-serif","lucide-react","recharts@2.15.4"],"name":"medesk-dashboard","page":"https://ui.watermelon.sh/dashboard/medesk-dashboard","registryDependencies":["avatar","button","collapsible","dropdown-menu","input-group","sheet","sidebar","utils"],"type":"registry:block"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-label","@radix-ui/react-popover","@radix-ui/react-radio-group","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tabs","@radix-ui/react-tooltip","@tabler/icons-react","class-variance-authority","lucide-react"],"name":"meetings-dashboard","registryDependencies":["avatar","badge","button","card","checkbox","collapsible","dialog","dropdown-menu","input","label","popover","radio-group","select","separator","sheet","sidebar","skeleton","tabs","tooltip"],"type":"registry:block"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"mobile-video-player","type":"registry:ui"},{"dependencies":["embla-carousel","embla-carousel-react","lucide-react","motion"],"name":"motion-carousel","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"navigation-1","page":"https://ui.watermelon.sh/block/navigation-1","registryDependencies":["accordion","badge","button","navigation-menu","sheet","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"navigation-2","page":"https://ui.watermelon.sh/block/navigation-2","registryDependencies":["accordion","badge","button","navigation-menu","sheet","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"navigation-3","page":"https://ui.watermelon.sh/block/navigation-3","registryDependencies":["badge","button","popover"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"navigation-4","page":"https://ui.watermelon.sh/block/navigation-4","registryDependencies":["accordion","avatar","badge","button","dropdown-menu","input","navigation-menu","sheet","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"navigation-5","page":"https://ui.watermelon.sh/block/navigation-5","registryDependencies":["accordion","badge","button","navigation-menu","sheet","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"navigation-6","page":"https://ui.watermelon.sh/block/navigation-6","registryDependencies":["badge","button","popover","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"navigation-7","page":"https://ui.watermelon.sh/block/navigation-7","registryDependencies":["avatar","badge","button","dropdown-menu","popover","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"newsletter-1","page":"https://ui.watermelon.sh/block/newsletter-1","registryDependencies":["button","input"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"newsletter-2","page":"https://ui.watermelon.sh/block/newsletter-2","registryDependencies":["button","input"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"newsletter-3","page":"https://ui.watermelon.sh/block/newsletter-3","registryDependencies":["badge","button","input"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"newsletter-4","page":"https://ui.watermelon.sh/block/newsletter-4","registryDependencies":["button","card","input","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"newsletter-5","page":"https://ui.watermelon.sh/block/newsletter-5","registryDependencies":["badge","button","card","input","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"notification-1","page":"https://ui.watermelon.sh/block/notification-1","registryDependencies":["button","card","scroll-area","tabs","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"notification-2","page":"https://ui.watermelon.sh/block/notification-2","registryDependencies":["avatar","badge","button","card","scroll-area","tabs","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"notification-3","page":"https://ui.watermelon.sh/block/notification-3","registryDependencies":["avatar","badge","button","card","scroll-area","separator","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"notification-4","page":"https://ui.watermelon.sh/block/notification-4","registryDependencies":["avatar","badge","button","card","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"notification-list","type":"registry:ui"},{"dependencies":["@radix-ui/react-separator","@radix-ui/react-slot","class-variance-authority","lucide-react","zod"],"name":"option-list","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"option-picker","type":"registry:ui"},{"dependencies":["lucide-react","motion","react-icons"],"name":"pagination-animated","type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-popover","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-switch","@radix-ui/react-tooltip","@tabler/icons-react","class-variance-authority","lucide-react","next-themes","recharts"],"name":"payment-operations-dashboard","registryDependencies":["avatar","badge","button","card","chart","dialog","dropdown-menu","input","popover","select","separator","sheet","sidebar","skeleton","switch","table","tooltip"],"type":"registry:block"},{"dependencies":["lucide-react","motion"],"name":"pin-list","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-checkbox","motion"],"name":"playful-todolist","registryDependencies":["label"],"type":"registry:ui"},{"dependencies":["motion","radix-ui"],"name":"popover","page":"https://ui.watermelon.sh/components/popover","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@tabler/icons-react","class-variance-authority","lucide-react","next-themes","react-router-dom","recharts"],"name":"portfolio-dashboard","page":"https://ui.watermelon.sh/dashboard/portfolio-dashboard","registryDependencies":["avatar","badge","button","card","dropdown-menu","input","separator","sheet","sidebar","skeleton","tooltip"],"type":"registry:block"},{"dependencies":["motion","radix-ui"],"name":"preview-link-card","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"pricing-1","page":"https://ui.watermelon.sh/block/pricing-1","registryDependencies":["badge","button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"pricing-2","page":"https://ui.watermelon.sh/block/pricing-2","registryDependencies":["button","switch","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"pricing-3","page":"https://ui.watermelon.sh/block/pricing-3","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"pricing-4","page":"https://ui.watermelon.sh/block/pricing-4","registryDependencies":["badge","button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"pricing-5","page":"https://ui.watermelon.sh/block/pricing-5","registryDependencies":["badge","button","label","switch","utils"],"type":"registry:ui"},{"name":"primary-button","type":"registry:ui"},{"dependencies":["motion","radix-ui"],"name":"progress","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-checkbox","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-label","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tabs","@radix-ui/react-tooltip","class-variance-authority","lucide-react"],"name":"project-management-dashboard","registryDependencies":["avatar","breadcrumb","button","card","checkbox","collapsible","dialog","dropdown-menu","input","label","select","separator","sheet","sidebar","skeleton","tabs","textarea","tooltip"],"type":"registry:block"},{"dependencies":["motion"],"name":"radial-intro","type":"registry:ui"},{"dependencies":["@base-ui/react","lucide-react","motion"],"name":"radial-nav","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","radix-ui"],"name":"radio-group","page":"https://ui.watermelon.sh/components/radio-group","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-1","registryDependencies":["label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-10","registryDependencies":["badge","label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-11","registryDependencies":["label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-12","registryDependencies":["label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-13","registryDependencies":["radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-2","registryDependencies":["label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-3","registryDependencies":["label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-4","registryDependencies":["radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-5","registryDependencies":["badge","label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-6","registryDependencies":["label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-7","registryDependencies":["label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-8","registryDependencies":["label","radio-group"],"type":"registry:ui"},{"dependencies":["react-icons"],"name":"radiogroup-9","registryDependencies":["label","radio-group"],"type":"registry:ui"},{"dependencies":["class-variance-authority","motion"],"name":"ripple","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-avatar","@radix-ui/react-checkbox","@radix-ui/react-collapsible","@radix-ui/react-dialog","@radix-ui/react-dropdown-menu","@radix-ui/react-select","@radix-ui/react-separator","@radix-ui/react-slot","@radix-ui/react-tabs","@radix-ui/react-tooltip","class-variance-authority","lucide-react","react-router-dom"],"name":"sales-dashboard","registryDependencies":["avatar","badge","breadcrumb","button","checkbox","collapsible","dialog","dropdown-menu","input","select","separator","sheet","sidebar","skeleton","table","tabs","tooltip"],"type":"registry:block"},{"name":"scroll-fade","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-select","lucide-react"],"name":"select","page":"https://ui.watermelon.sh/components/select","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-separator"],"name":"separator","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority","lucide-react","motion"],"name":"share-button","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","radix-ui"],"name":"sheet","page":"https://ui.watermelon.sh/components/sheet","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@floating-ui/react","class-variance-authority","lucide-react","motion","radix-ui"],"name":"sidebar","registryDependencies":["button","input","separator","sheet","skeleton","utils"],"type":"registry:ui"},{"name":"skeleton","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority"],"name":"spinner","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"stats-1","page":"https://ui.watermelon.sh/block/stats-1","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"stats-2","page":"https://ui.watermelon.sh/block/stats-2","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"stats-3","page":"https://ui.watermelon.sh/block/stats-3","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"stats-4","page":"https://ui.watermelon.sh/block/stats-4","registryDependencies":["badge","button"],"type":"registry:ui"},{"name":"status-indicator","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-switch"],"name":"switch","page":"https://ui.watermelon.sh/components/switch","registryDependencies":["utils"],"type":"registry:ui"},{"name":"table","page":"https://ui.watermelon.sh/components/table","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["motion"],"name":"tabs","page":"https://ui.watermelon.sh/components/tabs","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@fontsource/geist","@fontsource/geist-mono","@fontsource/instrument-serif","lucide-react"],"name":"tallie-dashboard","page":"https://ui.watermelon.sh/dashboard/tallie-dashboard","registryDependencies":["button","dropdown-menu","input-group","sheet","sidebar","table","utils"],"type":"registry:block"},{"dependencies":["@tabler/icons-react","class-variance-authority","lucide-react","next-themes"],"name":"task-management-dashboard","registryDependencies":["avatar","badge","breadcrumb","button","card","collapsible","dialog","dropdown-menu","input","label","popover","separator","sheet","sidebar","skeleton","tabs","textarea","tooltip","utils"],"type":"registry:block"},{"dependencies":["lucide-react","react-icons"],"name":"team-1","page":"https://ui.watermelon.sh/block/team-1","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"team-2","page":"https://ui.watermelon.sh/block/team-2","registryDependencies":["badge","button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"team-3","page":"https://ui.watermelon.sh/block/team-3","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"team-4","page":"https://ui.watermelon.sh/block/team-4","registryDependencies":["badge","button"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"team-5","page":"https://ui.watermelon.sh/block/team-5","registryDependencies":["badge","button","utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-collapsible","ansi-to-react","lucide-react","zod"],"name":"terminal","registryDependencies":["button","utils"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"testimonials-1","page":"https://ui.watermelon.sh/block/testimonials-1","registryDependencies":["avatar","button","card","carousel"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"testimonials-2","page":"https://ui.watermelon.sh/block/testimonials-2","registryDependencies":["avatar","button","card"],"type":"registry:ui"},{"dependencies":["lucide-react"],"name":"testimonials-3","page":"https://ui.watermelon.sh/block/testimonials-3","registryDependencies":["avatar","button","card"],"type":"registry:ui"},{"dependencies":["embla-carousel-autoplay","lucide-react"],"name":"testimonials-4","page":"https://ui.watermelon.sh/block/testimonials-4","registryDependencies":["avatar","button","card","carousel"],"type":"registry:ui"},{"name":"text-gradient","registryDependencies":["utils"],"type":"registry:ui"},{"name":"textarea","page":"https://ui.watermelon.sh/components/textarea","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority","motion","radix-ui"],"name":"theme-toggler","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-use-measure"],"name":"timed-undo-action","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","motion","react-use-measure"],"name":"timed-undo-action-base","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@dnd-kit/core","@radix-ui/react-slot","tunnel-rat"],"name":"timeline","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-toggle","class-variance-authority"],"name":"toggle","page":"https://ui.watermelon.sh/animated-components/category/toggle","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["class-variance-authority","motion","radix-ui"],"name":"toggle-group","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@radix-ui/react-tooltip"],"name":"tooltip","page":"https://ui.watermelon.sh/components/tooltip","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["@floating-ui/react","motion"],"name":"tooltip-animated","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["motion","radix-ui"],"name":"tooltip-radix","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["motion","react-icons"],"name":"transcribe-voice-message","type":"registry:ui"},{"name":"use-auto-height","type":"registry:hook"},{"name":"use-controlled-state","type":"registry:hook"},{"name":"use-data-state","type":"registry:hook"},{"dependencies":["motion"],"name":"use-is-in-view","type":"registry:hook"},{"name":"use-mobile","type":"registry:hook"},{"dependencies":["motion"],"name":"user-presence-avatar","registryDependencies":["avatar","tooltip","utils"],"type":"registry:ui"},{"dependencies":["@tabler/icons-react","class-variance-authority","lucide-react","next-themes","react-icons","recharts"],"name":"web3-dashboard","page":"https://ui.watermelon.sh/dashboard/web3-dashboard","registryDependencies":["avatar","badge","button","card","dropdown-menu","input","select","separator","sheet","sidebar","skeleton","table","tabs","tooltip","utils"],"type":"registry:block"},{"dependencies":["lucide-react","react-icons"],"name":"widget-1","page":"https://ui.watermelon.sh/block/widget-1","registryDependencies":["button","card","dropdown-menu","progress"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons"],"name":"widget-2","page":"https://ui.watermelon.sh/block/widget-2","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","recharts"],"name":"widget-3","page":"https://ui.watermelon.sh/block/widget-3","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","recharts"],"name":"widget-4","page":"https://ui.watermelon.sh/block/widget-4","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["lucide-react","react-icons","recharts"],"name":"widget-5","page":"https://ui.watermelon.sh/block/widget-5","registryDependencies":["button","card"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"widget-6","page":"https://ui.watermelon.sh/block/widget-6","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"widget-7","page":"https://ui.watermelon.sh/block/widget-7","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["framer-motion","lucide-react","motion"],"name":"widget-8","page":"https://ui.watermelon.sh/block/widget-8","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["lucide-react","motion"],"name":"widget-9","page":"https://ui.watermelon.sh/block/widget-9","registryDependencies":["button"],"type":"registry:ui"},{"dependencies":["@tabler/icons-react","class-variance-authority","cmdk","lucide-react","next-themes","zustand"],"name":"workflow-management-dashboard","registryDependencies":["alert-dialog","avatar","badge","button","card","checkbox","combobox","dialog","drawer","dropdown-menu","field","input","input-group","label","popover","scroll-area","select","separator","sheet","sidebar","skeleton","switch","tabs","textarea","tooltip","use-mobile","utils"],"type":"registry:block"},{"dependencies":["@radix-ui/react-slot","@radix-ui/react-tooltip","class-variance-authority","lucide-react","zod"],"name":"x-post","registryDependencies":["utils"],"type":"registry:ui"},{"dependencies":["lucide-react","recharts@2.15.4"],"name":"bionis-dashboard","page":"https://ui.watermelon.sh/dashboard/bionis-dashboard","registryDependencies":["button","dropdown-menu","input-group","sidebar","utils"],"type":"registry:block"},{"dependencies":["@base-ui/react","recharts@2.15.4"],"name":"capitalio-dashboard","page":"https://ui.watermelon.sh/dashboard/capitalio-dashboard","registryDependencies":["avatar","button","dropdown-menu","sidebar","utils"],"type":"registry:block"},{"dependencies":["@hugeicons/core-free-icons","@hugeicons/react","lucide-react","motion"],"name":"bento-01","page":"https://ui.watermelon.sh/block/bento-01","registryDependencies":["utils"],"type":"registry:block"},{"dependencies":["motion"],"name":"bento-02","page":"https://ui.watermelon.sh/block/bento-02","registryDependencies":["utils"],"type":"registry:block"}]},"snapcn":{"favicon":"/favicons/snapcn.ico","items":[{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI answer highlight animation, ChatGPT-style chat response with a text selection. A question in a pill, an answer that writes itself a word at a time, and then the beat the whole shot is for: a caret lands mid-sentence and a selection band drags across one statement, wrapping the","name":"answer-highlight","page":"https://snapcn.dev/docs/ai-input/answer-highlight","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Answer Highlight","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI agent steps animation: a streaming task log with spinner and checkmarks for agent demos. An agent narrating its own work: the prompt lands in a pill, and under it a log writes itself one line at a time — each step running with a faint spinning globe, then flipping to past tens","name":"agent-steps","page":"https://snapcn.dev/docs/ai-input/agent-steps","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Agent Steps","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Launch title animation, product announcement intro with kinetic typography. A four-shot launch title: the eyebrow rushes past the camera on a receding type plane and lands on a colour field, the name assembles word by word on paper, and a macro pan across the tagline cuts wide as","name":"announce-title","page":"https://snapcn.dev/docs/scenes/announce-title","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Announce Title","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Streaming AI response animation, from the send button to the answer typing in. The beat after send: a macro shot on the button that cuts — hard, on its fastest frame — to the answer building itself on the page, while the camera pulls back 1.364× about a focal point above the fram","name":"answer-stream","page":"https://snapcn.dev/docs/ai-input/answer-stream","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json","https://snapcn.dev/r/input.json"],"title":"Answer Stream","type":"registry:component"},{"dependencies":["remotion"],"description":"Text reveal animation: word-by-word and letter-by-letter kinetic typography with blur-in, fade, slide, scale and tracking-in presets. One staggered enter/exit text animator: fade, slide, blur, scale, mask and tracking effects over character, word, line or block units, with 14 cla","name":"text-reveal","page":"https://snapcn.dev/docs/text/text-reveal","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Text Reveal","type":"registry:component"},{"dependencies":["remotion"],"description":"Text highlight animation: marker highlighter, underline, strikethrough and shimmer on a word. Animated emphasis on one span inside a static sentence — marker sweep, color shift, underline, strikethrough-replace, or shimmer.","name":"text-highlight","page":"https://snapcn.dev/docs/text/text-highlight","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Text Highlight","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Text rewrite animation, a typewriter line that deletes and retypes its ending. A line that writes itself a word at a time, comes forward and gets selected — then its opening is swept away by a clip that cuts letters in half as it passes, and a new ending is written on while the l","name":"text-rewrite","page":"https://snapcn.dev/docs/text/text-rewrite","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Text Rewrite","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Typewriter with text selection: a line types word by word, then gets highlighted. A line that writes itself a word at a time — each one arriving in the accent and cooling to the foreground a beat later, so exactly one word is ever coloured — then pushes forward to full size on a ","name":"text-select","page":"https://snapcn.dev/docs/text/text-select","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Text Select","type":"registry:component"},{"dependencies":["remotion"],"description":"Text swap animation, rotating headline that replaces one line with another. Replaces one line of text with another using exit-then-enter scheduling, with five transition presets: fade-through, crossfade, shared-axis-y, shared-axis-z, and cut.","name":"text-swap","page":"https://snapcn.dev/docs/text/text-swap","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Text Swap","type":"registry:component"},{"dependencies":["remotion"],"description":"Kinetic typography title with a bouncing letter wave. A title reveal where the lead word floats toward the viewer and hangs there while the sentence assembles around it — each trailing word pushes in and its letters bounce up off the baseline in a wave — before the whole line fal","name":"text-swell","page":"https://snapcn.dev/docs/text/text-swell","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Text Swell","type":"registry:component"},{"dependencies":["remotion"],"description":"Word-by-word text build animation that keeps the line centred. Words enter one at a time while already-placed words physically reflow to stay centered — a growing line on the x axis or a growing stack on the y axis.","name":"text-build","page":"https://snapcn.dev/docs/text/text-build","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Text Build","type":"registry:component"},{"dependencies":["remotion"],"description":"Word flip text rotator: a typewriter headline with a 3D rotating word. A headline types itself out, then one word cycles on a 3D flip — it sinks into an anticipation dip, throws up and away about its baseline under motion blur, and the next word unfurls from below. The slot is re","name":"word-flip","page":"https://snapcn.dev/docs/text/word-flip","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Word Flip","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"TikTok-style captions: animated subtitles with word pop, Hormozi and MrBeast styles for Reels and Shorts. Burned-in captions in the styles big channels actually use — heavy Montserrat, a real outside outline so they read on any footage, and the spoken word springing to an accent.","name":"word-captions","page":"https://snapcn.dev/docs/captions/word-captions","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Word Captions","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Karaoke captions: word-by-word highlighted subtitles synced to speech. A caption line that fills word by word as it is spoken — heavy outlined type that reads on any footage. Three presets: karaoke, highlight (the word rides an accent bar), clean.","name":"karaoke-captions","page":"https://snapcn.dev/docs/captions/karaoke-captions","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Karaoke Captions","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Logo wall animation: a logo cloud of integrations drifting behind a headline. A field of tiles drifting past a headline while the camera pulls steadily back, so the wall of things-it-works-with keeps arriving from every edge. The pull-back is one linear scale measured at 0.176 pe","name":"logo-drift","page":"https://snapcn.dev/docs/logos/logo-drift","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Logo Drift","type":"registry:component"},{"dependencies":["remotion"],"description":"Logo reveal animation: image cards orbit and collapse into your logo and brand name. A single ring of image cards revolves around a centred title, then spins inward and drains to the middle — giving birth to a simple logo that slides left as the brand name reveals to its right.","name":"logo-assemble","page":"https://snapcn.dev/docs/logos/logo-assemble","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Logo Assemble","type":"registry:component"},{"dependencies":["remotion"],"description":"Logo reveal intro: a fast image flicker that settles on your logo. Images flip across a central card very fast, the flicker decelerates and fades, and the logo and brand name resolve underneath — a strobe of imagery settling onto the mark.","name":"logo-flicker","page":"https://snapcn.dev/docs/logos/logo-flicker","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Logo Flicker","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Logo sting and wordmark animation: blocks build into your brand name. A wordmark builds out of solid blocks — a square scales in, a coloured deck fans out around it and winds back, the stack collapses and stretches into one block per letter, then each block flashes a colour and s","name":"block-wordmark","page":"https://snapcn.dev/docs/logos/block-wordmark","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Block Wordmark","type":"registry:component"},{"dependencies":["remotion"],"description":"iPhone mockup animation: phone device frame for app screenshots and screen recordings. iPhone-style device frame with a dynamic island and a screen slot — flat or lightly 3D-tilted, with rise, rotate-in, or float entrances and a subtle float loop.","name":"phone-frame","page":"https://snapcn.dev/docs/screens/phone-frame","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Phone Frame","type":"registry:component"},{"dependencies":["remotion"],"description":"MacBook laptop mockup animation that opens and zooms into your screenshot or video. MacBook-style laptop that opens, runs a dynamic-island notch notification, then dives the camera into the screen until an image or video fills the frame.","name":"laptop-frame","page":"https://snapcn.dev/docs/screens/laptop-frame","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Laptop Frame","type":"registry:component"},{"dependencies":["remotion"],"description":"Terminal animation: CLI demo that types commands and prints output. Terminal window with chunked command playback, freeze-frame pauses, step scrolling, and an optional cursor-pinned zoom camera.","name":"terminal-simulator","page":"https://snapcn.dev/docs/screens/terminal-simulator","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Terminal Simulator","type":"registry:component"},{"dependencies":["remotion"],"description":"Screen recording zoom: crop and auto-zoom a product demo capture. The treatment that turns a raw screen capture into a shot: crop the browser and OS chrome off each edge as a fraction, fit what is left to the frame, and run a keyframed camera that pushes in on whatever matters at","name":"screen-recording","page":"https://snapcn.dev/docs/screens/screen-recording","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Screen Recording","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Number count-up grid: cards multiply and a counter jumps, the it-scales stat shot. A grid of cards rushes in under a horizontal smear, settles on five and a label, then the camera pulls back a fraction while every empty cell around them fills in from the middle out and the number","name":"count-grid","page":"https://snapcn.dev/docs/scenes/count-grid","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Count Grid","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Access granted animation: a cursor clicks a CTA and team avatars switch on. Three rows of roster cards stream past a call to action, a pointer walks in and clicks it, and the monograms start turning to the accent one every seven frames — top row, middle, bottom, top, bottom, midd","name":"roster-grant","page":"https://snapcn.dev/docs/scenes/roster-grant","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Roster Grant","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Wordmark reveal end card: a huge brand name with a hard cut to a close-up. A wordmark twice the width of the frame, cooling from a lit gradient to ink while it settles, and then a hard cut onto its last letters and the dot — 1.71× nearer, with a shallow depth of field the wide sh","name":"wordmark-cut","page":"https://snapcn.dev/docs/scenes/wordmark-cut","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Wordmark Cut","type":"registry:component"},{"dependencies":["remotion"],"description":"Cursor click animation: a mouse pointer that moves and clicks over any UI. A synthetic cursor that walks a path of normalized waypoints over any children and pulses a click ring on arrival. A hand-drawn macOS-style arrow with an outline that keeps it readable over arbitrary foota","name":"cursor-track","page":"https://snapcn.dev/docs/screens/cursor-track","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Cursor Track","type":"registry:component"},{"dependencies":["remotion","@paper-design/shaders-react"],"description":"AI glow border: a pulsing thinking frame around the screen. Glowing 'AI is working' frame — a soft pulsing border overlay that breathes around the scene edges while a response streams.","name":"pulsing-border","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Pulsing Border","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Follower count animation: X/Twitter follower notification with a count-up and avatar wave, for social proof. An X-style follower notification that piles up — avatars stack in and the count explodes, then the row bends into an undulating wave of faces.","name":"follower-rush","page":"https://snapcn.dev/docs/social/follower-rush","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Follower Rush","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI prompt typing animation: a chat input types a prompt and a cursor clicks send. A composer that unrolls from a hairline, writes a brief into itself while the camera cuts in and rides the caret, then cuts back out to the send button as a pointer arrives and clicks it. The typing","name":"prompt-send","page":"https://snapcn.dev/docs/ai-input/prompt-send","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json","https://snapcn.dev/r/input.json"],"title":"Prompt Send","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI prompt zoom: an assistant home screen that cuts into the chat input as the prompt types. An assistant landing screen that offers its suggestions, then cuts — hard, in a single frame — into the caret, where the prompt types itself. The push-in is a measured 2.547× anchored on t","name":"prompt-zoom","page":"https://snapcn.dev/docs/ai-input/prompt-zoom","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json","https://snapcn.dev/r/input.json"],"title":"Prompt Zoom","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Kinetic typography title cards: bold statements that cut hard between beats. A run of full-frame title cards that cut hard between beats. A statement card is flicked in from the left line by line and settles on a critically damped curve, then rushes past the camera; a hero card p","name":"punch-lines","page":"https://snapcn.dev/docs/text/punch-lines","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Punch Lines","type":"registry:component"},{"dependencies":["remotion"],"description":"Image gallery intro: photos spiral into the centre around a title. An image-universe hero: a continuous stream of photos flows along an Archimedean spiral (a vortex) from the frame edges into the center — evenly spaced by arc length, shrinking and rotating to follow the coil, wit","name":"orbit-gallery","page":"https://snapcn.dev/docs/scenes/orbit-gallery","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Orbit Gallery","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Product launch hero scene for a SaaS launch video intro. Cinematic product-launch hero — two cards slide into formation as the headline reveals above.","name":"hero-launch","page":"https://snapcn.dev/docs/scenes/hero-launch","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Product Hero","type":"registry:component"},{"dependencies":["remotion"],"description":"Photo gallery reveal: a moodboard fly-through that lands on a hero image. A kinetic headline with a swapping inline image, then a scattered gallery of photos flies in, the camera pushes through it as the background lifts from near-black to off-white, and it lands on a single hero","name":"moodboard-reveal","page":"https://snapcn.dev/docs/scenes/moodboard-reveal","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Moodboard Reveal","type":"registry:component"},{"dependencies":["remotion"],"description":"Photo reel that shuts into a collage. A picture cuts through a quick reel between two captions and slowly zooms, then shuts like an eyelid while the captions fold into one stacked line; the copy swaps, the lines split, and a scattered collage blooms in around them on a peach flus","name":"reel-collage","page":"https://snapcn.dev/docs/scenes/reel-collage","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Reel Collage","type":"registry:component"},{"dependencies":["remotion"],"description":"Curved video wall for Remotion. A ring of vertical clips turns past in the dark: it eases in from rest on twos, then keeps turning at an even speed. The ring, lens and ease are fitted frame by frame from a reference recording.","name":"reel-wall","page":"https://snapcn.dev/docs/scenes/reel-wall","title":"Reel Wall","type":"registry:component"},{"dependencies":["remotion"],"description":"Stacked phone screens with video. Phone screens rise out of a blur from below one after another, and each new one pushes the stack back: the older screens shrink and step up so only their tops peek out above the newest. Every screen plays its own clip under an iOS status bar. Pro","name":"phone-stack","page":"https://snapcn.dev/docs/screens/phone-stack","title":"Phone Stack","type":"registry:component"},{"dependencies":["remotion"],"description":"Halftone dot transition. White dots spark over the outgoing shot while it washes out to cream, then the cream breaks into warm coral, peach and blush dots in drifting diagonal bands that thin out cell by cell until the incoming shot is all that is left. Every cell of every step i","name":"dot-bloom","title":"Dot Bloom","type":"registry:component"},{"dependencies":["remotion"],"description":"Sentence-to-picture intro. The lead words fade up one at a time, the line re-sets with a small rounded picture chip inside it and leans in until the chip takes the frame; a title types itself over the picture, lifts away, and the mark and the name arrive. Fitted frame by frame fr","name":"portal-intro","page":"https://snapcn.dev/docs/scenes/portal-intro","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Portal Intro","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Search bar typing animation for AI search and command palette demos. A search field wider than the shot: two thirds in frame, then it comes forward, types across its left half, pages to its right half, and goes back. Every proportion is measured, and the scale pivots on the text ","name":"search-typing","page":"https://snapcn.dev/docs/ai-input/search-typing","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json","https://snapcn.dev/r/caret.json","https://snapcn.dev/r/input.json"],"title":"Search Typing","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Status badge animation: a pill whose label cycles through states. A centred line whose status pill cycles: the label rolls up behind a hard clip while the pill's width springs past its target and back, and the line re-centres around it. The field then crossfades and a column of c","name":"status-cycle","page":"https://snapcn.dev/docs/scenes/status-cycle","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Status Cycle","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Typewriter effect: a headline types with a blinking caret, then morphs letter by letter. A headline that types itself under a glowing caret, sheds its lead, morphs letter by letter, and ends under a colour flood.","name":"type-morph","page":"https://snapcn.dev/docs/text/type-morph","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json","https://snapcn.dev/r/text-reveal.json"],"title":"Type Morph","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Kinetic typography scene with glass orbs: a sentence told one beat at a time while four orbs burst out of it, split into eight and sixteen, wind into a clockwise vortex, collapse into a knot, pay out as a chain, loop around the closing words and shrink away bead by bead. Every ph","name":"orb-swarm","page":"https://snapcn.dev/docs/scenes/orb-swarm","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Orb Swarm","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Word-by-word sentence animation: words fly in out of order and settle into the line. A sentence that arrives one word at a time, out of order, and gathers. The first word holds the middle of the frame on its own; then the rest drop in around it — not in reading order and not wher","name":"word-gather","page":"https://snapcn.dev/docs/text/word-gather","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Word Gather","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Rotating words text: a slot machine word wheel that spins and stops on one word. A column of words that spins like a reel and stops on one of them. A fixed lead-in holds the left of the line and the word that finishes the sentence lives in a slot beside it — one row of a taller c","name":"word-wheel","page":"https://snapcn.dev/docs/text/word-wheel","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Word Wheel","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Rotating words beside a checkbox: a sentence that finishes itself several ways. \"Create your own\" sits left of a ticked shadcn-style checkbox and the word to its right rolls up out of a slot — Intros, Demos, Launches, Changelogs, Tutorials, And more — then the line steps back a l","name":"check-cycle","page":"https://snapcn.dev/docs/text/check-cycle","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Check Cycle","type":"registry:component"},{"dependencies":["remotion"],"description":"Launch title animation: the line decodes out of scrambled glyphs set in the wrong typeface, flashes the accent, settles to ink, then the product name cycles through eleven typefaces (mono, light, humanist, pixel, script, slab, condensed, italic, blackletter, wide, bold grotesk) w","name":"font-shuffle","page":"https://snapcn.dev/docs/text/font-shuffle","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Font Shuffle","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Cursor clicks a button: a cursor walks onto a split action button (label, divider, chevron), it darkens on hover, gives on press, spins while pending and lands on a drawn tick. The deploy, publish or send beat of every launch video. Built on cursor-track.","name":"button-press","page":"https://snapcn.dev/docs/cursor/button-press","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json","https://snapcn.dev/r/cursor-track.json"],"title":"Button Press","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Click to type: a prompt composer (Prompt Send's glass panel, writing surface and round send button) whose placeholder writes itself while a cursor flies in from the edge and clicks the field, then a hard cut into the field where the real prompt types at the caret and send arms. T","name":"click-type","page":"https://snapcn.dev/docs/cursor/click-type","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json","https://snapcn.dev/r/input.json","https://snapcn.dev/r/caret.json","https://snapcn.dev/r/cursor-track.json"],"title":"Click Type","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Screenshot capture animation: a toast counts \"Capturing selection…\" up to 100% over a browser window, the window drops away and shrinks, the toast pops to \"Copied to clipboard.\" and a two-line headline rises out from behind the window while the cursor glides up. Every curve was m","name":"capture-reveal","page":"https://snapcn.dev/docs/screens/capture-reveal","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Capture Reveal","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Slack-style chat animation: team messages arrive with typing dots. A work chat filling itself in, the way the channel actually reads: an avatar, a name in bold, a quiet timestamp and the messages as plain lines under them. Messages land one at a time, a second message from the sa","name":"channel-thread","page":"https://snapcn.dev/docs/social/channel-thread","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Channel Thread","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Logo reveal intro: a stack of photos flicks through and collapses into your logo. A stack of shots flicked through, collapsing into your mark, and the wordmark landing beside it. One card holds the middle of the frame and cuts to the next shot, each smaller and each held for less","name":"logo-collapse","page":"https://snapcn.dev/docs/logos/logo-collapse","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Logo Collapse","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Card carousel animation: cards flicked sideways on a tilted 3D plane. A rail of cards flicked sideways across a tilted plane. The cards do not crawl past on a loop — they are flicked: the rail leaves at speed, decelerates for well over a second and comes to rest about a card furt","name":"card-rail","page":"https://snapcn.dev/docs/scenes/card-rail","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Card Rail","type":"registry:component"},{"dependencies":["remotion"],"description":"A blinking text caret — a controlled vertical bar, or a pure motion atom that blinks deterministically from useCurrentFrame.","name":"caret","title":"UI Caret","type":"registry:component"},{"dependencies":["remotion","class-variance-authority"],"description":"A text input whose idle/hover/active/typing/invalid state is a pure function of the timeline; the focus ring, border, caret, and value reveal are keyframed presets.","name":"input","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json","https://snapcn.dev/r/caret.json","utils"],"title":"UI Input","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"iOS picker wheel animation that spins, settles and commits to a button. A picker wheel that flings, settles on one row, and commits it into a button. A cylinder of glass rows spins past a night backdrop and coasts to a stop with one row on the axis; that row's glass fills to ink;","name":"picker-commit","page":"https://snapcn.dev/docs/screens/picker-commit","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Picker Commit","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Kinetic typography statements: three text reveals with hard cuts, for manifesto and promo videos. Three statements, three different arrivals, hard cuts between them. The first is wiped on left to right behind a magenta edge that cools to white, then pushes slowly toward the viewe","name":"manifesto","page":"https://snapcn.dev/docs/text/manifesto","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Manifesto","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Word-by-word reading text animation: a huge sentence panned one word at a time. A sentence set enormous and read a word at a time. Three lines pan left together in eased steps — each step carries the next word to a fixed reading position, decelerating hard into it, dwelling, then","name":"read-through","page":"https://snapcn.dev/docs/text/read-through","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Read Through","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Word-by-word text animation: words arrive in the accent colour and cool as they land. A sentence that arrives a word at a time, hot, and cools as it lands. Two clocks running at different speeds: words appear left to right every couple of frames, and a colour head crosses the lin","name":"word-settle","page":"https://snapcn.dev/docs/text/word-settle","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Word Settle","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"iMessage-style chat animation: message bubbles sending one by one. A chat thread sending itself — the moment a demo video actually gets shared. Bubbles arrive one at a time and fade up in place; the stack is bottom-anchored so each arrival displaces everything above it, eased, wh","name":"chat-thread","page":"https://snapcn.dev/docs/social/chat-thread","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Chat Thread","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Pixel screen typography: LCD-style typewriter text on a display. A type specimen on a screen you can see the pixels of. A title accelerates up and out of frame, then lines type themselves a word at a time — each laid out centred at its finished width and revealed left to right wh","name":"lcd-type","page":"https://snapcn.dev/docs/screens/lcd-type","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"LCD Type","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Text to button animation: a word scrambles into a UI control that gets pressed. A word that comes apart, leaves a control behind, and gets pressed. One line of type: its last word scrambles itself into nothing — punctuation for letters, characters reordered, two frames a state — ","name":"say-it","page":"https://snapcn.dev/docs/text/say-it","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Say It","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Scatter plot chart animation: data points blooming onto a 3D plane, for data visualization. A scatter plot that blooms onto a tilted plane while the camera drifts along it. Thirteen hundred points arrive over three and a quarter seconds — most on schedule, one in fourteen long be","name":"scatter-bloom","page":"https://snapcn.dev/docs/charts/scatter-bloom","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Scatter Bloom","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Word-by-word text reveal: a sentence setting itself as each word darkens into place. A sentence setting itself, a word at a time. Each word arrives grey and a few pixels right of where it belongs, then darkens to black as it closes the gap — one settle driving both. The cadence d","name":"sentence-set","page":"https://snapcn.dev/docs/text/sentence-set","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Sentence Set","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Showcase wall animation: a scatter of work sliding in behind a headline. A wall of work sliding to a stop behind a headline. The whole scatter arrives from the right and settles, losing a fixed share of the remaining distance every frame — no overshoot, just something heavy comin","name":"showcase-drift","page":"https://snapcn.dev/docs/scenes/showcase-drift","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Showcase Drift","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI agent run animation: a prompt sent and answered with visible tool steps. A prompt typed, sent, and answered by an agent that shows its work. A composer opens, a request types itself into it under a colour wave that rides the caret — the last dozen characters run accent into in","name":"agent-run","page":"https://snapcn.dev/docs/ai-input/agent-run","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Agent Run","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI chat input animation: a composer builds itself, types a prompt and sends it. An agent's composer building itself around one chip, then sending a request. A Video chip types in alone and close up — its clapperboard drawing out of the hinge, each letter sliding in and fading up ","name":"agent-compose","page":"https://snapcn.dev/docs/ai-input/agent-compose","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Agent Compose","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI agent answer animation: a prompt typed, tool calls run, and a reply with a table. An agent asked for something, and what it hands back. A request types itself into a dark composer under a wave that trails the caret — each character lands in a washed accent and walks to ink on ","name":"agent-result","page":"https://snapcn.dev/docs/ai-input/agent-result","title":"Agent Result","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI agent chat animation: prompt typing, send and a streaming reply. An agent conversation, from the empty field to the answer. Five beats on one clock: the prompt types itself into a compose field while the camera pushes in, the field scrolls under a soft left edge as the text ou","name":"agent-chat","page":"https://snapcn.dev/docs/ai-input/agent-chat","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Agent Chat","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Version launch title: a product name typing and a big version number reveal. A name typing itself across two shots, and the number it was all for. Three shots on one clock: the name starts large and left-aligned, jump cuts to a smaller framing that pushes in as the words finish a","name":"version-drop","page":"https://snapcn.dev/docs/scenes/version-drop","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Version Drop","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI prompt intro animation: kinetic text that becomes a typed prompt. A line assembles a word at a time, resolves to your product's name, and becomes a prompt somebody types. Each new word's letters arrive at their own heights and fall into the baseline together; the name cuts in ","name":"agent-open","page":"https://snapcn.dev/docs/ai-input/agent-open","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Agent Open","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Text morph animation: one phrase breaks into letters that swarm into another. One phrase comes apart and another gathers out of the pieces. The opening line holds, its letters fly outward, and at the peak the scene cuts — identity, position and size all change on one frame — then","name":"phrase-swarm","page":"https://snapcn.dev/docs/text/phrase-swarm","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Phrase Swarm","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"3D words fly-through: a camera flying through a field of words. A field of words the camera flies through, one line of it that runs at the lens, and the line that answers on the other side. Words hang at random depths, tinted and mostly out of focus; the camera moves forward so t","name":"word-rush","page":"https://snapcn.dev/docs/text/word-rush","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Word Rush","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"App reveal animation: a wordmark folds into an app UI with a 3D camera move. A wordmark that folds into an app, and a camera that flies around it. The mark holds the frame alone, shrinks into the header of a card that builds around it, then the camera dives past the card, rolls, ","name":"app-reveal","page":"https://snapcn.dev/docs/screens/app-reveal","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"App Reveal","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"App reveal from a button: zoom out of a send button into the app. A send button that fills the frame, and the app that comes out of it. The shot opens inside the button — the arrow alone, forty times life size, still turned — and the camera falls back off it onto a prompt that is","name":"build-out","page":"https://snapcn.dev/docs/screens/build-out","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Build Out","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Stretchy text animation: a repeating letter that stretches a word. A word that will not stop, and the line that follows it. \"And more\" says itself normally, then the letter you name starts repeating — moore, mooore, moooore — until the line is wider than the frame and drags itsel","name":"stretch-word","page":"https://snapcn.dev/docs/text/stretch-word","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Stretch Word","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"File drop animation: files dragged into an AI prompt and landing as attachments. A handful of frames is dragged into a prompt and becomes five attachments. A stack of files sweeps in from off frame on an exponential settle — 161ms time constant, straight line, onto a rest point —","name":"files-drop","page":"https://snapcn.dev/docs/ai-input/files-drop","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Files Drop","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Blur-in text animation: phrases resolving from blur out of a gradient field. A phrase at a time, resolving out of a moving colour field. Each line arrives from the right, oversized and defocused, and pulls into focus a glyph at a time while the whole line decelerates into place a","name":"focus-pull","page":"https://snapcn.dev/docs/text/focus-pull","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Focus Pull","type":"registry:component"},{"dependencies":["remotion"],"description":"Screenshot wall animation: a gallery of app screenshots opening column by column. A wall of screenshots that opens one column at a time. The columns rise into place from below, the one you are being shown first and the wall building outward from it, on a white page washed with th","name":"gallery-push","page":"https://snapcn.dev/docs/screens/gallery-push","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Gallery Push","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI agent tools animation for agent and MCP product demos. The moment somebody hands an agent their tools. A spark writes a line word by word, each new word arriving in the accent and setting to ink behind it; the line is whipped away on three frames of horizontal blur and the nex","name":"agent-tools","page":"https://snapcn.dev/docs/ai-input/agent-tools","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Agent Tools","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"iPhone mockup scene: a headline and a phone placed into frame, the app pitch shot. A headline and a phone: the pitch shot. The device is put down from the right — not slid, put down: it keeps 77% of the remaining distance every frame, so it covers half the move in two frames and ","name":"phone-pitch","page":"https://snapcn.dev/docs/screens/phone-pitch","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Phone Pitch","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Comments animation: a flood of social comments and replies for launch hype. The comment section under a launch everyone is waiting for, burying the frame. One question types itself into a pill; then the replies pile in — pills tossed in with an overshoot and a tilt, cards that op","name":"comment-storm","page":"https://snapcn.dev/docs/social/comment-storm","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Comment Storm","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Supporters animation: a notification wall of avatars, for thank-you and social proof. A notification row of supporters that tears off under its own motion blur and comes back as a wall of them. The marquee accelerates exponentially rather than easing, so the row winds up before i","name":"thank-you-swarm","page":"https://snapcn.dev/docs/social/thank-you-swarm","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Thank You Swarm","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Chart animation: a hex unit chart filling in under a counting metric card, for stats and dashboards. A metric card that lands while a hex unit chart fills in under a running total. The card settles up 19px onto its resting place; 150 hexagons out of a 22×15 field light up one at ","name":"hex-tally","page":"https://snapcn.dev/docs/charts/hex-tally","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Hex Tally","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Product demo scene: a project brief typed and sent. An empty project page pulls away, and the brief that fills it gets sent. Two shots on one clock with a hard cut at 1.633s: the page slides 65px right and settles, then lifts 125px out of the top while it is still accelerating — ","name":"brief-send","page":"https://snapcn.dev/docs/screens/brief-send","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Brief Send","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Code to showcase animation: loose code resolving into a wall of finished work. A field of loose code that resolves into a wall of finished work, and then the wall backs away. One phrase holds the middle of the frame and never moves; everything else is three layers on one clock. S","name":"render-wall","page":"https://snapcn.dev/docs/scenes/render-wall","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Render Wall","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Code typing animation: a line of code types and its string becomes the headline. A line of code being typed, and then the string inside it becomes the headline. Two shots on one clock. The first is an editor window pushed from 0.91× to 4.24× over two and a half seconds — not an e","name":"string-hero","page":"https://snapcn.dev/docs/screens/string-hero","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"String Hero","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Portfolio proof scene: shipped work cards collapsing into one sentence. Five pieces of shipped work collapse, one at a time, into the sentence that describes them. Every card on the stage is a demo you already made; one by one each slides away, and on the very next frame a small ","name":"proof-line","page":"https://snapcn.dev/docs/scenes/proof-line","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Proof Line","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Line chart animation: a climbing trend line and a live number ticker counting up. A claim, and then the live number that proves it. A headline settles out of a push over a climbing line; the scene cuts; and the same line is now a running ticker — a symbol card counting up, a dot ","name":"ticker-climb","page":"https://snapcn.dev/docs/charts/ticker-climb","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Ticker Climb","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Phone feed tap animation: scroll a social feed and tap a button. Somebody's feed, the button they press, and the line that press was for. A phone hangs in the dark with a wall of posts on it; the camera falls down the glass until the two actions at the bottom are the only thing l","name":"tap-through","page":"https://snapcn.dev/docs/screens/tap-through","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Tap Through","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Strikethrough text animation: marker cross-out, then the replacement word. Cross out the advice, then name the thing it was standing in for. A headline sits on a card; two marker strokes cross it out, hold, and are wiped back off the way they came — and as they go the two words d","name":"cross-out","page":"https://snapcn.dev/docs/text/cross-out","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Cross Out","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Phone mockups tunnel: four phones around a headline with a camera pull-back. Four phones down a tunnel around a sentence, and the shot backing out of them. The camera starts inside the wall — one device is all you can see — and eases out until the four of them frame the line in t","name":"screen-wall","page":"https://snapcn.dev/docs/screens/screen-wall","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Screen Wall","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Laptop mockup animation: a MacBook opening with depth of field and a zoom into the screen. A laptop opening out of focus, holding, and then swallowing the lens. The shot starts a hand's width from the glass with everything but the line blurred out of it, pulls back until the whol","name":"laptop-open","page":"https://snapcn.dev/docs/screens/laptop-open","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Laptop Open","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Counter animation: a currency count-up number, revenue and payout odometer. A currency figure climbing on a bloom that dies under it. One number, one label, one light: the figure counts, the frame pushes in on it, and the blue the whole scene is lit by drains away over the second","name":"tally-rise","page":"https://snapcn.dev/docs/charts/tally-rise","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Tally Rise","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Logo lockup reveal animation on a construction grid. A logo lockup opening on a construction grid, then turning out to be a window. The mark starts alone in the middle of a dark card and slides aside while the name slides out of a slot behind it, the whole lockup settling from 1.","name":"lockup-reveal","page":"https://snapcn.dev/docs/logos/lockup-reveal","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Lockup Reveal","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Photo montage with rotating words: images gathering round a changing line. Photos gathering round a line that keeps changing its mind, then collapsing into the sentence it was building to. Seven pictures arrive in four clusters round \"Your ___\" as the word cycles, each sliding th","name":"word-montage","page":"https://snapcn.dev/docs/scenes/word-montage","title":"Word Montage","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Orbit diagram animation: labelled steps riding orbits around a headline, for workflow explainers. Three dashed orbits round a line of type, with three labelled stops riding the inner one. The scene settles in from 0.86x while the line rises, clears and sharpens a word at a time; ","name":"orbit-flow","page":"https://snapcn.dev/docs/scenes/orbit-flow","title":"Orbit Flow","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Payment animation: a phone checkout with the amount landing and a camera push. A phone paying for something, pushed through the camera. The device stands still while the last digit lands on the amount — in one frame, the way a keypad press does — and then the camera walks into it","name":"checkout-push","page":"https://snapcn.dev/docs/screens/checkout-push","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Checkout Push","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Bar chart animation: a button morphs into a stat and a histogram chart fills in. The control becomes the number it produces. An export button settles from the press that opened the shot, its label dissolves, and the pill collapses inward into a square that runs from black through","name":"metric-morph","page":"https://snapcn.dev/docs/charts/metric-morph","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Metric Morph","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI prompt animation: typing into an assistant and diving into the send button. A prompt typed into an assistant, and then a dive into the send button. The placeholder clears, the request types itself a character at a time, the field grows to a second line, and the camera walks in","name":"prompt-dive","page":"https://snapcn.dev/docs/ai-input/prompt-dive","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Prompt Dive","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Balance counter animation: a phone wallet balance counting up with payment cards. A balance ticking up while the payments that fed it drift past. The device never moves; all the motion is the number and the cards behind it. The counter does not tick on a fixed interval — its gaps","name":"vault-count","page":"https://snapcn.dev/docs/charts/vault-count","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Vault Count","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"LED wall text animation: a sentence read out on a pixel display. A sentence read out on an LED wall, cut from the pixels to the room. The camera opens so close to the panel that one word fills the frame; each word drops in deep blue and warms to white as it is spoken; a band of l","name":"wall-cut","page":"https://snapcn.dev/docs/text/wall-cut","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Wall Cut","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Product library fly-through: a wall of component screens and a closing subscription line. A title, a fly-through of the whole library, and the line it adds up to. \"snapcn Pro\" shrinks away, a cluster of screens flies at the camera and opens into a wall of snapcn components, the w","name":"library-flight","page":"https://snapcn.dev/docs/scenes/library-flight","title":"Library Flight","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"News feed animation: a live changelog feed typing its newest item as the camera pulls back. A live feed writing its newest item while the camera pulls back. Close on a title, a source types itself in beside a caret, its age fades up sliding into place and a rule draws out beneath","name":"wire-feed","page":"https://snapcn.dev/docs/scenes/wire-feed","title":"Wire Feed","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Typewriter text animation into a 3D box: a headline types, then its words are packed into a cardboard carton. A line types itself, catches the light, and its last word is packed into a box. The sentence arrives one character per frame, each landing in the accent and cooling to th","name":"pack-up","page":"https://snapcn.dev/docs/text/pack-up","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Pack Up","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI agent task list animation: steps stream in with spinners and tick off. An agent's task list, streaming in and ticking off. A heading writes itself a word at a time and a chevron lands after it; a spinner slides in and each task streams in beside it, every word fading up as it ","name":"task-stream","page":"https://snapcn.dev/docs/ai-input/task-stream","title":"Task Stream","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"AI prompt animation: a glass prompt bar, a send click and a dive into a ring of results. A prompt typed into a pane of glass, and a dive through its send button into the ring of pictures it asked for. A glass pill floats over rolling hills and the request types itself in; an arro","name":"glass-prompt","page":"https://snapcn.dev/docs/ai-input/glass-prompt","registryDependencies":["https://snapcn.dev/r/snap-cn-ui.json"],"title":"Glass Prompt","type":"registry:component"}]},"wick charts":{"favicon":"/favicons/wick-charts.svg","items":[{"categories":["charts","theme"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"A hook that builds a Wick Charts theme from your shadcn/ui CSS variables and follows dark mode.","name":"wick-theme","title":"Wick Theme","type":"registry:hook"},{"categories":["charts"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"A canvas chart container, themed from your CSS variables and sized with classes. Put Wick Charts series and overlays inside.","name":"wick-chart","registryDependencies":["https://wick-charts.eeff.io/r/wick-theme.json"],"title":"Wick Chart","type":"registry:ui"},{"categories":["charts","dashboard"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"A line chart that streams a new point every second, with an animated live value in the card header.","name":"chart-line-live","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Live Line Chart","type":"registry:block"},{"categories":["charts","finance"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"Live OHLC candles in your chart colors, with an OHLC info bar, a crosshair and a price badge.","name":"chart-candlestick","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Candlestick Chart","type":"registry:block"},{"categories":["charts","finance"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"Cumulative bid and ask depth around the mid price in your chart colors, updated every second.","name":"chart-order-book","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Order Book","type":"registry:block"},{"categories":["charts","dashboard"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"Three KPI cards with a live value, a change badge and an edge-to-edge sparkline.","name":"chart-sparkline-cards","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Sparkline Cards","type":"registry:block"},{"categories":["charts","dashboard"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"Two series side by side on a category axis, with a tooltip and a legend that toggles them.","name":"chart-bar-grouped","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Grouped Bar Chart","type":"registry:block"},{"categories":["charts","dashboard"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"A donut with an animated total in the center; the slices resize as new data arrives.","name":"chart-pie-donut","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Donut Chart","type":"registry:block"},{"categories":["charts","monitoring"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"Live latency percentiles: a median line over p25–p75 and p5–p95 bands.","name":"chart-band-latency","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Band Chart","type":"registry:block"},{"categories":["charts","dashboard"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"Two series stacked over three months, with a tooltip and a legend that toggles them.","name":"chart-area-stacked","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Stacked Area Chart","type":"registry:block"},{"categories":["charts","dashboard"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"Sessions by weekday and hour on a ramp from your theme, with a cell tooltip.","name":"chart-heatmap","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Heatmap","type":"registry:block"},{"categories":["charts","monitoring"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"An error rate with an SLO line, a shaded incident window and a deploy marker.","name":"chart-line-annotations","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Annotated Line Chart","type":"registry:block"},{"categories":["charts","finance"],"dependencies":["@wick-charts/react@^0.8.4"],"description":"A year of daily closes with a navigator strip to pick the visible window.","name":"chart-line-navigator","registryDependencies":["card","https://wick-charts.eeff.io/r/wick-chart.json"],"title":"Line Chart with Navigator","type":"registry:block"}]},"remocn":{"favicon":"/favicons/remocn.svg","items":[{"dependencies":["remotion"],"description":"Per-character fade-in with a gentle blur and upward motion. Apple's signature hero-title reveal.","name":"soft-blur-in","title":"Soft Blur In","type":"registry:component"},{"dependencies":["remotion"],"description":"Letters slide up from below with no blur — crisp, deliberate, kinetic.","name":"per-character-rise","title":"Per Character Rise","type":"registry:component"},{"dependencies":["remotion"],"description":"Letters rise from below in a pronounced staircase, one symbol at a time, with zero blur.","name":"bottom-up-letters","title":"Bottom-Up Letters","type":"registry:component"},{"dependencies":["remotion"],"description":"Letters descend from above in a pronounced staircase, one symbol at a time, with zero blur.","name":"top-down-letters","title":"Top-Down Letters","type":"registry:component"},{"dependencies":["remotion"],"description":"Words pop in with a soft overshoot scale, like a physical spring settling into place.","name":"spring-scale-in","title":"Spring Scale In","type":"registry:component"},{"dependencies":["remotion"],"description":"A calm, tiny scale pop used as subtle premium polish for labels and headings.","name":"micro-scale-fade","title":"Micro Scale Fade","type":"registry:component"},{"dependencies":["remotion"],"description":"Subtle premium settle-in with a restrained scale-down fade on exit.","name":"scale-down-fade","title":"Scale Down Fade","type":"registry:component"},{"dependencies":["remotion"],"description":"Words arrive clean and depart upward with increasing blur for airy exits.","name":"blur-out-up","title":"Blur Out Up","type":"registry:component"},{"dependencies":["remotion"],"description":"A premium focus pull from heavy blur to crisp text, then a soft blur-out exit.","name":"focus-blur-resolve","title":"Focus Blur Resolve","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A hard cut disguised as a lens punch-in: barrel distortion, zoom blur, chromatic split and camera shake around the splice.","name":"lens-zoom","title":"Lens Zoom","type":"registry:component"},{"dependencies":["remotion"],"description":"Each line enters from the left with a staggered slide and exits to the right for a flowing paragraph reveal.","name":"line-by-line-slide","title":"Line-by-Line Slide","type":"registry:component"},{"dependencies":["remotion"],"description":"Words gently fade into place one after another, with a short vertical drift for a calm keynote rhythm.","name":"per-word-crossfade","title":"Per-Word Crossfade","type":"registry:component"},{"dependencies":["remotion"],"description":"Voiceover-paced phrases that build word by word — the next word looms as a blurred ghost before it resolves, then the phrase cuts away.","name":"word-stream","title":"Word Stream","type":"registry:component"},{"dependencies":["remotion"],"description":"A phrase builds from its first word centered: each next word drives in from the right and pushes the line left, easing into the new center.","name":"word-push","title":"Word Push","type":"registry:component"},{"dependencies":["remotion"],"description":"A title glides in from the right with an exponential settle and a slow final creep to center, while a gradient sheen sweeps once through the glyphs.","name":"sheen-slide-in","title":"Sheen Slide In","type":"registry:component"},{"dependencies":["remotion"],"description":"Characters appear one by one on a tight stagger; when the last one lands, every letter gap compresses as one and the word squeezes together.","name":"squeeze-in","title":"Squeeze In","type":"registry:component"},{"dependencies":["remotion"],"description":"Display text resolves out of fog: characters sharpen from heavy blur center-out with vertical streaks dissolving above them, as if rising along the z-axis.","name":"fog-rise","title":"Fog Rise","type":"registry:component"},{"dependencies":["remotion"],"description":"A gradient caret swells into a block that consumes the first phrase right-to-left, collapses back and types the second phrase out with a blinking caret.","name":"caret-swap","title":"Caret Swap","type":"registry:component"},{"dependencies":["remotion"],"description":"A close-up word reveal: huge words fade into a long line while the camera rides the write head, the line streaming off-frame as the shot eases into focus.","name":"zoom-words","title":"Zoom Words","type":"registry:component"},{"dependencies":["remotion"],"description":"Words appear sharply from below while the centered phrase pushes cumulatively closer on every beat, then clears through a soft left-to-right opacity wipe.","name":"centered-word-build","title":"Centered Word Build","type":"registry:component"},{"dependencies":["remotion"],"description":"A clipped pill expands inside a sentence, physically pushes the surrounding words apart, removes them through blur and takes over the frame with a fast camera punch-in.","name":"inline-pill-takeover","title":"Inline Pill Takeover","type":"registry:component"},{"dependencies":["remotion"],"description":"A centered cursorless type build holds, then exits through opposing fixed-layout glyph wipes that leave the anchor visible longest.","name":"typed-split-wipe","title":"Typed Split Wipe","type":"registry:component"},{"dependencies":["remotion"],"description":"A line rises up and left while one dense dark shadow uncovers it and a second shadow sweeps back across it for the exit.","name":"shadow-sweep-text","title":"Shadow Sweep Text","type":"registry:component"},{"dependencies":["remotion"],"description":"A rising lead word gives way to an outlined value that fills from left to right while both travel on one continuous track.","name":"outline-fill-track-text","title":"Outline Fill Track Text","type":"registry:component"},{"dependencies":["remotion"],"description":"An oversized gradient reveal snaps to a separate compact blurred line that settles left while the reveal continues.","name":"gradient-scale-cut-text","title":"Gradient Scale Cut Text","type":"registry:component"},{"dependencies":["remotion"],"description":"A resting white word blasts through vertical scale motion, separating into energy-conserving RGB shutter trails before the next word resolves.","name":"rush-type","title":"Rush Type","type":"registry:component"},{"dependencies":["remotion"],"description":"A flat word pops up out of the plane on a solid colored 3D body, no camera involved.","name":"extrude-pop","title":"Extrude Pop","type":"registry:component"},{"dependencies":["remotion"],"description":"A Material-style content transition: old fades out, new fades in with a soft delay.","name":"fade-through","title":"Fade Through","type":"registry:component"},{"dependencies":["remotion"],"description":"Per-word hard-cut transition with staircase timing for sharp editorial swaps.","name":"shared-axis-y","title":"Shared Axis Y","type":"registry:component"},{"dependencies":["remotion"],"description":"Scale-based shared-axis transition for focus shifts and context depth.","name":"shared-axis-z","title":"Shared Axis Z","type":"registry:component"},{"dependencies":["remotion"],"description":"The whole phrase glides in from the left as one compact move while words reveal in sequence through opacity.","name":"short-slide-right","title":"Short Slide Right","type":"registry:component"},{"dependencies":["remotion"],"description":"Letters lift, rotate, and softly reshape into editable phrases with sampled outline trails.","name":"kinetic-morph-text","title":"Kinetic Morph Text","type":"registry:component"},{"dependencies":["remotion"],"description":"A coarse mesh warp bends a whole word in staccato beats, one axis per keyframe.","name":"kinetic-warp","title":"Kinetic Warp","type":"registry:component"},{"dependencies":["remotion"],"description":"A word appears in the center; each new word enters from the right and pushes the line until the full phrase locks centered.","name":"kinetic-center-build","title":"Kinetic Center Build","type":"registry:component"},{"dependencies":["remotion"],"description":"Each new word drops in from above into its own line and pushes the stack downward until a centered three-line composition locks in place.","name":"short-slide-down","title":"Short Slide Down","type":"registry:component"},{"dependencies":["remotion"],"description":"Character-by-character text reveal with a deterministic blinking cursor.","name":"typewriter","registryDependencies":["@remocn/remocn-ui","@remocn/caret"],"title":"Typewriter","type":"registry:component"},{"dependencies":["remotion"],"description":"Animates one word inside a sentence from a base color to a brand color.","name":"inline-highlight","title":"Inline Highlight","type":"registry:component"},{"dependencies":["remotion","opentype.js"],"description":"Letters fly in from off-canvas and smear horizontally on the way — a vertex-lag deformation, not a scale.","name":"stretch-in","title":"Stretch In","type":"registry:component"},{"dependencies":["remotion"],"description":"Draws a strike line across old text then reveals new text in its place.","name":"strikethrough-replace","title":"Strikethrough Replace","type":"registry:component"},{"dependencies":["remotion"],"description":"Words fade in and slide up one after another with a configurable delay.","name":"staggered-fade-up","title":"Staggered Fade Up","type":"registry:component"},{"dependencies":["remotion"],"description":"Lines reveal upward with a soft masked feel and compact stagger.","name":"mask-reveal-up","title":"Mask Reveal Up","type":"registry:component"},{"dependencies":["remotion"],"description":"Letter-spacing collapses and blur clears with a springy motion.","name":"tracking-in","title":"Tracking In","type":"registry:component"},{"dependencies":["remotion"],"description":"Light shine sweeps across muted text via background-clip:text.","name":"shimmer-sweep","title":"Shimmer Sweep","type":"registry:component"},{"dependencies":["remotion"],"description":"Colored marker block draws behind a phrase as the text color shifts.","name":"marker-highlight","title":"Marker Highlight","type":"registry:component"},{"dependencies":["remotion"],"description":"Vertical reel scrolls characters from one value to another.","name":"slot-machine-roll","title":"Slot Machine Roll","type":"registry:component"},{"dependencies":["remotion"],"description":"Random scramble resolves left-to-right into the target text.","name":"matrix-decode","title":"Matrix Decode","type":"registry:component"},{"dependencies":["remotion"],"description":"Three RGB-offset text copies jitter for a brief glitch window.","name":"rgb-glitch-text","title":"RGB Glitch Text","type":"registry:component"},{"dependencies":["remotion"],"description":"Seamlessly looping horizontal text strip with optional stroke style.","name":"infinite-marquee","title":"Infinite Marquee","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"WebGL mesh gradient backdrop driven per-frame for deterministic Remotion renders.","name":"shader-mesh-gradient","title":"Shader Mesh Gradient","type":"registry:component"},{"description":"Violet dusk with coral and peach light drifting through deep indigo.","name":"shader-mesh-gradient-dusk","registryDependencies":["@remocn/shader-mesh-gradient"],"title":"Shader Mesh Gradient Dusk","type":"registry:component"},{"description":"Bright aqua and teal shallows with a deep-blue undertow.","name":"shader-mesh-gradient-lagoon","registryDependencies":["@remocn/shader-mesh-gradient"],"title":"Shader Mesh Gradient Lagoon","type":"registry:component"},{"description":"Warm peach and cream glow with a whisper of film grain.","name":"shader-mesh-gradient-peach","registryDependencies":["@remocn/shader-mesh-gradient"],"title":"Shader Mesh Gradient Peach","type":"registry:component"},{"description":"Cyan and violet ribbons swirling out of a near-black sky.","name":"shader-mesh-gradient-aurora","registryDependencies":["@remocn/shader-mesh-gradient"],"title":"Shader Mesh Gradient Aurora","type":"registry:component"},{"description":"Soft lilac and pink haze with grain-softened edges.","name":"shader-mesh-gradient-lavender","registryDependencies":["@remocn/shader-mesh-gradient"],"title":"Shader Mesh Gradient Lavender","type":"registry:component"},{"description":"Molten orange and amber pooling in dark oxblood.","name":"shader-mesh-gradient-ember","registryDependencies":["@remocn/shader-mesh-gradient"],"title":"Shader Mesh Gradient Ember","type":"registry:component"},{"description":"Airy mint and sky-blue pastel wash around a deeper green core.","name":"shader-mesh-gradient-mint","registryDependencies":["@remocn/shader-mesh-gradient"],"title":"Shader Mesh Gradient Mint","type":"registry:component"},{"description":"Night-purple field lit by a warm coral sunset glow.","name":"shader-mesh-gradient-synthwave","registryDependencies":["@remocn/shader-mesh-gradient"],"title":"Shader Mesh Gradient Synthwave","type":"registry:component"},{"description":"Monochrome ink folds in charcoal and silver with grain.","name":"shader-mesh-gradient-ink","registryDependencies":["@remocn/shader-mesh-gradient"],"title":"Shader Mesh Gradient Ink","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Grainy multi-stop gradient that drifts slowly with film-grain texture over the blend.","name":"shader-grain-gradient","title":"Shader Grain Gradient","type":"registry:component"},{"description":"Grainy wave of coral and gold rising over a plum night.","name":"shader-grain-gradient-sunrise","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Shader Grain Gradient Sunrise","type":"registry:component"},{"description":"Magenta and cyan glow blooming from the corners of deep space.","name":"shader-grain-gradient-nebula","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Shader Grain Gradient Nebula","type":"registry:component"},{"description":"Large grainy sphere in periwinkle, violet and pink.","name":"shader-grain-gradient-orb","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Shader Grain Gradient Orb","type":"registry:component"},{"description":"Peach horizon band rolling between navy and pale sky.","name":"shader-grain-gradient-horizon","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Shader Grain Gradient Horizon","type":"registry:component"},{"description":"Pastel pink and apricot blob morphing on warm off-white.","name":"shader-grain-gradient-blush","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Shader Grain Gradient Blush","type":"registry:component"},{"description":"Teal ripple ring pulsing out of a dark sea-green core.","name":"shader-grain-gradient-tide","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Shader Grain Gradient Tide","type":"registry:component"},{"description":"Retro grainy dots in orange, yellow and green on black.","name":"shader-grain-gradient-arcade","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Shader Grain Gradient Arcade","type":"registry:component"},{"description":"Sandy grain wave in tan, caramel and rust.","name":"shader-grain-gradient-dune","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Shader Grain Gradient Dune","type":"registry:component"},{"description":"Electric magenta and blue blob morphing on ultraviolet black.","name":"shader-grain-gradient-ultraviolet","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Shader Grain Gradient Ultraviolet","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Domain-warped color field that folds and stretches like liquid.","name":"shader-warp","title":"Shader Warp","type":"registry:component"},{"description":"Violet and pink liquid silk folding in slow waves.","name":"shader-warp-silk","registryDependencies":["@remocn/shader-warp"],"title":"Shader Warp Silk","type":"registry:component"},{"description":"Marbled coral, peach and wine flowing like warm liquid.","name":"shader-warp-sunset","registryDependencies":["@remocn/shader-warp"],"title":"Shader Warp Sunset","type":"registry:component"},{"description":"Glossy aqua currents traced with dark ink edges.","name":"shader-warp-ocean","registryDependencies":["@remocn/shader-warp"],"title":"Shader Warp Ocean","type":"registry:component"},{"description":"Cream and charcoal marble veins swirling together.","name":"shader-warp-marble","registryDependencies":["@remocn/shader-warp"],"title":"Shader Warp Marble","type":"registry:component"},{"description":"Loud lime and cyan fluid swirling over black.","name":"shader-warp-acid","registryDependencies":["@remocn/shader-warp"],"title":"Shader Warp Acid","type":"registry:component"},{"description":"Soft peach-to-coral cream gradient with a gentle drift.","name":"shader-warp-cream","registryDependencies":["@remocn/shader-warp"],"title":"Shader Warp Cream","type":"registry:component"},{"description":"Diagonal teal bands rippling through midnight blue.","name":"shader-warp-deep-sea","registryDependencies":["@remocn/shader-warp"],"title":"Shader Warp Deep Sea","type":"registry:component"},{"description":"Satin rose-gold folds with a soft sheen.","name":"shader-warp-rose-gold","registryDependencies":["@remocn/shader-warp"],"title":"Shader Warp Rose Gold","type":"registry:component"},{"description":"Deep violet and lavender storm of marbled fluid.","name":"shader-warp-storm","registryDependencies":["@remocn/shader-warp"],"title":"Shader Warp Storm","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Concentric bands swirling around a center point.","name":"shader-swirl","title":"Shader Swirl","type":"registry:component"},{"description":"Pastel pink, lilac and sky-blue spiral, soft and sweet.","name":"shader-swirl-candy","registryDependencies":["@remocn/shader-swirl"],"title":"Shader Swirl Candy","type":"registry:component"},{"description":"Retro cream and orange bands sweeping in from above.","name":"shader-swirl-sunburst","registryDependencies":["@remocn/shader-swirl"],"title":"Shader Swirl Sunburst","type":"registry:component"},{"description":"High-contrast black and white hypnotic spiral.","name":"shader-swirl-hypno","registryDependencies":["@remocn/shader-swirl"],"title":"Shader Swirl Hypno","type":"registry:component"},{"description":"Neon teal, purple and pink vortex around a dark core.","name":"shader-swirl-neon","registryDependencies":["@remocn/shader-swirl"],"title":"Shader Swirl Neon","type":"registry:component"},{"description":"Silky blue bands twisting into a deep navy whirlpool.","name":"shader-swirl-tide","registryDependencies":["@remocn/shader-swirl"],"title":"Shader Swirl Tide","type":"registry:component"},{"description":"Juicy yellow, pink and green bands spiralling on cream.","name":"shader-swirl-citrus","registryDependencies":["@remocn/shader-swirl"],"title":"Shader Swirl Citrus","type":"registry:component"},{"description":"Gold and orange fire bands spinning around a dark core.","name":"shader-swirl-ember","registryDependencies":["@remocn/shader-swirl"],"title":"Shader Swirl Ember","type":"registry:component"},{"description":"Dreamy lilac and baby-blue swirl around a dark eye.","name":"shader-swirl-lilac","registryDependencies":["@remocn/shader-swirl"],"title":"Shader Swirl Lilac","type":"registry:component"},{"description":"Seventies spiral in orange, sand and teal.","name":"shader-swirl-retro","registryDependencies":["@remocn/shader-swirl"],"title":"Shader Swirl Retro","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Caustic water-surface ripples with subtle refraction.","name":"shader-water","title":"Shader Water","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Rotating spiral arms radiating from the center.","name":"shader-spiral","title":"Shader Spiral","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Molten metallic surface with flowing specular highlights.","name":"shader-liquid-metal","title":"Shader Liquid Metal","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Overlapping translucent color panels sliding past each other.","name":"shader-color-panels","title":"Shader Color Panels","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Organic neural-web noise field that slowly morphs.","name":"shader-neuro-noise","title":"Shader Neuro Noise","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Classic Perlin noise clouds drifting across the frame.","name":"shader-perlin-noise","title":"Shader Perlin Noise","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Simplex noise flow field, smoother than Perlin.","name":"shader-simplex-noise","title":"Shader Simplex Noise","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Animated Voronoi cells shifting and re-tessellating.","name":"shader-voronoi","title":"Shader Voronoi","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Dots orbiting on concentric paths across the frame.","name":"shader-dot-orbit","title":"Shader Dot Orbit","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Ordered-dither shading over an animated gradient field.","name":"shader-dithering","title":"Shader Dithering","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Volumetric light rays radiating from an off-screen source.","name":"shader-god-rays","title":"Shader God Rays","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Soft smoke ring curling and dissipating in place.","name":"shader-smoke-ring","title":"Shader Smoke Ring","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Organic blobs merging and splitting like lava.","name":"shader-metaballs","title":"Shader Metaballs","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Glowing border frame that pulses around the edges.","name":"shader-pulsing-border","title":"Shader Pulsing Border","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated mouse cursor moving between waypoints with click ripple feedback.","name":"simulated-cursor","title":"Simulated Cursor","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A swirl shader transition that unwinds open and winds shut to reveal the next scene.","name":"swirl-dissolve","registryDependencies":["@remocn/shader-swirl"],"title":"Swirl Dissolve","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A dithering shader transition that dissolves one scene into the next.","name":"dither-dissolve","registryDependencies":["@remocn/shader-dithering"],"title":"Dither Dissolve","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A perlin-noise shader transition that sweeps its noise threshold to dissolve one scene into the next.","name":"perlin-dissolve","registryDependencies":["@remocn/shader-perlin-noise"],"title":"Perlin Dissolve","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A smoke-ring shader transition that expands the ring outward to reveal the next scene.","name":"smoke-dissolve","registryDependencies":["@remocn/shader-smoke-ring"],"title":"Smoke Dissolve","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A grain-gradient wave that sweeps up across the frame, covering the outgoing scene and revealing the next one from below.","name":"wave-wipe","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Wave Wipe","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A grain-gradient ripple transition that flies the camera through the center of the rings while the next scene approaches from the depth.","name":"ripple-zoom","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Ripple Zoom","type":"registry:component"},{"dependencies":["remotion"],"description":"Bars fly in Tetris-style, land as a row, and melt into a word through a gooey blur-and-threshold morph.","name":"gooey-morph","title":"Gooey Morph","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A grain-gradient shader transition that disintegrates the outgoing scene into soft grainy shapes and condenses the next scene out of the noise.","name":"grain-dissolve","registryDependencies":["@remocn/shader-grain-gradient"],"title":"Grain Dissolve","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A domain-warp shader transition that melts the outgoing scene into a folding color field and straightens back out into the next.","name":"warp-dissolve","registryDependencies":["@remocn/shader-warp"],"title":"Warp Dissolve","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A whip-pan transition that flies both scenes through the frame in one move with velocity-based motion blur.","name":"whip-pan","title":"Whip Pan","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A dolly transition that blows the outgoing scene past the camera while the next one approaches from the depth.","name":"push-through","title":"Push Through","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A rack-focus transition that defocuses the outgoing scene into a bright blur and resolves the next one into focus.","name":"focus-pull","title":"Focus Pull","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A depth punch-in transition that pushes the outgoing scene through the viewer while the incoming one resolves out of blur.","name":"zoom-blur","title":"Zoom Blur","type":"registry:component"},{"dependencies":["remotion"],"description":"Cycles a word through a list of values with a 3D rolodex card flip while an invisible sizer keeps the line width and baseline stable.","name":"rolodex-flip","title":"Rolodex Flip","type":"registry:component"},{"dependencies":["remotion"],"description":"Swaps a value in place with a vertical slide — the old value exits up as the new one enters from below while an invisible sizer keeps the width stable.","name":"value-swap","title":"Value Swap","type":"registry:component"},{"dependencies":["remotion"],"description":"Two-column layout where chat shrinks and preview expands.","name":"chat-to-preview-layout","title":"Chat to Preview Layout","type":"registry:component"},{"dependencies":["remotion"],"description":"Line chart whose SVG path draws on from left to right with a leading dot.","name":"animated-line-chart","title":"Animated Line Chart","type":"registry:component"},{"dependencies":["remotion"],"description":"Bars spring up from the baseline in a staggered cascade.","name":"animated-bar-chart","title":"Animated Bar Chart","type":"registry:component"},{"dependencies":["remotion"],"description":"Terminal window that types out commands and rolls old lines off the top.","name":"terminal-simulator","title":"Terminal Simulator","type":"registry:component"},{"dependencies":["remotion"],"description":"Camera locked to the typing cursor, dollying across a terminal as a command types at high zoom.","name":"terminal-cursor-zoom","registryDependencies":["@remocn/terminal-simulator"],"title":"Terminal Cursor Zoom","type":"registry:component"},{"dependencies":["remotion"],"description":"A premium frosted-glass code editor window with a regex tokenizer and line-by-line stagger reveal.","name":"glass-code-block","title":"Glass Code Block","type":"registry:component"},{"dependencies":["remotion"],"description":"A camera that scans a glass code block top to bottom as it types, then pulls back to a centered hold.","name":"glass-code-walk","registryDependencies":["@remocn/glass-code-block"],"title":"Glass Code Walk","type":"registry:component"},{"dependencies":["remotion"],"description":"A 3D-tilted infinite marquee with depth-of-field blur on items rolling toward the horizon.","name":"perspective-marquee","title":"Perspective Marquee","type":"registry:component"},{"dependencies":["remotion"],"description":"Two lines of heavy type endlessly trade height while corner-pinned perspective bends the flat stack into receding planes.","name":"perspective-squeeze","title":"Perspective Squeeze","type":"registry:component"},{"dependencies":["remotion"],"description":"A central logo orbited by integration satellites with pulsing data lines.","name":"ecosystem-constellation","title":"Ecosystem Constellation","type":"registry:component"},{"dependencies":["remotion"],"description":"Split-screen where typed code on the left snaps a live UI preview on the right, HMR-style.","name":"live-code-compilation","title":"Live Code Compilation","type":"registry:component"},{"dependencies":["remotion"],"description":"A camera diagonally drifts across an oversized bento grid behind a soft vignette.","name":"infinite-bento-pan","title":"Infinite Bento Pan","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Self-drawing Sponsors heart that docks to a header, every sponsor avatar blur-staggering into a grid, then a thank-you headline and a CTA. Single seek-safe timeline, 270 frames at 30fps.","name":"github-sponsors","registryDependencies":["@remocn/soft-blur-in","@remocn/blur-out-up"],"title":"GitHub Sponsors","type":"registry:component"},{"dependencies":["remotion","date-fns","@remotion/google-fonts"],"description":"Inertial fly-through of a repo's stargazers with a synced count-up odometer that locks on the total. Horizontal 16:9 or vertical 9:16.","name":"github-stars","registryDependencies":["@remocn/number-wheel"],"title":"GitHub Stars","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Mechanical odometer that rolls an integer up or down to its target, direction inferred from the values.","name":"number-wheel","title":"Number Wheel","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Odometer where every place rolls at its own speed, new places rising into view, settling exactly on the target value.","name":"rolling-number","title":"Rolling Number","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Animated X profile follow card — spring bounce-in, staggered blur-in, a synthetic cursor that clicks Follow and flips it to Following. Light/dark, horizontal or vertical.","name":"x-follow-card","registryDependencies":["@remocn/cursor"],"title":"X Follow Card","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"X follow notifications cycle through as 3D flipping text — '<name> followed you · 7h' — then the total follower count pops in with a confetti burst. Hardcoded sample list (X API ready). Light/dark, horizontal or vertical.","name":"x-followers-overview","registryDependencies":["@remocn/confetti"],"title":"X Followers Overview","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Animated Claude chat input — types a prompt character-by-character and the waveform button morphs into a terracotta send button the moment text appears. Warm light/dark themes.","name":"claude-chat","registryDependencies":["@remocn/caret","@remocn/remocn-ui"],"title":"Claude Chat","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Animated ChatGPT composer — types a prompt into the pill input, the blue voice button morphs into a send button, and the suggestion chips fade out. Light/dark themes.","name":"chat-gpt","registryDependencies":["@remocn/caret","@remocn/remocn-ui"],"title":"ChatGPT","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Animated Vercel v0 composer — types a prompt into the dark textarea and the mic button morphs into a send button. Dark/light themes.","name":"v0","registryDependencies":["@remocn/caret","@remocn/remocn-ui"],"title":"v0","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Animated Claude Code CLI welcome screen — terminal window with a dashed welcome box, recent activity and what's new panels, and a prompt line that types a command with a block cursor. Dark/light themes.","name":"claude-code","registryDependencies":["@remocn/caret","@remocn/remocn-ui"],"title":"Claude Code","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Animated OpenCode TUI welcome screen — two-tone wordmark, an input box with a blue accent bar that types a query, a model status line, and command hints. Dark/light themes.","name":"opencode","registryDependencies":["@remocn/caret","@remocn/remocn-ui"],"title":"OpenCode","type":"registry:component"},{"dependencies":["remotion"],"description":"A soft wave travels down through the type; where it crosses, the letters ripple and split into RGB fringes.","name":"chromatic-wave","title":"Chromatic Wave","type":"registry:component"},{"dependencies":["remotion"],"description":"Sculptural ribbons twist into a tilted ring and sweep outward through contour echoes for an expressive product introduction.","name":"radial-burst","title":"Radial Burst","type":"registry:component"},{"dependencies":["remotion"],"description":"Deterministic confetti burst for Remotion — seeded particles with gravity, spin, and flutter so every render is identical. Fire it on any frame as a celebratory overlay.","name":"confetti","title":"Confetti","type":"registry:component"},{"dependencies":["remotion"],"description":"Configurable full-frame background (color / gradient / image / live component) with Screen Studio-style padding and a rounded, shadowed content frame.","name":"backdrop","title":"Backdrop","type":"registry:component"},{"dependencies":["remotion"],"description":"A slow linear camera push-in wrapper that scales its scene from 1 to 1+grow across the sequence so no frame is ever static.","name":"drift","title":"Drift","type":"registry:component"},{"dependencies":["remotion"],"description":"Place a screenshot, recording, or long page on a perspective studio plane and direct an integrated camera across it with timeline keyframes.","name":"stage","registryDependencies":["@remocn/scene-motion"],"title":"Stage","type":"registry:component"},{"dependencies":["remotion"],"description":"A stacked group of round brand chips that spring in one-by-one, then hold. Swap the logos to feature any set of marks. Horizontal or vertical stacking.","name":"logo-enter","title":"Logo Enter","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Handwritten text laid down letter by letter on a quantized stop-motion clock, each glyph keeping its own slant and baseline wobble.","name":"handwrite","registryDependencies":["@remocn/stop-motion"],"title":"Handwrite","type":"registry:component"},{"dependencies":["remotion"],"description":"A hand-dragged brush underline that sweeps itself across in a few stop-motion poses, thinning to a dry tail.","name":"ink-underline","registryDependencies":["@remocn/stop-motion","@remocn/brush"],"title":"Ink Underline","type":"registry:component"},{"dependencies":["remotion"],"description":"Per-pose reshoot jitter that makes any content feel hand-placed on a desk.","name":"paper-wobble","registryDependencies":["@remocn/stop-motion"],"title":"Paper Wobble","type":"registry:component"},{"dependencies":["remotion"],"description":"A hand-drawn brush arrow that sweeps itself from one point to another, thickening into the head that pops on the final poses.","name":"ink-arrow","registryDependencies":["@remocn/stop-motion","@remocn/brush"],"title":"Ink Arrow","type":"registry:component"},{"dependencies":["remotion"],"description":"A taped paper chip that slaps onto the scene over two stop-motion poses, keeping a hand-placed tilt and per-pose wobble.","name":"paper-sticker","registryDependencies":["@remocn/stop-motion"],"title":"Paper Sticker","type":"registry:component"},{"dependencies":["remotion"],"description":"An instant-photo frame with a handwritten caption for video, images, or live compositions.","name":"polaroid","registryDependencies":["@remocn/stop-motion","@remocn/handwrite"],"title":"Polaroid","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"A number that counts up in stop-motion poses, rewritten by hand at every pose and freezing still once it lands.","name":"hand-count","registryDependencies":["@remocn/stop-motion"],"title":"Hand Count","type":"registry:component"},{"description":"Variable-width brush ribbons for Remotion. Pressure taper, grain displacement, and spine samplers shared by the ink marks.","name":"brush","registryDependencies":["@remocn/stop-motion"],"title":"Brush","type":"registry:component"},{"dependencies":["remotion"],"description":"Crushes an element into a ball of paper and throws it out of frame on an arc, leaving the scene around it running.","name":"crumple-toss","registryDependencies":["@remocn/stop-motion"],"title":"Crumple Toss","type":"registry:component"},{"dependencies":["remotion"],"description":"A brush circle swept around a region of the frame, opening thin and closing thick, with grain breaking up the dry opening.","name":"scribble-circle","registryDependencies":["@remocn/stop-motion","@remocn/brush"],"title":"Scribble Circle","type":"registry:component"},{"dependencies":["remotion"],"description":"A handwritten checklist that writes itself out in full, then ticks and strikes through every done item, one at a time.","name":"check-list","registryDependencies":["@remocn/stop-motion","@remocn/handwrite"],"title":"Check List","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"The exiting scene swings up and away like a notebook page in stop-motion poses, staying above the scene it reveals.","name":"page-turn","title":"Page Turn","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"Dissolve one scene into the next through a drifting field of ASCII glyphs.","name":"ascii-dissolve","title":"ASCII Dissolve","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"Sweep a typing caret across the frame, wiping the outgoing scene into the next.","name":"caret-wipe","title":"Caret Wipe","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"Scatter a field of icons over the cut, hiding the scene swap at the field's peak.","name":"icon-scatter","title":"Icon Scatter","type":"registry:component"},{"dependencies":["remotion"],"description":"A field of refracted light — the bright filaments light makes through a rippling surface.","name":"shader-caustics","title":"Shader Caustics","type":"registry:component"},{"dependencies":["@paper-design/shaders-react"],"description":"Paper's Gem Smoke shader driven by the frame — smoke flowing behind and inside a glassy logo.","name":"shader-gem-smoke","title":"Shader Gem Smoke","type":"registry:component"},{"dependencies":["remotion"],"description":"Fine horizontal sediment layers displaced by fbm noise, each drifting at its own depth.","name":"shader-strata","title":"Shader Strata","type":"registry:component"},{"dependencies":["remotion"],"description":"A woven substrate of warp and weft threads crossing on a domain-warped grid, with a travelling sheen.","name":"shader-weave","title":"Shader Weave","type":"registry:component"},{"dependencies":["remotion"],"description":"A fixed centered card where images stack on the z-axis and each blooms open over the last via a centre-out mask.","name":"reel","title":"Reel","type":"registry:component"},{"dependencies":["remotion"],"description":"A scene sequencer where the outgoing content is shoved off on an accelerating curve and the next springs in from the opposite edge, on one canvas, with no overlap.","name":"slide-swap","title":"Slide Swap","type":"registry:component"},{"dependencies":["remotion"],"description":"A scene sequencer where the outgoing scene shrinks away as one group, the stage holds empty for a beat, and the next scene's items land staggered from above-1 scale.","name":"spring-settle","registryDependencies":["@remocn/scene-motion"],"title":"Spring Settle","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"The outgoing frame catches fire where it is brightest, boils in the heat, chars at the rim, and blows away as sparks carrying its own colour.","name":"ember-burn","registryDependencies":["@remocn/canvas-presentation"],"title":"Ember Burn","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"The frame breaks into a grid of cells that shear apart into offset, colour-fringed tiles under film grain, then settle back carrying the next scene.","name":"displacement","registryDependencies":["@remocn/canvas-presentation"],"title":"Displacement","type":"registry:component"},{"dependencies":["remotion"],"description":"Play a scene as a projection: a ghost double shimmers off the image, emission lines structure it, and only what is bright enough carries through the dark volume it hangs in.","name":"hologram","registryDependencies":["@remocn/canvas-presentation"],"title":"Hologram","type":"registry:component"},{"dependencies":["remotion"],"description":"Run a scene through a cheap recorder: macroblocks flatten under a starved bitrate, colour resolution collapses to half the luma, blacks crush and shadows crawl with sensor noise.","name":"security-cam","registryDependencies":["@remocn/canvas-presentation"],"title":"Security Cam","type":"registry:component"},{"dependencies":["remotion"],"description":"End a scene the way a tube does: the picture collapses into a glowing horizontal line, the line pinches to a phosphor dot, the dot decays, and the frame is left dead black.","name":"tv-power-off","registryDependencies":["@remocn/canvas-presentation"],"title":"TV Power Off","type":"registry:component"},{"dependencies":["remotion"],"description":"Put a scene behind real glass: resolution falls off toward the corners, highlights bloom through the optics, colour fringes at the edges — a screencast that reads as filmed rather than rendered.","name":"camera-lens","registryDependencies":["@remocn/canvas-presentation"],"title":"Camera Lens","type":"registry:component"},{"dependencies":["remotion"],"description":"Hold a scene under moving water: every pixel is read through a layered refraction field that closes on a whole number of cycles, with colour fringing where the water bends hardest.","name":"underwater-ripple","registryDependencies":["@remocn/canvas-presentation"],"title":"Underwater Ripple","type":"registry:component"},{"dependencies":["remotion"],"description":"Print a scene onto paper: each colour separates onto its own rotated screen of dots sized by the ink under them, slightly out of register the way a real press runs.","name":"halftone-print","registryDependencies":["@remocn/canvas-presentation"],"title":"Halftone Print","type":"registry:component"},{"dependencies":["remotion"],"description":"Redraw a live scene as ASCII: the frame divides into glyph cells and each one becomes the character matching the brightness of the picture inside it.","name":"ascii-render","registryDependencies":["@remocn/canvas-presentation"],"title":"ASCII Render","type":"registry:component"},{"dependencies":["remotion"],"description":"Cover rectangles of a scene with an opaque mosaic while the rest passes through untouched — redact keys, addresses and personal data before a demo goes out.","name":"pixelate-region","registryDependencies":["@remocn/canvas-presentation"],"title":"Pixelate Region","type":"registry:component"},{"dependencies":["remotion"],"description":"Broadcast corruption held over a scene in scheduled bursts: slices tear sideways, channels split, and blocks fill with picture pulled from somewhere else — then the frame rests clean until the next hit.","name":"sustained-glitch","registryDependencies":["@remocn/canvas-presentation"],"title":"Sustained Glitch","type":"registry:component"},{"dependencies":["remotion"],"description":"Put a scene behind curved glass: the picture bulges out to the corners, an RGB phosphor mask and scanlines ride the curve, bright areas flood the mask, and the tube falls away into darkness at the rim.","name":"crt-screen","registryDependencies":["@remocn/canvas-presentation"],"title":"CRT Screen","type":"registry:component"},{"dependencies":["remotion"],"description":"Hold a scene under analog tape: chroma bleeds sideways off every edge, rows wobble out of line, the bottom of the frame tears on the head switch, and luma noise settles over all of it.","name":"vhs-filter","registryDependencies":["@remocn/canvas-presentation"],"title":"VHS Filter","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A wave travels across the frame raising the picture into a grid of solid blocks with lit tops and shaded sides, which set back down carrying the next scene.","name":"grid-wave","registryDependencies":["@remocn/canvas-presentation"],"title":"Grid Wave","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"The frame is ground into drifting grey dust whose specks carry real fragments of the picture, and the next scene coalesces back out of the same dust.","name":"particle-dissolve","registryDependencies":["@remocn/canvas-presentation"],"title":"Particle Dissolve","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A broadcast-glitch hard cut: the frame tears into displaced slices with channel split and corrupted blocks, and the incoming scene takes over slice by slice at the peak.","name":"glitch-cut","registryDependencies":["@remocn/canvas-presentation"],"title":"Glitch Cut","type":"registry:component"},{"dependencies":["remotion"],"description":"Expanding construction circles snap into a search pill, type editable text, and reveal an abstract graphic panel.","name":"search-reveal","title":"Search Reveal","type":"registry:component"},{"dependencies":["remotion"],"description":"A rounded triangular cursor tugs a button out of the screen edge with pulsed elastic resistance.","name":"cursor-gravity","title":"Cursor Gravity","type":"registry:component"},{"dependencies":["remotion"],"description":"A readable word carries layers of fine contours, revises itself, then compresses into a clean typographic imprint.","name":"type-fossil","title":"Type Fossil","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"Dissolve a stationary OpenShaders material to uncover the next scene.","name":"shader-seam","title":"Shader Seam","type":"registry:component"},{"dependencies":["remotion"],"description":"Reveal words through the original OpenShaders hero shader, then settle into white type.","name":"shader-text-reveal","title":"Shader Text Reveal","type":"registry:component"},{"dependencies":["remotion"],"description":"Roll through words beside a fixed prefix with accelerating timing and smoothly centered width.","name":"inline-word-roll","title":"Inline Word Roll","type":"registry:component"},{"dependencies":["remotion"],"description":"Fly straight through a tunnel made from the original OpenShaders hero shader.","name":"shader-light-tunnel","title":"Light Tunnel","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"Accelerate into the hero spiral and emerge through its soft center into the next scene.","name":"shader-spiral-pass","registryDependencies":["@remocn/shader-light-tunnel"],"title":"Shader Spiral Pass","type":"registry:component"},{"dependencies":["remotion"],"description":"Quarter-circle Truchet tiles snap a quarter turn as a wave crosses the grid, rerouting continuous lines until they settle into concentric loops, a calm field, or a circle of small rings.","name":"truchet-flip","title":"Truchet Flip","type":"registry:component"},{"dependencies":["remotion"],"description":"Black lines cut the frame into a seeded De Stijl grid, primaries wipe into its cells, the grid reflows like rubber, and one cell pushes its own lines out past the edges to become a clean color field or the next scene.","name":"mondrian-split","title":"Mondrian Split","type":"registry:component"},{"dependencies":["remotion"],"description":"Flat Bauhaus circles, arcs, squares and bars tumble corner over corner on a hidden grid into an asymmetric frieze, then rebuild into two friezes around an open band for the title.","name":"bauhaus-build","title":"Bauhaus Build","type":"registry:component"},{"dependencies":["remotion"],"description":"A flat line draws itself along a straight course as a traveling wave whose crests swim forward and calm down as the head runs out, in wave, zigzag, loop or coil shapes, then erases toward its end point.","name":"squiggle","title":"Squiggle","type":"registry:component"},{"dependencies":["remotion"],"description":"Parallel streaks trail an element as it flies in at its real speed, the element stretching with that speed and landing with a squash and a small bounce as the streaks die, or radial lines rush in from the frame edges and snap onto one point for a manga-style impact frame.","name":"speed-lines","title":"Speed Lines","type":"registry:component"},{"dependencies":["remotion"],"description":"A ring of short straight strokes shoots out from a point like Trim Paths: each end races ahead on a hard-braking ease-out while its start holds, then chases it on a smoother ease-in-out, so every stroke grows, travels and zips shut at its outer distance.","name":"trim-burst","title":"Trim Burst","type":"registry:component"},{"dependencies":["remotion"],"description":"Physical keycaps rise in for each shortcut, press in real order with the modifiers held while the letter taps, spring back with a small capped overshoot, and leave after an idle hold, firing on the same frames as the remocn-ui steps they trigger.","name":"keystroke","title":"Keystroke","type":"registry:component"},{"dependencies":["remotion"],"description":"A flat code editor that morphs between versions of a file, gliding each surviving token to its new line and column while removed code dissolves and new code fades in.","name":"code-morph","title":"Code Morph","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated brand-neutral AI agent run — a Thinking status and short plan, tool calls whose spinners close into checks while a timer counts real seconds, then a markdown answer with citations and a code block that streams in irregular token bursts. Light/dark themes.","name":"agent-run","title":"Agent Run","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"A thin word in a loose viewfinder snaps into a design-tool selection while it goes from Thin to Black, pops its handles and counts up a size badge.","name":"selection-snap","title":"Selection Snap","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"A word focuses in at the center while outline copies of it unfold above and below and keep drifting, like the one clear line on a spinning drum.","name":"echo-stack","title":"Echo Stack","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Rows of one word fill the frame, run in alternating directions at different speeds in heavy, narrow and outline faces, with an accent band through the middle.","name":"type-wall","title":"Type Wall","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"Text runs around a tilted 3D band that spins, reading on the near side and mirrored on the far side.","name":"ring-text","title":"Ring Text","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"A word rises out of its line, then a colored dot falls from above the frame, bounces with squash and stretch, and settles as the period.","name":"period-drop","title":"Period Drop","type":"registry:component"},{"dependencies":["remotion","opentype.js"],"description":"Every glyph contour draws itself as a stroke, letter by letter, then the fill wipes up inside each letter and the stroke fades into it.","name":"outline-trace","title":"Outline Trace","type":"registry:component"},{"dependencies":["remotion","opentype.js","@remotion/google-fonts"],"description":"A word builds as in a font editor, with metric guides, anchors along each contour and Bézier handles that pull straight segments into curves before the glyphs fill.","name":"glyph-anatomy","title":"Glyph Anatomy","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"A word cut into horizontal bands, as in the IBM logo, slides together from alternating sides and locks, then can pass on through.","name":"stripe-type","title":"Stripe Type","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts","@remotion/paths"],"description":"A line draws itself along a curve with the text riding behind its head, then the curve pulls taut and the text settles on a straight, centered baseline.","name":"path-ride","title":"Path Ride","type":"registry:component"},{"dependencies":["remotion","@remotion/google-fonts"],"description":"An After Effects style repeater on a word, where copies unfold into a tunnel, a spiral or a fan behind it, breathe, then fold back into the word.","name":"type-repeater","title":"Type Repeater","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Transcript captions where each word fills with colour left to right exactly as it is spoken, the whole phrase readable before the voice reaches it.","name":"caption-karaoke","registryDependencies":["@remocn/caption-core"],"title":"Caption Karaoke","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"A solid box travels behind the word being spoken, sliding from word to word as the voice moves on.","name":"caption-highlight-box","registryDependencies":["@remocn/caption-core"],"title":"Caption Highlight Box","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"The word being spoken turns to the accent colour and springs up in scale, then settles back as the voice moves on.","name":"caption-active-pop","registryDependencies":["@remocn/caption-core"],"title":"Caption Active Pop","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"One large word at a time, each popping in on a spring the moment it is spoken.","name":"caption-word-pop","registryDependencies":["@remocn/caption-core"],"title":"Caption Word Pop","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each word springs up into place with a little overshoot the moment it is spoken, and the phrase builds word by word.","name":"caption-bounce-in","registryDependencies":["@remocn/caption-core"],"title":"Caption Bounce In","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each word resolves out of a soft blur the moment it is spoken, for captions that arrive quietly.","name":"caption-blur-in","registryDependencies":["@remocn/caption-core"],"title":"Caption Blur In","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each word slides up out of a mask at its baseline the moment it is spoken, with no bounce and no scale.","name":"caption-rise","registryDependencies":["@remocn/caption-core"],"title":"Caption Rise","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each word types out character by character at the pace it is spoken, with a caret that blinks while the speaker pauses.","name":"caption-typewriter","registryDependencies":["@remocn/caption-core"],"title":"Caption Typewriter","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"One short line at a time, each new phrase rolling up into place as the previous one rolls out the top.","name":"caption-slot","registryDependencies":["@remocn/caption-core"],"title":"Caption Slot","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Classic broadcast subtitles, a whole phrase on a translucent plate, with no word-level animation at all.","name":"caption-subtitle","registryDependencies":["@remocn/caption-core"],"title":"Caption Subtitle","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"The whole phrase sits on screen dimmed and each word brightens the moment it is spoken, with no motion at all.","name":"caption-dim-progress","registryDependencies":["@remocn/caption-core"],"title":"Caption Dim Progress","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"A bar slides under the word being spoken, travelling from word to word while the text itself stays untouched.","name":"caption-underline","registryDependencies":["@remocn/caption-core"],"title":"Caption Underline","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each word arrives as random glyphs at the moment it is spoken and decodes left to right into the real letters.","name":"caption-scramble","registryDependencies":["@remocn/caption-core"],"title":"Caption Scramble","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"The word being spoken swells from a light weight to a heavy one and relaxes as the voice moves on, with no layout shift.","name":"caption-weight","registryDependencies":["@remocn/caption-core"],"title":"Caption Weight","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"An emoji pops up above a chosen word the moment it is spoken and stays until the phrase leaves.","name":"caption-emoji","registryDependencies":["@remocn/caption-core"],"title":"Caption Emoji","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Dialogue captions where every phrase takes its speaker's colour, so a conversation reads like a script.","name":"caption-speaker","registryDependencies":["@remocn/caption-core"],"title":"Caption Speaker","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Kinetic captions stacked a couple of words per line, with the keyword of each page set large on its own line.","name":"caption-stack","registryDependencies":["@remocn/caption-core"],"title":"Caption Stack","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Heavy-stroked captions that stay readable over any footage, with the spoken word switching to a contrast colour and nothing else moving.","name":"caption-outline","registryDependencies":["@remocn/caption-core"],"title":"Caption Outline","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Plain captions where the words that matter get a highlighter swipe the moment they are spoken.","name":"caption-marker","registryDependencies":["@remocn/caption-core"],"title":"Caption Marker","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Plain captions where the words that matter slam down as a rubber stamp the moment they are spoken.","name":"caption-stamp","registryDependencies":["@remocn/caption-core"],"title":"Caption Stamp","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each word is inked in by hand from left to right at the pace it is spoken, every word sitting at its own slight angle.","name":"caption-handwrite","registryDependencies":["@remocn/caption-core"],"title":"Caption Handwrite","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"The whole phrase starts blacked out like a declassified file, and each bar pulls away the moment its word is spoken.","name":"caption-redact","registryDependencies":["@remocn/caption-core"],"title":"Caption Redact","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Word size follows the delivery, so drawn-out words land large and rushed words stay small, and the rhythm of the voice is visible with the sound off.","name":"caption-prosody","registryDependencies":["@remocn/caption-core"],"title":"Caption Prosody","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"The whole transcript laid out on a scrolling time strip that slides under a fixed playhead, so every pause shows up as space between words.","name":"caption-timeline","registryDependencies":["@remocn/caption-core"],"title":"Caption Timeline","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"The whole transcript scrolls smoothly through a short window with the current line centred, past lines fading above and the next line waiting below.","name":"caption-teleprompter","registryDependencies":["@remocn/caption-core"],"title":"Caption Teleprompter","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"A solid plate with the words cut clean through it, each word punching out the moment it is spoken so the footage shows through the letters.","name":"caption-knockout","registryDependencies":["@remocn/caption-core"],"title":"Caption Knockout","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each word arrives cut in two, the top half sliding in from the left and the bottom from the right, locking together the moment it is spoken.","name":"caption-slice","registryDependencies":["@remocn/caption-core"],"title":"Caption Slice","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each new phrase turns into view as the next face of a 3D cube, the previous phrase rotating up and away on a horizontal hinge.","name":"caption-cube","registryDependencies":["@remocn/caption-core"],"title":"Caption Cube","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Every letter sits on its own flap tile and clatters through a few characters before landing the moment the word is spoken, like a station departure board.","name":"caption-split-flap","registryDependencies":["@remocn/caption-core"],"title":"Caption Split Flap","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each phrase is punched letter by letter into a strip of embossing tape at the pace it is spoken, the tape feeding out as the words arrive.","name":"caption-label-maker","registryDependencies":["@remocn/caption-core"],"title":"Caption Label Maker","type":"registry:component"},{"dependencies":["remotion","@remotion/captions"],"description":"Each word falls into place from above and bounces as it lands the moment it is spoken, and the whole phrase drops out of frame when the speaker pauses.","name":"caption-drop","registryDependencies":["@remocn/caption-core"],"title":"Caption Drop","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"An old-cartoon iris closes on the subject, holds a beat as a dot, then opens on the next scene.","name":"iris-wipe","title":"Iris Wipe","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"The outgoing scene splits into horizontal slats that turn edge-on in a staggered ripple, revealing the next scene behind them.","name":"venetian-blinds","title":"Venetian Blinds","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A jagged rip runs down the frame, then both halves peel apart on a spring with white fibrous torn edges, revealing the scene underneath.","name":"paper-tear","title":"Paper Tear","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"The scene melts into seeded vertical streaks like glitch-art pixel sorting, then the next scene's columns fall in and snap into place.","name":"pixel-sort","title":"Pixel Sort","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A warm analog light leak drifts in from an edge and blows the frame out to near-white at the cut, then cools off to reveal the next scene.","name":"light-leak","title":"Light Leak","type":"registry:component"},{"dependencies":["remotion"],"description":"Three moons ride tilted, shrinking orbits into a red core that bursts into a ring flash and springs the logo into place.","name":"orbit-lock","title":"Orbit Lock","type":"registry:component"},{"dependencies":["remotion"],"description":"Geometric pieces spin in from scattered positions and magnet-snap into a mark with a spark burst, then the mark slides aside for the wordmark.","name":"puzzle-snap","title":"Puzzle Snap","type":"registry:component"},{"dependencies":["remotion"],"description":"A soft spotlight cone searches the dark stage, overshoots, and lands on the logo before the house lights lift.","name":"spotlight","title":"Spotlight","type":"registry:component"},{"dependencies":["remotion","@remotion/paths"],"description":"A glass neon tube stutters alive segment by segment with a hot white core and wall glow, buzzes off once, then holds lit.","name":"neon-sign","title":"Neon Sign","type":"registry:component"},{"dependencies":["remotion"],"description":"A deflated red sliver puffs up like a balloon toy, overshoots, squashes wide and settles into a glossy rounded mark.","name":"inflate","title":"Inflate","type":"registry:component"},{"dependencies":["remotion"],"description":"A drop falls into an outlined mark and liquid rises with a sloshing, damping surface and bubbles until the mark is solid.","name":"liquid-fill","title":"Liquid Fill","type":"registry:component"},{"dependencies":["remotion"],"description":"A tight paper zigzag unfolds sideways into a flat card with the logo printed across it.","name":"accordion-unfold","title":"Accordion Unfold","type":"registry:component"},{"dependencies":["remotion"],"description":"A point of light grows into a cinematic anamorphic streak that sweeps the frame and reveals the logo in its wake.","name":"anamorphic-flare","title":"Anamorphic Flare","type":"registry:component"},{"dependencies":["remotion"],"description":"A row of pendulums with tuned periods drifts from a straight line into waves and braids, then realigns for a seamless loop.","name":"pendulum-wave","title":"Pendulum Wave","type":"registry:component"},{"dependencies":["remotion"],"description":"Hundreds of particles ride a seeded noise field, leaving silky fading trails in a seamless loop.","name":"flow-field","title":"Flow Field","type":"registry:component"},{"dependencies":["remotion"],"description":"An isometric tile grid springs up row by row into a stepped block sculpture with one accent tower, then holds.","name":"isometric-build","title":"Isometric Build","type":"registry:component"},{"dependencies":["remotion"],"description":"Conway's Game of Life plays out on a seeded grid, with newborn cells flashing in the accent.","name":"life-grid","title":"Life Grid","type":"registry:component"},{"dependencies":["remotion"],"description":"Threads string a ring of pins times-table style while the multiplier morphs from cardioid to nephroid and beyond.","name":"string-art","title":"String Art","type":"registry:component"},{"dependencies":["remotion"],"description":"Topographic contour lines around a few seeded peaks breathe and shift in a seamless loop, one contour picked out in the accent color.","name":"topo-lines","title":"Topo Lines","type":"registry:component"},{"dependencies":["remotion"],"description":"Seeds spiral out at the golden angle into a sunflower head, then an accent Fibonacci arm pulses outward.","name":"phyllotaxis","title":"Phyllotaxis","type":"registry:component"},{"dependencies":["remotion","@remotion/transitions"],"description":"A deterministic starfield stretches into radial streaks, the scene tunnels forward and a white flash at the cut reveals the next scene.","name":"hyperspace","title":"Hyperspace","type":"registry:component"},{"dependencies":["remotion"],"description":"A flat landscape built from depth layers trucks sideways with a gentle push-in, near layers sliding faster than far ones.","name":"parallax-depth","title":"Parallax Depth","type":"registry:component"},{"dependencies":["remotion"],"description":"The vertigo shot: a perspective corridor with a red door stretches deeper while the subject in the center holds its exact size.","name":"dolly-zoom","title":"Dolly Zoom","type":"registry:component"},{"dependencies":["remotion"],"description":"A product card spins on an invisible turntable through front, edge and back in real 3D, with face shading and a breathing floor shadow.","name":"turntable","title":"Turntable","type":"registry:component"},{"dependencies":["remotion"],"description":"Seeded circles, squares and triangles rain down, bounce off the floor and each other, and settle into a heap.","name":"gravity-pile","title":"Gravity Pile","type":"registry:component"},{"dependencies":["remotion"],"description":"A satin sheet draped over the content is yanked from one corner, folding and fluttering as a simulated cloth before it clears the frame.","name":"cloth-reveal","title":"Cloth Reveal","type":"registry:component"},{"dependencies":["remotion"],"description":"An isometric stack of slabs springs apart with leader lines and labels, holds, then clicks back together.","name":"exploded-view","title":"Exploded View","type":"registry:component"},{"dependencies":["remotion"],"description":"A seeded flat skyline bends into a tiny planet through a polar remap, then slowly spins beside a red sun.","name":"tiny-planet","title":"Tiny Planet","type":"registry:component"},{"dependencies":["remotion"],"description":"Heavy content slams in from above with squash, a damped camera jolt, a two-frame RGB split and dust puffs kicking out sideways.","name":"impact-shake","title":"Impact Shake","type":"registry:component"},{"dependencies":["remotion"],"description":"A two-ink risograph print: the accent plate slides in off-register, wobbles and settles a hair out of alignment over grainy paper.","name":"riso-print","title":"Riso Print","type":"registry:component"},{"dependencies":["remotion","@remotion/paths"],"description":"A hand-drawn outline boils like a cel animation, redrawn every few frames with a varying pen weight, then fills with color while it keeps boiling.","name":"line-boil","title":"Line Boil","type":"registry:component"},{"dependencies":["remotion"],"description":"The product wipes left to right into a technical drawing: blueprint grid, white linework, dimension lines with ticks, labels and a red callout.","name":"blueprint","title":"Blueprint","type":"registry:component"},{"dependencies":["remotion"],"description":"A two-ink halftone portrait swaps its ink pair on every beat, with a punch-in on the downbeat and a bar indicator.","name":"duotone-beat","title":"Duotone Beat","type":"registry:component"},{"dependencies":["remotion"],"description":"The frame cracks into a three-panel comic page with speed lines, red halftone and a starburst, then the action panel bursts into a full-frame POW.","name":"comic-panels","title":"Comic Panels","type":"registry:component"},{"dependencies":["remotion"],"description":"A flat icon casts a long shadow to the frame edge, then the light swings and the shadow sweeps around on a spring.","name":"long-shadow","title":"Long Shadow","type":"registry:component"},{"dependencies":["remotion"],"description":"A retro neon horizon: a scrolling perspective grid, a rising striped sun and mountain ranges that slide in.","name":"synthwave","title":"Synthwave","type":"registry:component"},{"dependencies":["remotion"],"description":"Toy bricks drop in row by row from the bottom with a tiny bounce, rebuilding a pixel-art logo on a baseplate.","name":"brick-mosaic","title":"Brick Mosaic","type":"registry:component"},{"dependencies":["remotion"],"description":"A glowing scanner bar sweeps across a device, turning the shell dark and revealing white-line internals with one part in red.","name":"x-ray-scan","title":"X-Ray Scan","type":"registry:component"},{"dependencies":["remotion"],"description":"A deterministic spinning arc that loops on the Remotion frame — a pure motion atom with no state.","name":"spinner","title":"UI Spinner","type":"registry:component"},{"dependencies":["remotion"],"description":"A blinking text caret — a controlled vertical bar, or a pure motion atom that blinks deterministically from useCurrentFrame.","name":"caret","title":"UI Caret","type":"registry:component"},{"dependencies":["remotion"],"description":"A button whose idle/hover/press/loading/success state is a pure function of the timeline; the loading state composes the Spinner motion atom.","name":"button","registryDependencies":["@remocn/remocn-ui","@remocn/spinner"],"title":"UI Button","type":"registry:component"},{"dependencies":["remotion"],"description":"A disclosure whose opened/closed state is a pure function of the timeline; the panel reveal, chevron, and background are keyframed presets.","name":"accordion","registryDependencies":["@remocn/remocn-ui"],"title":"UI Accordion","type":"registry:component"},{"dependencies":["remotion"],"description":"A modal alert dialog whose opened/closed state is a pure function of the timeline; the backdrop dim and popup zoom are keyframed presets. Self-contained — pair it with the Button as a trigger (see the example).","name":"alert-dialog","registryDependencies":["@remocn/remocn-ui"],"title":"UI Alert Dialog","type":"registry:component"},{"dependencies":["remotion"],"description":"A modal dialog whose opened/closed state is a pure function of the timeline; the backdrop dim and popup zoom are keyframed presets, with a close button and a primary action. Self-contained — pair it with the Button as a trigger (see the example).","name":"dialog","registryDependencies":["@remocn/remocn-ui"],"title":"UI Dialog","type":"registry:component"},{"dependencies":["remotion"],"description":"A side panel whose opened/closed state is a pure function of the timeline; the backdrop dim and right-edge slide-in are keyframed presets, with a close button and a primary action. Self-contained — pair it with the Button as a trigger (see the example).","name":"sheet","registryDependencies":["@remocn/remocn-ui"],"title":"UI Sheet","type":"registry:component"},{"dependencies":["remotion"],"description":"A bottom panel whose opened/closed state is a pure function of the timeline; the backdrop dim and bottom-edge slide-up are keyframed presets, with a drag handle and a primary action. Self-contained — pair it with the Button as a trigger (see the example).","name":"drawer","registryDependencies":["@remocn/remocn-ui"],"title":"UI Drawer","type":"registry:component"},{"dependencies":["remotion"],"description":"A checkbox whose checked/unchecked state is a pure function of the timeline; the box fill, border, and checkmark draw are keyframed presets.","name":"checkbox","registryDependencies":["@remocn/remocn-ui"],"title":"UI Checkbox","type":"registry:component"},{"dependencies":["remotion"],"description":"A radio whose checked/unchecked state is a pure function of the timeline; the ring border and inner dot pop are keyframed presets.","name":"radio","registryDependencies":["@remocn/remocn-ui"],"title":"UI Radio","type":"registry:component"},{"dependencies":["remotion"],"description":"A switch whose checked/unchecked state is a pure function of the timeline; the track fill and sliding thumb are keyframed presets.","name":"switch","registryDependencies":["@remocn/remocn-ui"],"title":"UI Switch","type":"registry:component"},{"dependencies":["remotion"],"description":"A text input whose idle/hover/active/typing/invalid state is a pure function of the timeline; the focus ring, border, caret, and value reveal are keyframed presets.","name":"input","registryDependencies":["@remocn/remocn-ui","@remocn/caret"],"title":"UI Input","type":"registry:component"},{"dependencies":["remotion"],"description":"A wrapper that reveals a single child with blur + opacity + a directional offset; a pure state atom, theme-independent — its context is a motion config (blur/distance/axis), not a theme.","name":"blur-in","registryDependencies":["@remocn/remocn-ui"],"title":"UI Blur In","type":"registry:component"},{"dependencies":["remotion"],"description":"A static layout family for composing labeled form controls, modeled on shadcn's Field: FieldGroup ▸ Field ▸ FieldLabel / FieldControl / FieldDescription. Reads no frame and holds no state — colors come from the resolved theme. FieldControl is a relative fixed-height slot for the ","name":"field","registryDependencies":["@remocn/remocn-ui"],"title":"UI Field","type":"registry:component"},{"dependencies":["remotion"],"description":"A select option row whose idle/hover/press/selected state is a pure function of the timeline; the row background, label color, and check icon are keyframed presets. Composed inside the Select panel.","name":"select-item","registryDependencies":["@remocn/remocn-ui"],"title":"UI Select Item","type":"registry:component"},{"dependencies":["remotion"],"description":"A select whose opened/closed state is a pure function of the timeline; the trigger reuses the Button primitive and the reveal panel composes SelectItem rows. The panel fade, scale, lift, and chevron are keyframed presets.","name":"select","registryDependencies":["@remocn/remocn-ui","@remocn/button","@remocn/select-item"],"title":"UI Select","type":"registry:component"},{"dependencies":["remotion"],"description":"A vertical option list where exactly one row is highlighted; the highlight bar and left accent slide smoothly between rows. Fully controlled via selectedIndex/state or useSelectMenuTransition.","name":"select-menu","registryDependencies":["@remocn/remocn-ui"],"title":"UI Select Menu","type":"registry:component"},{"dependencies":["remotion"],"description":"A dropdown menu action row whose idle/hover/press state is a pure function of the timeline; the row background and label color are keyframed presets. Composed inside the DropdownMenu panel.","name":"dropdown-menu-item","registryDependencies":["@remocn/remocn-ui"],"title":"UI Dropdown Menu Item","type":"registry:component"},{"dependencies":["remotion"],"description":"A tabs widget whose active-tab state is a pure function of the timeline; the sliding indicator, label colors, and panel crossfade are keyframed/derived presets.","name":"tabs","registryDependencies":["@remocn/remocn-ui"],"title":"UI Tabs","type":"registry:component"},{"dependencies":["remotion"],"description":"A dropdown menu whose opened/closed state is a pure function of the timeline; the trigger reuses the Button primitive and the reveal panel composes DropdownMenuItem rows. The panel fade, scale, lift, and chevron are keyframed presets.","name":"dropdown-menu","registryDependencies":["@remocn/remocn-ui","@remocn/button","@remocn/dropdown-menu-item"],"title":"UI Dropdown Menu","type":"registry:component"},{"dependencies":["remotion"],"description":"An animated cursor that moves between waypoints, clicks (ripple), and drags. The Cursor renderer is a pure function of a numeric CursorStyle channel; useCursorPath reads the frame and eases the path, ripple, and press phases.","name":"cursor","registryDependencies":["@remocn/remocn-ui"],"title":"UI Cursor","type":"registry:component"},{"dependencies":["remotion"],"description":"A toast notification whose hidden/visible state is a pure function of the timeline. The Toast renderer is a pure function of a ToastStyle (opacity, translateY, scale); useToastTransition eases both the slide-in enter and the auto-dismiss exit. Variants default/success/error chang","name":"toast","registryDependencies":["@remocn/remocn-ui"],"title":"UI Toast","type":"registry:component"},{"dependencies":["remotion"],"description":"A command-palette row whose idle/hover/press/selected state is a pure function of the timeline. Leading icon + label + trailing shortcut kbd. Exports an inline CommandMenuItemRow (reused by CommandMenu) and a standalone CommandMenuItem atom; the row background, label color, and i","name":"command-menu-item","registryDependencies":["@remocn/remocn-ui"],"title":"UI Command Menu Item","type":"registry:component"},{"dependencies":["remotion"],"description":"A ⌘K command palette whose opened/closed state is a pure function of the timeline; the panel zoom + backdrop dim are dialog-like keyframed presets. The search row reveals the typed query, the list is filtered by a pure case-insensitive substring on the visible query prefix, and r","name":"command-menu","registryDependencies":["@remocn/remocn-ui","@remocn/command-menu-item"],"title":"UI Command Menu","type":"registry:component"},{"dependencies":["remotion"],"description":"A tooltip whose hidden/visible state is a pure function of the timeline. The Tooltip renderer is a pure function of a TooltipStyle (opacity, scale, translate); useTooltipTransition eases both the show and the hide. The static `side` prop sets the enter translate axis and the arro","name":"tooltip","registryDependencies":["@remocn/remocn-ui"],"title":"UI Tooltip","type":"registry:component"},{"dependencies":["remotion"],"description":"A progress bar whose fill is a pure function of a numeric value channel (value-channel deviation). The Progress renderer takes a clamped 0–100 value; useProgressTransition reads the frame and eases the fill between value steps. Muted track + primary indicator, optional floored pe","name":"progress","registryDependencies":["@remocn/remocn-ui"],"title":"UI Progress","type":"registry:component"},{"dependencies":["remotion"],"description":"A shimmer placeholder block — a motion atom (spinner pattern). A directional highlight gradient sweeps across deterministically from useCurrentFrame() and loops seamlessly. Configurable width/height/radius/speed and base/highlight colors.","name":"skeleton-block","registryDependencies":["@remocn/remocn-ui"],"title":"UI Skeleton Block","type":"registry:component"},{"dependencies":["remotion"],"description":"A skeleton→content crossfade whose loading/loaded state is a pure function of the timeline. The Skeleton renderer is pure (reads no frame); only the composed SkeletonBlock shimmer reads it. SkeletonStyle opacities sum to 1 so the box never dims; real children sit in normal flow a","name":"skeleton","registryDependencies":["@remocn/remocn-ui","@remocn/skeleton-block"],"title":"UI Skeleton","type":"registry:component"},{"dependencies":["remotion"],"description":"A slider whose fill is a numeric value channel plus a thumb idle/hover/press channel (dual-channel value-channel deviation). The Slider renderer is pure (clamped 0–100 value, thumb scale, grab-ring opacity); useSliderTransition reads the frame and eases both channels — value as a","name":"slider","registryDependencies":["@remocn/remocn-ui"],"title":"UI Slider","type":"registry:component"},{"dependencies":["remotion"],"description":"A combobox whose opened/closed state is a pure function of the timeline; the panel fade/scale/lift are keyframed presets like select. The trigger reuses the Input presets (typed query + caret reveal via an injected inputStyle), the list is filtered by a pure case-insensitive subs","name":"combobox","registryDependencies":["@remocn/remocn-ui","@remocn/input","@remocn/select-item"],"title":"UI Combobox","type":"registry:component"},{"dependencies":["remotion"],"description":"A popover/hover-card whose opened/closed state is a pure function of the timeline. The Popover renderer is a pure function of a PopoverStyle (opacity, scale, translate); usePopoverTransition eases both the open and the close. The static `side` prop sets the enter translate axis; ","name":"popover","registryDependencies":["@remocn/remocn-ui"],"title":"UI Popover","type":"registry:component"},{"dependencies":["remotion"],"description":"A right-click context menu whose opened/closed state is a pure function of the timeline; the panel scales from its top-left corner (the click point) with a fade + lift. No trigger — the caller positions it. Rows reuse the DropdownMenuItem row; items are plain string labels.","name":"context-menu","registryDependencies":["@remocn/remocn-ui","@remocn/dropdown-menu-item"],"title":"UI Context Menu","type":"registry:component"},{"dependencies":["remotion"],"description":"A segmented control whose active value is a pure function of the timeline; a raised thumb SLIDES between segments (position + width derived from a float indicator offset, no jumps) and the labels crossfade color via mixOklch. The tabs precedent without content panels.","name":"toggle-group","registryDependencies":["@remocn/remocn-ui"],"title":"UI Toggle Group","type":"registry:component"},{"dependencies":["remotion"],"description":"A horizontal onboarding stepper whose progress is a pure function of a continuous step index (value-channel deviation). Every circle (fill, number, stroke-dash check) and connector (primary fill fraction) derives purely from the float position; useStepperTransition reads the fram","name":"stepper","registryDependencies":["@remocn/remocn-ui"],"title":"UI Stepper","type":"registry:component"},{"dependencies":["remotion"],"description":"Two panels split by a draggable handle, where the split ratio is a numeric channel plus a handle idle/hover/press channel (dual-channel value-channel deviation). The Resizable renderer is pure (clamped 0–1 ratio, handle scale, grab-ring opacity); useResizableTransition reads the ","name":"resizable","registryDependencies":["@remocn/remocn-ui"],"title":"UI Resizable","type":"registry:component"},{"dependencies":["remotion"],"description":"A signup card composition: a real shadcn-style card (header, labeled Full Name / Email / Password / Confirm fields, primary + Google-outline buttons, sign-in footer) whose cursor fills each field top-to-bottom, then clicks Create account (hover → press → loading → success) as a s","name":"signup-flow","registryDependencies":["@remocn/remocn-ui","@remocn/cursor","@remocn/input","@remocn/button","@remocn/toast","@remocn/field","@remocn/blur-in"],"title":"UI Signup Flow","type":"registry:component"},{"dependencies":["remotion"],"description":"An AI prompt composition: a prompt types into the field, the Generate button runs hover → press → loading, a skeleton shimmer reveals, then crossfades into the generated answer, and a ready toast slides in. A pure orchestrator — the shimmer is owned by the skeleton-block motion a","name":"ai-prompt-flow","registryDependencies":["@remocn/remocn-ui","@remocn/input","@remocn/button","@remocn/skeleton","@remocn/skeleton-block","@remocn/toast"],"title":"UI AI Prompt Flow","type":"registry:component"},{"dependencies":["remotion"],"description":"A cursor-driven checkout card: the card and its fields blur-in, then the pointer flips a billing-cycle toggle, types a card number, ticks the terms checkbox, and presses Pay through to success, ending in a toast. A pure orchestrator — every channel comes from a composed primitive","name":"checkout-flow","registryDependencies":["@remocn/remocn-ui","@remocn/toggle-group","@remocn/input","@remocn/checkbox","@remocn/button","@remocn/field","@remocn/blur-in","@remocn/cursor","@remocn/toast"],"title":"UI Checkout Flow","type":"registry:component"},{"dependencies":["remotion"],"description":"A multi-step onboarding composition: a horizontal stepper advances through panels of input, radio, and switch fields, finishing on a Finish button that runs to success. Panel crossfade derives linearly from the stepper's exposed position channel; every other channel comes from a ","name":"onboarding-stepper-flow","registryDependencies":["@remocn/remocn-ui","@remocn/stepper","@remocn/input","@remocn/radio","@remocn/switch","@remocn/button"],"title":"UI Onboarding Stepper Flow","type":"registry:component"},{"dependencies":["remotion"],"description":"A two-column settings card: the card and its controls blur-in, then the cursor flips a switch, opens a select, drags a labeled slider, and clicks Save, ending in a saved toast. A pure orchestrator — every channel comes from a composed primitive's transition hook.","name":"settings-toggle-flow","registryDependencies":["@remocn/remocn-ui","@remocn/switch","@remocn/select","@remocn/slider","@remocn/button","@remocn/blur-in","@remocn/cursor","@remocn/toast"],"title":"UI Settings Toggle Flow","type":"registry:component"},{"dependencies":["remotion"],"description":"A chat message bubble whose hidden/visible state is a pure function of the timeline. The renderer is a pure function of a MessageBubbleStyle (opacity, translateY, scale); useMessageBubbleTransition eases the rise-in enter. The incoming/outgoing variant resolves bubble color and a","name":"message-bubble","registryDependencies":["@remocn/remocn-ui"],"title":"UI Message Bubble","type":"registry:component"},{"dependencies":["remotion"],"description":"A continuous typing animation: N dots bounce with a staggered sine wave. A motion atom — it reads the frame and takes color, size, gap, and speed props, defaulting to currentColor so it inherits the bubble it sits in.","name":"typing-indicator","registryDependencies":["@remocn/remocn-ui"],"title":"UI Typing Indicator","type":"registry:component"},{"dependencies":["remotion"],"description":"A messaging composition: an outgoing message types into the composer, the send button presses, and the bubble rises in; the other side shows a typing indicator that swaps into the reply, and reactions pop in. A pure orchestrator — every channel comes from a composed primitive's h","name":"chat-flow","registryDependencies":["@remocn/remocn-ui","@remocn/caret","@remocn/message-bubble","@remocn/typing-indicator"],"title":"UI Chat Flow","type":"registry:component"},{"dependencies":["remotion"],"description":"A Telegram-styled messaging composition: tailed bubbles (white incoming, blue outgoing) with in-bubble timestamps and delivery checks, a header that flips to 'typing…' while the other side replies, reaction chips, and a Telegram composer that types the outgoing message before sen","name":"telegram-chat-flow","registryDependencies":["@remocn/remocn-ui","@remocn/caret"],"title":"UI Telegram Chat Flow","type":"registry:component"},{"dependencies":["remotion","lucide-react"],"description":"An iMessage-styled messaging composition: gray incoming and blue outgoing bubbles with tails, an in-thread typing bubble with dots, a Delivered label, and tapback-style reaction badges. The composer types the outgoing message before sending. Chrome icons come from lucide-react; s","name":"imessage-chat-flow","registryDependencies":["@remocn/remocn-ui","@remocn/caret","@remocn/typing-indicator"],"title":"UI iMessage Chat Flow","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide check icon — the stroke draws on, then stamps with a spring pop to mark a step, task, or claim as done.","name":"icon-check","registryDependencies":["@remocn/icons-core"],"title":"Check","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide circle-check icon — the ring draws clockwise, the checkmark traces in, then the whole mark pops to confirm a completed or successful state.","name":"icon-check-circle","registryDependencies":["@remocn/icons-core"],"title":"Check Circle","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide x icon — the two diagonals draw in crosswise, then the mark shakes to punctuate an error, removal, or dismissal.","name":"icon-x","registryDependencies":["@remocn/icons-core"],"title":"X","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide activity icon — the pulse line sweeps through like an EKG, popping at the peak. Loops by default.","name":"icon-activity","registryDependencies":["@remocn/icons-core"],"title":"Activity","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide triangle-alert icon — the outline draws on, the mark pops in, then the exclamation blinks to flag a risk or warning.","name":"icon-alert-triangle","registryDependencies":["@remocn/icons-core"],"title":"Alert Triangle","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide info icon — the ring draws clockwise, the dot pops and stem draws in, then the dot bobs to draw a gentle, neutral note.","name":"icon-info","registryDependencies":["@remocn/icons-core"],"title":"Info","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide loader-circle icon — the arc draws on, then spins continuously for a loading or processing beat. Loops by default.","name":"icon-loader","registryDependencies":["@remocn/icons-core"],"title":"Loader","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide refresh-cw icon — the two arcs draw on, arrowheads pop, then the whole mark spins in cycles for sync, retry, or up-to-date messaging. Loops by default.","name":"icon-refresh-cw","registryDependencies":["@remocn/icons-core"],"title":"Refresh Cw","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide search icon — the lens draws on, the handle extends, then the magnifier sweeps a small scanning path for a search or discovery beat.","name":"icon-search","registryDependencies":["@remocn/icons-core"],"title":"Search","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide bell icon — the body draws on, the clapper follows, then the bell swings from its mount to signal a notification or alert.","name":"icon-bell","registryDependencies":["@remocn/icons-core"],"title":"Bell","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide download icon — the tray draws on, the arrow fades in, then drops into the tray with a squash on impact for a download or export beat.","name":"icon-download","registryDependencies":["@remocn/icons-core"],"title":"Download","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide upload icon — the tray draws on, the arrow fades in, then launches upward with a spring for an upload, publish, or submission beat.","name":"icon-upload","registryDependencies":["@remocn/icons-core"],"title":"Upload","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide copy icon — the two sheets draw back-to-front, then the front sheet lifts and settles to read as a duplicate for a copy-to-clipboard beat.","name":"icon-copy","registryDependencies":["@remocn/icons-core"],"title":"Copy","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide settings icon — the gear and center draw on, then the gear turns exactly one tooth for a settings, configuration, or customization beat.","name":"icon-settings","registryDependencies":["@remocn/icons-core"],"title":"Settings","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide trash-2 icon — the can draws on, then the lid flips open and the contents vanish for a delete or cleanup beat.","name":"icon-trash","registryDependencies":["@remocn/icons-core"],"title":"Trash","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide plus icon — the two strokes draw on, then the mark twirls 90deg with a scale pop for an energetic add or create beat.","name":"icon-plus","registryDependencies":["@remocn/icons-core"],"title":"Plus","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide send icon — the paper plane draws on, then darts forward with a wind-up and settles back for a send-message beat.","name":"icon-send","registryDependencies":["@remocn/icons-core"],"title":"Send","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide heart icon — the outline draws on, then a lub-dub heartbeat pulse for likes, favorites, or built-with-love moments.","name":"icon-heart","registryDependencies":["@remocn/icons-core"],"title":"Heart","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide star icon — the outline draws on, then twinkles into place with a small rotate and scale pop for ratings, favorites, or star callouts.","name":"icon-star","registryDependencies":["@remocn/icons-core"],"title":"Star","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide thumbs-up icon — the hand draws on, then springs up with an approving stamp for positive reviews, approvals, or social-proof beats.","name":"icon-thumbs-up","registryDependencies":["@remocn/icons-core"],"title":"Thumbs Up","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide party-popper icon — the cone draws on, then confetti bursts outward as the cone recoils for launch, milestone, or celebration finales.","name":"icon-party-popper","registryDependencies":["@remocn/icons-core"],"title":"Party Popper","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide arrow-right icon — the shaft and head draw on, then the arrow nudges forward for CTAs, next-step pointers, or flow direction.","name":"icon-arrow-right","registryDependencies":["@remocn/icons-core"],"title":"Arrow Right","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide arrow-left icon — the shaft and head draw on, then the arrow nudges back for back navigation or 'previously' callbacks.","name":"icon-arrow-left","registryDependencies":["@remocn/icons-core"],"title":"Arrow Left","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide arrow-up icon — the shaft and head draw on, then the arrow nudges up for growth, improvement, or upward-trend beats.","name":"icon-arrow-up","registryDependencies":["@remocn/icons-core"],"title":"Arrow Up","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide arrow-down icon — the shaft and head draw on, then the arrow nudges down for cost/latency reduction beats or scroll cues.","name":"icon-arrow-down","registryDependencies":["@remocn/icons-core"],"title":"Arrow Down","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide external-link icon — the box and arrow draw on, then the arrow darts out toward the top-right for 'view on GitHub', external docs, or open-in-new-tab beats.","name":"icon-external-link","registryDependencies":["@remocn/icons-core"],"title":"External Link","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide play icon — the triangle draws on, then presses in and springs forward like a play button being hit.","name":"icon-play","registryDependencies":["@remocn/icons-core"],"title":"Play","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide pause icon — the two bars draw on, then pinch toward each other and settle like a held breath.","name":"icon-pause","registryDependencies":["@remocn/icons-core"],"title":"Pause","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide skip-forward icon — draws on, then dashes forward past center and snaps against its end bar.","name":"icon-skip-forward","registryDependencies":["@remocn/icons-core"],"title":"Skip Forward","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide volume-2 icon — the speaker draws on, then the two sound waves ripple outward one after the other.","name":"icon-volume-2","registryDependencies":["@remocn/icons-core"],"title":"Volume 2","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide volume-x icon — the speaker draws on, then the X slashes in and the glyph shakes off the sound.","name":"icon-volume-x","registryDependencies":["@remocn/icons-core"],"title":"Volume X","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide mic icon — draws on, then the capsule bounces twice like a level meter picking up voice.","name":"icon-mic","registryDependencies":["@remocn/icons-core"],"title":"Mic","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide video icon — draws on, then the lens wedge pans out and snaps back to its shot.","name":"icon-video","registryDependencies":["@remocn/icons-core"],"title":"Video","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide camera icon — draws on, then the lens blinks shut and open like a shutter firing.","name":"icon-camera","registryDependencies":["@remocn/icons-core"],"title":"Camera","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide image icon — the frame draws on, then the mountain redraws and the sun drifts into place like a photo developing.","name":"icon-image","registryDependencies":["@remocn/icons-core"],"title":"Image","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide chevron-up icon — draws on, then nudges upward with a fading echo.","name":"icon-chevron-up","registryDependencies":["@remocn/icons-core"],"title":"Chevron Up","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide chevron-down icon — draws on, then nudges downward with a fading echo.","name":"icon-chevron-down","registryDependencies":["@remocn/icons-core"],"title":"Chevron Down","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide chevron-left icon — draws on, then nudges left with a fading echo.","name":"icon-chevron-left","registryDependencies":["@remocn/icons-core"],"title":"Chevron Left","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide chevron-right icon — draws on, then nudges right with a fading echo.","name":"icon-chevron-right","registryDependencies":["@remocn/icons-core"],"title":"Chevron Right","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide menu icon — the three bars slide in from the left, top to bottom, each overshooting into place.","name":"icon-menu","registryDependencies":["@remocn/icons-core"],"title":"Menu","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide more-horizontal icon — three dots pop in, then do a left-to-right thinking wave.","name":"icon-more-horizontal","registryDependencies":["@remocn/icons-core"],"title":"More Horizontal","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide maximize icon — four corner brackets draw on, then fly outward and spring back like a window going fullscreen.","name":"icon-maximize","registryDependencies":["@remocn/icons-core"],"title":"Maximize","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide layout-grid icon — four tiles draw on, then re-pop into place clockwise like a dashboard assembling.","name":"icon-layout-grid","registryDependencies":["@remocn/icons-core"],"title":"Layout Grid","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide pencil icon — draws on, then scribbles: the pencil rocks around its tip as if writing.","name":"icon-pencil","registryDependencies":["@remocn/icons-core"],"title":"Pencil","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide share-2 icon — three nodes draw on, then the connections re-trace and the receiving nodes pop as the share lands.","name":"icon-share-2","registryDependencies":["@remocn/icons-core"],"title":"Share 2","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide filter icon — the funnel draws on, then gives two quick shakes as results fall through.","name":"icon-filter","registryDependencies":["@remocn/icons-core"],"title":"Filter","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide eye icon — draws on, then blinks once and refocuses its pupil.","name":"icon-eye","registryDependencies":["@remocn/icons-core"],"title":"Eye","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide eye-off icon — the eye fragments draw on, then the slash cuts through and visibility dims.","name":"icon-eye-off","registryDependencies":["@remocn/icons-core"],"title":"Eye Off","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide rocket icon — draws on, then lifts off: the ship rises on a tilt while the flame re-ignites, then eases back to rest.","name":"icon-rocket","registryDependencies":["@remocn/icons-core"],"title":"Rocket","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide save icon — the disk draws on, then presses down and writes: the label slot re-draws as data commits.","name":"icon-save","registryDependencies":["@remocn/icons-core"],"title":"Save","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide link icon — two chain halves draw on, pull apart, and click together.","name":"icon-link","registryDependencies":["@remocn/icons-core"],"title":"Link","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide bookmark icon — draws on, then drops into place from above with a spring landing.","name":"icon-bookmark","registryDependencies":["@remocn/icons-core"],"title":"Bookmark","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide lock icon — the body draws on, then the shackle lifts and slams shut with a confirming pop.","name":"icon-lock","registryDependencies":["@remocn/icons-core"],"title":"Lock","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide key icon — draws on, then turns in an invisible lock and springs back.","name":"icon-key","registryDependencies":["@remocn/icons-core"],"title":"Key","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide log-out icon — draws on, then the arrow steps out through the door frame with a fading echo.","name":"icon-log-out","registryDependencies":["@remocn/icons-core"],"title":"Log Out","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide mail icon — the envelope draws on, then the flap re-traces open and the whole envelope pops: you've got mail.","name":"icon-mail","registryDependencies":["@remocn/icons-core"],"title":"Mail","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide message-circle icon — the bubble draws on, then inflates from its tail like a message arriving.","name":"icon-message-circle","registryDependencies":["@remocn/icons-core"],"title":"Message Circle","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide phone icon — draws on, then rings: three decaying rotation oscillations around center.","name":"icon-phone","registryDependencies":["@remocn/icons-core"],"title":"Phone","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide at-sign icon — the inner 'a' draws and pops, then the outer swoosh re-traces its tail: a mention landing.","name":"icon-at-sign","registryDependencies":["@remocn/icons-core"],"title":"At Sign","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide inbox icon — the tray draws on, then dips under the weight of an arriving item and springs back.","name":"icon-inbox","registryDependencies":["@remocn/icons-core"],"title":"Inbox","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide shield icon — draws on, then braces: a firm guard pulse that asserts protection.","name":"icon-shield","registryDependencies":["@remocn/icons-core"],"title":"Shield","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide help-circle icon — the ring draws on, then the question mark re-draws and tilts like a curious head.","name":"icon-help-circle","registryDependencies":["@remocn/icons-core"],"title":"Help Circle","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide plus-circle icon — the ring draws on, the plus crosses in, then the whole badge pops.","name":"icon-plus-circle","registryDependencies":["@remocn/icons-core"],"title":"Plus Circle","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide x-circle icon — the ring draws on, the X slashes in, and the badge shakes once: firmly rejected.","name":"icon-x-circle","registryDependencies":["@remocn/icons-core"],"title":"X Circle","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide calendar icon — the pad draws on, then the binder rings dip and the page snaps into place.","name":"icon-calendar","registryDependencies":["@remocn/icons-core"],"title":"Calendar","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide clock icon — the face draws on, then the hands sweep through discrete ticks. Loops by default.","name":"icon-clock","registryDependencies":["@remocn/icons-core"],"title":"Clock","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide timer icon — draws on, then the start button clicks and the hand sweeps: the stopwatch is running.","name":"icon-timer","registryDependencies":["@remocn/icons-core"],"title":"Timer","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide home icon — the house draws on, then the door re-draws open and the house settles: welcome home.","name":"icon-home","registryDependencies":["@remocn/icons-core"],"title":"Home","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide folder icon — draws on, then the folder tips open for a peek and closes.","name":"icon-folder","registryDependencies":["@remocn/icons-core"],"title":"Folder","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide file-text icon — the page draws on, then the text lines type themselves in, top to bottom.","name":"icon-file-text","registryDependencies":["@remocn/icons-core"],"title":"File Text","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide code icon — the angle brackets draw on, pull apart, and snap back around their code.","name":"icon-code","registryDependencies":["@remocn/icons-core"],"title":"Code","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide target icon — three rings draw in from outside, then the bullseye hits: inner dot pops and the board shudders.","name":"icon-target","registryDependencies":["@remocn/icons-core"],"title":"Target","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide terminal icon — draws on, then the prompt nudges forward and the cursor blinks twice.","name":"icon-terminal","registryDependencies":["@remocn/icons-core"],"title":"Terminal","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide database icon — the cylinder draws on, then a write lands: the top disc pops and data settles down the stack.","name":"icon-database","registryDependencies":["@remocn/icons-core"],"title":"Database","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide cloud icon — draws on, then floats: a weightless bob and a half before settling.","name":"icon-cloud","registryDependencies":["@remocn/icons-core"],"title":"Cloud","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide globe icon — draws on, then the meridian sweeps west to east like the world turning. Loops by default.","name":"icon-globe","registryDependencies":["@remocn/icons-core"],"title":"Globe","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide monitor icon — the stand draws, then the screen powers on with a CRT-style unsquash.","name":"icon-monitor","registryDependencies":["@remocn/icons-core"],"title":"Monitor","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide smartphone icon — draws on, then buzzes: three fast vibration oscillations.","name":"icon-smartphone","registryDependencies":["@remocn/icons-core"],"title":"Smartphone","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide sun icon — the core draws on, then eight rays fan out clockwise and the sun swells: sunrise.","name":"icon-sun","registryDependencies":["@remocn/icons-core"],"title":"Sun","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide moon icon — draws on, then rocks gently into place: settling in for the night.","name":"icon-moon","registryDependencies":["@remocn/icons-core"],"title":"Moon","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide shopping-cart icon — draws on, then rolls forward to checkout, wheels popping as it stops.","name":"icon-shopping-cart","registryDependencies":["@remocn/icons-core"],"title":"Shopping Cart","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide credit-card icon — the card draws on, then the stripe swipes through and the card tips: payment accepted.","name":"icon-credit-card","registryDependencies":["@remocn/icons-core"],"title":"Credit Card","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide crown icon — descends into place from above, lands with a pop, then rocks regally to rest.","name":"icon-crown","registryDependencies":["@remocn/icons-core"],"title":"Crown","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide dollar-sign icon — draws on, then the sign stretches tall: understated cha-ching.","name":"icon-dollar-sign","registryDependencies":["@remocn/icons-core"],"title":"Dollar Sign","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide tag icon — draws on, then swings from its hole like a price tag flicked by a shopper.","name":"icon-tag","registryDependencies":["@remocn/icons-core"],"title":"Tag","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide package icon — the box draws on, lands with a squash-and-stretch, then the tape seam seals it.","name":"icon-package","registryDependencies":["@remocn/icons-core"],"title":"Package","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide gem icon — the stone draws on, then light catches it: facets re-trace in sequence with a flicker and a pop.","name":"icon-gem","registryDependencies":["@remocn/icons-core"],"title":"Gem","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide gift icon — draws on, then the lid lifts for a peek and lands with a ribbon pop: almost unwrapped.","name":"icon-gift","registryDependencies":["@remocn/icons-core"],"title":"Gift","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide wallet icon — draws on, then the wallet thickens with a quiet x-scale: money in.","name":"icon-wallet","registryDependencies":["@remocn/icons-core"],"title":"Wallet","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide award icon — the medal draws on, the ribbon unfurls beneath it, then the medal swings to rest.","name":"icon-award","registryDependencies":["@remocn/icons-core"],"title":"Award","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide bar-chart-3 icon — the axis draws on, then three bars rise left to right with overshoot: the classic growth chart.","name":"icon-bar-chart-3","registryDependencies":["@remocn/icons-core"],"title":"Bar Chart 3","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide trending-down icon — the line descends across, then the arrowhead lands with damped weight.","name":"icon-trending-down","registryDependencies":["@remocn/icons-core"],"title":"Trending Down","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide trending-up icon — the line climbs across, then the arrowhead pops at the peak.","name":"icon-trending-up","registryDependencies":["@remocn/icons-core"],"title":"Trending Up","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide trophy icon — draws on, then hoists: the cup hops with a pop at the apex while its handles flash in.","name":"icon-trophy","registryDependencies":["@remocn/icons-core"],"title":"Trophy","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide user icon — draws on, then gives a small presence nod: head dips as shoulders rise to meet it.","name":"icon-user","registryDependencies":["@remocn/icons-core"],"title":"User","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide users icon — the front figure draws on and pops, then the second figure slides in from behind: the team assembles.","name":"icon-users","registryDependencies":["@remocn/icons-core"],"title":"Users","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide user-plus icon — the figure draws on, then the plus strokes draw in and pop: a new member added.","name":"icon-user-plus","registryDependencies":["@remocn/icons-core"],"title":"User Plus","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide sparkles icon — the main sparkle draws on, the accents pop, then a looping twinkle for AI, magic, or premium highlights. Loops by default.","name":"icon-sparkles","registryDependencies":["@remocn/icons-core"],"title":"Sparkles","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide zap icon — the bolt draws in fast, then flashes with a double blink for speed, performance, or instant-result claims.","name":"icon-zap","registryDependencies":["@remocn/icons-core"],"title":"Zap","type":"registry:component"},{"dependencies":["remotion"],"description":"Animated Lucide flame icon — the outline draws on, then flickers with a looping scale-and-skew wobble for hot features, trending items, or streaks. Loops by default.","name":"icon-flame","registryDependencies":["@remocn/icons-core"],"title":"Flame","type":"registry:component"},{"dependencies":["remotion","@fontsource/inter"],"description":"A 16-second cinematic release teaser with center-out typography, a procedural dimensional mark, moving edge light, and an independent fictional identity.","name":"release-teaser","title":"Release Teaser","type":"registry:component"},{"dependencies":["remotion","@fontsource/manrope","@fontsource/inter"],"description":"An independent 17.9-second identity film with a geometric mark, sliding palette, kinetic type specimens, and original object photography.","name":"brand-guidelines","registryDependencies":["@remocn/caret"],"title":"Brand Guidelines","type":"registry:component"},{"dependencies":["remotion","@fontsource/inter","@fontsource/roboto-mono"],"description":"An independent 46.8-second release automation demo with typed commands, environment diagrams, pipeline metrics, and an original node mark.","name":"workflow-console","registryDependencies":["@remocn/typed-split-wipe","@remocn/caret"],"title":"Workflow Console","type":"registry:component"},{"dependencies":["remotion","@fontsource/manrope"],"description":"An independent 26.7-second editorial product film with forest-green accents, original photography, seven editable demos, and geometric marks.","name":"launch-anything","registryDependencies":["@remocn/shader-text-reveal"],"title":"Product Showcase","type":"registry:component"},{"dependencies":["remotion","@fontsource/manrope"],"description":"An independent 18-second trading-interface demo with fictional market data, graphite and amber styling, an original stepped mark, and editable camera choreography.","name":"fomo-limit-orders","title":"Order Flow","type":"registry:component"}]},"wa ui":{"favicon":"/favicons/wa-ui.svg","items":[{"description":"WhatsApp-style message bubble with incoming/outgoing variants, timestamps, read receipts, group chat sender, and animated tail.","name":"chat-bubble","title":"Chat Bubble","type":"registry:component"},{"description":"WhatsApp-style conversation list row with color avatar initials, name, last message, timestamp, unread badge, read receipts, mute, and pin.","name":"chat-list-item","title":"Chat List Item","type":"registry:component"},{"description":"WhatsApp-style conversation header with avatar, contact name, online status, and action buttons.","name":"chat-header","title":"Chat Header","type":"registry:component"},{"description":"WhatsApp-style message composer with emoji, attachment, auto-resize textarea, and send/voice toggle.","name":"message-input","title":"Message Input","type":"registry:component"},{"description":"WhatsApp-style centered date pill divider for separating messages by date.","name":"date-separator","title":"Date Separator","type":"registry:component"},{"description":"WhatsApp-style animated typing indicator with three bouncing dots and optional sender name.","name":"typing-indicator","title":"Typing Indicator","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp-style emoji reaction pill with count and toggle state using @base-ui/react Toggle.","name":"reaction-pill","title":"Reaction Pill","type":"registry:component"},{"description":"WhatsApp-style image bubble supporting single image, multi-image grid (2x2 with +N overflow), loading skeleton, and captions.","name":"image-bubble","title":"Image Bubble","type":"registry:component"},{"description":"WhatsApp-style video message bubble with play/pause, duration badge, caption, and read receipts.","name":"video-bubble","title":"Video Bubble","type":"registry:component"},{"description":"WhatsApp-style voice message with play/pause, waveform, playback progress, duration, and read receipts.","name":"voice-message-bubble","title":"Voice Message Bubble","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp-style file bubble with type-based color icon badge, file name/size, download progress via @base-ui/react Progress, and read receipts.","name":"file-attachment-bubble","title":"File Attachment Bubble","type":"registry:component"},{"description":"WhatsApp Business template message bubble supporting text/image/video/document/location headers and url/phone/quick_reply/copy_code/flow/call_permission buttons.","name":"template-bubble","title":"Template Bubble","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp Business carousel template with horizontal scrollable cards using @base-ui/react ScrollArea.","name":"carousel-template","title":"Carousel Template","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp Business calling permission request bubble with animated bottom sheet, radio options, and calling rules footer using @base-ui/react Drawer and RadioGroup.","name":"call-permission","title":"Call Permission","type":"registry:component"},{"description":"Shared MessageStatus type and MessageStatusIcon — sending, sent, delivered, read, failed.","name":"message-status","title":"Message Status","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp-style location message with map preview, name/address, and Open in Maps CTA.","name":"location-bubble","title":"Location Bubble","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp-style contact card — single or multiple contacts with name, phone, avatar, and action buttons.","name":"contact-bubble","title":"Contact Bubble","type":"registry:component"},{"description":"WhatsApp-style sticker message — 160×160px, no bubble background, animated badge support.","name":"sticker-bubble","title":"Sticker Bubble","type":"registry:component"},{"description":"Centered system notice pill — encryption notices, number changes, and other system events.","name":"system-message-bubble","title":"System Message Bubble","type":"registry:component"},{"description":"Quoted message strip shown inside a bubble — author, body preview, media type icon, thumbnail.","name":"reply-preview","title":"Reply Preview","type":"registry:component"},{"description":"Small italic label indicating a forwarded or frequently forwarded message.","name":"forwarded-label","title":"Forwarded Label","type":"registry:component"},{"description":"Fallback bubble for unknown or unsupported WhatsApp message types.","name":"unsupported-message-bubble","title":"Unsupported Message Bubble","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp interactive button message — up to 3 reply buttons with header/body/footer.","name":"interactive-button-bubble","title":"Interactive Button Bubble","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp interactive CTA URL message — single external link button with body/footer.","name":"cta-url-bubble","title":"CTA URL Bubble","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp interactive list message — CTA opens a bottom sheet with selectable sections and rows.","name":"list-message-bubble","title":"List Message Bubble","type":"registry:component"},{"description":"WhatsApp-style interactive reply bubble — the chosen button, list, or flow option, quoting the message it answers.","name":"interactive-reply-bubble","title":"Interactive Reply Bubble","type":"registry:component"},{"description":"WhatsApp-style emoji reaction display — single reaction with count or overlapping multi-reaction group.","name":"reaction","title":"Reaction","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp-style outlined pill action button with optional icon, using @base-ui/react Button.","name":"action-button","title":"Action Button","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp-style context dropdown menu with icons, links, danger items, using @base-ui/react Menu.","name":"chat-menu","title":"Chat Menu","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp-style per-message menu opened by right click, long press, or a hover button — quick reaction bar, expandable emoji grid, and rows like Reply or Copy. Uses @base-ui/react ContextMenu and Menu.","name":"message-actions","title":"Message Actions","type":"registry:component"},{"description":"WhatsApp-style \"replying to\" strip above the message input, with a cancel button and Escape to dismiss.","name":"reply-bar","title":"Reply Bar","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp-style compose-bar emoji button with a categorized popover grid that stays open while picking. Uses @base-ui/react Popover.","name":"emoji-picker","title":"Emoji Picker","type":"registry:component"},{"description":"WhatsApp text formatting for message bodies: *bold*, _italic_, ~strike~, `code`, ```block```, clickable links, preserved line breaks.","name":"message-text","title":"Message Text","type":"registry:component"},{"dependencies":["@base-ui/react"],"description":"WhatsApp-style full-screen viewer for chat images and videos: caption, download, previous/next with arrow keys, closes on Escape or backdrop click. Pair with image-bubble onMediaClick. Uses @base-ui/react Dialog.","name":"media-viewer","title":"Media Viewer","type":"registry:component"}]},"we.inc components":{"favicon":"/favicons/we-inc-components.ico","items":[{"description":"Free accordions to copy: five styled details and summary designs, an ARIA accordion with animated height, a React and Tailwind version and FAQ JSON-LD.","name":"accordion-collection-with-styled-details-summary-aria-and-react-plus-faq-schema","page":"https://we.inc/components/faq/accordion-collection-with-styled-details-summary-aria-and-react-plus-faq-schema","title":"Accordion Collection with Styled details and summary, ARIA and React, plus FAQ Schema","type":"registry:block"},{"dependencies":["framer-motion"],"description":"An agent's activity log as a black desk printer: a lamp lights for each tool and paper tape feeds out the finished job. Free React code and HTML to copy.","name":"agent-day-book-printer-with-jewel-lamps-for-each-tool-and-a-paper-tape-that-ratchets-out-what-was-done","page":"https://we.inc/components/originals/agent-day-book-printer-with-jewel-lamps-for-each-tool-and-a-paper-tape-that-ratchets-out-what-was-done","title":"Agent Day Book Printer with Jewel Lamps for Each Tool and a Paper Tape That Ratchets Out What Was Done","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Watch an agent sort a bike shop's messages: each note is read under a blue light, labelled and filed in a pigeonhole. Copy the React code or HTML free.","name":"agent-sorting-cabinet-that-reads-each-incoming-note-under-a-blue-light-and-files-it-in-the-right-pigeonhole","page":"https://we.inc/components/originals/agent-sorting-cabinet-that-reads-each-incoming-note-under-a-blue-light-and-files-it-in-the-right-pigeonhole","title":"Agent Sorting Cabinet That Reads Each Incoming Note Under a Blue Light and Files It in the Right Pigeonhole","type":"registry:component"},{"description":"Agent steps drawn on a canvas as an enamel switchboard: patch cords hang with rope physics and a lamp lights per step. React code and HTML, free to copy.","name":"agent-switchboard-with-swaying-patch-cords-and-lamps-that-light-as-each-step-runs","page":"https://we.inc/components/originals/agent-switchboard-with-swaying-patch-cords-and-lamps-that-light-as-each-step-runs","title":"Agent Switchboard with Swaying Patch Cords and Lamps That Light as Each Step Runs","type":"registry:component"},{"name":"anchor-link-navigation-with-motion-safe-smooth-scroll","title":"Anchor Link Navigation With Motion Safe Smooth Scroll","type":"registry:block"},{"name":"announcement-bar-marquee-with-linked-notices","title":"Announcement Bar Marquee With Linked Notices","type":"registry:block"},{"description":"Category filter drawn as a walnut cabinet of oak drawers: tick one and it springs out to show the herbs inside. Free React code and HTML to copy.","name":"apothecary-drawer-wall-category-filter-with-brass-label-holders-and-oak-drawers-that-pull-out-over-dried-botanicals","page":"https://we.inc/components/ecommerce/apothecary-drawer-wall-category-filter-with-brass-label-holders-and-oak-drawers-that-pull-out-over-dried-botanicals","title":"Apothecary Drawer Wall Category Filter with Brass Label Holders and Oak Drawers That Pull Out over Dried Botanicals","type":"registry:component"},{"dependencies":["framer-motion"],"description":"App landing hero with a tilted phone mockup cycling bird photos, a live sound meter and download buttons. Copy the React and Tailwind code or HTML free.","name":"app-landing-hero-with-phone-mockup","page":"https://we.inc/components/hero-sections/app-landing-hero-with-phone-mockup","title":"App Landing Hero with Phone Mockup","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Prompt box staged as a brass ticket window: write on the slip, slide the tray under the glass and a ticket comes back. Free React code and HTML to copy.","name":"arched-brass-ticket-window-prompt-box-with-a-sliding-tray-that-carries-a-typed-slip-under-the-glass-and-returns-a-ticket","page":"https://we.inc/components/originals/arched-brass-ticket-window-prompt-box-with-a-sliding-tray-that-carries-a-typed-slip-under-the-glass-and-returns-a-ticket","title":"Arched Brass Ticket Window Prompt Box with a Sliding Tray That Carries a Typed Slip Under the Glass and Returns a Ticket","type":"registry:block"},{"dependencies":["framer-motion"],"description":"WebGL background where leaded windows cast coloured light across a stone floor, sliding as the sun moves. Copy the React code or the HTML version free.","name":"arched-stained-glass-window-webgl-background-that-pours-coloured-light-across-a-stone-floor-as-the-sun-moves","page":"https://we.inc/components/backgrounds/arched-stained-glass-window-webgl-background-that-pours-coloured-light-across-a-stone-floor-as-the-sun-moves","title":"Arched Stained Glass Window WebGL Background That Pours Coloured Light Across a Stone Floor as the Sun Moves","type":"registry:block"},{"name":"architect-footer-giant-start-a-project-link","title":"Architect Footer With Giant Project Link","type":"registry:block"},{"name":"architect-house-elevation-sketch-that-draws-itself","title":"Architect House Elevation Sketch That Draws Itself","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free React and WebGL add page control: an ebonised plan chest feeds a cream card sheet out of its slot and lays it on a sunlit stack with a blue index tab.","name":"architects-plan-chest-where-add-a-page-slides-a-cream-card-sheet-out-of-a-slot-onto-a-sunlit-stack-with-a-blue-tab","page":"https://we.inc/components/originals/architects-plan-chest-where-add-a-page-slides-a-cream-card-sheet-out-of-a-slot-onto-a-sunlit-stack-with-a-blue-tab","title":"Architects Plan Chest Where Add a Page Slides a Cream Card Sheet out of a Slot onto a Sunlit Stack with a Blue Tab","type":"registry:block"},{"dependencies":["framer-motion"],"name":"area-chart-gains-a-year-of-data-per-step","title":"Area Chart Gains Data Per Step","type":"registry:block"},{"name":"arrow-button-where-a-twin-arrow-slides-in","title":"Arrow Button Where a Twin Arrow Slides In","type":"registry:block"},{"dependencies":["framer-motion"],"name":"article-rows-cascade-out-and-in-between-sections","title":"Article Rows Cascade Out and In Between Sections","type":"registry:block"},{"dependencies":["framer-motion"],"name":"auto-cycling-expanding-flower-panels-that-pause","title":"Auto Cycling Expanding Flower Panels That Pause","type":"registry:block"},{"description":"Free back to top buttons in React and vanilla JS: progress ring, square, pill, floating label, reading bar and edge tab, plus CSS and JS smooth scroll.","name":"back-to-top-button-collection-with-progress-ring-pill-floating-label-and-smooth-scroll-snippets","page":"https://we.inc/components/scroll-effects/back-to-top-button-collection-with-progress-ring-pill-floating-label-and-smooth-scroll-snippets","title":"Back to Top Buttons and Smooth Scroll Snippets","type":"registry:block"},{"name":"bakery-footer-serif-wordmark-letters-rise-into-view","title":"Bakery Footer With Rising Serif Wordmark","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Hero section where sun through a shop window warms a plaster wall and the headline is the shadow of lettering on the glass. Free React and HTML to copy.","name":"bakery-hero-whose-headline-is-the-shadow-of-window-lettering-thrown-on-a-wall-by-a-moving-sun","page":"https://we.inc/components/hero-sections/bakery-hero-whose-headline-is-the-shadow-of-window-lettering-thrown-on-a-wall-by-a-moving-sun","title":"Bakery Hero Whose Headline Is the Shadow of Window Lettering Thrown on a Wall by a Moving Sun","type":"registry:block"},{"name":"bakery-layered-lift-preloader-with-three-stacked-colours","title":"Bakery Layered Lift Preloader","type":"registry:block"},{"name":"bakery-menu-rows-with-photo-rising-through-a-mask","title":"Bakery Menu Rows With Rising Photo","type":"registry:block"},{"dependencies":["framer-motion"],"name":"bakery-stats-row-that-counts-up-with-an-ease-out","title":"Bakery Stats Row That Counts Up","type":"registry:component"},{"name":"bakery-weekly-sales-bar-chart-grows-from-the-axis","title":"Bakery Weekly Sales Bar Chart","type":"registry:component"},{"name":"balanced-pebble-cluster-beside-opening-hours","title":"Balanced Pebble Cluster Beside Opening Hours","type":"registry:block"},{"description":"Loading animation on a canvas: wet terracotta turns on a wheel and rises into a vase as the percentage climbs. The React code and HTML are free to copy.","name":"banding-wheel-loader-that-throws-a-wet-terracotta-vase-up-to-a-brass-height-gauge","page":"https://we.inc/components/loaders/banding-wheel-loader-that-throws-a-wet-terracotta-vase-up-to-a-brass-height-gauge","title":"Banding Wheel Loader That Throws a Wet Terracotta Vase up to a Brass Height Gauge","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Cursor effect with a bar magnet that follows the pointer over iron filings, which turn and chain into field lines. Copy the React code or HTML free.","name":"bar-magnet-cursor-that-combs-iron-filings-on-paper-into-field-lines","page":"https://we.inc/components/cursors/bar-magnet-cursor-that-combs-iron-filings-on-paper-into-field-lines","title":"Bar Magnet Cursor That Combs Iron Filings on Paper into Field Lines","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Time slot picker drawn as a barbershop card rack: taken hours hold cards and yours drops into any free pocket. Free React and Tailwind code, plus HTML.","name":"barbershop-appointment-card-rack-time-slot-picker-where-your-card-lifts-out-and-drops-into-a-free-hour-pocket","page":"https://we.inc/components/forms/barbershop-appointment-card-rack-time-slot-picker-where-your-card-lifts-out-and-drops-into-a-free-hour-pocket","title":"Barbershop Appointment Card Rack Time Slot Picker Where Your Card Lifts Out and Drops into a Free Hour Pocket","type":"registry:component"},{"description":"Progress meter on a canvas: wax cells in a hive frame fill with honey, then seal under pale caps as the job ends. Free React code and HTML to copy.","name":"beehive-frame-progress-meter-whose-wax-cells-fill-with-honey-and-cap-over-as-the-job-finishes","page":"https://we.inc/components/feedback/beehive-frame-progress-meter-whose-wax-cells-fill-with-honey-and-cap-over-as-the-job-finishes","title":"Beehive Frame Progress Meter Whose Wax Cells Fill with Honey and Cap Over as the Job Finishes","type":"registry:component"},{"description":"Free bento grid layouts in Tailwind: feature, portfolio, stats and product designs. Copy Tailwind HTML, React JSX or plain CSS built on grid-template-areas.","name":"bento-grid-collection-with-ten-tailwind-layouts-grid-template-areas-and-copyable-code","page":"https://we.inc/components/feature-sections/bento-grid-collection-with-ten-tailwind-layouts-grid-template-areas-and-copyable-code","title":"Bento Grid Layouts: 10 Tailwind Designs with Copyable Code","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Hero with a huge headline over a rooftop photo and a stats row whose numbers roll like meter drums. Copy the React and Tailwind code or HTML free.","name":"big-headline-hero-with-stats-row","page":"https://we.inc/components/hero-sections/big-headline-hero-with-stats-row","title":"Big Headline Hero with Stats Row","type":"registry:block"},{"description":"Pill navbar where a drop of liquid metal marks the current page and stretches into a thread as it travels. Free React code and an HTML version to copy.","name":"black-glass-pill-navbar-with-a-mercury-drop-that-stretches-to-the-active-link","page":"https://we.inc/components/navbars/black-glass-pill-navbar-with-a-mercury-drop-that-stretches-to-the-active-link","title":"Black Glass Pill Navbar with a Mercury Drop That Stretches to the Active Link","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Text reveal where a paragraph pressed blind into paper takes ink word by word as a lamp passes or your pointer moves. Free React and HTML code to copy.","name":"blind-embossed-paragraph-that-inks-in-under-a-passing-lamp","page":"https://we.inc/components/text-effects/blind-embossed-paragraph-that-inks-in-under-a-passing-lamp","title":"Blind Embossed Paragraph That Inks In Under a Passing Lamp","type":"registry:block"},{"name":"blob-from-three-crossfading-svg-outlines","title":"Blob From Three Crossfading SVG Outlines","type":"registry:block"},{"dependencies":["framer-motion"],"name":"blueprint-compass-marks-trailing-the-cursor","title":"Blueprint Compass Marks Trailing the Cursor","type":"registry:block"},{"name":"blueprint-of-a-wooden-side-chair-drawn-with-dimensions","title":"Blueprint of a Wooden Side Chair with Dimensions","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Call to action shaped as a boarding pass: press it or pull the stub and it rips along the perforation and drops. Copy the React code or the HTML free.","name":"boarding-pass-call-to-action-that-tears-along-its-perforation-when-you-book-and-drops-the-stub","page":"https://we.inc/components/cta-sections/boarding-pass-call-to-action-that-tears-along-its-perforation-when-you-book-and-drops-the-stub","title":"Boarding Pass Call to Action That Tears along Its Perforation When You Book and Drops the Stub","type":"registry:block"},{"name":"book-cover-tilt-with-spine-and-page-depth","title":"Book Cover Tilt With Spine and Page Depth","type":"registry:block"},{"dependencies":["framer-motion"],"name":"booking-steps-push-up-with-a-filling-progress-bar","title":"Booking Steps Push Up With a Filling Progress Bar","type":"registry:block"},{"name":"botanical-olive-sprig-line-illustration-on-product-card","title":"Botanical Olive Sprig Line Illustration","type":"registry:component"},{"description":"Angle picker drawn as a clear protractor on squared paper: swing the brass arm and the angle is ruled underneath in pencil. Free React and HTML to copy.","name":"brass-and-perspex-protractor-angle-input-with-a-swinging-arm-that-rules-the-angle-in-pencil","page":"https://we.inc/components/inputs/brass-and-perspex-protractor-angle-input-with-a-swinging-arm-that-rules-the-angle-in-pencil","title":"Brass and Perspex Protractor Angle Input with a Swinging Arm That Rules the Angle in Pencil","type":"registry:component"},{"description":"Gauge drawn as a brass wall barometer: a blued needle swings to the reading and a set hand marks the target. Copy the React code or an HTML version free.","name":"brass-aneroid-barometer-gauge-with-blued-needle-and-a-set-hand-that-marks-the-target","page":"https://we.inc/components/dashboard/brass-aneroid-barometer-gauge-with-blued-needle-and-a-set-hand-that-marks-the-target","title":"Brass Aneroid Barometer Gauge with Blued Needle and a Set Hand That Marks the Target","type":"registry:component"},{"description":"Canvas background of a brass armillary sphere whose inner rings revolve on a tilted axis while highlights slide round. Free React code and HTML to copy.","name":"brass-armillary-sphere-background-with-nested-rings-that-turn-about-a-tilted-axis-and-catch-the-lamp","page":"https://we.inc/components/backgrounds/brass-armillary-sphere-background-with-nested-rings-that-turn-about-a-tilted-axis-and-catch-the-lamp","title":"Brass Armillary Sphere Background with Nested Rings That Turn About a Tilted Axis and Catch the Lamp","type":"registry:block"},{"description":"Pricing calculator drawn as a brass balance: add feature weights to one pan and coins drop into the other until it levels. Free React and HTML to copy.","name":"brass-balance-scale-price-builder-with-feature-weights-and-coins-that-drop-until-the-beam-levels","page":"https://we.inc/components/pricing/brass-balance-scale-price-builder-with-feature-weights-and-coins-that-drop-until-the-beam-levels","title":"Brass Balance Scale Price Builder with Feature Weights and Coins That Drop Until the Beam Levels","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Notification drawn as a brass reception bell: press the plunger, the dome rings and a printed card rises with the next message. Free React code and HTML.","name":"brass-counter-bell-notification-that-rings-and-raises-a-message-card-from-a-slot-in-the-desk","page":"https://we.inc/components/feedback/brass-counter-bell-notification-that-rings-and-raises-a-message-card-from-a-slot-in-the-desk","title":"Brass Counter Bell Notification That Rings and Raises a Message Card from a Slot in the Desk","type":"registry:component"},{"description":"Toggle drawn on a canvas as a brass dolly switch that snaps over, bounces on its stop and lights a filament bulb. Copy the React code or HTML version free.","name":"brass-dolly-light-switch-toggle-on-a-fluted-rose-that-snaps-over-and-lights-a-filament-wall-lamp","page":"https://we.inc/components/toggles/brass-dolly-light-switch-toggle-on-a-fluted-rose-that-snaps-over-and-lights-a-filament-wall-lamp","title":"Brass Dolly Light Switch Toggle on a Fluted Rose That Snaps Over and Lights a Filament Wall Lamp","type":"registry:component"},{"description":"Press an ivory bell push and brass chime tubes are struck in turn, swing and collide. A canvas notification piece with free React code and an HTML version.","name":"brass-doorbell-push-notification-with-walnut-door-chime-tubes-that-swing-shimmer-and-knock-together","page":"https://we.inc/components/feedback/brass-doorbell-push-notification-with-walnut-door-chime-tubes-that-swing-shimmer-and-knock-together","title":"Brass Doorbell Push Notification with Walnut Door Chime Tubes That Swing, Shimmer and Knock Together","type":"registry:component"},{"description":"Go-live control drawn as a brass knife switch on slate: throw it by the grip, it arcs as it lands and opal lamps come on in turn. Free React and HTML code.","name":"brass-knife-switch-on-a-slate-base-that-closes-with-a-spark-and-lights-four-opal-lamps-spelling-live","page":"https://we.inc/components/originals/brass-knife-switch-on-a-slate-base-that-closes-with-a-spark-and-lights-four-opal-lamps-spelling-live","title":"Brass Knife Switch on a Slate Base That Closes with a Spark and Lights Four Opal Lamps Spelling Live","type":"registry:block"},{"description":"File upload drawn as a brass letterbox on a painted door: drop a file and an envelope goes through the flap, which clacks shut. Free React and HTML code.","name":"brass-letterbox-file-upload-with-a-sprung-flap-that-swallows-envelopes-and-rattles-shut","page":"https://we.inc/components/inputs/brass-letterbox-file-upload-with-a-sprung-flap-that-swallows-envelopes-and-rattles-shut","title":"Brass Letterbox File Upload with a Sprung Flap That Swallows Envelopes and Rattles Shut","type":"registry:component"},{"description":"Section navigation drawn as an old lift indicator: a blued arrow sweeps an enamel scale from floor to floor. Copy the React code or the HTML version free.","name":"brass-lift-floor-indicator-navigation-with-an-arrow-that-sweeps-an-enamel-dial-between-sections","page":"https://we.inc/components/navigation/brass-lift-floor-indicator-navigation-with-an-arrow-that-sweeps-an-enamel-dial-between-sections","title":"Brass Lift Floor Indicator Navigation with an Arrow That Sweeps an Enamel Dial Between Sections","type":"registry:component"},{"description":"Free React volume slider: a heavy brass fader cap that clicks into engraved decibel marks, with a lamp-lit VU needle beside it, traced in a WebGL shader.","name":"brass-mixing-desk-fader-in-webgl-with-weighted-detents-an-engraved-decibel-plate-and-a-backlit-vu-needle","page":"https://we.inc/components/inputs/brass-mixing-desk-fader-in-webgl-with-weighted-detents-an-engraved-decibel-plate-and-a-backlit-vu-needle","title":"Brass Mixing Desk Fader in WebGL with Weighted Detents, an Engraved Decibel Plate and a Backlit VU Needle","type":"registry:block"},{"description":"Schedule widget drawn as a brass orrery: each repeating job is a stone planet, due when it swings under the pointer. React code and HTML, free to copy.","name":"brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer","page":"https://we.inc/components/dashboard/brass-orrery-schedule-viewer-with-stone-planets-on-geared-arms-that-swing-under-a-due-pointer","title":"Brass Orrery Schedule Viewer with Stone Planets on Geared Arms That Swing Under a Due Pointer","type":"registry:component"},{"description":"Pendulum clock drawn on a canvas: a brass wall clock whose bob beats once every real second and casts a moving shadow. Free React and HTML code to copy.","name":"brass-pendulum-wall-clock-that-beats-once-a-second-in-true-time-and-throws-a-moving-shadow","page":"https://we.inc/components/content/brass-pendulum-wall-clock-that-beats-once-a-second-in-true-time-and-throws-a-moving-shadow","title":"Brass Pendulum Wall Clock That Beats Once a Second in True Time and Throws a Moving Shadow","type":"registry:component"},{"description":"Free React confirm delete dialog drawn in WebGL: a letterpress card slides onto a leather desk mat and a brass seal presses red wax when you confirm.","name":"brass-seal-confirm-delete-dialog-in-webgl-where-a-heavy-card-slides-onto-a-leather-desk-mat-under-a-lamp-and-a-stamp-presses-red-wax","page":"https://we.inc/components/modals/brass-seal-confirm-delete-dialog-in-webgl-where-a-heavy-card-slides-onto-a-leather-desk-mat-under-a-lamp-and-a-stamp-presses-red-wax","title":"Brass Seal Confirm Delete Dialog in WebGL Where a Heavy Card Slides onto a Leather Desk Mat Under a Lamp and a Stamp Presses Red Wax","type":"registry:block"},{"description":"A lacquered board of brass bells on coiled springs: one rings for each booking, order or message and its pendulum swings on. Free React and HTML code.","name":"brass-servants-bell-board-where-a-sprung-bell-rings-and-a-blue-pendulum-keeps-swinging-when-a-booking-order-or-message-arrives","page":"https://we.inc/components/originals/brass-servants-bell-board-where-a-sprung-bell-rings-and-a-blue-pendulum-keeps-swinging-when-a-booking-order-or-message-arrives","title":"Brass Servants' Bell Board Where a Sprung Bell Rings and a Blue Pendulum Keeps Swinging When a Booking, Order or Message Arrives","type":"registry:block"},{"description":"A brass top wobbles round a green table, chalks a shrinking spiral and stands still when loading ends. Copy the React code or the HTML version free.","name":"brass-spinning-top-loader-that-chalks-a-spiral-and-stands-upright-when-done","page":"https://we.inc/components/loaders/brass-spinning-top-loader-that-chalks-a-spiral-and-stands-upright-when-done","title":"Brass Spinning Top Loader That Chalks a Spiral and Stands Upright When Done","type":"registry:component"},{"dependencies":["framer-motion"],"name":"breathing-halftone-dot-field-print-texture-background","title":"Breathing Halftone Dot Field","type":"registry:block"},{"name":"breathing-letter-spacing-display-headline","title":"Breathing Letter Spacing Display Line","type":"registry:component"},{"description":"Footer whose links are enamel street name plates on a brick wall at night, lit by a torch beam that follows the pointer. Free React and HTML code to copy.","name":"brick-wall-footer-with-screwed-on-street-name-plates-lit-by-a-torch-that-follows-the-pointer","page":"https://we.inc/components/footers/brick-wall-footer-with-screwed-on-street-name-plates-lit-by-a-torch-that-follows-the-pointer","title":"Brick Wall Footer with Screwed-On Street Name Plates Lit by a Torch That Follows the Pointer","type":"registry:block"},{"name":"broken-signal-word-glitching-every-few-seconds","title":"Broken Signal Word Glitch","type":"registry:block"},{"description":"Opening hours drawn as a bronze sundial: the shadow falls on the current hour and a polished arc shows when you are open. Free React and HTML code to copy.","name":"bronze-garden-sundial-whose-shadow-points-at-the-time-and-polished-arc-marks-opening-hours","page":"https://we.inc/components/content/bronze-garden-sundial-whose-shadow-points-at-the-time-and-polished-arc-marks-opening-hours","title":"Bronze Garden Sundial Whose Shadow Points at the Time and Polished Arc Marks Opening Hours","type":"registry:block"},{"dependencies":["framer-motion"],"name":"brushed-steel-plate-with-sliding-light-sheen-background","title":"Brushed Steel with a Sliding Sheen","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React WebGL card: brushed titanium with laser-etched type, rocking in a pale stone tray under window light. Tilt it to sweep the sheen, click to flip it.","name":"brushed-titanium-membership-card-in-webgl-rocking-on-a-stone-tray-in-window-light-with-an-anisotropic-sheen-and-laser-etched-type","page":"https://we.inc/components/animated-cards/brushed-titanium-membership-card-in-webgl-rocking-on-a-stone-tray-in-window-light-with-an-anisotropic-sheen-and-laser-etched-type","title":"Brushed Titanium Membership Card in WebGL Rocking on a Stone Tray in Window Light with an Anisotropic Sheen and Laser Etched Type","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Waiting state of bubble wrap over a photo print: each air cell bends the picture like a lens until you pop it. Free React and Tailwind code, plus HTML.","name":"bubble-wrap-sheet-over-a-photo-print-with-air-cells-that-magnify-the-picture-until-you-pop-them-flat","page":"https://we.inc/components/feedback/bubble-wrap-sheet-over-a-photo-print-with-air-cells-that-magnify-the-picture-until-you-pop-them-flat","title":"Bubble Wrap Sheet over a Photo Print with Air Cells That Magnify the Picture until You Pop Them Flat","type":"registry:block"},{"name":"button-fill-rising-from-the-pointer-entry-point","title":"Button Fill Rising From the Pointer Entry Point","type":"registry:block"},{"name":"cafe-footer-giant-local-time-on-rolling-digits","title":"Cafe Footer With Giant Local Time","type":"registry:block"},{"name":"cafe-orders-by-channel-donut-chart-fills-in-turn","title":"Café Orders by Channel Donut Chart","type":"registry:component"},{"dependencies":["framer-motion"],"name":"calm-countdown-timer-to-a-date-in-days-hours-minutes","title":"Calm Countdown Timer to a Date","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Free text scramble effect in React and plain JavaScript: soft placeholder marks settle into a headline left to right, with no layout jump and a screen reader copy.","name":"calm-letter-decode-scramble-text-reveal","page":"https://we.inc/components/text-effects/calm-letter-decode-scramble-text-reveal","title":"Calm Letter Decode Scramble","type":"registry:block"},{"description":"Aperture selector on a canvas: the iris blades of a camera lens close stop by stop while the background of a portrait sharpens. Free React and HTML code.","name":"camera-lens-aperture-switch-with-iris-blades-that-stop-down-and-sharpen-the-background-of-a-portrait","page":"https://we.inc/components/toggles/camera-lens-aperture-switch-with-iris-blades-that-stop-down-and-sharpen-the-background-of-a-portrait","title":"Camera Lens Aperture Switch with Iris Blades That Stop Down and Sharpen the Background of a Portrait","type":"registry:component"},{"name":"canvas-tile-image-transition-drag-slider-with-momentum","title":"Canvas Tile Image Transition Drag Slider","type":"registry:component"},{"dependencies":["framer-motion"],"name":"cards-slide-in-alternating-sides-on-scroll","title":"Cards Slide In From Alternating Sides","type":"registry:block"},{"name":"cascading-chevron-pair-scroll-cue-on-split-hero","title":"Cascading Chevron Pair Scroll Cue on Split Hero","type":"registry:block"},{"dependencies":["framer-motion"],"name":"case-study-photo-cards-stacking-with-settling-zoom","title":"Case Study Photo Cards Stacking With Settling Zoom","type":"registry:block"},{"description":"Free React footer: a giant wordmark cast in coloured glass, traced in a WebGL shader on a white studio floor, with link columns and a legal line set around it.","name":"cast-glass-wordmark-footer-ray-marched-in-webgl-with-jewel-coloured-letters-that-throw-coloured-shadows-and-turn-on-their-pivots-when-pressed","page":"https://we.inc/components/footers/cast-glass-wordmark-footer-ray-marched-in-webgl-with-jewel-coloured-letters-that-throw-coloured-shadows-and-turn-on-their-pivots-when-pressed","title":"Cast Glass Wordmark Footer Ray-Marched in WebGL With Jewel-Coloured Letters That Throw Coloured Shadows and Turn on Their Pivots When Pressed","type":"registry:block"},{"description":"On/off switch drawn as a blue engineer's vice: switching on winds the jaw along its slide until it bites an oak block. Free React code and HTML to copy.","name":"cast-iron-bench-vice-lock-switch-with-a-tommy-bar-that-winds-the-jaws-shut-on-an-oak-block","page":"https://we.inc/components/toggles/cast-iron-bench-vice-lock-switch-with-a-tommy-bar-that-winds-the-jaws-shut-on-an-oak-block","title":"Cast Iron Bench Vice Lock Switch with a Tommy Bar That Winds the Jaws Shut on an Oak Block","type":"registry:component"},{"description":"Signpost menu with painted arms on a cast iron post: the one you pick swings round the post in 3D to point the way. Copy the React code or HTML free.","name":"cast-iron-finger-post-navigation-with-painted-arms-that-swing-round-the-post-to-point-at-the-chosen-page","page":"https://we.inc/components/navigation/cast-iron-finger-post-navigation-with-painted-arms-that-swing-round-the-post-to-point-at-the-chosen-page","title":"Cast Iron Finger Post Navigation with Painted Arms That Swing Round the Post to Point at the Chosen Page","type":"registry:component"},{"name":"ceramics-cards-revealed-through-falling-slats","title":"Ceramics Cards Revealed Through Falling Slats","type":"registry:block"},{"dependencies":["framer-motion"],"name":"chalk-dust-cursor-trail-on-a-slate-menu-board","title":"Chalk Dust Cursor Trail","type":"registry:block"},{"description":"Chalkboard menu in an oak frame: switch the sitting and an eraser scrubs the prices before chalk writes new ones. Free React code and an HTML version.","name":"chalkboard-cafe-menu-where-a-felt-eraser-wipes-the-prices-and-chalk-writes-new-ones","page":"https://we.inc/components/content/chalkboard-cafe-menu-where-a-felt-eraser-wipes-the-prices-and-chalk-writes-new-ones","title":"Chalkboard Cafe Menu Where a Felt Eraser Wipes the Prices and Chalk Writes New Ones","type":"registry:block"},{"description":"Pie chart drawn as a wheel of cheeses on a marble board: wedges slide out on a spring and paper flags carry the percentages. Free React and HTML code.","name":"cheese-wheel-pie-chart-on-a-marble-board-with-wedges-that-slide-out-and-toothpick-flag-labels","page":"https://we.inc/components/dashboard/cheese-wheel-pie-chart-on-a-marble-board-with-wedges-that-slide-out-and-toothpick-flag-labels","title":"Cheese Wheel Pie Chart on a Marble Board with Wedges That Slide Out and Toothpick Flag Labels","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Product carousel on a canvas: printed silk scarves hang in pleats from a chrome rail and swing when you slide them along. Free React and HTML code to copy.","name":"chrome-shop-rail-of-silk-scarves-on-clamp-hangers-that-slide-swing-and-settle-in-soft-pleats","page":"https://we.inc/components/ecommerce/chrome-shop-rail-of-silk-scarves-on-clamp-hangers-that-slide-swing-and-settle-in-soft-pleats","title":"Chrome Shop Rail of Silk Scarves on Clamp Hangers That Slide, Swing and Settle in Soft Pleats","type":"registry:block"},{"description":"On and off toggle drawn as a guitar pedal: press the chrome footswitch and an amber jewel lamp lights above it. Copy the React code or HTML version free.","name":"chrome-stomp-footswitch-toggle-with-jewel-lamp-on-a-powder-coated-pedal","page":"https://we.inc/components/toggles/chrome-stomp-footswitch-toggle-with-jewel-lamp-on-a-powder-coated-pedal","title":"Chrome Stomp Footswitch Toggle with Jewel Lamp on a Powder-Coated Pedal","type":"registry:component"},{"description":"Cinema marquee on a canvas: letter tiles slide along rails and clack together inside a red frame of chasing bulbs. Free React code and HTML to copy.","name":"cinema-marquee-headline-with-letter-tiles-that-slide-along-rails-and-chasing-bulbs","page":"https://we.inc/components/text-effects/cinema-marquee-headline-with-letter-tiles-that-slide-along-rails-and-chasing-bulbs","title":"Cinema Marquee Headline with Letter Tiles That Slide Along Rails and Chasing Bulbs","type":"registry:component"},{"dependencies":["framer-motion"],"name":"cinema-projector-beam-with-drifting-dust-background","title":"Cinema Projector Beam with Drifting Dust","type":"registry:block"},{"dependencies":["framer-motion"],"name":"circular-badge-spins-with-scroll-position","title":"Circular Badge That Spins With Scroll","type":"registry:block"},{"name":"circular-seal-logo-with-ring-text-turning-into-place","title":"Circular Seal With Ring Text Turning Into Place","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free CSS typing animation: one line typed with steps() and ch widths, a blinking block caret, an erase and retype loop, and a still line for reduced motion.","name":"classic-css-typewriter-line-with-steps-and-blinking-caret","page":"https://we.inc/components/text-effects/classic-css-typewriter-line-with-steps-and-blinking-caret","title":"Classic CSS Typewriter Line","type":"registry:component"},{"name":"clay-blind-slats-that-unroll-into-a-menu","title":"Clay Blind Slats That Unroll Into a Menu","type":"registry:block"},{"dependencies":["framer-motion"],"description":"ID badges cut from clear acrylic stand in a slotted block and the one you pick lifts out and turns to face you. Free React and Tailwind code, or HTML.","name":"clear-acrylic-id-passes-in-a-slotted-block-that-lift-out-and-turn-with-neon-edges-and-a-floating-print","page":"https://we.inc/components/animated-cards/clear-acrylic-id-passes-in-a-slotted-block-that-lift-out-and-turn-with-neon-edges-and-a-floating-print","title":"Clear Acrylic ID Passes in a Slotted Block That Lift out and Turn, with Neon Edges and a Floating Print","type":"registry:block"},{"name":"click-ripples-on-still-dark-water-canvas-background","title":"Click Ripples on Still Dark Water","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Visual editing demo in 3D: lift the photo, headline or button out of a page and blue light shows in the empty socket. Free React code and HTML to copy.","name":"click-to-edit-page-with-inlaid-pieces-you-lift-out-of-lit-sockets-and-turn-over-in-the-air","page":"https://we.inc/components/originals/click-to-edit-page-with-inlaid-pieces-you-lift-out-of-lit-sockets-and-turn-over-in-the-air","title":"Click-to-Edit Page with Inlaid Pieces You Lift Out of Lit Sockets and Turn Over in the Air","type":"registry:block"},{"dependencies":["framer-motion"],"name":"clip-path-typewriter-for-proportional-serif-headlines","title":"Clip-Path Typewriter for Serif Headlines","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Team section of manila time cards in a steel rack: pull one and it slides out with a stapled portrait and the hour stamped in. Free React and HTML code.","name":"clocking-in-card-rack-team-section-where-a-time-card-slides-out-with-a-stapled-portrait-and-is-stamped-with-the-hour","page":"https://we.inc/components/content/clocking-in-card-rack-team-section-where-a-time-card-slides-out-with-a-stapled-portrait-and-is-stamped-with-the-hour","title":"Clocking in Card Rack Team Section Where a Time Card Slides out with a Stapled Portrait and Is Stamped with the Hour","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Chapter menu drawn as a shelf of cloth bound books: pick a spine and that volume is pulled out and opened. Copy the React and Tailwind code or HTML free.","name":"cloth-bound-book-spine-chapter-menu-where-the-chosen-volume-leaves-the-shelf-and-opens-at-its-chapter","page":"https://we.inc/components/navigation/cloth-bound-book-spine-chapter-menu-where-the-chosen-volume-leaves-the-shelf-and-opens-at-its-chapter","title":"Cloth Bound Book Spine Chapter Menu Where the Chosen Volume Leaves the Shelf and Opens at Its Chapter","type":"registry:block"},{"dependencies":["framer-motion"],"name":"code-snippet-typing-animation-with-syntax-colours","title":"Code Snippet Typing with Syntax Colours","type":"registry:component"},{"name":"coffee-cup-spot-illustration-with-slow-rising-steam","title":"Coffee Cup Spot Illustration with Rising Steam","type":"registry:component"},{"description":"Colour picker drawn as a canvas pencil roll: the pencil you choose slides out of its pocket and hatches a swatch on a card. Free React and HTML to copy.","name":"coloured-pencil-roll-colour-picker-where-the-chosen-pencil-slides-out-of-its-canvas-pocket-and-scribbles-a-swatch","page":"https://we.inc/components/inputs/coloured-pencil-roll-colour-picker-where-the-chosen-pencil-slides-out-of-its-canvas-pocket-and-scribbles-a-swatch","title":"Coloured Pencil Roll Colour Picker Where the Chosen Pencil Slides out of Its Canvas Pocket and Scribbles a Swatch","type":"registry:component"},{"dependencies":["framer-motion"],"name":"comet-cursor-trail-drawn-on-one-canvas","title":"Comet Cursor Trail on Canvas","type":"registry:block"},{"name":"community-garden-season-infographic-with-drawn-icons","title":"Community Garden Season Infographic","type":"registry:component"},{"name":"concert-ticket-tilt-with-foil-seal-and-stub","title":"Concert Ticket Tilt With Foil Seal and Stub","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Carousel shaped like a concertina photo book: zigzag panels stand up and the one pulled to the middle opens flat. Free React and Tailwind code, or HTML.","name":"concertina-fold-photo-book-carousel-that-opens-flat-at-the-centre","page":"https://we.inc/components/galleries/concertina-fold-photo-book-carousel-that-opens-flat-at-the-centre","title":"Concertina Fold Photo Book Carousel That Opens Flat at the Centre","type":"registry:block"},{"description":"Free constellation particle background in plain canvas: thin links between nearby points, depth fade and a pause off screen. React and vanilla versions.","name":"constellation-network-particle-background-with-depth-fade","page":"https://we.inc/components/backgrounds/constellation-network-particle-background-with-depth-fade","title":"Constellation Network with Depth Fade","type":"registry:block"},{"dependencies":["framer-motion"],"name":"context-cursor-caret-over-text-ring-over-buttons","title":"Context Cursor With Caret and Ring","type":"registry:block"},{"name":"copy-to-clipboard-icon-that-crossfades-into-a-check","title":"Copy to Clipboard Icon That Turns Into a Check","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Testimonial board of portrait postcards on map pins: they sway when brushed, then unpin and turn over to a handwritten note. Free React and HTML code.","name":"cork-board-testimonials-with-pinned-portrait-postcards-that-swing-unpin-and-turn-over-to-a-handwritten-note","page":"https://we.inc/components/testimonials/cork-board-testimonials-with-pinned-portrait-postcards-that-swing-unpin-and-turn-over-to-a-handwritten-note","title":"Cork Board Testimonials with Pinned Portrait Postcards That Swing, Unpin and Turn over to a Handwritten Note","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Unboxing animation in CSS 3D: printed tape peels off a carton, the flaps fold open and tissue parts over a jumper. Copy the React code or HTML free.","name":"corrugated-cardboard-parcel-with-printed-paper-tape-that-peels-back-and-four-flaps-that-fold-open-over-a-folded-jumper","page":"https://we.inc/components/ecommerce/corrugated-cardboard-parcel-with-printed-paper-tape-that-peels-back-and-four-flaps-that-fold-open-over-a-folded-jumper","title":"Corrugated Cardboard Parcel with Printed Paper Tape That Peels Back and Four Flaps That Fold Open over a Folded Jumper","type":"registry:block"},{"name":"course-rows-with-a-photo-band-splitting-open","title":"Course Rows With A Splitting Photo Band","type":"registry:block"},{"name":"cover-flow-record-slider-with-centre-focus","title":"Cover Flow Record Slider With Centre Focus","type":"registry:block"},{"description":"Device frame shaped like a tube monitor: your page sits behind scan lines while the set warms up, degausses and powers down. Free React and HTML code.","name":"crt-monitor-preview-frame-that-warms-up-with-scanlines-a-degauss-wobble-and-a-collapsing-power-off","page":"https://we.inc/components/app-ui/crt-monitor-preview-frame-that-warms-up-with-scanlines-a-degauss-wobble-and-a-collapsing-power-off","title":"CRT Monitor Preview Frame That Warms Up with Scanlines, a Degauss Wobble and a Collapsing Power Off","type":"registry:component"},{"name":"crt-phosphor-flicker-headline-amber-terminal","title":"CRT Phosphor Flicker Headline","type":"registry:block"},{"description":"Free animated background set in pure CSS: drifting gradient mesh, dot grid spotlight, aurora bands and film grain. React and Tailwind, no canvas.","name":"css-animated-backgrounds-gradient-mesh-dot-grid-spotlight-aurora-and-grain","page":"https://we.inc/components/backgrounds/css-animated-backgrounds-gradient-mesh-dot-grid-spotlight-aurora-and-grain","title":"CSS Animated Background Set: Gradient Mesh, Dot Grid Spotlight, Aurora and Grain","type":"registry:block"},{"description":"Free collection of 137 CSS buttons in 18 families: 3D, glass, gradient, brutalist, loading and more. Each one copies as plain HTML and CSS.","name":"css-button-styles-collection-with-copyable-html-and-css-for-every-button","page":"https://we.inc/components/buttons/css-button-styles-collection-with-copyable-html-and-css-for-every-button","title":"137 CSS Button Styles You Can Copy","type":"registry:component"},{"description":"Free CSS gradient backgrounds: 108 linear, radial, conic, mesh, grain, pattern and aurora styles. Copy plain CSS or a Tailwind class in one click.","name":"css-gradient-backgrounds-collection-with-mesh-grain-patterns-and-copy-css","page":"https://we.inc/components/backgrounds/css-gradient-backgrounds-collection-with-mesh-grain-patterns-and-copy-css","title":"100 CSS Gradient Backgrounds to Copy: Mesh, Grain, Patterns and Aurora","type":"registry:block"},{"description":"Free CSS gradient border examples: border-image, padding-box, mask, SVG stroke, glow and rotating conic edges, plus Tailwind versions. Copy each one as shown.","name":"css-gradient-border-collection-with-rounded-corners-animated-glow-and-copyable-css-or-tailwind","page":"https://we.inc/components/borders/css-gradient-border-collection-with-rounded-corners-animated-glow-and-copyable-css-or-tailwind","title":"CSS Gradient Border: 12 Techniques with Rounded Corners and Glow","type":"registry:block"},{"description":"Free CSS hamburger menu set: 12 animated icons, a slide-in drawer, a dropdown and a no-JavaScript checkbox menu, plus a React and Tailwind version to copy.","name":"css-hamburger-menu-collection-with-12-animated-icons-and-accessible-mobile-nav","page":"https://we.inc/components/navbars/css-hamburger-menu-collection-with-12-animated-icons-and-accessible-mobile-nav","title":"CSS Hamburger Menu Collection with 12 Animated Icons and an Accessible Mobile Nav","type":"registry:block"},{"description":"Free collection of 117 pure CSS loaders in 10 families: spinners, dots, bars, progress bars, skeleton screens, text loaders and gradient rings.","name":"css-loaders-and-spinners-collection-with-copyable-html-and-css","page":"https://we.inc/components/loaders/css-loaders-and-spinners-collection-with-copyable-html-and-css","title":"117 CSS Loaders and Spinners You Can Copy","type":"registry:component"},{"dependencies":["framer-motion"],"name":"css-only-stacking-cards-with-scroll-timeline","title":"CSS Only Stacking Cards With Scroll Timeline","type":"registry:block"},{"description":"Free CSS tabs in six styles: radio button tabs and :target tabs with no JavaScript, plus WAI-ARIA tabs with arrow keys. Live demos and copyable HTML and CSS.","name":"css-tabs-collection-with-radio-target-and-accessible-aria-tabs-in-six-styles","page":"https://we.inc/components/navigation/css-tabs-collection-with-radio-target-and-accessible-aria-tabs-in-six-styles","title":"CSS Tabs Collection with Radio, :target and Accessible ARIA Tabs in Six Styles","type":"registry:block"},{"description":"112 pure CSS text effects and hover animations: gradient text, outlines, 3D shadows, typewriters, underline, image and card hovers. Copy each one.","name":"css-text-effects-and-hover-animations-collection-with-copyable-css-for-every-effect","page":"https://we.inc/components/text-effects/css-text-effects-and-hover-animations-collection-with-copyable-css-for-every-effect","title":"112 CSS Text Effects and Hover Animations","type":"registry:component"},{"description":"Free CSS toggle switches in 15 styles, each a native checkbox with role=switch. Pick small, medium or large, try disabled and right to left, then copy the code.","name":"css-toggle-switch-collection-with-15-styles-on-a-real-checkbox-sizes-disabled-and-rtl","page":"https://we.inc/components/toggles/css-toggle-switch-collection-with-15-styles-on-a-real-checkbox-sizes-disabled-and-rtl","title":"CSS Toggle Switch Collection with 15 Styles on a Real Checkbox, Sizes, Disabled and RTL","type":"registry:block"},{"dependencies":["framer-motion"],"name":"currency-total-counter-ticking-dollars-and-cents","title":"Currency Total Counter With Cents","type":"registry:component"},{"description":"Free custom scrollbar CSS you can scroll and copy: thin, pill, floating, hover-reveal, dark, horizontal and hidden bars, plus Tailwind versions without a plugin.","name":"custom-scrollbar-css-collection-with-cross-browser-styles-hidden-scrollbar-and-tailwind","page":"https://we.inc/components/scroll-effects/custom-scrollbar-css-collection-with-cross-browser-styles-hidden-scrollbar-and-tailwind","title":"Custom Scrollbar CSS: 11 Cross-Browser Styles","type":"registry:block"},{"name":"cycle-shop-revenue-share-stacked-area-by-layers","title":"Revenue Share Stacked Area Chart","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free dark mode toggle switch for React and Tailwind: four styles, follows the system setting and remembers the choice. Copy the code and paste it.","name":"dark-mode-toggle-switch-in-react-and-tailwind-with-system-setting-and-four-styles","page":"https://we.inc/components/toggles/dark-mode-toggle-switch-in-react-and-tailwind-with-system-setting-and-four-styles","title":"Dark Mode Toggle Switch in React and Tailwind with System Setting and Four Styles","type":"registry:component"},{"dependencies":["framer-motion"],"name":"dark-product-feature-cards-stacking-on-scroll","title":"Dark Product Feature Cards Stacking on Scroll","type":"registry:block"},{"description":"Free Tailwind dashboard templates: ten full admin screens with sidebar, KPI cards, SVG charts and data tables. Copy a screen or one block as React or HTML.","name":"dashboard-layouts-collection-with-ten-copyable-react-tailwind-admin-screens","page":"https://we.inc/components/dashboard/dashboard-layouts-collection-with-ten-copyable-react-tailwind-admin-screens","title":"Dashboard UI Layouts: 10 Copyable React and Tailwind Admin Screens","type":"registry:block"},{"dependencies":["framer-motion"],"name":"data-corruption-text-resolving-into-headline","title":"Data Corruption Text Resolving","type":"registry:block"},{"name":"dawn-blur-fade-word-by-word-reveal","title":"Dawn Blur Fade Word by Word","type":"registry:block"},{"name":"dawn-sky-gradient-slowly-brightening-background","title":"Dawn Sky Gradient That Slowly Brightens","type":"registry:block"},{"name":"deep-sea-teal-mesh-gradient-background","title":"Deep Sea Teal Mesh Gradient","type":"registry:block"},{"name":"desert-heat-haze-background-with-a-shimmering-horizon-and-mesas","title":"Desert Heat Haze Horizon","type":"registry:block"},{"dependencies":["framer-motion","lucide-react"],"description":"Testimonial stack of handwritten slips with stapled portraits: each lifts off one desk spike, faces you, then drops onto another. Free React and HTML code.","name":"desk-spike-testimonials-with-handwritten-note-slips-that-lift-off-one-steel-spindle-and-drop-onto-another","page":"https://we.inc/components/testimonials/desk-spike-testimonials-with-handwritten-note-slips-that-lift-off-one-steel-spindle-and-drop-onto-another","title":"Desk Spike Testimonials with Handwritten Note Slips That Lift off One Steel Spindle and Drop onto Another","type":"registry:block"},{"dependencies":["framer-motion"],"name":"difference-blend-dot-cursor-inverting-big-type","title":"Difference Blend Dot Cursor","type":"registry:block"},{"name":"document-toolbar-icons-that-animate-on-hover-focus-and-tap","title":"Document Toolbar Icons That Animate on Hover","type":"registry:component"},{"description":"Domain field on a canvas: the name is marked out in blue on a steel plate, punched letter by letter and screwed down. Copy the React code or HTML free.","name":"domain-name-plate-marked-out-in-blue-then-hand-stamped-with-steel-punches-and-screwed-down","page":"https://we.inc/components/originals/domain-name-plate-marked-out-in-blue-then-hand-stamped-with-steel-punches-and-screwed-down","title":"Domain Name Plate Marked Out in Blue Then Hand-Stamped with Steel Punches and Screwed Down","type":"registry:block"},{"name":"dot-grid-fabric-background-that-presses-and-springs-under-the-pointer","title":"Dot Grid Fabric","type":"registry:block"},{"name":"dot-matrix-grid-with-a-travelling-band-of-light","title":"Dot Matrix with Travelling Light","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Product grid drawn as a bakery box: photographed doughnuts in paper cases, a windowed lid that slides off and a running total. Free React and HTML code.","name":"doughnut-box-product-grid-with-nine-photographed-doughnuts-in-paper-cases-and-a-windowed-lid-that-slides-off","page":"https://we.inc/components/ecommerce/doughnut-box-product-grid-with-nine-photographed-doughnuts-in-paper-cases-and-a-windowed-lid-that-slides-off","title":"Doughnut Box Product Grid with Nine Photographed Doughnuts in Paper Cases and a Windowed Lid That Slides off","type":"registry:block"},{"name":"drag-to-scroll-weekly-timetable-row-with-snap","title":"Drag to Scroll Weekly Timetable Row with Snap","type":"registry:block"},{"name":"drifting-topographic-contour-lines-at-dawn-background","title":"Drifting Contour Lines at Dawn","type":"registry:component"},{"name":"drifting-wave-section-divider-top-and-bottom","title":"Drifting Wave Section Divider","type":"registry:block"},{"name":"dust-motes-drifting-in-a-shaft-of-sunlight-background","title":"Dust Motes in a Sunlight Shaft","type":"registry:block"},{"description":"Key cap with a simulated e-ink screen: press it and the panel flashes, redraws its label and fills a progress row. Free React code and HTML to copy.","name":"e-paper-display-key-that-flashes-and-redraws-its-own-label-when-pressed","page":"https://we.inc/components/animated-buttons/e-paper-display-key-that-flashes-and-redraws-its-own-label-when-pressed","title":"E-Paper Display Key That Flashes and Redraws Its Own Label When Pressed","type":"registry:component"},{"name":"eased-inertia-scroll-inside-one-reading-panel","title":"Eased Inertia Scroll Inside One Reading Panel","type":"registry:block"},{"dependencies":["framer-motion"],"name":"eased-ring-cursor-that-grows-and-snaps-to-links","title":"Eased Ring Cursor That Snaps to Links","type":"registry:block"},{"description":"Domino run on a canvas: tiles stand in a spiral, topple in a chain when you push one and rise again on request. Copy the React code or the HTML free.","name":"ebony-and-ivory-domino-spiral-that-topples-tile-by-tile-with-real-contact-physics-and-stands-back-up","page":"https://we.inc/components/app-ui/ebony-and-ivory-domino-spiral-that-topples-tile-by-tile-with-real-contact-physics-and-stands-back-up","title":"Ebony and Ivory Domino Spiral That Topples Tile by Tile with Real Contact Physics and Stands Back Up","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Demo of editing a site by saying it: the sentence gathers into a bead of paint that falls onto a page model and spreads. Free React and HTML code.","name":"edit-sentence-that-gathers-into-a-bead-of-wet-paint-and-falls-onto-a-lacquered-page-model","page":"https://we.inc/components/originals/edit-sentence-that-gathers-into-a-bead-of-wet-paint-and-falls-onto-a-lacquered-page-model","title":"Edit Sentence That Gathers into a Bead of Wet Paint and Falls onto a Lacquered Page Model","type":"registry:block"},{"name":"ember-glow-rising-mesh-gradient-background","title":"Ember Glow Rising Mesh","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Status badges made by a label maker: a letter wheel spins to each characterand punches it into glossy tape. Free React and Tailwind code, or HTML.","name":"embossing-label-maker-with-a-letter-wheel-that-punches-status-badges-into-glossy-tape","page":"https://we.inc/components/feedback/embossing-label-maker-with-a-letter-wheel-that-punches-status-badges-into-glossy-tape","title":"Embossing Label Maker with a Letter Wheel That Punches Status Badges into Glossy Tape","type":"registry:block"},{"name":"empty-inbox-state-with-tray-and-paper-plane-drawing","title":"Empty Inbox State with Tray and Paper Plane","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free React and WebGL domain input: each typed letter is set into a white enamel plate on a sunlit black door, then a brass screw drives home and a blue dot lights.","name":"enamel-house-name-plate-screwed-to-a-sunlit-painted-door-where-a-typed-address-sets-letter-by-letter-and-a-blue-dot-lights","page":"https://we.inc/components/originals/enamel-house-name-plate-screwed-to-a-sunlit-painted-door-where-a-typed-address-sets-letter-by-letter-and-a-blue-dot-lights","title":"Enamel House Name Plate Screwed to a Sunlit Painted Door Where a Typed Address Sets Letter by Letter and a Blue Dot Lights","type":"registry:block"},{"description":"Countdown drawn as a wind-up kitchen timer: twist to set the minutes, watch it tick back to zero, then it shakes and rings. Free React and HTML to copy.","name":"enamel-kitchen-timer-you-twist-to-set-that-ticks-down-a-held-booking-and-rings","page":"https://we.inc/components/cta-sections/enamel-kitchen-timer-you-twist-to-set-that-ticks-down-a-held-booking-and-rings","title":"Enamel Kitchen Timer You Twist to Set That Ticks Down a Held Booking and Rings","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React billing toggle: a red enamel lever on a cream plate, ray-marched in WebGL on sunlit terrazzo, that snaps over centre between monthly and yearly.","name":"enamel-lever-billing-switch-in-webgl-on-sunlit-terrazzo-that-throws-over-centre-between-monthly-and-yearly","page":"https://we.inc/components/toggles/enamel-lever-billing-switch-in-webgl-on-sunlit-terrazzo-that-throws-over-centre-between-monthly-and-yearly","title":"Enamel Lever Billing Switch in WebGL on Sunlit Terrazzo That Throws Over Centre Between Monthly and Yearly","type":"registry:component"},{"description":"Breadcrumb trail of enamel signs on rail trolleys: step back a level and the deeper signs roll away, swinging on their chains. Free React and HTML code.","name":"enamel-platform-sign-breadcrumbs-hanging-from-rail-trolleys-that-roll-away-swinging-when-you-step-back-up-the-trail","page":"https://we.inc/components/navigation/enamel-platform-sign-breadcrumbs-hanging-from-rail-trolleys-that-roll-away-swinging-when-you-step-back-up-the-trail","title":"Enamel Platform Sign Breadcrumbs Hanging from Rail Trolleys That Roll Away Swinging When You Step Back Up the Trail","type":"registry:component"},{"description":"Membership card in brushed steel: engraved lettering flares under a fixed lamp as you spin it on its edge. Copy the React code or the HTML version free.","name":"engraved-steel-membership-card-that-turns-on-its-edge-and-catches-a-fixed-lamp-in-its-lettering","page":"https://we.inc/components/animated-cards/engraved-steel-membership-card-that-turns-on-its-edge-and-catches-a-fixed-lamp-in-its-lettering","title":"Engraved Steel Membership Card That Turns on Its Edge and Catches a Fixed Lamp in Its Lettering","type":"registry:block"},{"name":"espresso-circle-preloader-that-shrinks-into-the-brand-dot","title":"Espresso Circle Shrink Preloader","type":"registry:block"},{"name":"expanding-bread-recipe-step-panels-with-notes","title":"Expanding Bread Recipe Step Panels With Notes","type":"registry:block"},{"name":"expanding-class-panels-as-keyboard-tabs","title":"Expanding Class Panels as Keyboard Tabs","type":"registry:block"},{"name":"expanding-product-colourway-panels-with-swatches","title":"Expanding Product Colourway Panels With Swatches","type":"registry:block"},{"name":"expanding-team-portrait-panels-with-bios","title":"Expanding Team Portrait Panels With Bios","type":"registry:block"},{"name":"expanding-travel-destination-photo-panels","title":"Expanding Travel Destination Photo Panels","type":"registry:block"},{"description":"Eyeshadow palette on a canvas: pressed powder pans keep a fingerprint where you press, and your picks are swiped onto a card. Free React and HTML code.","name":"eyeshadow-palette-trio-picker-with-pressed-powder-pans-that-keep-your-fingerprint-and-swipe-swatches-onto-a-card","page":"https://we.inc/components/ecommerce/eyeshadow-palette-trio-picker-with-pressed-powder-pans-that-keep-your-fingerprint-and-swipe-swatches-onto-a-card","title":"Eyeshadow Palette Trio Picker with Pressed Powder Pans That Keep Your Fingerprint and Swipe Swatches onto a Card","type":"registry:block"},{"name":"falling-snow-particle-background-with-depth-and-wind-gusts","title":"Falling Snow with Depth and Gusts","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React FAQ accordion with aria-expanded buttons, smooth height and one or many open, beside a WebGL opal glass lamp that brightens per answer.","name":"faq-accordion-in-react-beside-an-opal-glass-globe-lamp-in-webgl-that-glows-brighter-as-each-answer-opens","page":"https://we.inc/components/faq/faq-accordion-in-react-beside-an-opal-glass-globe-lamp-in-webgl-that-glows-brighter-as-each-answer-opens","title":"FAQ Accordion in React Beside an Opal Glass Globe Lamp in WebGL That Glows Brighter as Each Answer Opens","type":"registry:block"},{"dependencies":["framer-motion"],"description":"3D carousel in raw WebGL: tall fashion prints stand on a polished floor with reflections and soft shadows, and rock when moved. Free React and HTML code.","name":"fashion-print-carousel-in-webgl-with-standing-prints-that-rock-on-their-corners-over-a-mirror-floor","page":"https://we.inc/components/galleries/fashion-print-carousel-in-webgl-with-standing-prints-that-rock-on-their-corners-over-a-mirror-floor","title":"Fashion Print Carousel in WebGL with Standing Prints That Rock on Their Corners over a Mirror Floor","type":"registry:block"},{"dependencies":["framer-motion"],"name":"feature-list-staggered-fade-up-on-scroll","title":"Feature List Staggered Fade Up","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Prompt box built as a felt letter board: each key pushes a plastic letter into the groovesand Enter sets a homepage. Free React and HTML code.","name":"felt-letter-board-prompt-box-where-typed-plastic-letters-drop-out-of-the-grooves-and-a-homepage-is-set-in-their-place","page":"https://we.inc/components/originals/felt-letter-board-prompt-box-where-typed-plastic-letters-drop-out-of-the-grooves-and-a-homepage-is-set-in-their-place","title":"Felt Letter Board Prompt Box Where Typed Plastic Letters Drop Out of the Grooves and a Homepage Is Set in Their Place","type":"registry:block"},{"name":"ferry-departure-board-rows-scramble-into-place","title":"Ferry Departure Board Rows Scramble Into Place","type":"registry:block"},{"name":"ferry-footer-wordmark-on-split-flap-tiles","title":"Ferry Footer With Split-Flap Wordmark","type":"registry:block"},{"name":"figure-badge-inside-layered-ink-blob","title":"Figure Badge Inside Layered Ink Blob","type":"registry:block"},{"name":"file-sync-status-icons-uploading-synced-offline-and-error","title":"File Sync Status Icons With Retry","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Clapperboard on a canvas: the stick snaps shut, chalk dust jumps and a timecode window counts down frame by frame. Copy the React code or the HTML free.","name":"film-clapperboard-call-to-action-with-sticks-that-snap-shut-chalked-scene-details-and-a-running-timecode-countdown","page":"https://we.inc/components/cta-sections/film-clapperboard-call-to-action-with-sticks-that-snap-shut-chalked-scene-details-and-a-running-timecode-countdown","title":"Film Clapperboard Call to Action with Sticks That Snap Shut, Chalked Scene Details and a Running Timecode Countdown","type":"registry:block"},{"name":"film-colour-wash-gradient-with-grain-background","title":"Film Colour Wash With Grain","type":"registry:block"},{"name":"film-grain-and-flicker-over-a-foggy-photo-hero","title":"Film Grain and Flicker Over a Foggy Photo Hero","type":"registry:block"},{"description":"Film reel loader on a canvas: stock winds from one reel to the other while a mechanical drum counter rolls up. Free React code and an HTML version to copy.","name":"film-rewind-bench-loader-that-winds-stock-between-two-reels-with-a-rolling-counter","page":"https://we.inc/components/loaders/film-rewind-bench-loader-that-winds-stock-between-two-reels-with-a-rolling-counter","title":"Film Rewind Bench Loader That Winds Stock Between Two Reels with a Rolling Counter","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Canvas text effect: a line is written by fingertip on a misted window, drops run from the letters and dragging wipes the glass. Free React and HTML code.","name":"finger-written-words-in-window-condensation-that-drip-fog-over-and-wipe-clear","page":"https://we.inc/components/text-effects/finger-written-words-in-window-condensation-that-drip-fog-over-and-wipe-clear","title":"Finger-Written Words in Window Condensation That Drip, Fog Over and Wipe Clear","type":"registry:component"},{"name":"fireflies-over-a-dusk-meadow-particle-background","title":"Fireflies over a Dusk Meadow","type":"registry:block"},{"name":"flick-away-stacked-card-deck-slider-with-momentum","title":"Flick Away Stacked Card Deck Slider","type":"registry:component"},{"name":"floating-dandelion-seeds-and-pollen-particle-background","title":"Floating Dandelion Seeds and Pollen","type":"registry:block"},{"name":"floating-product-photo-rising-over-its-backdrop-on-scroll","title":"Floating Product Photo Rising Over Its Backdrop on Scroll","type":"registry:block"},{"dependencies":["framer-motion"],"name":"floor-plan-lights-each-room-on-scroll","title":"Floor Plan Lights Each Room","type":"registry:block"},{"description":"Save indicator on a canvas: a disk is pushed into a drive, a lamp flickers while it writes, then the disk springs back out. Free React and HTML to copy.","name":"floppy-drive-save-indicator-with-a-disk-that-slides-in-a-flickering-busy-lamp-and-a-spring-eject","page":"https://we.inc/components/feedback/floppy-drive-save-indicator-with-a-disk-that-slides-in-a-flickering-busy-lamp-and-a-spring-eject","title":"Floppy Drive Save Indicator with a Disk That Slides In, a Flickering Busy Lamp and a Spring Eject","type":"registry:component"},{"name":"flower-words-in-a-sentence-opening-photo-windows","title":"Flower Words Opening Photo Windows","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Location section built as a pocket street plan: paper panels unfold on springs, keep their creases, and a red pin drops in. Free React and HTML to copy.","name":"folded-paper-street-map-that-unfolds-panel-by-panel-with-creases-and-a-pin-that-drops-in","page":"https://we.inc/components/content/folded-paper-street-map-that-unfolds-panel-by-panel-with-creases-and-a-pin-that-drops-in","title":"Folded Paper Street Map That Unfolds Panel by Panel with Creases and a Pin That Drops In","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React FAQ: folded card tags on brass hooks in WebGL sunlight. Press one and its flap drops open on its crease to show the printed answer.","name":"folded-paper-tag-faq-hung-on-brass-hooks-in-ray-marched-sunlight-where-each-tag-drops-open-to-show-its-printed-answer","page":"https://we.inc/components/faq/folded-paper-tag-faq-hung-on-brass-hooks-in-ray-marched-sunlight-where-each-tag-drops-open-to-show-its-printed-answer","title":"Folded Paper Tag FAQ Hung on Brass Hooks in Ray Marched Sunlight Where Each Tag Drops Open to Show Its Printed Answer","type":"registry:block"},{"name":"footer-sign-off-logo-that-draws-on-entry","title":"Footer Sign-Off Logo That Draws on Entry","type":"registry:component"},{"name":"forest-curtain-preloader-that-lifts-with-a-curved-edge","title":"Forest Curved Curtain Preloader","type":"registry:block"},{"name":"forest-panels-that-slide-in-layer-by-layer-over-the-page","title":"Forest Panels That Slide In Layer by Layer","type":"registry:block"},{"name":"form-error-and-warning-icons-that-draw-and-nudge-once","title":"Form Error and Warning Icons That Draw","type":"registry:component"},{"name":"form-sent-envelope-that-seals-and-shows-a-check","title":"Form Sent Envelope That Seals With a Check","type":"registry:component"},{"description":"One-time-code input drawn as a bike cable lock: type, roll or drag the brass number rings and the cable springs free when right. Free React and HTML code.","name":"four-wheel-brass-combination-cable-lock-code-input-with-rings-that-click-round-and-a-cable-that-springs-free","page":"https://we.inc/components/inputs/four-wheel-brass-combination-cable-lock-code-input-with-rings-that-click-round-and-a-cable-that-springs-free","title":"Four-Wheel Brass Combination Cable Lock Code Input with Rings That Click Round and a Cable That Springs Free","type":"registry:component"},{"description":"Showcase piece: a homepage print in an oak frame drops onto a nail, swings on its wire, rests crooked and is set level. Free React code and HTML to copy.","name":"framed-homepage-print-hung-on-a-nail-by-picture-wire-that-swings-settles-crooked-and-is-straightened","page":"https://we.inc/components/originals/framed-homepage-print-hung-on-a-nail-by-picture-wire-that-swings-settles-crooked-and-is-straightened","title":"Framed Homepage Print Hung on a Nail by Picture Wire That Swings, Settles Crooked and Is Straightened","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free testimonial section in raw WebGL: a framed portrait leans on a sunlit wall beside a huge quote, and swings round like a door to show the next speaker.","name":"framed-portrait-testimonials-in-webgl-with-a-leaning-two-sided-frame-that-swings-on-its-corner-and-claps-back-onto-a-sunlit-wall","page":"https://we.inc/components/testimonials/framed-portrait-testimonials-in-webgl-with-a-leaning-two-sided-frame-that-swings-on-its-corner-and-claps-back-onto-a-sunlit-wall","title":"Framed Portrait Testimonials in WebGL with a Leaning Two-Sided Frame That Swings on Its Corner and Claps Back onto a Sunlit Wall","type":"registry:block"},{"name":"free-scroll-plant-strip-that-coasts-then-springs","title":"Free Scroll Plant Strip That Coasts Then Springs","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Image reveal in WebGL: window frost hides a photograph, melts where the pointer rubs, beads with water and freezes over again. Free React and HTML code.","name":"frosted-window-pane-over-a-photograph-that-thaws-under-a-warm-fingertip-and-freezes-over-again","page":"https://we.inc/components/scroll-effects/frosted-window-pane-over-a-photograph-that-thaws-under-a-warm-fingertip-and-freezes-over-again","title":"Frosted Window Pane over a Photograph That Thaws Under a Warm Fingertip and Freezes Over Again","type":"registry:block"},{"name":"full-bleed-hero-slider-with-parallax-photos","title":"Full Bleed Hero Slider With Parallax Photos","type":"registry:block"},{"name":"full-width-snap-slides-with-project-name-tabs","title":"Full Width Snap Slides with Project Name Tabs","type":"registry:block"},{"name":"furniture-restoration-timeline-with-stages-lighting-in-turn","title":"Restoration Timeline With Stages Lighting Up","type":"registry:component"},{"name":"garden-shop-orders-line-chart-that-draws-left-to-right","title":"Garden Shop Orders Line Chart That Draws","type":"registry:component"},{"name":"geometric-block-mark-slides-together-in-hero-corner","title":"Geometric Block Mark Sliding Together","type":"registry:component"},{"description":"Scratch card on a canvas: rub the silver panel of a gift card with a brass coin and the foil comes off in streaks and crumbs. Free React and HTML to copy.","name":"gift-card-with-a-silver-scratch-off-panel-a-brass-coin-and-foil-crumbs-that-scatter-as-you-rub","page":"https://we.inc/components/cards/gift-card-with-a-silver-scratch-off-panel-a-brass-coin-and-foil-crumbs-that-scatter-as-you-rub","title":"Gift Card with a Silver Scratch off Panel, a Brass Coin and Foil Crumbs That Scatter as You Rub","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React 3D card in raw WebGL: a thick show ticket with a fashion photograph, gold foil that lights up under a softbox, gilt edges, a shadow and a mirror floor.","name":"gilt-edged-show-ticket-card-in-webgl-with-hot-foil-that-catches-a-softbox-as-it-tilts-over-blue-lacquer","page":"https://we.inc/components/animated-cards/gilt-edged-show-ticket-card-in-webgl-with-hot-foil-that-catches-a-softbox-as-it-tilts-over-blue-lacquer","title":"Gilt-Edged Show Ticket Card in WebGL with Hot Foil That Catches a Softbox as It Tilts over Blue Lacquer","type":"registry:block"},{"dependencies":["framer-motion"],"description":"A torch holding one sentence fires a beam into a glass prism, and the fan of blue light paints a homepage band by band. Copy the React code or HTML free.","name":"glass-prism-that-splits-a-beam-carrying-one-sentence-into-a-homepage-made-of-light","page":"https://we.inc/components/originals/glass-prism-that-splits-a-beam-carrying-one-sentence-into-a-homepage-made-of-light","title":"Glass Prism That Splits a Beam Carrying One Sentence into a Homepage Made of Light","type":"registry:block"},{"description":"Progress meter drawn as a glass rain gauge: drops land, the water rises against a printed scale and a tap pours it out. Free React code and HTML to copy.","name":"glass-rain-gauge-progress-meter-that-fills-drop-by-drop-with-a-meniscus-and-tips-out-when-full","page":"https://we.inc/components/feedback/glass-rain-gauge-progress-meter-that-fills-drop-by-drop-with-a-meniscus-and-tips-out-when-full","title":"Glass Rain Gauge Progress Meter That Fills Drop by Drop with a Meniscus and Tips Out When Full","type":"registry:component"},{"description":"Bar chart drawn as glass test tubes in a rack: dyed liquid climbs to each value, sloshes, bubbles and settles. Copy the React code or the HTML free.","name":"glass-test-tube-rack-bar-chart-with-dyed-liquid-that-rises-sloshes-and-settles-on-each-value","page":"https://we.inc/components/dashboard/glass-test-tube-rack-bar-chart-with-dyed-liquid-that-rises-sloshes-and-settles-on-each-value","title":"Glass Test Tube Rack Bar Chart with Dyed Liquid That Rises, Sloshes and Settles on Each Value","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free animated border card: a bead of warm light runs through a glass tube bent around a feature card on a sunlit oak table, faster under the pointer.","name":"glass-tube-border-feature-card-in-webgl-with-a-warm-bead-of-light-that-runs-the-edge-and-warms-the-sunlit-table","page":"https://we.inc/components/borders/glass-tube-border-feature-card-in-webgl-with-a-warm-bead-of-light-that-runs-the-edge-and-warms-the-sunlit-table","title":"Glass Tube Border Feature Card in WebGL with a Warm Bead of Light That Runs the Edge and Warms the Sunlit Table","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free glassmorphism CSS in React and Tailwind: a frosted glass card, glass navbar, login panel and stat chips over a photo, with a solid fallback built in.","name":"glassmorphism-card-css-with-frosted-navbar-login-panel-and-stat-chips-over-a-photo","page":"https://we.inc/components/cards/glassmorphism-card-css-with-frosted-navbar-login-panel-and-stat-chips-over-a-photo","title":"Glassmorphism Card CSS with Frosted Navbar, Login Panel and Stat Chips over a Photo","type":"registry:block"},{"description":"Button fired in celadon glaze on a canvas: carved letters where the green pools, a crackle net and a rock under the finger. Free React and HTML to copy.","name":"glazed-celadon-ceramic-button-with-carved-lettering-that-rocks-under-the-finger","page":"https://we.inc/components/animated-buttons/glazed-celadon-ceramic-button-with-carved-lettering-that-rocks-under-the-finger","title":"Glazed Celadon Ceramic Button with Carved Lettering That Rocks Under the Finger","type":"registry:component"},{"description":"Free React tabs drawn in WebGL: four thick glazed tiles lean on a sunlit plaster shelf and the one you pick rocks upright into the light.","name":"glazed-ceramic-tile-tabs-in-webgl-leaning-on-a-sunlit-plaster-shelf-where-the-chosen-tile-rocks-upright-into-the-window-light","page":"https://we.inc/components/navigation/glazed-ceramic-tile-tabs-in-webgl-leaning-on-a-sunlit-plaster-shelf-where-the-chosen-tile-rocks-upright-into-the-window-light","title":"Glazed Ceramic Tile Tabs in WebGL Leaning on a Sunlit Plaster Shelf Where the Chosen Tile Rocks Upright into the Window Light","type":"registry:block"},{"description":"Free React dock drawn in WebGL: six glazed stoneware icons in a milled aluminium tray that swell, lift and hop under the pointer in daylight.","name":"glazed-stoneware-app-dock-in-webgl-on-a-milled-aluminium-tray-where-icons-magnify-lift-and-bounce-in-daylight","page":"https://we.inc/components/docks/glazed-stoneware-app-dock-in-webgl-on-a-milled-aluminium-tray-where-icons-magnify-lift-and-bounce-in-daylight","title":"Glazed Stoneware App Dock in WebGL on a Milled Aluminium Tray Where Icons Magnify Lift and Bounce in Daylight","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free React pricing section in raw WebGL: three glazed stoneware jars on a mint shelf in window light; the chosen jar rocks forward and fills with honey.","name":"glazed-stoneware-jar-pricing-in-webgl-where-the-chosen-jar-rocks-forward-on-a-pastel-shelf-and-fills-with-honey","page":"https://we.inc/components/pricing/glazed-stoneware-jar-pricing-in-webgl-where-the-chosen-jar-rocks-forward-on-a-pastel-shelf-and-fills-with-honey","title":"Glazed Stoneware Jar Pricing in WebGL Where the Chosen Jar Rocks Forward on a Pastel Shelf and Fills with Honey","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Page peel between photos: a glossy print curls up from its corner after the pointer, shows its lit back and comes away. Free React code and HTML to copy.","name":"glossy-photo-print-that-peels-off-a-second-photograph-with-a-lit-curling-underside","page":"https://we.inc/components/galleries/glossy-photo-print-that-peels-off-a-second-photograph-with-a-lit-curling-underside","title":"Glossy Photo Print That Peels Off a Second Photograph with a Lit Curling Underside","type":"registry:block"},{"name":"glowing-plankton-in-deep-water-particle-background","title":"Glowing Plankton in Deep Water","type":"registry:block"},{"description":"Powder compact painted on a canvas: the gold lid swings up on a sprung hinge to a mirror with a portrait and pressed powder. Free React and HTML to copy.","name":"gold-powder-compact-that-opens-on-a-sprung-hinge-to-a-mirror-reflecting-a-portrait-over-embossed-pressed-powder","page":"https://we.inc/components/ecommerce/gold-powder-compact-that-opens-on-a-sprung-hinge-to-a-mirror-reflecting-a-portrait-over-embossed-pressed-powder","title":"Gold Powder Compact That Opens on a Sprung Hinge to a Mirror Reflecting a Portrait over Embossed Pressed Powder","type":"registry:block"},{"name":"graphite-shutter-preloader-for-an-architecture-practice","title":"Graphite Shutter Preloader","type":"registry:block"},{"name":"graphite-split-halves-that-close-over-the-page","title":"Graphite Split Halves That Close Over the Page","type":"registry:block"},{"dependencies":["framer-motion"],"name":"grid-thumbnail-grows-into-the-detail-photo","title":"Grid Thumbnail Grows Into the Detail Photo","type":"registry:block"},{"dependencies":["framer-motion"],"name":"grid-tiles-light-up-under-pointer","title":"Grid Tiles Light Up Under the Pointer","type":"registry:block"},{"description":"Toggle row styled as a cockpit panel: each switch sits under a red hinged cover you must lift first, so nothing arms by accident. Free React and HTML code.","name":"guarded-toggle-switch-row-with-red-flip-up-safety-covers-you-lift-before-each-switch-will-arm","page":"https://we.inc/components/toggles/guarded-toggle-switch-row-with-red-flip-up-safety-covers-you-lift-before-each-switch-will-arm","title":"Guarded Toggle Switch Row with Red Flip-Up Safety Covers You Lift Before Each Switch Will Arm","type":"registry:component"},{"description":"Stepped slider drawn as a guitar neck: slide a capo between frets and the strings ring as standing waves over a range input. Free React and HTML code.","name":"guitar-fretboard-capo-slider-with-wound-strings-that-ring-as-standing-waves","page":"https://we.inc/components/inputs/guitar-fretboard-capo-slider-with-wound-strings-that-ring-as-standing-waves","title":"Guitar Fretboard Capo Slider with Wound Strings That Ring as Standing Waves","type":"registry:component"},{"description":"Canvas gumball machine: turn the chrome handle a full circle and a gumball drops down the chute and rolls across the table. Free React and HTML to copy.","name":"gumball-machine-with-a-crank-you-turn-that-drops-a-glossy-ball-down-the-chute","page":"https://we.inc/components/app-ui/gumball-machine-with-a-crank-you-turn-that-drops-a-glossy-ball-down-the-chute","title":"Gumball Machine with a Crank You Turn That Drops a Glossy Ball Down the Chute","type":"registry:component"},{"name":"hairline-rule-line-rise-text-reveal","title":"Hairline Rule Line Rise","type":"registry:block"},{"name":"hand-drawn-underline-drawing-under-one-word","title":"Hand-Drawn Underline Under One Word","type":"registry:component"},{"description":"Canvas text effect: a painted shop fascia whose name is gilded as you watch, with gold leaf laid, brushed off and burnished. Free React and HTML to copy.","name":"hand-gilded-shop-fascia-headline-where-gold-leaf-is-laid-brushed-off-and-burnished","page":"https://we.inc/components/text-effects/hand-gilded-shop-fascia-headline-where-gold-leaf-is-laid-brushed-off-and-burnished","title":"Hand-Gilded Shop Fascia Headline Where Gold Leaf Is Laid, Brushed Off and Burnished","type":"registry:component"},{"dependencies":["framer-motion"],"description":"A pocket LCD game laid out in parts on a cutting mat: shell, display, buttons and screws slide together, then you can play it. Free React and HTML code.","name":"handheld-catching-game-laid-out-in-parts-on-a-cutting-mat-that-slide-together-and-can-be-played","page":"https://we.inc/components/originals/handheld-catching-game-laid-out-in-parts-on-a-cutting-mat-that-slide-together-and-can-be-played","title":"Handheld Catching Game Laid out in Parts on a Cutting Mat That Slide Together and Can Be Played","type":"registry:component"},{"name":"handwritten-word-drawn-by-pen-stroke-svg","title":"Handwritten Word Drawn by Pen Stroke","type":"registry:block"},{"description":"Scroll reveal on a canvas: a waxed canvas garment bag hangs from a peg and its brass zip opens as you scroll or drag. Copy the React code or HTML free.","name":"hanging-garment-bag-scroll-reveal-with-a-brass-zip-that-parts-waxed-canvas-over-a-photograph","page":"https://we.inc/components/scroll-effects/hanging-garment-bag-scroll-reveal-with-a-brass-zip-that-parts-waxed-canvas-over-a-photograph","title":"Hanging Garment Bag Scroll Reveal with a Brass Zip That Parts Waxed Canvas over a Photograph","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Photo mobile with prints on balanced wire arms: they sway and turn on their threads, and the whole thing tips when you pull one. Free React and HTML code.","name":"hanging-photo-mobile-with-balanced-wire-arms-and-prints-that-turn-in-the-air","page":"https://we.inc/components/animated-cards/hanging-photo-mobile-with-balanced-wire-arms-and-prints-that-turn-in-the-air","title":"Hanging Photo Mobile with Balanced Wire Arms and Prints That Turn in the Air","type":"registry:block"},{"dependencies":["framer-motion"],"name":"headline-lines-rise-from-masks-on-scroll","title":"Headline Lines Rise From Masks","type":"registry:block"},{"name":"headline-rows-skew-with-scroll-speed","title":"Headline Rows Skew With Scroll Speed","type":"registry:block"},{"name":"heat-shimmer-desert-gradient-background","title":"Heat Shimmer Desert Gradient","type":"registry:block"},{"description":"Perfume bottle on a canvas: tilt the thick glass and the amber liquid stays level and sloshes, while the gold stopper lifts out. Free React and HTML code.","name":"heavy-glass-perfume-bottle-you-tilt-with-amber-liquid-that-stays-level-and-a-gold-stopper-that-lifts-out","page":"https://we.inc/components/ecommerce/heavy-glass-perfume-bottle-you-tilt-with-amber-liquid-that-stays-level-and-a-gold-stopper-that-lifts-out","title":"Heavy Glass Perfume Bottle You Tilt with Amber Liquid That Stays Level and a Gold Stopper That Lifts Out","type":"registry:block"},{"name":"hero-corner-with-two-tinted-css-blobs","title":"Hero Corner With Two Tinted CSS Blobs","type":"registry:block"},{"dependencies":["framer-motion"],"name":"hero-number-counter-with-motion-blur-on-fast-digits","title":"Hero Number Counter With Motion Blur","type":"registry:component"},{"name":"hexagon-logo-settles-from-scattered-parts-on-sign-in","title":"Hexagon Logo Settling From Scattered Parts","type":"registry:component"},{"dependencies":["framer-motion"],"name":"highlighter-moves-down-a-recipe-card-per-step","title":"Highlighter Moves Down A Recipe Card","type":"registry:block"},{"dependencies":["framer-motion"],"name":"horizontal-card-deck-stacking-sideways-in-pinned-section","title":"Horizontal Card Deck Stacking Sideways in a Pinned Section","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Door hanger card that swings from a brass knob as a pendulum, lifts clear when pressed and flips in 3D to its other message. Free React and HTML to copy.","name":"hotel-do-not-disturb-door-hanger-card-that-swings-on-a-brass-knob-and-flips-to-make-up-my-room","page":"https://we.inc/components/animated-cards/hotel-do-not-disturb-door-hanger-card-that-swings-on-a-brass-knob-and-flips-to-make-up-my-room","title":"Hotel Do Not Disturb Door Hanger Card That Swings on a Brass Knob and Flips to Make up My Room","type":"registry:block"},{"description":"Lock switch drawn as a hotel door lock: a key card dips into the reader, the lamp turns green and the chrome lever drops. Free React and HTML code to copy.","name":"hotel-keycard-door-lock-switch-with-a-card-that-dips-into-the-reader-a-lamp-that-turns-green-and-a-lever-that-drops","page":"https://we.inc/components/toggles/hotel-keycard-door-lock-switch-with-a-card-that-dips-into-the-reader-a-lamp-that-turns-green-and-a-lever-that-drops","title":"Hotel Keycard Door Lock Switch with a Card That Dips into the Reader, a Lamp That Turns Green and a Lever That Drops","type":"registry:component"},{"name":"hotel-room-cards-sliding-to-a-second-view","title":"Hotel Room Cards Sliding To A Second View","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Pendulum piece with a brass room key and an enamel fob on one ring: they swing at their own speeds and knock when they meet. Free React and HTML code.","name":"hotel-room-key-and-enamel-fob-on-a-brass-ring-that-swing-and-knock-together","page":"https://we.inc/components/animated-cards/hotel-room-key-and-enamel-fob-on-a-brass-ring-that-swing-and-knock-together","title":"Hotel Room Key and Enamel Fob on a Brass Ring That Swing and Knock Together","type":"registry:block"},{"dependencies":["framer-motion"],"name":"hover-and-focus-glitch-menu-links","title":"Hover and Focus Glitch Menu Links","type":"registry:block"},{"description":"Free HTML CSS button set: primary, secondary, outline, ghost, destructive, icon and loading buttons in three sizes, with hover, press, focus and disabled states.","name":"html-css-button-set-with-primary-secondary-outline-ghost-icon-loading-and-destructive-styles","page":"https://we.inc/components/buttons/html-css-button-set-with-primary-secondary-outline-ghost-icon-loading-and-destructive-styles","title":"HTML CSS Button Set with Primary, Secondary, Outline, Ghost, Icon, Loading and Destructive Styles","type":"registry:component"},{"description":"Free HTML form examples: contact, signup, login, checkout, booking, survey and more, covering every input type. Copy each as HTML with CSS or as Tailwind.","name":"html-form-examples-collection-with-every-input-type-and-copyable-html-css-or-tailwind","page":"https://we.inc/components/forms/html-form-examples-collection-with-every-input-type-and-copyable-html-css-or-tailwind","title":"HTML Form Examples with Every Input Type, Copyable as HTML + CSS or Tailwind","type":"registry:block"},{"name":"image-card-zoom-with-caption-sliding-up","title":"Image Card Zoom With Caption Sliding Up","type":"registry:block"},{"description":"Checklist on a ruled index card: a pencil ticks and strikes each line in grainy graphite, then turns round and rubs it out. Free React and HTML to copy.","name":"index-card-checklist-where-a-pencil-draws-each-tick-in-graphite-and-its-eraser-rubs-it-out","page":"https://we.inc/components/animated-cards/index-card-checklist-where-a-pencil-draws-each-tick-in-graphite-and-its-eraser-rubs-it-out","title":"Index Card Checklist Where a Pencil Draws Each Tick in Graphite and Its Eraser Rubs It Out","type":"registry:block"},{"name":"ink-bleed-on-paper-text-reveal","title":"Ink Bleed on Paper Reveal","type":"registry:block"},{"name":"ink-cloud-blooming-in-water-background","title":"Ink Cloud Blooming in Water","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free cursor trail of fading ink dots behind a stationery hero. Plain HTML, CSS and JS or React, with touch ink blots, keyboard handling and reduced motion support.","name":"ink-dot-cursor-trail-fading-over-stationery-hero","page":"https://we.inc/components/cursors/ink-dot-cursor-trail-fading-over-stationery-hero","title":"Ink Dot Cursor Trail","type":"registry:block"},{"description":"Progress indicator on a canvas: a dropper lets ink fall into a glass of water, each drop blooms and the water darkens per step. Free React and HTML code.","name":"ink-drop-progress-indicator-that-blooms-through-a-glass-of-water-one-drop-per-step","page":"https://we.inc/components/feedback/ink-drop-progress-indicator-that-blooms-through-a-glass-of-water-one-drop-per-step","title":"Ink Drop Progress Indicator That Blooms Through a Glass of Water, One Drop per Step","type":"registry:component"},{"name":"ink-editorial-section-with-grain-and-breathing-vignette","title":"Ink Editorial Section With Grain and Breathing Vignette","type":"registry:block"},{"name":"ink-overlay-with-numbered-rows-that-draw-their-rules","title":"Ink Overlay With Numbered Rows That Draw Their Rules","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Press the shutter and a photo feeds out of the camera, lands on the table and develops while you drag and shake it. Free React and Tailwind code, or HTML.","name":"instant-camera-that-ejects-photos-you-shake-to-develop","page":"https://we.inc/components/animated-cards/instant-camera-that-ejects-photos-you-shake-to-develop","title":"Instant Camera That Ejects Photos You Shake to Develop","type":"registry:block"},{"name":"interior-room-gallery-with-captions-after-settle","title":"Interior Room Gallery With Captions After Settle","type":"registry:block"},{"name":"intro-card-where-logo-lifts-and-name-rises","title":"Intro Card Where the Logo Lifts and the Name Rises","type":"registry:component"},{"name":"iridescent-pearl-sheen-gradient-background","title":"Iridescent Pearl Sheen","type":"registry:block"},{"name":"isometric-cube-field-with-a-rolling-ripple-of-light","title":"Isometric Cube Field with Light Ripple","type":"registry:component"},{"dependencies":["framer-motion"],"name":"jacket-layers-separate-into-exploded-view-on-scroll","title":"Jacket Layers Separate On Scroll","type":"registry:block"},{"dependencies":["framer-motion"],"name":"kinetic-type-line-stretching-with-scroll","title":"Kinetic Type Line Stretching With Scroll","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Notification stack styled as a kitchen order rail: paper tickets slide under a steel rail, swing like paper and drop when pulled. Free React and HTML code.","name":"kitchen-order-rail-notifications-with-printed-paper-tickets-that-slide-under-a-steel-rail-swing-and-pull-off","page":"https://we.inc/components/feedback/kitchen-order-rail-notifications-with-printed-paper-tickets-that-slide-under-a-steel-rail-swing-and-pull-off","title":"Kitchen Order Rail Notifications with Printed Paper Tickets That Slide Under a Steel Rail, Swing and Pull Off","type":"registry:block"},{"description":"Stepper on a canvas: a scarf on needles gains a wool stripe for every project step while that step's ball of yarn runs out. Free React and HTML to copy.","name":"knitted-scarf-project-timeline-that-knits-one-wool-stripe-per-step-as-each-ball-of-yarn-runs-out","page":"https://we.inc/components/timelines/knitted-scarf-project-timeline-that-knits-one-wool-stripe-per-step-as-each-ball-of-yarn-runs-out","title":"Knitted Scarf Project Timeline That Knits One Wool Stripe per Step as Each Ball of Yarn Runs Out","type":"registry:component"},{"description":"Free React KPI card beside a WebGL desk gauge: cream enamel dial, red needle that swings with real damping, domed glass, chrome bezel and window sunlight.","name":"kpi-gauge-card-with-a-ray-marched-cream-enamel-dial-damped-red-needle-domed-glass-and-chrome-bezel-on-a-sunlit-desk","page":"https://we.inc/components/dashboard/kpi-gauge-card-with-a-ray-marched-cream-enamel-dial-damped-red-needle-domed-glass-and-chrome-bezel-on-a-sunlit-desk","title":"KPI Gauge Card with a Ray-Marched Cream Enamel Dial, Damped Red Needle, Domed Glass and Chrome Bezel on a Sunlit Desk","type":"registry:block"},{"dependencies":["framer-motion"],"name":"label-cursor-reading-view-drag-or-play-on-cards","title":"Label Cursor for View, Drag and Play","type":"registry:block"},{"dependencies":["framer-motion","lucide-react"],"description":"Free React hero section: headline, two calls to action and a trust line beside a WebGL slab of amber resin shaped like an app window, lit by low sun.","name":"landing-page-hero-section-with-a-cast-resin-app-window-catching-a-shaft-of-sun-on-an-ultramarine-sweep","page":"https://we.inc/components/hero-sections/landing-page-hero-section-with-a-cast-resin-app-window-catching-a-shaft-of-sun-on-an-ultramarine-sweep","title":"Landing Page Hero Section with a Cast Resin App Window Catching a Shaft of Sun on an Ultramarine Sweep","type":"registry:block"},{"description":"Rotary switch on a canvas: a turned aluminium dial with a knurled grip clicks between stops while the reflections hold still. Free React and HTML to copy.","name":"lathe-turned-metal-dial-switch-with-detents-and-light-that-stays-put","page":"https://we.inc/components/toggles/lathe-turned-metal-dial-switch-with-detents-and-light-that-stays-put","title":"Lathe-Turned Metal Dial Switch with Detents and Light That Stays Put","type":"registry:component"},{"name":"lava-lamp-background-with-soft-wax-rising-and-sinking-in-warm-glass","title":"Lava Lamp Wax","type":"registry:block"},{"name":"layered-diagonal-stripe-bands-moving-at-three-depths","title":"Layered Diagonal Stripe Bands","type":"registry:component"},{"description":"Free parallax scrolling hero with drawn mountain ridges that slide at different depths behind the headline. React and plain HTML, CSS and JS versions.","name":"layered-mountain-landscape-hero-with-depth-parallax","page":"https://we.inc/components/scroll-effects/layered-mountain-landscape-hero-with-depth-parallax","title":"Layered Mountain Landscape Hero With Depth Parallax","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Text effect with one word cut through stacked sheets of card, each cut a little wider, and a photograph drifting behind. Free React and HTML code to copy.","name":"layered-paper-cut-word-with-a-photograph-drifting-behind-the-letters","page":"https://we.inc/components/text-effects/layered-paper-cut-word-with-a-photograph-drifting-behind-the-letters","title":"Layered Paper Cut Word with a Photograph Drifting Behind the Letters","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Relief model of an island cut from stacked plywood, drawn on a canvas, with walking routes that light up bulb by bulb. Free React code and HTML to copy.","name":"layered-plywood-relief-island-model-with-walking-routes-lit-bulb-by-bulb-on-a-walnut-plinth","page":"https://we.inc/components/content/layered-plywood-relief-island-model-with-walking-routes-lit-bulb-by-bulb-on-a-walnut-plinth","title":"Layered Plywood Relief Island Model with Walking Routes Lit Bulb by Bulb on a Walnut Plinth","type":"registry:block"},{"description":"Free CSS wave animation: four layered sea swells roll along the bottom of a hero with a broken foam line. React, Tailwind and plain HTML, no canvas.","name":"layered-sea-swell-waves-hero-with-foam-line","page":"https://we.inc/components/backgrounds/layered-sea-swell-waves-hero-with-foam-line","title":"Layered Sea Swell Waves with Foam Line","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Hanging card shaped as a leather luggage tag on a buckled strap: it swings from a peg, follows your drag and flies when flung. Free React and HTML code.","name":"leather-luggage-tag-on-a-buckled-strap-with-rope-physics-you-can-drag-and-fling","page":"https://we.inc/components/animated-cards/leather-luggage-tag-on-a-buckled-strap-with-rope-physics-you-can-drag-and-fling","title":"Leather Luggage Tag on a Buckled Strap with Rope Physics You Can Drag and Fling","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free WebGL testimonial section: thick letterpress cards pinned to a sunlit linen board. The chosen card unpins and floats forward while the board falls soft.","name":"letterpress-card-testimonials-in-webgl-pinned-with-brass-pins-to-a-linen-board-where-the-chosen-card-unpins-and-lifts-into-focus","page":"https://we.inc/components/testimonials/letterpress-card-testimonials-in-webgl-pinned-with-brass-pins-to-a-linen-board-where-the-chosen-card-unpins-and-lifts-into-focus","title":"Letterpress Card Testimonials in WebGL Pinned with Brass Pins to a Linen Board Where the Chosen Card Unpins and Lifts into Focus","type":"registry:block"},{"name":"letterpress-footer-closing-line-leans-toward-pointer","title":"Letterpress Footer With Leaning Closing Line","type":"registry:block"},{"dependencies":["framer-motion"],"name":"letters-cut-from-light-with-moving-rays","title":"Letters Cut From Light With Moving Rays","type":"registry:block"},{"name":"letters-flipping-into-place-in-3d","title":"Letters Flipping into Place in 3D","type":"registry:component"},{"description":"Free CSS text animation where each letter rises from below and settles from a soft blur into sharp type. React and plain HTML versions, ready to paste.","name":"letters-rising-with-blur-to-sharp-text-animation","page":"https://we.inc/components/text-effects/letters-rising-with-blur-to-sharp-text-animation","title":"Letters Rising with Blur to Sharp","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Event list drawn as a library date card in a manila pocket: a self-inking dater stamps each new date in rough ink. Free React and Tailwind code, or HTML.","name":"library-date-due-card-and-pocket-event-list-that-a-self-inking-dater-stamps-row-by-row","page":"https://we.inc/components/content/library-date-due-card-and-pocket-event-list-that-a-self-inking-dater-stamps-row-by-row","title":"Library Date Due Card and Pocket Event List That a Self Inking Dater Stamps Row by Row","type":"registry:block"},{"name":"light-beams-through-fog-background-with-dust-glinting-in-the-shafts","title":"Light Beams Through Fog","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Photo gallery laid out as slides on a light table: a loupe glides between them and enlarges what lies under it. Free React and Tailwind code, or HTML.","name":"light-table-slide-gallery-with-a-glass-loupe-that-glides-between-mounted-transparencies","page":"https://we.inc/components/galleries/light-table-slide-gallery-with-a-glass-loupe-that-glides-between-mounted-transparencies","title":"Light Table Slide Gallery with a Glass Loupe That Glides Between Mounted Transparencies","type":"registry:block"},{"name":"lighthouse-beam-sweeping-through-sea-fog-background","title":"Lighthouse Beam Through Sea Fog","type":"registry:component"},{"name":"lighting-shop-footer-wordmark-tilts-under-a-pointer-lamp","title":"Lighting Shop Footer With Tilting Wordmark","type":"registry:block"},{"name":"line-monogram-draws-then-fills-on-intro-card","title":"Line Monogram That Draws Then Fills","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Photo gallery built as a cloth covered archive box: the hinged lid swings up and loose prints leave the tray to lean against it. Free React and HTML code.","name":"linen-archive-box-photo-gallery-whose-lid-opens-into-an-easel-for-loose-prints","page":"https://we.inc/components/galleries/linen-archive-box-photo-gallery-whose-lid-opens-into-an-easel-for-loose-prints","title":"Linen Archive Box Photo Gallery Whose Lid Opens into an Easel for Loose Prints","type":"registry:block"},{"name":"linen-mat-aperture-preloader-that-opens-to-the-edges","title":"Linen Mat Aperture Preloader","type":"registry:block"},{"dependencies":["framer-motion"],"name":"linen-weave-texture-under-slow-moving-lamp-background","title":"Linen Weave Under a Moving Lamp","type":"registry:block"},{"name":"link-underline-sweeping-in-from-the-entry-side","title":"Link Underline Sweeping In From the Entry Side","type":"registry:block"},{"description":"Shade picker on a canvas: pick a colour and the bullet winds down into its gold case and returns to swipe a swatch. Free React and HTML code.","name":"lipstick-shade-picker-with-a-bullet-that-twists-out-of-a-lacquer-and-gold-case-and-swipes-a-swatch-beside-it","page":"https://we.inc/components/ecommerce/lipstick-shade-picker-with-a-bullet-that-twists-out-of-a-lacquer-and-gold-case-and-swipes-a-swatch-beside-it","title":"Lipstick Shade Picker with a Bullet That Twists Out of a Lacquer and Gold Case and Swipes a Swatch Beside It","type":"registry:block"},{"name":"liquid-fill-level-wave-background-with-progress-mask","title":"Liquid Fill Level Wave","type":"registry:block"},{"name":"liquid-fill-word-rising-to-a-level","title":"Liquid Fill Word Rising to a Level","type":"registry:block"},{"name":"list-rows-that-turn-into-marquee-bands-on-hover","title":"List Rows That Turn Into Marquee Bands On Hover","type":"registry:block"},{"dependencies":["framer-motion"],"name":"live-demo-counter-that-ticks-up-now-and-then","title":"Live Demo Counter That Ticks Up","type":"registry:component"},{"name":"logo-strip-marquee-with-soft-edge-fade","title":"Logo Strip Marquee With Soft Edge Fade","type":"registry:block"},{"description":"Switch built as louvred shutters in a dark room: the slats tilt, the leaves swing out in 3D and daylight shows a photograph. Free React and HTML code.","name":"louvred-window-shutters-toggle-that-tilt-their-slats-and-swing-open-onto-a-coastal-photograph","page":"https://we.inc/components/toggles/louvred-window-shutters-toggle-that-tilt-their-slats-and-swing-open-onto-a-coastal-photograph","title":"Louvred Window Shutters Toggle That Tilt Their Slats and Swing Open onto a Coastal Photograph","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Prompt box drawn as an aluminium block: type on a card, the slot swallows it, a light pipe fills blue and a homepage rises out. Free React and HTML code.","name":"machined-aluminium-prompt-block-with-a-slot-that-swallows-a-typed-card-and-hands-back-a-printed-homepage","page":"https://we.inc/components/originals/machined-aluminium-prompt-block-with-a-slot-that-swallows-a-typed-card-and-hands-back-a-printed-homepage","title":"Machined Aluminium Prompt Block with a Slot That Swallows a Typed Card and Hands Back a Printed Homepage","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Gallery of magazines on a dark table: the pile slides into a fan and the issue you press is lifted and turned to face you. Free React and HTML to copy.","name":"magazine-stack-gallery-that-fans-out-across-the-table-and-lifts-the-chosen-issue-to-face-you","page":"https://we.inc/components/galleries/magazine-stack-gallery-that-fans-out-across-the-table-and-lifts-the-chosen-issue-to-face-you","title":"Magazine Stack Gallery That Fans out Across the Table and Lifts the Chosen Issue to Face You","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Text effect with a word in plastic fridge magnets on an enamel door: drag a letter away and it skids, waits, then slides home. Free React and HTML code.","name":"magnetic-fridge-letters-you-can-drag-across-enamel-that-slide-back-to-spell-the-word","page":"https://we.inc/components/text-effects/magnetic-fridge-letters-you-can-drag-across-enamel-that-slide-back-to-spell-the-word","title":"Magnetic Fridge Letters You Can Drag Across Enamel That Slide Back to Spell the Word","type":"registry:component"},{"name":"magnetic-icon-buttons-in-a-floating-toolbar","title":"Magnetic Icon Buttons in a Floating Toolbar","type":"registry:block"},{"name":"magnetic-pill-button-with-parallax-label","title":"Magnetic Pill Button With Parallax Label","type":"registry:block"},{"dependencies":["framer-motion"],"name":"magnetic-social-icon-row-in-studio-footer","title":"Magnetic Social Icon Row","type":"registry:block"},{"dependencies":["framer-motion"],"name":"magnifier-loupe-cursor-over-a-seed-catalogue-price-list","title":"Magnifier Loupe Over a Price List","type":"registry:block"},{"name":"main-slide-with-synced-draggable-thumbnail-strip","title":"Main Slide With Synced Draggable Thumbnail Strip","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Folder tabs in 3D: manila folders stand in a steel rack and tip forward like records in a crate to show the file you picked. Free React and HTML to copy.","name":"manila-file-folder-tabs-in-a-steel-desk-rack-that-tip-forward-like-records-in-a-crate-to-show-the-chosen-file","page":"https://we.inc/components/navigation/manila-file-folder-tabs-in-a-steel-desk-rack-that-tip-forward-like-records-in-a-crate-to-show-the-chosen-file","title":"Manila File Folder Tabs in a Steel Desk Rack That Tip Forward like Records in a Crate to Show the Chosen File","type":"registry:block"},{"description":"Marbling background in WebGL: a shader floats inks on a wet bath, combs them into feathers and lets the pointer drag a stylus. Free React and HTML code.","name":"marbled-paper-webgl-background-with-floating-inks-combed-into-feathers-on-a-wet-size-bath","page":"https://we.inc/components/backgrounds/marbled-paper-webgl-background-with-floating-inks-combed-into-feathers-on-a-wet-size-bath","title":"Marbled Paper WebGL Background with Floating Inks Combed into Feathers on a Wet Size Bath","type":"registry:block"},{"name":"marker-highlight-wiping-behind-a-phrase","title":"Marker Highlight Wiping Behind a Phrase","type":"registry:component"},{"name":"masked-strip-photo-transition-drag-slider-with-momentum","title":"Masked Strip Photo Transition Drag Slider","type":"registry:component"},{"dependencies":["framer-motion"],"description":"FAQ drawn as a row of bar matchbooks: press one and its printed cover swings up in 3D to show the answer inside. Free React and Tailwind code, or HTML.","name":"matchbook-faq-row-where-each-printed-cover-flips-up-off-its-comb-of-matches-to-show-the-answer-inside","page":"https://we.inc/components/faq/matchbook-faq-row-where-each-printed-cover-flips-up-off-its-comb-of-matches-to-show-the-answer-inside","title":"Matchbook FAQ Row Where Each Printed Cover Flips up off Its Comb of Matches to Show the Answer Inside","type":"registry:block"},{"dependencies":["framer-motion"],"description":"3D card built as a matchbox: drag the drawer out of its sleeve and a photo print stands up from a bed of matches. Free React and Tailwind code, or HTML.","name":"matchbox-card-with-a-drawer-that-slides-out-and-a-photo-print-that-stands-up-from-the-matches","page":"https://we.inc/components/animated-cards/matchbox-card-with-a-drawer-that-slides-out-and-a-photo-print-that-stands-up-from-the-matches","title":"Matchbox Card with a Drawer That Slides out and a Photo Print That Stands up from the Matches","type":"registry:block"},{"description":"Text input with a sawn-open keyboard switch above it: each keystroke drives the stem down and closes the contacts. Free React and HTML code.","name":"mechanical-key-switch-cutaway-input-with-a-stem-coil-spring-and-copper-leaf-that-move-as-you-type","page":"https://we.inc/components/inputs/mechanical-key-switch-cutaway-input-with-a-stem-coil-spring-and-copper-leaf-that-move-as-you-type","title":"Mechanical Key Switch Cutaway Input with a Stem, Coil Spring and Copper Leaf That Move as You Type","type":"registry:component"},{"description":"Stopwatch drawn on a canvas: a chrome case and enamel dial, a crown you press to start and stop the hand, and a flyback reset. Free React and HTML to copy.","name":"mechanical-stopwatch-with-a-crown-you-press-a-ticking-sweep-hand-and-a-flyback-reset","page":"https://we.inc/components/app-ui/mechanical-stopwatch-with-a-crown-you-press-a-ticking-sweep-hand-and-a-flyback-reset","title":"Mechanical Stopwatch with a Crown You Press, a Ticking Sweep Hand and a Flyback Reset","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Loader drawn on a canvas as a watch movement, with a swinging balance wheel, a breathing hairspring and a ticking escape wheel. Free React and HTML code.","name":"mechanical-watch-movement-loader-with-swinging-balance-wheel-and-breathing-hairspring","page":"https://we.inc/components/loaders/mechanical-watch-movement-loader-with-swinging-balance-wheel-and-breathing-hairspring","title":"Mechanical Watch Movement Loader with Swinging Balance Wheel and Breathing Hairspring","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Contact sheet gallery of square frames on film strips: red wax circles ring your picks and the last lands beside as a work print. Free React and HTML code.","name":"medium-format-contact-sheet-gallery-where-a-red-grease-pencil-circles-the-keepers-and-the-last-pick-lands-as-a-work-print","page":"https://we.inc/components/galleries/medium-format-contact-sheet-gallery-where-a-red-grease-pencil-circles-the-keepers-and-the-last-pick-lands-as-a-work-print","title":"Medium Format Contact Sheet Gallery Where a Red Grease Pencil Circles the Keepers and the Last Pick Lands as a Work Print","type":"registry:block"},{"dependencies":["framer-motion"],"name":"menu-zooms-into-each-course-and-back-out","title":"Menu Zooms Into Each Course and Back Out","type":"registry:block"},{"dependencies":["framer-motion"],"description":"A tiled mirror ball turns on its chain and scatters flecks of coloured light that reveal a portrait print in a dark room. Free React canvas code and HTML.","name":"mirror-ball-on-a-chain-that-throws-drifting-flecks-of-coloured-light-across-a-portrait-print","page":"https://we.inc/components/animated-cards/mirror-ball-on-a-chain-that-throws-drifting-flecks-of-coloured-light-across-a-portrait-print","title":"Mirror Ball on a Chain That Throws Drifting Flecks of Coloured Light Across a Portrait Print","type":"registry:block"},{"name":"momentum-card-rail-with-scaling-progress-bar","title":"Momentum Card Rail With Progress Bar","type":"registry:block"},{"description":"Date picker built as a moon phase dial: turn the enamel day ring under a lens and a cratered moon is relit for that night. Free React and HTML to copy.","name":"moon-phase-dial-date-picker-with-an-enamel-day-ring-you-turn-and-a-cratered-moon-lit-for-that-night","page":"https://we.inc/components/dashboard/moon-phase-dial-date-picker-with-an-enamel-day-ring-you-turn-and-a-cratered-moon-lit-for-that-night","title":"Moon Phase Dial Date Picker with an Enamel Day Ring You Turn and a Cratered Moon Lit for That Night","type":"registry:component"},{"name":"morphing-outline-ring-around-listen-button","title":"Morphing Outline Ring Around Listen Button","type":"registry:block"},{"description":"Vertical fader on a canvas: a moulded cap rides a slot beside a segmented LED meter, with a native range input underneath. Free React and HTML to copy.","name":"motorised-mixing-desk-fader-with-led-meter-and-engraved-decibel-scale","page":"https://we.inc/components/inputs/motorised-mixing-desk-fader-with-led-meter-and-engraved-decibel-scale","title":"Motorised Mixing Desk Fader with LED Meter and Engraved Decibel Scale","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Moulded parts twist off a model-kit sprue and click into a shell, making a quote calculator with keys and a slider you can use. Free React and HTML code.","name":"moulded-kit-sprue-whose-blue-parts-twist-off-the-runners-and-click-into-a-working-quote-calculator","page":"https://we.inc/components/originals/moulded-kit-sprue-whose-blue-parts-twist-off-the-runners-and-click-into-a-working-quote-calculator","title":"Moulded Kit Sprue Whose Blue Parts Twist off the Runners and Click into a Working Quote Calculator","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free React bento feature section in raw WebGL: a pressed pulp tray in daylight where each feature is an object that rises out of its pocket into focus.","name":"moulded-pulp-bento-tray-feature-section-in-webgl-where-a-glass-loupe-a-brass-key-a-spool-and-a-folded-card-lift-into-focus","page":"https://we.inc/components/feature-sections/moulded-pulp-bento-tray-feature-section-in-webgl-where-a-glass-loupe-a-brass-key-a-spool-and-a-folded-card-lift-into-focus","title":"Moulded Pulp Bento Tray Feature Section in WebGL Where a Glass Loupe, a Brass Key, a Spool and a Folded Card Lift into Focus","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Hero on one mountain photograph: real cloud drifts across a huge headline, with frosted booking and forecast cards at depth. Free React and HTML to copy.","name":"mountain-lodge-photo-hero-with-drifting-cloud-headline-and-glass-booking-cards","page":"https://we.inc/components/hero-sections/mountain-lodge-photo-hero-with-drifting-cloud-headline-and-glass-booking-cards","title":"Mountain Lodge Photo Hero with Drifting Cloud Headline and Glass Booking Cards","type":"registry:block"},{"name":"mountain-range-and-hut-trail-drawn-on-navy-hero","title":"Mountain Range and Hut Trail on a Navy Hero","type":"registry:component"},{"name":"mouse-outline-scroll-cue-with-rolling-wheel-dot","title":"Mouse Outline Scroll Cue With Rolling Wheel Dot","type":"registry:block"},{"name":"nav-links-rescramble-on-hover-and-focus","title":"Nav Links Rescramble On Hover And Focus","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Navbar over a photo hero: logo left, links in the true centre, a booking button and a glass mobile menu with a photo per page. Free React and HTML to copy.","name":"navbar-with-centered-links-and-mobile-menu","page":"https://we.inc/components/navbars/navbar-with-centered-links-and-mobile-menu","title":"Navbar with Centered Links, CTA Button and Mobile Menu","type":"registry:block"},{"dependencies":["framer-motion","lucide-react"],"description":"Navbar where a lime blob stretches between links like liquid and the label text inverts exactly where the blob covers it. Free React and HTML code to copy.","name":"navbar-with-liquid-stretch-highlight-and-inverting-labels","page":"https://we.inc/components/navbars/navbar-with-liquid-stretch-highlight-and-inverting-labels","title":"Navbar with Liquid Stretch Highlight and Inverting Labels","type":"registry:block"},{"description":"Store navbar with a pill search field and suggestions, a basket count and a scrolling category bar with underline. Free React and Tailwind code, or HTML.","name":"navbar-with-search-field-and-category-bar","page":"https://we.inc/components/navbars/navbar-with-search-field-and-category-bar","title":"Navbar with Search Field and Category Bar","type":"registry:block"},{"name":"navy-circle-that-grows-from-the-menu-button","title":"Navy Circle That Grows From the Menu Button","type":"registry:block"},{"name":"navy-split-halves-preloader-with-a-wordmark-across-the-seam","title":"Navy Split Halves Preloader","type":"registry:block"},{"description":"Neo-brutalist buttons in several sizes and colours, with an arrow button, an icon button and a disabled state on hard shadows. Free React and HTML code.","name":"neo-brutalist-button-set-with-sizes-and-icons","page":"https://we.inc/components/buttons/neo-brutalist-button-set-with-sizes-and-icons","title":"Neo-Brutalist Button Set with Sizes and Icons","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Neo-brutalist hero with sticker words that slap on, wobbling badges and hard shadows that follow the pointer. Free React and Tailwind code, or HTML.","name":"neo-brutalist-hero-with-sticker-headline-and-shifting-hard-shadows","page":"https://we.inc/components/hero-sections/neo-brutalist-hero-with-sticker-headline-and-shifting-hard-shadows","title":"Neo-Brutalist Hero with Sticker Headline and Shifting Hard Shadows","type":"registry:block"},{"dependencies":["framer-motion"],"name":"new-page-slides-up-over-the-old-one","title":"New Page Slides Up Over the Old One","type":"registry:block"},{"description":"Loader on a canvas: a tumbler is poured full of nitro coffee, the surge cascades down the wall and settles under a cream head. Free React and HTML code.","name":"nitro-cold-brew-tumbler-loader-that-pours-cascades-and-settles-under-a-cream-head","page":"https://we.inc/components/loaders/nitro-cold-brew-tumbler-loader-that-pours-cascades-and-settles-under-a-cream-head","title":"Nitro Cold Brew Tumbler Loader That Pours, Cascades and Settles Under a Cream Head","type":"registry:component"},{"name":"no-search-results-state-with-empty-clothes-rail-drawing","title":"No Search Results State with Empty Clothes Rail","type":"registry:component"},{"name":"noodle-order-flow-diagram-with-moving-connector-lines","title":"Order Flow Diagram With Moving Lines","type":"registry:component"},{"description":"Free aurora background in pure CSS: soft green curtains with vertical rays sway over a spruce ridge and a starry night. React and plain HTML versions.","name":"northern-lights-curtain-aurora-background","page":"https://we.inc/components/backgrounds/northern-lights-curtain-aurora-background","title":"Northern Lights Curtain Aurora","type":"registry:block"},{"name":"numbered-chapter-scroll-cue-with-next-section-name","title":"Numbered Chapter Scroll Cue With Next Section Name","type":"registry:block"},{"dependencies":["framer-motion"],"name":"numbered-process-steps-stacking-with-peeking-headers","title":"Numbered Process Steps Stacking With Peeking Headers","type":"registry:block"},{"dependencies":["framer-motion"],"description":"FAQ built as a card index box: press a tab and its ruled card rises out of the row and stands against the open lid. Free React and Tailwind code, or HTML.","name":"oak-card-index-box-faq-with-tabbed-question-cards-that-rise-out-and-stand-against-the-open-lid","page":"https://we.inc/components/faq/oak-card-index-box-faq-with-tabbed-question-cards-that-rise-out-and-stand-against-the-open-lid","title":"Oak Card Index Box FAQ with Tabbed Question Cards That Rise out and Stand Against the Open Lid","type":"registry:block"},{"description":"Countdown on a canvas: an hourglass of water and oil where beads squeeze up through the neck and a tap flips it to restart. Free React and HTML code.","name":"oil-and-water-liquid-timer-with-beads-that-rise-through-a-glass-hourglass-and-flip-to-restart","page":"https://we.inc/components/loaders/oil-and-water-liquid-timer-with-beads-that-rise-through-a-glass-hourglass-and-flip-to-restart","title":"Oil and Water Liquid Timer with Beads That Rise Through a Glass Hourglass and Flip to Restart","type":"registry:component"},{"description":"Colour mixer on a canvas: squeeze a wet bead from a paint tube onto an enamel tray, then drag the palette knife through to blend. Free React and HTML code.","name":"oil-paint-tube-colour-mixer-that-squeezes-beads-onto-an-enamel-tray-for-a-palette-knife-to-blend","page":"https://we.inc/components/inputs/oil-paint-tube-colour-mixer-that-squeezes-beads-onto-an-enamel-tray-for-a-palette-knife-to-blend","title":"Oil Paint Tube Colour Mixer That Squeezes Beads onto an Enamel Tray for a Palette Knife to Blend","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Product hero where a dark glass bottle turns on a yellow backdrop and the headline circles it as a ring of type, passing behind. Free React and HTML code.","name":"olive-oil-bottle-hero-turning-on-a-seamless-backdrop-with-the-headline-orbiting-round-the-glass","page":"https://we.inc/components/hero-sections/olive-oil-bottle-hero-turning-on-a-seamless-backdrop-with-the-headline-orbiting-round-the-glass","title":"Olive Oil Bottle Hero Turning on a Seamless Backdrop with the Headline Orbiting Round the Glass","type":"registry:block"},{"description":"Selector drawn as an open-gate gear lever: drag the ball knob through an H pattern set in stitched leather to pick an option. Free React and HTML code.","name":"open-gate-manual-gear-lever-selector-with-a-chrome-h-pattern-plate-and-a-ball-knob-you-drag-through-the-slots","page":"https://we.inc/components/toggles/open-gate-manual-gear-lever-selector-with-a-chrome-h-pattern-plate-and-a-ball-knob-you-drag-through-the-slots","title":"Open-Gate Manual Gear Lever Selector with a Chrome H-Pattern Plate and a Ball Knob You Drag Through the Slots","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free React article header: an open hardback on linen in WebGL morning sun. Scroll and one page curls over to reveal a gilt drop cap.","name":"open-hardback-long-read-article-header-in-ray-marched-morning-sun-on-linen-where-scrolling-turns-a-curling-page-onto-a-gilt-drop-cap","page":"https://we.inc/components/content/open-hardback-long-read-article-header-in-ray-marched-morning-sun-on-linen-where-scrolling-turns-a-curling-page-onto-a-gilt-drop-cap","title":"Open Hardback Long Read Article Header in Ray Marched Morning Sun on Linen Where Scrolling Turns a Curling Page onto a Gilt Drop Cap","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Passport card whose visa pages collect entry stamps in uneven ink, dip under each hit and turn over when the spread is full. Free React and HTML to copy.","name":"open-passport-card-whose-visa-pages-collect-inked-entry-stamps-and-turn-over-when-the-spread-is-full","page":"https://we.inc/components/animated-cards/open-passport-card-whose-visa-pages-collect-inked-entry-stamps-and-turn-over-when-the-spread-is-full","title":"Open Passport Card Whose Visa Pages Collect Inked Entry Stamps and Turn over When the Spread Is Full","type":"registry:block"},{"name":"opening-checklist-where-each-task-ticks-off-in-turn","title":"Opening Checklist That Ticks Off in Turn","type":"registry:component"},{"name":"opening-hours-ticker-with-full-timetable","title":"Opening Hours Ticker With Full Timetable","type":"registry:block"},{"name":"order-tracking-icons-packed-on-the-way-and-delivered","title":"Order Tracking Icons: Packed, On the Way, Delivered","type":"registry:component"},{"description":"Free OTP input fields in React and plain HTML: SMS autofill with one-time-code, paste of the full code, auto-advance, error state and a resend countdown.","name":"otp-input-collection-with-sms-autofill-paste-resend-timer-in-react-and-html","page":"https://we.inc/components/inputs/otp-input-collection-with-sms-autofill-paste-resend-timer-in-react-and-html","title":"OTP Input Collection with SMS Autofill, Paste and a Resend Timer in React and HTML","type":"registry:block"},{"name":"out-of-focus-bokeh-lights-particle-background","title":"Out-of-Focus Bokeh Lights","type":"registry:block"},{"name":"outline-text-filling-from-the-baseline-up","title":"Outline Text Filling from the Baseline Up","type":"registry:component"},{"name":"outlined-word-marquee-rows-in-opposite-directions","title":"Outlined Word Marquee Rows In Opposite Directions","type":"registry:block"},{"name":"oversized-type-rows-sliding-at-different-scroll-speeds","title":"Oversized Type Rows Sliding at Different Scroll Speeds","type":"registry:block"},{"description":"Silk background in raw WebGL: a shader drapes oxblood satin into slow folds and lights it with a lamp the pointer carries. Free React and HTML to copy.","name":"oxblood-silk-satin-webgl-background-with-folds-lit-by-a-lamp-that-follows-the-pointer","page":"https://we.inc/components/backgrounds/oxblood-silk-satin-webgl-background-with-folds-lit-by-a-lamp-that-follows-the-pointer","title":"Oxblood Silk Satin WebGL Background with Folds Lit by a Lamp That Follows the Pointer","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Hero, features, pricing and footer as solid 3D blocks in a stack: lift one out, the rest settle and the page beside it reorders. Free React and HTML code.","name":"page-section-blocks-in-resin-ceramic-and-anodised-metal-that-lift-out-of-a-stack-to-reorder-a-live-page","page":"https://we.inc/components/originals/page-section-blocks-in-resin-ceramic-and-anodised-metal-that-lift-out-of-a-stack-to-reorder-a-live-page","title":"Page Section Blocks in Resin, Ceramic and Anodised Metal That Lift out of a Stack to Reorder a Live Page","type":"registry:component"},{"dependencies":["framer-motion"],"name":"page-tabs-with-gliding-underline-and-rising-content","title":"Page Tabs With Gliding Underline and Rising Content","type":"registry:block"},{"description":"Free pagination components: numbered with ellipsis, prev and next, load more, infinite scroll, URL page sync and a usePagination hook, in React or HTML.","name":"pagination-collection-with-numbered-load-more-infinite-scroll-and-url-synced-react-tailwind-pieces","page":"https://we.inc/components/navigation/pagination-collection-with-numbered-load-more-infinite-scroll-and-url-synced-react-tailwind-pieces","title":"Pagination Components for React, Tailwind and HTML","type":"registry:block"},{"description":"Text field whose word is spelled in wooden alphabet blocks on a canvas: cubes drop, tumble, bounce and stack as you type. Free React and HTML code to copy.","name":"painted-alphabet-blocks-that-tumble-and-stack-to-spell-the-word-you-type","page":"https://we.inc/components/app-ui/painted-alphabet-blocks-that-tumble-and-stack-to-spell-the-word-you-type","title":"Painted Alphabet Blocks That Tumble and Stack to Spell the Word You Type","type":"registry:component"},{"description":"Demo of editing by typing: each sentence sends a roller down a painted shop door, hangs a new sign or moves the opening clock. Free React and HTML code.","name":"painted-shop-doorway-that-follows-typed-edits-with-a-roller-that-repaints-the-door-a-sign-that-is-rehung-and-an-opening-clock-that-moves","page":"https://we.inc/components/originals/painted-shop-doorway-that-follows-typed-edits-with-a-roller-that-repaints-the-door-a-sign-that-is-rehung-and-an-opening-clock-that-moves","title":"Painted Shop Doorway That Follows Typed Edits with a Roller That Repaints the Door, a Sign That Is Rehung and an Opening Clock That Moves","type":"registry:block"},{"description":"Payment form shown as a paper cheque: type a name and an amount and a pen writes them out, spells the sum in words and signs. Free React and HTML to copy.","name":"paper-cheque-payment-form-that-writes-the-payee-amount-in-words-and-signature-in-pen-as-you-type","page":"https://we.inc/components/forms/paper-cheque-payment-form-that-writes-the-payee-amount-in-words-and-signature-in-pen-as-you-type","title":"Paper Cheque Payment Form That Writes the Payee, Amount in Words and Signature in Pen as You Type","type":"registry:block"},{"description":"Name field shown as a takeaway coffee cup: each letter you type is written by a marker pen as the cup turns to meet the nib. Free React and HTML to copy.","name":"paper-coffee-cup-name-field-where-a-marker-writes-what-you-type-round-the-cup","page":"https://we.inc/components/inputs/paper-coffee-cup-name-field-where-a-marker-writes-what-you-type-round-the-cup","title":"Paper Coffee Cup Name Field Where a Marker Writes What You Type Round the Cup","type":"registry:component"},{"name":"paper-counter-preloader-that-hands-over-to-the-headline","title":"Paper Counter Handover Preloader","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Radial menu built as a paper fan: links printed on the pleats, lacquered sticks and a brass rivet it unfolds from. Copy the React code or HTML free.","name":"paper-folding-fan-menu-that-unfolds-from-a-brass-rivet-with-links-on-the-pleats","page":"https://we.inc/components/docks/paper-folding-fan-menu-that-unfolds-from-a-brass-rivet-with-links-on-the-pleats","title":"Paper Folding Fan Menu That Unfolds from a Brass Rivet with Links on the Pleats","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free React and WebGL go live control: a white card model of a homepage waits under a glass bell jar until a button lifts it off and a blue flag runs up.","name":"paper-homepage-model-under-a-glass-bell-jar-on-a-sunlit-table-that-lifts-away-when-you-go-live-and-raises-a-blue-flag","page":"https://we.inc/components/originals/paper-homepage-model-under-a-glass-bell-jar-on-a-sunlit-table-that-lifts-away-when-you-go-live-and-raises-a-blue-flag","title":"Paper Homepage Model Under a Glass Bell Jar on a Sunlit Table That Lifts Away When You Go Live and Raises a Blue Flag","type":"registry:block"},{"name":"paper-menu-with-a-photo-preview-that-follows-focus","title":"Paper Menu With a Photo Preview That Follows Focus","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Add to bag piece where boxed products fall into a paper carrier that bulges, leans under the load and flexes its rope handles. Free React and HTML to copy.","name":"paper-shopping-bag-that-catches-boxed-products-bulges-leans-and-flexes-its-rope-handles","page":"https://we.inc/components/ecommerce/paper-shopping-bag-that-catches-boxed-products-bulges-leans-and-flexes-its-rope-handles","title":"Paper Shopping Bag That Catches Boxed Products, Bulges, Leans and Flexes Its Rope Handles","type":"registry:block"},{"name":"paragraph-lines-sliding-up-from-a-mask","title":"Paragraph Lines Sliding Up from a Mask","type":"registry:component"},{"name":"parallax-starfield-particle-background-with-slow-drift","title":"Parallax Starfield with Slow Drift","type":"registry:block"},{"dependencies":["framer-motion"],"name":"particle-headline-assembling-into-letters-canvas","title":"Particle Headline Assembling Into Letters","type":"registry:block"},{"name":"payment-received-checkmark-that-draws-inside-a-circle","title":"Payment Received Checkmark in a Circle","type":"registry:component"},{"description":"Length selector on a canvas: a knotted pearl strand on a velvet bust drapes under simulated gravity and swings when pulled. Free React and HTML to copy.","name":"pearl-necklace-length-picker-on-a-velvet-bust-with-a-knotted-strand-that-drapes-and-swings-like-a-real-chain","page":"https://we.inc/components/ecommerce/pearl-necklace-length-picker-on-a-velvet-bust-with-a-knotted-strand-that-drapes-and-swings-like-a-real-chain","title":"Pearl Necklace Length Picker on a Velvet Bust with a Knotted Strand That Drapes and Swings Like a Real Chain","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Quantity picker where one overhead pizza photograph on an aluminium pan is cut into equal slices as the head count changes. Free React and HTML to copy.","name":"pepperoni-pizza-share-picker-on-an-aluminium-pan-that-cuts-the-photograph-into-equal-slices-and-pulls-one-out","page":"https://we.inc/components/ecommerce/pepperoni-pizza-share-picker-on-an-aluminium-pan-that-cuts-the-photograph-into-equal-slices-and-pulls-one-out","title":"Pepperoni Pizza Share Picker on an Aluminium Pan That Cuts the Photograph into Equal Slices and Pulls One out","type":"registry:block"},{"dependencies":["framer-motion"],"name":"percentage-counter-with-progress-ring-filling-in-step","title":"Percentage Counter With Progress Ring","type":"registry:component"},{"description":"Free animated background in pure CSS: a perspective floor grid rolls toward you while a warm glow slides along the horizon. React and plain HTML versions.","name":"perspective-floor-grid-with-travelling-horizon-glow","title":"Perspective Floor Grid with Horizon Glow","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Sheets of a phone game float apart like a model kit, then press together into one screen running a jumping game you can play. Free React and HTML code.","name":"phone-game-built-from-stacked-glass-layers-that-press-together-into-a-playable-screen","page":"https://we.inc/components/originals/phone-game-built-from-stacked-glass-layers-that-press-together-into-a-playable-screen","title":"Phone Game Built from Stacked Glass Layers That Press Together into a Playable Screen","type":"registry:component"},{"description":"Oscilloscope on a canvas: a beam sweeps a ruled tube and leaves a fading afterglow, with source keys and a persistence knob. Free React and HTML code.","name":"phosphor-oscilloscope-live-metric-display-with-a-lingering-trace-and-persistence-knob","page":"https://we.inc/components/dashboard/phosphor-oscilloscope-live-metric-display-with-a-lingering-trace-and-persistence-knob","title":"Phosphor Oscilloscope Live Metric Display with a Lingering Trace and Persistence Knob","type":"registry:component"},{"dependencies":["framer-motion","lucide-react"],"description":"Team section drawn as a photo booth panel: each slot feeds out a strip of poses for one person, which then hangs and swings. Free React and HTML to copy.","name":"photo-booth-team-strips-that-feed-out-of-chrome-slots-in-four-clunks-then-hang-and-swing-on-the-panel","page":"https://we.inc/components/content/photo-booth-team-strips-that-feed-out-of-chrome-slots-in-four-clunks-then-hang-and-swing-on-the-panel","title":"Photo Booth Team Strips That Feed out of Chrome Slots in Four Clunks Then Hang and Swing on the Panel","type":"registry:block"},{"name":"photo-cards-grid-with-image-parallax-inside-frames","title":"Photo Cards Grid With Image Parallax Inside Frames","type":"registry:block"},{"name":"photo-gallery-columns-moving-at-different-scroll-speeds","title":"Photo Gallery Columns Moving at Different Scroll Speeds","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Photo slider in WebGL: each portrait soaks across a sheet of cotton paper like ink through wet fibres, then its colours develop. Free React and HTML code.","name":"photo-gallery-on-a-cotton-paper-sheet-where-each-portrait-blooms-in-like-ink-through-wet-fibres","page":"https://we.inc/components/galleries/photo-gallery-on-a-cotton-paper-sheet-where-each-portrait-blooms-in-like-ink-through-wet-fibres","title":"Photo Gallery on a Cotton Paper Sheet Where Each Portrait Blooms In Like Ink Through Wet Fibres","type":"registry:block"},{"name":"photo-grid-leans-with-scroll-speed","title":"Photo Grid Leans With Scroll Speed","type":"registry:block"},{"dependencies":["framer-motion"],"name":"photo-pile-settles-into-grid-on-scroll","title":"Photo Pile Settles Into a Grid","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Vertical carousel drawn as a roll of photo proofs: paper bends over a chrome roller, hangs facing you and curls onto the table. Free React and HTML code.","name":"photo-proof-roll-carousel-that-feeds-over-a-roller-and-curls-onto-the-table","page":"https://we.inc/components/galleries/photo-proof-roll-carousel-that-feeds-over-a-roller-and-curls-onto-the-table","title":"Photo Proof Roll Carousel That Feeds over a Roller and Curls onto the Table","type":"registry:block"},{"name":"photo-strip-marquee-with-captioned-frames","title":"Photo Strip Marquee With Captioned Frames","type":"registry:block"},{"dependencies":["framer-motion"],"name":"photo-zooms-out-as-it-scrolls-in","title":"Photo Zooms Out as It Scrolls In","type":"registry:block"},{"dependencies":["framer-motion"],"name":"photo-zooms-to-each-detail-as-steps-scroll","title":"Photo Zooms To Each Detail","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Water ripple effect: a print lies in an enamel darkroom tray and the pointer drags waves across it, bending the photo beneath. Free React and HTML to copy.","name":"photograph-in-an-enamel-darkroom-tray-under-water-that-ripples-where-the-pointer-drags","page":"https://we.inc/components/cursors/photograph-in-an-enamel-darkroom-tray-under-water-that-ripples-where-the-pointer-drags","title":"Photograph in an Enamel Darkroom Tray Under Water That Ripples Where the Pointer Drags","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React dark mode toggle switch drawn as a real wall rocker. Flip it and the room fades to lamplight while the settings card turns dark.","name":"photoreal-dark-mode-toggle-switch-a-ceramic-rocker-on-a-sunlit-plaster-wall-that-dims-the-room-to-lamplight","page":"https://we.inc/components/toggles/photoreal-dark-mode-toggle-switch-a-ceramic-rocker-on-a-sunlit-plaster-wall-that-dims-the-room-to-lamplight","title":"Photoreal Dark Mode Toggle Switch: a Ceramic Rocker on a Sunlit Plaster Wall that Dims the Room to Lamplight","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React button set rendered in WebGL: four pressable keys in glazed ceramic, brushed steel, walnut and frosted glass, sitting in a stone slab under window light.","name":"photoreal-html-css-button-set-of-glazed-ceramic-brushed-steel-walnut-and-frosted-glass-keys-on-travertine-in-window-light","page":"https://we.inc/components/buttons/photoreal-html-css-button-set-of-glazed-ceramic-brushed-steel-walnut-and-frosted-glass-keys-on-travertine-in-window-light","title":"Photoreal HTML CSS Button Set of Glazed Ceramic, Brushed Steel, Walnut and Frosted Glass Keys on Travertine in Window Light","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React login page: email, password with show and hide, remember me, forgot link and two sign-in options, beside a WebGL cut glass knob in late sun.","name":"photoreal-login-page-html-css-with-show-password-remember-me-and-a-cut-glass-door-knob-in-window-light","page":"https://we.inc/components/forms/photoreal-login-page-html-css-with-show-password-remember-me-and-a-cut-glass-door-knob-in-window-light","title":"Photoreal Login Page HTML CSS with Show Password, Remember Me and a Cut Glass Door Knob in Window Light","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React pricing table: three plans with features and a button each, a monthly/yearly switch, and glass price blocks lit by one shaft of sun in WebGL.","name":"photoreal-pricing-table-with-monthly-yearly-switch-and-three-glass-blocks-of-different-heights-in-one-shaft-of-window-light","page":"https://we.inc/components/pricing/photoreal-pricing-table-with-monthly-yearly-switch-and-three-glass-blocks-of-different-heights-in-one-shaft-of-window-light","title":"Photoreal Pricing Table with Monthly Yearly Switch and Three Glass Blocks of Different Heights in One Shaft of Window Light","type":"registry:block"},{"description":"Piano key picker on a canvas: an octave in a lacquer case where the chosen key stays held down, over real radio buttons. Free React and HTML code to copy.","name":"piano-octave-key-picker-with-real-key-dip-red-felt-and-a-lacquer-fallboard-that-mirrors-the-keys","page":"https://we.inc/components/toggles/piano-octave-key-picker-with-real-key-dip-red-felt-and-a-lacquer-fallboard-that-mirrors-the-keys","title":"Piano Octave Key Picker with Real Key Dip, Red Felt and a Lacquer Fallboard That Mirrors the Keys","type":"registry:component"},{"name":"pill-button-with-looping-marquee-label","title":"Pill Button With Looping Marquee Label","type":"registry:block"},{"name":"pill-scroll-button-with-arrow-sliding-through-chip","title":"Pill Scroll Button With Arrow Sliding Through Chip","type":"registry:block"},{"description":"Canvas piece: a framed board of steel pins rises into the relief of an app screen and bulges under the pointer. Free React and HTML code.","name":"pin-art-board-where-steel-pins-rise-into-the-relief-of-an-app-screen-and-follow-the-pointer","page":"https://we.inc/components/originals/pin-art-board-where-steel-pins-rise-into-the-relief-of-an-app-screen-and-follow-the-pointer","title":"Pin Art Board Where Steel Pins Rise into the Relief of an App Screen and Follow the Pointer","type":"registry:component"},{"description":"Password field with a strength meter drawn as a brass lock in section: each rule you meet sets a pin, then the key turns. Free React and HTML code to copy.","name":"pin-tumbler-lock-cutaway-password-strength-field-where-each-rule-sets-a-pin-and-the-key-turns-the-plug","page":"https://we.inc/components/forms/pin-tumbler-lock-cutaway-password-strength-field-where-each-rule-sets-a-pin-and-the-key-turns-the-plug","title":"Pin Tumbler Lock Cutaway Password Strength Field Where Each Rule Sets a Pin and the Key Turns the Plug","type":"registry:component"},{"name":"pinned-boat-restoration-timeline-drawing-sideways","title":"Pinned Boat Restoration Timeline Drawing Sideways","type":"registry:block"},{"name":"pinned-book-list-row-with-giant-word-parallax","title":"Pinned Book List Row with Giant Word Parallax","type":"registry:block"},{"name":"pinned-hedge-planting-steps-with-dot-navigation","title":"Pinned Hedge Planting Steps with Dot Navigation","type":"registry:block"},{"dependencies":["framer-motion"],"name":"pinned-panel-steps-crossfade-on-scroll","title":"Pinned Panel Steps Cross Fade","type":"registry:block"},{"name":"pinned-pottery-gallery-row-sliding-sideways-on-scroll","title":"Pinned Pottery Gallery Row Sliding Sideways","type":"registry:block"},{"name":"plant-nursery-footer-wordmark-grows-from-the-ground","title":"Plant Nursery Footer With Growing Wordmark","type":"registry:block"},{"description":"Free React scroll effect: window light crosses a plaster wall and an arched niche with a glazed vase, warming from dawn to dusk as three lines fade in.","name":"plaster-wall-niche-scroll-effect-in-webgl-where-window-light-travels-from-dawn-to-dusk-past-a-glazed-vase","page":"https://we.inc/components/scroll-effects/plaster-wall-niche-scroll-effect-in-webgl-where-window-light-travels-from-dawn-to-dusk-past-a-glazed-vase","title":"Plaster Wall Niche Scroll Effect in WebGL Where Window Light Travels from Dawn to Dusk Past a Glazed Vase","type":"registry:block"},{"description":"Radio tuner drawn as a pocket transistor set: slide the needle along a backlit band or flick the wheel, and stations pull it in. Free React and HTML code.","name":"pocket-radio-with-a-thumbwheel-tuning-needle-and-backlit-band","page":"https://we.inc/components/app-ui/pocket-radio-with-a-thumbwheel-tuning-needle-and-backlit-band","title":"Pocket Radio with a Thumbwheel, Tuning Needle and Backlit Band","type":"registry:component"},{"name":"pointer-repelled-dot-field-particle-background-that-settles-back","title":"Pointer-Repelled Dot Field","type":"registry:block"},{"dependencies":["framer-motion"],"name":"pointer-spotlight-hidden-text-reveal","title":"Pointer Spotlight Hidden Text","type":"registry:block"},{"dependencies":["framer-motion"],"name":"pointer-spotlight-revealing-a-dimmed-cellar-photo","title":"Pointer Spotlight Over a Dimmed Photo","type":"registry:block"},{"description":"Terrazzo background in WebGL: a shader sets marble chips in cream cement, lays brass strips and mirrors a lamp the pointer moves. Free React and HTML code.","name":"polished-terrazzo-floor-webgl-background-with-marble-chips-and-brass-strips-that-catch-a-moving-lamp","page":"https://we.inc/components/backgrounds/polished-terrazzo-floor-webgl-background-with-marble-chips-and-brass-strips-that-catch-a-moving-lamp","title":"Polished Terrazzo Floor WebGL Background with Marble Chips and Brass Strips That Catch a Moving Lamp","type":"registry:block"},{"name":"pool-water-ripple-background-bending-tile-lines-as-drops-land","title":"Pool Water Ripples","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Pop-up card in CSS 3D: a typed sentence lies on the table and a paper homepage stands up from the fold in die-cut layers. Free React and HTML code to copy.","name":"pop-up-card-where-a-typed-sentence-stands-up-as-a-layered-paper-homepage","page":"https://we.inc/components/originals/pop-up-card-where-a-typed-sentence-stands-up-as-a-layered-paper-homepage","title":"Pop-Up Card Where a Typed Sentence Stands Up as a Layered Paper Homepage","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Canvas globe of blue dots on a porcelain ball: drag it and it turns on with inertia while the flags on its pins trail behind. Free React and HTML code.","name":"porcelain-dotted-desk-globe-you-spin-with-inertia-with-flag-pins-that-trail-as-it-turns","page":"https://we.inc/components/content/porcelain-dotted-desk-globe-you-spin-with-inertia-with-flag-pins-that-trail-as-it-turns","title":"Porcelain Dotted Desk Globe You Spin with Inertia with Flag Pins That Trail as It Turns","type":"registry:block"},{"description":"Free React settings list of three switches, drawn as porcelain wall switches in WebGL. Each dolly snaps over and a lamp's cone of light climbs the wall.","name":"porcelain-wall-light-switch-settings-list-with-three-bakelite-dollies-that-snap-over-and-throw-lamp-light-up-a-sunlit-wall","page":"https://we.inc/components/toggles/porcelain-wall-light-switch-settings-list-with-three-bakelite-dollies-that-snap-over-and-throw-lamp-light-up-a-sunlit-wall","title":"Porcelain Wall Light Switch Settings List with Three Bakelite Dollies That Snap Over and Throw Lamp Light Up a Sunlit Wall","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Cursor effect where a portrait lies under sand in a tray: the pointer ploughs a trail down to the print and the sand sifts shut. Free React and HTML code.","name":"portrait-buried-under-sand-in-a-tray-where-the-pointer-drags-a-finger-trail-that-sifts-shut","page":"https://we.inc/components/cursors/portrait-buried-under-sand-in-a-tray-where-the-pointer-drags-a-finger-trail-that-sifts-shut","title":"Portrait Buried Under Sand in a Tray Where the Pointer Drags a Finger Trail That Sifts Shut","type":"registry:block"},{"name":"portrait-framed-by-breathing-blob-shapes","title":"Portrait Framed By Breathing Blob Shapes","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Image reveal in WebGL: a bead of liquid glass chases the cursor across a portrait and shows another photo refracted inside. Free React and HTML code.","name":"portrait-print-with-a-liquid-glass-bead-that-chases-the-pointer-and-shows-a-second-photograph","page":"https://we.inc/components/cursors/portrait-print-with-a-liquid-glass-bead-that-chases-the-pointer-and-shows-a-second-photograph","title":"Portrait Print with a Liquid Glass Bead That Chases the Pointer and Shows a Second Photograph","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Hero with a giant headline around a studio portrait: one word passes behind the sitter and one in front, cut out in the browser. Free React and HTML code.","name":"portrait-studio-hero-with-a-giant-headline-that-passes-behind-the-sitter-and-in-front-of-her","page":"https://we.inc/components/hero-sections/portrait-studio-hero-with-a-giant-headline-that-passes-behind-the-sitter-and-in-front-of-her","title":"Portrait Studio Hero with a Giant Headline That Passes Behind the Sitter and in Front of Her","type":"registry:block"},{"dependencies":["framer-motion"],"description":"WebGL scene: an enamel desk lamp on a jointed arm follows the pointer and lights a still life with soft, true shadows. Copy the React code or HTML free.","name":"posable-desk-lamp-on-a-jointed-arm-that-lights-a-still-life-and-throws-its-true-shadow-up-the-wall","page":"https://we.inc/components/cursors/posable-desk-lamp-on-a-jointed-arm-that-lights-a-still-life-and-throws-its-true-shadow-up-the-wall","title":"Posable Desk Lamp on a Jointed Arm That Lights a Still Life and Throws Its True Shadow up the Wall","type":"registry:block"},{"name":"pottery-class-bookings-ranked-as-horizontal-bars","title":"Class Bookings Ranked as Horizontal Bars","type":"registry:component"},{"name":"pottery-footer-scattered-letters-gather-into-wordmark","title":"Pottery Footer With Gathering Wordmark","type":"registry:block"},{"dependencies":["framer-motion"],"name":"precision-crosshair-cursor-with-live-coordinate-readout","title":"Precision Crosshair With Coordinate Readout","type":"registry:block"},{"description":"Toggle built as a press stud: a canvas tab snapped to webbing pops off its stud when pressed, curls back and shows its lining. Free React and HTML to copy.","name":"press-stud-snap-toggle-on-a-waxed-canvas-strap-that-pops-open-and-curls-back","page":"https://we.inc/components/toggles/press-stud-snap-toggle-on-a-waxed-canvas-strap-that-pops-open-and-curls-back","title":"Press Stud Snap Toggle on a Waxed Canvas Strap That Pops Open and Curls Back","type":"registry:component"},{"description":"Pricing toggle built as an enamel register: throw the lever from monthly to yearly and the number drums spin to the new prices. Free React and HTML code.","name":"price-register-with-a-monthly-yearly-throw-lever-that-re-rolls-mechanical-price-drums-and-latching-plan-keys","page":"https://we.inc/components/pricing/price-register-with-a-monthly-yearly-throw-lever-that-re-rolls-mechanical-price-drums-and-latching-plan-keys","title":"Price Register with a Monthly Yearly Throw Lever That Re-Rolls Mechanical Price Drums and Latching Plan Keys","type":"registry:component"},{"dependencies":["framer-motion"],"name":"product-cards-lift-with-shadow-layer-and-quick-add","title":"Product Cards Lift With Shadow and Quick Add","type":"registry:block"},{"name":"product-photo-on-soft-morphing-blob-plate","title":"Product Photo On Soft Morphing Blob Plate","type":"registry:block"},{"dependencies":["framer-motion"],"name":"product-photo-scales-to-full-bleed-on-scroll","title":"Product Photo Scales to Full Bleed","type":"registry:block"},{"name":"project-index-with-one-frame-that-wipes-by-direction","title":"Project Index With Direction Aware Frame","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Reveal slider built as a proofing press: drag a steel cylinder down the bed and a typed brief comes out as a printed homepage. Free React and HTML to copy.","name":"proof-press-with-a-steel-cylinder-that-rolls-a-typed-brief-into-a-printed-homepage","page":"https://we.inc/components/originals/proof-press-with-a-steel-cylinder-that-rolls-a-typed-brief-into-a-printed-homepage","title":"Proof Press with a Steel Cylinder That Rolls a Typed Brief into a Printed Homepage","type":"registry:block"},{"name":"property-listing-card-tilt-with-floating-layers","title":"Property Listing Card Tilt With Floating Layers","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Publish button on a steel station: press the key and a carrier holding a rolled-up page shoots up a glass tube to a Live lamp. Free React and HTML code.","name":"publish-button-that-fires-a-rolled-up-site-up-a-glass-pneumatic-tube","page":"https://we.inc/components/originals/publish-button-that-fires-a-rolled-up-site-up-a-glass-pneumatic-tube","title":"Publish Button That Fires a Rolled-Up Site up a Glass Pneumatic Tube","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Tabs built as a rack of schoolroom wall charts: each chart snaps up onto its spring roller to uncover the one hanging behind. Free React and HTML to copy.","name":"pull-down-wall-chart-tabs-on-spring-rollers-that-snap-up-to-uncover-the-chart-hanging-behind","page":"https://we.inc/components/navigation/pull-down-wall-chart-tabs-on-spring-rollers-that-snap-up-to-uncover-the-chart-hanging-behind","title":"Pull-Down Wall Chart Tabs on Spring Rollers That Snap up to Uncover the Chart Hanging Behind","type":"registry:block"},{"description":"Free quantity input steppers for online stores in React and HTML: min, max and step limits, spinbutton keyboard support, decimals and a cart line with totals.","name":"quantity-input-collection-with-plus-minus-stepper-spinbutton-keys-and-cart-line-in-react-and-html","page":"https://we.inc/components/ecommerce/quantity-input-collection-with-plus-minus-stepper-spinbutton-keys-and-cart-line-in-react-and-html","title":"Quantity Input Collection with Plus and Minus Stepper, Spinbutton Keys and Cart Line in React and HTML","type":"registry:block"},{"dependencies":["framer-motion"],"name":"quote-cards-tilt-flat-as-they-enter","title":"Quote Cards Tilt Flat as They Enter","type":"registry:block"},{"name":"rain-on-a-night-window-particle-background-with-city-lights","title":"Rain on a Night Window","type":"registry:block"},{"name":"rain-on-a-window-at-night-background-with-drops-that-refract-street-lights","title":"Rain on a Night Window","type":"registry:block"},{"description":"Zen garden background: a WebGL shader rakes pale sand around dark basalt stones and a low sun swings their shadows slowly round. Free React and HTML code.","name":"raked-zen-sand-garden-webgl-background-with-basalt-stones-and-a-slow-turning-sun-shadow","page":"https://we.inc/components/backgrounds/raked-zen-sand-garden-webgl-background-with-basalt-stones-and-a-slow-turning-sun-shadow","title":"Raked Zen Sand Garden WebGL Background with Basalt Stones and a Slow Turning Sun Shadow","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React and WebGL publish toggle. One heavy aluminium key on a blue lit plinth sends light down a floor channel and strikes a lightbox page from draft to live.","name":"ray-marched-aluminium-publish-key-on-a-blue-lit-plinth-that-strikes-a-lightbox-model-of-the-page-from-draft-to-live","page":"https://we.inc/components/originals/ray-marched-aluminium-publish-key-on-a-blue-lit-plinth-that-strikes-a-lightbox-model-of-the-page-from-draft-to-live","title":"Ray Marched Aluminium Publish Key on a Blue Lit Plinth That Strikes a Lightbox Model of the Page from Draft to Live","type":"registry:block"},{"description":"Free React toggle button rendered as a thick red-orange anodised key in a WebGL shader: it travels, knocks at the bottom, latches low and lights its legend and ring.","name":"ray-marched-anodised-aluminium-air-key-on-black-glass-with-real-travel-a-backlit-legend-and-a-light-ring-that-latches-on","page":"https://we.inc/components/animated-buttons/ray-marched-anodised-aluminium-air-key-on-black-glass-with-real-travel-a-backlit-legend-and-a-light-ring-that-latches-on","title":"Ray-Marched Anodised Aluminium Air Key on Black Glass with Real Travel, a Backlit Legend and a Light Ring That Latches On","type":"registry:block"},{"description":"Free React sign-in form beside a WebGL brass key on green leather. Fill it in and the key swings to the lock; sign in and it turns and throws the bolt.","name":"ray-marched-brass-hotel-key-sign-in-form-where-the-key-swings-toward-a-lock-case-on-green-leather-as-you-type-and-throws-the-bolt-on-submit","page":"https://we.inc/components/forms/ray-marched-brass-hotel-key-sign-in-form-where-the-key-swings-toward-a-lock-case-on-green-leather-as-you-type-and-throws-the-bolt-on-submit","title":"Ray-Marched Brass Hotel Key Sign-In Form Where the Key Swings Toward a Lock Case on Green Leather as You Type and Throws the Bolt on Submit","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React and WebGL colour picker. Swing a painted chip out of a riveted fan and its colour spreads like wet paint over a sunlit model of a homepage.","name":"ray-marched-fan-of-painted-colour-chips-on-a-brass-rivet-that-washes-a-board-model-of-a-homepage-in-the-colour-you-pick","page":"https://we.inc/components/originals/ray-marched-fan-of-painted-colour-chips-on-a-brass-rivet-that-washes-a-board-model-of-a-homepage-in-the-colour-you-pick","title":"Ray Marched Fan of Painted Colour Chips on a Brass Rivet That Washes a Board Model of a Homepage in the Colour You Pick","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React product card with a ray-marched ceramic vase on a paper plinth in daylight. Drag to turn it; each colourway washes up the glaze.","name":"ray-marched-fluted-stoneware-vase-product-card-on-a-paper-plinth-with-a-colourway-glaze-wipe-and-drag-to-turn","page":"https://we.inc/components/ecommerce/ray-marched-fluted-stoneware-vase-product-card-on-a-paper-plinth-with-a-colourway-glaze-wipe-and-drag-to-turn","title":"Ray-Marched Fluted Stoneware Vase Product Card on a Paper Plinth with a Colourway Glaze Wipe and Drag to Turn","type":"registry:block"},{"description":"Free React navbar drawn as a pill of etched glass in a WebGL shader. A bead of light runs to the active link while the photograph behind slides to the next page.","name":"ray-marched-frosted-glass-pill-navbar-on-steel-standoffs-with-a-bead-of-light-inside-over-colour-block-photographs-that-slide-past","page":"https://we.inc/components/navbars/ray-marched-frosted-glass-pill-navbar-on-steel-standoffs-with-a-bead-of-light-inside-over-colour-block-photographs-that-slide-past","title":"Ray-Marched Frosted Glass Pill Navbar on Steel Standoffs with a Bead of Light Inside over Colour-Block Photographs That Slide Past","type":"registry:block"},{"description":"Free React skincare hero: a frosted glass dropper of amber serum stands in shallow water on pale stone, with moving caustics and rings wherever you touch.","name":"ray-marched-frosted-glass-serum-dropper-hero-standing-in-shallow-water-on-pale-stone-with-caustics-and-pointer-ripples","page":"https://we.inc/components/hero-sections/ray-marched-frosted-glass-serum-dropper-hero-standing-in-shallow-water-on-pale-stone-with-caustics-and-pointer-ripples","title":"Ray-Marched Frosted Glass Serum Dropper Hero Standing in Shallow Water on Pale Stone with Caustics and Pointer Ripples","type":"registry:block"},{"description":"Free React hero section: a glass perfume bottle traced in a WebGL shader stands in front of a giant painted headline and bends the letters through its amber scent.","name":"ray-marched-glass-perfume-bottle-hero-that-bends-a-giant-painted-headline-through-amber-scent-on-a-pink-paper-sweep","page":"https://we.inc/components/hero-sections/ray-marched-glass-perfume-bottle-hero-that-bends-a-giant-painted-headline-through-amber-scent-on-a-pink-paper-sweep","title":"Ray-Marched Glass Perfume Bottle Hero That Bends a Giant Painted Headline Through Amber Scent on a Pink Paper Sweep","type":"registry:block"},{"description":"Free React background: three twisted glass ribbons ray-marched in one WebGL shader, with real refraction, split colour and spectrum caustics on a warm plaster wall.","name":"ray-marched-glass-ribbon-webgl-background-with-dispersion-and-rainbow-caustics-on-a-sunlit-wall-that-parts-around-the-pointer","page":"https://we.inc/components/backgrounds/ray-marched-glass-ribbon-webgl-background-with-dispersion-and-rainbow-caustics-on-a-sunlit-wall-that-parts-around-the-pointer","title":"Ray-Marched Glass Ribbon WebGL Background with Dispersion and Rainbow Caustics on a Sunlit Wall That Parts Around the Pointer","type":"registry:block"},{"description":"Free React range slider drawn as a glass tube of blue liquid behind a steel bead, traced in a WebGL shader on lit paper, with a native range input underneath.","name":"ray-marched-glass-tube-range-slider-with-ultramarine-liquid-that-chases-a-steel-bead-and-pools-blue-light-on-paper","page":"https://we.inc/components/inputs/ray-marched-glass-tube-range-slider-with-ultramarine-liquid-that-chases-a-steel-bead-and-pools-blue-light-on-paper","title":"Ray-Marched Glass Tube Range Slider with Ultramarine Liquid That Chases a Steel Bead and Pools Blue Light on Paper","type":"registry:block"},{"description":"Free React jewellery hero: a gold ring with a brilliant-cut stone stands in a fold of pale silk, throwing coloured fire as the pointer turns it.","name":"ray-marched-gold-solitaire-ring-jewellery-hero-resting-on-a-pale-silk-fold-with-a-dispersive-stone-that-turns-to-the-pointer","page":"https://we.inc/components/hero-sections/ray-marched-gold-solitaire-ring-jewellery-hero-resting-on-a-pale-silk-fold-with-a-dispersive-stone-that-turns-to-the-pointer","title":"Ray-Marched Gold Solitaire Ring Jewellery Hero Resting on a Pale Silk Fold with a Dispersive Stone That Turns to the Pointer","type":"registry:block"},{"description":"Free React progress loader in one WebGL shader: a glass hourglass in a turned wooden frame pours coral sand into a cone, then flips itself over at 100%.","name":"ray-marched-hourglass-loader-in-a-turned-ash-frame-on-a-sunlit-desk-that-pours-coral-sand-into-a-growing-cone-and-flips-over-when-full","page":"https://we.inc/components/loaders/ray-marched-hourglass-loader-in-a-turned-ash-frame-on-a-sunlit-desk-that-pours-coral-sand-into-a-growing-cone-and-flips-over-when-full","title":"Ray-Marched Hourglass Loader in a Turned Ash Frame on a Sunlit Desk That Pours Coral Sand into a Growing Cone and Flips Over When Full","type":"registry:block"},{"description":"Selector rendered as a knurled aluminium dial in a WebGL fragment shader, on black glass, with a real radio group underneath. Free React and HTML to copy.","name":"ray-marched-knurled-aluminium-dial-on-black-glass-with-a-moving-softbox-engraved-stops-and-an-amber-halo","page":"https://we.inc/components/toggles/ray-marched-knurled-aluminium-dial-on-black-glass-with-a-moving-softbox-engraved-stops-and-an-amber-halo","title":"Ray-Marched Knurled Aluminium Dial on Black Glass with a Moving Softbox, Engraved Stops and an Amber Halo","type":"registry:block"},{"dependencies":["framer-motion"],"description":"WebGL text effect: type a word and it is ray-marched as poured chrome on a mirror floor and a mercury bead chases the pointer. Free React and HTML code.","name":"ray-marched-liquid-chrome-word-on-a-mirror-floor-with-a-mercury-bead-that-chases-the-pointer","page":"https://we.inc/components/text-effects/ray-marched-liquid-chrome-word-on-a-mirror-floor-with-a-mercury-bead-that-chases-the-pointer","title":"Ray-Marched Liquid Chrome Word on a Mirror Floor with a Mercury Bead That Chases the Pointer","type":"registry:block"},{"description":"Free React stepper: a steel ball rolls along a groove in an oak block to brass posts, ray-marched in WebGL in low window light.","name":"ray-marched-oak-groove-stepper-with-a-steel-ball-that-rolls-to-turned-brass-posts-in-raking-window-light","page":"https://we.inc/components/timelines/ray-marched-oak-groove-stepper-with-a-steel-ball-that-rolls-to-turned-brass-posts-in-raking-window-light","title":"Ray-Marched Oak Groove Stepper with a Steel Ball That Rolls to Turned Brass Posts in Raking Window Light","type":"registry:block"},{"description":"Free React hero for a travel or outdoor brand: a shader-rendered tabletop diorama of folded paper peaks and a felt lake, lit by a sun you can move.","name":"ray-marched-paper-mountain-diorama-hero-with-a-felt-lake-and-tiny-cabin-where-you-move-the-golden-hour-sun","page":"https://we.inc/components/hero-sections/ray-marched-paper-mountain-diorama-hero-with-a-felt-lake-and-tiny-cabin-where-you-move-the-golden-hour-sun","title":"Ray-Marched Paper Mountain Diorama Hero With a Felt Lake and Tiny Cabin Where You Move the Golden Hour Sun","type":"registry:block"},{"description":"Free scroll story in React: a cloth book opens on a table as you scroll and paper hills, a barn and a tin stand up, one per heading. Copy the code.","name":"ray-marched-paper-pop-up-book-scroll-story-where-a-tea-hillside-a-drying-barn-and-a-tin-unfold-from-the-spread","page":"https://we.inc/components/scroll-effects/ray-marched-paper-pop-up-book-scroll-story-where-a-tea-hillside-a-drying-barn-and-a-tin-unfold-from-the-spread","title":"Ray Marched Paper Pop-Up Book Scroll Story Where a Tea Hillside, a Drying Barn and a Tin Unfold from the Spread","type":"registry:block"},{"description":"Free React progress loader in one WebGL shader: a wet clay bowl rises on a spinning potter's wheel and the wheel coasts to a stop at 100%.","name":"ray-marched-potters-wheel-loader-that-pulls-up-a-wet-stoneware-bowl-in-a-sunlit-studio-and-stops-when-it-is-done","page":"https://we.inc/components/loaders/ray-marched-potters-wheel-loader-that-pulls-up-a-wet-stoneware-bowl-in-a-sunlit-studio-and-stops-when-it-is-done","title":"Ray-Marched Potter's Wheel Loader That Pulls Up a Wet Stoneware Bowl in a Sunlit Studio and Stops When It Is Done","type":"registry:block"},{"description":"Free React toasts cast as resin pebbles in a WebGL shader. Each drops on a sunlit ledge, rocks still, and is flicked off when dismissed.","name":"ray-marched-resin-pebble-toast-notifications-that-drop-onto-a-sunlit-stone-ledge-rock-to-rest-and-get-flicked-off-the-edge","page":"https://we.inc/components/feedback/ray-marched-resin-pebble-toast-notifications-that-drop-onto-a-sunlit-stone-ledge-rock-to-rest-and-get-flicked-off-the-edge","title":"Ray-Marched Resin Pebble Toast Notifications That Drop onto a Sunlit Stone Ledge, Rock to Rest and Get Flicked off the Edge","type":"registry:block"},{"description":"Free React email field whose typed letters are pressed into a bar of rose soap, traced in a WebGL shader on green tiles. Send it and the bar slides away.","name":"ray-marched-rose-soap-bar-email-input-that-stamps-each-typed-letter-into-the-soap-and-slides-away-across-wet-green-tiles-when-sent","page":"https://we.inc/components/inputs/ray-marched-rose-soap-bar-email-input-that-stamps-each-typed-letter-into-the-soap-and-slides-away-across-wet-green-tiles-when-sent","title":"Ray-Marched Rose Soap Bar Email Input That Stamps Each Typed Letter into the Soap and Slides Away Across Wet Green Tiles When Sent","type":"registry:block"},{"description":"Free React photo gallery where a carousel projector throws each slide onto a plaster wall in a dark room, with dust drifting through the beam. WebGL, no library.","name":"ray-marched-slide-projector-gallery-that-throws-each-35mm-slide-onto-a-white-wall-through-a-dusty-beam-in-a-dim-room","page":"https://we.inc/components/galleries/ray-marched-slide-projector-gallery-that-throws-each-35mm-slide-onto-a-white-wall-through-a-dusty-beam-in-a-dim-room","title":"Ray-Marched Slide Projector Gallery That Throws Each 35mm Slide onto a White Wall Through a Dusty Beam in a Dim Room","type":"registry:block"},{"description":"Free React dialog drawn as a slab of smoked glass in WebGL. It drops on two steel wires, sways to rest and frosts the fashion print hanging behind it.","name":"ray-marched-smoked-glass-dialog-lowered-on-steel-wires-that-sways-settles-and-frosts-the-fashion-print-behind-it","page":"https://we.inc/components/modals/ray-marched-smoked-glass-dialog-lowered-on-steel-wires-that-sways-settles-and-frosts-the-fashion-print-behind-it","title":"Ray-Marched Smoked Glass Dialog Lowered on Steel Wires That Sways, Settles and Frosts the Fashion Print Behind It","type":"registry:block"},{"description":"Free React stats row where three figures stand as piles of coloured card discs on linen, ray marched in WebGL, that drop in or lift away when the period changes.","name":"ray-marched-stats-row-of-coloured-card-disc-stacks-on-window-lit-linen-that-deal-themselves-up-to-each-figure","page":"https://we.inc/components/dashboard/ray-marched-stats-row-of-coloured-card-disc-stacks-on-window-lit-linen-that-deal-themselves-up-to-each-figure","title":"Ray-Marched Stats Row of Coloured Card Disc Stacks on Window-Lit Linen That Deal Themselves Up to Each Figure","type":"registry:block"},{"description":"Free React product showcase: a stoneware mug traced in a WebGL shader that you turn by dragging, with five dishes of glaze that pour a new colour down it.","name":"ray-marched-stoneware-mug-product-showcase-you-turn-by-dragging-with-glaze-that-pours-down-in-the-colour-you-pick-on-a-yellow-sweep","page":"https://we.inc/components/ecommerce/ray-marched-stoneware-mug-product-showcase-you-turn-by-dragging-with-glaze-that-pours-down-in-the-colour-you-pick-on-a-yellow-sweep","title":"Ray-Marched Stoneware Mug Product Showcase You Turn by Dragging, With Glaze That Pours Down in the Colour You Pick on a Yellow Sweep","type":"registry:block"},{"description":"Free React on/off toggle drawn as a translucent orange rocker in a WebGL shader. A lamp inside lights the resin and the table, with a real switch button beneath.","name":"ray-marched-tangerine-resin-rocker-switch-with-a-lamp-inside-that-glows-through-the-plastic-and-spills-across-a-lilac-table","page":"https://we.inc/components/toggles/ray-marched-tangerine-resin-rocker-switch-with-a-lamp-inside-that-glows-through-the-plastic-and-spills-across-a-lilac-table","title":"Ray-Marched Tangerine Resin Rocker Switch with a Lamp Inside That Glows Through the Plastic and Spills Across a Lilac Table","type":"registry:block"},{"description":"Free React hero: puffed vinyl balloon letters traced in a WebGL shader stand on a blue paper sweep in daylight and squash and wobble when pressed.","name":"ray-marched-vinyl-balloon-letters-hero-on-a-sky-blue-paper-sweep-that-squash-under-the-pointer-and-wobble-back-in-daylight","page":"https://we.inc/components/hero-sections/ray-marched-vinyl-balloon-letters-hero-on-a-sky-blue-paper-sweep-that-squash-under-the-pointer-and-wobble-back-in-daylight","title":"Ray-Marched Vinyl Balloon Letters Hero on a Sky Blue Paper Sweep That Squash Under the Pointer and Wobble Back in Daylight","type":"registry:block"},{"description":"Free React coffee hero: a glazed pour-over cone drips into a glass carafe on travertine in low morning sun, with rising steam and a sun you can move.","name":"ray-marched-white-ceramic-pour-over-cone-and-glass-carafe-coffee-roaster-hero-on-pale-stone-in-raking-morning-sun-with-steam","page":"https://we.inc/components/hero-sections/ray-marched-white-ceramic-pour-over-cone-and-glass-carafe-coffee-roaster-hero-on-pale-stone-in-raking-morning-sun-with-steam","title":"Ray-Marched White Ceramic Pour-Over Cone and Glass Carafe Coffee Roaster Hero on Pale Stone in Raking Morning Sun with Steam","type":"registry:block"},{"description":"Free React hero for an architecture practice: a shader-lit plaster study model whose long sun shadows sweep across it as the pointer moves.","name":"ray-marched-white-plaster-architecture-model-hero-with-stairs-arches-and-a-courtyard-where-a-low-sun-follows-the-pointer","page":"https://we.inc/components/hero-sections/ray-marched-white-plaster-architecture-model-hero-with-stairs-arches-and-a-courtyard-where-a-low-sun-follows-the-pointer","title":"Ray-Marched White Plaster Architecture Model Hero With Stairs, Arches and a Courtyard Where a Low Sun Follows the Pointer","type":"registry:block"},{"description":"Free React product hero: wireless headphones traced in a WebGL shader, matte plastic and soft leather you turn by dragging, with swatches that restyle the set.","name":"ray-marched-wireless-headphones-product-hero-in-matte-plastic-and-leather-on-a-paper-sweep-that-recolours-with-each-swatch","page":"https://we.inc/components/ecommerce/ray-marched-wireless-headphones-product-hero-in-matte-plastic-and-leather-on-a-paper-sweep-that-recolours-with-each-swatch","title":"Ray-Marched Wireless Headphones Product Hero in Matte Plastic and Leather on a Paper Sweep That Recolours With Each Swatch","type":"registry:block"},{"description":"Free React bar chart whose bars are columns of coloured glass, ray traced in a WebGL shader on a sunlit white floor, with two data sets and a real data table.","name":"ray-traced-cast-glass-column-bar-chart-that-rises-through-steel-collars-and-throws-amber-to-ruby-light-across-a-white-floor","page":"https://we.inc/components/dashboard/ray-traced-cast-glass-column-bar-chart-that-rises-through-steel-collars-and-throws-amber-to-ruby-light-across-a-white-floor","title":"Ray-Traced Cast Glass Column Bar Chart That Rises Through Steel Collars and Throws Amber to Ruby Light Across a White Floor","type":"registry:block"},{"description":"Free React cursor effect: a solid glass ball on a steel wire follows the pointer over a poster, flips the portrait inside it and focuses the lamp on the wall.","name":"ray-traced-glass-ball-cursor-on-a-wire-that-turns-a-poster-portrait-upside-down-and-burns-the-lamp-to-a-point-when-knocked-to-the-wall","page":"https://we.inc/components/cursors/ray-traced-glass-ball-cursor-on-a-wire-that-turns-a-poster-portrait-upside-down-and-burns-the-lamp-to-a-point-when-knocked-to-the-wall","title":"Ray-Traced Glass Ball Cursor on a Wire That Turns a Poster Portrait Upside Down and Burns the Lamp to a Point When Knocked to the Wall","type":"registry:block"},{"description":"Glass button traced in a WebGL shader: a dome over a photo print splits colour at its rim, pools light and drops when pressed. Free React and HTML code.","name":"ray-traced-glass-cabochon-button-over-a-fashion-print-that-splits-colour-throws-caustics-and-drops-when-pressed","page":"https://we.inc/components/animated-buttons/ray-traced-glass-cabochon-button-over-a-fashion-print-that-splits-colour-throws-caustics-and-drops-when-pressed","title":"Ray-Traced Glass Cabochon Button Over a Fashion Print That Splits Colour, Throws Caustics and Drops When Pressed","type":"registry:component"},{"description":"Free React progress loader drawn by one WebGL shader: a hanging glass bulb fills with glowing liquid and focuses a point of light beside a huge percentage.","name":"ray-traced-glass-pendant-loader-that-fills-with-glowing-liquid-and-focuses-a-point-of-light-under-a-wall-sized-percentage","page":"https://we.inc/components/loaders/ray-traced-glass-pendant-loader-that-fills-with-glowing-liquid-and-focuses-a-point-of-light-under-a-wall-sized-percentage","title":"Ray-Traced Glass Pendant Loader That Fills with Glowing Liquid and Focuses a Point of Light under a Wall-Sized Percentage","type":"registry:block"},{"description":"Free React history timeline: pick a year and a strip of colour negatives slides across a glowing light box while its print develops on the desk.","name":"ray-traced-light-box-history-timeline-with-a-sliding-film-negative-strip-and-a-print-that-develops-beside-it","page":"https://we.inc/components/timelines/ray-traced-light-box-history-timeline-with-a-sliding-film-negative-strip-and-a-print-that-develops-beside-it","title":"Ray-Traced Light Box History Timeline with a Sliding Film Negative Strip and a Print That Develops Beside It","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React image carousel in Tailwind with no library: CSS scroll snap, swipe, arrows, dots, keyboard keys and autoplay that pauses on hover and focus.","name":"react-image-carousel-with-scroll-snap-autoplay-dots-thumbnails-and-swipe","page":"https://we.inc/components/galleries/react-image-carousel-with-scroll-snap-autoplay-dots-thumbnails-and-swipe","title":"React Image Carousel with Scroll Snap, Autoplay, Dots, Thumbnails and Swipe","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React modal popup in one file: focus trap, Escape to close, scroll lock, focus return, click outside. Confirm, form, bottom sheet and drawer.","name":"react-modal-popup-dialog-with-focus-trap-confirm-form-bottom-sheet-and-side-drawer","page":"https://we.inc/components/modals/react-modal-popup-dialog-with-focus-trap-confirm-form-bottom-sheet-and-side-drawer","title":"React Modal Popup Dialog with Focus Trap, Confirm, Form, Bottom Sheet and Side Drawer","type":"registry:component"},{"description":"Free React select components with Tailwind and no package: searchable combobox, multi-select, chips, async options and grouped lists with full keyboard support.","name":"react-select-dropdown-collection-with-searchable-combobox-multi-select-async-options-and-keyboard-support","page":"https://we.inc/components/inputs/react-select-dropdown-collection-with-searchable-combobox-multi-select-async-options-and-keyboard-support","title":"React Select Dropdown Collection with Searchable Combobox, Multi Select, Async Options and Keyboard Support","type":"registry:block"},{"description":"Free React steppers in Tailwind: horizontal, vertical, progress bar, chevron and dots, plus a multi-step form with per-step validation and saved progress.","name":"react-stepper-collection-with-horizontal-vertical-progress-steppers-and-a-validated-multi-step-form","page":"https://we.inc/components/timelines/react-stepper-collection-with-horizontal-vertical-progress-steppers-and-a-validated-multi-step-form","title":"React Stepper and Multi-Step Form Components","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React tabs drawn as card stock file folders in a walnut desk file. Pick a tab and the file opens there, lifting that folder and its printed page.","name":"react-tabs-as-card-stock-file-folders-in-a-sunlit-walnut-desk-file-where-the-chosen-folder-rises-with-its-page","page":"https://we.inc/components/navigation/react-tabs-as-card-stock-file-folders-in-a-sunlit-walnut-desk-file-where-the-chosen-folder-rises-with-its-page","title":"React Tabs as Card Stock File Folders in a Sunlit Walnut Desk File Where the Chosen Folder Rises With Its Page","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free accessible React tabs in four styles: sliding underline, segmented pill, vertical and icons with counts. Arrow keys, Home and End, Tailwind.","name":"react-tabs-with-sliding-underline-segmented-pills-vertical-and-icon-count-variants","page":"https://we.inc/components/navigation/react-tabs-with-sliding-underline-segmented-pills-vertical-and-icon-count-variants","title":"React Tabs with Sliding Underline, Segmented Pills, Vertical and Icon Count Variants","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free React tag input in Tailwind: Enter or comma adds, Backspace removes, paste a list, keyboard suggestions, max count and no duplicates. Copy and paste.","name":"react-tag-input-with-autocomplete-suggestions-paste-support-and-coloured-category-chips","page":"https://we.inc/components/inputs/react-tag-input-with-autocomplete-suggestions-paste-support-and-coloured-category-chips","title":"React Tag Input with Autocomplete Suggestions, Paste Support and Coloured Category Chips","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free React toast in one file: toast() function, success, error, info and loading states, undo button, stacked cards that fan out, swipe to dismiss.","name":"react-toast-notification-system-with-undo-stacking-and-swipe-to-dismiss","page":"https://we.inc/components/feedback/react-toast-notification-system-with-undo-stacking-and-swipe-to-dismiss","title":"React Toast Notification System with Undo, Stacking and Swipe to Dismiss","type":"registry:component"},{"dependencies":["framer-motion"],"name":"reading-progress-bar-for-long-article","title":"Reading Progress Bar for a Long Article","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React WebGL gallery: product photos printed on thick cards in a walnut recipe stand on a sunny counter. Next lifts the front card over the top.","name":"recipe-card-holder-product-gallery-in-webgl-with-photo-cards-in-a-walnut-stand-on-a-sunlit-counter-that-flip-over-the-back-with-weight","page":"https://we.inc/components/galleries/recipe-card-holder-product-gallery-in-webgl-with-photo-cards-in-a-walnut-stand-on-a-sunlit-counter-that-flip-over-the-back-with-weight","title":"Recipe Card Holder Product Gallery in WebGL with Photo Cards in a Walnut Stand on a Sunlit Counter That Flip Over the Back with Weight","type":"registry:block"},{"dependencies":["framer-motion"],"name":"reeded-glass-window-with-passing-night-lights-background","title":"Reeded Glass with Passing Night Lights","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free responsive React navbar in Tailwind: mega menu, dropdown, animated hamburger, sticky bar that shrinks on scroll, active link and full keyboard support.","name":"responsive-react-navbar-with-mega-menu-animated-hamburger-and-sticky-shrink-on-scroll","page":"https://we.inc/components/navbars/responsive-react-navbar-with-mega-menu-animated-hamburger-and-sticky-shrink-on-scroll","title":"Responsive React Navbar with Mega Menu, Animated Hamburger and Sticky Shrink on Scroll","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Alert drawn as a restaurant pager: a black puck buzzes across a table, chases red lights round its rim and scrolls your message. Free React and HTML code.","name":"restaurant-pager-puck-alert-that-buzzes-across-a-black-table-with-chasing-red-lights-and-a-dot-matrix-message","page":"https://we.inc/components/feedback/restaurant-pager-puck-alert-that-buzzes-across-a-black-table-with-chasing-red-lights-and-a-dot-matrix-message","title":"Restaurant Pager Puck Alert That Buzzes Across a Black Table with Chasing Red Lights and a Dot-Matrix Message","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Reservation picker drawn as a booking book: choose a free line and a pencil on a string writes your table in. Free React and Tailwind code, or HTML.","name":"restaurant-reservation-book-time-picker-with-a-pencil-on-a-string-that-writes-your-table-into-a-free-line","page":"https://we.inc/components/forms/restaurant-reservation-book-time-picker-with-a-pencil-on-a-string-that-writes-your-table-into-a-free-line","title":"Restaurant Reservation Book Time Picker with a Pencil on a String That Writes Your Table into a Free Line","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Cursor effect in WebGL: a panel of flip sequins printed with a portrait, where each disc you brush swings over to its gold back. Free React and HTML code.","name":"reversible-sequin-portrait-panel-that-flips-to-gold-foil-where-the-pointer-brushes","page":"https://we.inc/components/cursors/reversible-sequin-portrait-panel-that-flips-to-gold-foil-where-the-pointer-brushes","title":"Reversible Sequin Portrait Panel That Flips to Gold Foil Where the Pointer Brushes","type":"registry:block"},{"name":"review-card-marquee-with-pause-button","title":"Review Card Marquee With Pause Button","type":"registry:block"},{"description":"Free glitch text effect in pure CSS: red and cyan copies of a headline tear into horizontal slices in two short bursts, then settle. React and HTML versions.","name":"rgb-channel-split-glitch-headline-with-slices","page":"https://we.inc/components/text-effects/rgb-channel-split-glitch-headline-with-slices","title":"RGB Channel Split Glitch Headline","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Vertical tabs drawn as an open ring binder: press a coloured index tab and the dividers turn over chrome rings to that section. Free React and HTML code.","name":"ring-binder-tabs-with-coloured-index-dividers-that-turn-over-chrome-rings-to-open-each-section","page":"https://we.inc/components/navigation/ring-binder-tabs-with-coloured-index-dividers-that-turn-over-chrome-rings-to-open-each-section","title":"Ring Binder Tabs with Coloured Index Dividers That Turn over Chrome Rings to Open Each Section","type":"registry:block"},{"name":"ringed-planet-background-with-orbiting-dust-bands-and-ring-shadow","title":"Ringed Planet Dust Bands","type":"registry:block"},{"name":"rippling-lake-reflection-lines-dawn-background","title":"Rippling Lake Reflection at Dawn","type":"registry:block"},{"name":"rising-embers-over-a-dark-hearth-particle-background","title":"Rising Embers over a Dark Hearth","type":"registry:block"},{"name":"rising-incense-smoke-background-with-curling-wisps-on-charcoal","title":"Rising Incense Smoke","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Fan carousel styled as a studio swatch deck: portrait leaves pivot on a brass pin and trail each other on springs. Free React and Tailwind code, or HTML.","name":"riveted-swatch-deck-photo-carousel-that-fans-portraits-round-a-brass-pin","page":"https://we.inc/components/galleries/riveted-swatch-deck-photo-carousel-that-fans-portraits-round-a-brass-pin","title":"Riveted Swatch Deck Photo Carousel That Fans Portraits Round a Brass Pin","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Order tracker drawn as a roller conveyor: a taped parcel rides steel rollers and a lamp lights on each station sign it reaches. Free React and HTML code.","name":"roller-conveyor-order-tracker-with-a-taped-parcel-that-rides-steel-rollers-past-four-enamel-station-signs-with-lamps","page":"https://we.inc/components/timelines/roller-conveyor-order-tracker-with-a-taped-parcel-that-rides-steel-rollers-past-four-enamel-station-signs-with-lamps","title":"Roller Conveyor Order Tracker with a Taped Parcel That Rides Steel Rollers past Four Enamel Station Signs with Lamps","type":"registry:block"},{"dependencies":["framer-motion","lucide-react"],"description":"Free rolling odometer number counter: digit drums that carry like a real meter, start when scrolled into view and keep the final figure readable. React or HTML.","name":"rolling-odometer-number-counter-with-digit-drums","page":"https://we.inc/components/text-effects/rolling-odometer-number-counter-with-digit-drums","title":"Rolling Odometer Number Counter","type":"registry:block"},{"name":"rolling-word-rotator-in-a-fixed-width-slot","title":"Rolling Word Rotator in a Fixed Slot","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Testimonial slider built as a desk card file: quote cards with clipped portraits tip over the spindle and land with a bounce. Free React and HTML code.","name":"rotary-card-file-testimonials-with-typed-quote-cards-that-tip-over-the-spindle-and-land-with-a-bounce","page":"https://we.inc/components/testimonials/rotary-card-file-testimonials-with-typed-quote-cards-that-tip-over-the-spindle-and-land-with-a-bounce","title":"Rotary Card File Testimonials with Typed Quote Cards That Tip over the Spindle and Land with a Bounce","type":"registry:block"},{"name":"rotating-headline-scrambles-between-three-phrases","title":"Rotating Headline Scrambles Between Three Phrases","type":"registry:block"},{"description":"Unveiling animation: a simulated linen cloth is lifted off one brass peg and hung on the other to uncover a blue enamel plaque. Free React and HTML code.","name":"round-blue-enamel-wall-plaque-unveiled-from-under-a-linen-cloth-whose-corner-is-carried-across-to-the-other-peg-and-left-hanging-in-folds","page":"https://we.inc/components/originals/round-blue-enamel-wall-plaque-unveiled-from-under-a-linen-cloth-whose-corner-is-carried-across-to-the-other-peg-and-left-hanging-in-folds","title":"Round Blue Enamel Wall Plaque Unveiled from Under a Linen Cloth Whose Corner Is Carried Across to the Other Peg and Left Hanging in Folds","type":"registry:block"},{"description":"Thermostat slider on a canvas: turn the copper bezel past a fixed arrow and the glass face glows from blue to amber. Copy the React code or the HTML free.","name":"round-wall-thermostat-slider-with-a-turning-copper-bezel-and-a-glass-face-that-glows-from-blue-to-amber","page":"https://we.inc/components/inputs/round-wall-thermostat-slider-with-a-turning-copper-bezel-and-a-glass-face-that-glows-from-blue-to-amber","title":"Round Wall Thermostat Slider with a Turning Copper Bezel and a Glass Face That Glows from Blue to Amber","type":"registry:component"},{"description":"Step sequencer on a canvas: a grid of backlit silicone pads that squash under a press, glow per row and flash as the bar plays. Free React and HTML code.","name":"rubber-drum-pad-step-sequencer-with-backlit-silicone-pads-that-squash-and-a-running-step-light","page":"https://we.inc/components/app-ui/rubber-drum-pad-step-sequencer-with-backlit-silicone-pads-that-squash-and-a-running-step-light","title":"Rubber Drum Pad Step Sequencer with Backlit Silicone Pads That Squash and a Running Step Light","type":"registry:component"},{"description":"Status stamp with an ink pad: a wooden stamp thumps PAID onto a delivery note in ink that thins until it is inked again. Free React code and HTML to copy.","name":"rubber-stamp-and-ink-pad-that-stamps-a-document-status-with-ink-that-thins-until-it-is-inked-again","page":"https://we.inc/components/feedback/rubber-stamp-and-ink-pad-that-stamps-a-document-status-with-ink-that-thins-until-it-is-inked-again","title":"Rubber Stamp and Ink Pad That Stamps a Document Status with Ink That Thins Until It Is Inked Again","type":"registry:block"},{"name":"sand-tile-mosaic-preloader-for-a-photography-gallery","title":"Sand Tile Mosaic Preloader","type":"registry:block"},{"description":"Launch moment: a satin ribbon tied between brass posts is cut by scissors and both halves flutter down as the page goes live. Free React and HTML code.","name":"satin-opening-ribbon-on-brass-posts-that-brass-scissors-cut-so-both-halves-flutter-down-and-the-page-goes-live","page":"https://we.inc/components/originals/satin-opening-ribbon-on-brass-posts-that-brass-scissors-cut-so-both-halves-flutter-down-and-the-page-goes-live","title":"Satin Opening Ribbon on Brass Posts That Brass Scissors Cut So Both Halves Flutter Down and the Page Goes Live","type":"registry:block"},{"description":"Savings chart on a canvas: stacks of gold coins, one per month, where each deposit drops a coin that wobbles and settles. Free React and HTML code.","name":"savings-chart-of-minted-coin-stacks-where-each-deposit-drops-a-coin-that-wobbles-and-settles","page":"https://we.inc/components/dashboard/savings-chart-of-minted-coin-stacks-where-each-deposit-drops-a-coin-that-wobbles-and-settles","title":"Savings Chart of Minted Coin Stacks Where Each Deposit Drops a Coin That Wobbles and Settles","type":"registry:component"},{"name":"scanner-light-bar-sweep-text-reveal","title":"Scanner Light Bar Sweep","type":"registry:block"},{"dependencies":["framer-motion"],"name":"scanner-light-bar-sweeping-under-copier-glass-background","title":"Scanner Light Bar Under Copier Glass","type":"registry:block"},{"description":"Lock switch on a canvas: a rope clips through the gate of a carabiner, the gate snaps shut and the sleeve screws up to lock. Free React and HTML to copy.","name":"screwgate-carabiner-lock-switch-that-clips-a-rope-snaps-its-gate-shut-and-spins-the-sleeve-up","page":"https://we.inc/components/toggles/screwgate-carabiner-lock-switch-that-clips-a-rope-snaps-its-gate-shut-and-spins-the-sleeve-up","title":"Screwgate Carabiner Lock Switch That Clips a Rope, Snaps Its Gate Shut and Spins the Sleeve Up","type":"registry:component"},{"name":"scroll-cue-that-turns-into-back-to-top-link","title":"Scroll Cue That Turns Into Back to Top Link","type":"registry:block"},{"dependencies":["framer-motion"],"name":"scroll-linked-paragraph-words-brighten-as-you-read","title":"Scroll Linked Words Brighten as You Read","type":"registry:block"},{"name":"scroll-snap-full-height-sections-with-gentle-parallax","title":"Scroll Snap Full Height Sections With Gentle Parallax","type":"registry:block"},{"name":"scroll-velocity-marquee-that-speeds-and-reverses","title":"Scroll Velocity Marquee That Speeds And Reverses","type":"registry:block"},{"name":"sea-glass-radial-gradient-stack-background","title":"Sea Glass Radial Gradient Stack","type":"registry:block"},{"dependencies":["framer-motion"],"name":"search-box-placeholder-that-types-product-suggestions","title":"Search Box with Typing Placeholder","type":"registry:component"},{"dependencies":["framer-motion"],"name":"section-header-words-rise-one-by-one-on-scroll","title":"Section Header Words Rise One by One","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Phrases of a typed sentence lift off a paper strip as keys and seat into a tray, forming a booking tool you can use. Copy the React code or HTML free.","name":"sentence-to-booking-app-keys-that-lift-off-a-typed-strip-and-seat-into-a-tray","page":"https://we.inc/components/originals/sentence-to-booking-app-keys-that-lift-off-a-typed-strip-and-seat-into-a-tray","title":"Sentence to Booking App: Keys That Lift off a Typed Strip and Seat into a Tray","type":"registry:component"},{"name":"service-list-with-a-photo-that-follows-the-pointer","title":"Service List With a Photo That Follows the Pointer","type":"registry:block"},{"description":"Free React hero background: low sun through a swaying linen curtain and a tree, traced in WebGL onto lime plaster and oak, with soft dappled leaf shadows.","name":"sheer-linen-curtain-webgl-background-where-afternoon-sun-and-leaf-shadows-sway-across-a-plaster-wall","page":"https://we.inc/components/backgrounds/sheer-linen-curtain-webgl-background-where-afternoon-sun-and-leaf-shadows-sway-across-a-plaster-wall","title":"Sheer Linen Curtain WebGL Background Where Afternoon Sun and Leaf Shadows Sway Across a Plaster Wall","type":"registry:block"},{"description":"Shoe size picker drawn as a shop fitting gauge: drag the toe bar along the plate and read size and length through its windows. Free React and HTML code.","name":"shoe-size-foot-gauge-selector-with-a-sliding-steel-toe-bar-engraved-scales-read-through-cursor-windows-and-a-knurled-width-knob","page":"https://we.inc/components/ecommerce/shoe-size-foot-gauge-selector-with-a-sliding-steel-toe-bar-engraved-scales-read-through-cursor-windows-and-a-knurled-width-knob","title":"Shoe Size Foot Gauge Selector with a Sliding Steel Toe Bar, Engraved Scales Read Through Cursor Windows and a Knurled Width Knob","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Product reveal built as a shoebox in 3D: the hinged lid lifts, sheets of tissue part and curl, and the shoes lie beneath. Free React and HTML code.","name":"shoebox-with-a-hinged-lid-that-lifts-and-tissue-paper-that-parts-over-a-pair-of-leather-shoes","page":"https://we.inc/components/ecommerce/shoebox-with-a-hinged-lid-that-lifts-and-tissue-paper-that-parts-over-a-pair-of-leather-shoes","title":"Shoebox with a Hinged Lid That Lifts and Tissue Paper That Parts over a Pair of Leather Shoes","type":"registry:block"},{"description":"Toggle built as a shop door: an enamel sign on a chain spins from Open to Closed, a brass bell swings and the shop lights go out. Free React and HTML code.","name":"shop-door-open-closed-enamel-sign-toggle-that-spins-on-its-chain-and-rings-a-brass-bell","page":"https://we.inc/components/toggles/shop-door-open-closed-enamel-sign-toggle-that-spins-on-its-chain-and-rings-a-brass-bell","title":"Shop Door Open Closed Enamel Sign Toggle That Spins on Its Chain and Rings a Brass Bell","type":"registry:component"},{"dependencies":["framer-motion"],"name":"shop-support-reply-typed-out-word-by-word","title":"Shop Support Reply Typed Word by Word","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Text effect with a word as shortbread on a baking tray: retype it to watch the dough brown, then tap a letter to bite it. Free React and HTML code.","name":"shortbread-letters-cut-from-dough-that-rise-and-brown-on-a-baking-tray-and-lose-a-bite-when-tapped","page":"https://we.inc/components/text-effects/shortbread-letters-cut-from-dough-that-rise-and-brown-on-a-baking-tray-and-lose-a-bite-when-tapped","title":"Shortbread Letters Cut From Dough That Rise and Brown on a Baking Tray and Lose a Bite When Tapped","type":"registry:component"},{"dependencies":["framer-motion"],"name":"sibling-pages-slide-in-reading-direction","title":"Sibling Pages Slide in Reading Direction","type":"registry:block"},{"description":"Free React and Tailwind sidebars: collapsible icon rail, two-level rail with panel, nested groups with filter, mobile drawer, dark switcher and HTML only.","name":"sidebar-navigation-collection-with-collapsible-icon-rail-nested-groups-and-mobile-drawer","page":"https://we.inc/components/navigation/sidebar-navigation-collection-with-collapsible-icon-rail-nested-groups-and-mobile-drawer","title":"Sidebar Navigation Layouts for React and Tailwind","type":"registry:block"},{"description":"Signature field on a canvas: a fountain pen follows your hand across cotton paper and the ink goes down wet, then dries flat. Free React and HTML to copy.","name":"signature-pad-on-cotton-paper-with-a-fountain-pen-that-leaves-wet-ink-which-dries","page":"https://we.inc/components/forms/signature-pad-on-cotton-paper-with-a-fountain-pen-that-leaves-wet-ink-which-dries","title":"Signature Pad on Cotton Paper with a Fountain Pen That Leaves Wet Ink Which Dries","type":"registry:component"},{"name":"silk-flowing-line-bundle-canvas-background","title":"Silk Flowing Line Bundle","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React pricing section in raw WebGL: three polished silver cloches on a linen tablecloth; choosing a plan lifts its dome to show the price on the plate.","name":"silver-cloche-pricing-in-webgl-where-the-chosen-dome-lifts-off-its-plate-on-a-white-tablecloth-in-window-light","page":"https://we.inc/components/pricing/silver-cloche-pricing-in-webgl-where-the-chosen-dome-lifts-off-its-plate-on-a-white-tablecloth-in-window-light","title":"Silver Cloche Pricing in WebGL Where the Chosen Dome Lifts Off Its Plate on a White Tablecloth in Window Light","type":"registry:block"},{"dependencies":["framer-motion"],"description":"WebGL text effect: a word as foil balloons on strings that bob, bump each other and mirror a studio softbox near the pointer. Free React and HTML code.","name":"silver-foil-balloon-letters-on-strings-that-bob-bump-and-mirror-the-studio","page":"https://we.inc/components/text-effects/silver-foil-balloon-letters-on-strings-that-bob-bump-and-mirror-the-studio","title":"Silver Foil Balloon Letters on Strings That Bob, Bump and Mirror the Studio","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Gallery on a canvas: a film projector with turning reels throws a dusty beam at a tripod screen where each still flickers on. Free React and HTML to copy.","name":"sixteen-millimetre-film-projector-gallery-with-turning-reels-a-dusty-beam-and-stills-that-flicker-onto-a-tripod-screen","page":"https://we.inc/components/galleries/sixteen-millimetre-film-projector-gallery-with-turning-reels-a-dusty-beam-and-stills-that-flicker-onto-a-tripod-screen","title":"Sixteen Millimetre Film Projector Gallery with Turning Reels, a Dusty Beam and Stills That Flicker onto a Tripod Screen","type":"registry:block"},{"name":"slate-checklist-preloader-that-ticks-off-each-photo-by-name","title":"Slate Checklist Preloader","type":"registry:block"},{"name":"slate-page-that-shrinks-aside-to-uncover-the-menu","title":"Slate Page That Shrinks Aside to Uncover the Menu","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free animated background in pure CSS: warm light through window blinds drifts across a grainy plaster wall. React and plain HTML versions, no canvas.","name":"slatted-blind-sunlight-sliding-across-plaster-wall-background","page":"https://we.inc/components/backgrounds/slatted-blind-sunlight-sliding-across-plaster-wall-background","title":"Slatted Blind Sunlight on a Plaster Wall","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Slideshow staged as a slide projector: click the tray round a notch and the next photo drops into the beam. Free React and Tailwind code, or HTML.","name":"slide-projector-photo-carousel-with-a-tray-that-clicks-round-and-drops-each-frame-into-the-beam","page":"https://we.inc/components/galleries/slide-projector-photo-carousel-with-a-tray-that-clicks-round-and-drops-each-frame-into-the-beam","title":"Slide Projector Photo Carousel with a Ribbed Tray That Clicks Round and Drops Each Frame into the Beam","type":"registry:block"},{"name":"slider-with-draggable-scrubber-handle","title":"Slider With Draggable Scrubber Handle","type":"registry:block"},{"dependencies":["framer-motion"],"description":"A tray of thick glazed tiles, each a section of a shop's homepage: slide one and the page on the phone beside it rearranges. Free React and HTML to copy.","name":"sliding-block-puzzle-tray-where-page-sections-are-thick-glazed-tiles-you-slide-to-rearrange-a-homepage-on-a-phone","page":"https://we.inc/components/originals/sliding-block-puzzle-tray-where-page-sections-are-thick-glazed-tiles-you-slide-to-rearrange-a-homepage-on-a-phone","title":"Sliding Block Puzzle Tray Where Page Sections Are Thick Glazed Tiles You Slide to Rearrange a Homepage on a Phone","type":"registry:component"},{"name":"slow-navy-blob-behind-client-quote","title":"Slow Navy Blob Behind Client Quote","type":"registry:block"},{"name":"slow-tide-on-wet-sand-with-receding-sheen-background","title":"Slow Tide on Wet Sand","type":"registry:block"},{"description":"Viewfinder gallery: each photo arrives blurred, you turn the lens ring until the split circle lines up, then the shutter fires. Free React and HTML code.","name":"slr-viewfinder-photo-gallery-with-a-split-image-focusing-circle-you-line-up-before-the-shutter-fires","page":"https://we.inc/components/galleries/slr-viewfinder-photo-gallery-with-a-split-image-focusing-circle-you-line-up-before-the-shutter-fires","title":"SLR Viewfinder Photo Gallery with a Split-Image Focusing Circle You Line Up Before the Shutter Fires","type":"registry:block"},{"name":"snap-photo-strip-with-centre-card-growing","title":"Snap Photo Strip with Centre Card Growing","type":"registry:block"},{"name":"snap-scroll-bread-shelf-with-arrow-buttons","title":"Snap Scroll Bread Shelf with Arrow Buttons","type":"registry:block"},{"description":"Canvas snow globe: grab and shake it, and the water lags behind the glass, whirls the flakes up and lets them sink over a cabin. Free React and HTML code.","name":"snow-globe-you-shake-with-drifting-flakes-over-a-tiny-cabin-on-a-turned-walnut-base","page":"https://we.inc/components/app-ui/snow-globe-you-shake-with-drifting-flakes-over-a-tiny-cabin-on-a-turned-walnut-base","title":"Snow Globe You Shake with Drifting Flakes over a Tiny Cabin on a Turned Walnut Base","type":"registry:component"},{"description":"Floating pill navbar shaded like silicone: a glowing ball under the rubber marks the current page and stretches as it rolls. Free React and HTML to copy.","name":"soft-silicone-pill-navbar-with-a-glowing-ball-rolling-under-the-rubber","page":"https://we.inc/components/navbars/soft-silicone-pill-navbar-with-a-glowing-ball-rolling-under-the-rubber","title":"Soft Silicone Pill Navbar with a Glowing Ball Rolling Under the Rubber","type":"registry:component"},{"name":"soft-spotlight-gradient-following-pointer-background","title":"Soft Spotlight That Follows the Pointer","type":"registry:block"},{"name":"sonar-pulse-rings-expanding-over-a-dark-chart","title":"Sonar Pulse Rings","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Free sortable React table of shop orders beside a WebGL oak card drawer. Sorting re-files the index cards and the hovered row lifts its card.","name":"sortable-order-table-beside-a-webgl-oak-card-index-drawer-that-riffles-its-cards-into-the-new-order-and-lifts-the-hovered-row","page":"https://we.inc/components/tables/sortable-order-table-beside-a-webgl-oak-card-index-drawer-that-riffles-its-cards-into-the-new-order-and-lifts-the-hovered-row","title":"Sortable Order Table Beside a WebGL Oak Card Index Drawer That Riffles Its Cards into the New Order and Lifts the Hovered Row","type":"registry:block"},{"description":"Instrument cluster on a canvas: a speedometer and rev counter under glass, with a start-up needle sweep and a working throttle. Free React and HTML code.","name":"speedometer-and-rev-counter-pair-in-a-stitched-leather-binnacle-with-a-start-up-needle-sweep-and-a-working-throttle","page":"https://we.inc/components/dashboard/speedometer-and-rev-counter-pair-in-a-stitched-leather-binnacle-with-a-start-up-needle-sweep-and-a-working-throttle","title":"Speedometer and Rev Counter Pair in a Stitched Leather Binnacle with a Start-Up Needle Sweep and a Working Throttle","type":"registry:component"},{"description":"Filter where each chip is a glass spice jar on a shelf: press a jar and it turns behind a brass rail so its label faces you. Free React and HTML to copy.","name":"spice-jar-rack-filter-with-glass-jars-that-turn-behind-a-brass-rail-to-show-their-labels","page":"https://we.inc/components/ecommerce/spice-jar-rack-filter-with-glass-jars-that-turn-behind-a-brass-rail-to-show-their-labels","title":"Spice Jar Rack Filter with Glass Jars That Turn Behind a Brass Rail to Show Their Labels","type":"registry:component"},{"description":"Status indicator drawn as a spirit level: the bubble runs uphill when the values drift apart and centres when they match. Free React code and HTML to copy.","name":"spirit-level-balance-indicator-with-a-bubble-vial-that-settles-between-two-values","page":"https://we.inc/components/feedback/spirit-level-balance-indicator-with-a-bubble-vial-that-settles-between-two-values","title":"Spirit Level Balance Indicator with a Bubble Vial That Settles Between Two Values","type":"registry:component"},{"dependencies":["framer-motion"],"name":"split-colour-button-second-colour-slides-in","title":"Split Colour Button With a Sliding Second Colour","type":"registry:block"},{"dependencies":["framer-motion"],"name":"split-columns-slide-in-opposite-directions","title":"Split Columns Slide in Opposite Directions","type":"registry:block"},{"dependencies":["framer-motion"],"name":"split-flap-number-counter-with-hinged-digit-leaves","title":"Split-Flap Number Counter","type":"registry:component"},{"description":"Countdown built as a departure board: split flaps behind glass clatter through their drums to show days, hours and seconds. Free React and HTML code.","name":"split-flap-station-board-countdown-that-clatters-down-to-a-launch-date","page":"https://we.inc/components/cta-sections/split-flap-station-board-countdown-that-clatters-down-to-a-launch-date","title":"Split-Flap Station Board Countdown That Clatters Down to a Launch Date","type":"registry:block"},{"dependencies":["framer-motion"],"name":"spring-chain-ribbon-trail-following-pointer","title":"Spring Chain Ribbon Trail","type":"registry:block"},{"name":"stacked-letter-tiles-logo-that-unfolds-like-paper","title":"Stacked Letter Tiles That Unfold","type":"registry:component"},{"dependencies":["framer-motion"],"name":"stacked-pricing-plan-cards-that-pile-up-on-scroll","title":"Stacked Pricing Plan Cards That Pile Up on Scroll","type":"registry:block"},{"dependencies":["framer-motion","lucide-react"],"description":"Team section drawn as a bank of steel lockers: each door swings open on a taped portrait and a shelf of belongings. Free React and Tailwind code, or HTML.","name":"staff-locker-wall-team-section-with-steel-doors-that-swing-open-on-a-taped-portrait-and-a-shelf-of-belongings","page":"https://we.inc/components/content/staff-locker-wall-team-section-with-steel-doors-that-swing-open-on-a-taped-portrait-and-a-shelf-of-belongings","title":"Staff Locker Wall Team Section with Steel Doors That Swing Open on a Taped Portrait and a Shelf of Belongings","type":"registry:block"},{"description":"Number input drawn as a steel vernier caliper: slide the jaw onto a brass bar and read tenths from a scale that reads true. Free React and HTML to copy.","name":"stainless-vernier-caliper-number-input-with-jaws-that-close-on-a-brass-bar-and-a-scale-that-reads-true","page":"https://we.inc/components/inputs/stainless-vernier-caliper-number-input-with-jaws-that-close-on-a-brass-bar-and-a-scale-that-reads-true","title":"Stainless Vernier Caliper Number Input with Jaws That Close on a Brass Bar and a Scale That Reads True","type":"registry:component"},{"description":"Free star rating components: read-only quarter stars, half-star input, a pure CSS radio version, numbered tiles and a review summary with bars. React and HTML.","name":"star-rating-collection-with-half-stars-pure-css-radio-version-and-review-summary-in-react-and-html","page":"https://we.inc/components/inputs/star-rating-collection-with-half-stars-pure-css-radio-version-and-review-summary-in-react-and-html","title":"Star Rating Collection with Half Stars, a Pure CSS Radio Version and a Review Summary in React and HTML","type":"registry:block"},{"dependencies":["framer-motion"],"name":"stats-band-figures-slide-up-into-place","title":"Stats Band Figures Slide Up Into Place","type":"registry:block"},{"description":"Loader on a canvas: a steel bearing whose brass cage takes another ball for each tenth loaded, with the percentage in the bore. Free React and HTML code.","name":"steel-ball-bearing-loader-that-drops-a-ball-into-the-race-for-every-tenth-loaded","page":"https://we.inc/components/loaders/steel-ball-bearing-loader-that-drops-a-ball-into-the-race-for-every-tenth-loaded","title":"Steel Ball Bearing Loader That Drops a Ball into the Race for Every Tenth Loaded","type":"registry:component"},{"description":"Publish toggle as a shopfront: a shutter marked DRAFT rattles up and the live site stands in the window. Free React and HTML code.","name":"steel-roller-shutter-stencilled-draft-that-rattles-up-to-show-a-lit-shop-window-holding-the-live-site","page":"https://we.inc/components/originals/steel-roller-shutter-stencilled-draft-that-rattles-up-to-show-a-lit-shop-window-holding-the-live-site","title":"Steel Roller Shutter Stencilled Draft That Rattles Up to Show a Lit Shop Window Holding the Live Site","type":"registry:block"},{"description":"Promo code reveal: turn the combination dial of a steel safe to the right numbers and the thick door swings open on the code. Free React and HTML code.","name":"steel-safe-promo-code-reveal-with-a-combination-dial-you-turn-and-a-thick-door-that-swings-open","page":"https://we.inc/components/ecommerce/steel-safe-promo-code-reveal-with-a-combination-dial-you-turn-and-a-thick-door-that-swings-open","title":"Steel Safe Promo Code Reveal with a Combination Dial You Turn and a Thick Door That Swings Open","type":"registry:block"},{"description":"Range slider drawn as a pocket tape measure: pull the blade out, watch it sag under its weight and slide the lock off to rewind. Free React and HTML code.","name":"steel-tape-measure-range-slider-with-a-blade-that-sags-a-thumb-lock-and-spring-rewind","page":"https://we.inc/components/inputs/steel-tape-measure-range-slider-with-a-blade-that-sags-a-thumb-lock-and-spring-rewind","title":"Steel Tape Measure Range Slider with a Blade That Sags, a Thumb Lock and Spring Rewind","type":"registry:component"},{"description":"Wristwatch on a canvas: a sunburst dial, a sweeping seconds hand, a live date window and a crown you pull out to set the time. Free React and HTML to copy.","name":"steel-wristwatch-with-a-sweeping-seconds-hand-date-window-and-a-crown-you-pull-to-set-the-time","page":"https://we.inc/components/content/steel-wristwatch-with-a-sweeping-seconds-hand-date-window-and-a-crown-you-pull-to-set-the-time","title":"Steel Wristwatch with a Sweeping Seconds Hand, Date Window and a Crown You Pull to Set the Time","type":"registry:component"},{"description":"VU meters on a canvas: backlit faces behind glass, needles that swing with real weight, a peak lamp and a drive knob. Copy the React code or the HTML free.","name":"stereo-vu-meter-pair-with-needle-ballistics-backlit-faces-and-drive-knob","page":"https://we.inc/components/app-ui/stereo-vu-meter-pair-with-needle-ballistics-backlit-faces-and-drive-knob","title":"Stereo VU Meter Pair with Needle Ballistics, Backlit Faces and Drive Knob","type":"registry:component"},{"dependencies":["framer-motion"],"name":"sticky-chapter-label-follows-current-section","title":"Sticky Chapter Label That Follows the Section","type":"registry:block"},{"name":"sticky-photo-backdrop-with-cards-passing-over","title":"Sticky Photo Backdrop With Cards Passing Over","type":"registry:block"},{"dependencies":["framer-motion"],"name":"sticky-stacking-cards-that-scale-down-and-dim","title":"Sticky Stacking Cards That Scale Down and Dim","type":"registry:block"},{"description":"Free store locator code: postcode search, distance sort with the haversine formula, open now from opening hours, directions links and LocalBusiness JSON-LD.","name":"store-locator-collection-with-svg-map-postcode-search-distance-sort-open-now-and-localbusiness-schema","page":"https://we.inc/components/content/store-locator-collection-with-svg-map-postcode-search-distance-sort-open-now-and-localbusiness-schema","title":"Store Locator with Map, Postcode Search, Open Now and Schema","type":"registry:block"},{"description":"Line chart drawn by a pen recorder on a canvas: grid paper feeds past a stylus that inks each value, with a second data set. Free React and HTML code.","name":"strip-chart-recorder-line-chart-with-a-sprung-ink-pen-on-moving-grid-paper-and-two-data-sets","page":"https://we.inc/components/dashboard/strip-chart-recorder-line-chart-with-a-sprung-ink-pen-on-moving-grid-paper-and-two-data-sets","title":"Strip Chart Recorder Line Chart with a Sprung Ink Pen on Moving Grid Paper and Two Data Sets","type":"registry:component"},{"description":"Level indicator as a windsock under a cup anemometer: set the wind with a slider and the cloth fills, lifts and flutters. Free React and HTML code.","name":"striped-windsock-and-cup-anemometer-wind-speed-slider-with-cloth-that-fills-lifts-and-flutters","page":"https://we.inc/components/feedback/striped-windsock-and-cup-anemometer-wind-speed-slider-with-cloth-that-fills-lifts-and-flutters","title":"Striped Windsock and Cup Anemometer Wind Speed Slider with Cloth That Fills, Lifts and Flutters","type":"registry:component"},{"dependencies":["framer-motion"],"name":"sun-crosses-the-sky-through-a-day-on-scroll","title":"Sun Crosses The Sky Through A Day","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React pricing section in raw WebGL: three cast resin cubes on stone, a shaft of sun that moves to the chosen plan, and cubes that tip over for yearly prices.","name":"sunlit-cast-resin-cube-pricing-in-webgl-where-a-shaft-of-window-light-picks-the-plan-and-the-cubes-tumble-over-to-yearly","page":"https://we.inc/components/pricing/sunlit-cast-resin-cube-pricing-in-webgl-where-a-shaft-of-window-light-picks-the-plan-and-the-cubes-tumble-over-to-yearly","title":"Sunlit Cast Resin Cube Pricing in WebGL Where a Shaft of Window Light Picks the Plan and the Cubes Tumble over to Yearly","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free 3D photo gallery in raw WebGL: curled prints on a sunlit travertine table, one lifts into focus while its shadow softens. React and HTML code.","name":"sunlit-print-table-photo-gallery-in-webgl-where-the-chosen-print-lifts-off-travertine-into-focus-through-window-light-and-leaf-shadows","page":"https://we.inc/components/galleries/sunlit-print-table-photo-gallery-in-webgl-where-the-chosen-print-lifts-off-travertine-into-focus-through-window-light-and-leaf-shadows","title":"Sunlit Print Table Photo Gallery in WebGL Where the Chosen Print Lifts off Travertine into Focus Through Window Light and Leaf Shadows","type":"registry:block"},{"name":"sunset-haze-over-warm-paper-gradient-background","title":"Sunset Haze Over Warm Paper","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Product carousel built as a sushi bar: photographed platters glide past on a belt and the one you tap lifts off onto the counter. Free React and HTML code.","name":"sushi-conveyor-product-carousel-with-photographed-platters-that-glide-past-on-a-belt-and-lift-off-onto-a-black-counter","page":"https://we.inc/components/galleries/sushi-conveyor-product-carousel-with-photographed-platters-that-glide-past-on-a-belt-and-lift-off-onto-a-black-counter","title":"Sushi Conveyor Product Carousel with Photographed Platters That Glide past on a Belt and Lift off onto a Black Counter","type":"registry:block"},{"description":"Pool background in WebGL: a shader draws a mosaic tile floor under clear water with caustic light drifting over it. Copy the React code or the HTML free.","name":"swimming-pool-floor-webgl-background-with-mosaic-tiles-under-drifting-caustic-light","page":"https://we.inc/components/backgrounds/swimming-pool-floor-webgl-background-with-mosaic-tiles-under-drifting-caustic-light","title":"Swimming Pool Floor WebGL Background with Mosaic Tiles Under Drifting Caustic Light","type":"registry:block"},{"description":"Free Tailwind footer examples: multi-column, newsletter, big wordmark, local business hours, shop and legal bars. Copy each as React JSX or plain HTML.","name":"tailwind-footer-collection-with-copyable-react-jsx-and-html-for-every-footer","page":"https://we.inc/components/footers/tailwind-footer-collection-with-copyable-react-jsx-and-html-for-every-footer","title":"34 Tailwind Footers You Can Copy as React or HTML","type":"registry:block"},{"description":"Free set of 50 Tailwind hero sections: split image, photo background, SaaS, shop, app, event and newsletter. Copy each as React JSX or plain HTML.","name":"tailwind-hero-sections-collection-with-copyable-react-and-html-for-every-hero","page":"https://we.inc/components/hero-sections/tailwind-hero-sections-collection-with-copyable-react-and-html-for-every-hero","title":"50 Tailwind Hero Sections You Can Copy","type":"registry:block"},{"description":"Free Tailwind pricing tables: 35 sections with working yearly toggles, usage sliders, comparison tables and FAQs. Copy each as React JSX or HTML.","name":"tailwind-pricing-tables-collection-with-copyable-react-jsx-and-html-for-every-section","page":"https://we.inc/components/pricing/tailwind-pricing-tables-collection-with-copyable-react-jsx-and-html-for-every-section","title":"35 Tailwind Pricing Tables You Can Copy","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React and Tailwind product cards: three cards with a title, price and add to cart button, each photo a live rendered object in window light.","name":"tailwind-product-card-row-with-photoreal-ceramic-cup-glass-carafe-and-linen-napkins-in-window-light","page":"https://we.inc/components/cards/tailwind-product-card-row-with-photoreal-ceramic-cup-glass-carafe-and-linen-napkins-in-window-light","title":"Tailwind Product Card Row with a Photoreal Ceramic Cup, Glass Carafe and Linen Napkins in Window Light","type":"registry:block"},{"description":"Free Tailwind table for React: sortable columns, search, status filters, checkbox selection, pagination and phone cards. No table library needed.","name":"tailwind-table-react-data-table-with-sorting-search-row-selection-and-pagination","page":"https://we.inc/components/tables/tailwind-table-react-data-table-with-sorting-search-row-selection-and-pagination","title":"Tailwind Table: React Data Table with Sorting, Search, Row Selection and Pagination","type":"registry:block"},{"name":"tea-cards-with-a-circle-opening-to-the-cup","title":"Tea Cards With A Circle Opening To The Cup","type":"registry:block"},{"name":"tea-list-rows-stretch-with-scroll-speed","title":"Tea List Rows Stretch With Scroll Speed","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Tear-off day calendar: drag a page up and it curls off the pad in 3D, rips at the binding and flutters away to show tomorrow. Free React and HTML to copy.","name":"tear-off-desk-calendar-with-pages-that-peel-curl-and-flutter-away","page":"https://we.inc/components/animated-cards/tear-off-desk-calendar-with-pages-that-peel-curl-and-flutter-away","title":"Tear-Off Desk Calendar with Pages That Peel, Curl and Flutter Away","type":"registry:block"},{"dependencies":["framer-motion"],"name":"terminal-command-css-typewriter-with-output-lines","title":"Terminal Command Typewriter","type":"registry:component"},{"name":"terracotta-curtain-menu-that-drops-with-rising-links","title":"Terracotta Curtain Menu That Drops With Rising Links","type":"registry:block"},{"name":"terracotta-curtain-wipe-headline-reveal","title":"Terracotta Curtain Wipe Headline","type":"registry:block"},{"name":"terracotta-double-wipe-preloader-for-a-ceramics-shop","title":"Terracotta Double Wipe Preloader","type":"registry:block"},{"name":"terracotta-poster-block-with-coarse-canvas-grain","title":"Terracotta Poster Block With Coarse Canvas Grain","type":"registry:block"},{"dependencies":["framer-motion"],"name":"testimonial-cards-stacking-with-alternating-tilt","title":"Testimonial Cards Stacking With Alternating Tilt","type":"registry:block"},{"description":"Free testimonial section designs: grids, masonry walls, a keyboard slider, marquees, video posters and case studies. Copy each as React JSX or plain HTML.","name":"testimonial-section-examples-with-copyable-react-tailwind-and-html-for-every-layout","page":"https://we.inc/components/testimonials/testimonial-section-examples-with-copyable-react-tailwind-and-html-for-every-layout","title":"34 Testimonial Section Examples You Can Copy","type":"registry:block"},{"name":"testimonial-slider-with-big-quote-and-drag","title":"Testimonial Slider With Big Quote and Drag","type":"registry:block"},{"name":"text-on-circular-path-rotating-badge","title":"Text on a Circular Path Rotating Badge","type":"registry:block"},{"name":"text-roll-button-with-letters-rolling-up","title":"Text Roll Button With Letters Rolling Up","type":"registry:block"},{"name":"text-shadow-depth-following-a-moving-light","title":"Text Shadow Depth Following a Moving Light","type":"registry:component"},{"description":"Glass pill button on a canvas: its rounded rim bends the portrait behind it with colour fringing and flattens when pressed. Free React and HTML to copy.","name":"thick-glass-pill-button-that-refracts-a-portrait-and-flattens-when-pressed","page":"https://we.inc/components/animated-buttons/thick-glass-pill-button-that-refracts-a-portrait-and-flattens-when-pressed","title":"Thick Glass Pill Button That Refracts a Portrait and Flattens When Pressed","type":"registry:component"},{"name":"thin-arrow-sliding-down-vertical-rule-on-photo-hero","title":"Thin Arrow Sliding Down a Vertical Rule on Photo Hero","type":"registry:block"},{"name":"thin-flowing-sound-wave-lines-on-ink-background","title":"Thin Flowing Sound Wave Lines","type":"registry:block"},{"description":"Colour filter built as a rail of cotton reels: choose a colour and its reel turns, pays out thread and drops a swinging button. Free React and HTML code.","name":"thread-spool-rack-colour-filter-with-cross-wound-cotton-reels-that-pay-out-thread-and-drop-a-swinging-button","page":"https://we.inc/components/ecommerce/thread-spool-rack-colour-filter-with-cross-wound-cotton-reels-that-pay-out-thread-and-drop-a-swinging-button","title":"Thread Spool Rack Colour Filter with Cross-Wound Cotton Reels That Pay Out Thread and Drop a Swinging Button","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Design comparison with cloth-bound books lying open, a website design across each spread: pick one and the others close. Free React and HTML code to copy.","name":"three-cloth-bound-sample-books-lying-open-side-by-side-with-a-site-design-across-each-spread-that-close-their-covers-when-you-pick-one","page":"https://we.inc/components/originals/three-cloth-bound-sample-books-lying-open-side-by-side-with-a-site-design-across-each-spread-that-close-their-covers-when-you-pick-one","title":"Three Cloth-Bound Sample Books Lying Open Side by Side with a Site Design Across Each Spread That Close Their Covers When You Pick One","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Design picker with folded proofs of one website dealt like a hand: the one you choose unfolds in panels into the full page. Free React and HTML code.","name":"three-folded-design-proofs-dealt-like-a-hand-where-the-chosen-one-unfolds-into-a-full-page","page":"https://we.inc/components/originals/three-folded-design-proofs-dealt-like-a-hand-where-the-chosen-one-unfolds-into-a-full-page","title":"Three Folded Design Proofs Dealt Like a Hand Where the Chosen One Unfolds into a Full Page","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Design selector with card models of one website on cake stands under glass domes: the dome lifts off the one you choose. Free React and HTML code to copy.","name":"three-glass-cake-domes-on-ceramic-stands-each-keeping-a-different-site-design-where-the-dome-lifts-off-the-one-you-choose","page":"https://we.inc/components/originals/three-glass-cake-domes-on-ceramic-stands-each-keeping-a-different-site-design-where-the-dome-lifts-off-the-one-you-choose","title":"Three Glass Cake Domes on Ceramic Stands Each Keeping a Different Site Design Where the Dome Lifts off the One You Choose","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React design picker: three glossy proofs of one homepage hang on a sunlit line. Keep one and it unclips and drifts down onto the table.","name":"three-photographic-proof-sheets-of-one-homepage-on-a-sunlit-string-line-where-the-one-you-keep-unclips-and-drops-onto-the-table","page":"https://we.inc/components/originals/three-photographic-proof-sheets-of-one-homepage-on-a-sunlit-string-line-where-the-one-you-keep-unclips-and-drops-onto-the-table","title":"Three Photographic Proof Sheets of One Homepage on a Sunlit String Line Where the One You Keep Unclips and Drops Onto the Table","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free React and WebGL design picker. Three board models of one homepage stand in window light, and the one you choose comes forward on a base that lights blue.","name":"three-ray-marched-board-models-of-one-homepage-in-window-light-where-the-design-you-pick-trades-places-with-the-one-in-front-on-a-base-that-lights-blue","page":"https://we.inc/components/originals/three-ray-marched-board-models-of-one-homepage-in-window-light-where-the-design-you-pick-trades-places-with-the-one-in-front-on-a-base-that-lights-blue","title":"Three Ray Marched Board Models of One Homepage in Window Light Where the Design You Pick Trades Places with the One in Front on a Base That Lights Blue","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Gallery built like a three-sided roadside billboard in WebGL: prism slats rotate in a wave to change between photographs. Free React and HTML code to copy.","name":"three-sided-billboard-photo-gallery-with-prism-slats-that-rotate-in-a-wave-between-pictures","page":"https://we.inc/components/galleries/three-sided-billboard-photo-gallery-with-prism-slats-that-rotate-in-a-wave-between-pictures","title":"Three-Sided Billboard Photo Gallery with Prism Slats That Rotate in a Wave Between Pictures","type":"registry:block"},{"description":"Number input styled as a panel thumbwheel switch: knurled wheels roll numerals past their windows and click onto each digit. Free React and HTML to copy.","name":"thumbwheel-number-picker-with-rolling-digit-drums-and-knurled-wheels","page":"https://we.inc/components/inputs/thumbwheel-number-picker-with-rolling-digit-drums-and-knurled-wheels","title":"Thumbwheel Number Picker with Rolling Digit Drums and Knurled Wheels","type":"registry:component"},{"description":"Plan picker drawn as a ticket dispenser: one paper roll per tier, and the ticket you choose tears off and lands on a ledge. Free React and HTML code.","name":"ticket-roll-dispenser-pricing-with-three-paper-rolls-and-a-plan-ticket-that-tears-off-and-lands-on-a-ledge","page":"https://we.inc/components/pricing/ticket-roll-dispenser-pricing-with-three-paper-rolls-and-a-plan-ticket-that-tears-off-and-lands-on-a-ledge","title":"Ticket Roll Dispenser Pricing with Three Paper Rolls and a Plan Ticket That Tears Off and Lands on a Ledge","type":"registry:component"},{"name":"tilt-card-with-a-moving-glare-layer","title":"Tilt Card With a Moving Glare Layer","type":"registry:block"},{"name":"tilted-crossing-marquee-bands-for-event-dates","title":"Tilted Crossing Marquee Bands For Event Dates","type":"registry:block"},{"dependencies":["framer-motion"],"name":"timeline-spine-draws-dots-light-on-scroll","title":"Timeline Spine Draws and Dots Light Up","type":"registry:block"},{"name":"topographic-contour-waves-canvas-background","title":"Topographic Contour Waves","type":"registry:block"},{"description":"Free React footer: a brand name cut in V-grooved capitals into a travertine block in evening sun. Move the pointer and shadows sweep through the cuts.","name":"travertine-block-footer-with-a-wordmark-carved-in-roman-capitals-ray-marched-in-webgl-where-the-evening-sun-follows-the-pointer-and-rakes-shadows-through-the-cuts","page":"https://we.inc/components/footers/travertine-block-footer-with-a-wordmark-carved-in-roman-capitals-ray-marched-in-webgl-where-the-evening-sun-follows-the-pointer-and-rakes-shadows-through-the-cuts","title":"Travertine Block Footer With a Wordmark Carved in Roman Capitals Ray-Marched in WebGL Where the Evening Sun Follows the Pointer and Rakes Shadows Through the Cuts","type":"registry:block"},{"description":"Responsive preview built as a folding device: aluminium leaves open in 3D and one page reflows from phone to tablet to desktop. Free React and HTML code.","name":"tri-fold-screen-that-opens-leaf-by-leaf-from-phone-to-tablet-to-desktop-as-one-page-reflows","page":"https://we.inc/components/originals/tri-fold-screen-that-opens-leaf-by-leaf-from-phone-to-tablet-to-desktop-as-one-page-reflows","title":"Tri-Fold Screen That Opens Leaf by Leaf from Phone to Tablet to Desktop as One Page Reflows","type":"registry:block"},{"name":"turning-circle-text-scroll-badge-around-arrow","title":"Turning Circle Text Scroll Badge Around Arrow","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Design chooser with acrylic stands, each a different design of one website, on a turntable you spin to bring one under the lamp. Free React and HTML code.","name":"turntable-of-three-acrylic-design-stands-under-one-pendant-lamp-that-you-spin-to-bring-a-site-design-into-the-light","page":"https://we.inc/components/originals/turntable-of-three-acrylic-design-stands-under-one-pendant-lamp-that-you-spin-to-bring-a-site-design-into-the-light","title":"Turntable of Three Acrylic Design Stands Under One Pendant Lamp That You Spin to Bring a Site Design into the Light","type":"registry:block"},{"description":"Record player seen from above on a canvas: drag the headshell to lift the tonearm, drop it onto a track and the platter spins up. Free React and HTML code.","name":"turntable-with-a-tonearm-you-lift-and-drop-onto-a-spinning-record","page":"https://we.inc/components/app-ui/turntable-with-a-tonearm-you-lift-and-drop-onto-a-spinning-record","title":"Turntable with a Tonearm You Lift and Drop onto a Spinning Record","type":"registry:component"},{"description":"Alarm clock on a canvas: a twin-bell clock showing the real time, with an alarm hand you drag to set and bells that shake. Free React and HTML to copy.","name":"twin-bell-alarm-clock-with-an-alarm-hand-you-drag-to-set-and-bells-that-shake-when-it-rings","page":"https://we.inc/components/inputs/twin-bell-alarm-clock-with-an-alarm-hand-you-drag-to-set-and-bells-that-shake-when-it-rings","title":"Twin-Bell Alarm Clock with an Alarm Hand You Drag to Set and Bells That Shake When It Rings","type":"registry:component"},{"name":"two-ink-liquid-marble-background-swirling-slowly-on-bone-paper","title":"Two Ink Liquid Marble","type":"registry:block"},{"name":"two-linked-drag-rails-moving-at-different-speeds","title":"Two Linked Drag Rails Moving at Different Speeds","type":"registry:component"},{"name":"two-tone-duotone-drift-gradient-background","title":"Two-Tone Duotone Drift","type":"registry:block"},{"dependencies":["framer-motion"],"name":"type-and-delete-phrase-loop-with-natural-typing-rhythm","title":"Type and Delete Loop with Natural Rhythm","type":"registry:component"},{"dependencies":["framer-motion"],"name":"typed-headline-that-selects-and-retypes-one-word","title":"Headline That Retypes One Word","type":"registry:component"},{"dependencies":["framer-motion"],"description":"WebGL piece: type a sentence, watch it glow on a dark studio floor, then a ray-marched homepage stands up with floating layers. Free React and HTML code.","name":"typed-sentence-of-blue-light-on-a-dark-studio-floor-that-stands-up-as-a-ray-marched-homepage-with-floating-layers","page":"https://we.inc/components/originals/typed-sentence-of-blue-light-on-a-dark-studio-floor-that-stands-up-as-a-ray-marched-homepage-with-floating-layers","title":"Typed Sentence of Blue Light on a Dark Studio Floor That Stands Up as a Ray Marched Homepage with Floating Layers","type":"registry:block"},{"dependencies":["framer-motion"],"description":"A web page set as metal type in a steel chase: move a block, the quoins lock up and a sheet turns over to show a blue proof. Free React and HTML to copy.","name":"typesetters-forme-where-page-sections-are-locked-up-as-metal-type-in-a-steel-chase-and-pulled-as-a-blue-proof","page":"https://we.inc/components/originals/typesetters-forme-where-page-sections-are-locked-up-as-metal-type-in-a-steel-chase-and-pulled-as-a-blue-proof","title":"Typesetter's Forme Where Page Sections Are Locked up as Metal Type in a Steel Chase and Pulled as a Blue Proof","type":"registry:component"},{"dependencies":["framer-motion"],"name":"typewritten-letter-on-paper-with-uneven-ink-and-caret","title":"Typewritten Letter on Paper","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Undo and redo demo where each saved version of a homepage is a leaf on a split-flap board that rewinds one leaf at a time. Free React and HTML to copy.","name":"undo-history-split-flap-board-that-rewinds-a-homepage-one-leaf-at-a-time","page":"https://we.inc/components/originals/undo-history-split-flap-board-that-rewinds-a-homepage-one-leaf-at-a-time","title":"Undo History Split-Flap Board That Rewinds a Homepage One Leaf at a Time","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Glass valves for bookings, shop, blog and contact plug into a metal chassis, warm to a blue glow and light parts of a site. Free React and HTML to copy.","name":"valve-chassis-where-glass-feature-tubes-plug-in-warm-up-and-light-parts-of-a-site-on-a-blue-display","page":"https://we.inc/components/originals/valve-chassis-where-glass-feature-tubes-plug-in-warm-up-and-light-parts-of-a-site-on-a-blue-display","title":"Valve Chassis Where Glass Feature Tubes Plug In, Warm Up and Light Parts of a Site on a Blue Display","type":"registry:component"},{"name":"variable-font-weight-wave-across-a-headline","title":"Variable Font Weight Wave Across a Headline","type":"registry:component"},{"description":"Ring box on a canvas: a velvet case whose sprung lid snaps open on a solitaire, with a diamond that flashes as the light moves. Free React and HTML code.","name":"velvet-ring-box-with-a-sprung-hinged-lid-and-a-diamond-solitaire-that-flashes-under-a-moving-light","page":"https://we.inc/components/ecommerce/velvet-ring-box-with-a-sprung-hinged-lid-and-a-diamond-solitaire-that-flashes-under-a-moving-light","title":"Velvet Ring Box with a Sprung Hinged Lid and a Diamond Solitaire That Flashes Under a Moving Light","type":"registry:block"},{"description":"Dialog hidden behind velvet stage curtains: pull the cord and the pleats gather to the wings to show a photo and its actions. Free React and HTML code.","name":"velvet-stage-curtain-dialog-that-draws-apart-on-a-pull-cord-with-pleats-that-gather-and-sway","page":"https://we.inc/components/modals/velvet-stage-curtain-dialog-that-draws-apart-on-a-pull-cord-with-pleats-that-gather-and-sway","title":"Velvet Stage Curtain Dialog That Draws Apart on a Pull Cord with Pleats That Gather and Sway","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Seat picker drawn as rows of velvet tip-up chairs: press one and its seat folds down, with brass numbers and a running total. Free React and HTML code.","name":"velvet-tip-up-theatre-seat-picker-with-sprung-seats-that-fold-down-brass-number-plates-and-reserved-cards","page":"https://we.inc/components/cta-sections/velvet-tip-up-theatre-seat-picker-with-sprung-seats-that-fold-down-brass-number-plates-and-reserved-cards","title":"Velvet Tip-up Theatre Seat Picker with Sprung Seats That Fold Down, Brass Number Plates and Reserved Cards","type":"registry:block"},{"name":"vertical-drag-menu-slider-inside-a-phone-mockup","title":"Vertical Drag Menu Slider Inside a Phone Mockup","type":"registry:component"},{"name":"vertical-ink-line-scroll-cue-that-draws-down","title":"Vertical Ink Line Scroll Cue That Draws Down","type":"registry:block"},{"name":"vertical-photo-strip-accordion-for-trail-guides","title":"Vertical Photo Strip Accordion for Trail Guides","type":"registry:block"},{"name":"vhs-tracking-wobble-text-with-scanlines","title":"VHS Tracking Wobble Text","type":"registry:block"},{"description":"Scoreboard on a canvas: a painted wooden board where enamel number plates fall off brass hooks and new ones drop on and swing. Free React and HTML code.","name":"village-scoreboard-with-enamel-number-plates-that-drop-onto-brass-hooks-and-swing","page":"https://we.inc/components/app-ui/village-scoreboard-with-enamel-number-plates-that-drop-onto-brass-hooks-and-swing","title":"Village Scoreboard with Enamel Number Plates That Drop onto Brass Hooks and Swing","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Album gallery of thick record sleeves in 3D: the black disc slides out of the front cover and spins beside it. Free React and Tailwind code, or HTML.","name":"vinyl-record-sleeve-gallery-where-the-disc-slides-out-and-spins-beside-its-cover","page":"https://we.inc/components/galleries/vinyl-record-sleeve-gallery-where-the-disc-slides-out-and-spins-beside-its-cover","title":"Vinyl Record Sleeve Gallery Where the Disc Slides out and Spins Beside Its Cover","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Free testimonial section in WebGL: three record sleeves lean on a sunlit oak shelf, and the chosen one lifts its black disc half out beside a large quote.","name":"vinyl-record-sleeve-testimonials-in-webgl-on-a-sunlit-shelf-where-the-chosen-record-slides-half-out-and-catches-light-in-its-grooves","page":"https://we.inc/components/testimonials/vinyl-record-sleeve-testimonials-in-webgl-on-a-sunlit-shelf-where-the-chosen-record-slides-half-out-and-catches-light-in-its-grooves","title":"Vinyl Record Sleeve Testimonials in WebGL on a Sunlit Shelf Where the Chosen Record Slides Half Out and Catches Light in Its Grooves","type":"registry:block"},{"name":"voice-note-microphone-icon-with-live-level-bars","title":"Voice Note Microphone Icon With Level Bars","type":"registry:component"},{"dependencies":["framer-motion"],"name":"walking-route-grows-across-pinned-map-on-scroll","title":"Walking Route Grows Across Pinned Map","type":"registry:block"},{"name":"walking-routes-with-a-postcard-pair-fanning-out","title":"Walking Routes With A Postcard Pair","type":"registry:block"},{"description":"Chess clock on a canvas: a walnut case with analogue faces, a rocker bar to pass the turn and red flags the hands lift and drop. Free React and HTML code.","name":"walnut-chess-clock-with-a-rocker-bar-two-analogue-faces-ticking-hands-and-red-flags-that-lift-and-fall","page":"https://we.inc/components/app-ui/walnut-chess-clock-with-a-rocker-bar-two-analogue-faces-ticking-hands-and-red-flags-that-lift-and-fall","title":"Walnut Chess Clock with a Rocker Bar, Two Analogue Faces, Ticking Hands and Red Flags That Lift and Fall","type":"registry:component"},{"description":"Dice roller on one canvas: the dice tumble round a walnut tray, knock each other and settle on the faces the physics chose. Free React and HTML to copy.","name":"walnut-dice-tray-lined-in-green-baize-where-two-dice-tumble-with-rigid-body-physics-and-settle-on-true-faces","page":"https://we.inc/components/app-ui/walnut-dice-tray-lined-in-green-baize-where-two-dice-tumble-with-rigid-body-physics-and-settle-on-true-faces","title":"Walnut Dice Tray Lined in Green Baize Where Two Dice Tumble with Rigid Body Physics and Settle on True Faces","type":"registry:component"},{"description":"Colour picker shaped like a watercolour tin: choose a pan and a sable brush loads it, then blooms a wash into cotton paper. Free React and HTML to copy.","name":"watercolour-pan-tin-colour-picker-with-a-sable-brush-that-loads-a-pan-and-blooms-a-wash-into-cotton-paper","page":"https://we.inc/components/inputs/watercolour-pan-tin-colour-picker-with-a-sable-brush-that-loads-a-pan-and-blooms-a-wash-into-cotton-paper","title":"Watercolour Pan Tin Colour Picker with a Sable Brush That Loads a Pan and Blooms a Wash into Cotton Paper","type":"registry:component"},{"name":"wavy-baseline-ripple-through-a-word","title":"Wavy Baseline Ripple Through a Word","type":"registry:component"},{"description":"Wax seal button on a canvas: a brass stamp presses into molten red wax on an envelope and leaves your initial raised as it cools. Free React and HTML code.","name":"wax-seal-button-that-a-brass-stamp-presses-into-molten-wax-on-an-envelope","page":"https://we.inc/components/animated-buttons/wax-seal-button-that-a-brass-stamp-presses-into-molten-wax-on-an-envelope","title":"Wax Seal Button That a Brass Stamp Presses into Molten Wax on an Envelope","type":"registry:component"},{"name":"weather-forecast-card-with-animated-condition-icons","title":"Weather Forecast Card With Animated Icons","type":"registry:component"},{"dependencies":["framer-motion"],"description":"A console whose screen shows a florist's site: push in a Bookings, Shop or Journal cartridge and that section switches on. Free React and HTML code.","name":"website-console-with-feature-cartridges-that-click-into-slots-and-switch-on-sections-of-the-screen","page":"https://we.inc/components/originals/website-console-with-feature-cartridges-that-click-into-slots-and-switch-on-sections-of-the-screen","title":"Website Console with Feature Cartridges That Click into Slots and Switch on Sections of the Screen","type":"registry:component"},{"dependencies":["framer-motion"],"description":"A 3D equipment rack whose front is a bakery's web page: Shop, Blog and Contact units slide in on rails and light up as sections. Free React and HTML code.","name":"website-rack-with-feature-units-that-slide-home-on-rails-and-light-up-as-sections-of-the-page","page":"https://we.inc/components/originals/website-rack-with-feature-units-that-slide-home-on-rails-and-light-up-as-sections-of-the-page","title":"Website Rack with Feature Units That Slide Home on Rails and Light up as Sections of the Page","type":"registry:component"},{"name":"weighted-letter-drop-headline-animation","title":"Weighted Letter Drop Headline","type":"registry:block"},{"description":"Night street background in WebGL: a shader draws rain-soaked asphalt whose puddles mirror coloured shop signs and rain rings. Free React and HTML to copy.","name":"wet-asphalt-at-night-webgl-background-with-puddles-that-mirror-coloured-shop-signs-and-rain-rings","page":"https://we.inc/components/backgrounds/wet-asphalt-at-night-webgl-background-with-puddles-that-mirror-coloured-shop-signs-and-rain-rings","title":"Wet Asphalt at Night WebGL Background with Puddles That Mirror Coloured Shop Signs and Rain Rings","type":"registry:block"},{"description":"A white card model of a corner shop in CSS 3D whose windows light blue as a booking, order and message land. Free React and HTML code.","name":"white-card-architectural-model-of-a-corner-shop-whose-windows-light-blue-as-a-booking-an-order-and-a-message-arrive","page":"https://we.inc/components/originals/white-card-architectural-model-of-a-corner-shop-whose-windows-light-blue-as-a-booking-an-order-and-a-message-arrive","title":"White Card Architectural Model of a Corner Shop Whose Windows Light Blue as a Booking, an Order and a Message Arrive","type":"registry:block"},{"name":"wind-across-wheat-field-rows-canvas-background","title":"Wind Across a Wheat Field","type":"registry:block"},{"name":"wind-blown-sand-grains-over-desert-dunes-particle-background","title":"Wind-Blown Sand over Dunes","type":"registry:block"},{"description":"Free animated wind map background: fine streaks ride a flow field and spiral into a low-pressure system. React and plain HTML versions, canvas 2D, no libraries.","name":"wind-map-flow-field-background-with-fine-streaks-spiralling-into-a-low","page":"https://we.inc/components/backgrounds/wind-map-flow-field-background-with-fine-streaks-spiralling-into-a-low","title":"Wind Map Flow Field","type":"registry:block"},{"dependencies":["framer-motion"],"description":"3D carousel built as a shop postcard rack: portraits in wire pockets round a pole that spins with inertia and shows card backs. Free React and HTML code.","name":"wire-postcard-spinner-rack-photo-carousel-that-spins-with-inertia-and-shows-card-backs","page":"https://we.inc/components/galleries/wire-postcard-spinner-rack-photo-carousel-that-spins-with-inertia-and-shows-card-backs","title":"Wire Postcard Spinner Rack Photo Carousel That Spins with Inertia and Shows Card Backs","type":"registry:block"},{"name":"wireframe-topographic-terrain-background-gliding-under-a-low-camera","title":"Wireframe Terrain Glide","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Date picker built as a perpetual calendar: maple number cubes and a month bar lift out of a walnut cradle, turn and drop back. Free React and HTML to copy.","name":"wooden-block-perpetual-calendar-date-picker-with-number-cubes-you-lift-turn-and-drop-into-a-walnut-cradle","page":"https://we.inc/components/inputs/wooden-block-perpetual-calendar-date-picker-with-number-cubes-you-lift-turn-and-drop-into-a-walnut-cradle","title":"Wooden Block Perpetual Calendar Date Picker with Number Cubes You Lift, Turn and Drop into a Walnut Cradle","type":"registry:component"},{"description":"Canvas marble run: glass marbles roll down zigzag ramps, ring a hanging brass bell and gather in a tray. Drag one to drop it. Free React and HTML code.","name":"wooden-marble-run-where-glass-marbles-roll-down-zigzag-ramps-and-ring-a-brass-bell","page":"https://we.inc/components/app-ui/wooden-marble-run-where-glass-marbles-roll-down-zigzag-ramps-and-ring-a-brass-bell","title":"Wooden Marble Run Where Glass Marbles Roll Down Zigzag Ramps and Ring a Brass Bell","type":"registry:component"},{"description":"Free React one-time code field in WebGL: each digit falls into a brass composing stick as a wooden type block, and a walnut wedge locks a correct line.","name":"wooden-type-verification-code-input-where-number-blocks-drop-into-a-brass-composing-stick-and-a-wedge-locks-the-line","page":"https://we.inc/components/inputs/wooden-type-verification-code-input-where-number-blocks-drop-into-a-brass-composing-stick-and-a-wedge-locks-the-line","title":"Wooden Type Verification Code Input Where Number Blocks Drop into a Brass Composing Stick and a Wedge Locks the Line","type":"registry:component"},{"dependencies":["framer-motion"],"description":"Canvas text effect: a travelling needle sews a word into hooped linen in satin stitch, and the thread sheen follows the pointer. Free React and HTML code.","name":"word-embroidered-in-satin-stitch-on-hooped-linen-by-a-travelling-needle","page":"https://we.inc/components/text-effects/word-embroidered-in-satin-stitch-on-hooped-linen-by-a-travelling-needle","title":"Word Embroidered in Satin Stitch on Hooped Linen by a Travelling Needle","type":"registry:component"},{"dependencies":["framer-motion"],"name":"word-rows-drift-sideways-with-scroll","title":"Word Rows Drift Sideways With Scroll","type":"registry:block"},{"dependencies":["framer-motion"],"description":"Text effect with a word stamped into wet concrete: it cures pale, takes finger marks and can be trowelled smooth. Free React and HTML code.","name":"word-stamped-into-wet-concrete-that-cures-pale-takes-finger-marks-and-is-trowelled-smooth-for-a-new-word","page":"https://we.inc/components/text-effects/word-stamped-into-wet-concrete-that-cures-pale-takes-finger-marks-and-is-trowelled-smooth-for-a-new-word","title":"Word Stamped Into Wet Concrete That Cures Pale, Takes Finger Marks and Is Trowelled Smooth for a New Word","type":"registry:component"},{"name":"wordmark-uncovered-by-sliding-mask-on-navy-band","title":"Wordmark Uncovered by a Sliding Mask","type":"registry:component"},{"description":"Tab bar on a strip of herringbone tape: a needle sews a box of red stitches round the current tab and unpicks it when you move. Free React and HTML code.","name":"woven-ribbon-tab-bar-with-a-thread-marker-that-unpicks-and-restitches-itself","page":"https://we.inc/components/navigation/woven-ribbon-tab-bar-with-a-thread-marker-that-unpicks-and-restitches-itself","title":"Woven Ribbon Tab Bar with a Thread Marker That Unpicks and Restitches Itself","type":"registry:component"},{"dependencies":["framer-motion"],"name":"year-of-weeks-fills-season-by-season-on-scroll","title":"Year Of Weeks Fills By Season","type":"registry:block"},{"description":"Toggle drawn on a canvas as a yellow umbrella: ribs push the cloth open, rain bounces off the canopy and drips from the rib tips. Free React and HTML code.","name":"yellow-umbrella-toggle-switch-that-springs-open-on-its-ribs-and-sheds-rain-off-the-canopy","page":"https://we.inc/components/toggles/yellow-umbrella-toggle-switch-that-springs-open-on-its-ribs-and-sheds-rain-off-the-canopy","title":"Yellow Umbrella Toggle Switch That Springs Open on Its Ribs and Sheds Rain off the Canopy","type":"registry:component"}]}}}