Zentry campaign stack
WebGL opening, chaptered scroll, bento grid, velocity rail and kinetic close.
Generator asset library
This is a parts library, not a set of ready-made storefronts. You choose presets here, then Generate my site builds one editable site that uses them — sections, layers, media, timing and interaction presets you can keep editing in Theme Designer.
Each tile is a schematic CSS/SVG preview of the preset’s behavior — an illustration, not a screenshot of a generated storefront.
Explore working examples
Every preset has an original media-rich thumbnail and a detail page with a working sample, usage guidance and a copyable AI prompt.
42 working examples
WebGL opening, chaptered scroll, bento grid, velocity rail and kinetic close.
Large editorial type, slow cinematic fades, moving media rail and restrained CTA.
Object-led hero, precise scroll reveal, clean commerce and product spotlight rhythm.
Oversized typography, dark editorial rhythm, pinned transitions and magnetic closing action.
Hardware-grade white space, object hero, specs in scroll chapters and calm commerce handoff.
Kinetic opener, selected-work depth stack, index grid and restrained conversion.
Characterful product launch with 3D cans, bold color, pinned chapters and image trails.
Dark media-first template cards with short titles, premium/free states and fast preview decisions.
Compact product-template grid with crisp title overlays, static fallbacks and high-contrast launch framing.
Large portfolio and agency previews that let the thumbnail carry the first read while copy stays minimal.
Small prompt blocks with media collages, type filters, Copy/Premium actions and readable section roles.
A tight collage-style prompt card for focused hero/feature sections with a clear copyable output.
Large animated background preview with a strong central frame, adjacent peeking frames and copyable media intent.
Gradient-rich animated background language for AI, crypto, music and gaming pages.
A calmer animated backdrop pattern for wellness, travel, finance and premium service pages.
A clear action model for prompt cards: copy a reusable asset URL, preview the result or upgrade for premium media.
Floating glow objects, CTA bounce and breathing background layers with reduced-motion fallback.
Fade-up text, word or character stagger, and editorial reading-order timing.
Slow chapter pacing, softened scroll arrival, staggered copy and reduced-motion fallback.
Layered foreground, midground and background motion with sticky chapters, scale reveals and calm reduced-motion fallback.
Spring-like hover, focused reveal timing and tactile control feedback for dense product pages.
Pinned dolly movement, parallax background and dramatic section landing.
Mask wipe or iris curtain reveals that convert a static section into a cinematic beat.
Pinned horizontal panel motion for editorial galleries, case-study beats and collection reveals.
Image-forward refraction hero paired with depth scroll so media feels dimensional and inspectable.
Perspective tile formation, editorial image grid and staggered product media choreography.
Velocity-aware strip with image movement, trail behavior and campaign pacing.
Large image-led hover states, full-bleed cards and rapid campaign browsing without custom JS.
Cards lean under pointer movement, glare highlights the active surface and captions remain editable.
Dense moving media index, repeated image rhythm and fast category switching as editable tiles.
Image-forward WebGL refraction, chromatic split and tactile product surface.
Blooming point field, atmospheric depth and color-driven abstract hero.
Scroll-linked particle bloom with copy reveal and deep-space composition.
A tool-like product hero with orbit lighting, spec chapters and physical material emphasis.
Persistent spatial world, chapter overlays and a scroll-stage structure that remains editable.
Line-field atmosphere with constellation depth, pointer glow and abstract product energy.
Orbiting product object, studio lighting and clean keynote-style composition.
Multiple can objects with stage scroll and product-launch energy.
Layered device object, spec-led scroll and crisp material lighting for premium hardware.
Magnetic CTA, glow hover, lift/scale controls and premium button response.
Curtain-like transition language represented as scroll seams, masks and editable section boundaries.
Liquid-lens and tilt-hover behavior for media cards using existing WebGL and CSS-safe presets.
Build your pack
Nothing is generated or published here. Your description and selections are carried to the generator, where you review the result as a draft before deciding to publish.
Carried into the generator prompt box, where you can keep editing it before you generate.0/280
No presets selected. Choose a pack or individual presets.
Each tile is a schematic CSS/SVG preview of the preset’s behavior — an illustration, not a screenshot of a generated storefront. Continue to Generate for a real runtime preview
Up to 8 presets — the same cap the generator applies to a creative pack.
No presets selected. Choose a pack or individual presets.
Reference — nothing below this line is needed to continue
Browse by runtime
Not selected — this is the kind of mix the generator picks for itself when you skip the selector. Choosing presets above replaces it.
MotionSites benchmark
/templates
Template cards should be media-first and immediately usable.
Dark gallery, oversized centered heading, four-column preview cards, short title overlays and clear premium/free states.
Maps to editable hero, tile, velocity and CTA sections rather than imported static HTML.
/sections
Sections need their own reusable prompt-card layer.
Pricing/type filters, compact cards, collage previews, Copy and Premium actions, and section-level naming.
Maps to freeform, tile, tilt, depth and magnetic blocks that remain editable in Theme Designer.
/backgrounds
Backgrounds are first-class AI assets, not decorative afterthoughts.
Large loop preview, peeking adjacent frames, dense background grid and Copy URL/Premium actions.
Maps to editor-safe hero backgrounds, WebGL fallback, depth stack and scroll-cinematic presets with reduced-motion safety.
What happens after Continue
Continue opens Generate my site with your description and the IDs of the presets you picked already in the prompt box. That ID sentence is not a hint the model may ignore: the generation route parses it, checks every ID against this catalog, and binds the result to the runtime it declares — so a 3D pick keeps a real WebGL scene and a 2D pick stays CSS and canvas motion.
A selection counts as 3D only when one of the presets in it actually declares a supported WebGL renderer or 3D model — never because a pack, family or capability name mentions 3D. That is why a template pack can lock a real WebGL scene: the selector names the preset responsible, and the generator page repeats the same answer for the same selection.
The generator page shows which presets are still attached, and warns you if an edit removed them. If you skip the selector entirely, the generator picks a deterministic mix from the same pool instead, so one prompt still produces 3D, parallax, scroll, hover and text animation decisions.
Presets only decide how a page looks and moves, so add the store description too — that is the part that makes the generated copy about your business rather than a generic demo. Nothing here changes anything on its own: no account, no draft and no generation happens until you submit the prompt on the generator page.
Back to the preset selectorEditable handoff
Presets become normal editable sections, layers, images, timing values, hover behavior and motion tokens inside the store editor.
Try Generate my site