Layers for AI-built sites
Give your AI something with depth to start from.
Templates, sections, pages, elements, vectors, 3D scenes, backgrounds and gradients you tune live in the browser, then copy as one prompt. Paste into Claude, Cursor or ChatGPT. Ship in your stack.
Newest
The latest drop, across every category.

Glass Prism
2D ray-traced dispersion beams

Abacus
Accountancy practice

Kittiwake Air
travel/regional airline

Laneline
sport/mobile app
Beacon
Feature flags

Dewlight
home cleaning service

Broker
Insurance broker

Brutal
Design studio
Templates
Whole landing pages, motion and all.

Abacus
Accountancy practice

Kittiwake Air
travel/regional airline

Laneline
sport/mobile app
Beacon
Feature flags

Dewlight
home cleaning service

Broker
Insurance broker

Brutal
Design studio

Ashcombe University
university admissions
Sections
Self-contained page blocks with their motion already wired.

Footer that Folds into an Accordion
footer

Accordion Row Features
features

Add-ons Stack
pricing

Advancing Route Map with Day Cards and Elevation
story

As Seen In, with Newspaper Clippings
awards

Address Form with Ghost-text Autocomplete
forms

Autoplay Tabs with Progress Bars
carousel
Avatar Marquee with Role Filter
team
Pages
Standalone pages with one job: coming soon, 404, pricing, sign-in, résumé, status.

Academic CV with Citation Styles
resume

Analytics Dashboard with Range Brush
app-shell

Help Article with Scroll-spy Contents
knowledge-base

Ask-my-CV with Sourced Answers
resume

Clinic Booking Calendar
contact

Booking Confirmed as a Tear-Off Ticket
thank-you

Broken Grid Glitch 404
404

Mend the Pieces 404
404
Elements
One component, one interaction: buttons, cursors, loaders, cards, text and image effects.

Command Palette Nav
nav

Dock Magnify Nav
nav

Hamburger Morph Nav
nav

Mega Menu Nav
nav

Radial Menu Nav
nav

Scroll-spy Table of Contents
nav

Collapsing Sidebar Nav
nav

Sliding Tab Bar Nav
nav
Vectors
SVG packs drawn to one grid: icons, shapes, dividers, patterns, badges, avatars.
3D Scenes
Real-time WebGL: particles, fluid, terrain.

Glass Prism
2D ray-traced dispersion beams

Bolt Assembly
exploded-view choreography with helical thread kinematics

Bait Ball
analytic vortex shoal with swim-wave vertex animation

Chain Drive
kinematic chain on sprockets with alternating instanced links

Knit Throw
procedural knit stitch shader with Fair Isle motif

Glassblower
blackbody emission on a morphing lathe gather

Alley Lantern
translucent paper shading with point-light rib shadows

Soap Film
advected film-thickness field with thin-film interference
Backgrounds
Animated backdrops in CSS, SVG or Canvas, a few kilobytes each, ready to sit behind anything.

Confetti Drift
tumbling confetti fall

Dither Fade
ordered dither gradient

Dot Wave
dot ripple waves

Perspective Floor
perspective grid floor

Rising Embers
rising spark particles

Snow Bank
snow that accumulates

Sound Bars
equalizer bars

Star Twinkle
twinkling star field
Gradients
Pointer-interactive gradients in pure WebGL, about a kilobyte.
Tune it live
Palettes, sliders, randomize. What you see is what the prompt carries — your values, not ours.
Copy one prompt
Pick your stack: single HTML, Next.js, React, Vue, Astro, WordPress, Shopify or Webflow. The prompt adapts.
Ship with depth
Every layer is a self-contained file: a shader, a scene, a page, a block, a sprite. No packages, no build step.















