# Assembli

> A library of React and Tailwind components. Preview them, copy the code, or install with the shadcn CLI. Built for humans and coding agents.

## Featured

- [Bloop Pack](https://assembli-rho.vercel.app/components/bloop-pack.md): The whole Bloop asset pack in one install: ten glossy gumball critters raymarched in WebGL, with googly eyes that roll loose on real physics and jelly bodies that squash when you poke or fling them: Peep, Imp, Fuji, Whirly, Puff, Chomp, Sprout, Gloop, Snooze and Shades. Six palettes, plus studio tiles, a gumball-pile palette picker and a gumball machine that dispenses a random critter.
- [Keyline Icons](https://assembli-rho.vercel.app/components/keyline-icons.md): 287 line icons covering the whole Feather catalogue that show their working. Hover and the construction lays in over the glyph, derived from its own geometry: every arc completed to its circle, straight runs extended into guides, Bézier handles, anchor points, width, height and the biggest radius. Then the glyph redraws stroke by stroke along it. Hairlines stay one screen pixel at every size.
- [Argon Icons](https://assembli-rho.vercel.app/components/argon-icons.md): 287 neon icons covering the whole Feather catalogue, each bent from glass tube: a soft halo, the gas color and a hot white core. From 40px up the sign maker's work shows too, the jumps between parts painted out in black and the clips that hold the tube to the wall. Hover and it stutters on while the icon moves. Eight gases, a second gas for the moving part, unlit glass and dark-until-hover modes.
- [Eclipse Hero](https://assembli-rho.vercel.app/components/eclipse-hero.md): Night-black hero over a total solar eclipse drawn in a shader: corona streamers, flames off the limb, looping prominences and embers. The moon slides in from a crescent, then edges away from the pointer so a diamond-ring bead breaks out on the side facing it. Member sites circle inside the rim, beside a claim-your-name field. Raw WebGL.
- [Hamlet Pack](https://assembli-rho.vercel.app/components/hamlet-pack.md): The whole Hamlet asset pack in one install: ten toy diorama scenes floating in a sky that keeps the time. One clock drives the sky, the sun and moon on their arcs, stars and clouds, and every island: scrub the day or play it through and shadows swing round, then windows and lamps come on island by island. Five palettes, plus HamletSky, HamletIsland, a 24-hour scrubber and a palette picker.
- [Offset Icons](https://assembli-rho.vercel.app/components/offset-icons.md): 287 two-ink icons covering the whole Feather catalogue. A 1.5px key line plus a flat spot of second ink on the part that carries the meaning (the bell's body, the pin's head), or a marker under arrows and ticks, printed a hair out of register like a riso job. Hover and the plates pull into line while the icon moves. Eleven inks, halftone and hatch screens.
- [Plume Icons](https://assembli-rho.vercel.app/components/plume-icons.md): 287 line icons drawn on a 24px grid with a 2px round stroke, covering the whole Feather catalogue under the same names. Every icon is a typed React component with size, stroke and accent props, and a part that moves the way it means: a bell swings, a trash lid lifts, a slash draws through. Plays on hover of the button around it, on mount, on loop or on demand.
- [Vitro Pack](https://assembli-rho.vercel.app/components/vitro-pack.md): The whole Vitro asset pack in one install: ten abstract sculptures in real refractive glass around soft matte color, raymarched in WebGL. Stacked glass rings, a bubble with an orbiting hoop, a capsule of beads, a paperweight cube, a coil-wound torus, a lens tower, a gyroscope, a bubble cluster, an arch and a spring. Six palettes, clear, frosted or smoked glass, plus a stage and color options.
- [Quarter — Business Account Landing Page](https://assembli-rho.vercel.app/components/quarter-landing.md): A bright fintech landing page built on the slice: incoming payments split into four coins that fly to their pots over a turning ring, a pinned track of line-art cards that lean as you scroll, a bento with a pickable split and a self-screening transfer, Quarter/Half/Whole pricing with rolling digits, a story deck you can throw and a ring call to action.
- [Date Range Picker](https://assembli-rho.vercel.app/components/date-range-picker.md): Analytics-style date range picker: a trigger that names the preset in use, a preset rail (Last 7 days, Month to date, Last year…), Start and End fields, two months with a live hover band, a day count, and Apply/Cancel so nothing changes until you confirm. Collapses to one month and preset chips on narrow screens.
- [Date Picker](https://assembli-rho.vercel.app/components/date-picker.md): The everyday date input: a field-style trigger that opens a calendar popover. Click the caption to zoom out to months and years, page with arrows or PageUp/PageDown, and pick with the keyboard. Today dot, blocked and out-of-range days, Today and Clear shortcuts, and a six-week grid that never changes height.
- [Sol Pack](https://assembli-rho.vercel.app/components/sol-pack.md): The whole Sol asset pack in one install: the solar system as clay models raymarched in WebGL. The Sun, Mercury, Venus, Earth with real raised continents, the Moon, Mars, Jupiter, Saturn with grooved rings, Uranus, Neptune and Pluto with its heart. Drag any body to spin it and tap for its trick. Five paint jobs, plus a working orrery, a specimen panel with real facts and cards.
- [Tilly — Everyday Banking Landing Page](https://assembli-rho.vercel.app/components/tilly-landing.md): A graphite fintech landing page with a lime highlighter and a receipt motif: a dashboard that tilts flat on scroll, a live feed that translates bank-speak, a receipt that prints, slide-to-send, draggable envelope limits, reviews on receipts, a card you can freeze, perforated pricing and a card you can flip.
- [Gizmo Pack](https://assembli-rho.vercel.app/components/gizmo-pack.md): The whole Gizmo asset pack in one install: ten soft-touch tech gadgets raymarched in WebGL, each with its own routine and a response when you tap it: macro pad, mouse, headphones, gamepad, desktop computer, instant camera, handheld console, boombox, arcade stick and podcast mic. Six palettes, plus a GizmoStage with a desk mat, keycap buttons, a keycap palette picker and spec cards.
- [Retort — Frontier Science Studio Landing Page](https://assembli-rho.vercel.app/components/retort-landing.md): An airy landing page for a brand studio serving frontier science companies. A glass DNA double helix with fluorescent liquid flowing through it is raymarched live in WebGL with real refraction and choreographed by scroll: an arch under the hero, a column beside a word-by-word statement, a beam behind frosted client slides, a pinned four-stage method, then a plasmid ring around the CTA.
- [Boo Pack](https://assembli-rho.vercel.app/components/boo-pack.md): The whole Boo asset pack in one install: ten vinyl art-toy monsters raymarched in WebGL, with bulging eyes that follow your cursor and a jump when you tap them: zombie, Frankenstein, vampire, mummy, werewolf, ghost, witch, skeleton, pumpkin kid and lagoon creature. Six palettes, plus a moonlit BooStage, toy-box BooCards and a BooBlindBox.
- [Kestrel — AI Growth Agent Landing Page](https://assembli-rho.vercel.app/components/kestrel-landing.md): A light landing page for an AI growth agent, illustrated with gouache landscapes painted in SVG: a coast hero with live channel pins and a typing composer, scroll-lit copy beside four product views, an overnight board with a replay scrubber, a connector flow, team tabs, customer postcards, pricing and a harbour CTA.
- [Timbre — Voice AI Assistant Landing Page](https://assembli-rho.vercel.app/components/timbre-landing.md): A pitch-black landing page for a voice AI assistant: decoding pixel keywords, a live spectrum analyser hero behind a working composer with a listening mode, timecode rulers with a scroll playhead, radial voice orbs, a self-filling meeting notes panel, a two-card bento, a usage slider that picks your plan, a two-column FAQ and a hold-to-talk call to action.
- [Sunday Pack](https://assembli-rho.vercel.app/components/sunday-pack.md): The whole Sunday asset pack in one install: eight scenes of clay people on their day off, raymarched in WebGL with painted faces that blink and look toward your cursor: friends under a tree, a reader turning pages, a gardener whose flower blooms, a skater's ollie, a ukulele player, coffee with a friend, a dog that begs, and tree pose with a bird. Six palettes, plus SundayStage and SundayCard.
- [Vesper — AI Agent Cloud Landing Page](https://assembli-rho.vercel.app/components/vesper-landing.md): A dusk-gradient landing page for an AI agent cloud in a blueprint frame: a point-cloud crystal that leans toward the cursor, a rippling halftone arc, a rolling logo wall, a scroll-lit quote, a live terminal, a feature bento with a fork-and-merge race, a use-case carousel, a scrubbable quota chart, a story pager, an integrations hub and a sunrise call to action.
- [Tinsel Pack](https://assembli-rho.vercel.app/components/tinsel-pack.md): The whole Tinsel asset pack in one install: ten Christmas pieces in soft clay, raymarched in WebGL with snow and icing that glow at their edges, real knit stitches and real ground shadows, each with its own motion: a tree that shivers and spins its star, a snowman who waves, mittens that high-five, a snow globe that swirls. Six palettes, plus TinselScene, TinselSnowfall and TinselCard.
- [Bar List](https://assembli-rho.vercel.app/components/bar-list.md): Ranked bar list for top sources, pages or countries: each bar is a soft wash behind its label so long names never fight the marks. Tabs switch views with rows gliding to their new rank, hovering a row swaps its value for its share, and Show all reveals the tail.
- [Histogram Chart](https://assembli-rho.vercel.app/components/histogram-chart.md): Distribution histogram with a brush: drag across the bins, or use Shift and the arrow keys, to select a range and read its count and share live in the header. Hover any bin for its exact bucket, and percentile markers (p50, p95, p99) are labelled in place on two rows so they never collide.
- [Metric Table](https://assembli-rho.vercel.app/components/metric-table.md): Inline analytics table: every row carries a hoverable sparkline with the latest point in the accent, the current value, a signed change pill coloured by whether that direction is good, and a share-of-total bar. Every column header sorts, rows glide to their new order, and a totals row closes it out.
- [Punch Card](https://assembli-rho.vercel.app/components/punch-card.md): Day-by-hour activity heatmap: five sequential classes with a stepped legend that marks the hovered cell's class, marginal bars for every day and hour, crosshair dimming of everything outside the hovered row and column, and a busiest-hour call-out. Arrow keys move a focus cell around the grid.
- [Bullet Chart](https://assembli-rho.vercel.app/components/bullet-chart.md): KPI scorecard of bullet charts, Stephen Few's compact gauge: each row lays its value over poor, fair and good bands with a target tick and an optional forecast bar, then states its status with an icon, a label and percent of target. Hover or focus a row to reveal its scale and target value.
- [Stacked Bar Chart](https://assembli-rho.vercel.app/components/stacked-bar-chart.md): Stacked column chart with a Total / Share switch that re-stacks every column to 100% on a spring. Segments sit on a 2px surface gap, totals ride the caps, and hovering a legend item isolates that series and moves the cap labels to its values. Hover or arrow keys open a column read-out with shares.
- [Scatter Chart](https://assembli-rho.vercel.app/components/scatter-chart.md): Scatter and bubble chart: points pop in, the pointer picks the nearest point (no pixel hunting) with guides and value pills on both axes, legend chips toggle groups without moving the scales, and an optional least-squares trend line with r and median quadrants with captions explain the cloud. Arrow keys step through points.
- [Threshold Chart](https://assembli-rho.vercel.app/components/threshold-chart.md): Actual-versus-target line chart: the gap between the lines is shaded blue where you're ahead and red where you're behind, split exactly at each crossing. A hit strip marks every period, the header counts periods ahead and the net variance, and the crosshair reads actual, target and the signed gap. Handles ramping plans and lower-is-better metrics.
- [Line Chart](https://assembli-rho.vercel.app/components/line-chart.md): Multi-series line chart: monotone lines draw in, a snapping crosshair shows every series in one tooltip, legend chips toggle series while the axis rescales smoothly, end labels dodge each other with leader lines, and numbered annotations pin notes to moments. Arrow keys scrub.
- [Marigold — AI Automation SaaS Landing Page](https://assembli-rho.vercel.app/components/marigold-landing.md): A warm marigold landing page for an AI back-office automation platform: a grid hero with travelling light pulses, a live metrics bento with a gliding bar chart and spinning globe, an auto-advancing industry accordion that re-plots a dashboard, animated how-it-works cards, a pricing switch, a story carousel and a self-shuffling agent roster.
- [Settings Dialog](https://assembli-rho.vercel.app/components/settings-dialog.md): Settings modal with a sidebar of sections (account, notifications, appearance, security), accessible switches and radio groups, a fixed-height body, and a footer that tracks unsaved changes with discard and save.
- [Jaunt Pack](https://assembli-rho.vercel.app/components/jaunt-pack.md): The whole Jaunt asset pack in one install: ten pastel toy vehicles in satin plastic, raymarched in WebGL with see-through glass and real ground shadows, each with its own motion: a helicopter that lifts off, a plane that barrel-rolls, a tug riding the waves, a digger working a load. Six palettes or your own colors, plus JauntScene, JauntPiece, JauntCard and JauntPalettePicker.
- [Morsel Pack](https://assembli-rho.vercel.app/components/morsel-pack.md): The whole Morsel asset pack in one install: eight dishes in twenty versions, soft-lit and raymarched in WebGL, each with its own motion: a burger whose layers hop apart, a hot dog piped with mustard, a sandwich that fans open, sushi that somersaults. Six palettes or your own colors, plus MorselTable, MorselPiece, MorselCard, MorselOptions and MorselPalettePicker.
- [Orbit Pack](https://assembli-rho.vercel.app/components/orbit-pack.md): The whole Orbit asset pack in one install: twelve pastel toy-space objects in satin plastic, raymarched in WebGL, each with its own motion: a telescope that sweeps the sky, a rocket on a flickering flame, a saucer beaming up a star, an observatory that opens up. Six palettes or your own colors, plus OrbitScene, OrbitPiece, OrbitCard and OrbitPalettePicker. One shared WebGL context.
- [Lumen Pack](https://assembli-rho.vercel.app/components/lumen-pack.md): The whole Lumen asset pack in one install: twelve UI icons in frosted, halftone-printed glass, raymarched in WebGL, each with its own motion: an eye that watches the cursor, a gear a wrench ratchets, a lock that swings open, a bell that rings. Five tints (ember, jade, iris, rose, ink) or your own colors, plus LumenTile and LumenTintPicker for building a board. All icons share one WebGL context.
- [Objet Pack](https://assembli-rho.vercel.app/components/objet-pack.md): The whole Objet asset pack in one install: sixteen raymarched WebGL objects in cobalt clay, chrome, tangerine lacquer, paper and birch, plus ObjetStage, ObjetSlab and ObjetPiece for composing them. Pieces pop in on springs, drift with the pointer by depth and float. Every asset also installs on its own, and all of them share one WebGL context.
- [Updraft — AI Operations Studio Landing Page](https://assembli-rho.vercel.app/components/updraft-landing.md): A photographic sky landing page for an AI operations consultancy: a lavender cloud-sea hero with a draggable 3D ring of live widget cards, a logo marquee, a statement that fills in as you scroll, a stat bento with live office clocks, service cards that expand into photos, animated expertise mockups, a pricing toggle, a testimonial rail, field notes and a wind-farm call to action.
- [Halyard — Recruitment Agency Landing Page](https://assembli-rho.vercel.app/components/halyard-landing.md): A departures-board landing page for a recruitment agency: a live split-flap roles board with desk filters and a colleague's cursor, a diagonal employer/candidate split, boarding-pass marquees, sector desks, a scroll-driven week, draggable role cards, flap counters, a tile wall that reveals the team, a page-turning salary guide, FAQs and a flap wordmark footer.
- [Wren — Retention Consultancy Landing Page](https://assembli-rho.vercel.app/components/wren-landing.md): A soft, photographic landing page for a subscription-retention consultancy: a painterly flower hero with a rotating case readout, a scroll-lit statement, a before/after reveal that splits its headline, a switchable results chart, stacking service cards, a self-advancing phase accordion, a team roster, a dark plan picker, tabbed FAQs and a working contact form.
- [Brandt — Split-Screen Product Designer Portfolio](https://assembli-rho.vercel.app/components/brandt-folio.md): A cool cobalt split-screen portfolio: a sticky intro with a live clock, a headline whose scrambled word tidies up on hover and a scroll-following work index, beside live case studies (an onboarding flow that types its own code, a money app, a sales dashboard, fitness screens, a launch site), a cursor pill, a floating nav and a contact footer.
- [Abara — Booking-Calendar Brand Designer Portfolio](https://assembli-rho.vercel.app/components/abara-folio.md): A bright, outlined brand designer portfolio: a bubblegum hero with a live clock beside a booking calendar whose open months you can pick, project cards that tilt with a cursor pill, priced services you add to the brief, a process strip, an about card, tilted kind words and a brief form that remembers your picks.
- [Arvidsson — Bento Designer Portfolio](https://assembli-rho.vercel.app/components/arvidsson-folio.md): A dark bento-grid portfolio for a product designer: a portrait hero with a working light/dark toggle, count-up stats, a featured project with a tilted live dashboard you can page through, a drifting tool marquee, an auto-playing testimonial carousel, a work timeline, services, a turntable card whose record spins as it plays through a queue and a reach-out card with copy-to-clipboard email.
- [Marlow — Minimal Designer Portfolio](https://assembli-rho.vercel.app/components/marlow-folio.md): A quiet one-column designer portfolio: a floating icon rail that tracks the section in view (a bottom dock on phones) with a ⌘K jump palette, a hero with a live local-time city chip, copy-to-clipboard email and an unfolding bio, a featured side project drawn as a tiny live app, an expandable writing list, a tool stack with real app marks, and newsletter and contact forms with sent states.
- [Halden — Product Designer Portfolio](https://assembli-rho.vercel.app/components/halden-folio.md): A light product designer portfolio lit by the designer's own sky: the pastel aura and project backdrops follow the time of day in Copenhagen, with a sun dial that scrubs the light. Live UI mockups play on hover in a grid or index view, plus three playable lab interactions, an experience list, a contact card with bookable slots and a floating dock.
- [Vandermeer — Design Engineer Portfolio](https://assembli-rho.vercel.app/components/vandermeer-folio.md): A dark design engineer portfolio laid out like a desk: a cobalt cutting-mat hero with a die-cut sticker name, highlighted intro, tilted pill links, a studio photo, grid-paper notes and a playable mixtape, then scribbled client logos, photo case studies with a cursor pill, parallax UI details around a phone and a code-syntax sign-off.
- [Cheeks — Meme Coin Landing](https://assembli-rho.vercel.app/components/cheeks-landing.md): Meme coin template starring Hamlet, a raymarched vinyl-toy hamster whose eyes follow the cursor. Click to feed him coins until his cheeks burst, then try six skins. Below: an ID card, a fanned deck of trading cards, a working swap widget, a tokenomics donut, a burrow roadmap drawn as you scroll, a meme maker that exports PNGs and a chat FAQ.
- [Ninety — Blood Sugar Awareness Landing](https://assembli-rho.vercel.app/components/ninety-landing.md): Blood-sugar screening template built on the A1c's 90-day memory: a raymarched frosted sugar crystal with a glowing honey core over a 90-day reading strip, a scroll-drawn decade of silent drift, a red-cell explainer with an A1c converter, a post-meal curve you flatten with four levers, a six-question risk check, a ranges table with unit toggle, testing routes, an FAQ and a closing crystal.
- [Facelet — AI Site Builder Landing](https://assembli-rho.vercel.app/components/facelet-landing.md): Toy-plastic landing page for a fictional AI website builder, built around a working Rubik's cube in CSS 3D that turns and solves itself as a log ticks through six build stages. Plus a product board, a host/export panel that turns like a cube face, a self-folding cube net, a 20-move build log, a leaderboard and scrollable demo sites.
- [Tare — Month-End Close Landing](https://assembli-rho.vercel.app/components/tare-landing.md): Month-end close template on cool ledger paper: bank lines ride lanes into a glazed cobalt key you press to close the month, a statement that inks itself beside a stat ledger, one app window with four working views, the close hour by hour, a matching board with drawn connectors, a connector keyboard, a verifiable audit trail, pricing and an FAQ.
- [Switchyard — AI Workflow Landing](https://assembli-rho.vercel.app/components/switchyard-landing.md): Dark editorial SaaS template for a fictional AI workflow platform, in warm graphite and signal amber: a stacked deck of live account records, a framed grid of stats and logos, a scroll-filled track past five working panels (call lanes, signal switching, a tone-shifting draft, an approval queue, a growth chart), a quote-led marquee, a prompt box, plan comparison, FAQ and CTA.
- [Cairn — AI Visibility Landing](https://assembli-rho.vercel.app/components/cairn-landing.md): AI-search visibility SaaS template in porcelain, ultramarine and marigold: a headline tile that flips through answer engines, a live prompt box over a share-of-voice dashboard, a five-card bento, chats that replay on scroll, phone screens, stories, pricing, FAQ and a closing CTA.
- [Calyx — AI Platform Landing](https://assembli-rho.vercel.app/components/calyx-landing.md): AI platform template printed as a botanical field guide: a wireframe lotus hero that blooms and turns, four live product panels (policy toggles, one answer in five channels, cited retrieval, an eval chart), roots that grow into data sources, a variant tree you prune with a slider, growth rings, herbarium-sheet testimonials, usage pricing and a seed-packet CTA.
- [Sleepy Plush Hero](https://assembli-rho.vercel.app/components/sleepy-plush-hero.md): Bedtime-brand hero with a knitted lilac bear raymarched in WebGL, hugging a puffy crescent moon on a midnight page. Its glossy eyes follow the cursor and it blinks and leans toward the pointer. Leave it alone and it gets drowsy: lids droop, the head nods and Zs drift up. Move the cursor and it startles awake. Press it for a squeeze. Script logo between two text columns.
- [Payment Terminal Hero](https://assembli-rho.vercel.app/components/payment-terminal-hero.md): Fintech hero with a glossy plastic card terminal raymarched in WebGL, floating in an exploded still life with a coiled cord, a coin stack and a cursor. The keypad taps out each amount, the card dips, the screen approves and a printed receipt tape feeds out. Floating nav card, big headline and gradient CTAs on the left.
- [Plush Mascot Hero](https://assembli-rho.vercel.app/components/plush-mascot-hero.md): Studio hero with a knitted plush mascot raymarched in WebGL: a mint gumdrop creature hugging a puffy star, with V-stitch knit, fuzzy silhouette and glossy eyes that follow the cursor. It blinks, leans toward the pointer, lifts its brows as you get close and squishes when pressed. Script logo between two text columns.
- [Resonance Field Hero](https://assembli-rho.vercel.app/components/resonance-field-hero.md): Studio hero over a sheet of thousands of lit ceramic spheres rippling in perspective. Each project slide morphs the field into its own wave (standing wave, two-source interference, slow swell), the cursor raises a swell under it, and a rotating badge pauses the motion. WebGL2 sprites, no three.js.
- [Specimen Bloom Hero](https://assembli-rho.vercel.app/components/specimen-bloom-hero.md): Split hero styled as a botanical plate. A wireframe lotus grows in from the stem, then blooms layer by layer. Callouts with leader lines track the moving mesh and light up the part they name, either in turn or on hover. Drag to turn the specimen. Ink on paper in light mode, a glowing wire bloom in dark mode. Canvas 2D, no three.js.
- [Memory Ledger](https://assembli-rho.vercel.app/components/memory-ledger.md): The 'what the assistant remembers' panel as a card catalogue: each memory is a ruled index card with its source and date. Edit in place, forget with Undo, filter with folder tabs and search, pause memory entirely, and watch new memories land on top with a fresh-ink highlight.
- [Research Dossier](https://assembli-rho.vercel.app/components/research-dossier.md): A long-running deep research job as a dossier being assembled: pages for each report section stack up beside a phase rail, live activity, counters and the sources being read. Send it to the background as a progress pill; when it finishes the pages square up under a paper clip and the card becomes the report's cover.
- [Inline Rewrite](https://assembli-rho.vercel.app/components/inline-rewrite.md): A document where AI edits happen in place: select text and a toolbar floats above it with Improve, Shorten, Friendlier, Fix spelling or your own instruction. The selection shimmers while it runs, then shows as a redline with Accept, Discard and Retry.
- [Plan Review](https://assembli-rho.vercel.app/components/plan-review.md): An agent's plan as a route of waypoints you review before it runs: drag or arrow-key to reorder, rename, skip (the rail turns dashed) or remove steps, add your own, then approve with ⌘Enter and watch the route light up as each step runs. Or send the agent a note asking for changes.
- [Branch Thread](https://assembli-rho.vercel.app/components/branch-thread.md): Chat thread that keeps every version: edit a sent message or regenerate a reply and a ‹ 2 / 3 › pager flips between versions while the conversation below follows. A branch map beside the thread draws the whole tree, lights the path you're reading and jumps to any message.
- [Thought Stream](https://assembli-rho.vercel.app/components/thought-stream.md): Reasoning block for thinking models: a gyroscope glyph and the current thought's title shimmer in the header while a three-line peephole shows raw reasoning scrolling under a soft fade. It settles to 'Thought for 8s' and opens into the full trace as titled sections.
- [Latent Batch](https://assembli-rho.vercel.app/components/latent-batch.md): Text-to-image batch of four that sharpens like a diffusion preview: each tile climbs from blocky latent noise to a clean frame on its own clock with a step counter. Finished tiles offer Vary, Download and Expand, which docks the rest in a filmstrip. Ships with a seeded landscape painter.
- [Parallel Agents](https://assembli-rho.vercel.app/components/parallel-agents.md): Orchestrator view for subagents working at once: a fork-and-join rail whose branches flow while a lane runs and close into the merge node when it finishes, with live activity tickers, token and tool counts, hairline progress and the merged result.
- [Grass Arc Hero](https://assembli-rho.vercel.app/components/grass-arc-hero.md): Airy hero where a furry grass hillside rises in an arc across a blue sky and fills the bottom of the frame, dotted with daisies. Over 200,000 instanced blades lean, sway in the wind and lie down wherever the pointer brushes them, then slowly stand back up. Italic serif over a tight sans headline, a glass pill nav, and a moonlit version in dark mode. Raw WebGL, no three.js.
- [Sextant — Insurance AI Landing](https://assembli-rho.vercel.app/components/sextant-landing.md): Insurance-operations AI template on one field of 70,000 glowing particles that reshapes as you scroll: a tree rising from rippling water, a turning wireframe cube with the wordmark inside, a shield beside a filterable decision ledger, a calm pool of rings behind outcome stats, then the tree again. The pointer parts the particles. Raw WebGL, no three.js.
- [Holo Cloth Hero](https://assembli-rho.vercel.app/components/holo-cloth-hero.md): Studio hero with a holographic cloth you can grab. A Verlet cloth ripples in a soft breeze; drag any point and it pinches, crumples and follows the pointer, then flutters back to its pose on a spring. The print is violet foil silk with a chrome anemone raised from a height map and your own words in condensed type, under an iridescent sheen and a soft cast shadow. Raw WebGL, no three.js.
- [Headwater — Data Answers Landing](https://assembli-rho.vercel.app/components/headwater-landing.md): Ask-your-data SaaS template built on a river: sources are tributaries that keep their colour in the main stream, so the river is also the answer's streamgraph. Questions re-form the hero watershed, a hover-to-trace lineage explorer, a long-profile how-it-works, an Ask chart, flood alerts on a staff gauge, outcomes, stories, pricing and an FAQ.
- [Heddle — AI Automation Studio Landing](https://assembli-rho.vercel.app/components/heddle-landing.md): AI-automation studio template cut like a denim mill: threads run through the hero CTA and are woven into selvedge cloth as you scroll, punch-card section bars, a live Loom dashboard, an agent you can thread, hanging-thread stats, auto-advancing process tabs, woven swatch covers, pricing, an approvals phone and an FAQ.
- [Stickwork — Brand Designer Portfolio](https://assembli-rho.vercel.app/components/stickwork-folio.md): A brand designer's portfolio printed as a die-cut sticker sheet on a cutting mat: a hero whose stickers peel off and drag, leaving their kiss-cut outlines behind, packing-tape marquees, project cards that show each identity as its own sticker sheet, service cards you peel back for pricing and a laptop lid of stickers.
- [Concertina — Folding Book Portfolio](https://assembli-rho.vercel.app/components/concertina-folio.md): A sound designer's portfolio printed as a concertina book: scrolling unfolds the panels in 3D one spread at a time, a top-down fold diagram tracks your place, and at the end the book closes onto a contact back cover.
- [Assay — AI Finance Analyst Landing](https://assembli-rho.vercel.app/components/assay-landing.md): Finance-AI template where every answer comes back hallmarked with its source: brushed-brass ingots, coin-milled buttons, a working finance workspace with an Ask panel, sticky capabilities with live panels, connectors stamped as they pass the seal, dark use cases on a tick ruler, expanding stories, a hoverable growth chart, minted security coins, MCP and API, and an FAQ.
- [Palmline — Mobile App Designer Portfolio](https://assembli-rho.vercel.app/components/palmline-folio.md): A portfolio for an independent app designer, built on 'made for the hand it's held in': a reach inspector that overlays thumb zones on live phone screens and checks the primary action, project stages with working app UIs, a settings-style CV, service specimens, testimonials as a Messages thread and a slide-to-book call to action.
- [Printout Toasts](https://assembli-rho.vercel.app/components/printout-toasts.md): Notifications as a thermal receipt printer: toasts print out of a slot with a stepped paper feed, stack down one perforated strip, and tear off with a flick or the scissors. Includes a queue hook.
- [Tear-off Calendar](https://assembli-rho.vercel.app/components/tear-off-calendar.md): Desk tear-off calendar as a date picker: drag the top sheet up to tear the day off, or use the arrow keys. Shows day of year, ISO week, the moon phase and a handwritten note per day.
- [Chart Recorder](https://assembli-rho.vercel.app/components/chart-recorder.md): Strip-chart recorder: ink pens trace live channels onto scrolling graph paper with sprocket holes, a moving grid, value flags at the pen tips, selectable chart speed and a hold button.
- [Obverse — Business Banking Landing](https://assembli-rho.vercel.app/components/obverse-landing.md): Business-banking template printed like currency: a hero banknote that tilts, shimmers its foil and shows a watermark when held to the light, a working ledger, a security leaflet where a loupe glides to each printing feature as you scroll, a card issuer, a treasury certificate whose coupons clip themselves, a cheque that writes amounts in words, notes in six inks, pricing and an FAQ.
- [Kiln — Outbound Sales Landing](https://assembli-rho.vercel.app/components/kiln-landing.md): Outbound sales template built around a kiln: a soot-dark hero with an ember glow that follows the cursor, a live intent dashboard with a scrubbable chart, four glaze-coloured stage cards that stack while a thermometer climbs, a typing email composer, an editable sequence, a case-study chart, pricing and auto-scrolling reviews.
- [Porchlight — Hiring & Onboarding Landing](https://assembli-rho.vercel.app/components/porchlight-landing.md): Warm hiring and onboarding template built on 'leave the light on': a lamp you can switch off, lamplight behind key words, a tilting hiring dashboard with stage filters and bulk actions, a live activity log, tickable first-week plans, CV screening that lights matching lines, pricing and a night-sky CTA.
- [Ashlar — Block Automation Landing](https://assembli-rho.vercel.app/components/ashlar-landing.md): Back-office automation template drawn on an architect's sheet: ruled rails and numbered section tags, an isometric hero block that comes apart near the cursor, a scroll-lit four-layer stack, isometric feature art, a dark metrics band with a 3D bar chart, extruded pricing and a grid you can stack blocks on.
- [Marshal — Rail Yard Automation Landing](https://assembli-rho.vercel.app/components/marshal-landing.md): AI-operations template drawn as an isometric rail yard: a live hero where cargo rolls into a signal box and is switched onto the line for each tool, standing UI panels, five live reliability drawings, use-case yards, couplings around a glass signal box, fares, FAQ and a semaphore CTA.
- [Borea — AI Agent Platform Landing](https://assembli-rho.vercel.app/components/borea-landing.md): AI-agent platform template lit like an aurora: violet and mint streaks over a live prompt box and app, a bento, a chat workspace that replays threads, crews, stacked feature cards with a working command palette, a four-tab product tour, an integrations wall over a glass sphere, stories, steps, FAQ and an aurora footer.
- [Stratum — AI Context Layer Landing](https://assembli-rho.vercel.app/components/stratum-landing.md): AI context-layer template told as geological strata. An isometric core-sample hero with a scrubbable time ruler, chamfered problem cards, a stale snapshot beside a live record that rewrites itself, a cited answer with source popovers, a connector field, a compounding-value chart, a scope/monitor/audit security console and a use-case carousel.
- [Isoline — Vector Database Landing](https://assembli-rho.vercel.app/components/isoline-landing.md): Developer-platform template for a vector database, printed as a survey map of meaning. A contour-map hero where a dropped query pin finds its nearest records, tabbed install snippets with live output, a cost estimator with a log-scale chart, Atlas as two routes to one answer, a console with metrics, record browser and namespaces, architecture steps, uptime and a map-collar footer.
- [Nightjar — AI Automation Studio Landing](https://assembli-rho.vercel.app/components/nightjar-landing.md): Agency landing template told as one night shift. A 24-hour shift dial hero, a drag-to-spin client cylinder, a sunrise manifesto, a zoom through the headline into a live night log, expanding service panels with working mocks, a scroll-drawn process, cursor-lit case studies, a printed morning report, orbiting agents, pricing with a payback slider and a moon CTA.
- [Parhelia — AI Agent Platform Landing](https://assembli-rho.vercel.app/components/parhelia-landing.md): Enterprise AI-agent platform template built from atmospheric optics. Light pillars and a rising sun with its halo and sun dogs over a live ops dashboard, a scroll-lit manifesto, a bento with a prism and draggable dials, a sticky platform tour, solution tabs, stacked steps, 3D security plates, results carousel, pricing, FAQ and a horizon wordmark.
- [Alder — Agentic CRM Ledger Landing](https://assembli-rho.vercel.app/components/alder-landing.md): Landing template for a fictional agentic CRM, set as a printed ledger on warm paper. People write in black serif; the agent edits in red mono ink: a live pipeline it strikes through and rewrites, a scroll-driven night log, redlines you accept, an autonomy setting, footnoted figures, a menu-style price list and a signature-line sign-up.
- [Artboard — Multiplayer Canvas Portfolio](https://assembli-rho.vercel.app/components/artboard-folio.md): A designer portfolio built as a live design file: a ruler that measures whatever you hover, a name layer with working resize handles that drive a variable font, roaming collaborator cursors you can follow, stacked case-file folders, a version-history career log and a Truchet-tile playground.
- [Scorewell — Performance Marketing Studio Landing](https://assembli-rho.vercel.app/components/scorewell-landing.md): Agency landing template built around a scoreboard. The hero is a live budget router that flips between spray-and-pray and ROAS-weighted spend, then a scroll-lit manifesto, service dashboards (funnel, budget moves, creative test, incrementality chart), a receipts bento, sticky case-study stack, a weekly-plays carousel, a home-vs-away comparison and a marquee CTA.
- [Bloomprint — AI Image Darkroom Landing](https://assembli-rho.vercel.app/components/bloomprint-landing.md): Landing template for a fictional AI image generator, set as a photographic darkroom. A wheel of prints turns above a light-leak prompt box that develops new ones, then expose-develop-fix steps, a bento with a compare slider and film looks, a scroll-lit manifesto, a safelight pricing room and prints drying on a line.
- [Orrery — SaaS Landing Template](https://assembli-rho.vercel.app/components/orrery-landing.md): Reusable SaaS landing template for a fictional orchestration platform. A draggable 3D orrery hero that tilts top-down as you scroll, a scroll-pinned exploded layer stack, a spotlight bento with a dot globe and live micro-demos, a code runner, warp-tunnel CTA and more. Pass content, accent colors and section order as props.
- [Chord Diagram](https://assembli-rho.vercel.app/components/chord-diagram.md): Directed flows between groups drawn as ribbons inside a ring. Ribbons bloom in with a stagger, hovering or focusing a group isolates its flows and shows its share in the centre, and hovering a ribbon reads out both directions. Directly labelled, keyboard focusable, with a screen-reader matrix.
- [Dither Hero](https://assembli-rho.vercel.app/components/dither-hero.md): A flowing, domain-warped field rendered as 1-bit ordered dither on a tiny pixelated canvas. Switch between Bayer, halftone-dot and scanline threshold matrices live, push the field with your cursor and click to send a ring through it. Theme-aware ink with an accent highlight.
- [Fisheye Type](https://assembli-rho.vercel.app/components/fisheye-type.md): Headline letters that stretch tall like a dock magnifying its icons: each glyph springs up and brightens as your cursor or finger passes, with neighbours following in a smooth bell curve. When nobody is hovering, a wave sweeps through on its own. Pure transforms, so layout never shifts.
- [Life Type Hero](https://assembli-rho.vercel.app/components/life-type-hero.md): The headline is a Game of Life seed. Pixel letters hold for a beat, then shatter into gliders and oscillators under Conway's rules before snapping back into the words. Hover to seed new cells, click to rewind instantly. Newborn cells glow in the accent colour; ink follows the theme.
- [Rain on Glass Hero](https://assembli-rho.vercel.app/components/rain-on-glass-hero.md): A fogged-up window on a neon city at night. Drag a finger across the glass to wipe a clear trail that slowly re-fogs, while raindrops swell, merge and slide down, each one a tiny upside-down lens of the street behind. Canvas 2D, no libraries beyond motion.
- [Safe Dial](https://assembli-rho.vercel.app/components/safe-dial.md): A brushed-steel combination dial you spin with a finger or the arrow keys. It reads the way a real safe does: turn right to a number, reverse, turn left to the next, then pull the handle. Reversals register each step, wrong numbers rattle and reset, and the right sequence unlocks a reward. Haptic ticks on touch.
- [Signature Pad](https://assembli-rho.vercel.app/components/signature-pad.md): A signature field that feels like ink: strokes thin out as you move faster and thicken with pen pressure, curves are smoothed through midpoints, and a ghost signature draws itself as a hint. Undo, clear, pick an ink, or switch to Type for a keyboard-friendly script signature. Exports a transparent PNG.
- [Stream Chart](https://assembli-rho.vercel.app/components/stream-chart.md): A streamgraph: stacked layers flow around a wiggling centre line, drawn in left to right on view. A scrub line snaps to each period with a tooltip of every layer, the layer under the cursor lifts while the rest dim, and layers are directly labelled where they swell. Validated colorblind-safe palette, legend and screen-reader table included.
- [Tine — Pocket Synthesizer Launch](https://assembli-rho.vercel.app/components/tine-landing.md): Product launch page for a fictional pocket synth. The hero device is a working instrument: a Web Audio step sequencer with draggable knobs and a live scope. Then a scroll-driven exploded view, four sound engines drawn on canvas, colour swatches with a circular wipe, playable artist patterns, odometer specs, pre-order, FAQ and a strummable footer logo.
- [Brilliant Hero](https://assembli-rho.vercel.app/components/brilliant-hero.md): Luxury hero with a raymarched round brilliant diamond: real facets, light traced through the stone per color channel with total internal reflection, so dispersion and fire emerge on their own. It turns slowly in a studio of softboxes, tilts toward the cursor, throws rainbow caustics and twinkles with four-point flares. Raw WebGL, no three.js.
- [Event Horizon Hero](https://assembli-rho.vercel.app/components/event-horizon-hero.md): A black hole integrated per pixel: rays bend around it so the accretion disk wraps over and under the shadow, with a photon ring and Doppler-bright approaching side. Light mode lenses a celestial grid on paper; dark mode lenses a starfield. The cursor orbits the camera. Raw WebGL, no three.js.
- [Floating Isle Hero](https://assembli-rho.vercel.app/components/floating-isle-hero.md): Game-style hero with a raymarched floating island: grassy hills on a fluted rock spire, trees, a cottage, a pond spilling over the edge as a waterfall and rocks in orbit, under drifting CSS clouds. Sunlit with soft shadows by day; in dark mode it is moonlit, windows glow and fireflies drift. The cursor turns the island. Raw WebGL, no three.js.
- [Jelly Garden Hero](https://assembli-rho.vercel.app/components/jelly-garden-hero.md): Playful hero over a raymarched row of gummies on an endless floor that fogs into the page. Thin edges glow, floor shadows take the color of the jelly that cast them, and brushing or clicking a jelly sets it wobbling on its own spring. In dark mode they glow and pool colored light. Raw WebGL, no three.js.
- [Koi Pond Hero](https://assembli-rho.vercel.app/components/koi-pond-hero.md): Calm full-bleed hero over a living koi pond: a GPU wave simulation refracts a pebble floor with caustics, koi drawn in shader swim, school and cast shadows, and lily pads with blooms ride the swell. The cursor trails ripples and a tap drops food the koi race for. Moonlit in dark mode. WebGL2, no three.js.
- [Minted Coin Hero](https://assembli-rho.vercel.app/components/minted-coin-hero.md): Centered fintech hero with a raymarched coin rising from the bottom of the frame: raised rim, bead ring, an embossed planet emblem, lathe-turned field and a reeded edge, lit by a procedural studio of softboxes. Seven small coins tumble in orbit around it, it tilts toward the cursor, and it flips on a spring every few seconds or on click. The metal color is a prop. Raw WebGL, no three.js.
- [Shadow Study Hero](https://assembli-rho.vercel.app/components/shadow-study-hero.md): Full-bleed raymarched still life: a plaster arch, sphere, column, stair and hoop on an endless floor that fogs into the page background. The cursor moves the sun, sweeping soft raymarched shadows across the floor, with a live time-of-day readout. Light mode is sunlit plaster, dark mode a moonlit stage. Raw WebGL, no three.js.
- [Soap Bubble Hero](https://assembli-rho.vercel.app/components/soap-bubble-hero.md): Airy centered hero with drifting soap bubbles shaded by real thin-film interference: film thickness drains and swirls, so gold and magenta bands slide around and the crown thins to black. Bubbles show front and back films with window reflections, shy away from the cursor and pop into droplets on click. Raw WebGL, no three.js.
- [Swallowtail Hero](https://assembli-rho.vercel.app/components/swallowtail-hero.md): Centered hero with a swarm of CSS 3D swallowtail butterflies that share one 3D context with the headline, so they fly both in front of and behind it. SVG wings flap in bursts and glides, bodies bank into turns, the cursor startles nearby ones and a click scatters the swarm. It bursts out from the center on load. No WebGL.
- [Tide Hero](https://assembli-rho.vercel.app/components/tide-hero.md): Cinematic hero over a raymarched open ocean: wind-dragged crests, Fresnel reflections and a sun glitter path that follows the cursor along the horizon, under golden-hour cloud. The sky fades into the page so copy sits on it. In dark mode it is moonlit and starry, and a lighthouse sweeps a volumetric beam. Raw WebGL, no three.js.
- [Checkout Form](https://assembli-rho.vercel.app/components/checkout-form.md): Two-pane checkout: payment form with live card formatting, brand detection, Luhn and expiry validation, plus an order summary with a working promo code and a processing-to-success pay button.
- [Cursor Label](https://assembli-rho.vercel.app/components/cursor-label.md): A springy custom cursor that swells into a label (View, Play, Drag) over any element tagged with data-cursor, and shrinks to a dot elsewhere. One delegated pointer handler, no per-item wiring.
- [Day Schedule](https://assembli-rho.vercel.app/components/day-schedule.md): Single-day agenda grid: drag events to reschedule with 15-minute snapping, pull the bottom handle to resize, overlapping events split into columns, and a live now-line. Arrow keys move the focused event.
- [Fullscreen Menu](https://assembli-rho.vercel.app/components/fullscreen-menu.md): Header with a takeover menu: an inverted circle wipes out from the toggle, giant links rise out of masks one by one, hovering one dims the rest, and Escape returns focus to the button.
- [Glass Lens](https://assembli-rho.vercel.app/components/glass-lens.md): A draggable liquid-glass lens that really bends what is behind it: a canvas-generated displacement map feeds an SVG backdrop-filter, with a specular rim and arrow-key nudging. Falls back to frosted blur outside Chromium.
- [Halftone Field](https://assembli-rho.vercel.app/components/halftone-field.md): Print-style canvas backdrop: a staggered dot lattice whose dot sizes ride flowing interference waves, swelling under the cursor. Pauses off-screen, adopts the text colour, and freezes for reduced motion.
- [Horizontal Scroll Showcase](https://assembli-rho.vercel.app/components/horizontal-scroll-showcase.md): Scrollytelling section: vertical scroll drives a pinned horizontal track. Panels slide sideways while their art drifts at a different speed, with a live step counter and progress bar.
- [Image Gen Reveal](https://assembli-rho.vercel.app/components/image-gen-reveal.md): The text-to-image wait, designed: the picture denoises out of flickering grain through blur, saturation and scale, with a scan line, a live step counter and a regenerate button.
- [Morph Gallery](https://assembli-rho.vercel.app/components/morph-gallery.md): One set of tiles, three layouts. Switching between grid, list and mosaic is a shared-layout animation, so every tile glides to its new place, and category filters collapse the rest away.
- [Node Canvas](https://assembli-rho.vercel.app/components/node-canvas.md): Workflow editor surface: drag nodes around a dotted canvas while Bézier edges follow, data pulses flow along links, and selecting a node lights up its connections. Keyboard nudging included.
- [Order Tracker](https://assembli-rho.vercel.app/components/order-tracker.md): Delivery progress drawn as a winding route: the line fills as the parcel advances, a truck rides the exact path between stops, and the active stop pulses. Fully driven by one current-step prop.
- [Ridgeline Chart](https://assembli-rho.vercel.app/components/ridgeline-chart.md): Joy-plot of overlapping distributions: each row rises from its own baseline, rows occlude the ones behind, and hovering isolates a ridge with a column read-out.
- [Sunburst Chart](https://assembli-rho.vercel.app/components/sunburst-chart.md): Hierarchical radial chart. Hover traces a path from the centre outwards and reads the share in the hub; click a slice to zoom in, click the hub to climb back out.
- [Tag Sphere](https://assembli-rho.vercel.app/components/tag-sphere.md): A word cloud wrapped round a sphere: Fibonacci-distributed labels orbit with depth-scaled size and opacity, drag to spin with inertia, and hovering or focusing a word slows the globe. Positions are written straight to the DOM, so there are no re-renders.
- [Access Required](https://assembli-rho.vercel.app/components/empty-locked.md): Permission-denied state with a padlock whose shackle teases open on hover and swings free once access is requested. Owner avatars, async request and a confirmation state.
- [ASCII Field](https://assembli-rho.vercel.app/components/ascii-field.md): A canvas grid of characters that swells and brightens around the pointer and drifts with an ambient wave.
- [Aurora Glass Login](https://assembli-rho.vercel.app/components/login-aurora-glass.md): Frosted-glass sign-in card floating over slow drifting aurora blobs, with a passkey primary action, social providers and translucent inputs. Always dark.
- [Autoplay Feature Tabs](https://assembli-rho.vercel.app/components/feature-tabs-autoplay.md): Tabbed product showcase whose tabs advance on their own, each with a progress bar that fills while its visual is on screen. Hovering or focusing pauses; clicking jumps. Tabs become a scrollable strip on small screens.
- [Awaiting First Event](https://assembli-rho.vercel.app/components/empty-awaiting-data.md): Developer-dashboard empty state with a ghost chart, a radar sweep, a live listening timer and tabbed copy-paste snippets. Includes a send-test-event action that ripples on the chart.
- [Book CTA](https://assembli-rho.vercel.app/components/book-cta.md): Lead-magnet call to action built around a real CSS 3D hardcover with spine, page block and back cover. It floats, turns toward the cursor, and on hover the front cover swings open on its hinge to show the title page. The linen cover has a foil band and moving glare. An email form with pending and success states sits beside it.
- [Booking Picker](https://assembli-rho.vercel.app/components/booking-picker.md): Scheduling card in the Cal.com mould: host details, a month calendar and a time-slot column that slides in for the chosen day. Picking a slot reveals a Confirm button, then resolves to a receipt.
- [Brutalist Hero](https://assembli-rho.vercel.app/components/brutalist-hero.md): Neo-brutalist hero: oversized uppercase headline with a highlighter word (BrutalistMark) and hand-drawn underline (BrutalistScribble), thick borders and hard offset shadows that press flat on hover, draggable stickers (spinning text badge, starburst, smiley) and a tilted ticker tape along the bottom.
- [Candlestick Chart](https://assembli-rho.vercel.app/components/candlestick-chart.md): An OHLC candlestick chart with volume, a crosshair that reads out the candle under the pointer, a live price tag on the axis, a 20-day moving average, range switching with a staggered grow-in, and a table view. Direction is hollow versus filled plus an icon, never colour alone.
- [Card Fan](https://assembli-rho.vercel.app/components/card-fan.md): A hand of cards fanned in an arc. Hover lifts and straightens one card while neighbours part, click flips it forward.
- [Clock Time Picker](https://assembli-rho.vercel.app/components/clock-time-picker.md): Analog time picker: drag the hand around the dial to choose hours, then minutes, with AM/PM toggle and tick snapping.
- [Code Block](https://assembli-rho.vercel.app/components/code-block.md): Tabbed code window with line numbers, highlighted lines, a lightweight built-in syntax highlighter (no dependency) and a copy button that confirms. Light and dark friendly.
- [Color Picker](https://assembli-rho.vercel.app/components/color-picker.md): Compact colour picker: a saturation/brightness field, hue slider, hex input and swatches. Pointer-drag and keyboard friendly, copies the hex, works controlled or uncontrolled.
- [Coverflow Carousel](https://assembli-rho.vercel.app/components/coverflow-carousel.md): Apple-style coverflow: the active card faces you while its neighbours fold away in 3D on springs. Click a side card, drag, swipe or use arrow keys to move.
- [Depth Stack Hero](https://assembli-rho.vercel.app/components/depth-stack-hero.md): Split product hero with a 3D stack of live UI cards (revenue chart, deploy progress, payment toast) in real perspective. The stack tilts toward the cursor on springs and its layers separate in Z when hovered; bars grow and the deploy bar loops.
- [Depth Tunnel](https://assembli-rho.vercel.app/components/depth-tunnel.md): Scroll-driven 3D gallery: frames hang on alternating walls of a CSS perspective corridor and the camera flies down it as you scroll, easing between wheel steps. Frames emerge from fog, sharpen as they pass, floor and ceiling grids stream by, and a headline waits at the vanishing point.
- [Device Hero](https://assembli-rho.vercel.app/components/device-hero.md): App launch hero with a phone built entirely from DOM layers: a live screen, a camera plateau on the back and a frame of stacked slices that gives the edge real thickness. It leans toward the cursor on a spring, flips to show its back, and floating cards sit at their own depth for true parallax.
- [Diorama Card](https://assembli-rho.vercel.app/components/diorama-card.md): Shadow-box card: paper cut-outs stand at different depths inside a box with real inner walls behind a mat-board window. Tilting toward the cursor reveals the walls, slides the layers past each other with drop shadows, and moves a soft glare across the frame. Bring any backdrop and layers.
- [Disintegrate Card](https://assembli-rho.vercel.app/components/disintegrate-card.md): Wrap any card and flip a prop to make it crumble into a grid of shards and dust that drift away on the wind, sweeping left to right. Siblings slide up when it is gone. Falls back to a fade for reduced motion.
- [Dot Field Hero](https://assembli-rho.vercel.app/components/dot-field-hero.md): Interactive canvas hero: a grid of dots springs away from the cursor, grows and glows in the accent color. Ripple waves roll out from random points or wherever you click. Colors follow the theme, and animation pauses offscreen and switches off for reduced motion.
- [Dot Grid Ripple](https://assembli-rho.vercel.app/components/dot-grid-ripple.md): Canvas dot matrix that reacts to you: the pointer swells nearby dots and every click sends a shockwave rippling through the grid. DPR-aware, pauses off-screen, reads the text colour so it follows light and dark.
- [Easing Curve Editor](https://assembli-rho.vercel.app/components/easing-curve-editor.md): Drag the two control points of a cubic-bezier and watch the real animation play against a linear reference. Overshoot is supported, presets spring between curves, handles are keyboard-operable, and the result copies as CSS, Tailwind or Motion.
- [Editorial Login](https://assembli-rho.vercel.app/components/login-editorial.md): Magazine-style split sign-in with a big serif headline, numbered underline-only fields whose rules draw in on focus, and a button that fills with ink on hover.
- [Email-first Login](https://assembli-rho.vercel.app/components/login-email-first.md): Minimal two-step sign-in with floating labels: enter your email, it collapses into an editable chip with your initial, and the password field slides in with a personalised greeting.
- [Emoji Slider](https://assembli-rho.vercel.app/components/emoji-slider.md): A mood slider with a face that actually reacts: the mouth bends from frown to grin, the brows lift, and the whole card drifts from red to green as you drag. Native range input underneath for free accessibility.
- [Exploded Stack](https://assembli-rho.vercel.app/components/exploded-stack.md): Architecture section with an isometric stack of solid plates, each with a real thickness edge, that pull apart when they scroll into view and spread further on hover. A beam of light runs up through every layer, and the highlighted plate lifts out and glows. Autoplays through the layers and stays in sync with the list beside it.
- [Feature Cube](https://assembli-rho.vercel.app/components/feature-cube.md): Feature section built around a real CSS 3D cube. Each side face shows one feature's visual. The cube turns the short way round on a spring when you pick a feature, autoplays with a progress line, and you can grab it to spin. Faces darken as they turn from the light, over a perspective floor grid.
- [File Dropzone](https://assembli-rho.vercel.app/components/empty-dropzone.md): Working drag-and-drop upload zone. Three document cards fan out as you drag files over, the dashed border marches, and files are filtered by accept and returned through onFiles.
- [Flashlight Text](https://assembli-rho.vercel.app/components/flashlight-text.md): A headline written in near-invisible ink that a roving beam of colour reveals. It follows the pointer on a spring and drifts on its own in a Lissajous path when idle, so it also works on touch screens. Reduced motion shows the full gradient.
- [Flow Field](https://assembli-rho.vercel.app/components/flow-field.md): Thousands of fading particles tracing a slowly evolving noise field on canvas, with the pointer bending the current.
- [Gantt Chart](https://assembli-rho.vercel.app/components/gantt-chart.md): An interactive project timeline: drag bars to reschedule, pull their edges to resize, everything snaps to days. Finish-to-start dependency arrows reroute live and flag conflicts with a dashed line and a warning icon. Today marker, weekend shading, keyboard control and a live summary.
- [Glass Folder Cards](https://assembli-rho.vercel.app/components/glass-folder-cards.md): A folder drawn as an object: generated liquid-marble artwork on the back panel, real file cards inside, and a frosted-glass front that leans on hover, falls open on click to fan the files, and takes new files with a drop-and-bump. Keyboard menu, light and smoked-glass tones, zero dependencies.
- [Glow Tiers Pricing](https://assembli-rho.vercel.app/components/pricing-glow-tiers.md): Premium tier cards whose borders catch a light that follows the pointer across the whole grid, with a slowly rotating gradient beam around the featured plan and rolling prices on the billing toggle.
- [Goo Cursor Field](https://assembli-rho.vercel.app/components/goo-cursor.md): A trailing chain of blobs fused by an SVG gooey filter. The head follows the pointer, each blob chases the one before it, and they melt together.
- [Gradient Builder](https://assembli-rho.vercel.app/components/gradient-builder.md): A visual CSS gradient editor: drag colour stops along a strip, click to add one with an interpolated colour, spin the angle dial, switch between linear, radial and conic, shuffle harmonious OKLCH palettes, and copy the CSS.
- [Holo Card](https://assembli-rho.vercel.app/components/holo-card.md): Collectible foil card: tilts toward the pointer on springs while a rainbow foil layer and a specular glare slide across the surface in sync. Light-source realism without WebGL.
- [Horizon CTA](https://assembli-rho.vercel.app/components/horizon-cta.md): Closing panel lit by a planet rising over its bottom edge: rim-lit horizon, swaying conic light rays, a breathing atmosphere and a twinkling star field. Announcement pill, gradient headline and a sheen-sweep primary button.
- [Hover Index List](https://assembli-rho.vercel.app/components/hover-index-list.md): A big typographic index where hovering a row dims the rest and a preview card chases the cursor on a spring, tilting with pointer velocity and wiping between images. Focus moves it for keyboard users.
- [Image Compare](https://assembli-rho.vercel.app/components/image-compare.md): Before/after slider with a draggable divider. Drag anywhere, hover-follow mode, keyboard arrows, labelled corners and a springy grip. Accepts images or any React nodes.
- [Inbox Zero](https://assembli-rho.vercel.app/components/empty-inbox-zero.md): Celebratory all-caught-up state: a ring and checkmark draw themselves while a particle burst fans out over a stack of dissolving envelopes. Click the illustration to replay. Includes a stats strip.
- [Iris Gallery](https://assembli-rho.vercel.app/components/iris-gallery.md): Row of panels that expand on hover while a circular clip-path iris opens from the cursor to reveal each panel's alternate artwork. Keyboard and touch friendly.
- [Iso Wave Field](https://assembli-rho.vercel.app/components/iso-wave-field.md): Isometric field of pillars that breathes in slow interference waves. The pointer raises a swell beneath it and each click sends a ripple ring across the grid. Drawn back to front on a 2D canvas with three shaded faces per pillar; wraps any content as a hero background.
- [Kaleidoscope Canvas](https://assembli-rho.vercel.app/components/kaleidoscope-canvas.md): Draw with the pointer and your stroke is mirrored across N-fold symmetry with glowing, fading ink. Pick segment count, brush and palette; export to PNG.
- [Kanban Board](https://assembli-rho.vercel.app/components/kanban-board.md): Drag cards between columns with pointer or keyboard. Columns highlight as drop targets, cards reflow with layout animation, and counts update live.
- [Keycap Hero](https://assembli-rho.vercel.app/components/keycap-hero.md): Keyboard-first hero: two rows of 3D keycaps tilted in perspective play shortcut combos in turn, glowing in the accent color as each key goes down, with a caption naming each shortcut. Pressing keys on your own keyboard lights up the matching keycaps.
- [Kinetic Type Hero](https://assembli-rho.vercel.app/components/kinetic-hero.md): Oversized typographic hero: lead words rise from clipping masks, then a serif italic word cycles letter by letter through 3D blur, the line reflows smoothly, a stroke redraws beneath it, and story-style progress pills let you jump between words. A violet dot spotlight trails the cursor.
- [Lanyard Card](https://assembli-rho.vercel.app/components/lanyard-card.md): A conference badge hanging from a real rope simulation. Verlet physics swings it in, you can grab and fling it, and a holographic sheen slides across the card as it tilts. Arrow keys give it a nudge; reduced motion shows it still.
- [Lever Switch](https://assembli-rho.vercel.app/components/lever-switch.md): A physical toggle lever with a weighted spring: drag or tap the handle, it overshoots, settles, and the status lamp lights. Keyboard and screen-reader accessible.
- [Madlib Contact Form](https://assembli-rho.vercel.app/components/contact-madlib.md): Contact form written as a sentence: fill-in-the-blank inputs that grow as you type, pill choices with a sliding highlight, and a send button that unlocks once the sentence is complete.
- [Marquee Type CTA](https://assembli-rho.vercel.app/components/marquee-type-cta.md): Big-type closing section: an outlined headline loops as a marquee, an accent fill wipes up through the letters on hover, and a rotating circular-text badge follows the cursor. Availability status and contact links included.
- [Mascot Login](https://assembli-rho.vercel.app/components/login-mascot.md): Playful sign-in where a blob mascot's pupils follow your typing, its eyes cover when you enter a password, and it smiles, droops or hops on success and failure. Clay-style chunky buttons.
- [Morph Icons](https://assembli-rho.vercel.app/components/morph-icons.md): Icon buttons whose glyphs physically transform: a menu folds into a cross, play melts into pause, plus collapses into minus, a speaker grows sound waves, copy draws a tick, a chevron turns over. Path interpolation on springs, accessible toggle semantics.
- [Morphing Dialog](https://assembli-rho.vercel.app/components/morphing-dialog.md): A card that physically becomes its own modal: shared-layout animation grows the card's image, title and body into a full dialog and back, with focus trap, scroll lock and Escape to close.
- [Morphing Tooltip](https://assembli-rho.vercel.app/components/tooltip-morph.md): One tooltip that glides between targets instead of popping in and out. Hover a row of icons and the bubble slides, resizes and cross-fades its label on a shared layout spring.
- [Neobrutalist Sign-up](https://assembli-rho.vercel.app/components/signup-neobrutalist.md): Loud sign-up form with thick black borders, hard offset shadows that press flat on click, a blocky password-strength meter and a sticker badge.
- [Notch Tab Bar](https://assembli-rho.vercel.app/components/notch-tab-bar.md): Mobile bottom tab bar with a curved cutout that glides under the active tab while its icon floats up in a coloured bubble.
- [Open Week](https://assembli-rho.vercel.app/components/empty-calendar.md): Empty calendar week where every open slot is a button. Hovering sketches a ghost event with its time, clicking picks it and rewrites the call to action. A now-line marks the current hour.
- [Org Chart](https://assembli-rho.vercel.app/components/org-chart.md): A collapsible org chart that lays itself out as a tidy tree. Branches grow out of their parent and connectors morph as you expand or collapse, search auto-opens the path to a match, and hovering traces the reporting line back to the top.
- [Paper Fold Text](https://assembli-rho.vercel.app/components/paper-fold-text.md): Headline cut into horizontal panels and folded like a paper map with alternating creases. It springs open the first time it scrolls into view and creases again on hover, with panels shaded by the angle they face. Works for any block of text; the real text stays in the DOM for layout and screen readers.
- [Parallax Floating](https://assembli-rho.vercel.app/components/parallax-floating.md): Hero where floating cards sit at different depths and drift against the pointer with spring easing, while a slow idle bob keeps the scene alive. Depth drives size, blur and speed.
- [Passkey Login](https://assembli-rho.vercel.app/components/login-passkey.md): Passkey-first sign-in built around one large fingerprint button: idle ripples, a scanning sweep, a success burst and a shake on failure, with an inline password fallback.
- [Path Marquee](https://assembli-rho.vercel.app/components/path-marquee.md): Chips and words that ride a curved SVG path in a loop. Scroll velocity pushes them faster, hovering slows them, and items rotate to follow the tangent.
- [Peel Card](https://assembli-rho.vercel.app/components/peel-card.md): A card with a curling paper corner: hover teases the fold, click peels it back on a spring to reveal what is underneath. The flap is real geometry with a back face, fold gradient and drop shadow that follows the cut.
- [Perspective Product Hero](https://assembli-rho.vercel.app/components/perspective-product-hero.md): Left-aligned product hero above a full app window (an issue tracker mockup by default, or your own via children) tilted back in 3D. The window flattens and lifts as the hero scrolls away, with a rim of light on its top edge and a fade to the background at the bottom.
- [Pixel Trail](https://assembli-rho.vercel.app/components/pixel-trail.md): A pixel grid that lights up under the cursor and decays cell by cell, leaving a fading mosaic wake. Canvas-based, DPR-aware, theme-aware.
- [Plucked Strings](https://assembli-rho.vercel.app/components/plucked-strings.md): Stretched SVG strings you pluck with the pointer: a damped spring simulation sends travelling waves along each string, and WebAudio plays a pentatonic note per string.
- [Point Morph Hero](https://assembli-rho.vercel.app/components/point-morph-hero.md): WebGL hero where eleven thousand points morph between a sphere, a torus knot, a wordmark sampled from canvas, a wave field, a lattice and a helix. Each morph bursts outward with a per-point stagger, depth drives size and color, the cursor parts the cloud, and a numbered index lets you pick a shape. Raw WebGL, no three.js.
- [Portal Door CTA](https://assembli-rho.vercel.app/components/portal-door-cta.md): Closing call to action with an arched door standing in the page. Hovering or focusing the button (or the door) swings it open on a heavy spring: the slab has real thickness, light spills across the floor and the scene behind the doorway comes into view.
- [Prism Hero](https://assembli-rho.vercel.app/components/prism-hero.md): Infrastructure hero: a beam of light draws in from the left, strikes a glass prism and fans out into an eight-color spectrum that fades across the page and gently shimmers, over a fading grid. Built entirely in SVG; works in light and dark.
- [Prompt Hero](https://assembli-rho.vercel.app/components/prompt-hero.md): AI-builder hero in the style of today's app generators: a large prompt box types example prompts letter by letter, deletes them and moves on, over a warm sunrise glow on the bottom edge with film grain. Suggestion chips fill the prompt in one click, Enter submits, and an onSubmit callback receives the text.
- [Puzzle Cube](https://assembli-rho.vercel.app/components/puzzle-cube.md): A fully working 3×3 twisty puzzle in pure CSS 3D: 26 cubies driven by rotation matrices, per-face Lambert shading from a fixed light, drag-to-orbit with inertia, keyboard face turns, and an autoplay loop that scrambles and then solves itself by reversing its history.
- [Radar Chart](https://assembli-rho.vercel.app/components/radar-chart.md): A multi-series radar (spider) chart in pure SVG that morphs smoothly between datasets. Pointer or arrow keys pick an axis for a side-by-side readout, the legend toggles series, and a table view is one click away. Colour-blind-validated palette.
- [Range Calendar](https://assembli-rho.vercel.app/components/range-calendar.md): Date range picker with live hover preview, a continuous selection band that wraps cleanly across weeks, animated month changes, one or two months, and full arrow-key navigation.
- [Receipt Pricing Builder](https://assembli-rho.vercel.app/components/pricing-receipt.md): Build-your-plan configurator: pick a plan, seats and add-ons on the left while a torn-paper receipt on the right adds and removes line items, applies the annual discount and rolls the total.
- [Release Shelf Hero](https://assembli-rho.vercel.app/components/release-shelf-hero.md): Release archive hero styled like a record shelf. Square cover art drops onto two lit shelves. Hovering or focusing a cover lifts it out of its slight tilt and reveals Open and Details links, and a year/season timeline underneath highlights the matching cover. The current release wears a holographic "Now playing" sticker.
- [Rotary Knob](https://assembli-rho.vercel.app/components/rotary-knob.md): A hardware-style control knob with a brushed-metal body, a ring of ticks that light up with the value, fine-adjust on Shift, keyboard steps, double-click reset and a spring-damped indicator.
- [Sankey Flow Chart](https://assembli-rho.vercel.app/components/sankey-chart.md): Pure-SVG Sankey diagram that lays out its own nodes and ribbons. Hover a node or ribbon to isolate its flow while everything else fades.
- [Scratch Card](https://assembli-rho.vercel.app/components/scratch-card.md): A canvas scratch-off: holographic foil with a coin cursor that you rub away with mouse or finger. Tracks how much is cleared, auto-reveals past a threshold with a sparkle burst, and gives keyboard users a Reveal button.
- [Sculpture Hero](https://assembli-rho.vercel.app/components/sculpture-hero.md): Split hero with a raymarched WebGL sculpture: a breathing torus with three orbs melting through it, shaded as iridescent lacquer with anti-aliased edges on a transparent canvas. It turns toward the cursor over a receding ring floor, with floating glass callouts. No three.js; one fragment shader.
- [Seat Builder Pricing](https://assembli-rho.vercel.app/components/pricing-seat-builder.md): Per-seat pricing where one team-size control drives every tier: per-seat and team totals roll digit by digit, plans outside their seat range dim, and a 'Best fit' badge glides to the plan that matches. Monthly/yearly toggle included.
- [Seat Map](https://assembli-rho.vercel.app/components/seat-map.md): A curved cinema seat picker: rows fan around the screen, price tiers, taken and accessible seats, hover lift, a best-seats-together finder, up to six selections with a live total, and full arrow-key navigation with a roving tabindex.
- [Selection Toolbar](https://assembli-rho.vercel.app/components/selection-toolbar.md): Contextual toolbar that appears over any text you select, tracks the selection rect and flips below when there is no room. Format, highlight, comment or ask AI, with morphing panels.
- [Shortcut Feature Grid](https://assembli-rho.vercel.app/components/feature-shortcut-grid.md): Feature cards that each own a keyboard shortcut. Press the keys and the matching card lights up and its keycaps press down; hover does the same. Made for keyboard-first products.
- [Skew Gradient Hero](https://assembli-rho.vercel.app/components/skew-gradient-hero.md): Payments-style hero: five blurred color blobs drift inside a band skewed downhill across the top, behind a bold deep-navy headline. A floating checkout card and an animated revenue chip sit on the right (replaceable via children). Mesh colors are configurable.
- [Slide to Confirm](https://assembli-rho.vercel.app/components/slide-to-confirm.md): A drag-to-confirm control: the label shimmers and fades as you pull the handle, a green fill chases it, then it settles through a loading spinner into a success state. Keyboard users get arrow and Enter support.
- [Spotlight Login](https://assembli-rho.vercel.app/components/login-spotlight.md): Near-black sign-in card whose hairline border and surface light up under the cursor like a spotlight, with SSO, gradient-text heading and a ⌘↵ submit shortcut. Always dark.
- [Sticky Note Board](https://assembli-rho.vercel.app/components/sticky-note-board.md): A tactile whiteboard of sticky notes: drag from anywhere except the text, notes lift and straighten under your hand, the last one touched stays on top, edit in place, add in five colours, and drop a note on the bin to crumple it away.
- [Testimonial Helix](https://assembli-rho.vercel.app/components/testimonial-helix.md): Testimonials spiralling around a 3D helix that turns slowly. Cards on the far side show their backs and fade with the angle, Fling it to spin with inertia, and hover to slow it to a reading pace. Radius and rise adapt to the card count and number of turns.
- [Tilted Wall Hero](https://assembli-rho.vercel.app/components/tilted-wall-hero.md): Centered hero over an isometric wall of UI tiles (charts, toggles, avatars, stats, gradient swatches) tilted in 3D. Alternate columns scroll endlessly in opposite directions, and a radial vignette keeps the headline readable. The wall settles in from a slight zoom on load.
- [Treemap Chart](https://assembli-rho.vercel.app/components/treemap-chart.md): A two-level squarified treemap whose tiles glide to new positions when you switch metric or filter a group. Tiles are real buttons with direct labels, groups use a colour-blind-validated palette, and hovering dims everything else for a detail readout.
- [Trifold Invite](https://assembli-rho.vercel.app/components/trifold-invite.md): Letter-folded card in CSS 3D. Closed, it shows a cover flap with a wax seal; open it and the top flap swings up, then the bottom flap swings down, each panel shading as it turns from the light. Folding closes it in reverse order. Bring your own cover, three inside panels and a back.
- [Undo Toast](https://assembli-rho.vercel.app/components/undo-toast.md): Toast with a draining timer bar and an Undo action. The countdown pauses while you hover or focus, springs in from the bottom and stacks cleanly when several fire at once.
- [Vinyl Sleeve](https://assembli-rho.vercel.app/components/vinyl-sleeve.md): An LP standing in 3D: a card sleeve with stacked-slice thickness and a record tucked behind it. Press play and the record slides out on a spring and spins with a fixed sheen over the grooves; pause and it tucks back in. Leans toward the cursor, with a track list and an equaliser on the playing track.
- [Waitlist Ticket](https://assembli-rho.vercel.app/components/waitlist-ticket.md): Waitlist sign-up shaped like an admit-one ticket with punched notches, a perforated stub and barcode. Submitting makes the ticket hop and the stub's queue number count up.
- [Waveform Scrubber](https://assembli-rho.vercel.app/components/waveform-scrubber.md): An audio-style waveform player where bars swell around the playhead and your cursor like liquid. Click or drag to seek, with a time tooltip, keyboard seeking, and a play/pause button. Feed it real peak data or let it generate a demo.
- [Weather Card](https://assembli-rho.vercel.app/components/weather-card.md): Glanceable weather card with an animated scene per condition: a spinning sun, drifting clouds or falling rain, a sky gradient that crossfades between them, big temperature and an hourly strip.
- [Weight Wave Text](https://assembli-rho.vercel.app/components/weight-wave-text.md): Headline whose variable-font weight swells under the cursor. Letters nearest the pointer go heavy and the weight falls off smoothly with distance, so a wave of boldness follows your mouse.
- [Wheel Picker](https://assembli-rho.vercel.app/components/wheel-picker.md): An iOS-style 3D drum picker built on native scroll-snap: items curve away on a cylinder as you scroll, with mouse drag, wheel, touch, click-to-select and arrow-key support. Compose several for time and date pickers.
- [AI Prompt Box](https://assembli-rho.vercel.app/components/ai-prompt-box.md): Chat composer with an auto-growing textarea, attachment chips, a model picker, suggestion pills, Enter to send and a rotating conic glow plus stop button while the model is busy.
- [Announcement Pill](https://assembli-rho.vercel.app/components/announcement-pill.md): The 'Introducing X →' pill above a hero: a gradient tag chip, message and an arrow whose shaft draws in on hover, wrapped in a hairline border with a comet of light orbiting it. CSS only.
- [Area Chart](https://assembli-rho.vercel.app/components/area-chart.md): Dependency-free SVG area chart with a smoothed spline that draws itself in, a gradient fill, a pointer crosshair driving the headline value and an automatic change badge.
- [Aurora Backdrop](https://assembli-rho.vercel.app/components/aurora-backdrop.md): Section background of four blurred color fields drifting on independent loops over a radially masked dot grid; blends correctly in light and dark mode and holds still for reduced motion.
- [Bar Chart](https://assembli-rho.vercel.app/components/bar-chart.md): Grouped bar chart in plain HTML: bars grow from the baseline in a stagger, a recessive grid, legend, and a hover column with a tooltip for every series. Colorblind-validated palette and a hidden data table.
- [Card Wall 3D](https://assembli-rho.vercel.app/components/card-wall-3d.md): A wall of cards laid back in 3D and twisted, with alternate columns scrolling in opposite directions forever behind your headline. Pure CSS; hover pauses, edges fade into the page.
- [Changelog Timeline](https://assembli-rho.vercel.app/components/changelog-timeline.md): Changelog with a sticky date column and a rail that fills as you scroll. Release nodes light up when reached; entries are tagged New, Improved or Fixed.
- [Chat Thread](https://assembli-rho.vercel.app/components/chat-thread.md): Complete chat transcript: user bubbles, assistant replies with code blocks and a streaming caret, hover actions (copy, rate, regenerate), scroll pinning with a jump-to-latest pill and an auto-growing composer.
- [Cohort Table](https://assembli-rho.vercel.app/components/cohort-table.md): Retention heatmap for cohort analysis: each cell is tinted by retention, the hovered row and column form a crosshair while the rest recede, recent cohorts show hatched not-yet-observed weeks, and a weighted average row sums it up. Toggle percent or user counts.
- [Command Palette](https://assembli-rho.vercel.app/components/command-palette.md): ⌘K palette on the native <dialog> with grouped fuzzy results, nested pages behind a breadcrumb chip, combobox ARIA, arrow/enter/backspace control and an active row that glides between items.
- [Constellation Field](https://assembli-rho.vercel.app/components/constellation-field.md): Canvas starfield whose drifting points join with threads when they pass close. The cursor pushes stars aside and casts accent-colored threads of its own. Theme-aware, reduced-motion safe.
- [Credit Card](https://assembli-rho.vercel.app/components/credit-card.md): Payment card that tilts toward the pointer with a holographic sheen tracking the light, and flips in 3D on click to reveal the signature strip and CVC. Number masked except the last four.
- [CRUD Table](https://assembli-rho.vercel.app/components/crud-table.md): The full pipeline table: add rows, edit them in place with validation, delete one or many with an undo toast and countdown, select across a page, search, sort, paginate and see live totals. Rows collapse and unfold with springs; Enter saves, Esc cancels.
- [Day/Night Switch](https://assembli-rho.vercel.app/components/day-night-switch.md): Theme switch drawn as a tiny sky: the sun rolls across with drifting clouds, sets into a cratered moon as the sky turns indigo and stars rise. Accessible role=switch.
- [Dot Matrix Wave](https://assembli-rho.vercel.app/components/dot-matrix-wave.md): Canvas dot field with a slow diagonal swell and a liquid lens that inflates dots around the cursor; follows the theme via currentColor, DPR-aware, and draws a single frame for reduced motion.
- [Editorial Hero](https://assembli-rho.vercel.app/components/editorial-hero.md): Magazine-cover hero: masthead rules, an oversized serif headline that rises line by line out of clipping masks, a drop-cap deck, credits row and a rotating circular 'read the story' stamp.
- [Elastic Slider](https://assembli-rho.vercel.app/components/elastic-slider.md): iOS-style slider you can grab anywhere: dragging past either end stretches and thins the track like rubber and pushes the end icon, then springs back. Full slider keyboard support.
- [Expanding Panels](https://assembli-rho.vercel.app/components/expanding-panels.md): Row of tall art panels where the hovered, focused or tapped one springs open to reveal its story while the rest collapse to vertical labels. Stacks vertically on small screens. A bold feature showcase.
- [FAQ Chat](https://assembli-rho.vercel.app/components/faq-chat.md): FAQ as a conversation: unanswered questions wait as chips; picking one sends it as a bubble, shows a typing indicator, then answers. Asked questions leave the chip row.
- [Feedback Widget](https://assembli-rho.vercel.app/components/feedback-widget.md): Feedback pill that morphs into its own form via a shared layout element: emoji rating, note, send, then a thank-you check before collapsing back to a pill.
- [Filter Table](https://assembli-rho.vercel.app/components/filter-table.md): Directory-style table with live search that highlights matches, status filter chips with counts, tri-state column sorting, a cozy/compact density switch and a friendly empty state. Press / to focus search.
- [Globe Hero](https://assembli-rho.vercel.app/components/globe-hero.md): Split hero with a rotating dotted globe: a Fibonacci-lattice sphere drawn on canvas with depth shading, and great-circle routes between cities that draw in, hold and retract with pulsing endpoints.
- [Grain Gradient](https://assembli-rho.vercel.app/components/grain-gradient.md): Risograph-style mesh gradient: four radial color fields slide and rotate past each other beneath heavy SVG film grain and a soft vignette, for editorial heroes and posters.
- [Histogram Range Slider](https://assembli-rho.vercel.app/components/histogram-range-slider.md): Dual-thumb price-style range slider over a distribution histogram: bars inside the selection light up, a live result count updates as you drag, thumbs swell on grab, and every key (arrows, PageUp/Down, Home/End) works.
- [Inline Edit Table](https://assembli-rho.vercel.app/components/inline-edit-table.md): Spreadsheet-style editable grid: arrow-key navigation, type to overwrite, Enter/Tab to commit and move, Esc to cancel, ⌘Z undo. Text, number, select and boolean cells with validation, save flash, dirty-cell markers and a save/discard bar.
- [Island Nav](https://assembli-rho.vercel.app/components/island-nav.md): Header that starts as a full-width bar and, once you scroll, springs into a floating frosted pill: width, radius, padding and shadow all animate. Hover highlight glides between links.
- [KPI Sparklines](https://assembli-rho.vercel.app/components/kpi-sparklines.md): KPI cards with a delta badge and a scrubbable sparkline: hover anywhere on the line to read that point back into the headline. Good/bad coloring respects metrics where down is good.
- [Liquid Tabs](https://assembli-rho.vercel.app/components/liquid-tabs.md): Segmented tabs whose dark indicator springs between triggers with a squash on arrival, while panels blur-slide in from the direction of travel; full tablist keyboard support.
- [Live Cursors](https://assembli-rho.vercel.app/components/live-cursors.md): Multiplayer presence layer: named cursors with colour-matched labels wander the canvas on springs, pause to think, and ripple where they click. Includes your own cursor with click pulses. Drop it over any relative container.
- [Live Leaderboard](https://assembli-rho.vercel.app/components/live-leaderboard.md): Ranked list that re-sorts itself as scores change: rows glide to their new positions on springs, flash green or red, show places gained or lost, and the leader wears a crown.
- [Magnetic Button](https://assembli-rho.vercel.app/components/magnetic-button.md): Button with gravity: it springs toward the pointer while its label moves further for a parallax lean, squishes on press and rests still for reduced motion. Solid and outline variants.
- [Mega Menu](https://assembli-rho.vercel.app/components/mega-menu.md): Stripe-style navigation with one shared dropdown surface that resizes and slides between panels instead of closing and reopening; panel contents cross-fade in the direction you moved.
- [Morph Submit](https://assembli-rho.vercel.app/components/morph-submit.md): Async submit button that becomes its state: the pill collapses into a spinning circle, then springs back out as a green check or a shaking red error before resetting; labels blur-swap.
- [Notification Stack](https://assembli-rho.vercel.app/components/notification-stack.md): Notification pile that rests as a scaled deck and fans into a list on hover or focus; new items drop in from the top and cards dismiss with a sideways swipe or ×.
- [Odometer](https://assembli-rho.vercel.app/components/odometer.md): Mechanical odometer: each digit is a 0–9 wheel that spins on a spring to its new value, lower digits trailing. Locale-aware separators and currency via Intl.NumberFormat.
- [Onboarding Wizard](https://assembli-rho.vercel.app/components/onboarding-wizard.md): Multi-step onboarding card with a segmented progress rail, step bodies that slide in the direction of travel, a card that resizes smoothly to each step, and focus moved to each new heading.
- [OTP Input](https://assembli-rho.vercel.app/components/otp-input.md): One-time-code field with grouped cells, paste and arrow-key support, autofill hints, an async check that pulses while verifying, a shake on failure and a cascading green on success.
- [Outline Footer](https://assembli-rho.vercel.app/components/outline-footer.md): Site footer with a pill newsletter form, link columns with sliding arrows, and an oversized outlined wordmark that floods with gradient from the bottom on hover.
- [Presence Avatars](https://assembli-rho.vercel.app/components/presence-avatars.md): Multiplayer presence stack: avatars ringed in each person's cursor color, idle users dimmed, typing users with animated dots. Hover fans the stack open and labels what each person is doing.
- [Product Card](https://assembli-rho.vercel.app/components/product-card.md): Commerce card: colorway swatches cross-fade and spin the product shot while washing the stage in the variant color, size chips with a sliding selection, and an add-to-bag button that confirms in place.
- [Quote Spotlight](https://assembli-rho.vercel.app/components/quote-spotlight.md): One large testimonial at a time: words blur in sequentially, and a row of avatars doubles as navigation with a progress ring around the current speaker. Autoplay pauses on hover and focus.
- [Radial Context Menu](https://assembli-rho.vercel.app/components/radial-context-menu.md): Pie-style context menu that blooms around the pointer on right-click or long-press. Items spring out in a ring, selection follows pointer angle (a flick is enough), the centre names the active action, and arrow keys, Enter and Escape work too.
- [Reasoning Steps](https://assembli-rho.vercel.app/components/reasoning-steps.md): Collapsible agent progress panel: a vertical rail of steps with pending, running, done and error states, a shimmering heading for the active step, live details and per-step timings.
- [Resizable Table](https://assembli-rho.vercel.app/components/resizable-table.md): Wide data table with drag-to-resize column edges (a live guide line follows, double-click resets, arrow keys resize), pin-to-left columns with a scroll shadow, and a column visibility menu. Sticky header, fixed layout, truncating cells.
- [Retro Grid](https://assembli-rho.vercel.app/components/retro-grid.md): Synthwave floor: a perspective grid scrolls toward the viewer beneath a striped sunset sun and a glowing horizon line. Configurable cell size, speed and neon color.
- [Scroll Reveal Text](https://assembli-rho.vercel.app/components/scroll-reveal-text.md): Statement paragraph that reads itself as you scroll: each word brightens from a faint ghost to full ink in order, tied directly to scroll position so it rewinds when you scroll back.
- [Segmented Control](https://assembli-rho.vercel.app/components/segmented-control.md): iOS-style segmented control with a raised thumb that springs between options. A real radio group with roving focus; sm/md/lg sizes, icon options and a pill variant.
- [Simple Table](https://assembli-rho.vercel.app/components/simple-table.md): The calm baseline: a hairline editorial table with generous spacing, tabular numbers and a single highlight pill that glides between rows on a spring as the pointer moves. Typed columns, any cell renderer, accessible caption.
- [Split-Flap Stats](https://assembli-rho.vercel.app/components/split-flap-stats.md): KPI row rendered as an airport departure board: each digit tile clatters through random numbers and settles in a staggered cascade when scrolled into view.
- [Spotlight CTA](https://assembli-rho.vercel.app/components/spotlight-cta.md): Closing call-to-action card lit by a spring-smoothed light that follows the cursor, with film grain, registration marks and a rotating-arrow pill button.
- [Sticky Feature Scroll](https://assembli-rho.vercel.app/components/sticky-feature-scroll.md): Scrollytelling features: copy blocks scroll past on one side while a pinned panel cross-fades (with blur) to the visual for whichever step is centered. Falls back to inline visuals on mobile.
- [Tape Marquee](https://assembli-rho.vercel.app/components/tape-marquee.md): Two crossing tilted tapes of heavy uppercase words scrolling in opposite directions, driven per frame so each ribbon pauses smoothly on hover.
- [Terminal Hero](https://assembli-rho.vercel.app/components/terminal-hero.md): Developer-tool hero pairing a headline and copyable install command with a dark terminal that types commands at human speed and streams colored output once scrolled into view.
- [Tilt Card](https://assembli-rho.vercel.app/components/tilt-card.md): Spring-damped 3D tilt container that follows the pointer with a soft-light glare, plus a TiltLayer helper that lifts children toward the viewer for real parallax depth.
- [Tree Table](https://assembli-rho.vercel.app/components/tree-table.md): Hierarchical project table with expandable rows: children unfold with a height-and-fade spring, indent guides trace the structure, and parent progress rolls up. A real treegrid with arrow-key navigation, expand/collapse all and roving focus.
- [Usage Pricing Slider](https://assembli-rho.vercel.app/components/usage-pricing-slider.md): Usage-based pricing calculator: a stepped gradient slider drives graduated tier math, a rolling blur-swap price readout, the active tier and per-unit cost, with full range-input accessibility.
- [Virtual Table](https://assembli-rho.vercel.app/components/virtual-table.md): A 10,000-row table that scrolls at full speed by rendering only the rows in view. Live search across every field, sortable headers, jump-to-row with a spotlight pulse, and an honest counter showing how few rows are actually in the DOM.
- [Voice Orb](https://assembli-rho.vercel.app/components/voice-orb.md): Voice-assistant orb: a glassy sphere of swirling conic color with a halo that breathes when idle, swells with the audio level while listening or speaking, and spins faster while thinking.
- [Wallet Stack](https://assembli-rho.vercel.app/components/wallet-stack.md): Apple-Wallet style card stack: cards overlap with only their top strip showing; tap one and it springs to the front while the rest tuck away below. Generous card art with chip, sheen and masked number. Keyboard accessible.
- [Warp Starfield](https://assembli-rho.vercel.app/components/warp-starfield.md): Canvas starfield streaming toward the viewer that eases into hyperspace when hovered or focused: stars stretch into streaks with motion trails, then settle back to cruise.
- [Wordmark Footer](https://assembli-rho.vercel.app/components/wordmark-footer.md): Footer with link columns that ends on an oversized wordmark cropped by the page edge. The hollow letters fill with soft light wherever the pointer passes.
- [Workspace Sidebar](https://assembli-rho.vercel.app/components/workspace-sidebar.md): App sidebar with a workspace switcher, collapsible nav sections, an active indicator that glides between items, badges, a usage meter and a collapse-to-icons mode that springs its width.
- [Glow Button](https://assembli-rho.vercel.app/components/glow-button.md): Pill button with a rotating conic-gradient border and a soft hover glow; customizable colors and speed, respects reduced motion.
- [Gradient Hero](https://assembli-rho.vercel.app/components/gradient-hero.md): Centered landing hero with a fading grid, soft conic gradient glow, eyebrow pill and primary/secondary actions.
- [Pricing Cards](https://assembli-rho.vercel.app/components/pricing-cards.md): Three-tier pricing section with a monthly/yearly toggle, highlighted plan, feature checklists and custom-price support.
- [Activity Rings](https://assembli-rho.vercel.app/components/activity-rings.md): Concentric progress rings in the style of a fitness tracker: round-capped strokes sweep in on view with a staggered spring, a legend counts up, and hovering a ring spotlights its metric.
- [Boarding Pass](https://assembli-rho.vercel.app/components/boarding-pass.md): Airline boarding-pass card with real punched notches (CSS mask), a perforated stub, a deterministic barcode and a plane that flies the route arc along a live Bézier path.
- [Donut Chart](https://assembli-rho.vercel.app/components/donut-chart.md): Interactive donut chart: segments draw in sequentially on view, the hovered or focused slice swells while the rest dim, and the centre counts up to the active value. Legend rows are keyboard-focusable and linked to the slices.
- [Dynamic Island](https://assembli-rho.vercel.app/components/dynamic-island.md): A pill-shaped live-activity surface that morphs between idle, timer, now-playing, call and alert states with shared-layout springs, blur cross-fades and an animated waveform.
- [Goo Switch](https://assembli-rho.vercel.app/components/goo-switch.md): Toggle switch whose knob stretches and splits like liquid: two spring-driven blobs travel at different speeds and fuse through an SVG goo filter. Accessible role=switch, controlled or uncontrolled.
- [Liquid Glass Button](https://assembli-rho.vercel.app/components/liquid-glass-button.md): Pill button made of liquid glass: the backdrop is blurred, saturated and bent by an SVG displacement filter, lit by inset rim highlights and swept by a specular sheen on hover. Falls back to frosted glass outside Chromium.
- [Marker Highlights](https://assembli-rho.vercel.app/components/marker-highlights.md): Inline hand-drawn emphasis for copy: highlighter swipes, squiggly underlines, loose circles, strikes and boxes that draw themselves when scrolled into view. Wraps across lines and respects reduced motion.
- [Morph Nav](https://assembli-rho.vercel.app/components/morph-nav.md): Floating pill navbar with a mega-menu panel that glides under the hovered item and morphs its width and height to fit the content, sliding panels directionally. Opens on hover, focus or click; Escape closes.
- [Orbital Timeline](https://assembli-rho.vercel.app/components/orbital-timeline.md): Roadmap milestones orbiting a pulsing core. Selecting one pauses the orbit, draws lines to related milestones and opens a detail card with status and progress. The orbit is pure CSS, nodes counter-rotate to stay upright, and Escape closes.
- [Paper Plane Subscribe](https://assembli-rho.vercel.app/components/paper-plane-subscribe.md): Newsletter signup pill where submitting launches a paper plane along a drawn dotted trail, then settles into a confirmation. Handles validation with a shake, async submit, error state and reset.
- [Snap Drawer](https://assembli-rho.vercel.app/components/snap-drawer.md): Bottom sheet that drags between snap points with velocity-aware settling, flick-to-dismiss, a scrim that tracks the sheet, focus trap, scroll lock and Escape to close. Portal-based, no dependencies beyond motion.
- [Spotlight Card](https://assembli-rho.vercel.app/components/spotlight-card.md): Card grid lit by the cursor: one pointer handler on the group feeds each card local coordinates, so the border light spills across neighbouring cards while the hovered one glows. CSS variables only, no re-renders.
- [Swipe Deck](https://assembli-rho.vercel.app/components/swipe-deck.md): Tinder-style stack of draggable cards with rotation, like/nope stamps, velocity-based fling, undo and arrow-key control. Bring your own card art as any CSS background.
- [Testimonial Marquee](https://assembli-rho.vercel.app/components/testimonial-marquee.md): Two rows of testimonial cards scrolling in opposite directions with edge fades; pauses for users who prefer reduced motion.

## Newest

- [Bloop Pack](https://assembli-rho.vercel.app/components/bloop-pack.md): The whole Bloop asset pack in one install: ten glossy gumball critters raymarched in WebGL, with googly eyes that roll loose on real physics and jelly bodies that squash when you poke or fling them: Peep, Imp, Fuji, Whirly, Puff, Chomp, Sprout, Gloop, Snooze and Shades. Six palettes, plus studio tiles, a gumball-pile palette picker and a gumball machine that dispenses a random critter.
- [Shades](https://assembli-rho.vercel.app/components/bloop-shades.md): Bloop pack critter: an aqua gumball in mirror-black sunglasses and red headphones, with a smirk and a tapping foot. It nods along at 108 beats a minute, bouncing on every beat; every eight beats it slides its shades down, peeks over them with googly eyes and winks, then pushes them back up. A tap gets the wink. Raymarched in WebGL, six palettes.
- [Snooze](https://assembli-rho.vercel.app/components/bloop-snooze.md): Bloop pack critter: a lilac sleepyhead in a striped nightcap with a fluffy pom-pom, dozing with painted arcs for eyes. It breathes slowly, blowing a see-through bubble that swells and shrinks while little z's float up; every few seconds the bubble pops, it jolts awake with googly eyes wide, has a groggy look round and nods back off. A tap pops it. Raymarched in WebGL, six palettes.
- [Gloop](https://assembli-rho.vercel.app/components/bloop-gloop.md): Bloop pack critter: a cherry jelly that never stops wobbling, glossy and lit from within, with three googly eyes floating in it and a puddle round its base. Every few seconds it melts flat, eyes and all, has a look round from down there, then pulls itself back together with a boing that overshoots and jiggles out. A tap splats it. Raymarched in WebGL, six palettes.
- [Keyline Icons](https://assembli-rho.vercel.app/components/keyline-icons.md): 287 line icons covering the whole Feather catalogue that show their working. Hover and the construction lays in over the glyph, derived from its own geometry: every arc completed to its circle, straight runs extended into guides, Bézier handles, anchor points, width, height and the biggest radius. Then the glyph redraws stroke by stroke along it. Hairlines stay one screen pixel at every size.
- [Argon Icons](https://assembli-rho.vercel.app/components/argon-icons.md): 287 neon icons covering the whole Feather catalogue, each bent from glass tube: a soft halo, the gas color and a hot white core. From 40px up the sign maker's work shows too, the jumps between parts painted out in black and the clips that hold the tube to the wall. Hover and it stutters on while the icon moves. Eight gases, a second gas for the moving part, unlit glass and dark-until-hover modes.
- [Sprout](https://assembli-rho.vercel.app/components/bloop-sprout.md): Bloop pack critter: a lemon gumball with rosy cheeks, glossy eyes that squeeze into happy arcs and a two-leaf sprout on its head. It bounces, three happy hops with a proper squash before each take-off and on each landing, the leaf flapping behind; then one big spinning hop that bursts its sprout into a flower. A tap gives it the big hop. Raymarched in WebGL, six palettes.
- [Chomp](https://assembli-rho.vercel.app/components/bloop-chomp.md): Bloop pack critter: a grape ball that is nearly all mouth, hinged at the back, with big square teeth, a lolling tongue and googly eyes up on bendy stalks. It hums along, nibbles the air in quick little noms, and every few seconds opens wider and wider, then snaps shut so hard it squashes and its eye stalks whip about. A tap makes it chomp. Raymarched in WebGL, six palettes.

## Categories

### Pages

- [Landing pages](https://assembli-rho.vercel.app/category/landing-pages.md) (46): Complete, single-file landing pages with every section, from nav to footer, ready to hand to a coding agent and rebrand.
  - [SaaS](https://assembli-rho.vercel.app/category/landing-pages/saas.md) (10): Software products: CRMs, developer tools, dashboards and B2B platforms.
  - [AI products](https://assembli-rho.vercel.app/category/landing-pages/ai.md) (10): Model-powered tools: generators, assistants, copilots and agents.
  - [Product launches](https://assembli-rho.vercel.app/category/landing-pages/product.md) (1): Hardware, gadgets, apps and consumer products with a launch story.
  - [Portfolios](https://assembli-rho.vercel.app/category/landing-pages/portfolio.md) (10): Personal sites for designers, developers, photographers and other creatives.
  - [Agencies & studios](https://assembli-rho.vercel.app/category/landing-pages/agency.md) (7): Design, development and marketing agencies, studios and consultancies.
  - [Health & wellness](https://assembli-rho.vercel.app/category/landing-pages/health.md) (1): Clinics, dentists, therapists, gyms and wellness brands.
  - [Finance](https://assembli-rho.vercel.app/category/landing-pages/finance.md) (7): Fintech, banking, accounting, insurance and investing.

### Assets

- [Asset packs](https://assembli-rho.vercel.app/category/asset-packs.md) (150): Themed sets of 3D objects you can drop into any page. Install a whole pack with its stage, or pull any single asset on its own.
  - [Objet](https://assembli-rho.vercel.app/category/asset-packs/objet.md) (17): Sixteen raymarched WebGL objects in cobalt clay, chrome, tangerine lacquer, paper and birch, plus a stage to compose them.
  - [Lumen](https://assembli-rho.vercel.app/category/asset-packs/lumen.md) (13): Twelve UI icons in frosted, halftone-printed glass, each with its own motion: an eye that watches, a lock that opens, a bell that rings. Five tints.
  - [Orbit](https://assembli-rho.vercel.app/category/asset-packs/orbit.md) (13): Twelve pastel toy-space objects in soft satin plastic: a telescope that sweeps the sky, a rocket on a flickering flame, a saucer with a tractor beam, an observatory that opens up. Six palettes.
  - [Morsel](https://assembli-rho.vercel.app/category/asset-packs/morsel.md) (9): Eight soft-lit 3D dishes in twenty versions: burgers, hot dogs, sandwiches, sushi, fries and shakes, each with its own motion. Six palettes or your own colors.
  - [Jaunt](https://assembli-rho.vercel.app/category/asset-packs/jaunt.md) (11): Ten pastel toy vehicles with see-through windows and real shadows: a helicopter that lifts off, a plane that barrel-rolls, a tug riding the waves, a digger working a load. Six palettes or your own colors.
  - [Tinsel](https://assembli-rho.vercel.app/category/asset-packs/tinsel.md) (11): Ten soft clay Christmas pieces in snow, icing, knit and gingerbread: a tree that shivers and spins its star, a snowman who waves, mittens that high-five, a snow globe that swirls. Six palettes or your own colors.
  - [Sunday](https://assembli-rho.vercel.app/category/asset-packs/sunday.md) (9): Eight scenes of soft clay people on their day off, with painted faces that blink and look your way: friends under a tree, a reader, a gardener, a skater's ollie, a ukulele player, coffee for two, a dog that begs, and tree pose with a bird. Six palettes or your own colors.
  - [Boo](https://assembli-rho.vercel.app/category/asset-packs/boo.md) (11): Ten vinyl art-toy monsters whose bulging eyes follow your cursor: a drooling zombie, Frankenstein's monster, a vampire, a mummy, a werewolf, a ghost, a witch, a dancing skeleton, a pumpkin kid and a lagoon creature. Each has its own motion and jumps when you tap it. Six palettes.
  - [Gizmo](https://assembli-rho.vercel.app/category/asset-packs/gizmo.md) (11): Ten soft-touch tech gadgets with sculpted keycaps, printed line icons and glowing screens: a macro pad that taps out a rhythm, a computer with a pixel face, an instant camera that prints, a boombox, an arcade stick and more. Tap one to press it. Six palettes.
  - [Sol](https://assembli-rho.vercel.app/category/asset-packs/sol.md) (12): The solar system as hand-made clay models: the Sun, eight planets, the Moon and Pluto. Earth has real raised continents under a glass atmosphere, Saturn wears grooved rings, Pluto has its heart. Drag any of them to spin it like a globe and tap for its own trick. Five paint jobs, plus a working orrery.
  - [Vitro](https://assembli-rho.vercel.app/category/asset-packs/vitro.md) (11): Ten abstract sculptures in real refractive glass and soft matte color: stacked glass rings, a bubble with an orbiting hoop, a paperweight cube, a coil-wound torus, a glass spring and more. Light bends through every wall. Drag to turn one, tap it to set it going. Six palettes, clear, frosted or smoked glass.
  - [Hamlet](https://assembli-rho.vercel.app/category/asset-packs/hamlet.md) (11): Toy diorama scenes on floating islands: a cottage, a beach house, an alpine lodge, a city block, the suburbs, a lighthouse, a farm, a lakeside camp, canal houses and a desert. Set the time of day and the sun really moves: shadows swing round, then windows light up one by one and lamps pool warm light. Drag to turn, tap for each scene's trick.
  - [Bloop](https://assembli-rho.vercel.app/category/asset-packs/bloop.md) (11): Ten glossy gumball critters with googly eyes that roll loose on real physics and jelly bodies that squash and wobble when you poke or fling them: a visor ball that pops its lid, a somersaulting imp, a hat-tossing snow egg, a propeller cyclops, a pufferfish koosh, a mouth on stalks, a bouncer, a melting jelly, a sleepyhead and a cool one in shades. Six palettes.

### Icons

- [Icons](https://assembli-rho.vercel.app/category/icons.md) (4): Complete icon sets in one install: every icon a React component with typed props, an accent color and a motion of its own that plays on hover.
  - [Plume](https://assembli-rho.vercel.app/category/icons/plume.md) (1): 287 line icons on a 24px grid with a 2px round stroke, covering the whole Feather catalogue under the same names. Each one moves the way it means: a bell swings, a trash lid lifts, a slash draws through.
  - [Offset](https://assembli-rho.vercel.app/category/icons/offset.md) (1): 287 two-ink icons, printed like a riso job: a fine key line and a flat spot of color on the part that carries the meaning, set a hair out of register. Hover and the plates pull into line while the icon moves. Same Feather names and props as Plume.
  - [Argon](https://assembli-rho.vercel.app/category/icons/argon.md) (1): 287 neon icons bent from glass tube: a soft halo, the gas color and a hot white core, with painted-out jumps and wall clips at large sizes. Hover and the tube stutters on while the icon moves. Eight gases. Same Feather names and props as Plume.
  - [Keyline](https://assembli-rho.vercel.app/category/icons/keyline.md) (1): 287 line icons that show their working. Hover and the construction lays in over the glyph (arcs completed to circles, guides, Bézier handles, dimensions), then it redraws along it. Same Feather names and props as Plume.

### Marketing blocks

- [Heroes](https://assembli-rho.vercel.app/category/heroes.md) (40): Above-the-fold landing sections with headline, copy and calls to action.
- [Features](https://assembli-rho.vercel.app/category/features.md) (11): Feature grids, bento layouts and benefit lists.
- [Pricing](https://assembli-rho.vercel.app/category/pricing.md) (9): Pricing tables, plan cards and comparison sections.
- [Testimonials](https://assembli-rho.vercel.app/category/testimonials.md) (3): Quotes, reviews and social-proof walls.
- [Calls to action](https://assembli-rho.vercel.app/category/calls-to-action.md) (9): Conversion banners and closing sections.
- [Logo clouds](https://assembli-rho.vercel.app/category/logos.md) (2): Client and partner logo strips.
- [Stats](https://assembli-rho.vercel.app/category/stats.md) (4): KPI rows, metric highlights and counters.
- [FAQs](https://assembli-rho.vercel.app/category/faqs.md) (2): Question and answer sections.
- [Footers](https://assembli-rho.vercel.app/category/footers.md) (2): Site footers with links and newsletter forms.
- [Navigation](https://assembli-rho.vercel.app/category/navigation.md) (7): Headers, navbars and mega menus.
- [Backgrounds](https://assembli-rho.vercel.app/category/backgrounds.md) (16): Decorative gradients, grids, patterns and shaders.
- [Text effects](https://assembli-rho.vercel.app/category/text-effects.md) (14): Animated and stylised typography.
- [Marquees](https://assembli-rho.vercel.app/category/marquees.md) (4): Infinite horizontal or vertical scrollers.
- [Timelines](https://assembli-rho.vercel.app/category/timelines.md) (4): Roadmaps, changelogs and chronological sequences.
- [3D](https://assembli-rho.vercel.app/category/3d.md) (14): Perspective scenes, WebGL sculptures and objects with real depth: cubes, books, helixes and isometric stacks.

### UI components

- [Buttons](https://assembli-rho.vercel.app/category/buttons.md) (23): Buttons, button groups and animated actions.
- [Inputs](https://assembli-rho.vercel.app/category/inputs.md) (26): Text fields, search bars and specialised inputs.
- [Forms](https://assembli-rho.vercel.app/category/forms.md) (18): Complete forms such as sign-in, sign-up and contact.
- [Cards](https://assembli-rho.vercel.app/category/cards.md) (27): Content, product and profile cards.
- [Dialogs](https://assembli-rho.vercel.app/category/dialogs.md) (10): Modals, drawers and sheets.
- [Menus](https://assembli-rho.vercel.app/category/menus.md) (10): Dropdowns, context menus and command palettes.
- [Tabs](https://assembli-rho.vercel.app/category/tabs.md) (10): Tab bars and segmented controls.
- [Steppers](https://assembli-rho.vercel.app/category/steppers.md) (7): Step indicators and multi-step flows: segmented bars, rails, chevrons, rings and live pipelines.
- [Toggles](https://assembli-rho.vercel.app/category/toggles.md) (6): Switches, radio groups and segmented toggles.
- [Checkboxes](https://assembli-rho.vercel.app/category/checkboxes.md) (12): Checkbox styles with checked, indeterminate, disabled and invalid states, plus chips, cards and nested groups.
- [Badges](https://assembli-rho.vercel.app/category/badges.md) (27): Badges, tags, pills and status chips.
- [Avatars](https://assembli-rho.vercel.app/category/avatars.md) (3): Avatars and avatar stacks.
- [Accordions](https://assembli-rho.vercel.app/category/accordions.md) (10): Collapsible disclosure panels.
- [Tables](https://assembli-rho.vercel.app/category/tables.md) (14): Data tables and lists.
- [Charts](https://assembli-rho.vercel.app/category/charts.md) (27): Charts and data visualisation.
- [Numbers](https://assembli-rho.vercel.app/category/numbers.md) (3): Animated counters, tickers and number formats.
- [Loaders](https://assembli-rho.vercel.app/category/loaders.md) (7): Spinners, skeletons and progress indicators.
- [Notifications](https://assembli-rho.vercel.app/category/notifications.md) (5): Toasts, notification stacks and announcement banners.
- [Alerts](https://assembli-rho.vercel.app/category/alerts.md) (7): Inline alerts, callouts, error summaries, system banners and status messages that live in the page.
- [Empty states](https://assembli-rho.vercel.app/category/empty-states.md) (11): Placeholders for no data, no results or first run.
- [AI chat](https://assembli-rho.vercel.app/category/ai-chat.md) (35): Chat inputs, message lists and AI interfaces.
- [Sidebars](https://assembli-rho.vercel.app/category/sidebars.md) (18): App sidebars and vertical navigation.
- [Carousels](https://assembli-rho.vercel.app/category/carousels.md) (10): Sliders, coverflows and swipeable galleries.
- [Calendars](https://assembli-rho.vercel.app/category/calendars.md) (13): Date pickers, range selectors and booking pickers.
- [Popovers](https://assembli-rho.vercel.app/category/popovers.md) (3): Tooltips, hover cards and anchored floating panels.
- [Pagination](https://assembli-rho.vercel.app/category/pagination.md) (3): Pagers, breadcrumbs and load-more controls.
- [Media](https://assembli-rho.vercel.app/category/media.md) (12): Image comparison, zoom, galleries and photo layouts.
- [Code](https://assembli-rho.vercel.app/category/code.md) (4): Code blocks, install commands and terminal output.

See [https://assembli-rho.vercel.app/agents.md](https://assembli-rho.vercel.app/agents.md) for MCP, API and registry access.