{"name":"UI Lab","description":"A visual vocabulary for the web — components, blocks and design styles.","site":"https://ui-lab-ten.vercel.app","endpoints":{"llms":"https://ui-lab-ten.vercel.app/llms.txt","index":"https://ui-lab-ten.vercel.app/r","shadcn_registry":"https://ui-lab-ten.vercel.app/r/registry.json","shadcn_item":"https://ui-lab-ten.vercel.app/r/{slug}.json","directory_registry":"https://ui-lab-ten.vercel.app/registry.json","directory_item":"https://ui-lab-ten.vercel.app/{slug}.json","detail":"https://ui-lab-ten.vercel.app/r/{slug}","raw":"https://ui-lab-ten.vercel.app/r/{slug}/raw","themes":"https://ui-lab-ten.vercel.app/themes/{slug}.css"},"categories":[{"slug":"motion","name":"Components","description":"Motion primitives with shadcn-compatible registry endpoints."},{"slug":"blocks","name":"Blocks","description":"Composed, product-ready widgets built from UI Lab motion primitives."},{"slug":"layout","name":"Layout","description":"Static building blocks — layouts, cards, forms and other non-motion pieces. Empty for now; drop components here as you collect them."}],"components":[{"slug":"tilt-card","name":"Tilt Card","description":"3D perspective tilt on hover with cursor-tracked glare.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/tilt-card","raw_url":"https://ui-lab-ten.vercel.app/r/tilt-card/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/tilt-card"},{"slug":"button","name":"Button","description":"Spring-pressed Button plus StatefulButton (idle → loading → success / error) and MagneticButton.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/button","raw_url":"https://ui-lab-ten.vercel.app/r/button/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/button"},{"slug":"marquee","name":"Marquee","description":"Infinite horizontal or vertical scroll with pause-on-hover.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/marquee","raw_url":"https://ui-lab-ten.vercel.app/r/marquee/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/marquee"},{"slug":"tabs","name":"Tabs","description":"Pill, segment or underline tabs with a spring layoutId indicator.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/tabs","raw_url":"https://ui-lab-ten.vercel.app/r/tabs/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/tabs"},{"slug":"switch","name":"Switch","description":"Toggle with a spring-driven thumb and press feedback.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/switch","raw_url":"https://ui-lab-ten.vercel.app/r/switch/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/switch"},{"slug":"input","name":"Input","description":"Text input with label, left/right icons, error shake and success check draw.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/input","raw_url":"https://ui-lab-ten.vercel.app/r/input/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/input"},{"slug":"select","name":"Select","description":"Composable select primitives whose panel bouncily unfolds out of the trigger and separates, plus a Morph variant where the trigger grows into the panel via shared layout.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/select","raw_url":"https://ui-lab-ten.vercel.app/r/select/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/select"},{"slug":"checkbox","name":"Checkbox","description":"Form choice control with a draw-on checkmark, spring press feedback and indeterminate state support.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/checkbox","raw_url":"https://ui-lab-ten.vercel.app/r/checkbox/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/checkbox"},{"slug":"radio","name":"Radio Group","description":"Single-select choice control with a gliding layoutId indicator dot and spring press feedback.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/radio","raw_url":"https://ui-lab-ten.vercel.app/r/radio/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/radio"},{"slug":"bottom-sheet","name":"Bottom Sheet","description":"Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/bottom-sheet","raw_url":"https://ui-lab-ten.vercel.app/r/bottom-sheet/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/bottom-sheet"},{"slug":"shared-layout-bg","name":"Shared Layout Background","description":"A pill that glides between hovered items via motion's shared layout, with blur enter/exit.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/shared-layout-bg","raw_url":"https://ui-lab-ten.vercel.app/r/shared-layout-bg/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/shared-layout-bg"},{"slug":"preview-rail","name":"Preview Rail","description":"Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/preview-rail","raw_url":"https://ui-lab-ten.vercel.app/r/preview-rail/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/preview-rail"},{"slug":"dock","name":"Dock","description":"macOS-style dock with grouped actions and a gliding active pill.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/dock","raw_url":"https://ui-lab-ten.vercel.app/r/dock/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/dock"},{"slug":"tooltip","name":"Tooltip","description":"Hover or focus tooltip with blur enter/exit and spring spawn, plus a Morph variant where one shared bubble glides and resizes between neighboring triggers.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/tooltip","raw_url":"https://ui-lab-ten.vercel.app/r/tooltip/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/tooltip"},{"slug":"popover","name":"Popover","description":"Gooey popover whose panel oozes out of the trigger through an SVG goo filter — a liquid neck that stretches and pinches — with crisp content fading in on top, plus a Morph variant that clip-morphs open from the trigger corner. Click or hover trigger, controlled or uncontrolled.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/popover","raw_url":"https://ui-lab-ten.vercel.app/r/popover/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/popover"},{"slug":"morphing-modal","name":"Morphing Modal","description":"Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/morphing-modal","raw_url":"https://ui-lab-ten.vercel.app/r/morphing-modal/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/morphing-modal"},{"slug":"text-animation","name":"Text Animation","description":"Animated text primitives for reveal sequences, shimmer loading states and letter-cascade swaps.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/text-animation","raw_url":"https://ui-lab-ten.vercel.app/r/text-animation/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/text-animation"},{"slug":"number","name":"Number Animation","description":"Animated number primitives for count-up values and rolling digit tickers.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/number","raw_url":"https://ui-lab-ten.vercel.app/r/number/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/number"},{"slug":"animated-badge","name":"Animated Badge","description":"Status badge with animated state icons, pulse feedback and compact size variants.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/animated-badge","raw_url":"https://ui-lab-ten.vercel.app/r/animated-badge/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/animated-badge"},{"slug":"action-swap","name":"Action Swap","description":"CTA button and slot primitives for swapping text and icons with blur motion.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/action-swap","raw_url":"https://ui-lab-ten.vercel.app/r/action-swap/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/action-swap"},{"slug":"animated-toast-stack","name":"Animated Toast Stack","description":"Stacked toasts with status morphs, swipe dismissal, actions and layout-aware motion.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/animated-toast-stack","raw_url":"https://ui-lab-ten.vercel.app/r/animated-toast-stack/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/animated-toast-stack"},{"slug":"theme-toggle","name":"Theme Toggle","description":"Theme toggle button with a full-page rectangle clip-path reveal via the View Transition API.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/theme-toggle","raw_url":"https://ui-lab-ten.vercel.app/r/theme-toggle/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/theme-toggle"},{"slug":"bouncy-accordion","name":"Bouncy Accordion","description":"Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/bouncy-accordion","raw_url":"https://ui-lab-ten.vercel.app/r/bouncy-accordion/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/bouncy-accordion"},{"slug":"drawer","name":"Drawer","description":"Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/drawer","raw_url":"https://ui-lab-ten.vercel.app/r/drawer/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/drawer"},{"slug":"scroll-animation","name":"Scroll Animation","description":"Scroll-driven motion: a Lenis smooth-scroll provider and a reading-progress indicator that reads from it.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/scroll-animation","raw_url":"https://ui-lab-ten.vercel.app/r/scroll-animation/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/scroll-animation"},{"slug":"range-slider","name":"Range Slider","description":"Range slider with tick dots and a bouncy vertical-bar thumb that glides between snapped steps; drag and keyboard control, reduced-motion safe.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/range-slider","raw_url":"https://ui-lab-ten.vercel.app/r/range-slider/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/range-slider"},{"slug":"wheel-picker","name":"Wheel Picker","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.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/wheel-picker","raw_url":"https://ui-lab-ten.vercel.app/r/wheel-picker/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/wheel-picker"},{"slug":"table","name":"Table","description":"Virtualized data table that stays smooth at 10k+ rows, with sortable headers, row selection, column resize and reorder, and a sticky header. Minimal, reduced-motion-safe motion.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/table","raw_url":"https://ui-lab-ten.vercel.app/r/table/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/table"},{"slug":"shader-background","name":"Shader Background","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.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/shader-background","raw_url":"https://ui-lab-ten.vercel.app/r/shader-background/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/shader-background"},{"slug":"cylinder-carousel","name":"Cylinder Carousel","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.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/cylinder-carousel","raw_url":"https://ui-lab-ten.vercel.app/r/cylinder-carousel/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/cylinder-carousel"},{"slug":"loader","name":"Loader","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 opacity pulse.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/loader","raw_url":"https://ui-lab-ten.vercel.app/r/loader/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/loader"},{"slug":"text-scramble","name":"Text Scramble","description":"Scrambled glyphs resolve left-to-right into the real text — on view, on hover, or whenever the text prop changes. Width stays stable mid-scramble; reduced-motion shows the final text instantly.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/text-scramble","raw_url":"https://ui-lab-ten.vercel.app/r/text-scramble/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/text-scramble"},{"slug":"webgl-background","name":"WebGL Background","description":"Fragment-shader hero backgrounds (aurora, silk, plasma, light rays, pixel blast with click ripples, dither) behind a single typed variant prop. Reduced-motion renders one static frame; no WebGL falls back to a matching CSS gradient.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/webgl-background","raw_url":"https://ui-lab-ten.vercel.app/r/webgl-background/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/webgl-background"},{"slug":"halftone-image","name":"Halftone Image","description":"Renders any bitmap as a printed halftone screen on canvas: tone drives dot size on a grid you can rotate (45° reads as print), with circle or square dots and adjustable pitch. Pass a second plate and the grey screen crossfades to colour on hover, each dot inked with the tone beneath it. Transparent between dots, so it composes over any surface.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/halftone-image","raw_url":"https://ui-lab-ten.vercel.app/r/halftone-image/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/halftone-image"},{"slug":"star-border","name":"Star Border","description":"A slow light orbits the border of a CTA button or card — a pure-CSS conic-gradient wrapper with color, speed and thickness props. Reduced-motion freezes it into a static ring.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/star-border","raw_url":"https://ui-lab-ten.vercel.app/r/star-border/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/star-border"},{"slug":"bounce-cards","name":"Bounce Cards","description":"A stacked deck of cards fans open with a staggered spring bounce when it enters the view. Spacing, rotation and stagger are tunable; reduced-motion keeps the fanned layout and only fades in.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/bounce-cards","raw_url":"https://ui-lab-ten.vercel.app/r/bounce-cards/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/bounce-cards"},{"slug":"glare-hover","name":"Glare Hover","description":"A diagonal band of light sweeps across a card or button on hover. Color, angle and duration props; touch devices skip it, reduced-motion swaps the sweep for a soft opacity highlight.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/glare-hover","raw_url":"https://ui-lab-ten.vercel.app/r/glare-hover/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/glare-hover"},{"slug":"skeleton","name":"Skeleton","description":"Loading placeholder block with a soft shimmer sweep — shape it entirely with className, compose avatars, text bars and image blocks. Reduced-motion swaps the sweep for a calm opacity pulse.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/skeleton","raw_url":"https://ui-lab-ten.vercel.app/r/skeleton/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/skeleton"},{"slug":"scroll-hint","name":"Scroll Hint","description":"A hero-section scroll-down indicator in two shapes: a mouse outline with a dropping dot, or a pair of pulsing chevrons. currentColor sizing, optional label, reduced-motion shows the static glyph.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/scroll-hint","raw_url":"https://ui-lab-ten.vercel.app/r/scroll-hint/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/scroll-hint"},{"slug":"animated-icon","name":"Animated Icon","description":"Hover-played icon micro-interactions in one component — draw, wiggle, spin, bounce, pop, pulse, nudge — driven by a single variant prop. Built on motion + lucide, reduced-motion safe.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/animated-icon","raw_url":"https://ui-lab-ten.vercel.app/r/animated-icon/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/animated-icon"},{"slug":"dropdown-menu","name":"Dropdown Menu","description":"Composable animated dropdown menu: a corner-origin spring entrance with viewport collision flip, one shared focus surface that glides between rows for both pointer and keyboard, grouped labels, two-line items with icons and shortcuts, checkbox items, a hover/arrow-key submenu, and full roving-focus keyboard navigation.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/dropdown-menu","raw_url":"https://ui-lab-ten.vercel.app/r/dropdown-menu/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/dropdown-menu"},{"slug":"expanding-card","name":"Expanding Card","description":"App Store-style card expansion: the card itself morphs into a centered modal over a heavily blurred backdrop via a shared layoutId FLIP — expanded content fades in once the surface lands, and the card shrinks back on close.","category":"motion","detail_url":"https://ui-lab-ten.vercel.app/r/expanding-card","raw_url":"https://ui-lab-ten.vercel.app/r/expanding-card/raw","page_url":"https://ui-lab-ten.vercel.app/components/motion/expanding-card"},{"slug":"recording-card","name":"Recording Card","description":"Presents any content as a screen recording: wallpaper and scrim behind a window mock, a webcam bubble that doubles as the play control, a running timer with a blinking record dot, and a “tap for sound” pill that slides back behind the bubble once playing. Sized entirely in container-query units, so one card scales from grid thumbnail to full-width hero with no breakpoints — plus an optional aspect-locked theatre view.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/recording-card","raw_url":"https://ui-lab-ten.vercel.app/r/recording-card/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/recording-card"},{"slug":"login-card","name":"Login Card","description":"Chinese product sign-in modal: a blue gradient header with floating bokeh, a WeChat QR-scan column beside phone quick-login (country-code dropdown, code field with a 60s resend countdown), an agreement checkbox that shakes on invalid submit, and an ICP footer.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/login-card","raw_url":"https://ui-lab-ten.vercel.app/r/login-card/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/login-card"},{"slug":"thread-list","name":"Thread List","description":"Sidebar conversation list: section headers with action slots, 30px rows with unread dots and time metas that swap to hover actions, and an active pill that glides between rows via shared layout.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/thread-list","raw_url":"https://ui-lab-ten.vercel.app/r/thread-list/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/thread-list"},{"slug":"artifact-panel","name":"Artifact Panel","description":"Side-pane canvas for AI-generated artifacts: hairline panel shell, header with action cluster, preview/code view toggle with cross-fade, and a version navigator with restore.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/artifact-panel","raw_url":"https://ui-lab-ten.vercel.app/r/artifact-panel/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/artifact-panel"},{"slug":"agent-inbox","name":"Agent Inbox","description":"Human-in-the-loop approval queue: risk-tiered request items with expiry and detail expand, approve/deny flows that settle in place, and an action receipt card with scope, diff stats and undo.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/agent-inbox","raw_url":"https://ui-lab-ten.vercel.app/r/agent-inbox/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/agent-inbox"},{"slug":"agent-trace","name":"Agent Trace","description":"Activity rail for agent runs: kind-styled step nodes on a hairline rail, live steps with pulse ring and cadenced shimmer, raw-output expand, parallel tool groups, and nested sub-agent mini traces.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/agent-trace","raw_url":"https://ui-lab-ten.vercel.app/r/agent-trace/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/agent-trace"},{"slug":"streaming-json","name":"Streaming JSON","description":"Tolerant syntax-colored rendering for partial JSON as it streams in: an incremental tokenizer that survives unclosed strings, fade-in for freshly arrived spans, a streaming caret, and a function-call wrapper.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/streaming-json","raw_url":"https://ui-lab-ten.vercel.app/r/streaming-json/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/streaming-json"},{"slug":"citations","name":"Citations","description":"Inline citation chips with a hover source-preview popover, plus source cards and a staggered source list for the answer footer.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/citations","raw_url":"https://ui-lab-ten.vercel.app/r/citations/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/citations"},{"slug":"voice-orb","name":"Voice Orb","description":"Immersive voice-mode orb: one continuous gradient sphere whose breathing, hue drift, echo rings and thinking sheen follow idle / listening / thinking / speaking states.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/voice-orb","raw_url":"https://ui-lab-ten.vercel.app/r/voice-orb/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/voice-orb"},{"slug":"activity-stats","name":"Activity Stats","description":"Usage-summary widgets: a connected stats bar for headline metrics, a GitHub-style contribution heatmap with a color-mix intensity scale and column-cascade entrance, and a text period switch.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/activity-stats","raw_url":"https://ui-lab-ten.vercel.app/r/activity-stats/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/activity-stats"},{"slug":"settings-panel","name":"Settings Panel","description":"Preference-form building blocks: a titled settings group with hairline-divided rows, a hex color field with auto-contrasting text, a text field, a preset-picker button and a ghost header action.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/settings-panel","raw_url":"https://ui-lab-ten.vercel.app/r/settings-panel/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/settings-panel"},{"slug":"agent-thread","name":"Agent Thread","description":"AI agent conversation stream: user message pills, turn headers, markdown typography, thinking & tool-call status rows, approval card, streaming caret, file & diff artifact cards with expand animation, command rows, and hover-revealed turn actions.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/agent-thread","raw_url":"https://ui-lab-ten.vercel.app/r/agent-thread/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/agent-thread"},{"slug":"agent-composer","name":"Agent Composer","description":"AI agent chat composer with context chips, access chip, model picker with a segmented reasoning-effort slider, and a morphing send/stop button, plus an add menu and a voice dictation bar.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/agent-composer","raw_url":"https://ui-lab-ten.vercel.app/r/agent-composer/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/agent-composer"},{"slug":"agent-workbench","name":"Agent Workbench","description":"Responsive agent app shell: a resizable three-pane desktop layout, tablet side overlays, and mobile single-surface navigation, with spring transitions and a full-width 46px toolbar overlay. Includes a pinned summary card overlay.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/agent-workbench","raw_url":"https://ui-lab-ten.vercel.app/r/agent-workbench/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/agent-workbench"},{"slug":"availability-scheduler","name":"Availability Scheduler","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.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/availability-scheduler","raw_url":"https://ui-lab-ten.vercel.app/r/availability-scheduler/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/availability-scheduler"},{"slug":"swap","name":"Multi-chain Swap","description":"Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/swap","raw_url":"https://ui-lab-ten.vercel.app/r/swap/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/swap"},{"slug":"dynamic-island","name":"Dynamic Island","description":"iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/dynamic-island","raw_url":"https://ui-lab-ten.vercel.app/r/dynamic-island/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/dynamic-island"},{"slug":"command-palette","name":"Command Palette","description":"⌘K palette with fuzzy filter, spring-animated active row and glass surface.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/command-palette","raw_url":"https://ui-lab-ten.vercel.app/r/command-palette/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/command-palette"},{"slug":"expandable-action-bar","name":"Expandable Action Bar","description":"Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/expandable-action-bar","raw_url":"https://ui-lab-ten.vercel.app/r/expandable-action-bar/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/expandable-action-bar"},{"slug":"overflow-actions","name":"Overflow Actions","description":"Connected pill rail for primary actions that springs open to reveal extra controls.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/overflow-actions","raw_url":"https://ui-lab-ten.vercel.app/r/overflow-actions/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/overflow-actions"},{"slug":"expandable-tabs","name":"Expandable Tabs","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.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/expandable-tabs","raw_url":"https://ui-lab-ten.vercel.app/r/expandable-tabs/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/expandable-tabs"},{"slug":"swipeable-list","name":"Swipeable List","description":"Mobile-style list rows that swipe left or right to reveal contextual action buttons.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/swipeable-list","raw_url":"https://ui-lab-ten.vercel.app/r/swipeable-list/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/swipeable-list"},{"slug":"file-upload","name":"File Upload","description":"Drag-and-drop upload queue with progress rows, retry/remove actions and reduced-motion-safe state changes.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/file-upload","raw_url":"https://ui-lab-ten.vercel.app/r/file-upload/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/file-upload"},{"slug":"prediction-market","name":"Prediction Market","description":"Prediction market trade ticket with buy/sell modes, outcome prices, rolling amount entry, quick add chips and trade states.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/prediction-market","raw_url":"https://ui-lab-ten.vercel.app/r/prediction-market/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/prediction-market"},{"slug":"wallet-card","name":"Wallet Card","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.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/wallet-card","raw_url":"https://ui-lab-ten.vercel.app/r/wallet-card/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/wallet-card"},{"slug":"otp-input","name":"OTP Input","description":"One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/otp-input","raw_url":"https://ui-lab-ten.vercel.app/r/otp-input/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/otp-input"},{"slug":"bloom-menu","name":"Bloom Menu","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.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/bloom-menu","raw_url":"https://ui-lab-ten.vercel.app/r/bloom-menu/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/bloom-menu"},{"slug":"feedback-widget","name":"Feedback Widget","description":"Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/feedback-widget","raw_url":"https://ui-lab-ten.vercel.app/r/feedback-widget/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/feedback-widget"},{"slug":"not-found","name":"404 / Not Found","description":"Animated 404 pages in five styles: glitch scramble, magnetic digits, cursor spotlight, a fanning card stack and a typed terminal.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/not-found","raw_url":"https://ui-lab-ten.vercel.app/r/not-found/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/not-found"},{"slug":"step-form","name":"Step Form","description":"Focused one-question-at-a-time multi-step form: segmented progress with a mono counter, directional slide transitions with container height morph, text and choice steps, shake-on-invalid validation with reserved error space, Enter-to-advance, and a drawn-check success state.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/step-form","raw_url":"https://ui-lab-ten.vercel.app/r/step-form/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/step-form"},{"slug":"empty-state","name":"Empty State","description":"Animated empty-state blocks with hand-drawn line-art illustrations, concise copy and a primary action — an inbox-zero envelope, a hover-to-open archive cabinet, and a scanning search lens.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/empty-state","raw_url":"https://ui-lab-ten.vercel.app/r/empty-state/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/empty-state"},{"slug":"prompt-bar","name":"Prompt Bar","description":"Compact credits-aware AI prompt bar: a dismissible credits banner, queued messages you can steer, edit or drop while streaming, slash-commands that morph into a removable skill chip, demo attachments, a web-search toggle pill, a model menu, and a morphing send-to-stop button.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/prompt-bar","raw_url":"https://ui-lab-ten.vercel.app/r/prompt-bar/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/prompt-bar"},{"slug":"prompt-input","name":"Prompt Input","description":"An auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/prompt-input","raw_url":"https://ui-lab-ten.vercel.app/r/prompt-input/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/prompt-input"},{"slug":"todo-list","name":"Todo List","description":"A collapsible agent task plan with morphing status marks, a completion count, compact metadata, and smooth list updates.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/todo-list","raw_url":"https://ui-lab-ten.vercel.app/r/todo-list/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/todo-list"},{"slug":"code-block","name":"Code Block","description":"A syntax-highlighted code surface with stable streaming updates, line numbers, focused lines, smooth following, and copy feedback.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/code-block","raw_url":"https://ui-lab-ten.vercel.app/r/code-block/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/code-block"},{"slug":"approval-card","name":"Approval Card","description":"A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/approval-card","raw_url":"https://ui-lab-ten.vercel.app/r/approval-card/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/approval-card"},{"slug":"file-diff","name":"File Diff","description":"A syntax-highlighted file change disclosure with progressive rows, line numbers, live change counts, smooth following, and completion collapse.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/file-diff","raw_url":"https://ui-lab-ten.vercel.app/r/file-diff/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/file-diff"},{"slug":"tool-result","name":"Tool Result","description":"A lightweight execution disclosure for syntax-highlighted terminal output and request responses that collapses into a compact completed state.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/tool-result","raw_url":"https://ui-lab-ten.vercel.app/r/tool-result/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/tool-result"},{"slug":"streaming-response","name":"Streaming Response","description":"A stable response surface with completion actions, rendered content, and an expandable source summary.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/streaming-response","raw_url":"https://ui-lab-ten.vercel.app/r/streaming-response/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/streaming-response"},{"slug":"image-generation","name":"Image Generation","description":"A stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/image-generation","raw_url":"https://ui-lab-ten.vercel.app/r/image-generation/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/image-generation"},{"slug":"tool-approval","name":"Tool Approval","description":"A human-in-the-loop permission card for reviewing tool details, allowing once, remembering access, or denying execution.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/tool-approval","raw_url":"https://ui-lab-ten.vercel.app/r/tool-approval/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/tool-approval"},{"slug":"agent-activity","name":"Agent Activity","description":"One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.","category":"blocks","detail_url":"https://ui-lab-ten.vercel.app/r/agent-activity","raw_url":"https://ui-lab-ten.vercel.app/r/agent-activity/raw","page_url":"https://ui-lab-ten.vercel.app/components/blocks/agent-activity"}]}