Theme
Dither0.40

SpotYourSite

Every UI/UX element

A live sample of every component family we can build — navbars, glass, buttons, cards, brutalist, forms, feedback, effects. Hit a color (top-right) and watch all of it recolor at once.

Glass Materials

Base glass

blur 20px, white 7%

Heavy frost

blur 40px, saturate

Dark glass

modals/overlays

Accent glass

tinted by --accent

Buttons

Button Shapes & Styles

Shapes

2D · 3D · Depth

Aesthetic styles

Effects & overlays (hover)

Premium Interactions

Apple-elegant micro-interactions on one shared spring. Hover / tap / focus the live ones; the rest are labeled.

Elastic Number Roll

stats
0

jobs done · springs past + settles

Tactile Toggle

pricing

Spring Accordion

services

Magnetic Snap-Rail

nav

Proximity Glow

pricing/gallery
1
2
3
4
5
6

Field-Settling Validation

forms

Enter a valid email — guidance, not punishment.

Success Choreography

booking

Sticky Step Ribbon

quote wizard
2
3

Inertial Drag Gallery

gallery
1
2
3
4
5
6
7
8

Velocity-Aware Reveal

services

fast scroll = tight fade; slow = cinematic blur-rise

Pinned Comparison Wipe

hero

scroll-scrubbed clip-path: problem → fixed

Live Availability Pulse

booking

breathing 'next slot' chip, urgency shimmer

Focus-Visible Spotlight

global a11y

one ring springs between focused elements (keyboard)

Receipt-Tape Summary

pricing

line items print in on thermal-paper, total digit-rolls

Ambient Parallax Depth

hero

2-3 layers drift on scroll + tilt, 4-12px max

Skeleton-to-Content Morph

reviews

skeleton bars morph into real content, no pop

Signature Experiments

The wild ones — mined from 240 concepts, built live. Drag, scrub, spin, hover-hold. These are what get a site screenshotted + shared.

Scrub the Grime

cleaner/painter
cleandrag to clean

Tearaway Quote

pricing

your price

$149

◄ tear here for your price

Flashlight Reveal

electrician hero

Licensed electrician
24/7 emergency

A Day Without Us

story

Fixed & protected

Day-Part Greeting

hero

Hello

We're here.

reads your local clock

Weather-Matched Hero

roofer/HVAC

checking your sky…

Combination-Lock Nav

locksmith nav
0

Services

Pricing

Reviews

Book

Pour-to-Fill Trust

social proof

0

5-star reviews · fills as they load

Walk Through the House

service spine

Kitchen

Disposal & faucet

Dwell Reveal

gallery
jobhover & hold to develop

997 Ceiling · WebGL

The Three.js / WebGL top tier — the $997 ceiling. Real GPU demos, not stock components: an AI-reconstructed 3D world (AI image → Hunyuan3D mesh → live viewer), scroll-driven 3D worlds, fluid particle fields, shader cities, live product configurators, audio-reactive visuals, and full scrollytelling. Every one recolors from the theme (top-right), pauses off-screen, and respects reduced-motion. Drag, scroll, hover, talk to them.

★ AI-reconstructed 3D world — drag to explore ↓

Full scrollytelling — scroll through it ↓

Swipe-File Techniques

Distilled from 110 award-winning sites (Apple, Stripe, Lusion, Bruno Simon, A24, Off-White…). New live demos below + the full technique→site matrix.

Custom Cursor

Dogstudio · Lusion

Marquee Ticker

Nike · OFFF

LICENSED ·INSURED ·SAME-DAY ·5-STAR ·UPFRONT ·24/7 ·LICENSED ·INSURED ·SAME-DAY ·5-STAR ·UPFRONT ·24/7 ·LICENSED ·INSURED ·SAME-DAY ·5-STAR ·UPFRONT ·24/7 ·

Horizontal Scroll

Nike · Cohere

Panel 1
Panel 2
Panel 3
Panel 4
Panel 5

scrolls sideways ←→

Sticky Stat Callout

Polestar · Airbnb

9,400+

jobs, pinned over the photo

Image-Grid as UI

Midjourney · Pitchfork

Animated Terminal

Vercel · Cursor

Quotation Motif

Off-White

They fixed it in an hour and charged exactly what they quoted.

Film-Still Hero

A24 · Criterion

ORR · a plumbing story

Globe Connections

Turso · Vercel

TechniqueBest examplesWhat to stealStatus
Glassmorphism navbar Arc, Linear, Stripe frosted backdrop-blur nav that recolors on scroll ✓ built
Gradient mesh background Stripe, Vercel animated radial-blob mesh, frosted cards on top ✓ built
Brutalist offset shadow Off-White, Balenciaga, neobrutalism.dev hard border + 6px offset shadow, zero radius ✓ built
Kinetic typography Synchronized.studio, Locomotive, OFFF type as the experience — weight/spacing animates ✓ built
Dark-mode premium Vercel, Linear, Koenigsegg, SpaceX near-black + single accent + glow blobs ✓ built
Luxury restraint Aesop, Loewe, Bottega, Celine editorial whitespace, serif, the restraint IS the design ✓ built
Bento grid Apple, many SaaS mixed-size CSS-grid module tiles ✓ built
SVG/WebGL noise + dither Blumhouse, KPR-verse, 2050.plus, Codrops film-grain overlay, ordered dither, slider-controlled ✓ built
Custom cursor Dogstudio, Hello Enjoy, Lusion, Epic replace the OS cursor with a brand dot that scales on interactive hits live demo ↑
Scroll-locked video sync Apple Mac Pro, Tesla, MS Surface scrub a video/frame-seq to scroll position (we already do this in the Orr hero) live demo ↑
Custom-cursor magnetic CTA Lusion, Active Theory primary CTA leans toward the cursor like a magnet ✓ built
Marquee / infinite ticker Nike, OFFF, agencies edge-to-edge scrolling logo/word strip, pauses on hover live demo ↑
Horizontal scroll section Nike, Webflow Made-In, Cohere a band that scrolls sideways as you scroll down live demo ↑
Sticky stat callouts Polestar, Airbnb Belonging numbers pinned + revealed as you pass photography live demo ↑
Light/dark section recolor nav Apple AirPods Pro nav auto-inverts color as it crosses light vs dark sections live demo ↑
Image-grid as UI Midjourney, Pitchfork the imagery IS the chrome — full-bleed gallery navigation live demo ↑
Animated terminal / code window Vercel, Railway, Cursor, Resend type-on code/CLI window in the hero live demo ↑
Quotation-mark design element Off-White oversized “quotes” as a structural motif live demo ↑
Editorial film-still hero A24, Criterion, Blumhouse full-bleed still + typeface-as-voice + noise grade live demo ↑
Animated globe / connections Turso, Vercel arcing lines between points on a globe/map live demo ↑
Scroll-driven 3D world Bruno Simon, Sebastien Lempens, Igloo Inc drive/fly through a real WebGL scene — the $997 ceiling live demo ↑
Fluid particle system Lusion, Redis, Bruno Simon GPU particle field reacting to cursor/scroll live demo ↑
WebGPU cyberpunk world Samsy.ninja, Weisdevice 120fps neon city, GLSL shaders live demo ↑
3D product configurator Porsche, Tesla, Rimowa real-time rotate/recolor a 3D product live demo ↑
Audio-reactive visuals ToyFight, Arcade.fr, Haiku visuals + micro-sound driven by audio (opt-in) live demo ↑
Full scrollytelling narrative SBS The Boat, NYT Snowfall, Spotify Wrapped scroll IS the timeline of a complete story live demo ↑

Aggregators to mine: awwwards.com · thefwa.com · cssdesignawards.com · tympanus.net/codrops · cssnectar.com · godly.website · landing.love · hoverstat.es · lapa.ninja · minimal.gallery · orpetron.com · land-book.com · muz.li · maxibestof.one · savee.it

Cards & Layout

Bento hero

mixed-size CSS-grid tiles

Tile

Accent

Wide tile

Tilt 01

Cursor-reactive 3D + glare.

Tilt 02

Accent glow on hover.

Tilt 03

translateZ depth layer.

Brutalist / Neobrutalist

Raw output

Hard border, offset shadow, no radius.

CRT mode

Phosphor on black.

Forms & Inputs

Chip Outline chip Alert

Feedback

Success toast

ℹ️

Info banner

Progress72%
Loading…
Accordion ▾

Expandable content.

Effects & Texture

Background / surface effects. The dither slider (top-right) drives the grain on every dither-overlay tile below.

Grainy gradient
← drag dither

Aurora mesh

Border beam

Diagonal stripes

Dot grid

Spotlight (hover)

Conic sweep

CRT scanlines

Blueprint grid

Motion & pattern vocabulary

Every named effect, live. Hover · tap · scroll · drag the tiles — all recolor with the theme (top-right).

Layout

Bento grid
Masonry
Parallax tilthover
tilt me
Spotlight cardhover
move cursor
Sticky-stack scroll
card 1
card 2
card 3
Lens blur depth
focus pull

Motion & type

Text shimmer
shimmer
Kinetic spacing
SPACING
Holographic foilhover
HOLO
Glitch image
Text mask reveal
Plumber
Circular text path
· SAME-DAY SERVICE · LICENSED & INSURED
Gradient stroke
gradient stroke
Mesh gradient
Particle bursttap
Ripple clicktap
Skeleton shimmer
SVG line draw
Marquee
LICENSED ·INSURED ·SAME-DAY ·5-STAR ·24/7 ·LICENSED ·INSURED ·SAME-DAY ·5-STAR ·24/7 ·LICENSED ·INSURED ·SAME-DAY ·5-STAR ·24/7 ·

Image & scroll

Zoom parallaxscroll
scroll zooms
Scroll progress pathscroll
0%
Hover image trailhover
move to trail
Curtain revealhover
hover to reveal
Liquid swipetap
Panel A
Panel B
tap to swipe
Horizontal scroll-hijackdrag
← drag / swipe →

Navigation

Coverflow carouselclick
Dome gallery
Gooey menutap
Dynamic islandtap
Speed dialtap

Idea Bank · all 240 concepts

Every experimental UI/UX idea the two creative idea-gen agents produced — Agent A (physical / tactile / spatial) and Agent B (time / sound / generative / game / narrative). Filter by agent, theme, or status, search anything. Green = already built live on this site. Pick the ones to keep.

240 ideas·28 already built live·5 on-deck keepersshowing 240
Agent
Status
Theme

Tearaway Quote

✓ built

Drag the dotted “tear here” strip off a paper estimate to reveal your real price.

pricingPaper & Fold · A1

Peel-the-Sticker Tags

idea

Peel each service sticker to expose what's included.

servicesPaper & Fold · A2

Carbon-Copy Invoice

idea

Typed details bleed through a triplicate work-order form.

bookingPaper & Fold · A3

Ripped Newspaper Reveal

idea

Hero tears like newsprint to expose the real shop photo.

heroPaper & Fold · A5

Origami Van

idea

A flat paper square folds into the service van on scroll.

coveragePaper & Fold · A6

Permit Stamp

idea

Drag a rubber APPROVED stamp onto your booking — thud + ink spread.

confirmPaper & Fold · A7

Folded Map Unfold

idea

Service-area map unfolds along crease lines on scroll.

service-areaPaper & Fold · A8

Notepad Tear-Off

idea

Tear the top sheet of a desk notepad to flip to the next FAQ.

FAQPaper & Fold · A9

Crumpled-Paper Reject

idea

“What bad contractors do” cards crumple + toss in the trash.

differentiatorPaper & Fold · A10

Receipt Spool

idea

Scroll spools out a long thermal receipt itemizing your project.

cost-breakdownPaper & Fold · A12

Pop-Up Book Home

idea

Sections rise as die-cut pop-up spreads as you turn pages.

whole-pagePaper & Fold · A13

Tracing-Paper Overlay

idea

Drag a tracing sheet over a house photo to plan pipe/wire routes.

explainerPaper & Fold · A15

Torn-Coupon Edge

idea

Tear a perforated coupon to “activate” the discount code.

promoPaper & Fold · A17

Paper Airplane Contact

idea

Fold your message into a plane and throw it into the inbox.

contactPaper & Fold · A18

Wallpaper Peel Reveal

idea

Painters: peel old wallpaper off-screen to uncover fresh color.

painter heroPaper & Fold · A20

Pour-to-Fill Trust Meter

✓ built

A glass fills with water as reviews load — full = booked-worthy.

social proofLiquid & Pour · A21

Drain Swirl Transition

idea

Clicking a plumbing service swirls the section down a drain vortex.

plumber navLiquid & Pour · A22

Paint Pour Reveal

idea

Scroll tilts the page; paint pours across to recolor the room.

painter showcaseLiquid & Pour · A23

Ripple-on-Tap Pool

idea

Hero water surface ripples + refracts under the cursor.

pool heroLiquid & Pour · A24

Leak-Detector Drip

idea

A slow drip forms, falls, and splashes into the emergency button.

emergency CTALiquid & Pour · A26

Honey-Slow Pour Menu

idea

Services pour down like thick honey and settle with surface tension.

servicesLiquid & Pour · A27

Lava-Lamp Availability

idea

Green blobs = open slots you grab as they float.

schedulingLiquid & Pour · A28

Sudsy Wash Wipe

✓ built

Cleaners: a soapy squeegee wipes the dirty “before” clean on scroll.

before/afterLiquid & Pour · A29

Mercury Cursor

idea

A metallic liquid bead follows the cursor and “wets” buttons.

global cursorLiquid & Pour · A30

Water-Level Scroll

idea

Scroll raises a water line; content floats as it submerges/emerges.

whole-pageLiquid & Pour · A32

Oil-Change Dipstick

idea

Pull a dipstick; the oil level reveals your service interval.

auto toolLiquid & Pour · A33

Frozen-to-Thaw HVAC

idea

An iced screen thaws + drips clear as you scroll into AC service.

HVACLiquid & Pour · A36

Condensation Wipe

idea

Wipe a fogged-glass overlay with your finger to read the offer.

promo revealLiquid & Pour · A37

Pour-Your-Own Quote

idea

Drag service “ingredients” into a glass; the liquid level = your estimate.

estimatorLiquid & Pour · A38

Walk-Through-The-House

✓ built

Scroll moves you room to room — each room a service category.

spineSpatial & Rooms · A39

Diorama Shop

✓ built

Tilt-responsive 3D miniature of the real storefront.

about/heroSpatial & Rooms · A40

Open-The-Door Entry

idea

Landing is a closed front door; click swings it open into the site.

introSpatial & Rooms · A41

Toolbox Drawers

idea

Pull each 3D toolbox drawer to see the tools inside.

servicesSpatial & Rooms · A42

Elevator Floors

idea

Building cutaway; the elevator scrolls you between service floors, dings.

spineSpatial & Rooms · A43

Peek-Through Keyhole

idea

Locksmith site viewed through a keyhole that widens as you “pick” it.

locksmith introSpatial & Rooms · A44

Layered-Parallax Yard

idea

Landscaper hero: foreground grass / mid hedges / back house at depth.

heroSpatial & Rooms · A45

Under-The-Sink Cam

idea

3D pull into the cabinet showing the actual P-trap work.

plumber explainerSpatial & Rooms · A46

Room You Furnish

idea

Drag fixtures into an empty 3D room to design the service you want.

configuratorSpatial & Rooms · A47

Garage Door Roll-Up

idea

A closed roll-up door rolls up on load to reveal the bay/crew.

auto/HVAC introSpatial & Rooms · A49

Drone Flyover House

idea

Slow 3D orbit around a model house, hot-spotting roof/gutter/siding.

roofer heroSpatial & Rooms · A51

Tilt-to-Inspect Part

✓ built

Hover a 3D part that rotates to show exactly what we fix.

detailSpatial & Rooms · A52

Shadow-Box Crew

idea

Team in lit 3D recesses; hover lights the box and they step forward.

teamSpatial & Rooms · A54

Open-Hood Diagnostics

idea

Pop a 3D car hood; parts glow with the services tied to each.

auto menuSpatial & Rooms · A57

Floor-Plan Walk

idea

Drag a “you” dot room to room across a house plan to request work.

quote builderSpatial & Rooms · A58

Magnetic Tools Snap

idea

Scattered tool icons fly + snap to a magnetic strip on hover.

servicesMagnet & Gravity · A59

Gravity-Drop Reviews

idea

Star ratings drop in + bounce-settle with weight.

reviewsMagnet & Gravity · A60

Fridge-Magnet Booking

idea

Drag magnetic letter tiles to spell your request — they clack.

contactMagnet & Gravity · A61

Magnet Cursor CTA

✓ built

The primary CTA leans/stretches toward the cursor like iron to a magnet.

global CTAMagnet & Gravity · A62

Pendulum Price Swing

idea

A hanging pendulum tag swings to a stop on the recommended package.

pricingMagnet & Gravity · A64

Falling-Sand Hourglass

idea

An hourglass drains “next slot in X”; flip to see another day.

schedulingMagnet & Gravity · A65

Dropped-Keys Locksmith

idea

A ring of keys falls + jangles into a pile; pick the right one.

locksmith CTAMagnet & Gravity · A66

Bowling-Pin Objections

idea

Worries stand like pins; a “we handle that” ball knocks them down.

trustMagnet & Gravity · A67

Weighted Scale of Value

idea

A balance scale tips: cheap-fix vs our-quality — our side sinks heavy.

differentiatorMagnet & Gravity · A68

Magnetic Field Lines BG

idea

Faint iron-filing field lines warp around the cursor.

ambianceMagnet & Gravity · A69

Curtain-Reveal Hero

✓ built

Stage curtains part on load with cloth-jiggle physics.

salon/photographer introFabric & Soft · A71

Drape-Over Cover

idea

Whisk a dust sheet off the content to reveal the finished room.

painter/cleanerFabric & Soft · A72

Quilted Service Patches

idea

Services as stitched work-shirt patches that ruffle on hover.

servicesFabric & Soft · A73

Towel-Fold Spa Menu

idea

Massage services as folded spa towels you unfold to read.

massage menuFabric & Soft · A74

Apron-String Tie

idea

The contact form ties up with apron strings cinching on submit.

submitFabric & Soft · A76

Pillow-Soft Buttons

idea

Buttons depress like memory foam and slowly re-puff.

globalFabric & Soft · A77

Yarn-Trace Connections

idea

Taut pinned yarn connects “problem → solution” on a corkboard.

processFabric & Soft · A78

Tablecloth Whip

idea

Pull-the-tablecloth trick reveals the catering menu, dishes standing.

catererFabric & Soft · A81

Hammock Sway Reviews

idea

Quotes rest in a swaying hammock; nudge to read the next.

reviewsFabric & Soft · A82

Crack-The-Glass Emergency

★ keeper

The screen cracks radiating from your click on the emergency button.

emergency CTAGlass & Shatter · A83

Frosted-Glass Privacy Slide

idea

Slide a frosted panel aside to reveal pricing, like a shower door.

pricingGlass & Shatter · A84

Shatter-the-Old-Way

idea

“Broken solutions” shatter + shards fall to show your intact fix.

differentiatorGlass & Shatter · A85

Stained-Glass Services

idea

Services as stained-glass panels that light jewel-bright on hover.

servicesGlass & Shatter · A86

Foggy-Window Finger-Draw

✓ built

Draw on a fogged window to clear a viewport onto before/after.

revealGlass & Shatter · A87

Glass-Pour Refraction

idea

Testimonial cards refract the bg like thick glass as they move.

reviewsGlass & Shatter · A88

Magnifying-Glass Inspect

✓ built

A draggable lens magnifies fine print / fine craftsmanship.

quality proofGlass & Shatter · A89

Cracked-to-Sealed Repair

idea

Auto glass: a crack on-screen fills + seals smooth as you scroll.

repair demoGlass & Shatter · A91

Flashlight Reveal

✓ built

The site is dark; your cursor is a flashlight beam revealing content.

electrician/locksmith heroLight & Shadow · A92

Sun-Path Shadows

idea

House shadows sweep morning→evening on scroll, showing roof exposure.

roofer/solarLight & Shadow · A93

Light-Switch Toggle

★ keeper

A physical wall switch flips the site dark↔lit with a click-clack.

theme toggleLight & Shadow · A94

Spotlight Follows You

✓ built

A soft stage spotlight tracks the cursor across the services.

servicesLight & Shadow · A95

Neon-Sign Flicker-On

idea

An open/closed neon sign buzzes + flickers to life with live hours.

headerLight & Shadow · A96

Lantern-Lit Path

idea

Landscapers: path lights pop on one by one as you scroll.

walkLight & Shadow · A97

Shadow-Puppet Story

idea

“How we work” plays as shadow-puppet silhouettes behind a lit screen.

aboutLight & Shadow · A98

Heat-Map Glow HVAC

idea

Hover the house; warm/cool zones glow to show system balance.

HVAC explainerLight & Shadow · A99

Eclipse Wipe

idea

A dark disc slides over to transition sections, corona flare at the edge.

transitionLight & Shadow · A100

Combination-Lock Nav

✓ built

Turn a real combo dial to the right number to jump to a section.

locksmith navMechanical · A101

Gear-Train Scroll

idea

Visible interlocking gears turn as you scroll, driving the machinery.

auto/HVAC spineMechanical · A102

Toggle-Breaker Panel

idea

Services are breaker switches; flip one ON to expand it.

electrician servicesMechanical · A103

Wrench-Tighten Progress

idea

A bolt tightens turn by turn as the page loads; torqued = ready.

loaderMechanical · A104

Pipe-Valve Volume

idea

Turn a valve to raise the package tier; the pressure gauge climbs.

pricingMechanical · A105

Cash-Register Total

idea

Punch keys; the drawer dings open with your itemized total.

checkoutMechanical · A106

Vending-Machine Services

idea

Pick a code, the coil turns, the service “drops” into the tray.

servicesMechanical · A107

Pull-Cord Mower Start

idea

Yank a starter cord (drag) to “start” the quote engine.

landscaper CTAMechanical · A109

Thermostat Dial

idea

Drag a Nest-like dial; the palette warms/cools with the comfort tier.

HVAC pricingMechanical · A110

Rust-As-You-Scroll

idea

The “neglected by others” section corrodes the further you scroll.

cautionaryWeather & Erosion · A111

Snow-Pile Plow

idea

Snow accumulates over content; your plow CTA clears it.

seasonal CTAWeather & Erosion · A112

Sun-Faded Photos

idea

A sun-bleached “before” photo; scroll restores it vivid.

before/afterWeather & Erosion · A113

Storm-Then-Calm Roof

idea

Rain lashes the roof; the storm clears at “insured & warrantied”.

roofer trustWeather & Erosion · A114

Footprints-In-Sand

idea

Scroll leaves footprints toward booking; the tide erases old steps.

beach-town spineWeather & Erosion · A115

Weathervane Direction

idea

A spinning weathervane settles pointing to the seasonal service.

nudgeWeather & Erosion · A116

Cracked-Earth Drought

idea

Dry cracked soil that your irrigation service floods green on scroll.

landscaperWeather & Erosion · A117

Sawdust-Settle Reveal

idea

Sawdust kicks up + settles to reveal finished carpentry.

handymanWeather & Erosion · A119

Dirt-Smudge Eraser

✓ built

The screen is dust-smudged; swipe to reveal the spotless result.

cleaner/detailerWeather & Erosion · A120

Dog-Eared Pages

idea

Fold a corner to bookmark a service; folded corners stack in a tray.

catalogPaper & Fold · A4

Paper-Lantern Reviews

idea

Testimonials on translucent paper lanterns that sway when nudged.

reviewsPaper & Fold · A11

Sticky-Note Wall

idea

Leave a question on a Post-it that thumbtacks to a corkboard.

contactPaper & Fold · A14

Folded Brochure Trifold

idea

The about section is a literal trifold you open panel by panel.

aboutPaper & Fold · A16

Onion-Skin Process

idea

Each job step a translucent onion-skin sheet that lifts to the next.

how-it-worksPaper & Fold · A19

Coffee-Ring Stains

idea

Coffee rings mark read sections; the page feels like a worktable.

reading progressLiquid & Pour · A25

Spilled-Coffee Disaster

idea

A coffee spill spreads, then the crew “cleans it”.

restoration introLiquid & Pour · A31

Bubbling Brew Loader

idea

The page loads as a beverage poured + foaming to the top.

caterer loaderLiquid & Pour · A34

Ink-Bleed Headlines

idea

Fountain-pen ink bleeds headlines into existence on dark paper.

section titlesLiquid & Pour · A35

Stacked Card Deck Depth

idea

Services are a 3D card stack you fan out + pull from with real z-offset.

servicesSpatial & Rooms · A48

Periscope Scroll

idea

Look up a periscope as scroll travels through pipes/ducts to each floor.

plumber/HVAC spineSpatial & Rooms · A50

Booth Curtain Pull

idea

Barber/salon site behind a curtain you drag aside to enter.

salon introSpatial & Rooms · A53

Tunnel Bore

idea

Scroll bores a tunnel forward through dirt toward “we dig deep”.

spineSpatial & Rooms · A55

Mini-Map Compass

idea

A draggable 3D compass points to + flies you to the nearest neighborhood.

coverageSpatial & Rooms · A56

Anti-Gravity Float-Up

idea

Testimonials drift upward weightlessly; grab one to pin + read.

reviewsMagnet & Gravity · A63

Tossed-Coin Booking

idea

Flip a tumbling coin that lands “Heads = book now” face-up.

playful CTAMagnet & Gravity · A70

Flag Ripple Banner

idea

The company banner ripples in a soft breeze, settles when read.

headerFabric & Soft · A75

Cape-Swish Transition

idea

Cloth swipes across between sections like a magician's reveal.

transitionsFabric & Soft · A79

Folded-Laundry Stack

idea

Cleaning services stack like fresh folded laundry, settle with a compress.

cleaningFabric & Soft · A80

Mirror-Polish Reflection

idea

Buttons reflect a faint moving highlight like polished chrome.

auto-detailing CTAsGlass & Shatter · A90

Rolodex Flip Contact

idea

Flip a physical Rolodex to find the right department card.

contactMechanical · A108

Frost-Creep Edges

idea

Frost creeps in from the edges in the AC section, retreats on “stay cool”.

HVACWeather & Erosion · A118

Daylight Crew

✓ built

The hero sky color-shifts to the homeowner's actual local time.

heroTime & Live-data · B1

Open Now Pulse

✓ built

A live “we're awake” breathing indicator.

headerTime & Live-data · B2

First Frost Banner

idea

HVAC pulls the forecast; frost creeps in when a cold snap is <48h.

HVACTime & Live-data · B4

Storm Watch

idea

Roofer darkens with live radar — drip + same-day-tarp CTA.

rooferTime & Live-data · B5

Rush-Hour Honesty

idea

An “estimated wait” animates a car queue by time of day.

autoTime & Live-data · B7

Season Skin

idea

Landscaper palette + plants auto-rotate by the real season.

whole-pageTime & Live-data · B8

Last-Call Clock

idea

Food-truck countdown + a melting-ice-cream meter.

food truckTime & Live-data · B10

Heat-Index Hustle

idea

HVAC headline rewrites itself: “It's 96° in [City] now.”

HVAC heroTime & Live-data · B12

Live Job Ticker

idea

Anonymized “booked a drain clear in [zip] 12 min ago.”

social proofTime & Live-data · B14

Closing-Time Dim

idea

Gym dims room-by-room after hours; 24/7 keypad CTA.

gymTime & Live-data · B16

Day-Part Greeting

✓ built

Copy + CTA reorder themselves by the time of day.

heroTime & Live-data · B18

Knock Knock

idea

Handyman door-knock SFX on the CTA.

handyman CTASound & Rhythm · B19

Pipe Organ Nav

idea

Plumber nav links are tuned pipes you can play.

plumber navSound & Rhythm · B20

Clipper Beat

idea

Barber lo-fi clipper rhythm, beat-synced transitions.

barberSound & Rhythm · B21

Tune-Up Engine

idea

Auto idle hum smooths from a misfire to a V8 on scroll.

autoSound & Rhythm · B22

Snip Confirm

idea

Salon scissor-snip per field + falling-hair confetti.

salon formSound & Rhythm · B24

Sizzle CTA

idea

Food-truck “Order” sizzles + a bell rings.

food truck CTASound & Rhythm · B28

Tone-Lock Booking

idea

Locksmith 3-tone “unlocked” chime on success.

locksmith confirmSound & Rhythm · B29

Quiet Mode First

✓ built

All audio OFF by default — a tasteful opt-in pill.

globalSound & Rhythm · B31

Doorbell Reveal

idea

Cleaning before/after rings a doorbell + sparkle.

cleaningSound & Rhythm · B32

Your House, Drawn

idea

Enter an address; a generative line-art home draws itself.

personalizationGenerative · B33

Procedural Lawn

idea

A never-repeating generative garden every visit (shader).

landscaper heroGenerative · B34

Pipe Maze Loader

idea

Plumber loader = a procedural pipe network filling up.

loaderGenerative · B35

Spark Field

✓ built

Electrician circuit traces light toward the cursor.

electricianGenerative · B36

Paint Bloom

idea

Painter watercolor bloom per scroll, signed at the end.

painterGenerative · B37

Bubble Sim

idea

Cleaning: poppable bubbles reveal testimonials.

cleaning reviewsGenerative · B39

Constellation Reviews

idea

Each 5-star review = a procedurally placed star.

reviewsGenerative · B42

Generative Crest

idea

Booking mints a unique “service crest” / business card.

confirmGenerative · B43

Topo Service Area

★ keeper

Generative topo ripple from the business pin + geocode.

coverageGenerative · B44

Smoke Signal

idea

BBQ volumetric smoke drifts with the cursor.

caterer heroGenerative · B45

Crack-to-Clean Glass

idea

Auto glass: a crack spreads, then scroll “heals” it.

auto-glassGenerative · B47

Tilt to Inspect

idea

Phone tilt = a flashlight across a dark crawlspace.

mobileUnusual Input · B48

Scrub the Grime

✓ built

Drag to wipe a dirty surface clean (canvas mask).

cleaner/detailerUnusual Input · B49

Velocity Wind

idea

A fast cursor ruffles the landscaper's grass.

landscaperUnusual Input · B50

Dwell Reveal

✓ built

Hover-hold 1.2s “develops” a Polaroid job photo.

galleryUnusual Input · B51

Two-Finger Stretch

idea

Pinch-zoom a roof to auto-annotate the damage.

rooferUnusual Input · B52

Pressure Knead

idea

Massage: long-press spreads a warm relax glow.

massageUnusual Input · B53

Shake to Mix

idea

Painter: shake the phone to mix two brand colors.

painterUnusual Input · B54

Scroll-Rhythm Detector

idea

Frantic scrolling triggers a spa “breathe” overlay.

spaUnusual Input · B56

Trace the Route

idea

Dog-walker: draw a path and the pup walks it.

dog-walkerUnusual Input · B59

Heat Breath

idea

HVAC: breathe near the mic, the screen fogs, wipe to clear.

HVACUnusual Input · B62

Leak Detective

★ keeper

A 20s find-the-leak mini-game that hands off to booking.

plumberGame & Quest · B63

Spot the Hazard

idea

Electrician: find 3 code violations + tips.

electricianGame & Quest · B64

Stack the Schedule

idea

Caterer Tetris event-builder pre-fills the quote.

catererGame & Quest · B65

Cut Master

idea

Barber fade-slider previews on an avatar → booking note.

barberGame & Quest · B66

Pipe Connect

idea

Plumber pipe-rotation puzzle → Book Now.

plumberGame & Quest · B67

Whack-a-Weed

idea

Landscaper weed micro-game.

landscaperGame & Quest · B69

Spotless Speedrun

idea

Cleaning timed tidy-game vs “our team: 45 min”.

cleaningGame & Quest · B70

Quote Quest Map

idea

Booking as a board-game path you travel.

bookingGame & Quest · B73

Mix & Match Plate

idea

Food-truck: drag-to-tray IS the cart.

food truckGame & Quest · B76

A Day Without Us

✓ built

A scrolly house falls apart, then is restored.

storyNarrative · B77

The 2AM Story

idea

A burst-pipe cinematic for 24/7 service.

plumber 24/7Narrative · B78

Overgrown to Oasis

idea

A yard transforms across four seasons.

landscaperNarrative · B79

The Last Haircut Before

idea

A barber milestone-moment framing.

barberNarrative · B80

Meet the Crew Doc

idea

Hover plays a 3s silent work loop of each crew member.

teamNarrative · B81

The Rescue Log

idea

Roofer storm jobs as a dated mission log.

rooferNarrative · B83

Recipe of the House

idea

Caterer farm-to-plate scrolly story.

catererNarrative · B84

Quiet Hour

idea

A 60s spa relaxation story before the services.

spaNarrative · B85

Before You Slept

idea

Cleaning overnight time-lapse reset.

cleaningNarrative · B86

Returning-Visitor Nod

idea

“Welcome back — still thinking about that roof?”

personalizationPersonalization · B87

Weather-Matched Hero

✓ built

Raining at the visitor's location → rainy hero + “leaking now?” CTA.

roofer/HVACPersonalization · B88

Name-the-Quote

idea

Personalizes headers after a name entry.

quotePersonalization · B89

Pet Mode

idea

Pick a dog breed; a matching pup follows the cursor.

dog-walkerPersonalization · B90

Comfort Memory

idea

HVAC remembers your ideal-temp slider.

HVACPersonalization · B91

Mood Palette

idea

Massage: one-tap mood re-themes + recommends.

massagePersonalization · B92

Local Landmark Drop

idea

The hero neighborhood includes a real local landmark.

heroPersonalization · B93

Build-Your-Avatar Home

idea

Pick roof/door/trim; it persists as “your” home.

configuratorPersonalization · B95

Time-Aware Crew

✓ built

Hero swaps day-crew/night-crew by time.

heroPersonalization · B96

Konami Plunger

idea

The code rains golden plungers + a promo.

easter eggEaster Eggs · B97

Triple-Tap Logo

idea

The mascot winks + drops a one-liner.

easter eggEaster Eggs · B98

Hidden Toolbox

idea

A footer drawer of the founder's tools.

footerEaster Eggs · B99

Long-Press Mascot

idea

The mascot falls asleep + snores.

easter eggEaster Eggs · B101

Confetti Address

idea

A correct address = a pin-drop celebration.

formEaster Eggs · B103

Secret Recipe

idea

Caterer footer reveals a printable recipe card.

caterer footerEaster Eggs · B104

Live Co-Browse Quote

idea

Scribble the problem on your own uploaded photo.

quoteMisc-Wild · B106

Sketch-to-Real Toggle

idea

A slider morphs the hero from sketch to photoreal.

heroMisc-Wild · B107

Voice Booking

idea

Mic “tell us what's wrong” → fills the request field.

bookingMisc-Wild · B108

Cursor Pet Mascot

★ keeper

A spring-follow brand mascot that parks near the CTA.

globalMisc-Wild · B110

Liquid Page Theme

✓ built

The whole page is a fluid sim; CTAs ripple (Three.js).

whole-pageMisc-Wild · B112

Magnetic CTA

✓ built

Book-Now pulls toward the cursor + snaps back.

CTAMisc-Wild · B113

Job-Clock Hero

idea

A giant clock; each hour is a completed-job thumbnail.

heroMisc-Wild · B114

Spin-the-Service Wheel

idea

Undecided? Spin → a matching service + quote.

playfulMisc-Wild · B115

Pulse-on-Proximity Map

idea

The nearest pin pulses “we're 8 min from you”.

coverageMisc-Wild · B117

Generative Thank-You

idea

Booking prints an animated work-order stub.

confirmMisc-Wild · B119

Heartbeat Health Check

idea

Auto/HVAC live EKG, flatline-recover on hover.

auto/HVACMisc-Wild · B120

Sunset Quote

idea

Roofer hero with real-time sun angle raking shadows.

rooferTime & Live-data · B3

Tide Clock

idea

Pool “swim window” UV + temp gauge.

poolTime & Live-data · B6

Golden Hour Gallery

idea

Photographer thumbs re-lit to the current outdoor light temp.

photographerTime & Live-data · B9

Moon Phase Massage

idea

Spa tracks the real moon phase with a lunar booking note.

massageTime & Live-data · B11

Commute Window

idea

Dog-walker “alone ~X hrs” empathy clock.

dog-walkerTime & Live-data · B13

Frost-to-Bloom Scrollbar

idea

The scrollbar is a seasonal thermometer.

whole-pageTime & Live-data · B15

Booking-Fill Glass

idea

Caterer “Saturday 80% booked” fills like a glass.

catererTime & Live-data · B17

Rhythm Scroll

idea

Yoga 4-7-8 breathing guides the scroll pace.

yogaSound & Rhythm · B23

Mic Whisper

idea

Massage: “blow to relax” scatters petals.

massageSound & Rhythm · B25

Hum to Tune

idea

Photographer gallery grade shifts with a hummed pitch.

photographerSound & Rhythm · B26

Water Drum

idea

Pool tap-anywhere water-plop by position.

poolSound & Rhythm · B27

Metronome Trust

idea

Gym rep counter clicks at workout cadence.

gymSound & Rhythm · B30

Wood-Grain DNA

idea

Handyman unique procedural wood-grain header.

handymanGenerative · B38

Flow Field Hair

idea

Barber generative hair combed by the cursor.

barberGenerative · B40

Heat Map Comfort

idea

HVAC: drag to “cool” a thermal house map.

HVACGenerative · B41

Petal Rain

idea

Salon never-identical petals, denser near the CTAs.

salonGenerative · B46

Cursor Comb

idea

Barber hair parts following the cursor path.

barberUnusual Input · B55

Idle Campfire

idea

Caterer scene settles into a campfire after 20s idle.

catererUnusual Input · B57

Mic Clap Tempo

idea

Gym athlete matches your clap tempo.

gymUnusual Input · B58

Flashlight Cursor

✓ built

Electrician dark hero lit by the cursor.

electricianUnusual Input · B60

Tilt-Level Trust

idea

Handyman working bubble-level via device orientation.

handymanUnusual Input · B61

Pool Temp Quest

idea

Sliders to hit “perfect 84°” unlock an offer.

poolGame & Quest · B68

Wrench Combo

idea

Auto rhythm-tap “tune the engine”.

autoGame & Quest · B71

Lock Picker

✓ built

Locksmith combo-dial IS the menu.

locksmithGame & Quest · B72

Find Fido

idea

Dog-walker hidden-object game → a treat coupon.

dog-walkerGame & Quest · B74

Roof Run

idea

An endless-runner shingle-laying scroll.

rooferGame & Quest · B75

Origin Garage

idea

Auto founder graphic-novel about page.

auto aboutNarrative · B82

Adaptive Urgency

idea

Repeat emergency visits → a softer 1-tap call.

personalizationPersonalization · B94

Spell It Out

idea

Type “fix” to play a repair animation.

easter eggEaster Eggs · B100

Midnight Mode

idea

After midnight, a sleepy moon banner appears.

easter eggEaster Eggs · B102

Bubble Pop Counter

idea

50 pops unlocks a deep-clean wink.

easter eggEaster Eggs · B105

Ambient EQ Trust Bar

idea

Jobs-done counter bounces like an EQ heartbeat.

social proofMisc-Wild · B109

Reverse-Scroll Reveal

idea

Scroll up past the top = team bloopers.

easter eggMisc-Wild · B111

Echo Testimonials

idea

Hover a review, it speaks its first line (opt-in TTS).

reviewsMisc-Wild · B116

Pull-Chain Lamp Toggle

idea

Dark-mode is a yankable swinging lamp.

theme toggleMisc-Wild · B118