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, all live·155 demos (near-dupes merged into one card + a flavor chooser)·28 on the real siteshowing 155
Agent
Status
Theme

Tear a strip to reveal

2 flavors

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

Tear/lift top sheet to cycle

2 flavors

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

FAQPaper & Fold · A9

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

Paper Airplane Contact

idea

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

contactPaper & Fold · A18

Glass fills with liquid

2 flavors

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

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

Scroll before→after wipe

2 flavors

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

Scroll raises a line

2 flavors

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

whole-pageLiquid & Pour · A32

Drag a handle → reading

2 flavors

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

Scroll steps through panels

3 flavors

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

spineSpatial & Rooms · A39

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

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

Cursor-tilt 3D rotate

2 flavors

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

detailSpatial & Rooms · A52

Pop a cover open to reveal

3 flavors

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

Fridge-Magnet Booking

idea

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

contactMagnet & Gravity · A61

Damped pendulum swing

2 flavors

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

Gravity drop + bounce

2 flavors

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

Field warped by cursor

2 flavors

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

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

Cloth / banner sways

2 flavors

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

reviewsFabric & Soft · A82

Slide a panel aside to reveal

3 flavors

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

pricingGlass & Shatter · A84

Click cracks / shatters a pane

2 flavors

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

differentiatorGlass & Shatter · A85

Light one tile, dim the rest

2 flavors

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

servicesGlass & Shatter · A86

Magnifying-Glass Inspect

✓ built

A draggable lens magnifies fine print / fine craftsmanship.

quality proofGlass & Shatter · A89

Cursor flashlight / spotlight reveal

4 flavors

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

electrician/locksmith heroLight & Shadow · A92

Light-Switch Toggle

★ keeper

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

theme toggleLight & Shadow · A94

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 grid by cursor

2 flavors

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

Rotary dial selects an item

2 flavors

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

Accordion row expands

3 flavors

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

electrician servicesMechanical · A103

Loader fills to ready

3 flavors

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

loaderMechanical · A104

Cash-Register Total

idea

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

checkoutMechanical · A106

Drag knob → tier + gauge

2 flavors

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

Scroll restores faded→vivid

2 flavors

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

before/afterWeather & Erosion · A113

Footprints-In-Sand

idea

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

beach-town spineWeather & Erosion · A115

Wipe-to-reveal (canvas)

4 flavors

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

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

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

Tunnel Bore

idea

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

spineSpatial & Rooms · A55

Needle rotates to a label

2 flavors

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

coverageSpatial & Rooms · A56

Tossed-Coin Booking

idea

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

playful CTAMagnet & Gravity · A70

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

Highlight sweep across cards

2 flavors

Buttons reflect a faint moving highlight like polished chrome.

auto-detailing CTAsGlass & Shatter · A90

Flip a card to next record

2 flavors

Flip a physical Rolodex to find the right department card.

contactMechanical · A108

Frost vignette by level

2 flavors

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

HVACWeather & Erosion · A118

Live-clock sky gradient

2 flavors

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

heroTime & Live-data · B1

Live status badge

2 flavors

A live “we're awake” breathing indicator.

headerTime & Live-data · B2

Rain over a darkened scene

4 flavors

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

Countdown + draining meter

2 flavors

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 ticker / counter

2 flavors

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

Percussive sound + ring

3 flavors

Handyman door-knock SFX on the CTA.

handyman CTASound & Rhythm · B19

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

Tone / chime on success

2 flavors

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

Input draws a generative path

3 flavors

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

personalizationGenerative · B33

Seeded generative art + reroll

4 flavors

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

landscaper heroGenerative · B34

Spark Field

✓ built

Electrician circuit traces light toward the cursor.

electricianGenerative · B36

Rising bubbles, tap to pop

4 flavors

Cleaning: poppable bubbles reveal testimonials.

cleaning reviewsGenerative · B39

Rings radiate from a pin

2 flavors

Generative topo ripple from the business pin + geocode.

coverageGenerative · B44

Rising particle emitter

3 flavors

BBQ volumetric smoke drifts with the cursor.

caterer heroGenerative · B45

Scroll heals an SVG crack

2 flavors

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

auto-glassGenerative · B47

Velocity Wind

idea

A fast cursor ruffles the landscaper's grass.

landscaperUnusual Input · B50

Press-hold ramps a value

2 flavors

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

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

Find target among decoys

4 flavors

Electrician: find 3 code violations + tips.

electricianGame & Quest · B64

Stack the Schedule

idea

Caterer Tetris event-builder pre-fills the quote.

catererGame & Quest · B65

Slider morphs an avatar

2 flavors

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

barberGame & Quest · B66

Pipe Connect

idea

Plumber pipe-rotation puzzle → Book Now.

plumberGame & Quest · B67

Clear scattered items

2 flavors

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

cleaningGame & Quest · B70

Advance a token to a goal

2 flavors

Booking as a board-game path you travel.

bookingGame & Quest · B73

Tap items into a tray + total

2 flavors

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

Auto-advancing story panels

4 flavors

A yard transforms across four seasons.

landscaperNarrative · B79

Scroll through stage panels

3 flavors

Caterer farm-to-plate scrolly story.

catererNarrative · B84

Quiet Hour

idea

A 60s spa relaxation story before the services.

spaNarrative · B85

Repeat-visit banner swap

2 flavors

“Welcome back — still thinking about that roof?”

personalizationPersonalization · B87

Name-the-Quote

idea

Personalizes headers after a name entry.

quotePersonalization · B89

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

Sequence-tap unlock

2 flavors

The code rains golden plungers + a promo.

easter eggEaster Eggs · B97

Tap mascot → react

2 flavors

The mascot winks + drops a one-liner.

easter eggEaster Eggs · B98

Footer drawer opens

2 flavors

A footer drawer of the founder's tools.

footerEaster Eggs · B99

Confetti Address

idea

A correct address = a pin-drop celebration.

formEaster Eggs · B103

Live Co-Browse Quote

idea

Scribble the problem on your own uploaded photo.

quoteMisc-Wild · B106

Voice Booking

idea

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

bookingMisc-Wild · B108

Spring-follow mascot

2 flavors

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

globalMisc-Wild · B110

Cursor-magnet CTA

2 flavors

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 onto a result

2 flavors

Undecided? Spin → a matching service + quote.

playfulMisc-Wild · B115

Heartbeat Health Check

idea

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

auto/HVACMisc-Wild · B120

Sun rakes shadows

2 flavors

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

Frost-to-Bloom Scrollbar

idea

The scrollbar is a seasonal thermometer.

whole-pageTime & Live-data · B15

Rhythm Scroll

idea

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

yogaSound & Rhythm · B23

Tap water → ripple rings

2 flavors

Pool tap-anywhere water-plop by position.

poolSound & Rhythm · B27

Strands bend to cursor

2 flavors

Barber generative hair combed by the cursor.

barberGenerative · B40

Petal Rain

idea

Salon never-identical petals, denser near the CTAs.

salonGenerative · B46

Mic drives a visual

3 flavors

Gym athlete matches your clap tempo.

gymUnusual Input · B58

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

Tap on the beat

2 flavors

Auto rhythm-tap “tune the engine”.

autoGame & Quest · B71

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