⚠️ Mobile is not supported yet.
Search for a command to run...
596 motion/3D UI patterns — scroll-driven WebGL, shader passes, spring choreography — as ready HTML/CSS/JS. 26 free, or $149 once for the rest.
"compare with 121" — side-by-side specs where the differences light up. Kills choice paralysis at the decision moment.
"spec it as a ledger" — label/value rows on hairlines. What a datasheet looks like when someone cared.
"glossary spec list is <n>" — spec rows with a small marker that reveals a plain-words definition on hover or focus; reach for it when a spec sheet uses jargon a buyer shouldn't have t
"submittals via 129" — branded spec sheets generated on the spot, print-ready. Non-negotiable in contract furniture.
"instant nav via 168" — one script tag in the head. The cheapest expensive-feeling upgrade on the entire menu.
"voice input via 208" — hold the button, speak, watch it transcribe. The input side of 55.
"embed via 116" — interactive 3D authored in a design tool, embedded like an image. Fastest idea-to-3D when code isn't the point. (Sample scene; ours needs a Spline account.)
"contact form is <n>" — a short pitch column beside a compact two-field form, divided by a single rule; reach for it when a contact block needs to feel considered, not bolted on.
"split the ask" — copy on the left, the action on the right, hairline between. Reads as calm, converts like a banner.
"split the CTA" — copy on the left, a divider, the button stack on the right.
"give me a split editorial hero" — oversized type on one side, a hairline rule and meta list on the other; reach for it when the headline should read like a magazine opener, not a landing pa
"departures via 153" — Solari-board mechanics for headlines, stats, drop announcements.
"media left, caption right" — the editorial pairing, with the caption doing real work.
"secret layer via 68" — content only visible inside a torch beam that follows the cursor.
"172 powers the dashboards" — real SQLite compiled to WASM. Edit the query — it's live.
"intake form is <n>" — a vertically stacked brief form with a full-width textarea; reach for it when the ask is open-ended and needs room to write.
"give me a hero with a serif/mono pairing" — an italic display line stacked between two small monospace labels; reach for it when the typography itself should carry the editorial tone.
"services/features section = 18".
"waves ripple from 195" — the same grid, four different stagger origins. Choreography vocabulary in one card.
"step them down like stairs" — four frames in a plain flex row, each one sitting a little lower than the last. No overlap, no rotation.
"loading jump = 80" — stars streak past at warp. Cheap, hypnotic, works everywhere.
"the ask is a statement" — one full-bleed line and an arrow link. No box, no button, no noise.
"step the seam" — a stacked, stepped edge between two backgrounds instead of a straight line, like a ticket stub.
"step down into the next act" — a staircase edge. Geometry instead of a straight line.
"buy bar is <n>" — a horizontal bar with the item, a quantity stepper, and add-to-cart, meant to pin to the viewport; reach for it once the price is scrolled out of view but the decisi
"give me a sticky CTA bar" — a floating pill with copy and a button, shadowed like it's sitting above the page.
"pin the group labels as it scrolls" — position:sticky category headers inside their own scroll pane, the iOS-contacts move. For scope lists long enough to need it.
"give me the sticky section header" — a slim pinned bar naming the current section with a thin progress rule beneath; reach for it on long single-page documents so a reader always knows wher
"headers know via 202" — the bar restyles itself the moment it sticks. Zero JS where supported; scroll the box.
"stitch the seam" — a dashed rule with a solid centre run. Reads bound rather than cut.
"stones explain via 213" — cut, clarity and glow compared visually, not in a spec table.
"headlines flood with 179" — hollow type filling as you scroll past. The SOTD hero staple.
"outline the headline, fill one word" — hollow display type with a single solid word carrying the emphasis.
"product floats on 110" — a living water surface with sun glint and moving light. Campaign-hero material.
"give it a caption track" — a solid subtitle plate fixed under the frame with a CC chip and a timecode, not a scrim over the image.
"suppliers ranked via 220" — lead-time reliability, QC pass rate, freight damage — the vetting made visible.
"underline/diagram draws with 44" — strokes draw themselves as you scroll. Scroll up and down over this card.
"blobs breathe with 157" — living shapes from SVG filter chemistry alone. No canvas, no WebGL.
"sweep a rule between acts" — a light travels the divider once. A seam you notice only if you look for it.
"it feels local via 260" — optimistic writes, server reconciliation, offline queue that flushes. The Linear feel, the 2026 category.
"sliding tab bar" — a filled tab background that glides between sections on hover or focus; reach for it for a secondary nav under a page header.
"switch the content in tabs" — real radio inputs and :has(), no JS, so one panel of copy replaces another on click. For overview/specs/notes style content.
"give the footer its own tabs" — radio inputs and :has() switch between Contact, Sitemap and Legal without leaving the footer.
"tabbed specs are <n>" — radio-driven CSS-only tabs switching between spec categories, no JS; reach for it as an alternative to an accordion when the sections are peers, not a stack.
"tag input is <n>" — removable keyword chips with a trailing text field; reach for it wherever someone builds a list of their own terms.
"wall the links instead of columning them" — a dense grid of chip-sized links with a couple pulled wide, for pages with too many links to make three neat columns.
"cruise over 198" — endless procedural landscape sliding under the camera, fog to the horizon.
"words exit with 92" — type disintegrates into wind-blown particles and re-forms. Watch the loop.