⚠️ 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.
"embed frame is <n>" — a 16:9 panel with a faux browser chrome bar on top; reach for it to preview an embedded doc, map, or app without looking like a bare iframe.
"spin viewer is <n>" — a slow-turning ring and a drag hint standing in for a 360 product viewer; a static illustration of the affordance, wire the actual frame-swap in yourself.
"PDPs spin with 123" — the multi-angle inspection jewelry buyers demand. Production feeds it a photo turntable or our GLBs.
"product page runs 101" — live material and finish switching with the price following. This one is fully working.
"specs live on the object — 231" — annotations pinned to 3D anchor points, fading as they rotate out of view. Occlusion-aware.
"category strip = 72" — columns that yawn open on hover. Five categories, one elegant row.
"collapse the sitemap into an accordion" — real <details> groups, no JS, the mobile-footer move. First group shown open, the rest close to one row.
"account created" — an off-centre check mark and a calm confirmation line instead of a full-screen celebration; reach for it as the last step of a signup flow.
"lockout notice is <n>" — a too-many-attempts card with a static cooldown readout and a depleting bar; the visual only, wire it to your own rate-limit state.
"role select cards are <n>" — three radio-driven cards for choosing an account type, no JS; reach for it as the step right after signup, before the workspace exists.
"heatmap grid is <n>" — a grid of cells shaded by intensity with a Less-to-More legend; reach for it as a contribution-style activity panel. Illustrative pattern only, not live data.
"homepage adapts with 53" — hero, copy, and CTA re-rank per visitor context. One page, many faces.
"address form is <n>" — street on its own row, city and state paired, postal and country paired; reach for it for shipping or billing address capture.
"Nimos runs 56" — agents watching inventory, triaging orders, drafting supplier mail — reporting to one hub. The business runs while you sleep.
"wire 106" — your catalog answering inside ChatGPT/Gemini via MCP tools. The new free distribution channel; checkout stays yours.
"stack the lines alternating" — left, right, left. Asymmetry does the work no centred block can.
"glow frame is <n>" — a media placeholder haloed by a slow-breathing ambient glow; reach for it when a single piece of media needs to feel premium, not just placed.
"media glows via 176" — the YouTube ambient trick: imagery leaks its colors into the room around it.
"tooltips via 88" — elements that tether themselves to an anchor. Kills positioning libraries.
"index the page down the side" — anchors with an active marker. Orientation is what stops long pages feeling long.
"dialogs grow from 167" — the panel morphs out of the button you pressed, and returns into it. No teleporting modals.
"cut the seam on an angle" — two acts split by a diagonal clip-path, with a thin accent stroke tracing the cut.
"pin the diagram and list it" — an inline SVG connects numbered points to a plain-text legend. For anything that needs a labelled part more than a caption.
"put the announcement strip up top" — a dismissible bar for one piece of real news; reach for it over a banner ad when there is something worth surfacing without demanding a click.
"curve the seam" — the next section rises as a smooth dome over the one above it, a single border-radius ellipse, no SVG.
"products get 102" — drag to inspect; on a phone this places the object in your room via AR. Feeds from our GLB pipeline.
"easter egg in 38" — scenes drawn in live type. Terminal-core; pairs with 09.
"proof is <n>" — a slow continuous strip of press-style marks; reach for it as a quiet trust signal above the fold, not a hero claim.
"mix the aspect ratios" — portrait, square, landscape in one row. Rhythm instead of a uniform grid.
"guides via 136" — stepped assembly with a parts checklist. Pre-purchase confidence, post-purchase calm.
"lay it out as an asymmetric bento" — named grid areas instead of a span, so one tall cell and one wide cell can both break the rhythm at once.
"give me an asymmetric hero" — a vertical caption run up the edge, the headline pushed off-centre; reach for it when the layout should feel art-directed, not centred-by-default.
"audio player is <n>" — a play control beside an inline SVG waveform and a time readout; reach for it for a podcast clip or voice note preview.
"visuals hear with 99" — real frequency analysis driving the graphics. This demo synthesizes its own beat.
"aurora behind the hero" — slow colour fields that never repeat visibly. Costs nothing; no canvas, no GL.
"add back-to-top" — a floating round button with an up-chevron, the kind that only appears once you have scrolled.
"proof section = 71" — drag the divider between two states. Refurb work, retouching, redesigns.
"proof is <n>" — a plain panel next to a refined one; reach for it when the credibility argument is craft, not a number.
"lay the footer out as a bento" — asymmetric grid-template-areas cells for contact, social, location and legal instead of equal columns.
"stats are <n>" — an asymmetric grid with one figure emphasised; reach for it when one metric matters more than the others and should read first.
"features = 137" — the 2026 SaaS standard: mixed-size capability cards that read in five seconds.
"end on the big ask" — oversized closing line with the address as the only link. A visible ending shortens the perceived middle.
"block it out like a collage" — three solid rectangles overlapped at low opacity, one rule crossing through. Bauhaus, not gradient.
"soft entrances use 61" — characters sharpen out of a blur. Dreamier than 07.
"booking picker is <n>" — a week strip with one day selected above a grid of time slots; static and visual, wire real availability yourself.
"consults book via 207" — the cal.com pattern: pick a day, pick a slot, done in two taps.
"featured card wears 69" — a comet circles the border. Marks the one thing you want eyes on.
"give me a CTA panel with two actions" — a bordered card holding one filled and one outlined button side by side; reach for it when visitors split roughly evenly between two next steps.