{"schemaVersion":3,"taxonomyVersion":1,"generatedBy":"tools/tag.mjs","counts":{"total":605,"aiEnriched":455,"facets":{"role":{"background":195,"decoration":167,"dataviz":46,"text-effect":32,"input":31,"loader":28,"feedback":24,"button":19,"hero":18,"card":16,"3d":11,"nav":10,"cursor":8},"technique":{"raf":483,"canvas":364,"css-only":117,"svg":89,"smil":3},"style":{"minimal":429,"geometric":182,"gradient":138,"neon":124,"organic":104,"monochrome":94,"flat":90,"retro":54,"cosmic":46,"glass":45,"constructivist":33,"op-art":28,"glitch":27,"bauhaus":22,"psychedelic":20,"swiss":15,"art-deco":14,"pointillist":13,"art-nouveau":13,"de-stijl":13,"vaporwave":12,"ukiyo-e":10,"memphis":10,"playful":10},"motion":{"loop":324,"ambient":104,"physics":63,"reactive":46,"generative":44,"reveal":24},"intensity":{"moderate":343,"calm":201,"energetic":61},"interaction":{"autonomous":395,"pointer":164,"click":121,"keyboard":33,"drag":25,"audio":8},"perfTier":{"medium":375,"cheap":122,"heavy":108},"scheme":{"duotone":329,"dark":201,"vibrant":41,"light":18,"monochrome":16},"deps":{"none":558,"google-fonts":47},"useCases":{"404":15,"hero":334,"background":258,"splash":166,"section-divider":134,"loading":128,"dashboard":126,"onboarding":120,"cta":49,"footer":28,"logo-mark":25,"empty-state":23,"pricing":22,"testimonial":16},"mood":{"techy":288,"elegant":206,"calm":149,"futuristic":129,"playful":115,"dreamy":108,"serious":96,"energetic":82,"retro":58,"warm":46,"luxurious":31,"brutalist":8},"a11y":{"reducedMotion":605,"keyboard":33,"ariaLabeled":372,"seizureSafe":602}}},"components":[{"id":0,"file":"kinetic-type/01-weight-morph-wave.html","repoFile":"infinite/kinetic-type/01-weight-morph-wave.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Weight Morph Wave","loc":103,"kb":4,"role":"text-effect","technique":["raf"],"style":["minimal","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e0fbfc","bgHex":"#0d1b2a","colors":["#e0fbfc","#0d1b2a"]},"deps":["none"],"useCases":["hero","logo-mark","section-divider"],"mood":["techy","elegant","calm"],"description":"The word MORPH on deep navy, each letter pulsing font-weight and vertical squash in a sine wave with cyan-to-blue hue shifts.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible"],"tags":["typography","variable-font","loop","sine-wave","text-animation"]},{"id":1,"file":"kinetic-type/02-scramble-decode.html","repoFile":"infinite/kinetic-type/02-scramble-decode.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Scramble Decode","loc":116,"kb":5,"role":"text-effect","technique":["raf"],"style":["minimal","glitch","neon","monochrome"],"motion":"loop","intensity":"energetic","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#39ff14","bgHex":"#06120c","colors":["#39ff14","#06120c","#aaffaa","#1f7a3a"]},"deps":["none"],"useCases":["hero","loading","splash"],"mood":["techy","futuristic","serious"],"description":"Monospace neon-green words cycle through random glyph scramble then lock left-to-right like a terminal decrypting, on near-black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","scramble","decode","terminal","monospace","loop","neon"]},{"id":2,"file":"kinetic-type/03-split-flap-board.html","repoFile":"infinite/kinetic-type/03-split-flap-board.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Split-Flap Board","loc":127,"kb":5,"role":"text-effect","technique":["raf"],"style":["minimal","retro"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#f4c430","bgHex":"#161616","colors":["#f4c430","#161616","#0a0a0a","#2a2a2a"]},"deps":["none"],"useCases":["hero","loading","section-divider"],"mood":["retro","techy","playful"],"description":"Amber split-flap airport board with six tiles flipping through letters to spell DEPART, ARRIVE, ONTIME, BOARDS on dark charcoal.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["split-flap","departure-board","typography","flip","amber","loop","airport"]},{"id":3,"file":"kinetic-type/04-gradient-shimmer.html","repoFile":"infinite/kinetic-type/04-gradient-shimmer.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Gradient Shimmer","loc":93,"kb":3,"role":"text-effect","technique":["css-only"],"style":["minimal","gradient","neon"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#ff2e97","bgHex":"#120018","colors":["#ff2e97","#120018","#ff8a00","#ffe600","#00ffd5","#5d6bff"]},"deps":["none"],"useCases":["hero","logo-mark","cta"],"mood":["playful","energetic","futuristic"],"description":"Bold word SHIMMER with a rainbow gradient clipped to the text, sliding continuously for a glossy iridescent sweep on dark purple.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","gradient","shimmer","text-animation","iridescent","loop"]},{"id":4,"file":"kinetic-type/05-glitch-rgb-split.html","repoFile":"infinite/kinetic-type/05-glitch-rgb-split.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Glitch RGB Split","loc":110,"kb":4,"role":"text-effect","technique":["raf"],"style":["minimal","glitch","neon","monochrome"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#00eaff","bgHex":"#080808","colors":["#080808","#00eaff","#f5f5f5","#ff003c"]},"deps":["none"],"useCases":["hero","404","splash"],"mood":["techy","futuristic","brutalist"],"description":"The word GLITCH with red and cyan RGB-split copies drifting and randomly bursting with clipped displacement on black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["glitch","rgb-split","typography","chromatic-aberration","loop","kinetic-type","dark"]},{"id":5,"file":"kinetic-type/06-marquee-ticker.html","repoFile":"infinite/kinetic-type/06-marquee-ticker.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Marquee Ticker","loc":98,"kb":4,"role":"text-effect","technique":["css-only"],"style":["minimal","retro","flat"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#ffd23f","bgHex":"#0a0f0d","colors":["#ffd23f","#0a0f0d","#1dd3b0","#ff5d73"]},"deps":["none"],"useCases":["section-divider","footer","hero"],"mood":["playful","energetic","techy"],"description":"Two rows of bold words with bullet separators scrolling opposite directions in yellow and teal on dark green like a news ticker.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["marquee","ticker","scroll","typography","loop","news-ticker","kinetic-type"]},{"id":6,"file":"kinetic-type/07-clip-gradient-mask.html","repoFile":"infinite/kinetic-type/07-clip-gradient-mask.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Moving Mask","loc":98,"kb":4,"role":"text-effect","technique":["css-only"],"style":["minimal","gradient"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#7873f5","bgHex":"#0b0b14","colors":["#ff6ec7","#7873f5","#0b0b14","#1c1c2e","#21d4fd"]},"deps":["none"],"useCases":["hero","logo-mark","section-divider"],"mood":["elegant","techy","dreamy"],"description":"The word REVEAL dark and dim until a diagonal gradient light band sweeps across it, lighting letters in shifting pink-blue hues.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","mask","gradient","sweep","clip-text","text-animation","kinetic"]},{"id":7,"file":"kinetic-type/08-wavy-sine-distort.html","repoFile":"infinite/kinetic-type/08-wavy-sine-distort.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Wavy Sine","loc":109,"kb":4,"role":"text-effect","technique":["raf"],"style":["minimal","organic","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7fffd4","bgHex":"#001b2e","colors":["#7fffd4","#001b2e"]},"deps":["none"],"useCases":["hero","logo-mark","section-divider"],"mood":["playful","calm","dreamy"],"description":"The word WAVES~ in aquamarine, each letter bobbing and rotating along a sine wave with hue shifts on deep teal.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","sine-wave","loop","hue-shift","text-animation","aquamarine","kinetic"]},{"id":8,"file":"kinetic-type/09-extruded-3d-word.html","repoFile":"infinite/kinetic-type/09-extruded-3d-word.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"3D Extruded Word","loc":97,"kb":3,"role":"text-effect","technique":["raf"],"style":["minimal","retro"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ffcf4d","bgHex":"#1a1030","colors":["#ffcf4d","#1a1030"]},"deps":["none"],"useCases":["hero","logo-mark","splash"],"mood":["playful","techy"],"description":"Bold word DEPTH on deep purple, rendered with layered drop-shadow extrusion, oscillating in 3D rotateX/Y like a turning solid block.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","3d","extrusion","text-shadow","rotation","css-transform","kinetic"]},{"id":9,"file":"kinetic-type/10-typewriter-caret.html","repoFile":"infinite/kinetic-type/10-typewriter-caret.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Typewriter Loop","loc":105,"kb":4,"role":"text-effect","technique":["css-only"],"style":["minimal","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#46e6a0","bgHex":"#101418","colors":["#46e6a0","#101418","#e8eef2","#5c6b78"]},"deps":["none"],"useCases":["hero","loading","onboarding"],"mood":["techy","calm"],"description":"Monospace terminal line that types, pauses, and deletes phrases in a loop behind a glowing green blinking caret on near-black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typewriter","terminal","monospace","loop","caret","typography","text-animation"]},{"id":10,"file":"kinetic-type/11-stagger-cascade.html","repoFile":"infinite/kinetic-type/11-stagger-cascade.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Stagger Cascade","loc":201,"kb":7,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","monochrome"],"motion":"physics","intensity":"energetic","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f5b700","bgHex":"#0d0b1a","colors":["#0d0b1a","#f5b700"]},"deps":["none"],"useCases":["hero","section-divider","splash"],"mood":["energetic","playful"],"description":"Amber canvas glyphs drop in one by one with motion trails and spring squash on impact, then the settled word breathes and cycles.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","cascade","spring","motion-trail","canvas","stagger","loop"]},{"id":11,"file":"kinetic-type/12-rack-focus.html","repoFile":"infinite/kinetic-type/12-rack-focus.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Rack Focus","loc":161,"kb":6,"role":"text-effect","technique":["raf"],"style":["minimal","gradient"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#56cfe1","bgHex":"#101418","colors":["#56cfe1","#101418","#e9f6f9"]},"deps":["none"],"useCases":["hero","splash","section-divider"],"mood":["elegant","dreamy"],"description":"Two stacked words trade sharpness in a cinematic rack-focus breath, the defocused one blooming into a soft cyan halo with vignette.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","blur","focus","cinematic","ambient","loop","glow"]},{"id":12,"file":"kinetic-type/13-kerning-breath.html","repoFile":"infinite/kinetic-type/13-kerning-breath.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Kerning Breath","loc":176,"kb":6,"role":"text-effect","technique":["raf"],"style":["minimal","organic"],"motion":"ambient","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff7b9c","bgHex":"#1a1014","colors":["#ff7b9c","#1a1014","#ffd9e2"]},"deps":["none"],"useCases":["hero","splash","section-divider"],"mood":["elegant","calm","dreamy"],"description":"Thin pink word BREATHE whose letter-spacing widens and tightens like a slow breath, hairlines glowing in the gaps from the center out.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","kerning","breathing","glow","loop","ambient","kinetic-text"]},{"id":13,"file":"kinetic-type/14-ransom-assembly.html","repoFile":"infinite/kinetic-type/14-ransom-assembly.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Ransom Assembly","loc":205,"kb":8,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","retro","constructivist"],"motion":"physics","intensity":"energetic","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63946","bgHex":"#141414","colors":["#141414","#e63946"]},"deps":["none"],"useCases":["hero","splash","404"],"mood":["playful","brutalist","energetic"],"description":"Clashing mixed-font letters on cut-paper swatches fly in from random edges and spring-tumble into the word RANSOM, then reassemble.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["typography","ransom-note","spring-physics","canvas","assembly","kinetic","mixed-fonts"]},{"id":14,"file":"kinetic-type/15-ticker-tape-fall.html","repoFile":"infinite/kinetic-type/15-ticker-tape-fall.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Ticker Tape Fall","loc":233,"kb":8,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","monochrome"],"motion":"physics","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#2ec4b6","bgHex":"#07120f","colors":["#07120f","#2ec4b6"]},"deps":["none"],"useCases":["hero","loading","dashboard"],"mood":["techy","futuristic"],"description":"Teal split-flap letter reels spin and brake to lock onto each glyph of a word with motion-blur streaks and a flash on the dark green canvas.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["split-flap","typography","canvas","kinetic","monospace","motion-blur","loop"]},{"id":15,"file":"kinetic-type/16-line-wipe-sweep.html","repoFile":"infinite/kinetic-type/16-line-wipe-sweep.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Line Wipe Sweep","loc":165,"kb":6,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","neon"],"motion":"reveal","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffd166","bgHex":"#12060c","colors":["#12060c","#ffd166"]},"deps":["none"],"useCases":["hero","loading","splash"],"mood":["techy","futuristic"],"description":"A bright gold scan bar sweeps down outlined letters, developing them into solid glowing fill with a hot edge, like a darkroom print emerging","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","canvas","scan","wipe","reveal","darkroom","monospace"]},{"id":16,"file":"kinetic-type/17-optical-axis-morph.html","repoFile":"infinite/kinetic-type/17-optical-axis-morph.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Optical Axis Morph","loc":156,"kb":6,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","gradient","monochrome"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#c77dff","bgHex":"#0a0e27","colors":["#0a0e27","#c77dff"]},"deps":["none"],"useCases":["hero","splash","logo-mark"],"mood":["elegant","techy","dreamy"],"description":"The word MORPH on dark navy morphs its variable-font axes (weight, width, slant) with a violet-to-magenta glow, breathing wide and italic.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","variable-font","canvas","morph","kinetic","glow","loop"]},{"id":17,"file":"kinetic-type/18-baseline-bounce.html","repoFile":"infinite/kinetic-type/18-baseline-bounce.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Baseline Bounce","loc":193,"kb":6,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","flat"],"motion":"physics","intensity":"energetic","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff9f1c","bgHex":"#18120a","colors":["#18120a","#ff9f1c"]},"deps":["none"],"useCases":["hero","onboarding","splash"],"mood":["playful","energetic","warm"],"description":"Amber monospace letters spelling BOUNCE drop and spring on a baseline rail with squash-stretch and shadow puddles in a staggered ripple.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","bounce","spring-physics","squash-stretch","canvas","monospace","loop"]},{"id":18,"file":"kinetic-type/19-vapor-condense.html","repoFile":"infinite/kinetic-type/19-vapor-condense.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Vapor Condense","loc":159,"kb":6,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","organic","monochrome"],"motion":"ambient","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#a8dadc","bgHex":"#0b0f0e","colors":["#0b0f0e","#a8dadc"]},"deps":["none"],"useCases":["hero","splash","loading"],"mood":["dreamy","calm","elegant"],"description":"Teal particle haze drifts and condenses into the crisp word VAPOR, then dissolves back into a soft glowing cloud on a near-black field.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["typography","particles","canvas","condense","vapor","ambient","generative"]},{"id":19,"file":"kinetic-type/20-pivot-flip-row.html","repoFile":"infinite/kinetic-type/20-pivot-flip-row.html","themeSlug":"kinetic-type","theme":"Kinetic Typography","title":"Pivot Flip Row","loc":229,"kb":8,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","retro","flat"],"motion":"loop","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#80ffdb","bgHex":"#1b1020","colors":["#1b1020","#80ffdb"]},"deps":["none"],"useCases":["hero","splash","section-divider"],"mood":["playful","retro","techy"],"description":"A row of split-flap cards in mint-on-purple flips letter by letter to cycle through words like PIVOT, FLIP and SNAP, departure-board style.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["split-flap","departure-board","typography","canvas","flip","kinetic","monospace"]},{"id":20,"file":"micro-dataviz/01-bar-grow-reshuffle.html","repoFile":"infinite/micro-dataviz/01-bar-grow-reshuffle.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Bar Grow + Reshuffle","loc":116,"kb":4,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","flat","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5ec8c2","bgHex":"#0e1726","colors":["#0e1726","#5ec8c2"]},"deps":["none"],"useCases":["dashboard","empty-state","background"],"mood":["techy","playful","calm"],"description":"Seven rounded gradient bars with cap dots on a dark slate grid ease to new random heights every 1.6s, reshuffling like a live chart.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bar-chart","data-viz","canvas","gradient","loop","reshuffle","animated-chart"]},{"id":21,"file":"micro-dataviz/02-line-sweep.html","repoFile":"infinite/micro-dataviz/02-line-sweep.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Live Line Sweep","loc":116,"kb":4,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","neon","flat"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#4dd1ff","bgHex":"#0b1020","colors":["#0b1020","#4dd1ff"]},"deps":["none"],"useCases":["dashboard","background","empty-state"],"mood":["techy","calm","futuristic"],"description":"A glowing cyan area line streams across a faint grid with a white head dot, scrolling a live time-series of softly noisy sine data.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["line-chart","data-viz","canvas","glow","time-series","ambient","monospace"]},{"id":22,"file":"micro-dataviz/03-donut-progress.html","repoFile":"infinite/micro-dataviz/03-donut-progress.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Donut Ring Progress","loc":110,"kb":4,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","gradient","neon"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#b48cff","bgHex":"#161226","colors":["#161226","#b48cff"]},"deps":["none"],"useCases":["loading","dashboard","empty-state"],"mood":["techy","calm","futuristic"],"description":"A violet-to-cyan gradient donut ring eases its fill to random percentages with a leading dot and centered LOAD percent readout.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["donut","progress","canvas","data-viz","gradient","loading","ring"]},{"id":23,"file":"micro-dataviz/04-sparkline-dot.html","repoFile":"infinite/micro-dataviz/04-sparkline-dot.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Sparkline Moving Dot","loc":111,"kb":4,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","neon","flat"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#3ee08f","bgHex":"#0c1512","colors":["#0c1512","#3ee08f"]},"deps":["none"],"useCases":["dashboard","empty-state","background"],"mood":["techy","calm","futuristic"],"description":"A green sparkline traces itself across a faint full path, led by a haloed white moving dot, then regenerates a new random series.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["sparkline","data-viz","canvas","line-chart","ambient","generative","loop"]},{"id":24,"file":"micro-dataviz/05-radial-gauge.html","repoFile":"infinite/micro-dataviz/05-radial-gauge.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Radial Gauge Needle","loc":119,"kb":5,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","flat","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffb347","bgHex":"#1a1410","colors":["#1a1410","#ffb347"]},"deps":["none"],"useCases":["dashboard","hero","onboarding"],"mood":["techy","serious"],"description":"Semicircular gauge on dark amber bg with green-yellow-red arc segments, glowing white needle sweeping and a live 0-100 percentage readout.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["gauge","canvas","data-viz","needle","radial","ambient","monospace"]},{"id":25,"file":"micro-dataviz/06-radar-pulse.html","repoFile":"infinite/micro-dataviz/06-radar-pulse.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Radar Pulse","loc":120,"kb":5,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","geometric","neon"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#52e0d4","bgHex":"#0a1424","colors":["#0a1424","#52e0d4"]},"deps":["none"],"useCases":["dashboard","hero","onboarding"],"mood":["techy","futuristic"],"description":"Six-axis teal radar chart on navy with grid rings, a pulsing animated polygon and a rotating sweep line, reshuffles on click.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["radar","chart","canvas","dataviz","pulse","sweep","ambient"]},{"id":26,"file":"micro-dataviz/07-heatmap-ripple.html","repoFile":"infinite/micro-dataviz/07-heatmap-ripple.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Heatmap Ripple","loc":110,"kb":4,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","gradient","flat"],"motion":"ambient","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff7ac6","bgHex":"#120a18","colors":["#120a18","#ff7ac6"]},"deps":["none"],"useCases":["dashboard","background","hero"],"mood":["techy","dreamy"],"description":"12x6 grid of rounded cells in a magma color ramp rippling from a moving source, follows the cursor for the wave origin.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["heatmap","grid","ripple","canvas","data-viz","color-ramp","pointer"]},{"id":27,"file":"micro-dataviz/08-odometer-countup.html","repoFile":"infinite/micro-dataviz/08-odometer-countup.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Odometer Count-Up","loc":129,"kb":5,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","monochrome","flat"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7af0c0","bgHex":"#0d0f14","colors":["#0d0f14","#7af0c0"]},"deps":["none"],"useCases":["dashboard","hero","onboarding","pricing"],"mood":["techy","serious"],"description":"Six-digit mechanical odometer with rolling number reels counting up to a random REQUESTS/SEC value in mint-green mono type.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["odometer","counter","number","canvas","data-viz","mechanical","monospace"]},{"id":28,"file":"micro-dataviz/09-bubble-pack.html","repoFile":"infinite/micro-dataviz/09-bubble-pack.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Bubble Pack Jiggle","loc":120,"kb":5,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","organic","gradient"],"motion":"physics","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#41d6ff","bgHex":"#06121a","colors":["#06121a","#41d6ff"]},"deps":["none"],"useCases":["dashboard","hero","background"],"mood":["playful","techy"],"description":"Fourteen multicolor gradient bubbles packing toward center with soft collision relaxation and gentle jiggle, repacks on click.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bubbles","physics","collision","canvas","data-viz","generative","gradient"]},{"id":29,"file":"micro-dataviz/10-candlestick-ticker.html","repoFile":"infinite/micro-dataviz/10-candlestick-ticker.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Candlestick Ticker","loc":132,"kb":5,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","flat"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#2fd47a","bgHex":"#0a0f0d","colors":["#0a0f0d","#9aa7a0"]},"deps":["none"],"useCases":["dashboard","hero","pricing"],"mood":["techy","serious"],"description":"Scrolling green/red candlestick stock chart with wicks, gridlines and a dashed last-price line plus live price label.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["candlestick","stock","chart","finance","scrolling","canvas","data-viz"]},{"id":30,"file":"micro-dataviz/11-streamgraph-drift.html","repoFile":"infinite/micro-dataviz/11-streamgraph-drift.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Streamgraph Drift","loc":179,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","organic","gradient"],"motion":"ambient","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#6f8cff","bgHex":"#0e1424","colors":["#0e1424","#6f8cff"]},"deps":["none"],"useCases":["dashboard","background","hero"],"mood":["calm","techy","elegant"],"description":"Five blue stacked streamgraph ribbons drifting inside-out with smooth bezier flow and a glowing right-edge data-entry seam.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["streamgraph","data-viz","canvas","ambient","layered","generative","blue"]},{"id":31,"file":"micro-dataviz/12-slope-chart-crossing.html","repoFile":"infinite/micro-dataviz/12-slope-chart-crossing.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Slope Chart Crossing","loc":171,"kb":6,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","geometric"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#f0a830","bgHex":"#1a1410","colors":["#1a1410","#f0a830"]},"deps":["none"],"useCases":["dashboard","hero","onboarding"],"mood":["techy","elegant","warm"],"description":"Nine amber-toned ranked lines crossing between BEFORE and AFTER axes, easing into new rank orders each loop with labeled endpoints.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["slope-chart","ranking","data-viz","canvas","animation","amber","before-after"]},{"id":32,"file":"micro-dataviz/13-scatter-regression-settle.html","repoFile":"infinite/micro-dataviz/13-scatter-regression-settle.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Scatter Regression Settle","loc":209,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","monochrome","flat"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#2fd2b0","bgHex":"#0c1f1c","colors":["#0c1f1c","#2fd2b0"]},"deps":["none"],"useCases":["dashboard","section-divider","background","hero"],"mood":["techy","elegant","calm"],"description":"Teal scatter cloud flies in, jitters, then settles as a glowing regression line and confidence band inhale, revealing the Pearson r.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["scatter-plot","regression","data-viz","canvas","statistics","animation","teal"]},{"id":33,"file":"micro-dataviz/14-treemap-subdivide.html","repoFile":"infinite/micro-dataviz/14-treemap-subdivide.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Treemap Subdivide","loc":194,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","geometric","gradient"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#d65cff","bgHex":"#221026","colors":["#221026","#d65cff"]},"deps":["none"],"useCases":["dashboard","section-divider","background"],"mood":["techy","elegant"],"description":"Violet-to-magenta squarified treemap whose rounded tiles smoothly resize and re-pack as underlying values shift each cycle.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["treemap","data-viz","canvas","squarified","morph","layout","generative"]},{"id":34,"file":"micro-dataviz/15-contour-breathing.html","repoFile":"infinite/micro-dataviz/15-contour-breathing.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Contour Breathing","loc":192,"kb":7,"role":"background","technique":["canvas","raf"],"style":["minimal","organic","monochrome"],"motion":"ambient","intensity":"calm","interaction":["pointer","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7fe0d4","bgHex":"#101820","colors":["#101820","#7fe0d4"]},"deps":["none"],"useCases":["background","hero","section-divider","loading"],"mood":["calm","techy","dreamy"],"description":"Teal marching-squares contour map of drifting gaussian hills that pulse and breathe like a living topographic elevation field.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["contour","topographic","marching-squares","canvas","generative","ambient","data-viz"]},{"id":35,"file":"micro-dataviz/16-beeswarm-collide.html","repoFile":"infinite/micro-dataviz/16-beeswarm-collide.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Beeswarm Collide","loc":162,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","organic","neon"],"motion":"physics","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ff6f7d","bgHex":"#1c1018","colors":["#1c1018","#ff6f7d"]},"deps":["none"],"useCases":["dashboard","section-divider","background"],"mood":["energetic","techy","playful"],"description":"Coral dots drop onto a value axis and collide-relax into a bimodal beeswarm silhouette, new points falling in continuously.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["beeswarm","dataviz","canvas","collision","particles","bimodal","ambient"]},{"id":36,"file":"micro-dataviz/17-waffle-fill-quantize.html","repoFile":"infinite/micro-dataviz/17-waffle-fill-quantize.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Waffle Fill Quantize","loc":173,"kb":6,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","geometric","flat"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#4fc3f7","bgHex":"#0d1626","colors":["#0d1626","#4fc3f7"]},"deps":["none"],"useCases":["dashboard","pricing","section-divider"],"mood":["techy","serious","calm"],"description":"Blue 10x10 waffle grid fills cell-by-cell with a bright ripple to an honest integer percent, holds, then drains and cycles.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["waffle-chart","data-viz","canvas","fill-animation","percentage","quantize","loop"]},{"id":37,"file":"micro-dataviz/18-ridgeline-morph.html","repoFile":"infinite/micro-dataviz/18-ridgeline-morph.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Ridgeline Morph","loc":189,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","gradient","monochrome"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#b39ddb","bgHex":"#16121f","colors":["#16121f","#b39ddb"]},"deps":["none"],"useCases":["background","section-divider","hero","dashboard"],"mood":["elegant","calm","dreamy"],"description":"Stacked violet ridgeline of layered density curves continuously morphing between bimodal and unimodal peaks with glowing crests.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["ridgeline","data-viz","canvas","gaussian","morph","density","ambient"]},{"id":38,"file":"micro-dataviz/19-chord-rebalance.html","repoFile":"infinite/micro-dataviz/19-chord-rebalance.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Chord Rebalance","loc":151,"kb":6,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","gradient","geometric"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c8a23a","bgHex":"#1d1606","colors":["#1d1606","#c8a23a"]},"deps":["none"],"useCases":["dashboard","section-divider","background"],"mood":["elegant","luxurious","techy"],"description":"Warm ochre chord diagram of six labeled nodes whose ribbon flows continuously rebalance, growing and shrinking arcs around the ring.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["chord-diagram","data-viz","canvas","animation","generative","ambient","network"]},{"id":39,"file":"micro-dataviz/20-dot-plot-rank-flip.html","repoFile":"infinite/micro-dataviz/20-dot-plot-rank-flip.html","themeSlug":"micro-dataviz","theme":"Micro Data-Viz","title":"Dot Plot Rank Flip","loc":158,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","flat","monochrome"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#26c6da","bgHex":"#0a1f24","colors":["#0a1f24","#26c6da"]},"deps":["none"],"useCases":["dashboard","section-divider","testimonial"],"mood":["techy","serious","calm"],"description":"Cyan dot plot of seven labeled rows whose values animate and rows reorder by rank, dots sliding to new positions each round.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["dot-plot","ranking","dataviz","canvas","animation","reorder","micro-chart"]},{"id":40,"file":"inputs-switches/01-liquid-toggle.html","repoFile":"infinite/inputs-switches/01-liquid-toggle.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Liquid Toggle","loc":114,"kb":4,"role":"input","technique":["svg","raf"],"style":["minimal","organic","gradient"],"motion":"physics","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#3fe0c5","bgHex":"#0d1117","colors":["#0d1117","#3fe0c5"]},"deps":["none"],"useCases":["dashboard","onboarding","footer"],"mood":["playful","techy"],"description":"Teal gooey SVG toggle whose knob slides with trailing liquid droplets while the track fades between off and on colors.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe"],"tags":["toggle","gooey","svg","ui-control","filter","loop"]},{"id":41,"file":"inputs-switches/02-glow-slider.html","repoFile":"infinite/inputs-switches/02-glow-slider.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Glow Slider","loc":114,"kb":5,"role":"input","technique":["svg","raf"],"style":["minimal","neon","gradient","glass"],"motion":"reactive","intensity":"moderate","interaction":["pointer","click","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5cc8","bgHex":"#120a1f","colors":["#120a1f","#ff5cc8"]},"deps":["none"],"useCases":["dashboard","pricing","onboarding"],"mood":["techy","energetic","futuristic"],"description":"Purple-to-pink neon-glow range slider with a glowing knob and a floating value bubble that tracks the handle.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["slider","glow","neon","svg","ui-control","bubble","loop"]},{"id":42,"file":"inputs-switches/03-spring-stepper.html","repoFile":"infinite/inputs-switches/03-spring-stepper.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Spring Stepper","loc":101,"kb":4,"role":"input","technique":["raf"],"style":["minimal","flat"],"motion":"physics","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#5fffcf","bgHex":"#06231f","colors":["#5fffcf","#06231f","#0e3a32","#165247","#0a2e29","#eafff8"]},"deps":["none"],"useCases":["dashboard","pricing","onboarding"],"mood":["playful","techy"],"description":"Mint plus/minus stepper with a rolling number reel that springs and overshoots between digits on each step.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["stepper","spring","number-reel","counter","ui-control","physics","mint"]},{"id":43,"file":"inputs-switches/04-segmented-pill.html","repoFile":"infinite/inputs-switches/04-segmented-pill.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Segmented Control","loc":106,"kb":5,"role":"input","technique":["raf"],"style":["minimal","gradient","glass"],"motion":"physics","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0a0f1c","colors":["#7c5cff","#0a0f1c","#141c2e","#3a8bff","#8a95ad"]},"deps":["none"],"useCases":["dashboard","onboarding","pricing"],"mood":["elegant","techy"],"description":"Day/Week/Month/Year segmented control with a blue-violet gradient pill that springs and stretches as it slides between options.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["segmented-control","pill","spring","ui-control","gradient","auto-cycle","tabs"]},{"id":44,"file":"inputs-switches/05-checkbox-morph.html","repoFile":"infinite/inputs-switches/05-checkbox-morph.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Checkbox Morph","loc":105,"kb":4,"role":"input","technique":["raf"],"style":["minimal","flat","geometric"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ffb02e","bgHex":"#1a1206","colors":["#ffb02e","#1a1206","#5a4520"]},"deps":["none"],"useCases":["dashboard","onboarding","footer"],"mood":["playful","warm"],"description":"Row of three amber rounded checkboxes that fill and draw an animated checkmark stroke as they toggle on and off.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["checkbox","svg","morph","stroke-dash","ui-control","toggle","amber"]},{"id":45,"file":"inputs-switches/06-radio-ripple.html","repoFile":"infinite/inputs-switches/06-radio-ripple.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Radio Ripple","loc":103,"kb":4,"role":"input","technique":["raf"],"style":["minimal","neon","geometric"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#4dd0ff","bgHex":"#0b1020","colors":["#0b1020","#4dd0ff"]},"deps":["none"],"useCases":["dashboard","onboarding","pricing"],"mood":["techy","calm"],"description":"Three cyan radio rings where the selected one grows its center dot and emits an expanding ripple pulse.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["radio","ripple","svg","ui-control","loop","selection","inputs"]},{"id":46,"file":"inputs-switches/07-star-rating.html","repoFile":"infinite/inputs-switches/07-star-rating.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Star Rating","loc":104,"kb":4,"role":"input","technique":["svg","raf"],"style":["minimal","flat"],"motion":"loop","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ffd23f","bgHex":"#1c1500","colors":["#1c1500","#ffd23f"]},"deps":["none"],"useCases":["testimonial","onboarding","footer"],"mood":["playful","warm"],"description":"Five gold stars that light up in sequence with a pop scale bounce on the active star as the rating sweeps up and down.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["star-rating","svg","ui-control","hover","loop","microinteraction","bounce"]},{"id":47,"file":"inputs-switches/08-otp-boxes.html","repoFile":"infinite/inputs-switches/08-otp-boxes.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"OTP Boxes","loc":111,"kb":5,"role":"input","technique":["raf"],"style":["minimal","neon","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#3ff0c0","bgHex":"#0a1418","colors":["#3ff0c0","#0a1418","#10242b","#1c3b44"]},"deps":["none"],"useCases":["onboarding","splash","dashboard"],"mood":["techy","futuristic"],"description":"Four teal monospace OTP cells with a blinking caret that auto-fill digits with a slide-up bounce then clear and repeat.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["otp","input","monospace","slide-up","loop","teal","authentication"]},{"id":48,"file":"inputs-switches/09-tag-chips.html","repoFile":"infinite/inputs-switches/09-tag-chips.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Tag Chips","loc":105,"kb":5,"role":"input","technique":["raf"],"style":["minimal","flat"],"motion":"reactive","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#d36bff","bgHex":"#170a1c","colors":["#d36bff","#170a1c","#23102b","#3a1a47"]},"deps":["none"],"useCases":["onboarding","dashboard","footer"],"mood":["playful","techy"],"description":"Dark purple field that auto-fills and removes rounded colored tag chips with pop-scale spring animation and a blinking cursor.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["tags","chips","input","ui-control","spring-animation","dark-theme","auto-cycle"]},{"id":49,"file":"inputs-switches/10-eq-slider.html","repoFile":"infinite/inputs-switches/10-eq-slider.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Reactive EQ","loc":130,"kb":5,"role":"input","technique":["canvas","raf"],"style":["minimal","neon","gradient"],"motion":"reactive","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#19e8b0","bgHex":"#05080d","colors":["#05080d","#19e8b0"]},"deps":["none"],"useCases":["dashboard","hero","onboarding"],"mood":["techy","futuristic"],"description":"Seven-band audio EQ of vertical teal sliders that auto-undulate and snap to your pointer with glowing level-meter dots.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["eq","slider","audio","canvas","teal","undulate","level-meter"]},{"id":50,"file":"inputs-switches/11-detent-knob.html","repoFile":"infinite/inputs-switches/11-detent-knob.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Detent Knob","loc":189,"kb":7,"role":"input","technique":["canvas","raf"],"style":["minimal","neon","monochrome"],"motion":"physics","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff5c3a","bgHex":"#1b1d22","colors":["#1b1d22","#ff5c3a"]},"deps":["none"],"useCases":["dashboard","onboarding","hero"],"mood":["techy","serious"],"description":"Knurled rotary knob that spring-snaps between 12 detents with flashing tick marks and a two-digit value readout in orange.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["knob","rotary","detent","spring","canvas","ui-control","readout"]},{"id":51,"file":"inputs-switches/12-toggle-latch.html","repoFile":"infinite/inputs-switches/12-toggle-latch.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Toggle Latch","loc":218,"kb":9,"role":"input","technique":["canvas","raf"],"style":["minimal","neon"],"motion":"physics","intensity":"energetic","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#9fe870","bgHex":"#0f1410","colors":["#0f1410","#9fe870"]},"deps":["none"],"useCases":["dashboard","cta","onboarding"],"mood":["techy","serious"],"description":"Guarded military toggle switch where a hazard-striped red safety cover lifts, the chrome lever throws, and slams shut with a commit flash.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["toggle","military","safety-cover","canvas","chrome","industrial","ui-control"]},{"id":52,"file":"inputs-switches/13-crown-dial.html","repoFile":"infinite/inputs-switches/13-crown-dial.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Crown Dial","loc":205,"kb":8,"role":"input","technique":["canvas","raf"],"style":["minimal","art-deco","monochrome"],"motion":"physics","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#1a1a2e","bgHex":"#f4ede0","colors":["#f4ede0","#1a1a2e"]},"deps":["none"],"useCases":["dashboard","onboarding","pricing"],"mood":["elegant","luxurious"],"description":"Cream watch-style engraved drum dial with a milled crown that ratchets through numbered teeth and a smooth value readout.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["dial","watch","knob","canvas","ratchet","mechanical","pointer"]},{"id":53,"file":"inputs-switches/14-slide-throw-lever.html","repoFile":"infinite/inputs-switches/14-slide-throw-lever.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Slide Throw Lever","loc":204,"kb":8,"role":"input","technique":["canvas","raf"],"style":["minimal","neon","gradient"],"motion":"physics","intensity":"energetic","interaction":["pointer","click","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ff9e2c","bgHex":"#2a0a18","colors":["#2a0a18","#ff9e2c"]},"deps":["none"],"useCases":["dashboard","cta","onboarding"],"mood":["techy","energetic"],"description":"Draggable orange throw lever on a coil spring that snaps home with motion-blur ghosts and a ringing track wobble on impact.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["lever","spring","drag","canvas","physics","motion-blur","industrial-ui"]},{"id":54,"file":"inputs-switches/15-pressure-pad.html","repoFile":"infinite/inputs-switches/15-pressure-pad.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Pressure Pad","loc":167,"kb":6,"role":"input","technique":["canvas","raf"],"style":["minimal","neon"],"motion":"reactive","intensity":"moderate","interaction":["pointer","click","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#34e0d0","bgHex":"#08131a","colors":["#08131a","#34e0d0"]},"deps":["none"],"useCases":["dashboard","onboarding","cta"],"mood":["techy","futuristic"],"description":"Teal concentric-ring pressure pad that dimples inward under press, pulses while held, and shows a live grams-of-force readout.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pressure","canvas","ui-control","concentric-rings","haptic","monospace","teal"]},{"id":55,"file":"inputs-switches/17-thumbwheel-scrubber.html","repoFile":"infinite/inputs-switches/17-thumbwheel-scrubber.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Thumbwheel Scrubber","loc":232,"kb":9,"role":"input","technique":["canvas","raf"],"style":["minimal","monochrome"],"motion":"physics","intensity":"moderate","interaction":["pointer","click","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#a78bfa","bgHex":"#161229","colors":["#161229","#a78bfa"]},"deps":["none"],"useCases":["dashboard","onboarding"],"mood":["techy","elegant","futuristic"],"description":"Purple cylindrical thumbwheel with curved ribs you fling and scrub; flywheel friction, detent ticks, and a FRAME counter readout.","aiEnriched":true,"tier":"curated","labels":["agent-ready","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["thumbwheel","scrubber","cylindrical","physics","flywheel","canvas","ui-control"]},{"id":56,"file":"inputs-switches/18-iris-aperture.html","repoFile":"infinite/inputs-switches/18-iris-aperture.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Iris Aperture","loc":206,"kb":9,"role":"input","technique":["canvas","raf"],"style":["minimal","geometric","monochrome"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e8b339","bgHex":"#0c0c0e","colors":["#0c0c0e","#e8b339"]},"deps":["none"],"useCases":["onboarding","dashboard","loading"],"mood":["elegant","techy","luxurious"],"description":"Eight-bladed camera iris in dark metal and amber that opens and closes through f-stops with detent pauses and a glowing light core.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["aperture","camera","iris","blades","mechanical","canvas","f-stop"]},{"id":57,"file":"inputs-switches/19-bristle-slider.html","repoFile":"infinite/inputs-switches/19-bristle-slider.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Bristle Slider","loc":225,"kb":8,"role":"input","technique":["canvas","raf"],"style":["minimal","organic"],"motion":"physics","intensity":"moderate","interaction":["pointer","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ffd23f","bgHex":"#102418","colors":["#102418","#ffd23f"]},"deps":["none"],"useCases":["dashboard","onboarding"],"mood":["playful","warm","techy"],"description":"Gold handle drags across a field of teal-green bristles that bend, spring, and glow with travel speed on a dark green ground.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["slider","canvas","bristle","physics","spring","input","generative"]},{"id":58,"file":"inputs-switches/20-rocker-switch.html","repoFile":"infinite/inputs-switches/20-rocker-switch.html","themeSlug":"inputs-switches","theme":"Inputs & Switches","title":"Rocker Switch","loc":247,"kb":11,"role":"input","technique":["canvas","raf"],"style":["minimal","monochrome"],"motion":"physics","intensity":"calm","interaction":["pointer","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff7849","bgHex":"#1d1a16","colors":["#1d1a16","#ff7849"]},"deps":["none"],"useCases":["dashboard","onboarding"],"mood":["warm","serious","techy"],"description":"Photoreal I/O rocker switch in warm metal that clunks between on and off with specular tilt and a glowing amber LED witness light.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["rocker-switch","canvas","ui-control","photoreal","spring-physics","led","toggle"]},{"id":59,"file":"css-3d/01-rotating-cube.html","repoFile":"infinite/css-3d/01-rotating-cube.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Rotating Cube","loc":107,"kb":4,"role":"3d","technique":["raf"],"style":["geometric","glass","neon","minimal"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7ee1ff","bgHex":"#0d1021","colors":["#7ee1ff","#0d1021","#2d6fd8"]},"deps":["none"],"useCases":["hero","background","logo-mark","splash"],"mood":["techy","futuristic","elegant"],"description":"Glowing cyan wireframe cube with radial-orb faces slowly rotating in CSS 3D, reacting subtly to pointer movement on deep navy.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["3d","cube","css-3d","perspective","ambient","wireframe","glow"]},{"id":60,"file":"css-3d/02-card-deck-fan.html","repoFile":"infinite/css-3d/02-card-deck-fan.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Card Deck Fan","loc":103,"kb":4,"role":"3d","technique":["raf"],"style":["geometric","glass","flat","retro"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#f7b955","bgHex":"#1a0f1e","colors":["#f7b955","#1a0f1e","#ffe9b8","#e0743a","#fff7e6","#a83a1a"]},"deps":["none"],"useCases":["hero","testimonial","onboarding"],"mood":["playful","warm","elegant"],"description":"Seven gold and blue playing cards fanning open and closed in a smooth 3D spread on a dark plum background.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cards","fan","3d","css-3d","perspective","loop","deck"]},{"id":61,"file":"css-3d/03-coverflow-ring.html","repoFile":"infinite/css-3d/03-coverflow-ring.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Coverflow Ring","loc":111,"kb":4,"role":"3d","technique":["raf"],"style":["geometric","glass","gradient","neon"],"motion":"ambient","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9ad7ff","bgHex":"#070a12","colors":["#070a12","#9ad7ff"]},"deps":["none"],"useCases":["hero","background","testimonial","splash"],"mood":["techy","futuristic","playful"],"description":"Eight vivid gradient album covers with reflections orbiting in a rotating 3D coverflow ring, speed steered by the pointer.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["css-3d","coverflow","carousel","ring","gradient","perspective","ambient"]},{"id":62,"file":"css-3d/04-folding-paper.html","repoFile":"infinite/css-3d/04-folding-paper.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Folding Paper","loc":106,"kb":4,"role":"3d","technique":["raf"],"style":["geometric","glass","minimal","organic"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#cfe6c2","bgHex":"#13241f","colors":["#13241f","#f6f2df","#ddd6b6","#9fc090","#6f9463","#cfe6c2"]},"deps":["none"],"useCases":["hero","section-divider","onboarding"],"mood":["calm","elegant","serious"],"description":"Cream-and-sage paper accordion that folds and unfolds in a zig-zag CSS 3D motion, gently turning on a dark green ground.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["css-3d","paper","accordion","perspective","fold","ambient","loop"]},{"id":63,"file":"css-3d/05-isometric-blocks.html","repoFile":"infinite/css-3d/05-isometric-blocks.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Isometric Blocks","loc":104,"kb":4,"role":"decoration","technique":["raf"],"style":["geometric","glass","minimal","gradient"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#b3a4ff","bgHex":"#181428","colors":["#181428","#7c5cff","#5a3fd6","#4730ad","#b3a4ff"]},"deps":["none"],"useCases":["hero","background","section-divider","logo-mark"],"mood":["techy","elegant","playful"],"description":"A 3x3 grid of purple isometric cubes that gently bob up and down in a sine wave on a dark violet field.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["isometric","3d","css-3d","cubes","sine-wave","grid","ambient"]},{"id":64,"file":"css-3d/06-parallax-tilt.html","repoFile":"infinite/css-3d/06-parallax-tilt.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Parallax Depth","loc":121,"kb":5,"role":"background","technique":["raf"],"style":["geometric","glass","cosmic","gradient"],"motion":"reactive","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"warm","accentHex":"#9ad0ff","bgHex":"#0a0f1c","colors":["#0a0f1c","#ffe39a","#ff7a45","#ff9a4d","#9ad0ff"]},"deps":["none"],"useCases":["hero","background","splash","onboarding"],"mood":["dreamy","elegant","futuristic"],"description":"A glowing orange sun with orbiting colored dots in layered 3D depth that tilts and parallaxes toward the pointer.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["parallax","3d","tilt","css-3d","orbit","pointer","space","depth"]},{"id":65,"file":"css-3d/07-wireframe-globe.html","repoFile":"infinite/css-3d/07-wireframe-globe.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Wireframe Globe","loc":101,"kb":4,"role":"decoration","technique":["raf"],"style":["geometric","glass","neon","monochrome"],"motion":"reactive","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#3ce6c8","bgHex":"#04101a","colors":["#04101a","#3ce6c8"]},"deps":["none"],"useCases":["hero","background","logo-mark","dashboard"],"mood":["techy","futuristic","elegant"],"description":"A rotating teal wireframe globe of longitude and latitude rings with a soft glow, steerable by the pointer.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["globe","wireframe","3d","css-3d","rotation","ambient","space"]},{"id":66,"file":"css-3d/08-flip-tiles-grid.html","repoFile":"infinite/css-3d/08-flip-tiles-grid.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Flip Tiles Grid","loc":102,"kb":4,"role":"decoration","technique":["raf"],"style":["geometric","glass","gradient","flat"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"warm","accentHex":"#ff9bc0","bgHex":"#1c1018","colors":["#1c1018","#ff7eb3","#ff5858","#43e0c4","#3a8ee6","#ff9bc0"]},"deps":["none"],"useCases":["hero","section-divider","background","loading"],"mood":["playful","energetic","techy"],"description":"A 4x4 grid of tiles flipping in a diagonal wave between pink and teal gradient faces on a tilted plane.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["css-3d","grid","flip","wave","cards","perspective","loop"]},{"id":67,"file":"css-3d/09-perspective-tunnel.html","repoFile":"infinite/css-3d/09-perspective-tunnel.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Perspective Tunnel","loc":103,"kb":4,"role":"background","technique":["raf"],"style":["geometric","glass","neon","psychedelic"],"motion":"loop","intensity":"energetic","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#6ad0ff","bgHex":"#05060f","colors":["#05060f","#6ad0ff"]},"deps":["none"],"useCases":["hero","loading","splash","background"],"mood":["futuristic","energetic","techy"],"description":"An endless flight through receding rainbow-hued neon rings rushing toward the viewer in a rotating perspective tunnel.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["tunnel","3d","css-3d","perspective","neon","rainbow","loop"]},{"id":68,"file":"css-3d/10-floating-coin.html","repoFile":"infinite/css-3d/10-floating-coin.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Floating Coin","loc":111,"kb":4,"role":"decoration","technique":["raf"],"style":["geometric","glass","gradient"],"motion":"loop","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#f5c542","bgHex":"#1b1405","colors":["#f5c542","#8a5a08","#ffe89a","#1b1405","#fff3b0","#b8860b"]},"deps":["none"],"useCases":["hero","logo-mark","cta","pricing"],"mood":["luxurious","playful","warm"],"description":"A glossy gold star coin spinning on its axis while bobbing above a soft shadow on a dark amber background.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["3d","coin","spin","bob","css-3d","perspective","gold"]},{"id":69,"file":"css-3d/11-mobius-ribbon.html","repoFile":"infinite/css-3d/11-mobius-ribbon.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Möbius Ribbon","loc":153,"kb":6,"role":"decoration","technique":["raf"],"style":["geometric","glass","minimal","gradient"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e0a458","bgHex":"#0d1b2a","colors":["#0d1b2a","#e0a458"]},"deps":["none"],"useCases":["hero","background","logo-mark","splash"],"mood":["elegant","dreamy","techy"],"description":"A twisting amber-to-slate Mobius strip slowly rotating with shimmering edge glints built from many CSS quads.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["3d","mobius","ribbon","css-3d","geometry","ambient","perspective"]},{"id":70,"file":"css-3d/12-phantom-polytope.html","repoFile":"infinite/css-3d/12-phantom-polytope.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Phantom Polytope","loc":162,"kb":6,"role":"3d","technique":["canvas","raf"],"style":["geometric","glass","neon","cosmic"],"motion":"reactive","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#9b6dff","bgHex":"#10071f","colors":["#10071f","#9b6dff"]},"deps":["none"],"useCases":["hero","background","splash","loading"],"mood":["futuristic","techy","dreamy"],"description":"A glowing purple-blue 4D tesseract wireframe rotating and turning through itself on canvas, speeding up on interaction.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["tesseract","4d","wireframe","canvas","perspective","rotation","generative","cosmic"]},{"id":71,"file":"css-3d/13-origami-crane-unfold.html","repoFile":"infinite/css-3d/13-origami-crane-unfold.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Origami Crane Unfold","loc":202,"kb":8,"role":"3d","technique":["raf"],"style":["geometric","glass","organic","minimal","monochrome"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#5d3f22","bgHex":"#f4efe6","colors":["#f4efe6","#5d3f22","#c1432a"]},"deps":["none"],"useCases":["hero","splash","section-divider","onboarding"],"mood":["elegant","calm","warm"],"description":"A paper origami crane on a cream ground continuously folds and unfolds in 3D, rising and rotating with a soft breathing rhythm.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["origami","3d","css-3d","fold","crane","perspective","generative"]},{"id":72,"file":"css-3d/14-vanishing-point-grid.html","repoFile":"infinite/css-3d/14-vanishing-point-grid.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Vanishing Point Grid","loc":158,"kb":6,"role":"background","technique":["canvas","raf"],"style":["geometric","glass","neon","minimal"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#2dd4bf","bgHex":"#070b14","colors":["#070b14","#2dd4bf"]},"deps":["none"],"useCases":["hero","background","loading","splash"],"mood":["techy","futuristic","energetic"],"description":"A teal neon floor-and-ceiling grid tunnel rushing toward a glowing vanishing-point core with horizon haze and vignette on near-black.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["tunnel","grid","perspective","neon","canvas","infinite-scroll","vanishing-point"]},{"id":73,"file":"css-3d/15-gyroscope-rings.html","repoFile":"infinite/css-3d/15-gyroscope-rings.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Gyroscope Rings","loc":165,"kb":7,"role":"3d","technique":["css-only"],"style":["geometric","glass","minimal","monochrome"],"motion":"loop","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#f0b429","bgHex":"#1a1410","colors":["#f0b429","#1a1410","#a8731a","#f6cf6e","#8a5e16","#caa03e"]},"deps":["none"],"useCases":["hero","loading","logo-mark","splash"],"mood":["techy","elegant","luxurious"],"description":"Three golden gimbal rings spin on independent axes around a glowing core, slowly precessing like a gyroscope on a dark brown ground.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["3d","gyroscope","rings","perspective","css-animation","ambient","gold"]},{"id":74,"file":"css-3d/16-folded-map-terrain.html","repoFile":"infinite/css-3d/16-folded-map-terrain.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Folded Map Terrain","loc":154,"kb":6,"role":"background","technique":["canvas","raf"],"style":["geometric","glass","organic","minimal"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#7bd389","bgHex":"#0f2417","colors":["#0f2417","#7bd389"]},"deps":["none"],"useCases":["hero","background","section-divider","dashboard"],"mood":["calm","techy","elegant"],"description":"A green low-poly paper terrain of rolling sine hills tilts in isometric view with face-normal lighting and crisp accent fold seams.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","agent-ready"],"tags":["terrain","3d","isometric","canvas","lighting","generative","low-poly"]},{"id":75,"file":"css-3d/17-exploded-cube-bloom.html","repoFile":"infinite/css-3d/17-exploded-cube-bloom.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Exploded Cube Bloom","loc":171,"kb":6,"role":"3d","technique":["raf"],"style":["geometric","glass","neon"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff5a8a","bgHex":"#16040c","colors":["#ff5a8a","#16040c"]},"deps":["none"],"useCases":["hero","loading","logo-mark","splash"],"mood":["techy","futuristic","energetic"],"description":"A pink-neon wireframe cube with latticed panels breathes between sealed and exploded states while continuously spinning on two axes.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["3d","cube","css-3d","wireframe","explode","neon","loop"]},{"id":76,"file":"css-3d/18-depth-sorted-petals.html","repoFile":"infinite/css-3d/18-depth-sorted-petals.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Depth-Sorted Petals","loc":172,"kb":6,"role":"3d","technique":["canvas","raf"],"style":["geometric","glass","organic","gradient","neon"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e879b9","bgHex":"#241327","colors":["#241327","#e879b9"]},"deps":["none"],"useCases":["hero","splash","section-divider","onboarding"],"mood":["dreamy","elegant","calm"],"description":"Concentric rings of pink gradient petals open and close around a luminous hub, depth-sorted in 3D on a deep plum background.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["3d","petals","depth-sort","canvas","perspective","floral","generative"]},{"id":77,"file":"css-3d/19-helical-dna-stair.html","repoFile":"infinite/css-3d/19-helical-dna-stair.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Helical DNA Stair","loc":159,"kb":6,"role":"3d","technique":["raf"],"style":["geometric","glass","neon","minimal"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#39c0ed","bgHex":"#041e2e","colors":["#39c0ed","#041e2e","#bdeeff","#dff6ff","#cdeeff","#1c8fb8"]},"deps":["none"],"useCases":["hero","loading","logo-mark","splash"],"mood":["techy","futuristic","elegant"],"description":"A cyan ladder of rungs twists into a rotating DNA double-helix spiral staircase with depth-faded opacity on dark teal.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["3d","css-3d","dna","helix","perspective","loop","depth-cue"]},{"id":78,"file":"css-3d/20-stereographic-star-dome.html","repoFile":"infinite/css-3d/20-stereographic-star-dome.html","themeSlug":"css-3d","theme":"CSS 3D & Perspective","title":"Stereographic Star Dome","loc":192,"kb":7,"role":"background","technique":["raf"],"style":["geometric","glass","cosmic","minimal","monochrome"],"motion":"ambient","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#cdd9ff","bgHex":"#05060f","colors":["#cdd9ff","#05060f"]},"deps":["none"],"useCases":["hero","background","splash","loading"],"mood":["dreamy","calm","elegant"],"description":"A tilted planetarium dome of 150 twinkling billboard stars wheels slowly about its polar axis over a faint horizon ring on near-black.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["3d","stars","planetarium","perspective","ambient","space","billboard"]},{"id":79,"file":"particles-physics/01-gravity-dot-rain.html","repoFile":"infinite/particles-physics/01-gravity-dot-rain.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Gravity Dot Rain","loc":99,"kb":4,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","cosmic","gradient"],"motion":"physics","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#6ee7ff","bgHex":"#0b0f1c","colors":["#0b0f1c","#6ee7ff"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["calm","techy","dreamy"],"description":"Multicolored dots fall under gravity with motion trails, bounce off the floor, and scatter away from the cursor on a dark navy canvas.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["particles","gravity","rain","canvas","pointer","physics","ambient"]},{"id":80,"file":"particles-physics/02-firework-burst.html","repoFile":"infinite/particles-physics/02-firework-burst.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Firework Burst","loc":98,"kb":4,"role":"background","technique":["canvas","raf"],"style":["organic","neon","cosmic","minimal"],"motion":"physics","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ffd76b","bgHex":"#06060f","colors":["#06060f","#ffd76b"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["energetic","playful","futuristic"],"description":"Radial bursts of colorful glowing sparks explode, fall under gravity and fade against a near-black sky, with extra bursts on click.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["fireworks","particles","canvas","physics","gravity","burst","generative"]},{"id":81,"file":"particles-physics/03-confetti-cannon.html","repoFile":"infinite/particles-physics/03-confetti-cannon.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Confetti Cannon","loc":101,"kb":4,"role":"feedback","technique":["canvas","raf"],"style":["organic","flat","minimal"],"motion":"physics","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff7ab6","bgHex":"#141021","colors":["#141021","#ff7ab6"]},"deps":["none"],"useCases":["cta","hero","splash","onboarding"],"mood":["playful","energetic","warm"],"description":"Bright confetti rectangles fire from the bottom corners, tumbling and flipping as they fall, with a click-triggered burst at the cursor.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["confetti","particles","canvas","physics","celebration","burst","click"]},{"id":82,"file":"particles-physics/04-bouncing-balls.html","repoFile":"infinite/particles-physics/04-bouncing-balls.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Bouncing Balls","loc":109,"kb":5,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","gradient","flat"],"motion":"physics","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5eead4","bgHex":"#0a1418","colors":["#0a1418","#5eead4"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["playful","calm","techy"],"description":"A handful of glossy pastel balls bounce off walls and collide elastically with each other, repelled gently by the cursor.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["physics","balls","canvas","collision","elastic","particles","bouncing"]},{"id":83,"file":"particles-physics/05-spring-chain.html","repoFile":"infinite/particles-physics/05-spring-chain.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Spring Chain","loc":99,"kb":4,"role":"cursor","technique":["canvas","raf"],"style":["organic","neon","minimal","gradient"],"motion":"physics","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#c084fc","bgHex":"#0d0a18","colors":["#0d0a18","#c084fc"]},"deps":["none"],"useCases":["hero","background","loading"],"mood":["playful","techy","elegant"],"description":"A springy 16-node tail in blue-to-purple gradient whips and follows the cursor, drifting in a figure-eight when idle.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","minimal-deps","copy-paste-safe"],"tags":["spring","chain","physics","pointer","canvas","tail","gradient"]},{"id":84,"file":"particles-physics/06-cloth-wave-grid.html","repoFile":"infinite/particles-physics/06-cloth-wave-grid.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Cloth Wave Grid","loc":99,"kb":4,"role":"background","technique":["canvas","raf"],"style":["organic","geometric","neon","minimal"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#7dd3fc","bgHex":"#071018","colors":["#071018","#7dd3fc"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["calm","techy","elegant"],"description":"A 10x10 wireframe mesh ripples like cloth in cyan-to-violet hues, bulging away from the cursor on a dark teal field.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["canvas","mesh","cloth","wireframe","grid","physics","pointer"]},{"id":85,"file":"particles-physics/07-metaball-blob.html","repoFile":"infinite/particles-physics/07-metaball-blob.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Metaball Fluid","loc":103,"kb":4,"role":"background","technique":["canvas","raf"],"style":["organic","neon","gradient"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5ea8","bgHex":"#120016","colors":["#120016","#ff5ea8"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["dreamy","futuristic","elegant"],"description":"Hot-pink gooey metaball blobs drift and merge fluidly via high-contrast threshold, with the cursor adding an extra attracting blob.","aiEnriched":true,"tier":"curated","labels":["animation-heavy","mobile-ready"],"tags":["canvas","metaball","gooey","physics","pointer","particles","generative"]},{"id":86,"file":"particles-physics/08-boids-flocking.html","repoFile":"infinite/particles-physics/08-boids-flocking.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Boids Flocking","loc":106,"kb":4,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","flat"],"motion":"physics","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#a3e635","bgHex":"#0a0e0a","colors":["#0a0e0a","#a3e635"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["calm","techy","serious"],"description":"A swarm of lime-green triangular boids flocks with alignment, cohesion and separation, fleeing the cursor on a dark canvas.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["boids","flocking","particles","canvas","simulation","pointer","swarm"]},{"id":87,"file":"particles-physics/09-pointer-trail.html","repoFile":"infinite/particles-physics/09-pointer-trail.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Pointer Trail","loc":104,"kb":4,"role":"cursor","technique":["canvas","raf"],"style":["organic","neon","minimal","monochrome"],"motion":"reactive","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#67e8f9","bgHex":"#05060c","colors":["#05060c","#67e8f9"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["playful","techy","energetic"],"description":"Rainbow particle sparks emit and arc off a cursor (auto-orbits when idle) on near-black, fading into a glowing trail.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["particles","trail","pointer","rainbow","canvas","generative","ambient"]},{"id":88,"file":"particles-physics/10-magnetic-field.html","repoFile":"infinite/particles-physics/10-magnetic-field.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Iron Filings Field","loc":111,"kb":5,"role":"background","technique":["canvas","raf"],"style":["organic","geometric","minimal","neon"],"motion":"physics","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#fb923c","bgHex":"#0c0c0e","colors":["#0c0c0e","#fb923c"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","elegant","serious"],"description":"A grid of short rods aligns to a roaming dipole field like iron filings, tinted red/blue by nearest pole, pointer-reactive.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","minimal-deps","copy-paste-safe"],"tags":["magnetic","field","particles","physics","canvas","generative","ambient"]},{"id":89,"file":"particles-physics/11-sandfall-hourglass.html","repoFile":"infinite/particles-physics/11-sandfall-hourglass.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Sandfall Hourglass","loc":183,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["organic","retro","pointillist","monochrome"],"motion":"physics","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8a44c","bgHex":"#1a120b","colors":["#1a120b","#e8a44c"]},"deps":["none"],"useCases":["loading","background","section-divider"],"mood":["warm","calm","retro"],"description":"Amber cellular-automaton sand grains topple through an hourglass cavity and auto-flip when the bulb drains; click reverses gravity.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","animation-heavy"],"tags":["sand","cellular-automaton","physics","hourglass","particles","canvas","generative"]},{"id":90,"file":"particles-physics/12-double-pendulum-ghost.html","repoFile":"infinite/particles-physics/12-double-pendulum-ghost.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Double Pendulum Ghost","loc":162,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["organic","neon","minimal","monochrome"],"motion":"physics","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#b388ff","bgHex":"#0e0b14","colors":["#0e0b14","#b388ff"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["dreamy","techy","elegant"],"description":"A purple double pendulum swings chaotically, its glowing bob tracing a slowly fading ribbon ghost; pointer nudges, click rekicks.","aiEnriched":true,"tier":"curated","labels":["agent-ready","mobile-ready","accessible","animation-heavy","copy-paste-safe","minimal-deps"],"tags":["double-pendulum","physics","chaos","trail","canvas","glow","generative"]},{"id":91,"file":"particles-physics/13-smoke-vortex-street.html","repoFile":"infinite/particles-physics/13-smoke-vortex-street.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Smoke Vortex Street","loc":181,"kb":7,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","monochrome"],"motion":"generative","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5fd0c4","bgHex":"#0a1416","colors":["#0a1416","#5fd0c4"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["calm","techy","dreamy"],"description":"Teal smoke streamlines flow past an invisible cylinder, shedding alternating vortices in a Karman street; pointer disturbs the flow.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["smoke","fluid","vortex","karman-street","particles","physics","ambient"]},{"id":92,"file":"particles-physics/14-n-body-waltz.html","repoFile":"infinite/particles-physics/14-n-body-waltz.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"N-Body Waltz","loc":210,"kb":7,"role":"background","technique":["canvas","raf"],"style":["organic","cosmic","neon","gradient"],"motion":"physics","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#7aa2ff","bgHex":"#05060f","colors":["#05060f","#7aa2ff"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["dreamy","elegant","futuristic"],"description":"Five glowing gravitational bodies orbit and sling each other on deep space, trailing colored comet tails; pointer perturbs the dance.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["physics","gravity","n-body","canvas","particles","space","generative"]},{"id":93,"file":"particles-physics/15-liquid-pour-sph.html","repoFile":"infinite/particles-physics/15-liquid-pour-sph.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Liquid Pour SPH","loc":250,"kb":9,"role":"background","technique":["canvas","raf"],"style":["organic","neon","minimal"],"motion":"physics","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#34d6ff","bgHex":"#071a22","colors":["#071a22","#34d6ff"]},"deps":["none"],"useCases":["hero","background","loading"],"mood":["calm","techy","dreamy"],"description":"Cyan SPH fluid pours into a basin, sloshes and drains on a slow cycle with glowing metaball particles; pointer tilts the liquid.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["sph","fluid","particles","physics","canvas","metaball","generative"]},{"id":94,"file":"particles-physics/16-strange-attractor-swarm.html","repoFile":"infinite/particles-physics/16-strange-attractor-swarm.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Strange Attractor Swarm","loc":153,"kb":6,"role":"background","technique":["canvas","raf"],"style":["organic","cosmic","neon","psychedelic"],"motion":"generative","intensity":"energetic","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ff5fa0","bgHex":"#120010","colors":["#120010","#ff5fa0"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["futuristic","dreamy","energetic"],"description":"Hundreds of hot-pink particles trace a slowly rotating Aizawa strange attractor in 3D, glowing where fast; pointer spins and boosts.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["attractor","particles","canvas","physics","generative","magenta","3d-projection"]},{"id":95,"file":"particles-physics/17-verlet-rope-bridge.html","repoFile":"infinite/particles-physics/17-verlet-rope-bridge.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Verlet Rope Bridge","loc":193,"kb":7,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","monochrome"],"motion":"physics","intensity":"calm","interaction":["pointer","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#f0c248","bgHex":"#161108","colors":["#161108","#f0c248"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["calm","elegant","techy"],"description":"A glowing amber rope sags and sways under invisible rolling weights on dark brown, simulated with verlet physics; drag to disturb it.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["rope","verlet","physics","canvas","simulation","ambient","glow"]},{"id":96,"file":"particles-physics/18-charged-plasma-lattice.html","repoFile":"infinite/particles-physics/18-charged-plasma-lattice.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Charged Plasma Lattice","loc":148,"kb":6,"role":"background","technique":["canvas","raf"],"style":["organic","neon","cosmic","gradient"],"motion":"physics","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#a06bff","bgHex":"#0b0014","colors":["#0b0014","#a06bff"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["techy","futuristic","energetic"],"description":"Pink and blue charged particles attract and repel via Coulomb forces, forming violet bonds that crystallize and melt as temperature pulses.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["particles","physics","coulomb","plasma","lattice","canvas","generative"]},{"id":97,"file":"particles-physics/19-soft-body-jelly-drop.html","repoFile":"infinite/particles-physics/19-soft-body-jelly-drop.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Soft-Body Jelly Drop","loc":180,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["organic","minimal","gradient"],"motion":"physics","intensity":"moderate","interaction":["pointer","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#9be65a","bgHex":"#0a1208","colors":["#0a1208","#9be65a"]},"deps":["none"],"useCases":["hero","loading","empty-state"],"mood":["playful","warm","calm"],"description":"A glossy green pressurized jelly blob repeatedly drops, squashes on the floor and bounces back up; click to nudge it sideways.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["soft-body","physics","jelly","verlet","pressure","canvas","bounce"]},{"id":98,"file":"particles-physics/20-pollen-brownian-drift.html","repoFile":"infinite/particles-physics/20-pollen-brownian-drift.html","themeSlug":"particles-physics","theme":"Particles & Physics","title":"Pollen Brownian Drift","loc":131,"kb":5,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","pointillist"],"motion":"ambient","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c0563c","bgHex":"#f2efe6","colors":["#f2efe6","#c0563c"]},"deps":["none"],"useCases":["background","hero","footer"],"mood":["calm","warm","dreamy"],"description":"Soft warm and grey motes drift sideways on a cream paper field with random Brownian jitter, leaving faint fading trails; cursor stirs gusts.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["particles","brownian-motion","ambient","canvas","drift","organic","nature"]},{"id":99,"file":"organic-nature/01-growing-vine.html","repoFile":"infinite/organic-nature/01-growing-vine.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Growing Vine","loc":135,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["organic","minimal","flat"],"motion":"loop","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#7fe6a0","bgHex":"#0d2818","colors":["#0d2818","#9fe6b8"]},"deps":["none"],"useCases":["section-divider","hero","onboarding"],"mood":["calm","elegant","warm"],"description":"A sinuous green vine grows upward sprouting alternating leaves and a pale bud, then retracts in a loop on deep forest green; cursor wobbles ","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["nature","vine","organic","canvas","growth","loop","leaves"]},{"id":100,"file":"organic-nature/03-flickering-fire.html","repoFile":"infinite/organic-nature/03-flickering-fire.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Flickering Fire","loc":122,"kb":5,"role":"background","technique":["canvas","raf"],"style":["organic","gradient","neon"],"motion":"ambient","intensity":"energetic","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffa028","bgHex":"#160a06","colors":["#160a06","#ffc78a"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["warm","energetic","dreamy"],"description":"Rising additive-blended embers form a flickering orange flame with a hot glowing base on near-black; cursor fans the fire sideways.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","animation-heavy","minimal-deps"],"tags":["fire","particles","canvas","additive-blend","organic","ambient","pointer"]},{"id":101,"file":"organic-nature/04-water-ripple.html","repoFile":"infinite/organic-nature/04-water-ripple.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Water Ripple","loc":111,"kb":4,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","gradient","monochrome"],"motion":"reactive","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#aae6ff","bgHex":"#06222e","colors":["#06222e","#9fe2ff"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["calm","elegant","dreamy"],"description":"Concentric blue ripple rings expand across a deep teal water surface with shimmering caustics; tap anywhere to drop a new ripple.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","minimal-deps","copy-paste-safe"],"tags":["water","ripple","canvas","ambient","click","nature","generative"]},{"id":102,"file":"organic-nature/05-lightning-bolt.html","repoFile":"infinite/organic-nature/05-lightning-bolt.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Lightning Bolt","loc":125,"kb":5,"role":"background","technique":["canvas","raf"],"style":["organic","neon","minimal","gradient"],"motion":"physics","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#5e74ff","bgHex":"#0a0e1a","colors":["#0a0e1a","#cdd8ff"]},"deps":["none"],"useCases":["hero","background","splash","404"],"mood":["energetic","techy","serious"],"description":"Jagged white-blue lightning bolts with branching forks strike randomly down a dark storm-sky gradient, screen flashes; tap to trigger a stri","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["lightning","canvas","storm","generative","branches","flash","nature"]},{"id":103,"file":"organic-nature/06-falling-snow.html","repoFile":"infinite/organic-nature/06-falling-snow.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Falling Snow","loc":101,"kb":4,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","gradient","flat"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#e6f1ff","bgHex":"#1a2433","colors":["#1a2433","#e6f1ff"]},"deps":["none"],"useCases":["background","hero","onboarding","splash"],"mood":["calm","dreamy","elegant"],"description":"Soft white snowflakes of varied depth drift and sway down a cool blue-grey gradient sky, with pointer-driven wind nudging the flurry.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","agent-ready"],"tags":["snow","particles","canvas","wind","ambient","nature","winter"]},{"id":104,"file":"organic-nature/08-drifting-clouds.html","repoFile":"infinite/organic-nature/08-drifting-clouds.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Drifting Clouds","loc":113,"kb":4,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","flat","gradient"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"light","tone":"cool","accentHex":"#ffffff","bgHex":"#7fb6e0","colors":["#7fb6e0","#ffffff"]},"deps":["none"],"useCases":["background","hero","onboarding","empty-state"],"mood":["calm","warm","dreamy"],"description":"Puffy soft white clouds drift slowly across a bright blue daytime sky gradient with subtle undersides; pointer gently pushes them along.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["clouds","sky","canvas","ambient","nature","background","pointer"]},{"id":105,"file":"organic-nature/09-aurora-ribbons.html","repoFile":"infinite/organic-nature/09-aurora-ribbons.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Aurora Ribbons","loc":114,"kb":5,"role":"background","technique":["canvas","raf"],"style":["organic","neon","gradient","cosmic"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#aeffdd","bgHex":"#040814","colors":["#040814","#aeffdd"]},"deps":["none"],"useCases":["hero","background","splash","onboarding"],"mood":["dreamy","elegant","calm"],"description":"Glowing green and violet aurora bands ripple and sway above a twinkling starfield on a deep night-sky gradient, steered by pointer.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["aurora","canvas","nature","ambient","pointer","starfield","glow","ribbons"]},{"id":106,"file":"organic-nature/10-fractal-tree.html","repoFile":"infinite/organic-nature/10-fractal-tree.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Fractal Tree","loc":112,"kb":4,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","gradient"],"motion":"generative","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#ffd9a0","bgHex":"#241a10","colors":["#241a10","#ffd9a0"]},"deps":["none"],"useCases":["hero","background","splash","onboarding"],"mood":["calm","warm","elegant"],"description":"A recursive branching fractal tree grows from the base, sways in wind with green blossoms at its tips, over a warm brown gradient.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","agent-ready"],"tags":["fractal","tree","recursive","canvas","nature","generative","wind"]},{"id":107,"file":"organic-nature/11-reaction-diffusion-coral.html","repoFile":"infinite/organic-nature/11-reaction-diffusion-coral.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Reaction-Diffusion Coral","loc":148,"kb":6,"role":"background","technique":["canvas","raf"],"style":["organic","gradient","monochrome"],"motion":"generative","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff7a4d","bgHex":"#0a1418","colors":["#0a1418","#ff7a4d"]},"deps":["none"],"useCases":["background","hero","splash","loading"],"mood":["techy","serious","futuristic"],"description":"A Gray-Scott reaction-diffusion simulation grows coral-like stripes and spots in teal-to-coral glowing contour bands; pointer seeds growth.","aiEnriched":true,"tier":"curated","labels":["animation-heavy","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["reaction-diffusion","coral","generative","canvas","organic","simulation","biology"]},{"id":108,"file":"organic-nature/12-phyllotaxis-sunflower.html","repoFile":"infinite/organic-nature/12-phyllotaxis-sunflower.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Phyllotaxis Sunflower","loc":144,"kb":6,"role":"background","technique":["canvas","raf"],"style":["organic","geometric","gradient"],"motion":"generative","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#ffc845","bgHex":"#1a1206","colors":["#1a1206","#ffc845"]},"deps":["none"],"useCases":["hero","background","splash","loading"],"mood":["elegant","warm","techy"],"description":"Golden-angle phyllotaxis spiral of amber-gold seed dots grows outward and rotates from a glowing nucleus; pointer speeds the spin.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["phyllotaxis","golden-angle","spiral","generative","canvas","nature","ambient"]},{"id":109,"file":"organic-nature/13-l-system-fern.html","repoFile":"infinite/organic-nature/13-l-system-fern.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"L-System Fern","loc":183,"kb":7,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","monochrome"],"motion":"generative","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5fcf80","bgHex":"#071510","colors":["#071510","#5fcf80"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["calm","elegant","techy"],"description":"L-system fern frond on near-black, fiddlehead tips uncurl and respire in a glowing green breathing loop, pointer accelerates growth.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["l-system","fern","fractal","generative","canvas","organic","nature"]},{"id":110,"file":"organic-nature/14-slime-mold-network.html","repoFile":"infinite/organic-nature/14-slime-mold-network.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Slime Mold Network","loc":169,"kb":7,"role":"background","technique":["canvas","raf"],"style":["organic","neon","gradient"],"motion":"generative","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#d9b3ff","bgHex":"#0c0a14","colors":["#0c0a14","#d9b3ff"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","futuristic","dreamy"],"description":"Physarum slime-mold agents self-organize into glowing purple radial veins on dark ground, trails attract toward the cursor.","aiEnriched":true,"tier":"curated","labels":["animation-heavy","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["slime-mold","physarum","particles","simulation","generative","organic","network"]},{"id":111,"file":"organic-nature/15-voronoi-leaf-veins.html","repoFile":"infinite/organic-nature/15-voronoi-leaf-veins.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Voronoi Leaf Veins","loc":216,"kb":9,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","monochrome"],"motion":"generative","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#9bd14a","bgHex":"#0f1408","colors":["#0f1408","#9bd14a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["calm","elegant","techy"],"description":"Space-colonization leaf veins grow branch-by-branch inside a lime-green leaf silhouette, fade and regrow, with sparking growth tips.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["space-colonization","leaf","veins","organic","generative","canvas","nature"]},{"id":112,"file":"organic-nature/16-diffusion-limited-frost.html","repoFile":"infinite/organic-nature/16-diffusion-limited-frost.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Diffusion-Limited Frost","loc":209,"kb":8,"role":"background","technique":["canvas","raf"],"style":["organic","monochrome","cosmic"],"motion":"generative","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#a8e4ff","bgHex":"#0a1620","colors":["#0a1620","#a8e4ff"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["calm","elegant","dreamy"],"description":"Diffusion-limited aggregation builds a six-fold dendritic snowflake of white-blue crystal that shimmers, then sublimes and refreezes.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["snowflake","diffusion","generative","crystal","canvas","particles","procedural","nature"]},{"id":113,"file":"organic-nature/17-mycelium-bloom.html","repoFile":"infinite/organic-nature/17-mycelium-bloom.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Mycelium Bloom","loc":174,"kb":7,"role":"background","technique":["canvas","raf"],"style":["organic","neon","monochrome"],"motion":"generative","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#6ad6c4","bgHex":"#100b06","colors":["#100b06","#6ad6c4"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","dreamy","calm"],"description":"Branching mycelium hyphae spread and anastomose on near-black, seeding pulsing bioluminescent teal fruiting nodes where the web is densest.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["mycelium","generative","canvas","bioluminescent","organic","branching","ambient"]},{"id":114,"file":"organic-nature/18-lichen-spread.html","repoFile":"infinite/organic-nature/18-lichen-spread.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Lichen Spread","loc":207,"kb":8,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","flat"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#c4d49a","bgHex":"#1c1d18","colors":["#1c1d18","#c4d49a"]},"deps":["none"],"useCases":["background","section-divider","footer"],"mood":["calm","warm","serious"],"description":"Concentric crinkle-edged lichen colonies in olive and sage greens grow as reaction-front rings over a speckled weathered-stone field.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["lichen","organic","canvas","generative","nature","growth","ambient"]},{"id":115,"file":"organic-nature/19-tide-pool-diatoms.html","repoFile":"infinite/organic-nature/19-tide-pool-diatoms.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Tide Pool Diatoms","loc":192,"kb":7,"role":"background","technique":["canvas","raf"],"style":["organic","geometric","glass"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#3fd6c0","bgHex":"#04161a","colors":["#04161a","#3fd6c0"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["calm","elegant","dreamy"],"description":"Glassy radially-symmetric diatom frustules with tessellated pores drift and slowly rotate in deep teal water, twinkling refractively.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["diatoms","radial","organic","canvas","ambient","generative","nature","refractive"]},{"id":116,"file":"organic-nature/20-seedhead-dispersal.html","repoFile":"infinite/organic-nature/20-seedhead-dispersal.html","themeSlug":"organic-nature","theme":"Organic & Nature","title":"Seedhead Dispersal","loc":190,"kb":8,"role":"background","technique":["canvas","raf"],"style":["organic","minimal","flat"],"motion":"physics","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d9b0","bgHex":"#101622","colors":["#101622","#e8d9b0"]},"deps":["none"],"useCases":["background","hero","testimonial"],"mood":["calm","dreamy","warm"],"description":"Dandelion seedhead of golden-angle pappus parachutes releases cream filaments one by one to drift on a turbulent breeze, then regrows.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["dandelion","nature","particles","generative","ambient","canvas","organic"]},{"id":117,"file":"generative-geometry/01-voronoi-shatter.html","repoFile":"infinite/generative-geometry/01-voronoi-shatter.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Voronoi Shatter","loc":121,"kb":5,"role":"background","technique":["canvas","raf"],"style":["geometric","op-art","flat"],"motion":"generative","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7fd1ff","bgHex":"#0d1b2a","colors":["#0d1b2a","#7fd1ff"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","calm","futuristic"],"description":"Cool blue Voronoi cell mosaic with drifting sites that recolor and shift; pointer nudges the nearest cell.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["voronoi","generative","canvas","mosaic","pointer","geometry","ambient"]},{"id":118,"file":"generative-geometry/02-auto-maze.html","repoFile":"infinite/generative-geometry/02-auto-maze.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Auto-Maze","loc":127,"kb":5,"role":"background","technique":["canvas","raf"],"style":["geometric","minimal","neon"],"motion":"generative","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#6affc0","bgHex":"#101013","colors":["#101013","#6affc0"]},"deps":["none"],"useCases":["loading","background","section-divider"],"mood":["techy","playful","futuristic"],"description":"Neon green depth-first maze that draws itself wall by wall on a dark grid, then resets with a new hue.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["maze","generative","depth-first","grid","canvas","procedural","loop"]},{"id":119,"file":"generative-geometry/03-truchet-tiles.html","repoFile":"infinite/generative-geometry/03-truchet-tiles.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Truchet Tiles","loc":109,"kb":4,"role":"background","technique":["canvas","raf"],"style":["geometric","op-art","neon"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ffb3e6","bgHex":"#1a1224","colors":["#1a1224","#ffb3e6"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["playful","techy","energetic"],"description":"8x8 grid of rainbow Truchet quarter-arc tiles that flip orientation in waves, weaving shifting interlocked curves.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["truchet","generative","canvas","grid","arcs","rainbow","loop"]},{"id":120,"file":"generative-geometry/04-spirograph.html","repoFile":"infinite/generative-geometry/04-spirograph.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Spirograph","loc":115,"kb":4,"role":"background","technique":["canvas","raf"],"style":["geometric","minimal","neon"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ffd479","bgHex":"#07111a","colors":["#07111a","#ffd479"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["elegant","techy","calm"],"description":"A glowing hypotrochoid spirograph curve traced progressively against a dark navy field, recycling into new shapes.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["spirograph","hypotrochoid","generative","canvas","geometry","loop","color-shift"]},{"id":121,"file":"generative-geometry/05-lsystem-plant.html","repoFile":"infinite/generative-geometry/05-lsystem-plant.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"L-System Plant","loc":114,"kb":5,"role":"background","technique":["canvas","raf"],"style":["geometric","organic","minimal","art-nouveau"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#9bffb0","bgHex":"#0a140d","colors":["#0a140d","#9bffb0"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["calm","elegant","warm"],"description":"An L-system fractal plant grows branch by branch in green hues, swaying gently with leaf dots at the tips.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["l-system","fractal","plant","generative","canvas","procedural","nature"]},{"id":122,"file":"generative-geometry/06-rotating-mandala.html","repoFile":"infinite/generative-geometry/06-rotating-mandala.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Rotating Mandala","loc":113,"kb":4,"role":"background","technique":["canvas","raf"],"style":["geometric","psychedelic","neon"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#e0a3ff","bgHex":"#160a1e","colors":["#160a1e","#e0a3ff"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["dreamy","elegant","energetic"],"description":"A 12-fold symmetric mandala of nested rotating polygons in purple-pink hues that breathe and counter-spin.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["mandala","generative","canvas","polygon","radial-symmetry","breathing","counter-spin"]},{"id":123,"file":"generative-geometry/07-moire.html","repoFile":"infinite/generative-geometry/07-moire.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Moiré Interference","loc":101,"kb":4,"role":"background","technique":["canvas","raf"],"style":["geometric","op-art","neon","monochrome"],"motion":"ambient","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#66f0ff","bgHex":"#02080f","colors":["#02080f","#66f0ff"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["dreamy","techy","futuristic"],"description":"Overlapping concentric ring patterns in cyan, pink and green drift to create shifting moire interference; pointer steers a center.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","agent-ready"],"tags":["moire","interference","rings","generative","canvas","additive-blend","ambient"]},{"id":124,"file":"generative-geometry/08-sierpinski-zoom.html","repoFile":"infinite/generative-geometry/08-sierpinski-zoom.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Sierpinski Zoom","loc":113,"kb":4,"role":"background","technique":["canvas","raf"],"style":["geometric","psychedelic","gradient"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#ffc46b","bgHex":"#120c06","colors":["#120c06","#ffc46b"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["futuristic","energetic","dreamy"],"description":"A Sierpinski triangle fractal endlessly zooms into itself with rainbow-cycling colors in a seamless self-similar loop.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["fractal","sierpinski","zoom","generative","recursive","rainbow","canvas"]},{"id":125,"file":"generative-geometry/09-flow-field.html","repoFile":"infinite/generative-geometry/09-flow-field.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Perlin Flow-Field","loc":104,"kb":4,"role":"background","technique":["canvas","raf"],"style":["geometric","organic","gradient","minimal"],"motion":"generative","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#8fb6ff","bgHex":"#060a12","colors":["#060a12","#8fb6ff"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["calm","techy","dreamy"],"description":"100 blue-violet particles streaming along a Perlin-style flow field on dark navy, deflecting around the cursor.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["flow-field","particles","generative","canvas","noise","pointer","ambient"]},{"id":126,"file":"generative-geometry/10-kaleidoscope.html","repoFile":"infinite/generative-geometry/10-kaleidoscope.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Kaleidoscope","loc":120,"kb":5,"role":"background","technique":["canvas","raf"],"style":["geometric","psychedelic","neon"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff9ad1","bgHex":"#0c0612","colors":["#0c0612","#ff9ad1"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["playful","dreamy","energetic"],"description":"Ten-fold mirrored kaleidoscope of spinning pink-and-magenta polygon blobs slowly rotating on a deep plum field.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["kaleidoscope","generative","canvas","symmetry","polygon","ambient","loop"]},{"id":127,"file":"generative-geometry/11-apollonian-gasket.html","repoFile":"infinite/generative-geometry/11-apollonian-gasket.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Apollonian Gasket","loc":174,"kb":7,"role":"background","technique":["canvas","raf"],"style":["geometric","minimal","monochrome"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e0a458","bgHex":"#0d1b2a","colors":["#0d1b2a","#e0a458"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","techy","serious"],"description":"Apollonian circle packing of nested tangent rings in gold-to-blue tones, breathing through a slow infinite zoom with vignette.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","animation-heavy"],"tags":["apollonian","circle-packing","generative","fractal","geometry","zoom","canvas"]},{"id":128,"file":"generative-geometry/12-penrose-aperiodic.html","repoFile":"infinite/generative-geometry/12-penrose-aperiodic.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Penrose Aperiodic","loc":202,"kb":7,"role":"background","technique":["canvas","raf"],"style":["geometric","art-deco","op-art"],"motion":"ambient","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#d4af6a","bgHex":"#1a1423","colors":["#1a1423","#d4af6a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","luxurious","serious"],"description":"Penrose rhombus tiling with a fivefold center, recoloured by a wave radiating outward in gold, rose and plum hues.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","animation-heavy"],"tags":["penrose","aperiodic","tiling","generative","geometry","wave","canvas"]},{"id":129,"file":"generative-geometry/13-reaction-diffusion.html","repoFile":"infinite/generative-geometry/13-reaction-diffusion.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Reaction Diffusion","loc":165,"kb":6,"role":"background","technique":["canvas","raf"],"style":["geometric","organic","gradient","minimal"],"motion":"generative","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#39d98a","bgHex":"#08120f","colors":["#08120f","#39d98a"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","serious","calm"],"description":"Gray-Scott reaction-diffusion simulation morphing between coral, spots and maze patterns in teal-to-bone on near-black.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["reaction-diffusion","gray-scott","generative","canvas","simulation","organic","pattern"]},{"id":130,"file":"generative-geometry/14-strange-attractor.html","repoFile":"infinite/generative-geometry/14-strange-attractor.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Strange Attractor","loc":132,"kb":5,"role":"background","technique":["canvas","raf"],"style":["geometric","organic","cosmic","gradient"],"motion":"generative","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5d8f","bgHex":"#11001f","colors":["#11001f","#ff5d8f"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["dreamy","techy","elegant"],"description":"De Jong strange attractor rendering smoky pink density clouds that drift and reshape on a deep purple field.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["attractor","generative","canvas","particle-density","math","ambient","dark"]},{"id":131,"file":"generative-geometry/15-hilbert-weave.html","repoFile":"infinite/generative-geometry/15-hilbert-weave.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Hilbert Weave","loc":193,"kb":7,"role":"background","technique":["canvas","raf"],"style":["geometric","neon","minimal"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#23c2c9","bgHex":"#021016","colors":["#021016","#23c2c9"]},"deps":["none"],"useCases":["loading","background","section-divider"],"mood":["techy","futuristic","calm"],"description":"Hilbert space-filling curve drawing itself with a glowing teal-to-violet ribbon and leading spark, cycling through orders.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["hilbert-curve","space-filling","generative","canvas","ribbon","teal","recursive"]},{"id":132,"file":"generative-geometry/16-circuit-routing.html","repoFile":"infinite/generative-geometry/16-circuit-routing.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Circuit Routing","loc":221,"kb":8,"role":"background","technique":["canvas","raf"],"style":["geometric","neon","minimal"],"motion":"generative","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#5effb8","bgHex":"#020d08","colors":["#020d08","#5effb8"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","futuristic","serious"],"description":"Glowing green circuit traces auto-route between scattered grid pads at 45/90 degrees with travelling pulses on dark green.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["circuit","generative","canvas","routing","grid","pulse","pcb","ambient"]},{"id":133,"file":"generative-geometry/17-wave-interference.html","repoFile":"infinite/generative-geometry/17-wave-interference.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Wave Interference","loc":187,"kb":7,"role":"background","technique":["canvas","raf"],"style":["geometric","cosmic","minimal"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#7ab8ff","bgHex":"#0a0e27","colors":["#0a0e27","#7ab8ff"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["techy","calm","elegant"],"description":"Four orbiting point sources emit ripples whose summed field is drawn as glowing blue marching-squares contour lines on near-black.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["wave","interference","marching-squares","contour","generative","physics","canvas"]},{"id":134,"file":"generative-geometry/18-elementary-automaton.html","repoFile":"infinite/generative-geometry/18-elementary-automaton.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Cellular Automaton","loc":182,"kb":6,"role":"background","technique":["canvas","raf"],"style":["geometric","monochrome","retro"],"motion":"generative","intensity":"calm","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#f2f2f2","bgHex":"#000000","colors":["#000000","#f2f2f2"]},"deps":["none"],"useCases":["background","loading","section-divider"],"mood":["techy","serious","futuristic"],"description":"Monochrome 1D elementary cellular automaton scrolling downward, cycling rules like 90/30/110 with a Sierpinski-style descent and rule label.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cellular-automaton","generative","canvas","monochrome","scrolling","rule30","sierpinski"]},{"id":135,"file":"generative-geometry/19-wang-tiles.html","repoFile":"infinite/generative-geometry/19-wang-tiles.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Wang Tiles","loc":168,"kb":7,"role":"background","technique":["canvas","raf"],"style":["geometric","constructivist","flat"],"motion":"generative","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8643c","bgHex":"#1c1014","colors":["#1c1014","#e8643c"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","warm","playful"],"description":"Aperiodic Wang-tile mosaic of four-wedge tiles that domino-flip into place in a cascade with seam-matching glow on warm earth tones.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["wang-tiles","generative","mosaic","cascade","aperiodic","geometry","canvas"]},{"id":136,"file":"generative-geometry/20-poisson-disk-bloom.html","repoFile":"infinite/generative-geometry/20-poisson-disk-bloom.html","themeSlug":"generative-geometry","theme":"Generative Geometry","title":"Poisson Disk Bloom","loc":211,"kb":8,"role":"background","technique":["canvas","raf"],"style":["geometric","organic","minimal"],"motion":"generative","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"warm","accentHex":"#c9b458","bgHex":"#14110a","colors":["#14110a","#c9b458"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["elegant","calm","techy"],"description":"Blue-noise Poisson-disk points bloom outward connected by a gold Gabriel graph, each vertex flashing as it settles on dark olive.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["poisson-disk","generative","graph","canvas","blue-noise","geometry","particles"]},{"id":137,"file":"retro-glitch/01-crt-scanline-screen.html","repoFile":"infinite/retro-glitch/01-crt-scanline-screen.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"CRT scanline screen","loc":114,"kb":5,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#54f08a","bgHex":"#06120a","colors":["#06120a","#54f08a"]},"deps":["none"],"useCases":["background","loading","splash","404"],"mood":["retro","techy","serious"],"description":"Green-phosphor CRT terminal with rolling scanlines, vignette, oscilloscope wave, blinking boot-text rows and random glitch flashes.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["crt","scanlines","retro","terminal","green-phosphor","glitch","oscilloscope"]},{"id":138,"file":"retro-glitch/02-vhs-tracking-distortion.html","repoFile":"infinite/retro-glitch/02-vhs-tracking-distortion.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"VHS tracking distortion","loc":114,"kb":5,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","vaporwave"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5fd0","bgHex":"#100614","colors":["#100614","#ff5fd0"]},"deps":["none"],"useCases":["background","splash","404","hero"],"mood":["retro","playful","techy"],"description":"VHS test-pattern color bars with horizontal slice jitter, tear, rolling tracking bar and chroma-split REC text on magenta-tinted black.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["vhs","glitch","retro","scanlines","chroma-split","canvas","distortion"]},{"id":139,"file":"retro-glitch/03-pixel-art-sprite-march.html","repoFile":"infinite/retro-glitch/03-pixel-art-sprite-march.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Pixel-art sprite march","loc":112,"kb":4,"role":"decoration","technique":["canvas","raf"],"style":["retro","glitch","flat","neon"],"motion":"loop","intensity":"energetic","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ffd23f","bgHex":"#1a1030","colors":["#1a1030","#ffd23f"]},"deps":["none"],"useCases":["footer","loading","section-divider","404"],"mood":["playful","retro","energetic"],"description":"Pixelated two-frame 8x8 sprites march in colored rows across a scrolling starfield over a purple ground, pointer controls speed.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pixel-art","sprite","retro","8-bit","scrolling","starfield","loop"]},{"id":140,"file":"retro-glitch/04-ascii-shimmer.html","repoFile":"infinite/retro-glitch/04-ascii-shimmer.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"ASCII shimmer","loc":103,"kb":4,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","monochrome","op-art"],"motion":"ambient","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#46f5b0","bgHex":"#04110f","colors":["#04110f","#46f5b0"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","retro","dreamy"],"description":"Grid of ASCII ramp characters shimmering through interfering radial and plasma waves in green-teal hues, following the pointer.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ascii","canvas","retro","glitch","plasma","pointer","generative"]},{"id":141,"file":"retro-glitch/05-dot-matrix-ticker.html","repoFile":"infinite/retro-glitch/05-dot-matrix-ticker.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Dot-matrix ticker","loc":139,"kb":6,"role":"text-effect","technique":["canvas","raf"],"style":["retro","glitch","pointillist","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffae2b","bgHex":"#160500","colors":["#160500","#ffae2b"]},"deps":["none"],"useCases":["section-divider","hero","footer"],"mood":["retro","playful","techy"],"description":"Amber LED dot-matrix marquee scrolling GAME OVER / INSERT COIN / HIGH SCORE across a dim dot grid.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["dot-matrix","marquee","retro","led","ticker","canvas","amber"]},{"id":142,"file":"retro-glitch/06-neon-arcade-sign.html","repoFile":"infinite/retro-glitch/06-neon-arcade-sign.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Neon arcade sign","loc":113,"kb":5,"role":"hero","technique":["raf"],"style":["retro","glitch","neon"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#ff2fa0","bgHex":"#0a0418","colors":["#ff2fa0","#2ffaff","#ff7fd0","#0a0418","#15a8c8","#d10b6e"]},"deps":["none"],"useCases":["hero","splash","logo-mark"],"mood":["retro","energetic","playful"],"description":"Glowing pink-and-cyan neon ARCADE sign with flickering tubes, pulsing border and chasing marquee bulbs.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["neon","retro","arcade","flicker","marquee","glow","sign"]},{"id":143,"file":"retro-glitch/07-fake-terminal-typing.html","repoFile":"infinite/retro-glitch/07-fake-terminal-typing.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Fake terminal typing","loc":113,"kb":5,"role":"text-effect","technique":["raf"],"style":["retro","glitch","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#7dffb0","bgHex":"#05080a","colors":["#7dffb0","#05080a","#46c8ff","#ffe26b","#5a8a72"]},"deps":["none"],"useCases":["hero","loading","onboarding"],"mood":["techy","retro","serious"],"description":"Green CRT terminal auto-typing a boot sequence with blinking cursor and scanline overlay, looping.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["terminal","typewriter","retro","crt","green-phosphor","loop","boot-sequence"]},{"id":144,"file":"retro-glitch/08-datamosh-blocks.html","repoFile":"infinite/retro-glitch/08-datamosh-blocks.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Datamosh blocks","loc":116,"kb":5,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","geometric"],"motion":"generative","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff4fa0","bgHex":"#0d0d12","colors":["#0d0d12","#ff4fa0"]},"deps":["none"],"useCases":["background","hero","404"],"mood":["techy","energetic","futuristic"],"description":"Blocky gradient field that randomly smears and chroma-splits into magenta/cyan datamosh tiles, click to burst.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["glitch","datamosh","canvas","chroma-split","retro","blocks","generative"]},{"id":145,"file":"retro-glitch/09-chromatic-aberration-pulse.html","repoFile":"infinite/retro-glitch/09-chromatic-aberration-pulse.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Chromatic aberration pulse","loc":108,"kb":4,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","neon"],"motion":"reactive","intensity":"energetic","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":false},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#11ff66","bgHex":"#07070c","colors":["#07070c"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["techy","energetic","futuristic"],"description":"Concentric rings and a bold R split into RGB channels, pulsing to a beat and tracking the pointer with scanlines.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","animation-heavy","minimal-deps"],"tags":["chromatic-aberration","glitch","retro","canvas","rgb-split","scanlines","pulse"]},{"id":146,"file":"retro-glitch/10-8bit-loading-bar.html","repoFile":"infinite/retro-glitch/10-8bit-loading-bar.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"8-bit loading bar","loc":133,"kb":5,"role":"loader","technique":["canvas","raf"],"style":["retro","glitch","flat","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5fe0ff","bgHex":"#10131c","colors":["#10131c","#5fe0ff"]},"deps":["none"],"useCases":["loading","onboarding","splash"],"mood":["retro","playful","techy"],"description":"Pixel-art NOW LOADING screen with a segmented green-to-red progress bar, percent counter and bobbing sprite.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["retro","8-bit","pixel-art","loading","progress-bar","canvas","game-ui"]},{"id":147,"file":"retro-glitch/11-bad-vram-sweep.html","repoFile":"infinite/retro-glitch/11-bad-vram-sweep.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Bad VRAM Sweep","loc":176,"kb":7,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","monochrome"],"motion":"loop","intensity":"energetic","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff2e88","bgHex":"#0a0410","colors":["#0a0410","#ff2e88"]},"deps":["none"],"useCases":["background","404","hero"],"mood":["techy","brutalist","futuristic"],"description":"Magenta beam sweeps a hex-glyph memory grid, corrupting cells with byte-flip smear and sync-loss before they heal.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["glitch","retro","vram","hex-grid","canvas","corruption","scanline"]},{"id":148,"file":"retro-glitch/12-bayer-dither-dissolve.html","repoFile":"infinite/retro-glitch/12-bayer-dither-dissolve.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Bayer Dither Dissolve","loc":130,"kb":5,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","monochrome","op-art"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7CFC9A","bgHex":"#101820","colors":["#101820","#7cfc9a"]},"deps":["none"],"useCases":["background","loading","section-divider"],"mood":["retro","calm","techy"],"description":"Green-on-dark Bayer ordered-dither field of chunky pixels rippling and breathing in and out, pointer-reactive.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["dither","bayer","retro","pixel","canvas","generative","pointer"]},{"id":149,"file":"retro-glitch/13-sync-roll-bars.html","repoFile":"infinite/retro-glitch/13-sync-roll-bars.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Sync Roll Bars","loc":165,"kb":6,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","monochrome"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ffd23f","bgHex":"#1a1205","colors":["#1a1205","#ffd23f"]},"deps":["none"],"useCases":["background","hero","404"],"mood":["retro","techy","serious"],"description":"Amber CRT test-pattern picture rolls vertically with a tearing sync seam, rising bright bands, scanlines and vignette.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["retro","crt","glitch","scanlines","canvas","amber","test-pattern","vignette"]},{"id":150,"file":"retro-glitch/14-plasma-sine-field.html","repoFile":"infinite/retro-glitch/14-plasma-sine-field.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Plasma Sine Field","loc":144,"kb":6,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","psychedelic","gradient"],"motion":"ambient","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#19f0ff","bgHex":"#05031a","colors":["#05031a","#19f0ff"]},"deps":["none"],"useCases":["background","hero","loading","splash"],"mood":["dreamy","retro","futuristic"],"description":"Demoscene cyan-magenta-violet plasma of interfering sine waves blurred and color-cycling into a molten liquid field.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","animation-heavy"],"tags":["plasma","demoscene","canvas","sine-wave","retro","generative","color-cycling"]},{"id":151,"file":"retro-glitch/15-copper-bars.html","repoFile":"infinite/retro-glitch/15-copper-bars.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Copper Bars","loc":144,"kb":6,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","neon","geometric"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff7b00","bgHex":"#000016","colors":["#000016","#ff7b00"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["retro","techy","playful"],"description":"Glossy multicolor copper raster bars bob up and down over a twinkling starfield with specular sheen and scanlines.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["retro","copper-bars","canvas","starfield","scanlines","demoscene","ambient"]},{"id":152,"file":"retro-glitch/16-glyph-corruption-cascade.html","repoFile":"infinite/retro-glitch/16-glyph-corruption-cascade.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Glyph Corruption Cascade","loc":173,"kb":7,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","monochrome"],"motion":"generative","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#39ff14","bgHex":"#021207","colors":["#021207","#39ff14"]},"deps":["none"],"useCases":["background","404","loading","hero"],"mood":["techy","serious","futuristic"],"description":"Green monospace glyph grid where a descending wavefront corrupts clean text into flickering mojibake and box-drawing characters.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["glitch","terminal","monospace","corruption","canvas","retro","matrix"]},{"id":153,"file":"retro-glitch/17-jpeg-quantize-crush.html","repoFile":"infinite/retro-glitch/17-jpeg-quantize-crush.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"JPEG Quantize Crush","loc":177,"kb":8,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","geometric"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ff4040","bgHex":"#14060c","colors":["#14060c","#ff4040"]},"deps":["none"],"useCases":["background","hero","404"],"mood":["techy","serious","futuristic"],"description":"Red-tinted image crushes into blocky 8x8 DCT cells with banding and ringing as quality oscillates from sharp to wrecked.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["glitch","jpeg","compression","dct","canvas","retro","banding"]},{"id":154,"file":"retro-glitch/18-tape-head-switching-noise.html","repoFile":"infinite/retro-glitch/18-tape-head-switching-noise.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Tape Head Switching Noise","loc":207,"kb":8,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","monochrome"],"motion":"ambient","intensity":"energetic","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#c0c8ff","bgHex":"#0c0c0c","colors":["#0c0c0c","#c0c8ff"]},"deps":["none"],"useCases":["background","404","hero"],"mood":["techy","serious","retro"],"description":"VHS head-switching dropout: a frayed hash-noise band along the bottom edge with rising scanline ghosts and snapping chroma-split desync line","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["vhs","glitch","noise","retro","scanlines","chroma-split","canvas"]},{"id":155,"file":"retro-glitch/19-shift-register-lfsr.html","repoFile":"infinite/retro-glitch/19-shift-register-lfsr.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Shift Register LFSR","loc":200,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["retro","glitch","neon","geometric"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#a6ff00","bgHex":"#0a0f0a","colors":["#0a0f0a","#a6ff00"]},"deps":["none"],"useCases":["background","dashboard","loading","section-divider"],"mood":["techy","serious","futuristic"],"description":"Animated 16-bit LFSR diagram: lit bit cells shift right, XOR tap wires feed a pulse along the feedback rail with hex clock readout.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["retro","lfsr","circuit","binary","phosphor","generative","monochrome"]},{"id":156,"file":"retro-glitch/20-rotozoom-texture.html","repoFile":"infinite/retro-glitch/20-rotozoom-texture.html","themeSlug":"retro-glitch","theme":"Retro & Glitch","title":"Rotozoom Texture","loc":130,"kb":5,"role":"background","technique":["canvas","raf"],"style":["retro","glitch","psychedelic","op-art"],"motion":"ambient","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#00e5ff","bgHex":"#1b0033","colors":["#1b0033","#00e5ff"]},"deps":["none"],"useCases":["background","hero","splash","loading"],"mood":["retro","dreamy","techy"],"description":"Chunky-pixel violet-and-cyan checker texture rotating and breathing-zoom through itself in a seasick demoscene rotozoom.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["rotozoom","demoscene","retro","checker","pixel","canvas","generative"]},{"id":157,"file":"ui-microinteractions/01-like-heart-burst.html","repoFile":"infinite/ui-microinteractions/01-like-heart-burst.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Like Heart Burst","loc":98,"kb":4,"role":"button","technique":["svg","css-only"],"style":["minimal","flat","neon"],"motion":"reactive","intensity":"energetic","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3b6b","bgHex":"#1a1020","colors":["#1a1020","#3a2a40","#ff3b6b","#ff5c84"]},"deps":["none"],"useCases":["cta","testimonial","onboarding"],"mood":["playful","energetic"],"description":"Clickable heart icon that fills pink and bursts radial particles with an expanding ring on like, toggles off on second tap.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","copy-paste-safe"],"tags":["heart","like","burst","particles","microinteraction","click","social-ui","web-animations"]},{"id":158,"file":"ui-microinteractions/02-add-to-cart-fly.html","repoFile":"infinite/ui-microinteractions/02-add-to-cart-fly.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Add to Cart Fly","loc":102,"kb":5,"role":"button","technique":["svg"],"style":["minimal","flat","gradient"],"motion":"reactive","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#5cc8ff","bgHex":"#0e1726","colors":["#5cc8ff","#0e1726","#ff9d5c","#ff5c8a","#2a4a66","#13243a"]},"deps":["none"],"useCases":["cta","onboarding","pricing"],"mood":["playful","techy"],"description":"E-commerce Add button flings a product tile in an arc into a cart icon, bumping a count badge each time.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ecommerce","cart","fly","arc","microinteraction","badge","web-animations"]},{"id":159,"file":"ui-microinteractions/03-notification-bell.html","repoFile":"infinite/ui-microinteractions/03-notification-bell.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Notification Bell","loc":95,"kb":5,"role":"feedback","technique":["svg"],"style":["minimal","flat"],"motion":"reactive","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#ffd45c","bgHex":"#13131f","colors":["#ffd45c","#13131f","#ffb13c","#ff4d6d"]},"deps":["none"],"useCases":["onboarding","cta","dashboard"],"mood":["playful","techy"],"description":"Yellow bell icon swings and rings with an expanding wave ripple while a red count badge pops into view.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bell","notification","badge","microinteraction","click","ripple","ui-control"]},{"id":160,"file":"ui-microinteractions/04-copy-checkmark.html","repoFile":"infinite/ui-microinteractions/04-copy-checkmark.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Copy Confirm","loc":101,"kb":5,"role":"button","technique":["svg","css-only"],"style":["minimal","flat","monochrome"],"motion":"reactive","intensity":"calm","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#7fffd0","bgHex":"#0c1412","colors":["#7fffd0","#1f8f5f","#eafff5","#0c1412","#11201c","#1e3a32"]},"deps":["none"],"useCases":["onboarding","cta","footer"],"mood":["techy","elegant"],"description":"Monospace code snippet with a copy button that morphs to a checkmark with a drawn stroke and 'Copied!' toast on click.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["copy","checkmark","toast","microinteraction","click","ui-control","code-snippet"]},{"id":161,"file":"ui-microinteractions/05-swipe-card-stack.html","repoFile":"infinite/ui-microinteractions/05-swipe-card-stack.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Swipe Card Stack","loc":104,"kb":6,"role":"card","technique":["css-only"],"style":["minimal","flat","gradient"],"motion":"physics","intensity":"energetic","interaction":["pointer","click","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#42e6a4","bgHex":"#1c1430","colors":["#42e6a4","#ff5c7a","#1c1430"]},"deps":["none"],"useCases":["onboarding","hero","empty-state"],"mood":["playful","energetic"],"description":"Tinder-style draggable card stack with emoji faces, LIKE/NOPE stamps, and a fling-away gesture revealing the next card.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["swipe","card-stack","drag","gesture","tinder","microinteraction","touch"]},{"id":162,"file":"ui-microinteractions/06-pull-to-refresh.html","repoFile":"infinite/ui-microinteractions/06-pull-to-refresh.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Pull to Refresh","loc":100,"kb":6,"role":"feedback","technique":["svg","raf"],"style":["minimal","flat"],"motion":"reactive","intensity":"moderate","interaction":["pointer","click","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#3ad6c5","bgHex":"#0f1a24","colors":["#0f1a24","#16252f","#3ad6c5","#22404e","#5a7585"]},"deps":["none"],"useCases":["loading","onboarding","dashboard"],"mood":["techy","calm"],"description":"Mobile list frame you drag down to trigger a rotating arc spinner that refreshes and flashes skeleton rows.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pull-to-refresh","mobile","drag","spinner","skeleton","microinteraction","touch"]},{"id":163,"file":"ui-microinteractions/07-accordion-expand.html","repoFile":"infinite/ui-microinteractions/07-accordion-expand.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Accordion Expand","loc":101,"kb":5,"role":"card","technique":["raf"],"style":["minimal","flat"],"motion":"reveal","intensity":"calm","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#a98cff","bgHex":"#161320","colors":["#a98cff","#161320","#211c33","#2e2745","#e8e2ff","#9c92c0"]},"deps":["none"],"useCases":["onboarding","footer","pricing"],"mood":["elegant","calm"],"description":"FAQ accordion of rounded panels that smoothly expand their height and rotate a chevron to reveal answer text.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["accordion","expand","faq","chevron","ui-control","microinteraction","click"]},{"id":164,"file":"ui-microinteractions/08-tooltip-pop.html","repoFile":"infinite/ui-microinteractions/08-tooltip-pop.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Tooltip Pop","loc":91,"kb":4,"role":"feedback","technique":["svg","css-only"],"style":["minimal","flat"],"motion":"reactive","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#4fe0c0","bgHex":"#101c1a","colors":["#4fe0c0","#101c1a","#1c322e","#2c4f48","#06231d","#264a43"]},"deps":["none"],"useCases":["onboarding","cta","dashboard"],"mood":["techy","playful"],"description":"Circular heart-icon button that springs a mint tooltip with arrow above it on hover with a subtle press bounce.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["tooltip","hover","microinteraction","button","spring","ui-control","pop"]},{"id":165,"file":"ui-microinteractions/09-skeleton-load.html","repoFile":"infinite/ui-microinteractions/09-skeleton-load.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Skeleton to Content","loc":117,"kb":5,"role":"loader","technique":["css-only"],"style":["minimal","flat","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5b8cff","bgHex":"#0d1117","colors":["#0d1117","#161c26","#232b38","#222a37","#5b8cff","#9b5bff"]},"deps":["none"],"useCases":["loading","empty-state","dashboard"],"mood":["techy","calm","elegant"],"description":"Dark profile card whose shimmering skeleton placeholders sweep, then resolve into avatar, image and text content on a loop.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["skeleton","loading","shimmer","profile-card","ui-pattern","reveal","loop"]},{"id":166,"file":"ui-microinteractions/10-success-checkmark.html","repoFile":"infinite/ui-microinteractions/10-success-checkmark.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Success Checkmark Draw","loc":100,"kb":5,"role":"feedback","technique":["svg","raf"],"style":["minimal","flat"],"motion":"reveal","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d98a","bgHex":"#06120e","colors":["#22d98a","#06120e"]},"deps":["none"],"useCases":["onboarding","cta","dashboard"],"mood":["playful","techy","calm"],"description":"Green circle strokes itself closed, a checkmark draws in, a radial glow pulses and a SUCCESS label fades up on click or loop.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["checkmark","success","svg","stroke-dash","draw-on","microinteraction","feedback"]},{"id":167,"file":"ui-microinteractions/11-toggle-switch-spring.html","repoFile":"infinite/ui-microinteractions/11-toggle-switch-spring.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Toggle Switch Spring","loc":207,"kb":8,"role":"input","technique":["canvas","raf"],"style":["minimal","flat","glass"],"motion":"physics","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#34D399","bgHex":"#0E1116","colors":["#0e1116","#34d399"]},"deps":["none"],"useCases":["dashboard","onboarding"],"mood":["playful","techy","elegant"],"description":"Canvas toggle switch whose glossy knob springs between off and green-on states with squash-and-stretch and a moving shadow.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["toggle","spring","canvas","squash-stretch","ui-control","microinteraction","easing"]},{"id":168,"file":"ui-microinteractions/12-magnetic-button-press.html","repoFile":"infinite/ui-microinteractions/12-magnetic-button-press.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Magnetic Button Press","loc":241,"kb":9,"role":"button","technique":["canvas","raf"],"style":["minimal","neon","gradient","glass"],"motion":"physics","intensity":"energetic","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#C084FC","bgHex":"#1A1024","colors":["#1a1024","#c084fc"]},"deps":["none"],"useCases":["cta","hero","onboarding"],"mood":["futuristic","techy","energetic"],"description":"Glowing purple PRESS pill that squashes on press with white ripples while its label is magnetically pulled toward an orbiting cursor dot.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["button","magnetic","canvas","ripple","press","ui-control","glow"]},{"id":169,"file":"ui-microinteractions/13-segmented-pill-slide.html","repoFile":"infinite/ui-microinteractions/13-segmented-pill-slide.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Segmented Pill Slide","loc":179,"kb":7,"role":"input","technique":["canvas","raf"],"style":["minimal","flat","gradient"],"motion":"physics","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#F97316","bgHex":"#FFFBF0","colors":["#fffbf0","#f97316"]},"deps":["none"],"useCases":["dashboard","onboarding","pricing"],"mood":["warm","playful","elegant"],"description":"Cream segmented control where an orange pill liquid-stretches between Daily, Weekly and Monthly tabs with cross-dissolving labels.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["segmented-control","pill","canvas","liquid","ui-control","cross-dissolve","microinteraction"]},{"id":170,"file":"ui-microinteractions/14-radio-dot-bloom.html","repoFile":"infinite/ui-microinteractions/14-radio-dot-bloom.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Radio Dot Bloom","loc":183,"kb":7,"role":"input","technique":["svg","raf"],"style":["minimal","flat"],"motion":"physics","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7FA9A6","bgHex":"#102A2E","colors":["#102a2e","#7fa9a6","#e6fffb","#2dd4bf"]},"deps":["none"],"useCases":["onboarding","dashboard","pricing"],"mood":["techy","calm","elegant"],"description":"Vertical teal radio list where the selected ring dips then blooms a spring-loaded dot with an outward pulse, cycling through options.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["radio","ui-control","svg","spring","microinteraction","pulse","loop"]},{"id":171,"file":"ui-microinteractions/15-volume-slider-pulse.html","repoFile":"infinite/ui-microinteractions/15-volume-slider-pulse.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Volume Slider Pulse","loc":191,"kb":8,"role":"input","technique":["canvas","raf"],"style":["minimal","neon","gradient","glass"],"motion":"loop","intensity":"energetic","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#60A5FA","bgHex":"#0B0C1E","colors":["#0b0c1e","#60a5fa"]},"deps":["none"],"useCases":["dashboard","hero","cta"],"mood":["futuristic","techy","energetic"],"description":"Blue glowing volume slider whose thumb travels while an equalizer of spring-bouncing bars reacts and a numeric readout counts the level.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["slider","volume","equalizer","canvas","glow","ui-control","spring-physics"]},{"id":172,"file":"ui-microinteractions/16-fab-speed-dial.html","repoFile":"infinite/ui-microinteractions/16-fab-speed-dial.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"FAB Speed Dial","loc":224,"kb":9,"role":"button","technique":["svg","raf"],"style":["minimal","flat"],"motion":"physics","intensity":"energetic","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#FB7185","bgHex":"#171717","colors":["#fb7185","#171717","#1f1f1f","#f4f4f4"]},"deps":["none"],"useCases":["cta","dashboard","onboarding"],"mood":["playful","techy","energetic"],"description":"Pink floating action button that rotates plus-to-X and fans out three labeled mini action buttons on a springy arc with a pulse ring.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["fab","speed-dial","spring","ui-control","microinteraction","click","material"]},{"id":173,"file":"ui-microinteractions/17-star-rating-cascade.html","repoFile":"infinite/ui-microinteractions/17-star-rating-cascade.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Star Rating Cascade","loc":219,"kb":8,"role":"feedback","technique":["canvas","raf"],"style":["minimal","flat"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#FBBF24","bgHex":"#241A07","colors":["#241a07","#fbbf24"]},"deps":["none"],"useCases":["testimonial","onboarding","cta"],"mood":["playful","warm","elegant"],"description":"Five gold stars fill left-to-right in a staggered cascade with squash-pop scaling and sparkle flicks, then drain and repeat.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["stars","rating","cascade","canvas","microinteraction","gold","ui-control"]},{"id":174,"file":"ui-microinteractions/18-search-bar-morph.html","repoFile":"infinite/ui-microinteractions/18-search-bar-morph.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Search Bar Morph","loc":203,"kb":8,"role":"input","technique":["svg","raf"],"style":["minimal","flat"],"motion":"loop","intensity":"calm","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#0EA5E9","bgHex":"#F4F4F5","colors":["#0ea5e9","#f4f4f5","#334155","#94a3b8"]},"deps":["none"],"useCases":["hero","onboarding","cta"],"mood":["elegant","techy","calm"],"description":"A pill magnifier icon elastically expands into a white search bar and types a query with a blinking caret, then collapses back.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["search","morphing","svg","microinteraction","typewriter","ui-control","elastic"]},{"id":175,"file":"ui-microinteractions/19-stepper-quantity-bump.html","repoFile":"infinite/ui-microinteractions/19-stepper-quantity-bump.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Stepper Quantity Bump","loc":220,"kb":8,"role":"input","technique":["raf"],"style":["minimal","neon","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#A3E635","bgHex":"#1C1917","colors":["#a3e635","#1c1917","#2a2724","#181513"]},"deps":["none"],"useCases":["pricing","cta","dashboard"],"mood":["playful","techy","energetic"],"description":"A lime quantity stepper with skeuomorphic plus/minus keys rolls digits on a spring with motion-blur as the count bumps up and down.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["stepper","counter","digit-roll","spring","motion-blur","microinteraction","ui-control"]},{"id":176,"file":"ui-microinteractions/20-battery-charge-fill.html","repoFile":"infinite/ui-microinteractions/20-battery-charge-fill.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Battery Charge Fill","loc":213,"kb":8,"role":"feedback","technique":["canvas","raf"],"style":["minimal","gradient","flat"],"motion":"ambient","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#22C55E","bgHex":"#06140C","colors":["#06140c","#22c55e"]},"deps":["none"],"useCases":["loading","dashboard","onboarding"],"mood":["techy","calm","futuristic"],"description":"A vertical battery breathes from amber to lime-mint as a wobbling liquid level rises past segment ticks with bubbles and a pulsing bolt.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["battery","liquid-fill","canvas","ui-widget","color-shift","ambient","microinteraction"]},{"id":177,"file":"ui-microinteractions/21-inverted-reading-glass.html","repoFile":"infinite/ui-microinteractions/21-inverted-reading-glass.html","themeSlug":"ui-microinteractions","theme":"UI Micro-interactions","title":"Inverted Reading Glass","loc":260,"kb":7,"role":"feedback","technique":["raf"],"style":["minimal"],"motion":"reveal","intensity":"calm","interaction":["pointer","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":false},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#000000","colors":["#ffffff","#000000","#333333"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["magnifier","blend-mode","reveal","text","pointer","microinteraction","cursor"]},{"id":178,"file":"cosmic-space/01-orbiting-planet-system.html","repoFile":"infinite/cosmic-space/01-orbiting-planet-system.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Orbiting Planet System","loc":125,"kb":5,"role":"background","technique":["canvas","raf"],"style":["cosmic","minimal","gradient"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ffd36b","bgHex":"#070a18","colors":["#070a18","#cfd6ff"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["dreamy","elegant","futuristic"],"description":"Four glowing planets orbit a radiant sun on tilted elliptical rings with depth sorting, drifting subtly toward the pointer.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["space","orbit","planets","canvas","depth-sort","glow","ambient"]},{"id":179,"file":"cosmic-space/02-black-hole-accretion-swirl.html","repoFile":"infinite/cosmic-space/02-black-hole-accretion-swirl.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Black-hole Accretion Swirl","loc":115,"kb":5,"role":"background","technique":["canvas","raf"],"style":["cosmic","gradient","neon"],"motion":"ambient","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff7a2e","bgHex":"#05040a","colors":["#05040a","#ffd9b0"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["futuristic","dreamy","serious"],"description":"Heat-colored particles spiral inward across a tilted accretion disk into a black event horizon, speeding up on pointer movement.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["space","black-hole","particles","spiral","accretion","canvas","ambient"]},{"id":180,"file":"cosmic-space/03-twinkling-starfield.html","repoFile":"infinite/cosmic-space/03-twinkling-starfield.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Twinkling Starfield","loc":114,"kb":4,"role":"background","technique":["canvas","raf"],"style":["cosmic","minimal"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#bcd4ff","bgHex":"#040616","colors":["#040616","#cfe0ff"]},"deps":["none"],"useCases":["background","hero","footer"],"mood":["calm","dreamy","elegant"],"description":"A field of multicolor stars twinkles in brightness and size, with sparkle crosses on larger ones, brightening near the cursor.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["stars","background","canvas","ambient","pointer","space","night-sky"]},{"id":181,"file":"cosmic-space/04-spiral-galaxy-rotate.html","repoFile":"infinite/cosmic-space/04-spiral-galaxy-rotate.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Spiral Galaxy Rotate","loc":116,"kb":4,"role":"background","technique":["canvas","raf"],"style":["cosmic","gradient"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#d6a0ff","bgHex":"#06040f","colors":["#06040f","#e6d6ff"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["dreamy","elegant","futuristic"],"description":"A two-armed spiral galaxy of pink and blue stars rotates slowly around a glowing violet core, spinning faster on pointer move.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["galaxy","spiral","space","canvas","rotation","stars","ambient"]},{"id":182,"file":"cosmic-space/05-comet-streak-loop.html","repoFile":"infinite/cosmic-space/05-comet-streak-loop.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Comet Streak Loop","loc":125,"kb":5,"role":"background","technique":["canvas","raf"],"style":["cosmic","gradient","minimal"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7fe8ff","bgHex":"#030a14","colors":["#030a14","#bff0ff"]},"deps":["none"],"useCases":["background","hero","section-divider","loading"],"mood":["dreamy","calm","elegant"],"description":"Cyan and violet comets with glowing heads and fading tails streak diagonally across a dark starfield in a slow loop.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["comet","space","canvas","streak","ambient","loop","background"]},{"id":183,"file":"cosmic-space/06-ringed-planet-rotate.html","repoFile":"infinite/cosmic-space/06-ringed-planet-rotate.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Ringed Planet Rotate","loc":138,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["cosmic","gradient","organic"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8a85c","bgHex":"#0a0710","colors":["#0a0710","#ffe1b0"]},"deps":["none"],"useCases":["hero","background","section-divider"],"mood":["elegant","calm","warm"],"description":"Amber banded gas giant with tilted Saturn-like rings slowly rotates over stars; pointer adjusts ring tilt and shadow terminator.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["planet","space","rings","canvas","ambient","pointer","generative"]},{"id":184,"file":"cosmic-space/07-constellation-connect-lines.html","repoFile":"infinite/cosmic-space/07-constellation-connect-lines.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Constellation Connect","loc":126,"kb":5,"role":"background","technique":["canvas","raf"],"style":["cosmic","geometric","minimal"],"motion":"reactive","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#8cb4ff","bgHex":"#060a16","colors":["#060a16","#cfe2ff"]},"deps":["none"],"useCases":["background","hero","dashboard","onboarding"],"mood":["techy","calm","elegant"],"description":"Drifting blue-white star nodes link with proximity lines and twinkle, connecting to the cursor on hover like a constellation network.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["stars","constellation","canvas","proximity-lines","pointer","network","ambient","space"]},{"id":185,"file":"cosmic-space/08-hyperspace-warp-streaks.html","repoFile":"infinite/cosmic-space/08-hyperspace-warp-streaks.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Hyperspace Warp","loc":113,"kb":5,"role":"background","technique":["canvas","raf"],"style":["cosmic","neon","minimal"],"motion":"reactive","intensity":"energetic","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9fdcff","bgHex":"#02030a","colors":["#02030a","#cdd8ff"]},"deps":["none"],"useCases":["hero","loading","splash","background"],"mood":["futuristic","energetic","techy"],"description":"Star streaks rush outward from a glowing center in a hyperspace warp; pressing the pointer accelerates the speed dramatically.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["space","warp","streaks","canvas","stars","generative","background"]},{"id":186,"file":"cosmic-space/09-drifting-nebula.html","repoFile":"infinite/cosmic-space/09-drifting-nebula.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Drifting Nebula","loc":118,"kb":5,"role":"background","technique":["canvas","raf"],"style":["cosmic","gradient","organic"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff5aaa","bgHex":"#0a0418","colors":["#0a0418","#ffd6f4"]},"deps":["none"],"useCases":["background","hero","section-divider","splash"],"mood":["dreamy","calm","elegant"],"description":"Soft additive-blended pink, violet and blue nebula clouds breathe and drift over twinkling stars, gently pulled by the cursor.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["nebula","canvas","space","additive-blend","ambient","pointer","background"]},{"id":187,"file":"cosmic-space/10-solar-flare-pulse.html","repoFile":"infinite/cosmic-space/10-solar-flare-pulse.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Solar Flare Pulse","loc":137,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["cosmic","gradient","organic"],"motion":"ambient","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffae3a","bgHex":"#1a0703","colors":["#1a0703","#ffe2b0"]},"deps":["none"],"useCases":["hero","background","splash","section-divider"],"mood":["energetic","warm","futuristic"],"description":"Fiery orange sun with pulsing corona, radiating flare spikes and arcing prominences; clicking kicks a brighter solar burst.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["solar","canvas","space","fire","corona","particles","click"]},{"id":188,"file":"cosmic-space/11-logarithmic-zoom-journey.html","repoFile":"infinite/cosmic-space/11-logarithmic-zoom-journey.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Logarithmic Zoom Journey","loc":180,"kb":7,"role":"background","technique":["canvas","raf"],"style":["cosmic","geometric","monochrome"],"motion":"generative","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7fd4ff","bgHex":"#05060d","colors":["#05060d","#7fd4ff"]},"deps":["none"],"useCases":["hero","loading","onboarding","splash"],"mood":["techy","futuristic","dreamy"],"description":"Labeled nested rings dilate outward from atom to cosmic web, an endless logarithmic scale journey accelerated by pointer interaction.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","agent-ready"],"tags":["canvas","zoom","space","rings","logarithmic","ambient","generative"]},{"id":189,"file":"cosmic-space/12-light-travel-delay.html","repoFile":"infinite/cosmic-space/12-light-travel-delay.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Light Travel Delay","loc":144,"kb":6,"role":"dataviz","technique":["canvas","raf"],"style":["cosmic","minimal","geometric"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ffb347","bgHex":"#0a0612","colors":["#0a0612","#ffb347"]},"deps":["none"],"useCases":["hero","loading","onboarding","dashboard"],"mood":["techy","serious","calm"],"description":"Expanding amber light wavefronts ripple from a central star, lighting up distance markers (1 AU, 1 ly, 100 ly) as they arrive.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","space","light","wavefront","educational","ambient","radial"]},{"id":190,"file":"cosmic-space/13-parallax-depth-drift.html","repoFile":"infinite/cosmic-space/13-parallax-depth-drift.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Parallax Depth Drift","loc":144,"kb":6,"role":"background","technique":["canvas","raf"],"style":["cosmic","minimal","gradient"],"motion":"ambient","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#c9b8ff","bgHex":"#070a14","colors":["#070a14","#c9b8ff"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["dreamy","calm","elegant"],"description":"Four-layer parallax starfield drifting laterally, near stars streak with motion blur while the deep field barely stirs; pointer nudges the d","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","agent-ready"],"tags":["parallax","starfield","depth","canvas","space","ambient","motion-blur"]},{"id":191,"file":"cosmic-space/14-pulsar-lighthouse-sweep.html","repoFile":"infinite/cosmic-space/14-pulsar-lighthouse-sweep.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Pulsar Lighthouse Sweep","loc":162,"kb":6,"role":"background","technique":["canvas","raf"],"style":["cosmic","neon","minimal"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5effc4","bgHex":"#040810","colors":["#040810","#5effc4"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","futuristic","serious"],"description":"A central neutron star spins twin teal beams that sweep like a lighthouse, blipping bright as the cone crosses the line of sight.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["pulsar","space","canvas","beam","lighthouse","ambient","cosmic"]},{"id":192,"file":"cosmic-space/15-gravitational-lens-ring.html","repoFile":"infinite/cosmic-space/15-gravitational-lens-ring.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Gravitational Lens Ring","loc":190,"kb":8,"role":"background","technique":["canvas","raf"],"style":["cosmic","gradient","glass"],"motion":"ambient","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff9ed2","bgHex":"#0d0814","colors":["#0d0814","#ff9ed2"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["dreamy","elegant","futuristic"],"description":"A dark lensing galaxy bends background starlight into tangential arcs that converge into a glowing magenta Einstein ring as alignment drifts","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["space","gravitational-lens","canvas","physics","ambient","generative","arcs"]},{"id":193,"file":"cosmic-space/16-aurora-curtain-flow.html","repoFile":"infinite/cosmic-space/16-aurora-curtain-flow.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Aurora Curtain Flow","loc":166,"kb":7,"role":"background","technique":["canvas","raf"],"style":["cosmic","organic","gradient"],"motion":"ambient","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#3dffa0","bgHex":"#020a08","colors":["#020a08","#3dffa0"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["dreamy","calm","elegant"],"description":"Rippling green and magenta aurora curtains sway and flicker above a dark planetary limb under a faint starfield.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["aurora","canvas","space","ambient","pointer","generative","background"]},{"id":194,"file":"cosmic-space/17-protostar-accretion-disk.html","repoFile":"infinite/cosmic-space/17-protostar-accretion-disk.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Protostar Accretion Disk","loc":175,"kb":6,"role":"background","technique":["canvas","raf"],"style":["cosmic","organic","gradient"],"motion":"generative","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffd27f","bgHex":"#0e0805","colors":["#0e0805","#ffd27f"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["warm","futuristic","energetic"],"description":"Dust grains spiral inward along two arms feeding a glowing protostar with warm-to-cool color, edge-on disk and bipolar jets shooting up and ","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["space","accretion-disk","particles","canvas","protostar","jets","spiral","ambient"]},{"id":195,"file":"cosmic-space/18-tidal-spaghettification.html","repoFile":"infinite/cosmic-space/18-tidal-spaghettification.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Tidal Spaghettification","loc":145,"kb":6,"role":"background","technique":["canvas","raf"],"style":["cosmic","organic","neon"],"motion":"loop","intensity":"moderate","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff6b6b","bgHex":"#0a0510","colors":["#0a0510","#ff6b6b"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["energetic","serious","futuristic"],"description":"A star streams past an unseen gravity well, stretching into a white-hot luminous filament that wraps and flares near perihelion.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","animation-heavy"],"tags":["canvas","space","physics","particles","filament","additive-blend","generative"]},{"id":196,"file":"cosmic-space/19-exoplanet-transit-dip.html","repoFile":"infinite/cosmic-space/19-exoplanet-transit-dip.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Exoplanet Transit Dip","loc":232,"kb":9,"role":"dataviz","technique":["canvas","raf"],"style":["cosmic","minimal","flat"],"motion":"loop","intensity":"calm","interaction":["pointer","click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ffe08a","bgHex":"#0c0a06","colors":["#0c0a06","#ffe08a"]},"deps":["none"],"useCases":["dashboard","background","hero"],"mood":["techy","serious","elegant"],"description":"A planet repeatedly crosses a limb-darkened star while a live light-curve panel below plots the dimming flux dip with a glowing read-head.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","accessible","copy-paste-safe","minimal-deps"],"tags":["space","astronomy","canvas","data-viz","ambient","science","light-curve"]},{"id":197,"file":"cosmic-space/20-cosmic-microwave-static.html","repoFile":"infinite/cosmic-space/20-cosmic-microwave-static.html","themeSlug":"cosmic-space","theme":"Cosmic & Space","title":"Cosmic Microwave Static","loc":165,"kb":7,"role":"background","technique":["canvas","raf"],"style":["cosmic","gradient","monochrome"],"motion":"generative","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9db4ff","bgHex":"#060409","colors":["#060409","#9db4ff"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["calm","dreamy","serious"],"description":"Soft multi-octave noise field of mottled hot-red and cold-blue temperature patches, vignetted like a full-sky CMB map with a pointer dipole.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["cosmic","noise","canvas","space","background","generative","temperature-map"]},{"id":198,"file":"buttons/01-magnetic-button.html","repoFile":"infinite/buttons/01-magnetic-button.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Magnetic Button","loc":134,"kb":6,"role":"button","technique":["raf"],"style":["minimal","gradient","glass"],"motion":"reactive","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#1c2030","#f4f6fb","#7c5cff","#22d3ee","#08090d"]},"deps":["google-fonts"],"useCases":["cta","hero","onboarding"],"mood":["techy","playful","elegant"],"description":"Dark pill button that magnetically drifts toward the cursor with a soft idle orbital float and iris-to-cyan glow on hover.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["button","magnetic","hover","glow","orbital","ui-control","pointer"]},{"id":199,"file":"buttons/02-gooey-liquid-toggle.html","repoFile":"infinite/buttons/02-gooey-liquid-toggle.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Gooey Liquid Toggle","loc":140,"kb":6,"role":"button","technique":["svg","css-only"],"style":["minimal","organic","gradient"],"motion":"physics","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0c12","colors":["#1c2030","#8a91a8","#7c5cff","#0b0c12"]},"deps":["google-fonts"],"useCases":["dashboard","onboarding","cta"],"mood":["playful","techy","elegant"],"description":"Pill toggle where an SVG goo-filtered blob stretches and merges as it slides from off to on, shifting grey to iris.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["toggle","gooey","svg","ui-control","filter","loop","button"]},{"id":200,"file":"buttons/03-morphing-action-fab.html","repoFile":"infinite/buttons/03-morphing-action-fab.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Morphing Action FAB","loc":147,"kb":9,"role":"button","technique":["svg","css-only"],"style":["minimal","geometric","gradient"],"motion":"reactive","intensity":"energetic","interaction":["click","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#22d3ee","#1c2030","#c7ccdb","#7c5cff","#08090d"]},"deps":["google-fonts"],"useCases":["cta","dashboard","onboarding"],"mood":["techy","playful","futuristic"],"description":"Gradient floating action button whose plus rotates to an X while six icon buttons fan out in a radial spring menu.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["fab","radial-menu","spring","morph","button","ui-control","gradient"]},{"id":201,"file":"buttons/04-material-ripple.html","repoFile":"infinite/buttons/04-material-ripple.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Material Ripple","loc":127,"kb":5,"role":"button","technique":["css-only"],"style":["minimal","flat","gradient"],"motion":"reactive","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#1c2030","#f4f6fb","#08090d"]},"deps":["google-fonts"],"useCases":["cta","onboarding","dashboard"],"mood":["techy","calm","elegant"],"description":"Dark rounded button that spawns an expanding iris-cyan radial ink ripple from the tap point, looping from random spots at rest.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["button","ripple","material","ink","click","microinteraction","ui-control"]},{"id":202,"file":"buttons/05-neon-glow-pulse.html","repoFile":"infinite/buttons/05-neon-glow-pulse.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Neon Glow Pulse","loc":109,"kb":5,"role":"button","technique":["css-only"],"style":["minimal","neon","glass"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#070b0d","colors":["#f4f6fb","#22d3ee","#070b0d"]},"deps":["google-fonts"],"useCases":["cta","hero","splash"],"mood":["futuristic","techy","energetic"],"description":"Cyan-outlined neon button on near-black that breathes a bright glow bloom in and out on a slow infinite pulse.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["neon","glow","button","pulse","css-animation","loop","dark-ui"]},{"id":203,"file":"buttons/06-jelly-press.html","repoFile":"infinite/buttons/06-jelly-press.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Jelly Press","loc":115,"kb":4,"role":"button","technique":["css-only"],"style":["minimal","organic","gradient"],"motion":"physics","intensity":"energetic","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#ff5ca8","bgHex":"#0b0c12","colors":["#0b0c12","#7c5cff","#ff5ca8","#22d3ee"]},"deps":["google-fonts"],"useCases":["cta","onboarding","hero"],"mood":["playful","energetic","warm"],"description":"Aurora-gradient button that squashes and stretches with elastic spring jelly bounce on press and idle.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["button","jelly","squish","spring","aurora","gradient","microinteraction"]},{"id":204,"file":"buttons/07-stroke-draw-outline.html","repoFile":"infinite/buttons/07-stroke-draw-outline.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Stroke-Draw Outline","loc":114,"kb":5,"role":"button","technique":["svg","css-only"],"style":["minimal","geometric","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#f4f6fb","#8a91a8","#7c5cff","#08090d"]},"deps":["google-fonts"],"useCases":["cta","onboarding","section-divider"],"mood":["elegant","techy","calm"],"description":"Ghost button whose iris SVG outline self-draws stroke by stroke on hover and on a quiet looping cycle, brightening its label.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["button","stroke","svg","outline","ghost-button","draw","loop"]},{"id":205,"file":"buttons/08-sliding-fill.html","repoFile":"infinite/buttons/08-sliding-fill.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Sliding Fill","loc":109,"kb":4,"role":"button","technique":["css-only"],"style":["minimal","gradient","flat"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#f4f6fb","#7c5cff","#22d3ee","#08090d","#0b0c12"]},"deps":["google-fonts"],"useCases":["cta","hero","onboarding"],"mood":["elegant","techy","calm"],"description":"Outlined button where an iris-to-cyan gradient sweeps across to fill it and flip the text dark, looping in and out.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["button","gradient","fill","hover","slide","ui-control","transition"]},{"id":206,"file":"buttons/09-confetti-burst.html","repoFile":"infinite/buttons/09-confetti-burst.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Confetti Burst","loc":137,"kb":5,"role":"button","technique":["raf"],"style":["minimal","neon","gradient"],"motion":"physics","intensity":"energetic","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#ff5ca8","bgHex":"#0c0810","colors":["#1c2030","#f4f6fb","#ff5ca8","#0c0810"]},"deps":["google-fonts"],"useCases":["cta","onboarding","splash"],"mood":["playful","energetic","techy"],"description":"Magenta-outlined pill button on dark that fires a physics-driven burst of colorful confetti particles on click and idle.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["confetti","burst","particles","button","click","physics","celebration"]},{"id":207,"file":"buttons/10-3d-push-button.html","repoFile":"infinite/buttons/10-3d-push-button.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"3D Push Button","loc":119,"kb":5,"role":"button","technique":["css-only"],"style":["minimal","gradient","neon"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#f4f6fb","#7c5cff","#22d3ee","#08090d","#4a3aa0","#3a2c80"]},"deps":["google-fonts"],"useCases":["cta","onboarding"],"mood":["playful","techy","futuristic"],"description":"Iris-to-cyan gradient button with a layered 3D edge and shadow that depresses and springs back like a tactile key.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["button","3d","press","tactile","microinteraction","gradient","ui-control"]},{"id":208,"file":"buttons/11-thanos-snap-button.html","repoFile":"infinite/buttons/11-thanos-snap-button.html","themeSlug":"buttons","theme":"Buttons & Toggles","title":"Thanos Snap Delete","loc":270,"kb":8,"role":"button","technique":["raf"],"style":["minimal"],"motion":"reactive","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff4757","bgHex":"#111116","colors":["#ff4757","#111116","#ff6b81"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["button","delete","particles","disintegrate","dust","microinteraction","click"]},{"id":209,"file":"cards/01-tilt-parallax.html","repoFile":"infinite/cards/01-tilt-parallax.html","themeSlug":"cards","theme":"Cards","title":"3D Tilt Parallax","loc":157,"kb":7,"role":"card","technique":["raf"],"style":["minimal","gradient","glass"],"motion":"reactive","intensity":"moderate","interaction":["pointer","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#0d0f16","#1c2030","#f4f6fb","#8a91a8","#7c5cff","#22d3ee"]},"deps":["google-fonts"],"useCases":["hero","dashboard","testimonial"],"mood":["techy","elegant","futuristic"],"description":"Dark card that tilts in 3D toward the cursor while badge, orb and text layers float at varying Z-depths with a tracking shine.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["card","tilt","parallax","3d","pointer","shine","depth"]},{"id":210,"file":"cards/02-frosted-glass.html","repoFile":"infinite/cards/02-frosted-glass.html","themeSlug":"cards","theme":"Cards","title":"Frosted Glass","loc":135,"kb":6,"role":"card","technique":["css-only"],"style":["minimal","glass","gradient"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#f4f6fb","#c7ccdb","#7c5cff","#22d3ee","#ff5ca8","#12141d"]},"deps":["google-fonts"],"useCases":["hero","pricing","dashboard"],"mood":["elegant","calm","dreamy"],"description":"Frosted glass panel with backdrop blur floating over slowly drifting iris, cyan and magenta color blobs.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["frosted-glass","backdrop-blur","card","glassmorphism","ambient","blobs","dark-theme"]},{"id":211,"file":"cards/03-flip-card.html","repoFile":"infinite/cards/03-flip-card.html","themeSlug":"cards","theme":"Cards","title":"Flip Card","loc":144,"kb":7,"role":"card","technique":["css-only"],"style":["minimal","gradient"],"motion":"reveal","intensity":"moderate","interaction":["pointer","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#0d0f16","#1c2030","#f4f6fb","#8a91a8","#565d73","#7c5cff"]},"deps":["google-fonts"],"useCases":["testimonial","pricing","onboarding"],"mood":["elegant","playful","techy"],"description":"Card that rotates 180 degrees in 3D on hover to reveal a magenta-gradient back face with detail copy.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["flip","card","3d","hover","reveal","css-transform","ui-component"]},{"id":212,"file":"cards/04-spotlight-hover.html","repoFile":"infinite/cards/04-spotlight-hover.html","themeSlug":"cards","theme":"Cards","title":"Spotlight Hover","loc":137,"kb":6,"role":"card","technique":["raf"],"style":["minimal","geometric","gradient"],"motion":"reactive","intensity":"calm","interaction":["pointer","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#0d0f16","#1c2030","#f4f6fb","#8a91a8","#22d3ee","#7c5cff"]},"deps":["google-fonts"],"useCases":["dashboard","hero","pricing"],"mood":["techy","elegant","calm"],"description":"Dark grid-textured card where an iris radial spotlight glow tracks the cursor and reveals a masked grid beneath it.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["spotlight","hover","card","glow","radial-gradient","grid-mask","cursor-tracking"]},{"id":213,"file":"cards/05-gradient-border-glow.html","repoFile":"infinite/cards/05-gradient-border-glow.html","themeSlug":"cards","theme":"Cards","title":"Gradient-Border Glow","loc":119,"kb":5,"role":"card","technique":["css-only"],"style":["minimal","gradient","neon"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#08090d","#12141d","#f4f6fb","#8a91a8","#7c5cff","#22d3ee"]},"deps":["google-fonts"],"useCases":["pricing","hero","dashboard"],"mood":["futuristic","techy","elegant"],"description":"Dark card framed by a continuously rotating conic iris-cyan-magenta gradient border with a soft blurred aura glow.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["card","gradient","border","glow","conic-gradient","ambient","dark-ui"]},{"id":214,"file":"cards/06-expanding-accordion.html","repoFile":"infinite/cards/06-expanding-accordion.html","themeSlug":"cards","theme":"Cards","title":"Expanding Accordion","loc":132,"kb":6,"role":"card","technique":["css-only"],"style":["minimal","gradient"],"motion":"reveal","intensity":"moderate","interaction":["pointer","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#12141d","#0d0f16","#1c2030","#f4f6fb","#8a91a8","#22d3ee"]},"deps":["google-fonts"],"useCases":["dashboard","pricing","onboarding"],"mood":["elegant","techy","calm"],"description":"Narrow numbered panel that widens on hover and fades in supporting copy beneath its title, accordion-style.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["accordion","card","hover","expand","typography","ui-component","dark-theme"]},{"id":215,"file":"cards/07-reveal-on-hover.html","repoFile":"infinite/cards/07-reveal-on-hover.html","themeSlug":"cards","theme":"Cards","title":"Reveal on Hover","loc":132,"kb":6,"role":"card","technique":["css-only"],"style":["minimal","gradient","glass"],"motion":"reveal","intensity":"calm","interaction":["pointer","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#ff5ca8","bgHex":"#08090d","colors":["#12141d","#f4f6fb","#c7ccdb","#ff5ca8","#7c5cff","#08090d"]},"deps":["google-fonts"],"useCases":["dashboard","testimonial","section-divider","footer"],"mood":["elegant","techy","calm"],"description":"Dark image card whose gradient art dims and zooms as a hidden title-and-copy panel slides up from the bottom on hover.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["card","reveal","hover","slide-up","gradient","ui-component","css-transition"]},{"id":216,"file":"cards/08-holographic-iridescent.html","repoFile":"infinite/cards/08-holographic-iridescent.html","themeSlug":"cards","theme":"Cards","title":"Holographic Iridescent","loc":142,"kb":6,"role":"card","technique":["raf"],"style":["minimal","neon","gradient","glass"],"motion":"reactive","intensity":"moderate","interaction":["pointer","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#7c5cff","#22d3ee","#f4f6fb","#c7ccdb","#101019","#08090d"]},"deps":["google-fonts"],"useCases":["hero","pricing","testimonial","cta"],"mood":["futuristic","techy","luxurious"],"description":"3D-tilting trading card with a rainbow iridescent sheen, conic foil chip and grain that shift with pointer position or drift idly.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["holographic","card","tilt","iridescent","foil","pointer","3d"]},{"id":217,"file":"cards/09-stacked-peeking-cards.html","repoFile":"infinite/cards/09-stacked-peeking-cards.html","themeSlug":"cards","theme":"Cards","title":"Stacked Peeking Cards","loc":141,"kb":7,"role":"card","technique":["css-only"],"style":["minimal","gradient","geometric"],"motion":"reveal","intensity":"moderate","interaction":["pointer","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#0d0f16","#1c2030","#f4f6fb","#8a91a8","#7c5cff","#22d3ee"]},"deps":["google-fonts"],"useCases":["onboarding","dashboard","testimonial","empty-state"],"mood":["playful","elegant","techy"],"description":"Three layered gradient cards that fan out and rotate apart with a springy bounce on hover, then restack.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cards","stack","fan","hover","spring","gradient","ui-component"]},{"id":218,"file":"cards/10-image-zoom-caption-rise.html","repoFile":"infinite/cards/10-image-zoom-caption-rise.html","themeSlug":"cards","theme":"Cards","title":"Image Zoom + Caption Rise","loc":132,"kb":6,"role":"card","technique":["css-only"],"style":["minimal","gradient","glass"],"motion":"reveal","intensity":"calm","interaction":["pointer","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#1a1530","#f4f6fb","#22d3ee","#12141d","#08090d","#0e1622"]},"deps":["google-fonts"],"useCases":["hero","testimonial","section-divider","dashboard"],"mood":["elegant","techy","calm"],"description":"Featured image card where the conic-gradient art zooms in while an eyebrow and title caption rise into view under a dark shade.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["card","hover","zoom","caption","css-transition","ui-component","image-card"]},{"id":219,"file":"cards/11-holographic-foil-card.html","repoFile":"infinite/cards/11-holographic-foil-card.html","themeSlug":"cards","theme":"Cards","title":"Holographic Foil Card","loc":316,"kb":9,"role":"card","technique":["raf"],"style":["minimal"],"motion":"reveal","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff0054","bgHex":"#0a0a0c","colors":["#0a0a0c","#1a1a24","#8892b0"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["holographic","card","3d-tilt","foil","pointer","trading-card","glare"]},{"id":220,"file":"loaders/01-orbital-dots.html","repoFile":"infinite/loaders/01-orbital-dots.html","themeSlug":"loaders","theme":"Loaders","title":"Orbital Dots","loc":117,"kb":6,"role":"loader","technique":["css-only"],"style":["minimal","neon","geometric","cosmic"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#22d3ee","#08090d","#f4f6fb","#7c5cff","#ff5ca8"]},"deps":["google-fonts"],"useCases":["loading","splash","empty-state"],"mood":["techy","futuristic","energetic"],"description":"Three glowing iris, cyan and magenta dots orbit elliptical rings around a pulsing white core on a dark space backdrop.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["loader","spinner","orbital","dots","glow","space","css-animation"]},{"id":221,"file":"loaders/02-morphing-blob.html","repoFile":"infinite/loaders/02-morphing-blob.html","themeSlug":"loaders","theme":"Loaders","title":"Morphing Blob","loc":109,"kb":4,"role":"loader","technique":["css-only"],"style":["minimal","organic","gradient","neon"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#ff5ca8","bgHex":"#08090d","colors":["#22d3ee","#08090d","#181b27","#7c5cff","#ff5ca8"]},"deps":["none"],"useCases":["loading","splash","empty-state"],"mood":["dreamy","futuristic","calm"],"description":"An aurora-gradient blob slowly morphs its rounded shape and rotates with an inset ghost layer, glowing on a dark backdrop.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["blob","loader","morphing","aurora","gradient","ambient","css-animation"]},{"id":222,"file":"loaders/03-liquid-fill.html","repoFile":"infinite/loaders/03-liquid-fill.html","themeSlug":"loaders","theme":"Loaders","title":"Liquid Fill","loc":109,"kb":5,"role":"loader","technique":["css-only"],"style":["minimal","gradient","neon"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#22d3ee","#08090d","#1c2030","#f4f6fb","#7c5cff"]},"deps":["google-fonts"],"useCases":["loading","dashboard","splash"],"mood":["techy","playful","futuristic"],"description":"Circular gauge with an iris-to-cyan liquid that waves and rises behind a centered 68% percentage label.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["loader","progress","liquid","circular","gauge","gradient","css-animation"]},{"id":223,"file":"loaders/04-dna-helix.html","repoFile":"infinite/loaders/04-dna-helix.html","themeSlug":"loaders","theme":"Loaders","title":"DNA Helix","loc":165,"kb":7,"role":"loader","technique":["css-only"],"style":["minimal","neon","geometric","cosmic"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#22d3ee","#08090d","#7c5cff","#ff5ca8","#e8ecf6","#aeb6cc"]},"deps":["none"],"useCases":["loading","splash","empty-state"],"mood":["techy","futuristic","energetic"],"description":"Two columns of glowing dots swing past each other and shift color to trace a rotating DNA double-helix spinner.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["loader","dna","helix","dots","glow","cycling-text","spinner"]},{"id":224,"file":"loaders/05-skeleton-shimmer.html","repoFile":"infinite/loaders/05-skeleton-shimmer.html","themeSlug":"loaders","theme":"Loaders","title":"Skeleton Shimmer","loc":120,"kb":5,"role":"loader","technique":["css-only"],"style":["minimal","flat","gradient"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#08090d","#1c2030","#22d3ee"]},"deps":["none"],"useCases":["loading","empty-state","dashboard"],"mood":["techy","calm","elegant"],"description":"Dark content-placeholder card with avatar circle and text bars, swept by a looping iris-to-cyan shimmer gradient.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["skeleton","shimmer","loader","placeholder","ui-pattern","card","css-animation"]},{"id":225,"file":"loaders/06-particle-orbit.html","repoFile":"infinite/loaders/06-particle-orbit.html","themeSlug":"loaders","theme":"Loaders","title":"Particle Orbit","loc":132,"kb":5,"role":"loader","technique":["canvas","raf"],"style":["minimal","cosmic","neon","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#08090d","#22d3ee"]},"deps":["none"],"useCases":["loading","splash","background"],"mood":["techy","futuristic","dreamy"],"description":"Canvas spinner of 18 glowing iris, cyan and magenta particles orbiting a white core on elliptical trailing paths.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["loader","spinner","particles","orbit","canvas","glow","ellipse"]},{"id":226,"file":"loaders/07-concentric-pulse.html","repoFile":"infinite/loaders/07-concentric-pulse.html","themeSlug":"loaders","theme":"Loaders","title":"Concentric Pulse","loc":103,"kb":4,"role":"loader","technique":["css-only"],"style":["minimal","neon","gradient"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#22d3ee","#08090d","#7c5cff","#ff5ca8"]},"deps":["none"],"useCases":["loading","splash","empty-state"],"mood":["techy","calm","elegant"],"description":"Concentric cyan, iris and magenta rings ripple outward from a beating gradient core on a dark backdrop.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["loader","ripple","concentric","rings","pulse","ambient"]},{"id":227,"file":"loaders/08-equalizer-bars.html","repoFile":"infinite/loaders/08-equalizer-bars.html","themeSlug":"loaders","theme":"Loaders","title":"Equalizer Bars","loc":109,"kb":4,"role":"loader","technique":["css-only"],"style":["minimal","neon","gradient"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#22d3ee","#08090d","#7c5cff"]},"deps":["none"],"useCases":["loading","splash","dashboard"],"mood":["energetic","techy","playful"],"description":"Seven rounded iris-to-cyan gradient bars bounce up and down at staggered offsets like an audio equalizer.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["equalizer","loader","bars","audio","gradient","loop","ui"]},{"id":228,"file":"loaders/09-conic-progress.html","repoFile":"infinite/loaders/09-conic-progress.html","themeSlug":"loaders","theme":"Loaders","title":"Conic Progress","loc":126,"kb":5,"role":"loader","technique":["raf"],"style":["minimal","neon","gradient"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#22d3ee","#08090d","#181b27","#f4f6fb","#8a91a8","#7c5cff"]},"deps":["google-fonts"],"useCases":["loading","onboarding","dashboard"],"mood":["techy","elegant","calm"],"description":"Circular conic-gradient progress ring with a blurred cyan glow filling 0 to 100 percent and a live numeric counter.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["loader","progress","conic-gradient","counter","glow","ring","css"]},{"id":229,"file":"loaders/10-typewriter-loader.html","repoFile":"infinite/loaders/10-typewriter-loader.html","themeSlug":"loaders","theme":"Loaders","title":"Typewriter Loader","loc":135,"kb":6,"role":"loader","technique":["raf"],"style":["minimal","retro","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#22d3ee","#08090d","#12141d","#1c2030","#f4f6fb","#565d73"]},"deps":["google-fonts"],"useCases":["loading","splash","onboarding"],"mood":["techy","retro","playful"],"description":"Terminal-style card with traffic-light dots typing and erasing cyan status messages after a $ prompt with blinking caret.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typewriter","terminal","loader","text-animation","css","monospace","status"]},{"id":230,"file":"loaders/11-fluid-metaballs.html","repoFile":"infinite/loaders/11-fluid-metaballs.html","themeSlug":"loaders","theme":"Loaders","title":"Fluid Metaballs","loc":138,"kb":5,"role":"loader","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#08090d","#22d3ee","#7c5cff","#ff5ca8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["metaballs","fluid","gooey","css-filter","blob","organic","physics"]},{"id":231,"file":"loaders/13-coffee-pot.html","repoFile":"infinite/loaders/13-coffee-pot.html","themeSlug":"loaders","theme":"Loaders","title":"Boiling Coffee Pot","loc":142,"kb":5,"role":"loader","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#ff5ca8","bgHex":"#08090d","colors":["#ff5ca8","#22d3ee","#08090d"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["coffee","pot","steam","drip","fill","svg","narrative","novelty","warm"]},{"id":232,"file":"loaders/14-fruit-orange.html","repoFile":"infinite/loaders/14-fruit-orange.html","themeSlug":"loaders","theme":"Loaders","title":"Fruit Orange","loc":136,"kb":5,"role":"loader","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#f97316","bgHex":"#08090d","colors":["#f97316","#f59e0b","#08090d","#ff781f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["orange","fruit","segments","spinner","radial","pulse","svg","playful","wave"]},{"id":233,"file":"loaders/15-newtons-cradle.html","repoFile":"infinite/loaders/15-newtons-cradle.html","themeSlug":"loaders","theme":"Loaders","title":"Newton's Cradle","loc":145,"kb":5,"role":"loader","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#22d3ee","#08090d","#7c5cff","#ff5ca8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["newtons-cradle","physics","pendulum","swing","momentum","css","science","techy"]},{"id":234,"file":"loaders/17-infinity-loop.html","repoFile":"infinite/loaders/17-infinity-loop.html","themeSlug":"loaders","theme":"Loaders","title":"Infinity Loop","loc":123,"kb":5,"role":"loader","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#ff5ca8","bgHex":"#08090d","colors":["#ff5ca8","#08090d","#22d3ee"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["infinity","loop","lemniscate","figure-eight","stroke","dash-offset","svg","minimal","math","elegant"]},{"id":235,"file":"loaders/18-fruit-watermelon.html","repoFile":"infinite/loaders/18-fruit-watermelon.html","themeSlug":"loaders","theme":"Loaders","title":"Fruit Watermelon","loc":136,"kb":5,"role":"loader","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#ff5ca8","bgHex":"#08090d","colors":["#08090d","#ff5ca8","#f4f6fb","#10b981"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["watermelon","fruit","bounce","seeds","drop","playful","novelty","css","summer","consumer"]},{"id":236,"file":"navigation/01-magnify-dock.html","repoFile":"infinite/navigation/01-magnify-dock.html","themeSlug":"navigation","theme":"Navigation","title":"Magnify Dock","loc":159,"kb":6,"role":"nav","technique":["raf"],"style":["minimal","glass","gradient"],"motion":"reactive","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#7c5cff","bgHex":"#0d0f16","colors":["#7c5cff","#22d3ee","#0d0f16","#4a2fd6","#0e8aa8","#ff5ca8"]},"deps":["google-fonts"],"useCases":["footer","dashboard","onboarding"],"mood":["elegant","techy","playful"],"description":"macOS-style frosted-glass dock of six gradient tiles that magnify and lift under the cursor with an idle auto-sweep.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","copy-paste-safe","minimal-deps","accessible"],"tags":["dock","magnify","navigation","macos","hover","frosted-glass","css-variable"]},{"id":237,"file":"navigation/02-hamburger-morph.html","repoFile":"infinite/navigation/02-hamburger-morph.html","themeSlug":"navigation","theme":"Navigation","title":"Hamburger Morph","loc":131,"kb":5,"role":"nav","technique":["css-only"],"style":["minimal","flat","neon"],"motion":"reactive","intensity":"calm","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0d0f16","colors":["#1c2030","#f4f6fb","#7c5cff","#0d0f16"]},"deps":["none"],"useCases":["onboarding","dashboard","footer"],"mood":["techy","elegant","calm"],"description":"Rounded dark hamburger button whose three lines spring-morph into a glowing iris X when toggled.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["hamburger","navigation","toggle","morph","menu","microinteraction","ui-control"]},{"id":238,"file":"navigation/03-gooey-tab-bar.html","repoFile":"infinite/navigation/03-gooey-tab-bar.html","themeSlug":"navigation","theme":"Navigation","title":"Gooey Tab Bar","loc":148,"kb":6,"role":"nav","technique":["svg","raf"],"style":["minimal","gradient","glass"],"motion":"loop","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0d0f16","colors":["#1c2030","#8a91a8","#7c5cff","#0d0f16"]},"deps":["google-fonts"],"useCases":["dashboard","onboarding","footer"],"mood":["techy","playful","futuristic"],"description":"Pill-shaped tab bar where an iris blob slides between Home/Library/Cloud tabs with an SVG gooey-merge filter on a dark surface.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["navigation","tab-bar","gooey","svg-filter","pill","ui-control","spring"]},{"id":239,"file":"navigation/04-radial-fan-menu.html","repoFile":"infinite/navigation/04-radial-fan-menu.html","themeSlug":"navigation","theme":"Navigation","title":"Radial Fan Menu","loc":151,"kb":6,"role":"nav","technique":["css-only"],"style":["minimal","geometric","neon"],"motion":"loop","intensity":"energetic","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#0d0f16","colors":["#12141d","#1c2030","#f4f6fb","#7c5cff","#22d3ee","#0d0f16"]},"deps":["none"],"useCases":["dashboard","cta","onboarding"],"mood":["playful","techy","futuristic"],"description":"A circular core button rotates to an X and fans five glowing cyan icon petals outward in a spring arc, auto-opening and closing.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["navigation","radial","menu","spring","fan","ui-control","dark-ui"]},{"id":240,"file":"navigation/05-slide-in-drawer.html","repoFile":"infinite/navigation/05-slide-in-drawer.html","themeSlug":"navigation","theme":"Navigation","title":"Slide-in Drawer","loc":166,"kb":7,"role":"nav","technique":["css-only"],"style":["minimal","glass","flat"],"motion":"loop","intensity":"moderate","interaction":["click","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0d0f16","colors":["#12141d","#1c2030","#c7ccdb","#8a91a8","#0d0f16"]},"deps":["google-fonts"],"useCases":["dashboard","onboarding","empty-state"],"mood":["techy","elegant","serious"],"description":"A hamburger morphs to an X while a side panel slides in over a scrim, revealing staggered nav items inside a dark card.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["drawer","navigation","hamburger","slide","stagger","ui-pattern","dark-theme"]},{"id":241,"file":"navigation/06-underline-follow.html","repoFile":"infinite/navigation/06-underline-follow.html","themeSlug":"navigation","theme":"Navigation","title":"Underline Follow","loc":142,"kb":5,"role":"nav","technique":["raf"],"style":["minimal","gradient","neon"],"motion":"reactive","intensity":"calm","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#0d0f16","colors":["#f4f6fb","#8a91a8","#7c5cff","#22d3ee","#0d0f16"]},"deps":["google-fonts"],"useCases":["hero","footer","section-divider"],"mood":["elegant","techy","calm"],"description":"A glowing iris-to-cyan gradient underline glides and resizes to follow hovered nav links, wandering idly when unhovered.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["navigation","underline","hover","gradient","indicator","ui-control","idle-wander"]},{"id":242,"file":"navigation/07-sliding-pill.html","repoFile":"infinite/navigation/07-sliding-pill.html","themeSlug":"navigation","theme":"Navigation","title":"Sliding Pill","loc":137,"kb":5,"role":"nav","technique":["raf"],"style":["minimal","glass","neon"],"motion":"loop","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0d0f16","colors":["#1c2030","#f4f6fb","#8a91a8","#0d0f16"]},"deps":["google-fonts"],"useCases":["dashboard","section-divider","onboarding"],"mood":["techy","elegant","futuristic"],"description":"A segmented Day/Week/Month toggle where a glowing translucent pill springs between options on a dark rounded bar.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["navigation","pill","toggle","segmented-control","spring","glow","dark-ui"]},{"id":243,"file":"navigation/08-breadcrumb-trail.html","repoFile":"infinite/navigation/08-breadcrumb-trail.html","themeSlug":"navigation","theme":"Navigation","title":"Breadcrumb Trail","loc":152,"kb":6,"role":"nav","technique":["svg","css-only"],"style":["minimal","flat","monochrome"],"motion":"loop","intensity":"calm","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#0d0f16","colors":["#f4f6fb","#8a91a8","#565d73","#22d3ee","#0d0f16"]},"deps":["google-fonts"],"useCases":["dashboard","section-divider","onboarding"],"mood":["techy","calm","serious"],"description":"A breadcrumb path where chevron separators draw themselves in with a stroke animation and the active cyan crumb advances down the trail.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["breadcrumb","navigation","svg","stroke-animation","ui-control","loop","dark-mode"]},{"id":244,"file":"navigation/09-morphing-bottom-nav.html","repoFile":"infinite/navigation/09-morphing-bottom-nav.html","themeSlug":"navigation","theme":"Navigation","title":"Morphing Bottom Nav","loc":138,"kb":6,"role":"nav","technique":["svg","raf"],"style":["minimal","gradient","neon"],"motion":"loop","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#0d0f16","colors":["#1c2030","#8a91a8","#7c5cff","#22d3ee","#0d0f16"]},"deps":["none"],"useCases":["dashboard","footer","onboarding"],"mood":["techy","playful","futuristic"],"description":"A floating mobile bottom bar of line icons with a glowing iris-cyan gradient blob that springs beneath the active icon.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["navigation","bottom-nav","mobile","spring","blob","gradient","ui-control"]},{"id":245,"file":"navigation/10-command-palette.html","repoFile":"infinite/navigation/10-command-palette.html","themeSlug":"navigation","theme":"Navigation","title":"Command Palette","loc":239,"kb":10,"role":"nav","technique":["css-only"],"style":["minimal","glass","flat"],"motion":"loop","intensity":"moderate","interaction":["click","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0d0f16","colors":["#12141d","#1c2030","#f4f6fb","#c7ccdb","#8a91a8","#565d73"]},"deps":["google-fonts"],"useCases":["dashboard","onboarding","cta"],"mood":["techy","elegant","futuristic"],"description":"A Cmd+K command palette that opens over a blurred overlay, auto-types search queries, filters command rows, and highlights selections.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["command-palette","search","navigation","ui-control","modal","filter","keyboard"]},{"id":246,"file":"backgrounds/01-aurora-borealis.html","repoFile":"infinite/backgrounds/01-aurora-borealis.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Aurora Borealis","loc":122,"kb":5,"role":"background","technique":["css-only"],"style":["gradient","cosmic","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#08090d","#7c5cff","#22d3ee","#ff5ca8","#8a91a8"]},"deps":["google-fonts"],"useCases":["hero","background","splash"],"mood":["dreamy","elegant","futuristic"],"description":"Blurred iris-cyan-magenta light ribbons drift and skew over near-black, screen-blended like northern lights with a dark veil.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","easy-to-modify","mobile-ready"],"tags":["aurora","background","gradient","ambient","dark","glow","atmospheric"]},{"id":247,"file":"backgrounds/02-mesh-gradient.html","repoFile":"infinite/backgrounds/02-mesh-gradient.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Mesh Gradient","loc":122,"kb":5,"role":"background","technique":["css-only"],"style":["gradient","organic","minimal"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#08090d","#7c5cff","#22d3ee","#ff5ca8","#8a91a8"]},"deps":["google-fonts"],"useCases":["hero","background","splash"],"mood":["dreamy","elegant","calm"],"description":"Four heavily blurred iris-cyan-magenta radial blobs slowly float and scale, blending into a soft animated mesh gradient on dark.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["mesh-gradient","background","blobs","ambient","dark","generative","loop"]},{"id":248,"file":"backgrounds/03-particle-constellation.html","repoFile":"infinite/backgrounds/03-particle-constellation.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Particle Constellation","loc":158,"kb":6,"role":"background","technique":["canvas","raf"],"style":["gradient","minimal","geometric","cosmic"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#08090d","#8a91a8"]},"deps":["google-fonts"],"useCases":["hero","background","dashboard"],"mood":["techy","calm","futuristic"],"description":"Canvas particles in iris-cyan-magenta drift and connect with fading lines when near, forming a shifting constellation network on dark.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready","easy-to-modify"],"tags":["particles","constellation","canvas","network","background","ambient","generative"]},{"id":249,"file":"backgrounds/04-film-grain.html","repoFile":"infinite/backgrounds/04-film-grain.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Film Grain","loc":137,"kb":6,"role":"background","technique":["svg","css-only"],"style":["gradient","retro","monochrome","glitch"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5ca8","bgHex":"#08090d","colors":["#08090d","#12141d","#ff5ca8","#8a91a8"]},"deps":["google-fonts"],"useCases":["background","hero","splash"],"mood":["retro","serious","techy"],"description":"Animated SVG noise grain jitters over dim radial tints with scrolling scanlines and a blinking magenta REC dot for analog film vibe.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","easy-to-modify"],"tags":["film-grain","noise","scanlines","background","analog","retro","svg-filter"]},{"id":250,"file":"backgrounds/05-floating-orbs.html","repoFile":"infinite/backgrounds/05-floating-orbs.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Floating Orbs","loc":125,"kb":5,"role":"background","technique":["css-only"],"style":["gradient","minimal","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#ff5ca8","bgHex":"#08090d","colors":["#08090d","#7c5cff","#22d3ee","#ff5ca8","#8a91a8"]},"deps":["google-fonts"],"useCases":["hero","background","splash"],"mood":["calm","dreamy","elegant"],"description":"Soft glowing iris-cyan-magenta orbs with highlight and blur bloom gently float at varied sizes across a dark vignetted field.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["orbs","glow","background","ambient","blur","radial-gradient","loop"]},{"id":251,"file":"backgrounds/06-digital-rain.html","repoFile":"infinite/backgrounds/06-digital-rain.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Digital Rain","loc":156,"kb":6,"role":"background","technique":["canvas","raf"],"style":["gradient","retro","monochrome","neon"],"motion":"generative","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#08090d","#8a91a8"]},"deps":["google-fonts"],"useCases":["background","hero","loading"],"mood":["techy","futuristic","retro"],"description":"Cyan Matrix-style columns of katakana and hex glyphs fall and trail down a dark canvas with occasional bright white leading characters.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","animation-heavy"],"tags":["matrix","digital-rain","canvas","katakana","background","generative","dark"]},{"id":252,"file":"backgrounds/07-layered-waves.html","repoFile":"infinite/backgrounds/07-layered-waves.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Layered Waves","loc":121,"kb":5,"role":"background","technique":["svg","css-only"],"style":["gradient","minimal","flat"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#08090d","#12141d","#8a91a8","#11192b","#0c1422"]},"deps":["google-fonts"],"useCases":["footer","background","section-divider"],"mood":["calm","elegant","serious"],"description":"Three parallax SVG wave layers in iris, cyan, and dark slide horizontally at different speeds over a deep blue-gradient sky.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["waves","parallax","background","svg","loop","dark-theme","ambient"]},{"id":253,"file":"backgrounds/08-starfield-warp.html","repoFile":"infinite/backgrounds/08-starfield-warp.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Starfield Warp","loc":161,"kb":6,"role":"background","technique":["canvas","raf"],"style":["gradient","cosmic","minimal","neon"],"motion":"generative","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#08090d","colors":["#08090d","#8a91a8"]},"deps":["google-fonts"],"useCases":["hero","loading","splash"],"mood":["futuristic","energetic","techy"],"description":"Canvas stars streak outward from center as tinted accelerating light trails, simulating a hyperspace warp through space on black.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["stars","warp","hyperspace","background","canvas","streaks","space","ambient"]},{"id":254,"file":"backgrounds/09-morphing-blob.html","repoFile":"infinite/backgrounds/09-morphing-blob.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Morphing Blob","loc":120,"kb":5,"role":"background","technique":["css-only"],"style":["gradient","organic","neon"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#08090d","#7c5cff","#22d3ee","#ff5ca8","#8a91a8"]},"deps":["google-fonts"],"useCases":["hero","background","splash"],"mood":["dreamy","elegant","futuristic"],"description":"Iris-magenta-cyan conic-gradient blob slowly morphs its border-radius and spins behind a soft pulsing halo on near-black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["blob","background","conic-gradient","morphing","ambient","glow","halo"]},{"id":255,"file":"backgrounds/10-cursor-trail.html","repoFile":"infinite/backgrounds/10-cursor-trail.html","themeSlug":"backgrounds","theme":"Backgrounds","title":"Cursor Trail","loc":199,"kb":7,"role":"background","technique":["canvas","raf"],"style":["gradient","neon","minimal","organic"],"motion":"reactive","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#08090d","colors":["#08090d","#8a91a8","#565d73"]},"deps":["google-fonts"],"useCases":["hero","background","splash"],"mood":["playful","futuristic","dreamy"],"description":"Additive glowing particles in iris, cyan and pink trail the pointer on dark canvas, drifting on their own when idle.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["cursor","trail","particles","canvas","additive","glow","background"]},{"id":256,"file":"audio-visualizers/01-spectrum-bars.html","repoFile":"infinite/audio-visualizers/01-spectrum-bars.html","themeSlug":"audio-visualizers","theme":"Audio Visualizers","title":"Spectrum Bars","loc":184,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["neon","minimal","gradient"],"motion":"generative","intensity":"energetic","interaction":["click","audio"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#07080d","colors":["#22d3ee","#07080d","#f87171"]},"deps":["none"],"useCases":["hero","dashboard","background"],"mood":["techy","energetic","futuristic"],"description":"Mirrored blue-cyan frequency bars with gravity peak-hold caps react to synth or live mic input on dark backdrop.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["audio","spectrum","bars","canvas","mirrored","peak-hold","microphone"]},{"id":257,"file":"audio-visualizers/02-radial-spectrum.html","repoFile":"infinite/audio-visualizers/02-radial-spectrum.html","themeSlug":"audio-visualizers","theme":"Audio Visualizers","title":"Radial Spectrum","loc":190,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["neon","cosmic","minimal"],"motion":"generative","intensity":"energetic","interaction":["click","audio"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#07080d","colors":["#22d3ee","#07080d"]},"deps":["none"],"useCases":["hero","dashboard","splash"],"mood":["techy","futuristic","energetic"],"description":"Cyan radial bars radiate from a pulsing bass-driven core around a slowly rotating ring, driven by synth or live mic.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["audio","radial","spectrum","canvas","microphone","bars","visualizer"]},{"id":258,"file":"audio-visualizers/03-oscilloscope.html","repoFile":"infinite/audio-visualizers/03-oscilloscope.html","themeSlug":"audio-visualizers","theme":"Audio Visualizers","title":"Oscilloscope","loc":216,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["neon","retro","monochrome"],"motion":"generative","intensity":"moderate","interaction":["click","audio"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#07080d","colors":["#22d3ee","#07080d"]},"deps":["none"],"useCases":["hero","dashboard","background"],"mood":["techy","retro","futuristic"],"description":"Cyan phosphor-glow waveform traces across a faint scope grid with a ghosting persistence trail on dark background.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["oscilloscope","audio","waveform","canvas","phosphor","glow","synthesized"]},{"id":259,"file":"audio-visualizers/04-vu-meter.html","repoFile":"infinite/audio-visualizers/04-vu-meter.html","themeSlug":"audio-visualizers","theme":"Audio Visualizers","title":"VU Meter","loc":184,"kb":9,"role":"dataviz","technique":["canvas","raf"],"style":["neon","retro","minimal","flat"],"motion":"reactive","intensity":"moderate","interaction":["click","audio"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#07080d","colors":["#22d3ee","#07080d"]},"deps":["none"],"useCases":["dashboard","hero","footer"],"mood":["retro","techy","warm"],"description":"Cream analog VU meter face with a spring-eased needle, red peak zone and a peak-hold pip, fed by synth or live mic.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vu-meter","audio","canvas","analog","needle","microphone","spring-physics"]},{"id":260,"file":"audio-visualizers/05-lissajous-scope.html","repoFile":"infinite/audio-visualizers/05-lissajous-scope.html","themeSlug":"audio-visualizers","theme":"Audio Visualizers","title":"Lissajous Scope","loc":178,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["neon","op-art","monochrome"],"motion":"generative","intensity":"moderate","interaction":["click","audio"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#07080d","colors":["#22d3ee","#07080d"]},"deps":["none"],"useCases":["hero","splash","background"],"mood":["techy","dreamy","futuristic"],"description":"Cyan Lissajous beam loops drift and rotate with a glowing beam head and phosphor trail over a circular scope grid.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["lissajous","oscilloscope","canvas","audio","generative","ambient","phosphor"]},{"id":261,"file":"audio-visualizers/06-waveform-river.html","repoFile":"infinite/audio-visualizers/06-waveform-river.html","themeSlug":"audio-visualizers","theme":"Audio Visualizers","title":"Waveform River","loc":174,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["neon","minimal","gradient"],"motion":"generative","intensity":"moderate","interaction":["click","audio"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#07080d","colors":["#07080d","#22d3ee"]},"deps":["none"],"useCases":["hero","dashboard","background"],"mood":["techy","calm","futuristic"],"description":"Mirrored cyan waveform ribbon scrolls right-to-left with a glowing leading head where new audio enters, on dark.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["waveform","audio","canvas","ring-buffer","ambient","microphone","scrolling"]},{"id":262,"file":"audio-visualizers/07-beat-bloom.html","repoFile":"infinite/audio-visualizers/07-beat-bloom.html","themeSlug":"audio-visualizers","theme":"Audio Visualizers","title":"Beat Bloom","loc":198,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["neon","minimal","monochrome"],"motion":"reactive","intensity":"energetic","interaction":["click","audio"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#07080d","colors":["#22d3ee","#07080d"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["techy","energetic","futuristic"],"description":"Cyan concentric rings and radial particles bloom outward on bass beats from a breathing center dot, synth-driven with optional live mic.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["audio-visualizer","canvas","rings","particles","beat-detection","ambient","microphone"]},{"id":263,"file":"audio-visualizers/08-circular-wave.html","repoFile":"infinite/audio-visualizers/08-circular-wave.html","themeSlug":"audio-visualizers","theme":"Audio Visualizers","title":"Circular Wave","loc":184,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["neon","minimal","monochrome"],"motion":"reactive","intensity":"moderate","interaction":["click","audio"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#07080d","colors":["#22d3ee","#07080d"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["techy","futuristic","elegant"],"description":"A glowing cyan ring rippling with an audio waveform, a bright tracer riding the loudest crest and a pulsing center, synth or live mic.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["audio","circular","waveform","canvas","glow","microphone","ambient"]},{"id":264,"file":"svg-animations/01-stroke-draw.html","repoFile":"infinite/svg-animations/01-stroke-draw.html","themeSlug":"svg-animations","theme":"SVG Animations","title":"Stroke Draw-On","loc":175,"kb":7,"role":"decoration","technique":["svg","raf"],"style":["geometric","minimal","cosmic"],"motion":"reveal","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#7c5cff","#0b0d12","#cdbcff"]},"deps":["none"],"useCases":["hero","section-divider","onboarding"],"mood":["elegant","calm","techy"],"description":"A violet constellation drawn by a single continuous self-animating line, with anchor nodes blooming in then fading and redrawing in a loop.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["svg","stroke","draw-on","constellation","loop","path-animation","ambient"]},{"id":265,"file":"svg-animations/02-blob-morph.html","repoFile":"infinite/svg-animations/02-blob-morph.html","themeSlug":"svg-animations","theme":"SVG Animations","title":"Blob Morph","loc":140,"kb":6,"role":"decoration","technique":["svg","raf"],"style":["geometric","organic","gradient","minimal"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff"]},"deps":["none"],"useCases":["hero","background","section-divider"],"mood":["calm","dreamy","elegant"],"description":"A glowing purple gradient blob slowly morphing between smooth organic shapes while gently rotating, with a soft radial halo.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["blob","morph","svg","generative","ambient","gradient","organic"]},{"id":266,"file":"svg-animations/03-gooey-merge.html","repoFile":"infinite/svg-animations/03-gooey-merge.html","themeSlug":"svg-animations","theme":"SVG Animations","title":"Gooey Merge","loc":140,"kb":6,"role":"background","technique":["svg","raf"],"style":["geometric","organic","gradient"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#7c5cff","#0b0d12","#cdbcff"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["dreamy","calm","playful"],"description":"Purple liquid metaballs orbiting a shared center, merging and splitting with a gooey surface-tension filter as the cluster breathes.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["svg","metaball","gooey","filter","orbit","liquid","ambient"]},{"id":267,"file":"svg-animations/04-turbulent-banner.html","repoFile":"infinite/svg-animations/04-turbulent-banner.html","themeSlug":"svg-animations","theme":"SVG Animations","title":"Turbulent Banner","loc":124,"kb":6,"role":"text-effect","technique":["svg","raf"],"style":["geometric","gradient","glitch","minimal"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff"]},"deps":["none"],"useCases":["hero","section-divider","splash"],"mood":["dreamy","elegant","techy"],"description":"The word TURBULENT in serif gradient ink rippling under animated fractal-noise heat-haze displacement, with a dark vignette.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","accessible","copy-paste-safe","minimal-deps"],"tags":["svg","typography","displacement","fractal-noise","filter","heat-haze","banner"]},{"id":268,"file":"svg-animations/05-icon-morph.html","repoFile":"infinite/svg-animations/05-icon-morph.html","themeSlug":"svg-animations","theme":"SVG Animations","title":"Icon Morph","loc":153,"kb":7,"role":"feedback","technique":["svg","raf"],"style":["geometric","minimal","gradient"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff"]},"deps":["none"],"useCases":["loading","onboarding","hero"],"mood":["techy","playful","elegant"],"description":"A purple gradient media icon smoothly morphing between play, pause and stop shapes while slowly rotating inside a glowing ring.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["svg","morph","icon","media-player","path-animation","loop","catmull-rom"]},{"id":269,"file":"svg-animations/06-dash-flow.html","repoFile":"infinite/svg-animations/06-dash-flow.html","themeSlug":"svg-animations","theme":"SVG Animations","title":"Dash Flow","loc":194,"kb":8,"role":"background","technique":["svg","raf"],"style":["geometric","neon","minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#1b2336","#2a3654","#b9a9ff"]},"deps":["none"],"useCases":["background","dashboard","hero"],"mood":["techy","futuristic","serious"],"description":"A routed circuit board of orthogonal traces with violet light pulses flowing left-to-right like current and junction pads sparking.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["circuit","svg","dash","pulse","flow","generative","dark-mode"]},{"id":270,"file":"svg-animations/07-gradient-sweep.html","repoFile":"infinite/svg-animations/07-gradient-sweep.html","themeSlug":"svg-animations","theme":"SVG Animations","title":"Gradient Sweep","loc":161,"kb":8,"role":"loader","technique":["svg","smil","raf"],"style":["geometric","neon","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#2a3050","#cdbcff","#7c5cff"]},"deps":["none"],"useCases":["loading","hero","splash","background"],"mood":["techy","futuristic","elegant"],"description":"A faceted hex-prism wireframe on near-black, raked by a rotating spectral gradient band whose hue drifts as it sweeps the line-art.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["svg","wireframe","gradient","spectral","geometric","ambient","glow"]},{"id":271,"file":"svg-animations/08-orbit-spinner.html","repoFile":"infinite/svg-animations/08-orbit-spinner.html","themeSlug":"svg-animations","theme":"SVG Animations","title":"Orbit Spinner","loc":147,"kb":7,"role":"loader","technique":["svg","smil"],"style":["geometric","neon","minimal","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff"]},"deps":["none"],"useCases":["loading","splash","empty-state","dashboard"],"mood":["techy","elegant","futuristic"],"description":"Three nested counter-rotating violet gradient arcs with a pulsing core and a bright racing dash, forming a glowing orbital loader.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["loader","spinner","orbit","svg","glow","gradient","counter-rotate"]},{"id":272,"file":"cursor-pointer/01-magnetic-dot.html","repoFile":"infinite/cursor-pointer/01-magnetic-dot.html","themeSlug":"cursor-pointer","theme":"Cursor & Pointer","title":"Magnetic Dot","loc":167,"kb":6,"role":"cursor","technique":["canvas","raf"],"style":["minimal","neon"],"motion":"physics","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5ca8","bgHex":"#0a0a0f","colors":["#0a0a0f","#ff5ca8"]},"deps":["none"],"useCases":["hero","background","onboarding"],"mood":["techy","playful","futuristic"],"description":"A glowing pink dot springs to the pointer while a laggy outer ring squashes along its travel, joined by a fading tendril.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cursor","spring","follower","glow","squash-stretch","canvas","lissajous"]},{"id":273,"file":"cursor-pointer/02-gooey-trail.html","repoFile":"infinite/cursor-pointer/02-gooey-trail.html","themeSlug":"cursor-pointer","theme":"Cursor & Pointer","title":"Gooey Trail","loc":161,"kb":6,"role":"cursor","technique":["canvas","svg","raf"],"style":["minimal","organic","neon"],"motion":"physics","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5ca8","bgHex":"#0a0a0f","colors":["#0a0a0f","#ff5ca8"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["playful","techy","dreamy"],"description":"A chain of pink blobs follows the pointer and merges into liquid metaball goo via an SVG gooey filter, with a bright cursor head.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["gooey","trail","pointer","canvas","svg-filter","metaball","cursor"]},{"id":274,"file":"cursor-pointer/03-spotlight-mask.html","repoFile":"infinite/cursor-pointer/03-spotlight-mask.html","themeSlug":"cursor-pointer","theme":"Cursor & Pointer","title":"Spotlight Mask","loc":197,"kb":7,"role":"cursor","technique":["canvas","raf"],"style":["minimal","neon","monochrome"],"motion":"reactive","intensity":"calm","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5ca8","bgHex":"#0a0a0f","colors":["#0a0a0f","#ff5ca8"]},"deps":["none"],"useCases":["hero","onboarding","background","splash"],"mood":["techy","elegant","futuristic"],"description":"A soft radial spotlight follows the pointer, punching through a dark veil to reveal a hidden pink dot grid and the word REVEAL.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["spotlight","mask","reveal","canvas","pointer","veil","dark-ui"]},{"id":275,"file":"cursor-pointer/04-elastic-ring.html","repoFile":"infinite/cursor-pointer/04-elastic-ring.html","themeSlug":"cursor-pointer","theme":"Cursor & Pointer","title":"Elastic Ring","loc":174,"kb":6,"role":"cursor","technique":["canvas","raf"],"style":["minimal","neon"],"motion":"physics","intensity":"energetic","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5ca8","bgHex":"#0a0a0f","colors":["#0a0a0f","#ff5ca8"]},"deps":["none"],"useCases":["hero","background","onboarding"],"mood":["techy","playful","futuristic"],"description":"A glowing pink ring trails the pointer with damped-spring momentum, stretching and squashing along its velocity with an echo and dotted reti","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cursor","spring","elastic","ring","canvas","glow","lissajous"]},{"id":276,"file":"cursor-pointer/05-trail-comet.html","repoFile":"infinite/cursor-pointer/05-trail-comet.html","themeSlug":"cursor-pointer","theme":"Cursor & Pointer","title":"Trail Comet","loc":160,"kb":6,"role":"cursor","technique":["canvas","raf"],"style":["minimal","neon","cosmic"],"motion":"physics","intensity":"energetic","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5ca8","bgHex":"#0a0a0f","colors":["#0a0a0f","#ff5ca8"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["techy","energetic","futuristic"],"description":"A hot-cored pink comet springs after the pointer, dragging an additive tapering tail and flinging sparks, lengthening with speed.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["comet","trail","spring","canvas","pointer","additive-blend","particles"]},{"id":277,"file":"cursor-pointer/06-ripple-field.html","repoFile":"infinite/cursor-pointer/06-ripple-field.html","themeSlug":"cursor-pointer","theme":"Cursor & Pointer","title":"Ripple Field","loc":184,"kb":7,"role":"cursor","technique":["canvas","raf"],"style":["minimal","geometric","neon"],"motion":"reactive","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff5ca8","bgHex":"#0a0a0f","colors":["#0a0a0f","#ff5ca8"]},"deps":["none"],"useCases":["hero","background","onboarding","splash"],"mood":["techy","calm","futuristic"],"description":"A grid of dots ripples outward in expanding rings as the pointer moves, dots brightening pink and displacing along each wavefront.","aiEnriched":true,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["dots","grid","ripple","canvas","pointer","wave","generative","ambient"]},{"id":278,"file":"text-effects/01-scramble-decode.html","repoFile":"infinite/text-effects/01-scramble-decode.html","themeSlug":"text-effects","theme":"Text Effects","title":"Scramble Decode","loc":160,"kb":7,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","monochrome","glitch"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f5d76e","bgHex":"#0a0b10","colors":["#0a0b10","#f5d76e"]},"deps":["none"],"useCases":["hero","loading","splash"],"mood":["techy","futuristic","serious"],"description":"Monospace gold word resolves out of scrambling random glyphs left-to-right with a tracking caret, then re-scrambles away on a loop.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","scramble","decode","monospace","glitch","canvas","loop"]},{"id":279,"file":"text-effects/02-stagger-rise.html","repoFile":"infinite/text-effects/02-stagger-rise.html","themeSlug":"text-effects","theme":"Text Effects","title":"Stagger Rise","loc":113,"kb":5,"role":"text-effect","technique":["css-only"],"style":["minimal","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f5d76e","bgHex":"#0a0b10","colors":["#f5d76e","#0a0b10"]},"deps":["google-fonts"],"useCases":["hero","splash","section-divider"],"mood":["elegant","calm","luxurious"],"description":"Serif gold headline whose letters rise into view one by one from a clipped baseline, hold, then exit upward in a graceful staggered loop.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","stagger","text-animation","loop","serif","reveal","clip"]},{"id":280,"file":"text-effects/03-gradient-wipe.html","repoFile":"infinite/text-effects/03-gradient-wipe.html","themeSlug":"text-effects","theme":"Text Effects","title":"Gradient Wipe","loc":123,"kb":5,"role":"text-effect","technique":["css-only"],"style":["minimal","gradient","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f5d76e","bgHex":"#0a0b10","colors":["#2c2f3d","#f5d76e","#0a0b10","#4a4e60","#13141d","#fff6d6"]},"deps":["google-fonts"],"useCases":["hero","splash","cta"],"mood":["elegant","luxurious","techy"],"description":"Bold sans headline rendered as dim steel with a bright gold metallic sheen band that sweeps across the glyphs, blooming as it crosses center","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","gradient","metallic","text-animation","background-clip","loop","sheen"]},{"id":281,"file":"text-effects/04-weight-wave.html","repoFile":"infinite/text-effects/04-weight-wave.html","themeSlug":"text-effects","theme":"Text Effects","title":"Weight Wave","loc":130,"kb":6,"role":"text-effect","technique":["raf"],"style":["minimal","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f5d76e","bgHex":"#0a0b10","colors":["#f5d76e","#0a0b10","#eef0f6"]},"deps":["google-fonts"],"useCases":["hero","splash","section-divider"],"mood":["elegant","techy","calm"],"description":"The word WEIGHT animates a travelling bell-curve wave of variable font weight, heavy letters lifting and warming to a gold glow as the crest","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","variable-font","wave","text-animation","glow","loop"]},{"id":282,"file":"text-effects/05-block-reveal.html","repoFile":"infinite/text-effects/05-block-reveal.html","themeSlug":"text-effects","theme":"Text Effects","title":"Block Reveal","loc":109,"kb":5,"role":"text-effect","technique":["css-only"],"style":["minimal","swiss","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f5d76e","bgHex":"#0a0b10","colors":["#f5d76e","#0a0b10"]},"deps":["google-fonts"],"useCases":["hero","section-divider","splash"],"mood":["elegant","serious","techy"],"description":"Stacked uppercase gold words uncovered by a solid gold block that sweeps in from the left, pauses, and retracts off the right with an underl","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","text-reveal","clip-path","block-wipe","loop","kinetic-type"]},{"id":283,"file":"text-effects/06-glitch-split.html","repoFile":"infinite/text-effects/06-glitch-split.html","themeSlug":"text-effects","theme":"Text Effects","title":"Glitch Split","loc":182,"kb":6,"role":"text-effect","technique":["canvas","raf"],"style":["minimal","glitch","neon","monochrome"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f5d76e","bgHex":"#0a0b10","colors":["#0a0b10","#f5d76e"]},"deps":["none"],"useCases":["hero","404","splash"],"mood":["techy","energetic","futuristic"],"description":"Bold word GLITCH with red/cyan RGB channel-split, idle shimmer and periodic bursts of horizontal slice displacement and scanline glints on b","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["glitch","rgb-split","text","canvas","chromatic-aberration","scanlines","loop"]},{"id":284,"file":"bauhaus/01-grid-construction.html","repoFile":"infinite/bauhaus/01-grid-construction.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Grid Construction","loc":232,"kb":9,"role":"background","technique":["canvas","raf"],"style":["bauhaus","geometric","constructivist"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["playful","serious","retro"],"description":"Primary-colored squares, circles, quarter-discs and triangles scatter then snap into a balanced modular 4x4 grid composition and recompose o","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","grid","geometric","canvas","loop","modular","composition"]},{"id":285,"file":"bauhaus/02-kandinsky-orbit.html","repoFile":"infinite/bauhaus/02-kandinsky-orbit.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Orbiting Arcs","loc":173,"kb":7,"role":"background","technique":["svg","css-only"],"style":["bauhaus","geometric","constructivist"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["playful","retro","elegant"],"description":"Concentric red, blue and yellow arcs, scattered dots, a tilted bar and a breathing core counter-rotate in abstract-style orbit on a dark fie","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","geometric","orbit","concentric","svg","abstract-geometry","rotation","primary-colors"]},{"id":286,"file":"bauhaus/03-form-trio.html","repoFile":"infinite/bauhaus/03-form-trio.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Form Trio","loc":182,"kb":8,"role":"decoration","technique":["svg","css-only"],"style":["bauhaus","geometric","constructivist"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012","#e63329","#1f57c3","#f4c01e","#0d0d0f","#e9e6df"]},"deps":["none"],"useCases":["hero","background","section-divider","logo-mark"],"mood":["playful","elegant","techy"],"description":"Red circle, blue square and yellow triangle on a balance beam spin, pulse and tilt in rhythmic Bauhaus counterpoint over a dark field.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","geometric","svg","loop","ambient","composition","primary-colors"]},{"id":287,"file":"bauhaus/04-mobile-balance.html","repoFile":"infinite/bauhaus/04-mobile-balance.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Mobile Balance","loc":210,"kb":8,"role":"decoration","technique":["canvas","raf"],"style":["bauhaus","geometric","minimal"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["hero","background","footer","section-divider"],"mood":["calm","elegant","playful"],"description":"A kinetic Calder-style mobile of red, blue and yellow shapes hanging from black balance arms swaying gently in counterpoint.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["bauhaus","mobile","calder","geometric","canvas","kinetic","balance"]},{"id":288,"file":"bauhaus/05-dot-rhythm.html","repoFile":"infinite/bauhaus/05-dot-rhythm.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Dot Rhythm","loc":162,"kb":6,"role":"background","technique":["canvas","raf"],"style":["bauhaus","geometric","op-art"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["background","hero","loading","section-divider"],"mood":["playful","techy","energetic"],"description":"An 8x8 modular grid of red, blue, yellow and white dots pulsing in travelling diagonal waves on a near-black field.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","grid","dots","wave","pulse","geometric","canvas"]},{"id":289,"file":"bauhaus/06-diagonal-counterpoint.html","repoFile":"infinite/bauhaus/06-diagonal-counterpoint.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Diagonal Counterpoint","loc":207,"kb":8,"role":"decoration","technique":["svg","css-only"],"style":["bauhaus","geometric","constructivist"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012","#e63329","#1d52a8","#f2c12e","#0a0a0b","#e8e4d8"]},"deps":["none"],"useCases":["hero","background","section-divider"],"mood":["techy","energetic","elegant"],"description":"Red and blue diagonal bars sweep and cross in counterpoint over a faint grid, with a pulsing yellow square node and rotating ring.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","geometric","diagonal","counterpoint","svg","loop","abstract"]},{"id":290,"file":"bauhaus/07-nested-frames.html","repoFile":"infinite/bauhaus/07-nested-frames.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Nested Frames","loc":172,"kb":6,"role":"background","technique":["canvas","raf"],"style":["bauhaus","geometric","op-art"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["background","hero","loading","splash"],"mood":["techy","dreamy","elegant"],"description":"Concentric red, blue, yellow and black rectangles zoom endlessly inward in a seamless rebasing magnification on a dark field.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","concentric","zoom","geometric","loop","rectangles","infinite"]},{"id":291,"file":"bauhaus/08-mechanical-ballet.html","repoFile":"infinite/bauhaus/08-mechanical-ballet.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Mechanical Ballet","loc":201,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["bauhaus","geometric","constructivist"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["hero","background","loading","section-divider"],"mood":["techy","playful","energetic"],"description":"Interlocking primary-colored discs, square plates and triangle vanes turn like a precise meshing machine linked by black levers.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","geometric","canvas","mechanical","gears","primary-colors","loop"]},{"id":292,"file":"bauhaus/09-color-blocks-slide.html","repoFile":"infinite/bauhaus/09-color-blocks-slide.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Color Blocks Slide","loc":186,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["bauhaus","geometric","de-stijl"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["hero","background","section-divider","splash"],"mood":["playful","elegant","techy"],"description":"Primary red, blue and yellow blocks slide and recompose a 4x4 modular grid against off-white paper with black circle and triangle accents.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","geometric","color-blocks","grid","canvas","loop","composition"]},{"id":293,"file":"bauhaus/10-wire-scaffold.html","repoFile":"infinite/bauhaus/10-wire-scaffold.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Wire Scaffold","loc":212,"kb":8,"role":"3d","technique":["canvas","raf"],"style":["bauhaus","geometric","constructivist"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["hero","background","loading","splash"],"mood":["techy","futuristic","elegant"],"description":"A thin-line box lattice of stacked square rings and gable triangles rotates in faux-3D, carrying primary circle, square and triangle solids.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","3d","wireframe","geometric","rotation","canvas","perspective"]},{"id":294,"file":"bauhaus/11-stage-reveal.html","repoFile":"infinite/bauhaus/11-stage-reveal.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Stage Reveal","loc":191,"kb":7,"role":"loader","technique":["svg","css-only"],"style":["bauhaus","geometric","de-stijl"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["loading","splash","hero","section-divider"],"mood":["playful","elegant","retro"],"description":"A curtain of red, blue, yellow and black bars parts left/right to reveal a primary-red circle with gold ring on a dark stage, looping.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","curtain","reveal","geometric","loop","svg","theater"]},{"id":295,"file":"bauhaus/12-triangulate.html","repoFile":"infinite/bauhaus/12-triangulate.html","themeSlug":"bauhaus","theme":"Bauhaus Geometric","title":"Triangulate","loc":202,"kb":7,"role":"background","technique":["canvas","raf"],"style":["bauhaus","geometric","op-art"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e63329","bgHex":"#101012","colors":["#101012"]},"deps":["none"],"useCases":["background","hero","loading","section-divider"],"mood":["playful","techy","retro"],"description":"An 8x8 grid of triangle pairs flips edge-on in a diagonal wave, revealing new Bauhaus primaries on each facet against near-black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bauhaus","geometric","grid","triangle","wave","generative","color-cycle"]},{"id":296,"file":"art-deco/01-sunburst-fan.html","repoFile":"infinite/art-deco/01-sunburst-fan.html","themeSlug":"art-deco","theme":"Art Deco","title":"Sunburst Fan","loc":205,"kb":8,"role":"decoration","technique":["svg","css-only"],"style":["art-deco","geometric","minimal"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08","#d4af37","#f1d98a","#8a6d1f","#10362c"]},"deps":["none"],"useCases":["hero","splash","logo-mark","section-divider"],"mood":["elegant","luxurious","retro"],"description":"A symmetric fan of tapered gold rays opens and closes from a glowing core medallion over a ziggurat plinth and emerald-tinted black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","sunburst","svg","gold","fan","loop","ambient"]},{"id":297,"file":"art-deco/02-ziggurat-rise.html","repoFile":"infinite/art-deco/02-ziggurat-rise.html","themeSlug":"art-deco","theme":"Art Deco","title":"Ziggurat Rise","loc":201,"kb":7,"role":"background","technique":["canvas","raf"],"style":["art-deco","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08"]},"deps":["none"],"useCases":["hero","background","splash","section-divider"],"mood":["luxurious","elegant","serious"],"description":"Stepped gold ziggurat skyscraper silhouettes rise and settle with damped bob against a radial sunburst on deep black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","architecture","gold","ziggurat","rise","canvas","sunburst"]},{"id":298,"file":"art-deco/03-fountain-arcs.html","repoFile":"infinite/art-deco/03-fountain-arcs.html","themeSlug":"art-deco","theme":"Art Deco","title":"Fountain Arcs","loc":238,"kb":9,"role":"background","technique":["canvas","raf"],"style":["art-deco","geometric","minimal"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08"]},"deps":["none"],"useCases":["hero","background","splash","section-divider"],"mood":["elegant","luxurious","calm"],"description":"Symmetrical golden fountain arcs well up from a central jet with chevron crown and cascade outward over a black field, breathing slowly.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","fountain","gold","symmetry","canvas","ambient","generative"]},{"id":299,"file":"art-deco/04-chevron-march.html","repoFile":"infinite/art-deco/04-chevron-march.html","themeSlug":"art-deco","theme":"Art Deco","title":"Chevron March","loc":241,"kb":7,"role":"background","technique":["canvas","raf"],"style":["art-deco","geometric","retro"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08"]},"deps":["none"],"useCases":["background","section-divider","hero","footer"],"mood":["luxurious","retro","elegant"],"description":"Interlocking gold and ink chevron bands march in alternating directions with a gold diamond convoy down a central seam on black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","chevron","gold","geometric","background","canvas","loop"]},{"id":300,"file":"art-deco/05-fan-bloom.html","repoFile":"infinite/art-deco/05-fan-bloom.html","themeSlug":"art-deco","theme":"Art Deco","title":"Fan Bloom","loc":209,"kb":8,"role":"hero","technique":["canvas","raf"],"style":["art-deco","geometric","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08","#161208"]},"deps":["none"],"useCases":["hero","splash","logo-mark","section-divider"],"mood":["luxurious","elegant","dreamy"],"description":"A peacock fan of fine gold ribs with emerald eye-spots blooms open and closed from a sunburst medallion over a ziggurat base on black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","fan","peacock","canvas","bloom","gold","ambient"]},{"id":301,"file":"art-deco/06-gatsby-frame.html","repoFile":"infinite/art-deco/06-gatsby-frame.html","themeSlug":"art-deco","theme":"Art Deco","title":"Gatsby Frame","loc":182,"kb":9,"role":"decoration","technique":["svg","css-only"],"style":["art-deco","geometric","minimal"],"motion":"reveal","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08","#d4af37","#8a6d1f","#f3dd92"]},"deps":["none"],"useCases":["hero","splash","section-divider","testimonial"],"mood":["luxurious","elegant","retro"],"description":"An ornate gold frame self-draws in fourfold symmetry — ziggurat corners, sunburst fans, chevrons and a fountain medallion — blooms bright th","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","frame","svg","stroke-draw","symmetry","ornamental","loop"]},{"id":302,"file":"art-deco/07-radial-grille.html","repoFile":"infinite/art-deco/07-radial-grille.html","themeSlug":"art-deco","theme":"Art Deco","title":"Radial Grille","loc":217,"kb":9,"role":"background","technique":["svg","css-only"],"style":["art-deco","geometric","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08","#d4af37","#f1d98a","#8a6d1f","#10362c"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["luxurious","elegant","serious"],"description":"Concentric gold rings, radial spokes and stepped lozenges counter-rotate like a wrought-iron elevator grille on deep black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","radial","svg","counter-rotation","geometric","ambient","gold"]},{"id":303,"file":"art-deco/08-stepped-portal.html","repoFile":"infinite/art-deco/08-stepped-portal.html","themeSlug":"art-deco","theme":"Art Deco","title":"Stepped Portal","loc":217,"kb":8,"role":"background","technique":["svg","raf"],"style":["art-deco","geometric","gradient"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08","#1a160d"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["luxurious","elegant","dreamy"],"description":"Nested ziggurat arches recede into golden depth under a sunburst crown, breathing with a slow parallax shimmer on black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","ziggurat","portal","sunburst","svg","parallax","geometric"]},{"id":304,"file":"art-deco/09-gilded-pinwheel.html","repoFile":"infinite/art-deco/09-gilded-pinwheel.html","themeSlug":"art-deco","theme":"Art Deco","title":"Gilded Pinwheel","loc":222,"kb":9,"role":"background","technique":["svg","css-only"],"style":["art-deco","geometric","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08","#d4af37","#f1d98a","#8a6d1f","#10362c"]},"deps":["none"],"useCases":["hero","loading","background","logo-mark"],"mood":["luxurious","elegant","energetic"],"description":"Eight gold sunburst blades turn with eased motion over a counter-spinning star and pulsing core on black and emerald.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","pinwheel","sunburst","gold","rotation","svg","ambient"]},{"id":305,"file":"art-deco/10-skyline-pulse.html","repoFile":"infinite/art-deco/10-skyline-pulse.html","themeSlug":"art-deco","theme":"Art Deco","title":"Skyline Pulse","loc":254,"kb":9,"role":"background","technique":["svg","raf"],"style":["art-deco","geometric","retro"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08","#d4af37","#f4d77b","#0e3b32","#07140f"]},"deps":["none"],"useCases":["hero","background","footer","splash"],"mood":["luxurious","elegant","retro"],"description":"Stepped Art Deco skyline of gold-corniced towers with window rows glowing in a slow symmetric wave under a sunburst crown.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","skyline","svg","cityscape","ambient","gold","architecture"]},{"id":306,"file":"art-deco/11-lattice-shimmer.html","repoFile":"infinite/art-deco/11-lattice-shimmer.html","themeSlug":"art-deco","theme":"Art Deco","title":"Lattice Shimmer","loc":247,"kb":9,"role":"background","technique":["svg","css-only"],"style":["art-deco","geometric","gradient"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08","#d4af37","#f4e3a1","#8a6d1f","#0f3a31","#14130d"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["luxurious","elegant","techy"],"description":"Fine gold diamond lattice with a travelling diagonal sheen lighting node glints in a wavefront over deep black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","lattice","gold","shimmer","svg","ambient","geometric"]},{"id":307,"file":"art-deco/12-crown-motif.html","repoFile":"infinite/art-deco/12-crown-motif.html","themeSlug":"art-deco","theme":"Art Deco","title":"Crown Motif","loc":217,"kb":8,"role":"decoration","technique":["svg","css-only"],"style":["art-deco","geometric"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d4af37","bgHex":"#0c0b08","colors":["#0c0b08","#d4af37","#f3e0a3","#8a6f24","#0f3a30","#16130c"]},"deps":["none"],"useCases":["hero","logo-mark","splash","cta"],"mood":["luxurious","elegant","warm"],"description":"Gold crown and sunrise emblem breathes open over a slowly rotating ray halo and flanking shimmer sparks on black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-deco","crown","gold","svg","sunburst","ambient","geometric"]},{"id":308,"file":"art-nouveau/01-vine-grow.html","repoFile":"infinite/art-nouveau/01-vine-grow.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Vine Grow","loc":188,"kb":8,"role":"background","technique":["svg","css-only"],"style":["art-nouveau","organic"],"motion":"reveal","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#8fae72","#0e1310","#7e9c63","#c9a24b"]},"deps":["none"],"useCases":["hero","background","section-divider","splash"],"mood":["elegant","calm","warm"],"description":"Whiplash Art Nouveau vine draws itself upward as gold buds and green leaves bloom in along its S-curves on dark green.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","svg","vine","self-drawing","botanical","loop","ambient"]},{"id":309,"file":"art-nouveau/02-stained-glass.html","repoFile":"infinite/art-nouveau/02-stained-glass.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Stained Glass","loc":237,"kb":10,"role":"background","technique":["svg","raf"],"style":["art-nouveau","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310","#070a08","#c9a24b","#b86b78","#6f8e5e","#3f7d77"]},"deps":["none"],"useCases":["hero","background","loading","splash"],"mood":["elegant","calm","dreamy"],"description":"Art Nouveau stained-glass window of floral lead-came cells lighting up in organic sequence with glowing halos on dark glass.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["stained-glass","art-nouveau","svg","floral","ambient","sequential","glow"]},{"id":310,"file":"art-nouveau/03-whiplash-line.html","repoFile":"infinite/art-nouveau/03-whiplash-line.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Whiplash Line","loc":226,"kb":9,"role":"background","technique":["canvas","raf"],"style":["art-nouveau","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310","#1a241d","#080b09"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","calm","luxurious"],"description":"Paired S-curve whiplash ribbons in gold, sage and rose breathe and sway with five-petal rosette nodes on a dark ground.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","curves","canvas","organic","ambient","botanical","generative"]},{"id":311,"file":"art-nouveau/04-floral-bloom.html","repoFile":"infinite/art-nouveau/04-floral-bloom.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Floral Bloom","loc":231,"kb":10,"role":"hero","technique":["svg","css-only"],"style":["art-nouveau","organic"],"motion":"reveal","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310","#c9a24b","#e6c878","#b06a72","#5f7a55","#3a4a36"]},"deps":["none"],"useCases":["hero","splash","onboarding"],"mood":["elegant","luxurious","calm"],"description":"A stained-glass Art Nouveau flower unfolds its rose and gold petals around a glowing core amid whiplash vines, then gently sways.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","floral","svg","stained-glass","bloom","ambient","decorative"]},{"id":312,"file":"art-nouveau/05-peacock-curl.html","repoFile":"infinite/art-nouveau/05-peacock-curl.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Peacock Curl","loc":205,"kb":9,"role":"background","technique":["svg","smil"],"style":["art-nouveau","organic"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["elegant","luxurious","dreamy"],"description":"A fan of curling peacock-feather plumes with jewel-toned eyes unfurls and drifts in gold and green whiplash lines.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","peacock","feather","svg","unfurl","organic","decorative"]},{"id":313,"file":"art-nouveau/06-arch-tendrils.html","repoFile":"infinite/art-nouveau/06-arch-tendrils.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Arch Tendrils","loc":185,"kb":8,"role":"background","technique":["svg","raf"],"style":["art-nouveau","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","calm","serious"],"description":"A symmetric arch of floral whiplash tendrils with buds and leaves sways gently over a dark green stained-glass ground.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","botanical","tendrils","svg","ambient","floral","loop"]},{"id":314,"file":"art-nouveau/07-lily-pond.html","repoFile":"infinite/art-nouveau/07-lily-pond.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Lily Pond","loc":259,"kb":9,"role":"background","technique":["canvas","raf"],"style":["art-nouveau","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","calm","dreamy"],"description":"Stylised water lilies and pads bloom and drift over expanding gold ripples on a green pond framed by whiplash vines.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","canvas","botanical","ambient","ripple","floral","pond"]},{"id":315,"file":"art-nouveau/08-border-flourish.html","repoFile":"infinite/art-nouveau/08-border-flourish.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Border Flourish","loc":210,"kb":10,"role":"decoration","technique":["svg","css-only"],"style":["art-nouveau","organic"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310","#c9a24b","#b9777f","#5f7a5a","#e6d9b8","#16201a"]},"deps":["none"],"useCases":["section-divider","hero","footer","background"],"mood":["elegant","luxurious","calm"],"description":"An ornamental Art Nouveau floral border traces itself in gold, green and rose whiplash vines with blossoming buds and leaves.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","border","svg","trace","floral","ornamental","loop"]},{"id":316,"file":"art-nouveau/09-dragonfly-glide.html","repoFile":"infinite/art-nouveau/09-dragonfly-glide.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Dragonfly Glide","loc":227,"kb":11,"role":"hero","technique":["svg","css-only"],"style":["art-nouveau","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310","#c9a24b","#e6c878","#5e7d5a","#b5736f","#3a5d52"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["elegant","dreamy","luxurious"],"description":"A stained-glass-winged Art Nouveau dragonfly glides and flutters among vines as gold pollen motes rise on a dark ground.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["dragonfly","art-nouveau","svg","ambient","stained-glass","nature","loop"]},{"id":317,"file":"art-nouveau/10-ribbon-script.html","repoFile":"infinite/art-nouveau/10-ribbon-script.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Ribbon Script","loc":243,"kb":10,"role":"hero","technique":["svg"],"style":["art-nouveau","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310","#c9a24b","#8f6f2e","#b5708a","#5f7d5a","#e7dcc0"]},"deps":["google-fonts"],"useCases":["hero","splash","logo-mark","section-divider"],"mood":["elegant","luxurious","warm"],"description":"A gold whiplash S-curve ribbon banner reading Ribbon Script sways and breathes through floral vines with a shimmering serif title.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","ribbon","banner","gold","floral","smil","typography"]},{"id":318,"file":"art-nouveau/11-wave-tress.html","repoFile":"infinite/art-nouveau/11-wave-tress.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Wave Tress","loc":192,"kb":7,"role":"background","technique":["canvas","raf"],"style":["art-nouveau","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310","#1a241c","#11170f"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","dreamy","warm"],"description":"Whiplash hair tresses in gold, sage and rose sway and curl over a dark green field with floral stained-glass blossoms.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["art-nouveau","hair","whiplash","canvas","organic","ambient","floral"]},{"id":319,"file":"art-nouveau/12-mosaic-halo.html","repoFile":"infinite/art-nouveau/12-mosaic-halo.html","themeSlug":"art-nouveau","theme":"Art Nouveau","title":"Mosaic Halo","loc":193,"kb":8,"role":"decoration","technique":["svg","raf"],"style":["art-nouveau","organic","geometric"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c9a24b","bgHex":"#0e1310","colors":["#0e1310"]},"deps":["none"],"useCases":["hero","logo-mark","splash","background"],"mood":["elegant","luxurious","warm"],"description":"Concentric rings of stained-glass mosaic cells in gold, green and rose shimmer softly around a central floral medallion.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","mosaic","stained-glass","radial","shimmer","ambient","decorative"]},{"id":320,"file":"op-art/01-moire-drift.html","repoFile":"infinite/op-art/01-moire-drift.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Moire Drift","loc":180,"kb":6,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","minimal"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":false},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","dreamy","serious"],"description":"Two concentric black-and-white ring grids slide apart, producing soft drifting moire interference fringes.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["moire","op-art","concentric","canvas","ambient","black-and-white","generative"]},{"id":321,"file":"op-art/02-bulge-grid.html","repoFile":"infinite/op-art/02-bulge-grid.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Bulge Grid","loc":207,"kb":7,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","geometric"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","futuristic","serious"],"description":"A white-on-black square grid warps outward as an invisible sphere bulges through the surface with faint moire shimmer.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["op-art","grid","distortion","moire","canvas","lissajous","generative"]},{"id":322,"file":"op-art/03-concentric-pulse.html","repoFile":"infinite/op-art/03-concentric-pulse.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Concentric Pulse","loc":190,"kb":6,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","loading","splash"],"mood":["techy","dreamy","serious"],"description":"Concentric black-and-white rings expand outward from the center implying infinite depth with subtle moire shimmer.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["op-art","concentric","rings","moire","canvas","ambient","black-and-white"]},{"id":323,"file":"op-art/04-wave-columns.html","repoFile":"infinite/op-art/04-wave-columns.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Wave Columns","loc":190,"kb":7,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","geometric"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","dreamy","serious"],"description":"Vertical black-and-white stripes undulate into a woven fabric ripple with detuned moire interference and a central bulge.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["op-art","stripes","moire","canvas","wave","generative","black-and-white"]},{"id":324,"file":"op-art/05-checker-warp.html","repoFile":"infinite/op-art/05-checker-warp.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Checker Warp","loc":219,"kb":8,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","geometric"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","futuristic","serious"],"description":"A black-and-white checkerboard bends and swells around an invisible central lens, slowly rotating and drifting.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["op-art","checkerboard","warp","lens","canvas","generative","black-and-white"]},{"id":325,"file":"op-art/06-line-illusion.html","repoFile":"infinite/op-art/06-line-illusion.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Line Illusion","loc":169,"kb":6,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","minimal"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","serious","futuristic"],"description":"Parallel horizontal white lines kink at a central crease, faking a sharp 3D fold of two tilting sheets that breathes.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["op-art","lines","canvas","3d-illusion","fold","ambient","geometric"]},{"id":326,"file":"op-art/07-spiral-vertigo.html","repoFile":"infinite/op-art/07-spiral-vertigo.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Spiral Vertigo","loc":179,"kb":7,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","geometric"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","energetic","futuristic"],"description":"Two counter-rotating black-and-white Archimedean spirals with a faint off-pitch overlay breeding moire fringes and illusory depth pull.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["spiral","op-art","moire","canvas","vertigo","counter-rotate","generative"]},{"id":327,"file":"op-art/08-dot-grid-shift.html","repoFile":"infinite/op-art/08-dot-grid-shift.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Dot Grid Shift","loc":200,"kb":7,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","calm","elegant"],"description":"Dense offset black-and-white dot lattice whose sizes swell in phase waves, sending illusory diagonal moire bands traveling across the field.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["op-art","dots","moire","grid","canvas","black-and-white","ambient"]},{"id":328,"file":"op-art/09-twist-tunnel.html","repoFile":"infinite/op-art/09-twist-tunnel.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Twist Tunnel","loc":187,"kb":7,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","geometric"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","futuristic","energetic"],"description":"Concentric black-and-white squares rotate and shrink into a deep central vanishing point with shimmering moire depth bands.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["op-art","tunnel","concentric","moire","canvas","geometric","loop"]},{"id":329,"file":"op-art/10-interference.html","repoFile":"infinite/op-art/10-interference.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Interference","loc":200,"kb":7,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","minimal"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","dreamy","elegant"],"description":"Overlapping radial white ray bursts on black drift and warp into slow shimmering moire interference with a soft central bloom.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["op-art","moire","radial","interference","canvas","generative","ambient"]},{"id":330,"file":"op-art/11-blinds-flip.html","repoFile":"infinite/op-art/11-blinds-flip.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Blinds Flip","loc":201,"kb":8,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["techy","playful","serious"],"description":"Stack of horizontal venetian-blind slats flips open in a traveling wave, surfacing a hidden white disc carried on their back faces.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["venetian-blinds","op-art","canvas","wave","reveal","foreshortening","ambient"]},{"id":331,"file":"op-art/12-scintillating-grid.html","repoFile":"infinite/op-art/12-scintillating-grid.html","themeSlug":"op-art","theme":"Op Art & Moire","title":"Scintillating Grid","loc":180,"kb":7,"role":"background","technique":["canvas","raf"],"style":["op-art","monochrome","minimal"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"neutral","accentHex":"#ffffff","bgHex":"#0a0a0a","colors":["#0a0a0a"]},"deps":["none"],"useCases":["background","section-divider","hero"],"mood":["techy","calm","elegant"],"description":"Soft grey lattice on black with white disks at the crossings that slowly twinkle, evoking the scintillating-grid illusion.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["op-art","grid","illusion","canvas","scintillating","ambient","generative"]},{"id":332,"file":"ukiyo-e/01-wave-crest.html","repoFile":"infinite/ukiyo-e/01-wave-crest.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Wave Crest","loc":213,"kb":8,"role":"hero","technique":["canvas","raf"],"style":["ukiyo-e","flat","organic"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["elegant","calm","serious"],"description":"Stylized Japanese woodblock cresting wave with curling foam claws over an indigo sea, a Fuji-like cone, cream sky and low coral sun.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["ukiyo-e","wave","japanese","woodblock","canvas","ambient","ocean"]},{"id":333,"file":"ukiyo-e/02-rain-lines.html","repoFile":"infinite/ukiyo-e/02-rain-lines.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Rain Lines","loc":231,"kb":8,"role":"background","technique":["canvas","raf"],"style":["ukiyo-e","flat","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822","#e8d5b0"]},"deps":["none"],"useCases":["background","hero","footer"],"mood":["calm","elegant","serious"],"description":"Woodblock scene of diagonal rain falling over flat indigo and coral hill bands above a village silhouette under a cream bokashi sky.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["rain","ukiyo-e","woodblock","landscape","canvas","ambient","japanese"]},{"id":334,"file":"ukiyo-e/03-crane-glide.html","repoFile":"infinite/ukiyo-e/03-crane-glide.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Crane Glide","loc":225,"kb":8,"role":"background","technique":["canvas","raf"],"style":["ukiyo-e","flat","minimal"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822"]},"deps":["none"],"useCases":["hero","background","section-divider","splash"],"mood":["elegant","calm"],"description":"Ukiyo-e woodblock scene of cranes gliding across flat indigo color bands beneath a coral sun and snow-capped cone.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ukiyo-e","crane","japanese","ambient","background","woodblock","birds"]},{"id":335,"file":"ukiyo-e/04-blossom-fall.html","repoFile":"infinite/ukiyo-e/04-blossom-fall.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Blossom Fall","loc":233,"kb":8,"role":"background","technique":["canvas","raf"],"style":["ukiyo-e","flat","gradient","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822"]},"deps":["none"],"useCases":["hero","background","splash","onboarding"],"mood":["elegant","calm","dreamy"],"description":"Cherry-blossom petals flutter and drift down over an indigo-to-coral dawn sky above a stylised woodblock mountain.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["cherry-blossom","particles","canvas","japanese","ukiyo-e","ambient","nature"]},{"id":336,"file":"ukiyo-e/05-mountain-cone.html","repoFile":"infinite/ukiyo-e/05-mountain-cone.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Mountain Cone","loc":276,"kb":10,"role":"background","technique":["canvas","raf"],"style":["ukiyo-e","flat","gradient","minimal"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["elegant","calm"],"description":"A snow-capped Fuji-like cone under a bokashi sky that slowly cycles night-dawn-day-dusk as a sun-moon disc arcs and cranes drift.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ukiyo-e","mountain","fuji","day-cycle","canvas","ambient","woodblock","generative"]},{"id":337,"file":"ukiyo-e/06-koi-ripple.html","repoFile":"infinite/ukiyo-e/06-koi-ripple.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Koi Ripple","loc":231,"kb":8,"role":"background","technique":["canvas","raf"],"style":["ukiyo-e","flat","organic"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822"]},"deps":["none"],"useCases":["hero","background","splash","section-divider"],"mood":["calm","elegant"],"description":"A coral-marked koi turns and undulates beneath expanding concentric pond ripples with a few drifting petals in woodblock style.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["koi","pond","ripple","ukiyo-e","canvas","ambient","japanese"]},{"id":338,"file":"ukiyo-e/07-bamboo-sway.html","repoFile":"infinite/ukiyo-e/07-bamboo-sway.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Bamboo Sway","loc":242,"kb":9,"role":"background","technique":["canvas","raf"],"style":["ukiyo-e","flat","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822"]},"deps":["none"],"useCases":["hero","background","section-divider","splash"],"mood":["calm","elegant"],"description":"A grove of flat indigo bamboo stalks sways with flickering leaves against a cream sky and low coral moon in woodblock style.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bamboo","ukiyo-e","woodblock","nature","canvas","ambient","japanese"]},{"id":339,"file":"ukiyo-e/08-moon-tide.html","repoFile":"infinite/ukiyo-e/08-moon-tide.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Moon Tide","loc":213,"kb":7,"role":"background","technique":["canvas","raf"],"style":["ukiyo-e","flat","minimal"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822"]},"deps":["none"],"useCases":["hero","background","splash","section-divider"],"mood":["calm","elegant","dreamy"],"description":"A cream full moon and halo rise over layered indigo and coral tide bands that roll with foam crests in woodblock style.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ukiyo-e","ocean","moon","waves","ambient","japanese","night"]},{"id":340,"file":"ukiyo-e/09-carp-banner.html","repoFile":"infinite/ukiyo-e/09-carp-banner.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Carp Banner","loc":233,"kb":9,"role":"background","technique":["canvas","raf"],"style":["ukiyo-e","flat","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822"]},"deps":["none"],"useCases":["hero","background","splash","onboarding"],"mood":["playful","warm","elegant"],"description":"Three stacked koi-nobori carp streamers ripple in the wind on a pole above stylised waves, a cream sun, and a distant indigo cone.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["ukiyo-e","koi","fish","ripple","woodblock","japanese","ambient"]},{"id":341,"file":"ukiyo-e/10-pine-mist.html","repoFile":"infinite/ukiyo-e/10-pine-mist.html","themeSlug":"ukiyo-e","theme":"Ukiyo-e Woodblock","title":"Pine Mist","loc":267,"kb":9,"role":"background","technique":["canvas","raf"],"style":["ukiyo-e","flat","gradient","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e8d5b0","bgHex":"#0f1822","colors":["#0f1822"]},"deps":["none"],"useCases":["hero","background","splash","section-divider"],"mood":["calm","dreamy","elegant"],"description":"Layered pine-covered ridges recede into drifting mist bands under a cream-indigo sky with passing cranes in woodblock style.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ukiyo-e","landscape","pine","mist","canvas","ambient","japanese","generative"]},{"id":342,"file":"pointillism/01-dot-portrait.html","repoFile":"infinite/pointillism/01-dot-portrait.html","themeSlug":"pointillism","theme":"Pointillist","title":"Dot Assemble","loc":200,"kb":8,"role":"hero","technique":["canvas","raf"],"style":["pointillist","gradient"],"motion":"reveal","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14"]},"deps":["none"],"useCases":["hero","loading","splash"],"mood":["elegant","warm","dreamy"],"description":"Thousands of scattered colored dots converge to assemble a sun rising over a hill, then dissolve and loop.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["pointillism","canvas","particles","generative","ambient","landscape","assembly"]},{"id":343,"file":"pointillism/02-seurat-shimmer.html","repoFile":"infinite/pointillism/02-seurat-shimmer.html","themeSlug":"pointillism","theme":"Pointillist","title":"Pointillist Shimmer","loc":223,"kb":8,"role":"background","technique":["canvas","raf"],"style":["pointillist","organic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["calm","elegant","dreamy"],"description":"A pointillist riverbank at dusk built from thousands of breathing dots that softly shimmer via optical color mixing.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["pointillism","canvas","dots","ambient","generative","scene","pixel-art"]},{"id":344,"file":"pointillism/03-pointillist-sunset.html","repoFile":"infinite/pointillism/03-pointillist-sunset.html","themeSlug":"pointillism","theme":"Pointillist","title":"Pointillist Sunset","loc":319,"kb":12,"role":"background","technique":["canvas","raf"],"style":["pointillist","gradient"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["warm","elegant","calm"],"description":"A glowing orange sun setting over dotted water, with shimmering reflections rendered as optically mixing colored points.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["pointillism","canvas","sunset","water","shimmer","generative","ambient"]},{"id":345,"file":"pointillism/04-stipple-flow.html","repoFile":"infinite/pointillism/04-stipple-flow.html","themeSlug":"pointillism","theme":"Pointillist","title":"Stipple Flow","loc":182,"kb":6,"role":"background","technique":["canvas","raf"],"style":["pointillist","organic"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14","#15171f","#090a0e"]},"deps":["none"],"useCases":["background","section-divider","loading"],"mood":["calm","dreamy","elegant"],"description":"Colored dots drift along a curling flow field, tracing a sweeping diagonal arc with painterly divisionist trails.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pointillism","flow-field","canvas","particles","generative","ambient","divisionist"]},{"id":346,"file":"pointillism/05-divisionist-tree.html","repoFile":"infinite/pointillism/05-divisionist-tree.html","themeSlug":"pointillism","theme":"Pointillist","title":"Divisionist Tree","loc":251,"kb":9,"role":"hero","technique":["canvas","raf"],"style":["pointillist","organic"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14"]},"deps":["none"],"useCases":["hero","background","section-divider"],"mood":["elegant","warm","dreamy"],"description":"A tree whose canopy is thousands of vibrating complementary orange and blue dots in divisionist pointillist style.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["pointillism","canvas","tree","generative","particles","divisionist","ambient"]},{"id":347,"file":"pointillism/06-dot-density-wave.html","repoFile":"infinite/pointillism/06-dot-density-wave.html","themeSlug":"pointillism","theme":"Pointillist","title":"Density Wave","loc":213,"kb":8,"role":"background","technique":["canvas","raf"],"style":["pointillist","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["warm","dreamy","elegant"],"description":"A wave of colored dots sweeps left to right, revealing a glowing sun setting over water in optically mixing pigment.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["pointillism","canvas","dots","wave","landscape","optical-mixing","ambient"]},{"id":348,"file":"pointillism/07-halftone-bloom.html","repoFile":"infinite/pointillism/07-halftone-bloom.html","themeSlug":"pointillism","theme":"Pointillist","title":"Halftone Bloom","loc":200,"kb":7,"role":"loader","technique":["canvas","raf"],"style":["pointillist","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14"]},"deps":["none"],"useCases":["loading","hero","splash"],"mood":["warm","elegant","dreamy"],"description":"A halftone grid of dots swells from the center, blooming into a glowing amber flower on a deep blue field.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["halftone","pointillism","bloom","canvas","ambient","generative","radial"]},{"id":349,"file":"pointillism/08-confetti-mosaic.html","repoFile":"infinite/pointillism/08-confetti-mosaic.html","themeSlug":"pointillism","theme":"Pointillist","title":"Confetti Mosaic","loc":229,"kb":8,"role":"hero","technique":["canvas","raf"],"style":["pointillist","geometric"],"motion":"reveal","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14"]},"deps":["none"],"useCases":["hero","splash","onboarding"],"mood":["playful","energetic","warm"],"description":"Confetti dots fly in from the edges and settle into three horizontal color bands, then gently shimmer in place.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pointillism","confetti","canvas","particles","mosaic","color-bands","generative"]},{"id":350,"file":"pointillism/09-pointillist-rain.html","repoFile":"infinite/pointillism/09-pointillist-rain.html","themeSlug":"pointillism","theme":"Pointillist","title":"Pointillist Rain","loc":250,"kb":8,"role":"background","technique":["canvas","raf"],"style":["pointillist","cosmic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["calm","dreamy","elegant"],"description":"Colored stippled dots fall as rain and splash into expanding ripple rings on a glowing amber puddle over deep blue.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["rain","pointillism","canvas","ripple","ambient","generative","particles"]},{"id":351,"file":"pointillism/10-vibrato-field.html","repoFile":"infinite/pointillism/10-vibrato-field.html","themeSlug":"pointillism","theme":"Pointillist","title":"Vibrato Field","loc":199,"kb":7,"role":"background","technique":["canvas","raf"],"style":["pointillist","op-art"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f0a830","bgHex":"#0d0f14","colors":["#0d0f14"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["dreamy","calm","elegant"],"description":"A jittered grid of paired complementary dots oscillates apart so the eye fuses a shimmering amber hue over deep blue.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["pointillism","optical-mix","canvas","ambient","generative","color-theory","divisionist"]},{"id":352,"file":"constructivism/01-diagonal-thrust.html","repoFile":"infinite/constructivism/01-diagonal-thrust.html","themeSlug":"constructivism","theme":"Constructivist","title":"Diagonal Thrust","loc":211,"kb":7,"role":"background","technique":["canvas","raf"],"style":["constructivist","geometric"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d"]},"deps":["none"],"useCases":["hero","background","cta"],"mood":["energetic","brutalist","retro"],"description":"Red and black arrow-tipped slabs sweep along an aggressive diagonal axis across black with a red disc and propaganda type bar.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","geometric","diagonal","canvas","loop","propaganda","ambient"]},{"id":353,"file":"constructivism/02-beat-the-whites.html","repoFile":"infinite/constructivism/02-beat-the-whites.html","themeSlug":"constructivism","theme":"Constructivist","title":"Red Wedge","loc":182,"kb":8,"role":"hero","technique":["svg","css-only"],"style":["constructivist","geometric"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d","#d11f1f","#9a1414","#ece6da"]},"deps":["none"],"useCases":["hero","cta","splash"],"mood":["energetic","brutalist","serious"],"description":"A red triangular wedge drives into a recoiling black disc, scattering shards, then RED WEDGE slab type sets, on cream paper.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","svg","geometric","loop","typography","political-art","russian-avant-garde"]},{"id":354,"file":"constructivism/03-rotodynamic.html","repoFile":"infinite/constructivism/03-rotodynamic.html","themeSlug":"constructivism","theme":"Constructivist","title":"Rotodynamic","loc":208,"kb":7,"role":"background","technique":["canvas","raf"],"style":["constructivist","geometric"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["energetic","brutalist","retro"],"description":"Red and black slab bars carrying propaganda words radiate and rotate at staggered speeds from an off-center hub on black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","canvas","rotation","typography","propaganda","radial","ambient"]},{"id":355,"file":"constructivism/04-black-square.html","repoFile":"infinite/constructivism/04-black-square.html","themeSlug":"constructivism","theme":"Constructivist","title":"Floating Forms","loc":146,"kb":6,"role":"background","technique":["css-only"],"style":["constructivist","geometric"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d","#d11f1f","#111114","#e8e4d8"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["calm","elegant","serious"],"description":"A large tilted black square plus red and off-white bars, squares and a dot drift in slow suprematist suspension on near-black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","geometric","suprematist","ambient","floating","composition","dark-background"]},{"id":356,"file":"constructivism/05-megaphone.html","repoFile":"infinite/constructivism/05-megaphone.html","themeSlug":"constructivism","theme":"Constructivist","title":"Megaphone","loc":236,"kb":8,"role":"background","technique":["canvas","raf"],"style":["constructivist","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d","#d11f1f","#f2ece0"]},"deps":["none"],"useCases":["hero","background","cta"],"mood":["energetic","brutalist","retro"],"description":"A Constructivist black-and-red megaphone emits expanding concentric red and paper shout-rings across a diagonal field.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","megaphone","canvas","geometric","rings","propaganda-art","ambient"]},{"id":357,"file":"constructivism/06-gear-poster.html","repoFile":"infinite/constructivism/06-gear-poster.html","themeSlug":"constructivism","theme":"Constructivist","title":"Gear Poster","loc":171,"kb":7,"role":"hero","technique":["svg","css-only"],"style":["constructivist","geometric"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d","#d11f1f","#f2ede4","#ded4c4"]},"deps":["none"],"useCases":["hero","splash","cta"],"mood":["energetic","brutalist","retro"],"description":"Industrial ink and red gears mesh and spin while red diagonal bars slam in and GEAR POSTER slab type assembles on paper.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","gears","poster","svg","typography","diagonal","industrial"]},{"id":358,"file":"constructivism/07-photomontage-cut.html","repoFile":"infinite/constructivism/07-photomontage-cut.html","themeSlug":"constructivism","theme":"Constructivist","title":"Montage Cut","loc":244,"kb":9,"role":"background","technique":["canvas","raf"],"style":["constructivist","geometric","bauhaus"],"motion":"reveal","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["serious","techy","retro"],"description":"Red, black and white rectangular cut-outs, halftone photo blocks and a slab MONTAGE title slide along a diagonal grid then hold.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","montage","canvas","halftone","geometric","loop","propaganda"]},{"id":359,"file":"constructivism/08-type-stack.html","repoFile":"infinite/constructivism/08-type-stack.html","themeSlug":"constructivism","theme":"Constructivist","title":"Type Stack","loc":145,"kb":7,"role":"hero","technique":["css-only"],"style":["constructivist","geometric","swiss"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d","#d11f1f","#f3ede1","#6f6f72","#2a2a2c"]},"deps":["none"],"useCases":["hero","section-divider","splash"],"mood":["serious","techy","retro"],"description":"Heavy slab letters spelling TYPE STACK 1923 shift and pop along a tilted red propaganda axis on a dark grid, a square ticking across.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","typography","slab","propaganda","diagonal","loop","text-animation"]},{"id":360,"file":"constructivism/09-crane-build.html","repoFile":"infinite/constructivism/09-crane-build.html","themeSlug":"constructivism","theme":"Constructivist","title":"Crane Build","loc":222,"kb":8,"role":"background","technique":["canvas","raf"],"style":["constructivist","geometric"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d"]},"deps":["none"],"useCases":["hero","background","section-divider"],"mood":["serious","techy","retro"],"description":"A Constructivist tower crane sways and hoists red blocks onto a growing stack over a red diagonal wedge in red, black, white and amber.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","crane","geometric","canvas","loop","industrial","animation"]},{"id":361,"file":"constructivism/10-flag-dynamic.html","repoFile":"infinite/constructivism/10-flag-dynamic.html","themeSlug":"constructivism","theme":"Constructivist","title":"Dynamic Flag","loc":283,"kb":10,"role":"background","technique":["canvas","raf"],"style":["constructivist","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d11f1f","bgHex":"#0c0c0d","colors":["#0c0c0d"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["serious","energetic","retro"],"description":"A red banner snaps and waves along a black diagonal strut with a white tick bar and Suprematist-style square accent on black.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["constructivism","flag","wave","canvas","geometric","diagonal","animation"]},{"id":362,"file":"memphis/01-squiggle-parade.html","repoFile":"infinite/memphis/01-squiggle-parade.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Squiggle Parade","loc":226,"kb":8,"role":"background","technique":["canvas","raf"],"style":["memphis","playful","geometric","retro"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["playful","energetic","retro"],"description":"Bold sine-wave squiggle ribbons with marching beads drift across a confetti field of dots, zigzags and terrazzo flecks on deep indigo.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["memphis","squiggle","canvas","generative","background","retro","80s","confetti"]},{"id":363,"file":"memphis/02-terrazzo-scatter.html","repoFile":"infinite/memphis/02-terrazzo-scatter.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Terrazzo Scatter","loc":224,"kb":8,"role":"background","technique":["canvas","raf"],"style":["memphis","playful","retro","geometric"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019"]},"deps":["none"],"useCases":["hero","background","section-divider"],"mood":["playful","retro","energetic"],"description":"Clashing 80s-colored terrazzo chips breathe apart and resettle into a tilted slab card on a dark plum ground.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["terrazzo","memphis","80s","chips","scatter","canvas","ambient","generative"]},{"id":364,"file":"memphis/03-zigzag-bounce.html","repoFile":"infinite/memphis/03-zigzag-bounce.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Zigzag Bounce","loc":175,"kb":7,"role":"loader","technique":["svg","css-only"],"style":["memphis","playful","geometric","retro"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019","#36d6c3","#ff4f9a","#ffd23e","#3b6dff","#ff7a2f"]},"deps":["none"],"useCases":["loading","hero","empty-state"],"mood":["playful","energetic","retro"],"description":"A row of stacked zigzag chevron bars in clashing Memphis colors springs and ripples up and down against a confetti-speckled background.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["memphis","zigzag","chevron","bounce","spring","80s","color-blocking"]},{"id":365,"file":"memphis/04-confetti-pop.html","repoFile":"infinite/memphis/04-confetti-pop.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Confetti Pop","loc":193,"kb":7,"role":"background","technique":["canvas","raf"],"style":["memphis","playful","retro","geometric"],"motion":"physics","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019"]},"deps":["none"],"useCases":["hero","cta","onboarding","background"],"mood":["playful","energetic","warm"],"description":"Geometric confetti shapes (dots, zigzags, triangles, bars, pluses) burst upward and fall with gravity in repeating pops on deep plum.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","animation-heavy"],"tags":["confetti","particles","memphis","geometric","burst","canvas","loop"]},{"id":366,"file":"memphis/05-polka-shuffle.html","repoFile":"infinite/memphis/05-polka-shuffle.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Polka Shuffle","loc":176,"kb":7,"role":"background","technique":["canvas","raf"],"style":["memphis","playful","geometric","retro"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["playful","retro","energetic"],"description":"Grid of Memphis polka dots, rings and squares swaying and breathing while colors cross-fade between clashing 80s palettes on dark plum.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["memphis","polka-dots","grid","color-palette","canvas","generative","80s"]},{"id":367,"file":"memphis/06-grid-jumble.html","repoFile":"infinite/memphis/06-grid-jumble.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Grid Jumble","loc":220,"kb":8,"role":"background","technique":["canvas","raf"],"style":["memphis","playful","geometric","retro"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["playful","retro","energetic"],"description":"A 5x5 grid of mismatched bright Memphis shapes — squiggles, dots, zigzags, triangles — jittering and rotating over a terrazzo-speckled dark ","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["memphis","grid","geometric","shapes","jitter","80s","canvas"]},{"id":368,"file":"memphis/07-noodle-loop.html","repoFile":"infinite/memphis/07-noodle-loop.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Noodle Loop","loc":187,"kb":9,"role":"background","technique":["svg","css-only"],"style":["memphis","playful","organic","retro"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019","#36d6c3","#ff5d8f","#ffd23f","#9b6bff","#ff7a45"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["playful","retro","energetic"],"description":"Looping SVG noodle lines in teal, pink and yellow snake around the frame with pulsing dots and spinning confetti on a dark violet field.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["memphis","svg","noodle","stroke-dashoffset","loop","ambient","80s"]},{"id":369,"file":"memphis/08-triangle-rain.html","repoFile":"infinite/memphis/08-triangle-rain.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Triangle Rain","loc":182,"kb":6,"role":"background","technique":["canvas","raf"],"style":["memphis","playful","geometric","retro"],"motion":"physics","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["playful","retro","energetic"],"description":"Bright Memphis triangles, solid and outlined, tumble and sway downward through faint dotted columns against deep plum.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["memphis","triangles","rain","particles","canvas","80s","geometric"]},{"id":370,"file":"memphis/09-shape-stack.html","repoFile":"infinite/memphis/09-shape-stack.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Shape Stack","loc":272,"kb":11,"role":"decoration","technique":["canvas","raf"],"style":["memphis","playful","geometric","retro"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019","#36d6c3","#ff4f9a","#ffd23e","#3b6dff","#ff7a2f"]},"deps":["none"],"useCases":["hero","logo-mark","empty-state"],"mood":["playful","retro","warm"],"description":"Clashing Memphis shapes — bars, circle, arch, diamond — balanced into a glowing totem that gently wobbles, crowned by a squiggle, over a ter","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["memphis","shapes","totem","canvas","wobble","80s","generative"]},{"id":371,"file":"memphis/10-pattern-clash.html","repoFile":"infinite/memphis/10-pattern-clash.html","themeSlug":"memphis","theme":"Memphis 80s","title":"Pattern Clash","loc":219,"kb":8,"role":"background","technique":["canvas","raf"],"style":["memphis","playful","geometric","retro"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#36d6c3","bgHex":"#141019","colors":["#141019"]},"deps":["none"],"useCases":["background","section-divider","hero"],"mood":["playful","retro","energetic"],"description":"Three Memphis pattern bands — dots, zigzags, squiggles, confetti, rings — scroll horizontally in opposing directions split by crisp accent s","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["memphis","pattern","scrolling","canvas","geometric","retro","80s","tiled"]},{"id":372,"file":"psychedelic/01-liquid-melt.html","repoFile":"infinite/psychedelic/01-liquid-melt.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Liquid Melt","loc":197,"kb":8,"role":"background","technique":["canvas","raf"],"style":["psychedelic","organic","gradient"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612"]},"deps":["google-fonts"],"useCases":["hero","background","splash"],"mood":["dreamy","playful","futuristic"],"description":"Slow lava-lamp metaball blobs swirl in complementary pink and cyan, remixing hues while warped MELT lettering stretches and skews above them","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","agent-ready"],"tags":["metaball","lava-lamp","psychedelic","hsl","typography","canvas","ambient"]},{"id":373,"file":"psychedelic/02-kaleidoscope.html","repoFile":"infinite/psychedelic/02-kaleidoscope.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Kaleidoscope","loc":217,"kb":8,"role":"background","technique":["canvas","raf"],"style":["psychedelic","op-art","cosmic"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612"]},"deps":["none"],"useCases":["hero","background","splash"],"mood":["dreamy","elegant","futuristic"],"description":"A slowly rotating 6-fold kaleidoscope mirrors swirling pink, amber and violet liquid blobs into symmetric petals over a deep glowing dark fi","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["kaleidoscope","symmetry","psychedelic","canvas","generative","ambient","blobs"]},{"id":374,"file":"psychedelic/03-warp-type.html","repoFile":"infinite/psychedelic/03-warp-type.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Warp Type","loc":243,"kb":9,"role":"text-effect","technique":["canvas","raf"],"style":["psychedelic","retro","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612","#1a0b2e"]},"deps":["none"],"useCases":["hero","splash","logo-mark"],"mood":["playful","retro","energetic"],"description":"The word WARP in bold serif rippling and bulging over swirling magenta-teal lava blobs in Fillmore-poster gradient hues.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["typography","warp","canvas","psychedelic","lava-lamp","generative","text-animation"]},{"id":375,"file":"psychedelic/04-swirl-vortex.html","repoFile":"infinite/psychedelic/04-swirl-vortex.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Swirl Vortex","loc":195,"kb":7,"role":"background","technique":["canvas","raf"],"style":["psychedelic","neon","op-art"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["dreamy","energetic","futuristic"],"description":"A slow vortex of nested rotating petal arms in pink-violet-cyan hues spiralling inward toward a glowing core.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["vortex","swirl","psychedelic","canvas","spiral","ambient","generative"]},{"id":376,"file":"psychedelic/05-blob-lamp.html","repoFile":"infinite/psychedelic/05-blob-lamp.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Blob Lamp","loc":199,"kb":7,"role":"background","technique":["canvas","raf"],"style":["psychedelic","organic","gradient"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612","#2a0a3e","#150726"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["dreamy","calm","warm"],"description":"A lava-lamp field of glowing metaball blobs slowly rising, merging and splitting through violet-magenta-amber gradients.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["metaball","lava-lamp","psychedelic","canvas","pixel-loop","ambient","generative"]},{"id":377,"file":"psychedelic/06-ripple-bloom.html","repoFile":"infinite/psychedelic/06-ripple-bloom.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Ripple Bloom","loc":229,"kb":7,"role":"background","technique":["canvas","raf"],"style":["psychedelic","neon","op-art"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["dreamy","energetic","playful"],"description":"Concentric lobed color rings blooming outward from a glowing center in swirling pink-violet-cyan complementary hues.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","animation-heavy"],"tags":["psychedelic","ripple","bloom","canvas","rings","lobed","generative","ambient"]},{"id":378,"file":"psychedelic/07-paisley-drift.html","repoFile":"infinite/psychedelic/07-paisley-drift.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Paisley Drift","loc":205,"kb":7,"role":"background","technique":["canvas","raf"],"style":["psychedelic","organic","retro"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["dreamy","playful","retro"],"description":"Drifting psychedelic paisley teardrops morphing and rotating across a deep violet field in magenta, cyan and gold.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["paisley","psychedelic","canvas","generative","ambient","lava-lamp","additive-blend"]},{"id":379,"file":"psychedelic/08-oil-slick.html","repoFile":"infinite/psychedelic/08-oil-slick.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Oil Slick","loc":201,"kb":7,"role":"background","technique":["canvas","raf"],"style":["psychedelic","gradient","glass"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["dreamy","luxurious","elegant"],"description":"Iridescent oil-slick sheen of swirling pink, cyan and violet thin-film bands flowing in slow liquid waves.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["iridescent","oil-slick","canvas","psychedelic","generative","ambient","color-field"]},{"id":380,"file":"psychedelic/09-mandala-breathe.html","repoFile":"infinite/psychedelic/09-mandala-breathe.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Mandala Breathe","loc":189,"kb":8,"role":"decoration","technique":["svg","raf"],"style":["psychedelic","geometric","neon"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612","#190a2b"]},"deps":["none"],"useCases":["hero","loading","splash"],"mood":["calm","dreamy","elegant"],"description":"A radial petal mandala slowly breathing open and closed with counter-rotating rings in pink-violet-cyan gradients.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["mandala","psychedelic","svg","breathing","radial","ambient","loop"]},{"id":381,"file":"psychedelic/10-trip-tunnel.html","repoFile":"infinite/psychedelic/10-trip-tunnel.html","themeSlug":"psychedelic","theme":"Psychedelic","title":"Trip Tunnel","loc":212,"kb":8,"role":"background","technique":["canvas","raf"],"style":["psychedelic","neon","op-art"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#ff3da6","bgHex":"#0a0612","colors":["#0a0612"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["energetic","dreamy","futuristic"],"description":"Concentric lobed color rings melting inward through a perspective tunnel toward a glowing vanishing point.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["tunnel","psychedelic","canvas","concentric","ambient","generative","looping"]},{"id":382,"file":"vaporwave/01-neon-grid.html","repoFile":"infinite/vaporwave/01-neon-grid.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Neon Grid","loc":187,"kb":7,"role":"background","technique":["canvas","raf"],"style":["vaporwave","neon","retro"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#160a2a"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["retro","techy","futuristic"],"description":"Magenta-and-cyan wireframe grid scrolls toward a banded sunset and slitted retro sun over a starfield, classic vaporwave canvas.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vaporwave","grid","retro","canvas","background","neon","sunset"]},{"id":383,"file":"vaporwave/02-chrome-type.html","repoFile":"infinite/vaporwave/02-chrome-type.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Chrome Type","loc":243,"kb":8,"role":"text-effect","technique":["canvas","raf"],"style":["vaporwave","neon","retro"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#160a2a"]},"deps":["none"],"useCases":["hero","logo-mark","splash"],"mood":["retro","techy","luxurious"],"description":"Extruded chrome 3D lettering reading CHROME rotates via horizontal squash with a diagonal sheen above a neon perspective grid and sun.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vaporwave","chrome","typography","perspective-grid","canvas","retro","3d-text"]},{"id":384,"file":"vaporwave/03-sun-scanlines.html","repoFile":"infinite/vaporwave/03-sun-scanlines.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Scanline Sun","loc":235,"kb":8,"role":"background","technique":["canvas","raf"],"style":["vaporwave","neon","retro"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#160a2a","#22d3ee","#ff2bd6","#ff7a59","#ffd166","#7a1f8f"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["retro","dreamy","techy"],"description":"Striped retro sun bobs up over a neon perspective grid, twinkling stars and a magenta-to-amber sky, all crossed by faint scanlines.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["vaporwave","retro","sun","scanlines","grid","stars","canvas","ambient"]},{"id":385,"file":"vaporwave/04-retro-orbit.html","repoFile":"infinite/vaporwave/04-retro-orbit.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Retro Orbit","loc":248,"kb":9,"role":"background","technique":["canvas","raf"],"style":["vaporwave","neon","retro","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#160a2a","#2a1457","#1b0c36"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["retro","futuristic","dreamy"],"description":"Wireframe triangle, square, hexagon and diamond orbit a glowing neon sun on tilted ellipses over a starfield and perspective grid.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vaporwave","orbit","wireframe","geometry","starfield","perspective-grid","space"]},{"id":386,"file":"vaporwave/05-glint-sweep.html","repoFile":"infinite/vaporwave/05-glint-sweep.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Glint Sweep","loc":275,"kb":9,"role":"background","technique":["canvas","raf"],"style":["vaporwave","neon","glass"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#160a2a","#22d3ee","#ff3df0","#3a1466","#0c0518"]},"deps":["none"],"useCases":["background","hero","cta"],"mood":["retro","luxurious","techy"],"description":"Bright specular glints sweep diagonally across a glossy chrome plane and a chrome title bar over a neon vaporwave grid and starfield.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vaporwave","glint","chrome","grid","specular","ambient","background"]},{"id":387,"file":"vaporwave/06-palm-silhouette.html","repoFile":"infinite/vaporwave/06-palm-silhouette.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Palm Silhouette","loc":213,"kb":9,"role":"background","technique":["canvas","raf"],"style":["vaporwave","neon","retro"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#f637c9","#160a2a","#22d3ee","#7b3ff2","#ff7a59","#ffd166"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["retro","calm","dreamy"],"description":"Black palm-tree silhouettes sway over a glowing neon grid beneath a sliced sun and magenta-to-gold sunset with a chrome gradient title.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vaporwave","palm-tree","sunset","grid","silhouette","canvas","retro"]},{"id":388,"file":"vaporwave/07-cassette-spin.html","repoFile":"infinite/vaporwave/07-cassette-spin.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Cassette Reels","loc":227,"kb":8,"role":"decoration","technique":["canvas","raf"],"style":["vaporwave","neon","retro"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#160a2a","#311760","#1d0d3a"]},"deps":["none"],"useCases":["loading","hero","splash"],"mood":["retro","playful","techy"],"description":"Two chrome cassette reels spin with dashed cyan-and-magenta tape flowing between them over a neon vaporwave grid and starfield.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vaporwave","cassette","retro","canvas","y2k","ambient","loop"]},{"id":389,"file":"vaporwave/08-hologram-flux.html","repoFile":"infinite/vaporwave/08-hologram-flux.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Hologram Flux","loc":224,"kb":8,"role":"background","technique":["canvas","raf"],"style":["vaporwave","neon","glitch"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#160a2a","#2a1150","#0c0518"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["futuristic","techy","dreamy"],"description":"A flickering cyan hologram bar with magenta-cyan chromatic edges, scanlines and a mirror reflection rises over a neon grid and stars.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["hologram","vaporwave","scanlines","chromatic-aberration","grid","starfield","canvas"]},{"id":390,"file":"vaporwave/09-windows-cascade.html","repoFile":"infinite/vaporwave/09-windows-cascade.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Window Cascade","loc":162,"kb":9,"role":"background","technique":["css-only"],"style":["vaporwave","neon","retro"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#160a2a","#22d3ee","#ff2ed1","#7b2cff","#bdf6ff","#9be9ff"]},"deps":["none"],"useCases":["background","hero","loading","splash"],"mood":["retro","playful","futuristic"],"description":"Retro Y2K UI windows cascade down a neon perspective grid beneath a striped chrome sun and twinkling starfield.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vaporwave","y2k","windows","cascade","retro-ui","perspective-grid","css-animation"]},{"id":391,"file":"vaporwave/10-star-warp.html","repoFile":"infinite/vaporwave/10-star-warp.html","themeSlug":"vaporwave","theme":"Vaporwave Y2K","title":"Star Warp","loc":160,"kb":6,"role":"background","technique":["canvas","raf"],"style":["vaporwave","neon","cosmic"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#160a2a","colors":["#160a2a","#22d3ee","#ff2bd6","#a855f7"]},"deps":["none"],"useCases":["background","hero","loading","splash"],"mood":["dreamy","futuristic","retro"],"description":"Canvas starfield of cyan, magenta and violet streaks warping gently outward from a glowing vanishing point.","aiEnriched":true,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["starfield","warp","vaporwave","canvas","perspective","ambient","space"]},{"id":392,"file":"swiss/01-grid-system.html","repoFile":"infinite/swiss/01-grid-system.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Grid System","loc":215,"kb":7,"role":"background","technique":["css-only"],"style":["swiss","minimal","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#0f0f10","#f2f0ea","#e8482b","#2a2a2d","#6f6f76"]},"deps":["none"],"useCases":["background","hero","section-divider","splash"],"mood":["elegant","serious","techy"],"description":"Swiss 12-column grid where ink, outline and red blocks scale in and out composing an asymmetric modular layout titled GRID SYSTEM.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["swiss","grid","typography","modular","layout","geometric","editorial"]},{"id":393,"file":"swiss/02-type-ramp.html","repoFile":"infinite/swiss/02-type-ramp.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Type Ramp","loc":166,"kb":7,"role":"text-effect","technique":["raf"],"style":["swiss","minimal","monochrome"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"monochrome","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#8a8a8c","#f2f2f0","#e8482b","#0f0f10","#1d1d1f","#171718"]},"deps":["none"],"useCases":["hero","section-divider","background","splash"],"mood":["elegant","serious","calm"],"description":"Five-step type scale of weighted words drifting and fading on a baseline grid with breathing red accent rules.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["typography","swiss","type-scale","baseline-grid","weight","ambient","loop"]},{"id":394,"file":"swiss/03-column-flow.html","repoFile":"infinite/swiss/03-column-flow.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Column Flow","loc":196,"kb":8,"role":"background","technique":["css-only"],"style":["swiss","minimal","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#0f0f10","#f2f0ea","#e8482b","#6f6f76","#26262a"]},"deps":["none"],"useCases":["background","hero","section-divider","splash"],"mood":["elegant","serious","techy"],"description":"Three justified columns of rectangular text-block lines flow in from the left and justify in typographic rhythm under COLUMN FLOW.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["swiss","typography","grid","columns","loop","editorial","geometric"]},{"id":395,"file":"swiss/04-baseline-tick.html","repoFile":"infinite/swiss/04-baseline-tick.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Baseline Tick","loc":193,"kb":8,"role":"decoration","technique":["svg","css-only"],"style":["swiss","minimal","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#0f0f10","#f2f1ee","#5a5a5e","#2a2a2d","#e8482b"]},"deps":["none"],"useCases":["loading","section-divider","background","footer"],"mood":["serious","elegant","techy"],"description":"SVG baseline grid with a red metronome bar ticking pendulum-style across the active baseline as 'tempo' and 'measure' alternate.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["swiss","typography","metronome","pendulum","baseline-grid","svg","rhythm"]},{"id":396,"file":"swiss/05-poster-build.html","repoFile":"infinite/swiss/05-poster-build.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Poster Build","loc":211,"kb":9,"role":"hero","technique":["css-only"],"style":["swiss","minimal","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#0f0f10","#f2f0ea","#e8482b","#26262a","#74747c"]},"deps":["none"],"useCases":["hero","splash","section-divider","background"],"mood":["elegant","serious","techy"],"description":"Swiss poster assembles itself: red and ink panels slide and print into grid place while POSTER BUILD rises line by line under a red rule.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["swiss","typography","grid","poster","reveal","loop","modular"]},{"id":397,"file":"swiss/06-rule-lines.html","repoFile":"infinite/swiss/06-rule-lines.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Rule Lines","loc":218,"kb":8,"role":"background","technique":["css-only"],"style":["swiss","minimal","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#0f0f10","#f2f1ec","#6c6c70","#e8482b"]},"deps":["none"],"useCases":["section-divider","background","hero","footer"],"mood":["elegant","serious","calm"],"description":"Horizontal rule bars slide in from alternating edges and pulse in rhythm with a red accent line and asymmetric vertical axis under RULE LINE","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["swiss","typography","grid","horizontal-rules","rhythm","css-animation","geometric"]},{"id":398,"file":"swiss/07-rotated-headline.html","repoFile":"infinite/swiss/07-rotated-headline.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Rotated Headline","loc":170,"kb":7,"role":"hero","technique":["css-only"],"style":["swiss","minimal","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"monochrome","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#0f0f10","#f4f4f2","#e8482b","#26262a","#8d8d92"]},"deps":["none"],"useCases":["hero","section-divider","splash"],"mood":["elegant","serious","techy"],"description":"Bold black-and-white Swiss headline that rotates 90 degrees to snap up a grid column while a red accent block slides in.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["swiss","typography","rotation","grid","headline","accent","layout"]},{"id":399,"file":"swiss/08-number-grid.html","repoFile":"infinite/swiss/08-number-grid.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Number Grid","loc":232,"kb":9,"role":"dataviz","technique":["raf"],"style":["swiss","minimal","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#0f0f10","#f4f1ea","#e8482b","#5a5a5e"]},"deps":["none"],"useCases":["dashboard","loading","section-divider"],"mood":["techy","serious","elegant"],"description":"A 5x5 Swiss grid of tabular numerals counting in a staggered diagonal beat, with a red accent sweeping each anti-diagonal.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["swiss","typography","grid","numbers","modular","diagonal","counter"]},{"id":400,"file":"swiss/09-accent-shift.html","repoFile":"infinite/swiss/09-accent-shift.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Accent Shift","loc":221,"kb":8,"role":"hero","technique":["css-only"],"style":["swiss","minimal","geometric"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#0f0f10","#f4f2ec","#3a3a3d","#1c1c1f","#e8482b"]},"deps":["none"],"useCases":["hero","section-divider","splash"],"mood":["elegant","serious","techy"],"description":"A single red block migrates in modular steps through a sparse neutral grid beside bold uppercase Swiss type and shifting rules.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["swiss","typography","grid","geometric","accent","loop","minimal"]},{"id":401,"file":"swiss/10-margin-dance.html","repoFile":"infinite/swiss/10-margin-dance.html","themeSlug":"swiss","theme":"Swiss Typographic","title":"Margin Dance","loc":243,"kb":9,"role":"hero","technique":["raf"],"style":["swiss","minimal","monochrome"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8482b","bgHex":"#0f0f10","colors":["#0f0f10","#e8482b","#f4f1ea","#56565a"]},"deps":["none"],"useCases":["hero","section-divider","background"],"mood":["elegant","calm","serious"],"description":"A Swiss typographic layout whose margin frame, red gutter rule and measure bars breathe and skew in proportional rhythm.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["swiss","typography","grid","breathing","layout","transform","ambient"]},{"id":402,"file":"de-stijl/01-grid-recompose.html","repoFile":"infinite/de-stijl/01-grid-recompose.html","themeSlug":"de-stijl","theme":"De Stijl Neoplastic","title":"Grid Recompose","loc":251,"kb":9,"role":"background","technique":["canvas","raf"],"style":["de-stijl","geometric","flat"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#1b5fc4","bgHex":"#0e0e10","colors":["#0e0e10"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","playful","serious"],"description":"neoplastic-style black grid lines slide to continuously repartition red, blue and yellow rectangles in shifting equilibrium.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["grid","neoplastic","geometry","de-stijl","canvas","loop"]},{"id":403,"file":"de-stijl/02-boogie-woogie.html","repoFile":"infinite/de-stijl/02-boogie-woogie.html","themeSlug":"de-stijl","theme":"De Stijl Neoplastic","title":"Boogie Pulse","loc":192,"kb":7,"role":"background","technique":["canvas","raf"],"style":["de-stijl","geometric","flat"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#1b5fc4","bgHex":"#0e0e10","colors":["#0e0e10"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["playful","energetic","techy"],"description":"Small primary-color blocks blink and travel like traffic along a black grid of avenues over De Stijl color plaques.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["de-stijl","neoplastic","grid","canvas","traffic","primary-colors","ambient"]},{"id":404,"file":"de-stijl/03-block-fill.html","repoFile":"infinite/de-stijl/03-block-fill.html","themeSlug":"de-stijl","theme":"De Stijl Neoplastic","title":"Block Fill","loc":160,"kb":7,"role":"hero","technique":["css-only"],"style":["de-stijl","geometric","flat"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#1b5fc4","bgHex":"#0e0e10","colors":["#0e0e10","#0a0a0c","#ece9e1","#c8202a","#1b5fc4","#f2c014"]},"deps":["none"],"useCases":["hero","loading","section-divider"],"mood":["playful","elegant","serious"],"description":"Red, blue and yellow rectangles wipe and rise in sequence to fill cells of a black De Stijl grid on warm white.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["de-stijl","geometric","color-blocks","grid","fill","loop","neoplastic"]},{"id":405,"file":"de-stijl/04-line-weave.html","repoFile":"infinite/de-stijl/04-line-weave.html","themeSlug":"de-stijl","theme":"De Stijl Neoplastic","title":"Line Weave","loc":272,"kb":9,"role":"hero","technique":["canvas","raf"],"style":["de-stijl","geometric","minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#1b5fc4","bgHex":"#0e0e10","colors":["#0e0e10","#f4f1ea","#1b5fc4","#c8362f","#e3c01f"]},"deps":["none"],"useCases":["hero","loading","splash"],"mood":["elegant","techy","serious"],"description":"White horizontal and vertical lines thread and interlace over saturating primary-color blocks on a dark glowing field.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["de-stijl","neoplastic","grid","weave","canvas","primary-colors","geometric"]},{"id":406,"file":"de-stijl/05-equilibrium.html","repoFile":"infinite/de-stijl/05-equilibrium.html","themeSlug":"de-stijl","theme":"De Stijl Neoplastic","title":"Dynamic Equilibrium","loc":250,"kb":9,"role":"background","technique":["canvas","raf"],"style":["de-stijl","geometric","minimal"],"motion":"physics","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#1b5fc4","bgHex":"#0e0e10","colors":["#0e0e10"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","serious","techy"],"description":"Red, blue and yellow rectangles hang from a black beam that tilts and settles toward level on a near-black field, a balancing mobile.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["de-stijl","physics","neoplastic","balance","generative","ambient","canvas"]},{"id":407,"file":"de-stijl/06-counter-composition.html","repoFile":"infinite/de-stijl/06-counter-composition.html","themeSlug":"de-stijl","theme":"De Stijl Neoplastic","title":"Counter Composition","loc":196,"kb":7,"role":"background","technique":["canvas","raf"],"style":["de-stijl","geometric","constructivist"],"motion":"reveal","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#1b5fc4","bgHex":"#0e0e10","colors":["#0e0e10"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","serious"],"description":"A tilted Neoplastic grid of red, blue and yellow cells divided by black bars rotates from a steep angle and settles to a resting 15-degree t","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["de-stijl","neoplastic","canvas","rotation","grid","geometric","ambient"]},{"id":408,"file":"de-stijl/07-split-plane.html","repoFile":"infinite/de-stijl/07-split-plane.html","themeSlug":"de-stijl","theme":"De Stijl Neoplastic","title":"Split Plane","loc":225,"kb":9,"role":"background","technique":["canvas","raf"],"style":["de-stijl","geometric","minimal"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#1b5fc4","bgHex":"#0e0e10","colors":["#0e0e10"]},"deps":["none"],"useCases":["background","hero","section-divider"],"mood":["elegant","serious","techy"],"description":"An off-white plane partitioned by heavy black lines repeatedly splits along a seam, halves sliding apart and reflowing into new primary-colo","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["de-stijl","neoplastic","geometric","split","canvas","loop","primary-colors"]},{"id":409,"file":"de-stijl/08-primary-cascade.html","repoFile":"infinite/de-stijl/08-primary-cascade.html","themeSlug":"de-stijl","theme":"De Stijl Neoplastic","title":"Primary Cascade","loc":223,"kb":8,"role":"background","technique":["canvas","raf"],"style":["de-stijl","geometric","constructivist"],"motion":"physics","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#1b5fc4","bgHex":"#0e0e10","colors":["#0e0e10","#07070a","#ece9e1","#c8202a","#1b5fc4","#f2c014"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["playful","serious","elegant"],"description":"Primary red, blue and yellow squares fall down vertical channels of a black grid on warm white, stacking onto stepped shelves then recycling","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["de-stijl","neoplastic","falling","grid","primary-colors","canvas","generative"]},{"id":410,"file":"progress-status/01-linear-determinate.html","repoFile":"infinite/progress-status/01-linear-determinate.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Linear Progress","loc":222,"kb":8,"role":"feedback","technique":["raf"],"style":["minimal","swiss","neon"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#a78bff","#1b1f2b","#eef0f7","#6f768c"]},"deps":["none"],"useCases":["loading","dashboard","onboarding"],"mood":["techy","futuristic","elegant"],"description":"A purple gradient bar fills left-to-right under a large percent readout with a glowing leading head, tick scale and status dot.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["progress-bar","linear","status","upload","loop","monospace","ui-component"]},{"id":411,"file":"progress-status/02-segmented-stepper.html","repoFile":"infinite/progress-status/02-segmented-stepper.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Segmented Stepper","loc":258,"kb":10,"role":"feedback","technique":["raf"],"style":["minimal","bauhaus","flat"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#22d3a6","#1b1f2b","#e8eaf2","#5a6075"]},"deps":["none"],"useCases":["onboarding","dashboard","loading"],"mood":["techy","calm","elegant"],"description":"A four-step circular stepper fills connector segments and stamps checkmarks as it advances through Account, Profile, Verify, Done.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["stepper","progress","ui-control","onboarding","segmented","css-transition","dark-ui"]},{"id":412,"file":"progress-status/03-ring-percent.html","repoFile":"infinite/progress-status/03-ring-percent.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Percent Ring","loc":224,"kb":8,"role":"feedback","technique":["svg","raf"],"style":["minimal","neon","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#b9a8ff","#1b2030","#e9ecf6","#7f8aa3"]},"deps":["none"],"useCases":["loading","dashboard","onboarding"],"mood":["techy","futuristic","calm"],"description":"A purple circular progress ring sweeps to a percentage with a tick head marker, large numeric center readout and a pulsing status dot.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["progress","ring","svg","percentage","easing","status","ui-component"]},{"id":413,"file":"progress-status/04-upload-progress.html","repoFile":"infinite/progress-status/04-upload-progress.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Upload Progress","loc":258,"kb":11,"role":"feedback","technique":["svg","raf"],"style":["minimal","neon","flat"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#a78bff","#1b1f2b","#eef0f7","#6f768c"]},"deps":["none"],"useCases":["loading","dashboard","onboarding"],"mood":["techy","futuristic","calm"],"description":"A circular upload dial with a file glyph fills a purple ring to 100%, then swaps to a green success checkmark on completion.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["progress","upload","circular","dial","status","microinteraction","ui-control"]},{"id":414,"file":"progress-status/05-skeleton-shimmer.html","repoFile":"infinite/progress-status/05-skeleton-shimmer.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Skeleton Loader","loc":188,"kb":7,"role":"loader","technique":["css-only"],"style":["minimal","flat","gradient"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#171a24","#1d2130","#222637","#10131c"]},"deps":["none"],"useCases":["loading","empty-state","dashboard"],"mood":["techy","calm","elegant"],"description":"Dark content-card skeleton placeholder with avatar, text rows, thumbnail and pills, swept by a violet diagonal shimmer wavefront.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["skeleton","shimmer","loading","placeholder","card","ui-pattern","progress"]},{"id":415,"file":"progress-status/06-download-arrow.html","repoFile":"infinite/progress-status/06-download-arrow.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Download Fill","loc":195,"kb":7,"role":"loader","technique":["svg","raf"],"style":["minimal","neon","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#a78bfa","#1b1e2b","#e7e3ff","#7bffcf"]},"deps":["none"],"useCases":["loading","dashboard","onboarding"],"mood":["techy","futuristic","serious"],"description":"Glowing violet download-arrow icon whose stroke fills with the live transfer percentage, settling into a tray and flipping to COMPLETE.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["progress","download","svg","stroke-dashoffset","icon","status","loop"]},{"id":416,"file":"progress-status/07-battery-charge.html","repoFile":"infinite/progress-status/07-battery-charge.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Battery Charge","loc":191,"kb":8,"role":"loader","technique":["svg","raf"],"style":["minimal","neon","flat","gradient"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#11141c","#2a2f40","#7c5cff","#9b86ff","#c7baff"]},"deps":["none"],"useCases":["loading","dashboard","onboarding"],"mood":["techy","energetic","futuristic"],"description":"Horizontal battery shell with segmented violet fill sweeping from 4% to 100%, pulsing bolt icon, traveling sheen and green charged glow.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["battery","progress","charging","status","glow","ui-component","monospace"]},{"id":417,"file":"progress-status/08-multi-track.html","repoFile":"infinite/progress-status/08-multi-track.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Multi-Track","loc":261,"kb":9,"role":"dataviz","technique":["raf"],"style":["minimal","swiss","flat"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#7c5cff","#0b0d12","#22d3a6","#ffb347","#ff5c8a","#171b26"]},"deps":["none"],"useCases":["dashboard","loading","onboarding"],"mood":["techy","serious","elegant"],"description":"Four labeled multicolor progress bars (ingest, transcode, index, publish) filling at staggered rates with a live N/4 complete counter.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["progress","multi-track","status","pipeline","dashboard","stagger","loop"]},{"id":418,"file":"progress-status/09-buffering-dots.html","repoFile":"infinite/progress-status/09-buffering-dots.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Buffering","loc":191,"kb":8,"role":"loader","technique":["raf"],"style":["minimal","swiss","monochrome"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#a591ff","#1a1d28","#2c2752","#e7e8f0"]},"deps":["none"],"useCases":["loading","dashboard"],"mood":["techy","calm","serious"],"description":"Video stream buffering bar where playback chases a buffered-ahead band, with sweeping sheen, 8 segment dots, percent and ETA readout.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["progress","buffering","status","video-player","dots","sheen","monospace"]},{"id":419,"file":"progress-status/10-install-phases.html","repoFile":"infinite/progress-status/10-install-phases.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Install Phases","loc":269,"kb":10,"role":"loader","technique":["raf"],"style":["minimal","constructivist","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#22d3a6","#171b26","#2a3042","#e8eaf2"]},"deps":["none"],"useCases":["loading","onboarding","dashboard"],"mood":["techy","futuristic","serious"],"description":"Horizontal install conduit with marching diamond data packets, a scan cursor and gated Download/Verify/Install/Done phase labels.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["progress","install","phases","packets","terminal","monospace","loop"]},{"id":420,"file":"progress-status/11-gauge-fill.html","repoFile":"infinite/progress-status/11-gauge-fill.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Status Gauge","loc":222,"kb":9,"role":"dataviz","technique":["svg","raf"],"style":["minimal","gradient","monochrome"],"motion":"reactive","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#b6a6ff","#1b2030","#e9ecf6","#5a6178"]},"deps":["none"],"useCases":["dashboard","loading"],"mood":["techy","serious","futuristic"],"description":"Semicircular system-load gauge whose violet needle eases and overshoots to settle on shifting values, with arc fill and status label.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["gauge","progress","needle","arc","status","dashboard","monospace"]},{"id":421,"file":"progress-status/12-checklist-complete.html","repoFile":"infinite/progress-status/12-checklist-complete.html","themeSlug":"progress-status","theme":"Progress & Status","title":"Checklist","loc":208,"kb":9,"role":"feedback","technique":["svg","raf"],"style":["minimal","bauhaus","geometric","flat"],"motion":"reveal","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#7c5cff","bgHex":"#0b0d12","colors":["#0b0d12","#7c5cff","#e84a3c","#f5c451","#e8e9f0","#5b5f72"]},"deps":["none"],"useCases":["onboarding","loading","cta"],"mood":["playful","techy","warm"],"description":"Four-item checklist whose rings draw and ticks snap in sequence as a progress bar fills to 100%, ending with a popped Done approval stamp.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["checklist","progress","svg","tick","status","loop","ui-feedback"]},{"id":422,"file":"feedback-states/01-success-check.html","repoFile":"infinite/feedback-states/01-success-check.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Success Check","loc":211,"kb":8,"role":"feedback","technique":["svg","raf"],"style":["minimal","geometric","flat"],"motion":"reveal","intensity":"moderate","interaction":["keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#34d399","#0b0d12","#eafff5","#0e1a16"]},"deps":["none"],"useCases":["onboarding","cta","dashboard"],"mood":["techy","calm","elegant"],"description":"Mint-green circular ring sweeps closed and a checkmark draws in with a springy pop and expanding halo on dark.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["success","checkmark","feedback","svg","microinteraction","spring","halo"]},{"id":423,"file":"feedback-states/02-error-shake.html","repoFile":"infinite/feedback-states/02-error-shake.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Error Shake","loc":226,"kb":9,"role":"feedback","technique":["svg","raf"],"style":["minimal","flat"],"motion":"reactive","intensity":"moderate","interaction":["keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#34d399","#fb6a6a","#0b0d12","#5b6472","#11151d","#232a36"]},"deps":["none"],"useCases":["onboarding","dashboard"],"mood":["techy","serious"],"description":"A dark email input field shakes horizontally, borders flush red, a red X pops in and a validation message slides up.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["form","error","shake","microinteraction","validation","feedback","input"]},{"id":424,"file":"feedback-states/03-toast-stack.html","repoFile":"infinite/feedback-states/03-toast-stack.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Toast Stack","loc":245,"kb":10,"role":"feedback","technique":["svg","raf"],"style":["minimal","flat","geometric"],"motion":"physics","intensity":"moderate","interaction":["keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#0b0d12","#34d399","#fb7185","#fbbf24","#5b6472","#e8edf4"]},"deps":["none"],"useCases":["dashboard","onboarding","cta"],"mood":["techy","calm"],"description":"A bottom-anchored stack of dark notification toasts springs up, drains a colored progress bar, then slides off.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["toast","notification","stack","progress-bar","spring","feedback","ui-pattern"]},{"id":425,"file":"feedback-states/04-slide-to-confirm.html","repoFile":"infinite/feedback-states/04-slide-to-confirm.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Slide to Confirm","loc":226,"kb":11,"role":"button","technique":["svg","raf"],"style":["minimal","flat","gradient"],"motion":"reactive","intensity":"moderate","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#04130d","#0b0d12","#34d399","#fb7185","#e7ecf2","#5a6472"]},"deps":["none"],"useCases":["cta","onboarding"],"mood":["techy","serious"],"description":"A pill slider with a draggable thumb fills green to 'Confirmed', or shakes red on an early release.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["slider","confirm","drag","feedback","ui-control","spring","accessible"]},{"id":426,"file":"feedback-states/05-hold-to-confirm.html","repoFile":"infinite/feedback-states/05-hold-to-confirm.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Hold to Confirm","loc":295,"kb":12,"role":"button","technique":["canvas","raf"],"style":["minimal","geometric","constructivist","de-stijl"],"motion":"reactive","intensity":"moderate","interaction":["click","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#0b0d12","#34d399"]},"deps":["none"],"useCases":["cta","onboarding"],"mood":["techy","serious","futuristic"],"description":"A tick-marked ring fills as you press and hold; a center square rotates 45deg into a green check, or flashes a red cross on abort.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["hold","confirm","progress-ring","canvas","state-machine","microinteraction","feedback"]},{"id":427,"file":"feedback-states/06-empty-state.html","repoFile":"infinite/feedback-states/06-empty-state.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Empty State","loc":246,"kb":9,"role":"feedback","technique":["canvas","raf"],"style":["minimal","geometric","bauhaus"],"motion":"physics","intensity":"calm","interaction":["pointer","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#0b0d12"]},"deps":["none"],"useCases":["empty-state","dashboard","404"],"mood":["calm","techy","dreamy"],"description":"An open Bauhaus vessel sits empty while mint motes drift, scatter on poke, and spring back to settle above it.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["empty-state","canvas","particles","spring-physics","feedback","ambient","ui-illustration"]},{"id":428,"file":"feedback-states/07-like-burst.html","repoFile":"infinite/feedback-states/07-like-burst.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Like Burst","loc":261,"kb":9,"role":"feedback","technique":["canvas","raf"],"style":["minimal","neon","vaporwave","gradient"],"motion":"physics","intensity":"energetic","interaction":["keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#0b0d12","#34d399"]},"deps":["none"],"useCases":["cta","testimonial"],"mood":["playful","energetic","futuristic"],"description":"A heart dips then springs into a magenta-mint gradient fill, firing a 96-particle synthwave burst of dots and ring shards.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["heart","like","burst","particles","synthwave","canvas","microinteraction","feedback"]},{"id":429,"file":"feedback-states/08-copied-tooltip.html","repoFile":"infinite/feedback-states/08-copied-tooltip.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Copied!","loc":240,"kb":10,"role":"feedback","technique":["svg","raf"],"style":["minimal","bauhaus","geometric","flat"],"motion":"reactive","intensity":"calm","interaction":["keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#34d399","#e8eef2","#04231a","#0b0d12","#11161f","#1f2a36"]},"deps":["none"],"useCases":["cta","dashboard"],"mood":["techy","playful"],"description":"A flat copy button presses down and a green 'Copied!' tooltip with a check springs up on a notch, holds, then retreats.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["tooltip","feedback","copy","spring","microinteraction","ui-control"]},{"id":430,"file":"feedback-states/09-denied-buzz.html","repoFile":"infinite/feedback-states/09-denied-buzz.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Denied","loc":195,"kb":8,"role":"feedback","technique":["svg","raf"],"style":["minimal","constructivist","geometric"],"motion":"reactive","intensity":"energetic","interaction":["keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#0b0d12","#f1e9d8","#e2473d","#5b6473","#34d399"]},"deps":["none"],"useCases":["cta","onboarding","404"],"mood":["serious","techy","energetic"],"description":"A red no-entry disk on diagonal steel slabs head-shakes and buzzes with impact sparks, stamping DENIED on each rejected action.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["denied","feedback","shake","no-entry","error-state","spring","microinteraction"]},{"id":431,"file":"feedback-states/10-save-morph.html","repoFile":"infinite/feedback-states/10-save-morph.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Save → Saved","loc":271,"kb":10,"role":"button","technique":["svg","raf"],"style":["minimal","bauhaus","geometric"],"motion":"reactive","intensity":"moderate","interaction":["keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#0b0d12","#34d399"]},"deps":["none"],"useCases":["cta","dashboard","onboarding"],"mood":["techy","elegant","calm"],"description":"A green SAVE pill morphs into a circle, sweeps a spinner, then springs a checkmark into a Saved state with red-square and blue-dot Bauhaus a","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["save","feedback","svg","morph","spinner","checkmark","microinteraction","bauhaus"]},{"id":432,"file":"feedback-states/11-rating-stars.html","repoFile":"infinite/feedback-states/11-rating-stars.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Star Rating","loc":259,"kb":11,"role":"feedback","technique":["css-only"],"style":["minimal","geometric","flat"],"motion":"reactive","intensity":"moderate","interaction":["pointer","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#0b0d12","#34d399","#10b981","#1b2230","#283142","#f0556a"]},"deps":["none"],"useCases":["testimonial","cta","onboarding"],"mood":["playful","techy","warm"],"description":"A row of five stars fills green from a clipped well with spring stagger, with success, denied-shake, and empty states and a status readout.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["star-rating","feedback","svg","spring","ui-control","microinteraction","accessible"]},{"id":433,"file":"feedback-states/12-undo-snackbar.html","repoFile":"infinite/feedback-states/12-undo-snackbar.html","themeSlug":"feedback-states","theme":"Feedback & States","title":"Undo Snackbar","loc":233,"kb":11,"role":"feedback","technique":["svg","raf"],"style":["minimal","flat","glass"],"motion":"reactive","intensity":"calm","interaction":["click","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#34d399","bgHex":"#0b0d12","colors":["#283041","#0b0d12","#34d399","#10b981","#fb7185","#e7ecf3"]},"deps":["none"],"useCases":["dashboard","empty-state","footer"],"mood":["techy","calm","serious"],"description":"A dark toast slides up over a ledger of deleted rows with a draining countdown ring and UNDO button that restores the item before auto-confi","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["snackbar","toast","undo","feedback","countdown","svg-ring","ui-pattern"]},{"id":434,"file":"drag-reorder/01-flip-list.html","repoFile":"infinite/drag-reorder/01-flip-list.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"FLIP Reorder","loc":240,"kb":10,"role":"card","technique":["raf"],"style":["minimal","constructivist","geometric"],"motion":"physics","intensity":"moderate","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#22d3ee","#e7eef2","#5b6573","#1b2230","#11151d"]},"deps":["none"],"useCases":["dashboard","onboarding"],"mood":["techy","playful","serious"],"description":"A vertical list of numbered color-barred rows reorders with spring FLIP physics as cards are dragged and lifted into new slots.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["drag","reorder","flip","spring","list","keyboard","demo"]},{"id":435,"file":"drag-reorder/02-kanban-move.html","repoFile":"infinite/drag-reorder/02-kanban-move.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"Kanban Move","loc":253,"kb":11,"role":"card","technique":["raf"],"style":["minimal","geometric","flat"],"motion":"physics","intensity":"moderate","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#22d3ee","#e8593f","#f4c531","#e7ecf3","#161a23"]},"deps":["none"],"useCases":["dashboard","onboarding"],"mood":["techy","playful","serious"],"description":"A three-column kanban board where a cyan-tagged card lifts and springs between Red, Yellow, and Cyan lanes via FLIP transitions.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["kanban","drag-reorder","flip","spring","cards","keyboard","demo-loop"]},{"id":436,"file":"drag-reorder/03-swipe-deck.html","repoFile":"infinite/drag-reorder/03-swipe-deck.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"Swipe Deck","loc":242,"kb":10,"role":"card","technique":["raf"],"style":["minimal","constructivist","geometric"],"motion":"physics","intensity":"energetic","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#22d3ee","#e23b50","#f4f1e8","#0a0b10"]},"deps":["none"],"useCases":["onboarding","hero","splash"],"mood":["playful","energetic","techy"],"description":"A fanned stack of paper Tinder-style cards throws the top card off-screen with velocity and rotation, springing it back to the deck.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cards","swipe","deck","drag","spring-physics","tinder","reorder"]},{"id":437,"file":"drag-reorder/04-pull-refresh.html","repoFile":"infinite/drag-reorder/04-pull-refresh.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"Pull to Refresh","loc":263,"kb":10,"role":"feedback","technique":["canvas","raf"],"style":["minimal","constructivist","geometric"],"motion":"physics","intensity":"moderate","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#e8eaef","#22d3ee","#ec3a4b","#3a4150"]},"deps":["none"],"useCases":["loading","dashboard","onboarding"],"mood":["techy","energetic","serious"],"description":"A canvas list pulls down with elastic rubber-band overscroll, revealing diagonal bars and releasing into a spinning geometric sync indicator","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pull-to-refresh","canvas","spring-physics","list","gesture","mobile-ui","constructivist"]},{"id":438,"file":"drag-reorder/05-sortable-grid.html","repoFile":"infinite/drag-reorder/05-sortable-grid.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"Sortable Grid","loc":223,"kb":9,"role":"input","technique":["raf"],"style":["minimal","de-stijl","constructivist","geometric"],"motion":"physics","intensity":"moderate","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#22d3ee"]},"deps":["none"],"useCases":["dashboard","onboarding","empty-state"],"mood":["playful","techy"],"description":"A 3x3 grid of primary-colored numbered tiles that spring-reorder as they are dragged or swapped, with auto-demo shuffling.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["drag","reorder","grid","spring-physics","sortable","keyboard","ui-control"]},{"id":439,"file":"drag-reorder/06-slider-snap.html","repoFile":"infinite/drag-reorder/06-slider-snap.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"Snap Slider","loc":230,"kb":9,"role":"input","technique":["raf"],"style":["minimal","geometric","gradient"],"motion":"physics","intensity":"moderate","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#22d3ee","#3a6df0"]},"deps":["none"],"useCases":["dashboard","onboarding","pricing"],"mood":["techy","playful"],"description":"A cyan-gradient slider whose round thumb flicks with momentum and snaps to nine detents along a tick-marked track.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["slider","snap","spring","momentum","drag","ui-control","detents"]},{"id":440,"file":"drag-reorder/07-range-dual.html","repoFile":"infinite/drag-reorder/07-range-dual.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"Dual Range","loc":314,"kb":10,"role":"input","technique":["canvas","raf"],"style":["minimal","bauhaus","constructivist","geometric"],"motion":"physics","intensity":"calm","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#22d3ee","#eef3f6","#1b2230","#f0b429"]},"deps":["none"],"useCases":["dashboard","pricing","onboarding"],"mood":["techy","elegant"],"description":"A canvas dual-range slider with two spring-driven thumbs, hatched fill, delta readout and ticks, auto-breathing between bounds.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["range-slider","dual-thumb","spring","canvas","ui-control","draggable","monospace"]},{"id":441,"file":"drag-reorder/08-carousel-throw.html","repoFile":"infinite/drag-reorder/08-carousel-throw.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"Carousel Throw","loc":214,"kb":9,"role":"input","technique":["raf"],"style":["minimal","constructivist","geometric","de-stijl"],"motion":"physics","intensity":"energetic","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#22d3ee","#e9eef5","#e4573b","#f2c14e","#2f6df0"]},"deps":["none"],"useCases":["hero","onboarding","dashboard"],"mood":["playful","energetic","techy"],"description":"A radial ring of seven colored cards around a glowing hub that you fling with inertia and it settles to the nearest card under a marker.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["carousel","drag","inertia","radial","physics","snap","ui-control"]},{"id":442,"file":"drag-reorder/09-reorder-handle.html","repoFile":"infinite/drag-reorder/09-reorder-handle.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"Drag Handle","loc":293,"kb":11,"role":"input","technique":["raf"],"style":["minimal","flat","geometric"],"motion":"physics","intensity":"calm","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#22d3ee","#e8ecf2","#161a23","#2a3140","#33404f"]},"deps":["none"],"useCases":["dashboard","onboarding","empty-state"],"mood":["techy","calm"],"description":"A vertical list of dark rows with grip handles that lift, glow cyan and spring into place when dragged or arrow-keyed to reorder.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["drag-and-drop","reorder","list","spring","grip-handle","keyboard","ui-control"]},{"id":443,"file":"drag-reorder/10-split-pane.html","repoFile":"infinite/drag-reorder/10-split-pane.html","themeSlug":"drag-reorder","theme":"Drag & Reorder","title":"Split Pane","loc":203,"kb":9,"role":"input","technique":["raf"],"style":["minimal","geometric","neon"],"motion":"physics","intensity":"calm","interaction":["pointer","click","drag","keyboard"],"a11y":{"reducedMotion":true,"keyboard":true,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#22d3ee","bgHex":"#0c0e13","colors":["#0c0e13","#22d3ee","#f2b705","#e0457b","#11141b"]},"deps":["none"],"useCases":["dashboard","onboarding","section-divider"],"mood":["techy","elegant"],"description":"Two color-coded panes split by a draggable cyan divider with a grip and percent readout, auto-sweeping in a gentle spring motion.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["split-pane","divider","drag","spring","resize","ui-control","layout"]},{"id":444,"file":"fractals-automata/01-mandelbrot-zoom.html","repoFile":"infinite/fractals-automata/01-mandelbrot-zoom.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"Mandelbrot Zoom","loc":197,"kb":8,"role":"background","technique":["canvas","raf"],"style":["geometric","cosmic","psychedelic","gradient"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b","#9b8cff"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["dreamy","futuristic","elegant"],"description":"A slow escape-time Mandelbrot zoom into a filigree boundary seam in smooth violet-to-gold bands on near-black, with static vignette.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["mandelbrot","fractal","canvas","zoom","generative","ambient","math"]},{"id":445,"file":"fractals-automata/02-julia-morph.html","repoFile":"infinite/fractals-automata/02-julia-morph.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"Julia Morph","loc":206,"kb":8,"role":"background","technique":["canvas","raf"],"style":["geometric","cosmic","psychedelic","organic"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b","#9b8cff"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["dreamy","futuristic","elegant"],"description":"A Julia set whose complex constant traces a slow loop, morphing dendritic violet filaments between connected and dust forms on black.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["fractal","julia-set","canvas","generative","pixel-loop","morphing","ambient"]},{"id":446,"file":"fractals-automata/03-game-of-life.html","repoFile":"infinite/fractals-automata/03-game-of-life.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"Game of Life","loc":191,"kb":7,"role":"background","technique":["canvas","raf"],"style":["geometric","minimal","monochrome"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","calm","futuristic"],"description":"Conway's Game of Life: glowing violet cells flicker, drift and die across a dark pixel grid, reseeding when the field thins.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cellular-automata","game-of-life","canvas","pixel","generative","loop","grid"]},{"id":447,"file":"fractals-automata/04-lenia-smooth.html","repoFile":"infinite/fractals-automata/04-lenia-smooth.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"Lenia","loc":228,"kb":8,"role":"background","technique":["canvas","raf"],"style":["geometric","organic","gradient","minimal"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b","#0c0e18"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["dreamy","calm","futuristic"],"description":"Lenia smooth-life automaton: glowing organic indigo-to-teal blobs glide and pulse across a dark field with a soft radial glow.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["cellular-automata","lenia","canvas","generative","organic","indigo","simulation"]},{"id":448,"file":"fractals-automata/05-l-system-fern.html","repoFile":"infinite/fractals-automata/05-l-system-fern.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"L-System Fern","loc":211,"kb":8,"role":"decoration","technique":["canvas","raf"],"style":["geometric","organic","minimal"],"motion":"reveal","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b"]},"deps":["none"],"useCases":["hero","section-divider","onboarding"],"mood":["elegant","calm","techy"],"description":"An algorithmic fern drawing itself branch by branch via an L-system rule, growing in violet-to-mint then restarting.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["fractal","l-system","fern","turtle-graphics","generative","canvas","loop"]},{"id":449,"file":"fractals-automata/06-reaction-noise.html","repoFile":"infinite/fractals-automata/06-reaction-noise.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"Domain Warp","loc":187,"kb":7,"role":"background","technique":["canvas","raf"],"style":["geometric","organic","gradient","minimal"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["dreamy","calm","elegant"],"description":"A slowly flowing field of domain-warped fractal noise in violet, indigo and ink, like layered marbled smoke.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["fractal","noise","domain-warp","generative","ambient","canvas","palette"]},{"id":450,"file":"fractals-automata/07-sierpinski.html","repoFile":"infinite/fractals-automata/07-sierpinski.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"Sierpinski","loc":182,"kb":6,"role":"background","technique":["canvas","raf"],"style":["geometric","minimal","monochrome"],"motion":"generative","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b","#c8beff"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","elegant","calm"],"description":"A Sierpinski triangle accreting from thousands of chaos-game points, glowing violet on near-black with three anchor pips.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["fractal","sierpinski","chaos-game","canvas","generative","accretion","ambient"]},{"id":451,"file":"fractals-automata/08-rule-30.html","repoFile":"infinite/fractals-automata/08-rule-30.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"Elementary CA","loc":212,"kb":8,"role":"background","technique":["canvas","raf"],"style":["geometric","minimal","monochrome"],"motion":"generative","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","futuristic","serious"],"description":"An elementary cellular automaton scrolling upward, computing each new row from a fixed rule to reveal violet fractal triangles.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["cellular-automata","fractal","canvas","generative","rule-30","pixel","scrolling"]},{"id":452,"file":"fractals-automata/09-mandelbrot-julia-split.html","repoFile":"infinite/fractals-automata/09-mandelbrot-julia-split.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"Fractal Split","loc":179,"kb":7,"role":"background","technique":["canvas","raf"],"style":["geometric","psychedelic","gradient"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b","#cfc7ff"]},"deps":["none"],"useCases":["background","hero","splash"],"mood":["dreamy","futuristic","techy"],"description":"A split escape-time fractal morphing between a Mandelbrot and Julia set across a glowing vertical seam in violet hues.","aiEnriched":true,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","animation-heavy","mobile-ready"],"tags":["fractal","mandelbrot","julia","canvas","generative","ambient","violet"]},{"id":453,"file":"fractals-automata/10-langtons-ant.html","repoFile":"infinite/fractals-automata/10-langtons-ant.html","themeSlug":"fractals-automata","theme":"Fractals & Automata","title":"Langton’s Ant","loc":179,"kb":6,"role":"background","technique":["canvas","raf"],"style":["geometric","minimal","bauhaus"],"motion":"generative","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#9b8cff","bgHex":"#06070b","colors":["#06070b"]},"deps":["none"],"useCases":["background","hero","loading"],"mood":["techy","playful","futuristic"],"description":"Langton's ant traces emergent violet highways across a square grid with a glowing recency trail and bright head dot.","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cellular-automata","langtons-ant","canvas","emergent","grid","pixel","generative"]},{"id":454,"file":"charts-flow/01-sankey-flow.html","repoFile":"infinite/charts-flow/01-sankey-flow.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Sankey Flow","loc":203,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","constructivist","geometric"],"motion":"reveal","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#0a0d12"]},"deps":["none"],"useCases":["dashboard","background","hero"],"mood":["techy","elegant","calm"],"description":"Animated Sankey diagram on dark teal canvas: ribbons grow stage-by-stage between origins, hubs and outcome bands, pulsing softly to show flo","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["sankey","flow","data-viz","canvas","ribbon","chart","generative"]},{"id":455,"file":"charts-flow/02-chord-rebalance.html","repoFile":"infinite/charts-flow/02-chord-rebalance.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Chord Diagram","loc":212,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","geometric","bauhaus"],"motion":"ambient","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#0a0d12"]},"deps":["none"],"useCases":["dashboard","hero","background"],"mood":["techy","elegant","futuristic"],"description":"Chord diagram of eight ring nodes whose curved additive-blended ribbons continuously swell and shrink as relationship weights rebalance into","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["chord-diagram","data-viz","canvas","additive-blend","network","ambient","generative"]},{"id":456,"file":"charts-flow/03-treemap-tile.html","repoFile":"infinite/charts-flow/03-treemap-tile.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Treemap","loc":227,"kb":9,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","geometric","flat"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#5ad1a0","#0a0d12","#3a9c97","#2f6f8f","#6f5ad1","#d18f5a"]},"deps":["none"],"useCases":["dashboard","background","section-divider"],"mood":["techy","calm","serious"],"description":"Animated treemap of labelled rounded cells that smoothly resize and re-partition on each data update, breathing in alpha to encode shifting ","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["treemap","data-viz","canvas","charts","generative","ambient","layout"]},{"id":457,"file":"charts-flow/04-candlestick.html","repoFile":"infinite/charts-flow/04-candlestick.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Candlesticks","loc":244,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","flat","constructivist"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#0a0d12"]},"deps":["none"],"useCases":["dashboard","hero","background"],"mood":["techy","serious","futuristic"],"description":"Financial candlestick chart: green and red OHLC candles stream in from the right over a faint grid, with a dashed last-price marker tracing ","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["candlestick","finance","chart","canvas","streaming","ohlc","data-viz"]},{"id":458,"file":"charts-flow/05-stream-graph.html","repoFile":"infinite/charts-flow/05-stream-graph.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Streamgraph","loc":211,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","organic","gradient"],"motion":"ambient","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#0a0d12","#5ad1a0","#10151c"]},"deps":["none"],"useCases":["background","hero","dashboard","section-divider"],"mood":["calm","elegant","techy"],"description":"Streamgraph of six stacked translucent teal-to-amber bands flowing and breathing around a central baseline, crossed by a sweeping readout li","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["streamgraph","data-viz","canvas","stacked-area","generative","flow","chart"]},{"id":459,"file":"charts-flow/06-sparkline-grid.html","repoFile":"infinite/charts-flow/06-sparkline-grid.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Sparkline Grid","loc":200,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","constructivist","geometric"],"motion":"loop","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#0a0d12"]},"deps":["none"],"useCases":["dashboard","background","section-divider"],"mood":["techy","calm","serious"],"description":"Three-by-three grid of small-multiple sparklines scrolling leftward as fresh data arrives, each with a teal leading dot and diamond min/max ","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["sparkline","data-viz","small-multiples","canvas","grid","scrolling","real-time"]},{"id":460,"file":"charts-flow/07-bubble-pack.html","repoFile":"infinite/charts-flow/07-bubble-pack.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Bubble Pack","loc":235,"kb":8,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","bauhaus","geometric"],"motion":"physics","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#0a0d12","#5ad1a0"]},"deps":["none"],"useCases":["hero","background","dashboard"],"mood":["calm","techy","playful"],"description":"Circle-packing bubble chart where mint, teal, amber and coral circles settle together under gentle gravity, the largest values pulling towar","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["bubble-chart","circle-packing","physics","gravity","canvas","data-viz","generative"]},{"id":461,"file":"charts-flow/08-waterfall.html","repoFile":"infinite/charts-flow/08-waterfall.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Waterfall","loc":236,"kb":9,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","flat","constructivist"],"motion":"reveal","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#0a0d12"]},"deps":["none"],"useCases":["dashboard","hero","background"],"mood":["techy","serious","elegant"],"description":"Waterfall chart whose cumulative green and pink bars rise in staggered sequence from a running baseline, threaded by dashed connectors to a ","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["waterfall","chart","finance","canvas","data-viz","staggered","business"]},{"id":462,"file":"charts-flow/09-arc-timeline.html","repoFile":"infinite/charts-flow/09-arc-timeline.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Arc Timeline","loc":225,"kb":9,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","geometric","monochrome"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#0a0d12","#5ad1a0","#1c2530","#6f8aa0"]},"deps":["none"],"useCases":["dashboard","section-divider","hero"],"mood":["techy","elegant","serious"],"description":"Quarter-circle arc timeline on dark navy; a mint playhead sweeps the arc, lighting event markers and tracing a cumulative magnitude ribbon w","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["arc","timeline","canvas","data-viz","playhead","ribbon","dark-theme"]},{"id":463,"file":"charts-flow/10-heat-calendar.html","repoFile":"infinite/charts-flow/10-heat-calendar.html","themeSlug":"charts-flow","theme":"Charts & Flow","title":"Heat Calendar","loc":199,"kb":7,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","geometric","flat"],"motion":"reveal","intensity":"calm","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#5ad1a0","bgHex":"#0a0d12","colors":["#5ad1a0","#0a0d12","#10171c","#1b3b35","#2f7d63","#aef0cf"]},"deps":["none"],"useCases":["dashboard","section-divider","background"],"mood":["techy","calm","serious"],"description":"GitHub-style 52-week contribution heatmap in green buckets on near-black; cells pop in column by column as a bright leading edge sweeps left","aiEnriched":true,"tier":"curated","labels":["agent-ready","easy-to-modify","accessible","copy-paste-safe","minimal-deps"],"tags":["calendar","heatmap","canvas","data-viz","sweep","github-style","ambient"]},{"id":464,"file":"brutalism/01-stamp-button.html","repoFile":"infinite/brutalism/01-stamp-button.html","themeSlug":"brutalism","theme":"Neo-Brutalism","title":"Stamp Button","loc":95,"kb":3,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffe640","bgHex":"#fffbe6","colors":["#ff2d00","#fffbe6","#ffe640"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["brutalism","button","stamp","press","ui-control","typography","loop"]},{"id":465,"file":"brutalism/02-newspaper-ticker.html","repoFile":"infinite/brutalism/02-newspaper-ticker.html","themeSlug":"brutalism","theme":"Neo-Brutalism","title":"Newspaper Ticker","loc":124,"kb":5,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ff2d00","bgHex":"#ffffff","colors":["#fffbe6","#ff2d00"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ticker","news","brutalism","marquee","typography","loop","text-animation"]},{"id":466,"file":"brutalism/03-error-manifesto.html","repoFile":"infinite/brutalism/03-error-manifesto.html","themeSlug":"brutalism","theme":"Neo-Brutalism","title":"Error Manifesto","loc":122,"kb":4,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ff2d00","bgHex":"#111111","colors":["#ff2d00","#ffe640"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["brutalism","error","typography","color-cycle","ui-card","monospace","manifesto"]},{"id":467,"file":"brutalism/04-receipt-card.html","repoFile":"infinite/brutalism/04-receipt-card.html","themeSlug":"brutalism","theme":"Neo-Brutalism","title":"Receipt Card","loc":149,"kb":5,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#b8ff57","bgHex":"#111111","colors":["#b8ff57"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["receipt","brutalism","monospace","fade-in","stagger","ui-card","dark"]},{"id":468,"file":"brutalism/05-warning-tape.html","repoFile":"infinite/brutalism/05-warning-tape.html","themeSlug":"brutalism","theme":"Neo-Brutalism","title":"Warning Tape","loc":143,"kb":5,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#ffe640","bgHex":"#111111","colors":["#ffe640"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["neo-brutalism","warning","stripes","construction","typography","loop","ambient"]},{"id":469,"file":"brutalism/06-data-grid.html","repoFile":"infinite/brutalism/06-data-grid.html","themeSlug":"brutalism","theme":"Neo-Brutalism","title":"Data Grid","loc":178,"kb":6,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"warm","accentHex":"#00e5ff","bgHex":"#fffbe6","colors":["#fffbe6","#00e5ff","#b8ff57","#ff2d00"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["brutalism","data-table","dashboard","status","flash","monospace","live-data"]},{"id":470,"file":"terminal/01-shell-session.html","repoFile":"infinite/terminal/01-shell-session.html","themeSlug":"terminal","theme":"Terminal","title":"Shell Session","loc":138,"kb":6,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#00ff41","bgHex":"#0d1117","colors":["#00ff41","#0d1117","#4ade80","#e2e8f0","#ff5555"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["terminal","typewriter","shell","retro","ambient","monospace","loop"]},{"id":471,"file":"terminal/02-resource-monitor.html","repoFile":"infinite/terminal/02-resource-monitor.html","themeSlug":"terminal","theme":"Terminal","title":"Resource Monitor","loc":133,"kb":5,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffa500","bgHex":"#0a0a0a","colors":["#ffa500","#ffcc44","#0a0a0a","#2a1f00","#ff8800","#ff4444"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","accessible","copy-paste-safe","minimal-deps"],"tags":["terminal","monitor","retro","data-display","ascii","bbs","dashboard"]},{"id":472,"file":"terminal/03-log-stream.html","repoFile":"infinite/terminal/03-log-stream.html","themeSlug":"terminal","theme":"Terminal","title":"Log Stream","loc":132,"kb":5,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#4ade80","bgHex":"#0d1117","colors":["#4ade80","#0d1117","#1a2a1a","#2a4a2a","#ffa500","#ff5555"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["terminal","log","stream","monospace","ambient","dark-mode","typewriter"]},{"id":473,"file":"terminal/04-build-runner.html","repoFile":"infinite/terminal/04-build-runner.html","themeSlug":"terminal","theme":"Terminal","title":"Build Runner","loc":172,"kb":6,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#00ff41","bgHex":"#0d0f0a","colors":["#00ff41","#0d0f0a","#2a5a2a","#4ade80","#ffa500","#ff5555"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","accessible","copy-paste-safe","minimal-deps"],"tags":["terminal","build","typewriter","loop","developer","cli","text-animation"]},{"id":474,"file":"terminal/05-network-trace.html","repoFile":"infinite/terminal/05-network-trace.html","themeSlug":"terminal","theme":"Terminal","title":"Network Trace","loc":160,"kb":7,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#4ade80","bgHex":"#0d1117","colors":["#4ade80","#e2e8f0","#0d1117","#1e2a1e","#3a5a3a","#1a2a1a"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["terminal","network","traceroute","table","loop","monospace","hacker"]},{"id":475,"file":"terminal/06-hex-viewer.html","repoFile":"infinite/terminal/06-hex-viewer.html","themeSlug":"terminal","theme":"Terminal","title":"Hex Viewer","loc":142,"kb":6,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#00ff41","bgHex":"#0a0a0a","colors":["#1a2a1a","#00ff41","#0a0a0a","#3a6a3a","#2a4a2a","#2a5a4a"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","copy-paste-safe","minimal-deps","accessible"],"tags":["terminal","hex-dump","scrolling","monospace","binary","ambient","generative"]},{"id":476,"file":"neumorphism/01-soft-button.html","repoFile":"infinite/neumorphism/01-soft-button.html","themeSlug":"neumorphism","theme":"Neumorphism","title":"Soft Button","loc":105,"kb":4,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#e0e5ec","colors":["#e0e5ec","#b8bec7","#ffffff","#8a91a8","#7c5cff"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["neumorphism","button","soft-ui","toggle","microinteraction","play-pause"]},{"id":477,"file":"neumorphism/02-toggle-switches.html","repoFile":"infinite/neumorphism/02-toggle-switches.html","themeSlug":"neumorphism","theme":"Neumorphism","title":"Toggle Switches","loc":112,"kb":4,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#e0e5ec","colors":["#e0e5ec","#b8bec7","#ffffff","#8a91a8","#7c5cff"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["neumorphism","toggle","switch","ui-control","settings","loop","soft-ui"]},{"id":478,"file":"neumorphism/03-progress-track.html","repoFile":"infinite/neumorphism/03-progress-track.html","themeSlug":"neumorphism","theme":"Neumorphism","title":"Progress Track","loc":94,"kb":4,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#60a5fa","bgHex":"#e0e5ec","colors":["#8a91a8","#e0e5ec","#b8bec7","#ffffff","#7c5cff","#60a5fa"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["neumorphism","progress-bar","loading","loop","ui-control","soft-ui"]},{"id":479,"file":"neumorphism/04-volume-knob.html","repoFile":"infinite/neumorphism/04-volume-knob.html","themeSlug":"neumorphism","theme":"Neumorphism","title":"Volume Knob","loc":116,"kb":4,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#e0e5ec","colors":["#e0e5ec","#8a91a8","#b8bec7","#ffffff","#c8cdd8","#b0b7c3"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["neumorphism","knob","ui-control","loop","soft-ui","ambient"]},{"id":480,"file":"neumorphism/05-stat-cards.html","repoFile":"infinite/neumorphism/05-stat-cards.html","themeSlug":"neumorphism","theme":"Neumorphism","title":"Stat Cards","loc":97,"kb":4,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#4ade80","bgHex":"#e0e5ec","colors":["#e0e5ec","#ffffff","#8a91a8","#b8bec7","#b0b6c0","#6b7280"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["neumorphism","dashboard","stats","cards","soft-ui","ambient","loop"]},{"id":481,"file":"neumorphism/06-ring-gauge.html","repoFile":"infinite/neumorphism/06-ring-gauge.html","themeSlug":"neumorphism","theme":"Neumorphism","title":"Ring Gauge","loc":110,"kb":4,"role":"decoration","technique":["svg","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7c5cff","bgHex":"#1e2130","colors":["#16192a","#1e2130","#8a91a8","#262a40","#c4c9da","#555e7a"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["gauge","ring","svg","neumorphism","progress","loop","data-viz"]},{"id":482,"file":"stained-glass/02-gothic-lancet.html","repoFile":"infinite/stained-glass/02-gothic-lancet.html","themeSlug":"stained-glass","theme":"Stained Glass","title":"Gothic Lancet Triptych","loc":193,"kb":9,"role":"decoration","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#1a3a6b","bgHex":"#0a0608","colors":["#0a0608","#c8860a"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","easy-to-modify","mobile-ready"],"tags":["stained-glass","gothic","svg","hue-shift","ambient","decorative","light-beam"]},{"id":483,"file":"stained-glass/04-kaleidoscope-mandala.html","repoFile":"infinite/stained-glass/04-kaleidoscope-mandala.html","themeSlug":"stained-glass","theme":"Stained Glass","title":"Kaleidoscope Mandala","loc":162,"kb":8,"role":"decoration","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#5b2d8e","bgHex":"#0a0608","colors":["#0a0608","#c8860a"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["kaleidoscope","mandala","stained-glass","rotation","svg","ambient","jewel"]},{"id":484,"file":"clockwork/04-orrery-rings.html","repoFile":"infinite/clockwork/04-orrery-rings.html","themeSlug":"clockwork","theme":"Clockwork & Mechanical","title":"Orrery","loc":189,"kb":8,"role":"decoration","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#b5813a","bgHex":"#141414","colors":["#141414","#b5813a"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["orrery","clockwork","orbits","mechanical","svg","astronomy","ambient"]},{"id":485,"file":"blueprint/02-gear-schematic.html","repoFile":"infinite/blueprint/02-gear-schematic.html","themeSlug":"blueprint","theme":"Blueprint Technical","title":"Mechanical Gear Schematic","loc":222,"kb":10,"role":"decoration","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7ec8e3","bgHex":"#002147","colors":["#7ec8e3","#a8d8ea","#002147"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["blueprint","gear","schematic","technical-drawing","svg","mechanical","engineering"]},{"id":486,"file":"wabi-sabi/03-enso-ink-circle.html","repoFile":"infinite/wabi-sabi/03-enso-ink-circle.html","themeSlug":"wabi-sabi","theme":"Wabi-Sabi","title":"Enso Ink Circle","loc":188,"kb":7,"role":"decoration","technique":["svg","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d4c5a9","bgHex":"#1c1510","colors":["#1c1510","#0e0b08","#4a5240"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["enso","ink","svg","japanese","wabi-sabi","circle","ambient"]},{"id":487,"file":"van-gogh/01-starry-flow.html","repoFile":"infinite/van-gogh/01-starry-flow.html","themeSlug":"van-gogh","theme":"Post-Impressionist Night Studies","title":"Starry Flow","loc":181,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"warm","accentHex":"#f2c10b","bgHex":"#0a1628","colors":["#0a1628","#efe6cf"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","animation-heavy"],"tags":["flow-field","particles","canvas","noise","ambient","generative"]},{"id":488,"file":"van-gogh/02-impasto-strokes.html","repoFile":"infinite/van-gogh/02-impasto-strokes.html","themeSlug":"van-gogh","theme":"Post-Impressionist Night Studies","title":"Impasto Strokes","loc":144,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#f2c10b","bgHex":"#0d2138","colors":["#0d2138","#efe6cf"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["brushstrokes","impasto","canvas","generative","noise-field","ambient"]},{"id":489,"file":"van-gogh/03-cypress-flame.html","repoFile":"infinite/van-gogh/03-cypress-flame.html","themeSlug":"van-gogh","theme":"Post-Impressionist Night Studies","title":"Cypress Flame","loc":143,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#28432b","bgHex":"#13335a","colors":["#13335a","#efe6cf"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cypress","silhouette","canvas","organic","loop","ambient"]},{"id":490,"file":"van-gogh/04-sunflower-radial.html","repoFile":"infinite/van-gogh/04-sunflower-radial.html","themeSlug":"van-gogh","theme":"Post-Impressionist Night Studies","title":"Sunflower Radial","loc":141,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#f2c10b","bgHex":"#16331f","colors":["#16331f","#c98a2b","#6b4416","#efe6cf"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["sunflower","canvas","radial","phyllotaxis","ambient","generative"]},{"id":491,"file":"van-gogh/05-wheatfield-wind.html","repoFile":"infinite/van-gogh/05-wheatfield-wind.html","themeSlug":"van-gogh","theme":"Post-Impressionist Night Studies","title":"Wheatfield Wind","loc":171,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#f2c10b","bgHex":"#7a5f2e","colors":["#7a5f2e","#efe6cf"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["wheatfield","canvas","wind","generative","nature","ambient"]},{"id":492,"file":"van-gogh/06-stir-the-sky.html","repoFile":"infinite/van-gogh/06-stir-the-sky.html","themeSlug":"van-gogh","theme":"Post-Impressionist Night Studies","title":"Stir the Sky","loc":155,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"energetic","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"heavy","palette":{"scheme":"duotone","tone":"cool","accentHex":"#1c3f7c","bgHex":"#08111f","colors":["#08111f","#efe6cf"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","agent-ready"],"tags":["particles","flow-field","noise","canvas","ambient","night-sky"]},{"id":493,"file":"van-gogh/07-brushstroke-frame.html","repoFile":"infinite/van-gogh/07-brushstroke-frame.html","themeSlug":"van-gogh","theme":"Post-Impressionist Night Studies","title":"Brushstroke Frame","loc":132,"kb":6,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#f2c10b","bgHex":"#0a1628","colors":["#0a1628","#f7e39a","#f2c10b","#efe6cf"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["brushstroke","frame","border","loop","ambient","generative"]},{"id":494,"file":"van-gogh/08-the-lamplit-room.html","repoFile":"infinite/van-gogh/08-the-lamplit-room.html","themeSlug":"van-gogh","theme":"Post-Impressionist Night Studies","title":"The Lamplit Room","loc":143,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c98a2b","bgHex":"#1a2b1c","colors":["#1a2b1c","#efe6cf"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ambient","lamp","glow","motes","interior","canvas","radial-gradient"]},{"id":495,"file":"kandinsky/01-several-circles.html","repoFile":"infinite/kandinsky/01-several-circles.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"Several Circles","loc":119,"kb":5,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#1438a8","bgHex":"#17151a","colors":["#f4efe2","#17151a","#16130f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["circles","generative","css-animation","art","ambient","blend-mode"]},{"id":496,"file":"kandinsky/02-singing-composition.html","repoFile":"infinite/kandinsky/02-singing-composition.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"Singing Composition","loc":142,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#1438a8","bgHex":"#f4efe2","colors":["#f4efe2","#16130f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["generative","bauhaus","geometric","canvas","ambient","art"]},{"id":497,"file":"kandinsky/03-rhythm-score.html","repoFile":"infinite/kandinsky/03-rhythm-score.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"The Rhythm Score","loc":156,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d8321b","bgHex":"#f4efe2","colors":["#f4efe2","#16130f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["music","sequencer","canvas","loop","geometric","rhythm"]},{"id":498,"file":"kandinsky/04-concentric-resonance.html","repoFile":"infinite/kandinsky/04-concentric-resonance.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"Concentric Resonance","loc":119,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#1438a8","bgHex":"#17151a","colors":["#17151a","#f4efe2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["rings","concentric","generative","canvas","ambient","ripple"]},{"id":499,"file":"kandinsky/05-yellow-red-blue-counterpoint.html","repoFile":"infinite/kandinsky/05-yellow-red-blue-counterpoint.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"Yellow-Red-Blue Counterpoint","loc":105,"kb":4,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#f7c80b","bgHex":"#f4efe2","colors":["#f4efe2","#16130f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["equalizer","bars","color-palette","generative","ambient","abstract"]},{"id":500,"file":"kandinsky/06-orbiting-troika.html","repoFile":"infinite/kandinsky/06-orbiting-troika.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"The Orbiting Troika","loc":125,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#f7c80b","bgHex":"#17151a","colors":["#17151a","#f4efe2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["orbital","canvas","trails","generative","space","ambient"]},{"id":501,"file":"kandinsky/07-checkerboard-fugue.html","repoFile":"infinite/kandinsky/07-checkerboard-fugue.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"Checkerboard Fugue","loc":115,"kb":4,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#1438a8","bgHex":"#f4efe2","colors":["#f4efe2","#16130f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["checkerboard","grid","bauhaus","wave","color","geometric"]},{"id":502,"file":"kandinsky/08-point-and-line-to-plane.html","repoFile":"infinite/kandinsky/08-point-and-line-to-plane.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"Point & Line to Plane","loc":152,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d8321b","bgHex":"#f4efe2","colors":["#f4efe2","#16130f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["generative","canvas","line-drawing","geometric","bauhaus","ambient"]},{"id":503,"file":"kandinsky/09-staccato-keyboard.html","repoFile":"infinite/kandinsky/09-staccato-keyboard.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"The Staccato Keyboard","loc":155,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d8321b","bgHex":"#f4efe2","colors":["#16130f","#f4efe2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","generative","shapes","physics","bauhaus","music-visual"]},{"id":504,"file":"kandinsky/10-great-gate-of-the-spiritual.html","repoFile":"infinite/kandinsky/10-great-gate-of-the-spiritual.html","themeSlug":"kandinsky","theme":"Abstract Geometric Improvisations","title":"The Great Gate of the Spiritual","loc":135,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#f7c80b","bgHex":"#17151a","colors":["#17151a","#f4efe2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","arcs","radial","ambient","abstract","generative"]},{"id":505,"file":"delaunay/01-simultaneous-disc.html","repoFile":"infinite/delaunay/01-simultaneous-disc.html","themeSlug":"delaunay","theme":"Orphist Colour Discs","title":"Simultaneous Disc","loc":128,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#f4c81e","bgHex":"#0c0d11","colors":["#0c0d11","#f3f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["orphism","concentric-rings","canvas","color-theory","generative","ambient"]},{"id":506,"file":"delaunay/02-circular-rhythm.html","repoFile":"infinite/delaunay/02-circular-rhythm.html","themeSlug":"delaunay","theme":"Orphist Colour Discs","title":"Circular Rhythm","loc":136,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e23b2e","bgHex":"#0c0d11","colors":["#0c0d11","#f3f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["canvas","circles","radial-gradient","ambient","generative","additive-blend"]},{"id":507,"file":"delaunay/03-prismatic-window.html","repoFile":"infinite/delaunay/03-prismatic-window.html","themeSlug":"delaunay","theme":"Orphist Colour Discs","title":"Prismatic Window","loc":136,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#1f6fd0","bgHex":"#0c0d11","colors":["#0c0d11","#f3f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["abstract","color-planes","grid","skew","canvas","ambient"]},{"id":508,"file":"delaunay/04-colour-wheel-pulse.html","repoFile":"infinite/delaunay/04-colour-wheel-pulse.html","themeSlug":"delaunay","theme":"Orphist Colour Discs","title":"Colour Wheel Pulse","loc":131,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#f08a24","bgHex":"#0c0d11","colors":["#0c0d11","#f3f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["colour-wheel","canvas","spectral","loop","ambient","generative"]},{"id":509,"file":"delaunay/05-endless-rhythm.html","repoFile":"infinite/delaunay/05-endless-rhythm.html","themeSlug":"delaunay","theme":"Orphist Colour Discs","title":"Endless Rhythm","loc":109,"kb":4,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#2fa86a","bgHex":"#0c0d11","colors":["#0c0d11","#f3f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["disc","spectral","loop","marquee","color","geometric"]},{"id":510,"file":"delaunay/06-contrast-pairs.html","repoFile":"infinite/delaunay/06-contrast-pairs.html","themeSlug":"delaunay","theme":"Orphist Colour Discs","title":"Contrast Pairs","loc":126,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e23b2e","bgHex":"#0c0d11","colors":["#0c0d11","#f3f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["color-theory","circles","complementary","geometric","rotation","ambient"]},{"id":511,"file":"delaunay/07-sun-and-moon-discs.html","repoFile":"infinite/delaunay/07-sun-and-moon-discs.html","themeSlug":"delaunay","theme":"Orphist Colour Discs","title":"Sun & Moon Discs","loc":122,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#f4c81e","bgHex":"#0c0d11","colors":["#0c0d11","#f3f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","orbiting","radial-gradient","additive-blend","ambient","color-theory"]},{"id":512,"file":"delaunay/08-the-disc-breathing.html","repoFile":"infinite/delaunay/08-the-disc-breathing.html","themeSlug":"delaunay","theme":"Orphist Colour Discs","title":"The Disc, Breathing","loc":141,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7b3fa0","bgHex":"#0c0d11","colors":["#0c0d11","#f3f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["concentric","canvas","spectrum","breathing","generative","color"]},{"id":513,"file":"klee/01-magic-square.html","repoFile":"infinite/klee/01-magic-square.html","themeSlug":"klee","theme":"Playful Geometric Notation","title":"Magic Square","loc":94,"kb":4,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c96f4a","bgHex":"#efe7d6","colors":["#efe7d6","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["grid","color-blocks","painterly","ambient","breathe","generative"]},{"id":514,"file":"klee/02-line-goes-walking.html","repoFile":"infinite/klee/02-line-goes-walking.html","themeSlug":"klee","theme":"Playful Geometric Notation","title":"A Line Goes Walking","loc":142,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#3a8a8c","bgHex":"#efe7d6","colors":["#efe7d6","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["generative","line","walking","canvas","ambient","drawing"]},{"id":515,"file":"klee/03-arrow-field.html","repoFile":"infinite/klee/03-arrow-field.html","themeSlug":"klee","theme":"Playful Geometric Notation","title":"Arrow Field","loc":135,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#d9a441","bgHex":"#23201b","colors":["#23201b","#efe7d6"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["arrows","flow-field","canvas","grid","ambient","generative"]},{"id":516,"file":"klee/04-glyph-garden.html","repoFile":"infinite/klee/04-glyph-garden.html","themeSlug":"klee","theme":"Playful Geometric Notation","title":"Glyph Garden","loc":180,"kb":8,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c96f4a","bgHex":"#efe7d6","colors":["#efe7d6","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","drawing","glyph","stroke-by-stroke","loop","generative","pictograph"]},{"id":517,"file":"klee/05-polyphony-grid.html","repoFile":"infinite/klee/05-polyphony-grid.html","themeSlug":"klee","theme":"Playful Geometric Notation","title":"Polyphony Grid","loc":131,"kb":6,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c96f4a","bgHex":"#efe7d6","colors":["#efe7d6","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["grid","sequencer","playhead","color","generative","music-visual"]},{"id":518,"file":"klee/06-twittering-contraption.html","repoFile":"infinite/klee/06-twittering-contraption.html","themeSlug":"klee","theme":"Playful Geometric Notation","title":"Twittering Contraption","loc":116,"kb":6,"role":"decoration","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#3a8a8c","bgHex":"#23201b","colors":["#23201b","#efe7d6"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["birds","wire","crank","generative","ambient","art-inspired"]},{"id":519,"file":"klee/07-colour-staircase.html","repoFile":"infinite/klee/07-colour-staircase.html","themeSlug":"klee","theme":"Playful Geometric Notation","title":"Colour Staircase","loc":100,"kb":5,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c96f4a","bgHex":"#efe7d6","colors":["#efe7d6","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["color","staircase","bars","ambient","generative","abstract"]},{"id":520,"file":"klee/08-geometric-face.html","repoFile":"infinite/klee/08-geometric-face.html","themeSlug":"klee","theme":"Playful Geometric Notation","title":"Geometric Face","loc":167,"kb":8,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c96f4a","bgHex":"#23201b","colors":["#23201b","#efe7d6"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["portrait","geometric","color-planes","blink","canvas","generative"]},{"id":521,"file":"af-klint/01-the-duality.html","repoFile":"infinite/af-klint/01-the-duality.html","themeSlug":"af-klint","theme":"Symbolic Pastel Abstraction","title":"The Duality","loc":128,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e3a9bd","bgHex":"#ece4d4","colors":["#ece4d4","#2a2730"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vesica-piscis","circles","canvas","ambient","fine-art","breathing","sacred-geometry"]},{"id":522,"file":"af-klint/02-spiral-of-becoming.html","repoFile":"infinite/af-klint/02-spiral-of-becoming.html","themeSlug":"af-klint","theme":"Symbolic Pastel Abstraction","title":"Spiral of Becoming","loc":129,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e3a9bd","bgHex":"#ece4d4","colors":["#ece4d4","#2a2730"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["spiral","generative","canvas","logarithmic","pastel","ambient","geometric"]},{"id":523,"file":"af-klint/03-swan-duality.html","repoFile":"infinite/af-klint/03-swan-duality.html","themeSlug":"af-klint","theme":"Symbolic Pastel Abstraction","title":"Swan Duality","loc":125,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e3a9bd","bgHex":"#1d1a24","colors":["#1d1a24","#f3eee4"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","abstract","duality","orbit","ambient","generative"]},{"id":524,"file":"af-klint/04-pendulum-diagram.html","repoFile":"infinite/af-klint/04-pendulum-diagram.html","themeSlug":"af-klint","theme":"Symbolic Pastel Abstraction","title":"Pendulum Diagram","loc":132,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#c3b3da","bgHex":"#1d1a24","colors":["#1d1a24","#f3eee4"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["harmonograph","lissajous","canvas","generative","ambient","pastel","loop"]},{"id":525,"file":"af-klint/05-atom-series.html","repoFile":"infinite/af-klint/05-atom-series.html","themeSlug":"af-klint","theme":"Symbolic Pastel Abstraction","title":"Atom Series","loc":142,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#a9c8e0","bgHex":"#ece4d4","colors":["#ece4d4","#2a2730"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","orbital","concentric","generative","abstract","pastel","spiritual"]},{"id":526,"file":"af-klint/06-the-series.html","repoFile":"infinite/af-klint/06-the-series.html","themeSlug":"af-klint","theme":"Symbolic Pastel Abstraction","title":"The Series","loc":151,"kb":7,"role":"decoration","technique":["svg","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e3a9bd","bgHex":"#ece4d4","colors":["#ece4d4","#e3a9bd","#2a2730"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["slideshow","svg","generative","geometric","pastel","loop","art-inspired"]},{"id":527,"file":"af-klint/07-tree-of-knowledge.html","repoFile":"infinite/af-klint/07-tree-of-knowledge.html","themeSlug":"af-klint","theme":"Symbolic Pastel Abstraction","title":"Tree of Knowledge","loc":136,"kb":6,"role":"decoration","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e3a9bd","bgHex":"#ece4d4","colors":["#ece4d4","#2a2730"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["svg","tree","generative","loop","botanical","pastel"]},{"id":528,"file":"af-klint/08-the-altarpiece.html","repoFile":"infinite/af-klint/08-the-altarpiece.html","themeSlug":"af-klint","theme":"Symbolic Pastel Abstraction","title":"The Altarpiece","loc":141,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ecd58a","bgHex":"#1d1a24","colors":["#1d1a24","#f3eee4"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["triangle","concentric","gradient","particles","spiritual","ambient","canvas"]},{"id":529,"file":"dot-field/01-pulsing-dot-field.html","repoFile":"infinite/dot-field/01-pulsing-dot-field.html","themeSlug":"dot-field","theme":"Infinitude","title":"Pulsing Dot Field","loc":117,"kb":4,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8112d","bgHex":"#0a0608","colors":["#0a0608","#fbf6ef"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify","agent-ready"],"tags":["dots","grid","pulse","sine-wave","canvas","ambient","background"]},{"id":530,"file":"dot-field/02-mirror-tunnel.html","repoFile":"infinite/dot-field/02-mirror-tunnel.html","themeSlug":"dot-field","theme":"Infinitude","title":"Mirror Tunnel","loc":126,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff2d8a","bgHex":"#060406","colors":["#060406","#fff6d6"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["tunnel","rings","dots","depth","perspective","loop","canvas"]},{"id":531,"file":"dot-field/03-the-dotted-gourd.html","repoFile":"infinite/dot-field/03-the-dotted-gourd.html","themeSlug":"dot-field","theme":"Infinitude","title":"The Dotted Gourd","loc":138,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#ff7a18","bgHex":"#0a0608","colors":["#0a0608","#ffd9b0"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["canvas","generative","dot-field","organic","gourd","ambient","loop"]},{"id":532,"file":"dot-field/04-the-endless-net.html","repoFile":"infinite/dot-field/04-the-endless-net.html","themeSlug":"dot-field","theme":"Infinitude","title":"The Endless Net","loc":119,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#fbf6ef","bgHex":"#9c0d20","colors":["#9c0d20","#fbf6ef"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","grid","scallop","arc","pulse","ambient","dark-background"]},{"id":533,"file":"dot-field/05-dissolve-swarm.html","repoFile":"infinite/dot-field/05-dissolve-swarm.html","themeSlug":"dot-field","theme":"Infinitude","title":"Dissolve","loc":125,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ff2d8a","bgHex":"#060406","colors":["#060406","#ff63ac"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["dots","swarm","orbital","dissolve","ambient","canvas","generative"]},{"id":534,"file":"dot-field/06-mirrored-light-box.html","repoFile":"infinite/dot-field/06-mirrored-light-box.html","themeSlug":"dot-field","theme":"Infinitude","title":"Mirrored Light Box","loc":113,"kb":5,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffd400","bgHex":"#060406","colors":["#060406","#fff6d6","#ffd400"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["infinity-room","nested-frames","color-cycling","dots","glow","generative","loop"]},{"id":535,"file":"dot-field/07-cadmium-gourd-stripes.html","repoFile":"infinite/dot-field/07-cadmium-gourd-stripes.html","themeSlug":"dot-field","theme":"Infinitude","title":"Cadmium Gourd Stripes","loc":121,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#ffd400","bgHex":"#0a0608","colors":["#0a0608"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["stripes","dots","canvas","wavy","scrolling","ambient","generative"]},{"id":536,"file":"dot-field/08-the-vanishing-room.html","repoFile":"infinite/dot-field/08-the-vanishing-room.html","themeSlug":"dot-field","theme":"Infinitude","title":"The Vanishing Room","loc":127,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#e8112d","bgHex":"#f4ece0","colors":["#f4ece0","#0a0608"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["dots","generative","room","ambient","loop","canvas","bloom"]},{"id":537,"file":"klimt/01-golden-tree.html","repoFile":"infinite/klimt/01-golden-tree.html","themeSlug":"klimt","theme":"Gold-Leaf Ornamental Studies","title":"The Golden Tree","loc":139,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c8a951","bgHex":"#070502","colors":["#070502","#e6cf86"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["tree","generative","gold","fractal","canvas","ambient"]},{"id":538,"file":"klimt/02-mosaic-shimmer.html","repoFile":"infinite/klimt/02-mosaic-shimmer.html","themeSlug":"klimt","theme":"Gold-Leaf Ornamental Studies","title":"Mosaic Shimmer","loc":111,"kb":4,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c8a951","bgHex":"#0a0805","colors":["#e6cf86","#0a0805","#9a7d28","#c8a951"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["mosaic","gold","grid","shimmer","ambient","byzantine"]},{"id":539,"file":"klimt/03-spiral-ornament-engine.html","repoFile":"infinite/klimt/03-spiral-ornament-engine.html","themeSlug":"klimt","theme":"Gold-Leaf Ornamental Studies","title":"Spiral Ornament Engine","loc":144,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c8a951","bgHex":"#070502","colors":["#070502","#e6cf86"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ornament","spiral","generative","canvas","gold","ambient"]},{"id":540,"file":"klimt/04-gilded-halo.html","repoFile":"infinite/klimt/04-gilded-halo.html","themeSlug":"klimt","theme":"Gold-Leaf Ornamental Studies","title":"Gilded Halo","loc":134,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["pointer","drag"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e6cf86","bgHex":"#070502","colors":["#070502","#e6cf86"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["gold","halo","rings","particles","canvas","dark"]},{"id":541,"file":"klimt/05-pattern-loom.html","repoFile":"infinite/klimt/05-pattern-loom.html","themeSlug":"klimt","theme":"Gold-Leaf Ornamental Studies","title":"The Pattern Loom","loc":136,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c8a951","bgHex":"#0a0805","colors":["#0a0805","#e6cf86"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ornamental","frieze","canvas","scroll","pattern","gold"]},{"id":542,"file":"klimt/06-falling-gold.html","repoFile":"infinite/klimt/06-falling-gold.html","themeSlug":"klimt","theme":"Gold-Leaf Ornamental Studies","title":"Falling Gold","loc":129,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c8a951","bgHex":"#070502","colors":["#070502","#e6cf86"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["gold","particles","falling","ambient","canvas","generative"]},{"id":543,"file":"klimt/07-byzantine-counterpoint.html","repoFile":"infinite/klimt/07-byzantine-counterpoint.html","themeSlug":"klimt","theme":"Gold-Leaf Ornamental Studies","title":"Byzantine Counterpoint","loc":125,"kb":5,"role":"decoration","technique":["svg","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c8a951","bgHex":"#070502","colors":["#070502","#e6cf86"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ornamental","counterpoint","gold","byzantine","motif","loop"]},{"id":544,"file":"klimt/08-gilded-frame.html","repoFile":"infinite/klimt/08-gilded-frame.html","themeSlug":"klimt","theme":"Gold-Leaf Ornamental Studies","title":"The Gilded Frame","loc":144,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#c8a951","bgHex":"#070502","colors":["#070502","#e6cf86"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["gold","frame","ornamental","spiral","ambient","canvas"]},{"id":545,"file":"hokusai/01-great-wave.html","repoFile":"infinite/hokusai/01-great-wave.html","themeSlug":"hokusai","theme":"Ukiyo-e Wave & Mountain","title":"The Great Wave off Kanagawa","loc":148,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#1b3a6b","bgHex":"#0d2347","colors":["#0d2347","#fbf8f0"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["wave","canvas","generative","art","ambient","prussian-blue"]},{"id":546,"file":"hokusai/02-fuji-at-dawn.html","repoFile":"infinite/hokusai/02-fuji-at-dawn.html","themeSlug":"hokusai","theme":"Ukiyo-e Wave & Mountain","title":"Fuji at Dawn","loc":80,"kb":5,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"warm","accentHex":"#d96a7a","bgHex":"#0d2347","colors":["#0d2347","#d96a7a","#e9a6ad","#fbf8f0","#1a1714","#1b3a6b"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","easy-to-modify","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["woodblock","landscape","sky","sunrise","ambient","japanese"]},{"id":547,"file":"hokusai/03-seigaiha.html","repoFile":"infinite/hokusai/03-seigaiha.html","themeSlug":"hokusai","theme":"Ukiyo-e Wave & Mountain","title":"Seigaiha — Blue Sea Waves","loc":98,"kb":4,"role":"decoration","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"cool","accentHex":"#1b3a6b","bgHex":"#f3ead6","colors":["#f3ead6","#0d2347"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["seigaiha","waves","pattern","japanese","arcs","ambient"]},{"id":548,"file":"hokusai/04-sudden-shower.html","repoFile":"infinite/hokusai/04-sudden-shower.html","themeSlug":"hokusai","theme":"Ukiyo-e Wave & Mountain","title":"Sudden Shower on the Great Bridge","loc":127,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#1f2c1c","bgHex":"#4d5f74","colors":["#4d5f74","#f3ead6"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps"],"tags":["rain","canvas","ukiyo-e","ambient","bridge","generative"]},{"id":549,"file":"hokusai/05-cranes-crossing-the-moon.html","repoFile":"infinite/hokusai/05-cranes-crossing-the-moon.html","themeSlug":"hokusai","theme":"Ukiyo-e Wave & Mountain","title":"Cranes Crossing the Moon","loc":129,"kb":6,"role":"decoration","technique":["svg","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#1b3a6b","bgHex":"#e7d9bc","colors":["#1a1714","#e7d9bc","#fbf8f0","#f3ead6"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["cranes","svg","path-follow","loop","japanese","ambient"]},{"id":550,"file":"hokusai/06-the-one-living-line.html","repoFile":"infinite/hokusai/06-the-one-living-line.html","themeSlug":"hokusai","theme":"Ukiyo-e Wave & Mountain","title":"The One Living Line","loc":135,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#1b3a6b","bgHex":"#f3ead6","colors":["#f3ead6","#1b3a6b"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["sumi-ink","brush","lissajous","generative","canvas","calligraphy","ambient"]},{"id":551,"file":"hokusai/07-wind-among-the-leaves.html","repoFile":"infinite/hokusai/07-wind-among-the-leaves.html","themeSlug":"hokusai","theme":"Ukiyo-e Wave & Mountain","title":"Wind among the Leaves","loc":131,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"cool","accentHex":"#c98a3c","bgHex":"#aecbe4","colors":["#aecbe4","#f3ead6","#1b3a6b"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["leaves","wind","particles","flow-field","canvas","ambient"]},{"id":552,"file":"hokusai/08-carp-in-the-still-pond.html","repoFile":"infinite/hokusai/08-carp-in-the-still-pond.html","themeSlug":"hokusai","theme":"Ukiyo-e Wave & Mountain","title":"Carp in the Still Pond","loc":137,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#d96a7a","bgHex":"#0d2347","colors":["#0d2347","#284e7e","#aecbe4"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["koi","fish","ripples","canvas","ambient","water","generative"]},{"id":553,"file":"hokusai/09-thirty-six-views.html","repoFile":"infinite/hokusai/09-thirty-six-views.html","themeSlug":"hokusai","theme":"Ukiyo-e Wave & Mountain","title":"Thirty-Six Views of Fuji","loc":151,"kb":8,"role":"decoration","technique":["svg","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#1b3a6b","bgHex":"#f3ead6","colors":["#f3ead6","#0d2347"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["woodblock","japanese","cross-fade","svg","ambient","generative"]},{"id":554,"file":"hiroshige/01-sudden-rain.html","repoFile":"infinite/hiroshige/01-sudden-rain.html","themeSlug":"hiroshige","theme":"Ukiyo-e Weather & Road","title":"Sudden Rain","loc":144,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"cool","accentHex":"#1f3a5f","bgHex":"#dfe2dd","colors":["#dfe2dd","#16202b"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["ukiyo-e","rain","canvas","ambient","japanese","generative"]},{"id":555,"file":"hiroshige/02-bokashi-sky.html","repoFile":"infinite/hiroshige/02-bokashi-sky.html","themeSlug":"hiroshige","theme":"Ukiyo-e Weather & Road","title":"Bokashi Sky","loc":155,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"cool","accentHex":"#3f6f9f","bgHex":"#2a3550","colors":["#2a3550"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["woodblock","sky","gradient","day-cycle","ambient","canvas"]},{"id":556,"file":"hiroshige/03-falling-snow.html","repoFile":"infinite/hiroshige/03-falling-snow.html","themeSlug":"hiroshige","theme":"Ukiyo-e Weather & Road","title":"Falling Snow","loc":151,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#f2f0e8","bgHex":"#16202b","colors":["#16202b","#f2f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["mobile-ready","accessible","copy-paste-safe","minimal-deps","easy-to-modify"],"tags":["snow","ukiyo-e","canvas","ambient","night","japanese"]},{"id":557,"file":"hiroshige/04-distant-mountain.html","repoFile":"infinite/hiroshige/04-distant-mountain.html","themeSlug":"hiroshige","theme":"Ukiyo-e Weather & Road","title":"Distant Mountain","loc":149,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#7fa8c8","bgHex":"#3f6f9f","colors":["#3f6f9f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ukiyo-e","landscape","parallax","mountain","canvas","ambient"]},{"id":558,"file":"hiroshige/05-plum-branch.html","repoFile":"infinite/hiroshige/05-plum-branch.html","themeSlug":"hiroshige","theme":"Ukiyo-e Weather & Road","title":"Plum Branch","loc":158,"kb":7,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"cool","accentHex":"#9a5b3b","bgHex":"#cbd8e2","colors":["#cbd8e2","#16202b"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ukiyo-e","botanical","svg","bloom","japanese","ambient","loop"]},{"id":559,"file":"hiroshige/06-boat-on-the-swell.html","repoFile":"infinite/hiroshige/06-boat-on-the-swell.html","themeSlug":"hiroshige","theme":"Ukiyo-e Weather & Road","title":"Boat on the Swell","loc":159,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#9a5b3b","bgHex":"#243044","colors":["#243044","#f2f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","woodblock","boat","water","ambient","landscape"]},{"id":560,"file":"hiroshige/07-lantern-path.html","repoFile":"infinite/hiroshige/07-lantern-path.html","themeSlug":"hiroshige","theme":"Ukiyo-e Weather & Road","title":"Lantern Path","loc":154,"kb":7,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#e8943a","bgHex":"#16202b","colors":["#16202b","#2c3a48","#ffd98a","#e8943a","#b85e26","#f2f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["lantern","woodblock","day-night-cycle","ambient","japanese","path"]},{"id":561,"file":"hiroshige/08-one-hundred-views.html","repoFile":"infinite/hiroshige/08-one-hundred-views.html","themeSlug":"hiroshige","theme":"Ukiyo-e Weather & Road","title":"One Hundred Views","loc":217,"kb":10,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#9a5b3b","bgHex":"#16202b","colors":["#16202b","#f2f0e8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ukiyo-e","canvas","generative","weather","ambient","torii","japanese"]},{"id":562,"file":"seurat/01-pointillist-reveal.html","repoFile":"infinite/seurat/01-pointillist-reveal.html","themeSlug":"seurat","theme":"Pointillist Dot-Field Studies","title":"Pointillist Reveal","loc":133,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#e08a2e","bgHex":"#f1ecdf","colors":["#f1ecdf","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["pointillism","canvas","dots","reveal","generative","art","loop"]},{"id":563,"file":"seurat/02-optical-mixing.html","repoFile":"infinite/seurat/02-optical-mixing.html","themeSlug":"seurat","theme":"Pointillist Dot-Field Studies","title":"Optical Mixing","loc":113,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#e08a2e","bgHex":"#f1ecdf","colors":["#f1ecdf","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["pointillism","dots","canvas","color-mixing","generative","ambient"]},{"id":564,"file":"seurat/03-stipple-painter.html","repoFile":"infinite/seurat/03-stipple-painter.html","themeSlug":"seurat","theme":"Pointillist Dot-Field Studies","title":"Stipple Painter","loc":122,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#6f9b4e","bgHex":"#f1ecdf","colors":["#f1ecdf","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["stipple","pointillism","canvas","ambient","generative","dots"]},{"id":565,"file":"seurat/04-dot-density-gradient.html","repoFile":"infinite/seurat/04-dot-density-gradient.html","themeSlug":"seurat","theme":"Pointillist Dot-Field Studies","title":"Dot Density Gradient","loc":114,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#e08a2e","bgHex":"#f1ecdf","colors":["#f1ecdf","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pointillism","dots","gradient","canvas","generative","ambient","light-sweep"]},{"id":566,"file":"seurat/05-afternoon-light.html","repoFile":"infinite/seurat/05-afternoon-light.html","themeSlug":"seurat","theme":"Pointillist Dot-Field Studies","title":"Afternoon Light","loc":122,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#e08a2e","bgHex":"#1a1f27","colors":["#1a1f27"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready","easy-to-modify"],"tags":["pointillism","canvas","light-sweep","dots","ambient","color-blend"]},{"id":567,"file":"seurat/06-complementary-shimmer.html","repoFile":"infinite/seurat/06-complementary-shimmer.html","themeSlug":"seurat","theme":"Pointillist Dot-Field Studies","title":"Complementary Shimmer","loc":122,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#e08a2e","bgHex":"#f1ecdf","colors":["#f1ecdf","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pointillism","canvas","complementary-colors","ambient","dots","shimmer"]},{"id":568,"file":"seurat/07-the-parasol.html","repoFile":"infinite/seurat/07-the-parasol.html","themeSlug":"seurat","theme":"Pointillist Dot-Field Studies","title":"The Parasol","loc":138,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#e08a2e","bgHex":"#f1ecdf","colors":["#f1ecdf","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pointillism","canvas","rotation","generative","ambient","silhouette"]},{"id":569,"file":"seurat/08-pointillist-frame.html","repoFile":"infinite/seurat/08-pointillist-frame.html","themeSlug":"seurat","theme":"Pointillist Dot-Field Studies","title":"Pointillist Frame","loc":120,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#e08a2e","bgHex":"#f1ecdf","colors":["#f1ecdf","#2a2620"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["pointillism","dots","canvas","ambient","gradient","border"]},{"id":570,"file":"mucha/01-the-halo.html","repoFile":"infinite/mucha/01-the-halo.html","themeSlug":"mucha","theme":"Art Nouveau Ornamental Panels","title":"The Halo","loc":134,"kb":6,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c4a14e","bgHex":"#f4ecd8","colors":["#f4ecd8","#5b4632"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["ornamental","halo","rings","filigree","art-nouveau","ambient"]},{"id":571,"file":"mucha/02-whiplash-vines.html","repoFile":"infinite/mucha/02-whiplash-vines.html","themeSlug":"mucha","theme":"Art Nouveau Ornamental Panels","title":"Whiplash Vines","loc":173,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#8a9a5b","bgHex":"#f4ecd8","colors":["#f4ecd8","#5b4632"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["art-nouveau","vines","generative","canvas","bloom","ambient"]},{"id":572,"file":"mucha/03-border-weaver.html","repoFile":"infinite/mucha/03-border-weaver.html","themeSlug":"mucha","theme":"Art Nouveau Ornamental Panels","title":"Border Weaver","loc":166,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c4a14e","bgHex":"#f4ecd8","colors":["#f4ecd8","#5b4632"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","border","ornamental","canvas","stroke-reveal","loop"]},{"id":573,"file":"mucha/04-floral-mandala.html","repoFile":"infinite/mucha/04-floral-mandala.html","themeSlug":"mucha","theme":"Art Nouveau Ornamental Panels","title":"Floral Mandala","loc":149,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c4a14e","bgHex":"#231a12","colors":["#231a12","#2f2418","#f4ecd8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready"],"tags":["mandala","floral","canvas","radial","art-nouveau","ambient"]},{"id":574,"file":"mucha/05-the-four-seasons-arc.html","repoFile":"infinite/mucha/05-the-four-seasons-arc.html","themeSlug":"mucha","theme":"Art Nouveau Ornamental Panels","title":"The Four Seasons Arc","loc":150,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c98c8c","bgHex":"#f4ecd8","colors":["#f4ecd8","#5b4632"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["seasons","halo","petal","crossfade","art-nouveau","canvas"]},{"id":575,"file":"mucha/06-stained-ribbon.html","repoFile":"infinite/mucha/06-stained-ribbon.html","themeSlug":"mucha","theme":"Art Nouveau Ornamental Panels","title":"Stained Ribbon","loc":151,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c4a14e","bgHex":"#231a12","colors":["#231a12","#2f2418","#f4ecd8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","ribbon","wave","canvas","ambient","stained-glass"]},{"id":576,"file":"mucha/07-mosaic-tendrils.html","repoFile":"infinite/mucha/07-mosaic-tendrils.html","themeSlug":"mucha","theme":"Art Nouveau Ornamental Panels","title":"Mosaic Tendrils","loc":142,"kb":6,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c4a14e","bgHex":"#f4ecd8","colors":["#f4ecd8","#c4a14e","#5b4632"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["mosaic","tendrils","dots","filigree","generative","art-nouveau"]},{"id":577,"file":"mucha/08-the-decorative-panel.html","repoFile":"infinite/mucha/08-the-decorative-panel.html","themeSlug":"mucha","theme":"Art Nouveau Ornamental Panels","title":"The Decorative Panel","loc":188,"kb":8,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#c4a14e","bgHex":"#231a12","colors":["#231a12","#2f2418","#f4ecd8"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["art-nouveau","decorative","canvas","floral","ornamental","ambient"]},{"id":578,"file":"mondrian/01-rebalancing-grid.html","repoFile":"infinite/mondrian/01-rebalancing-grid.html","themeSlug":"mondrian","theme":"Primary Grid Compositions","title":"The Rebalancing Grid","loc":147,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d6191e","bgHex":"#f7f4ec","colors":["#f7f4ec","#15110d"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["grid","canvas","geometric","color-field","loop","generative"]},{"id":579,"file":"mondrian/02-broadway-boogie-woogie.html","repoFile":"infinite/mondrian/02-broadway-boogie-woogie.html","themeSlug":"mondrian","theme":"Primary Grid Compositions","title":"Broadway Boogie Woogie","loc":143,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#f6c700","bgHex":"#f7f4ec","colors":["#f7f4ec","#15110d"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["grid","canvas","generative","geometric","color-blocks","ambient"]},{"id":580,"file":"mondrian/03-self-assembling-composition.html","repoFile":"infinite/mondrian/03-self-assembling-composition.html","themeSlug":"mondrian","theme":"Primary Grid Compositions","title":"Self-Assembling Composition","loc":129,"kb":6,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#1d3bd1","bgHex":"#f7f4ec","colors":["#f7f4ec","#15110d"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["generative","grid","css-transition","self-assembling","abstract","loop"]},{"id":581,"file":"mondrian/04-trading-weight.html","repoFile":"infinite/mondrian/04-trading-weight.html","themeSlug":"mondrian","theme":"Primary Grid Compositions","title":"Trading Weight","loc":123,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d6191e","bgHex":"#f7f4ec","colors":["#f7f4ec","#15110d"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["geometric","canvas","balance","color-blocks","ambient","composition"]},{"id":582,"file":"mondrian/05-self-painting-cells.html","repoFile":"infinite/mondrian/05-self-painting-cells.html","themeSlug":"mondrian","theme":"Primary Grid Compositions","title":"Self-Painting Cells","loc":130,"kb":6,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#1d3bd1","bgHex":"#f7f4ec","colors":["#f7f4ec","#15110d"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["grid","generative","color-cycle","geometric","loop","ambient"]},{"id":583,"file":"mondrian/06-victory-boogie-marquee.html","repoFile":"infinite/mondrian/06-victory-boogie-marquee.html","themeSlug":"mondrian","theme":"Primary Grid Compositions","title":"Victory Boogie Marquee","loc":115,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#f6c700","bgHex":"#f7f4ec","colors":["#f7f4ec","#15110d"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["grid","canvas","generative","color-march","geometric","ambient"]},{"id":584,"file":"mondrian/07-equilibrium-engine.html","repoFile":"infinite/mondrian/07-equilibrium-engine.html","themeSlug":"mondrian","theme":"Primary Grid Compositions","title":"Equilibrium Engine","loc":143,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d6191e","bgHex":"#f7f4ec","colors":["#f7f4ec","#15110d"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["canvas","spring","grid","generative","color-blocks","ambient"]},{"id":585,"file":"mondrian/08-de-stijl-marquee.html","repoFile":"infinite/mondrian/08-de-stijl-marquee.html","themeSlug":"mondrian","theme":"Primary Grid Compositions","title":"De Stijl Marquee","loc":127,"kb":6,"role":"decoration","technique":["raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#1d3bd1","bgHex":"#f7f4ec","colors":["#f7f4ec","#15110d"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["marquee","typography","de-stijl","primary-colors","loop","horizontal-scroll"]},{"id":586,"file":"malevich/01-black-square-breathing.html","repoFile":"infinite/malevich/01-black-square-breathing.html","themeSlug":"malevich","theme":"Suprematist Geometric Forms","title":"The Black Square, Breathing","loc":86,"kb":4,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#111111","bgHex":"#f0ece2","colors":["#f0ece2","#d8261c","#111111"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["suprematism","geometric","ambient","breathing","minimal","art"]},{"id":587,"file":"malevich/02-suprematist-drift.html","repoFile":"infinite/malevich/02-suprematist-drift.html","themeSlug":"malevich","theme":"Suprematist Geometric Forms","title":"Suprematist Drift","loc":107,"kb":4,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d8261c","bgHex":"#f0ece2","colors":["#f0ece2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["suprematism","geometric","abstract-art","bars","drift","css-animation","generative"]},{"id":588,"file":"malevich/03-dynamic-composition.html","repoFile":"infinite/malevich/03-dynamic-composition.html","themeSlug":"malevich","theme":"Suprematist Geometric Forms","title":"Dynamic Composition","loc":141,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d8261c","bgHex":"#f0ece2","colors":["#f0ece2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["suprematism","generative","canvas","geometric","ambient","loop"]},{"id":589,"file":"malevich/04-aviators-field.html","repoFile":"infinite/malevich/04-aviators-field.html","themeSlug":"malevich","theme":"Suprematist Geometric Forms","title":"The Aviator's Field","loc":131,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"cool","accentHex":"#1746a0","bgHex":"#f0ece2","colors":["#f0ece2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["suprematism","bars","canvas","flight","generative","diagonal"]},{"id":590,"file":"malevich/05-cross-and-circle.html","repoFile":"infinite/malevich/05-cross-and-circle.html","themeSlug":"malevich","theme":"Suprematist Geometric Forms","title":"Cross & Circle","loc":139,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d8261c","bgHex":"#f0ece2","colors":["#f0ece2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["suprematism","canvas","generative","shapes","easing","click"]},{"id":591,"file":"malevich/06-weightless.html","repoFile":"infinite/malevich/06-weightless.html","themeSlug":"malevich","theme":"Suprematist Geometric Forms","title":"Weightless","loc":124,"kb":5,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d8261c","bgHex":"#111111","colors":["#111111","#f5f3ee"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["suprematism","orbit","geometric","canvas","ambient","celestial"]},{"id":592,"file":"malevich/07-red-wedge.html","repoFile":"infinite/malevich/07-red-wedge.html","themeSlug":"malevich","theme":"Suprematist Geometric Forms","title":"Red Wedge","loc":97,"kb":4,"role":"decoration","technique":["css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"duotone","tone":"warm","accentHex":"#d8261c","bgHex":"#f0ece2","colors":["#f0ece2","#d8261c"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["suprematism","geometric","css-animation","diagonal","red","ambient"]},{"id":593,"file":"malevich/08-white-on-white.html","repoFile":"infinite/malevich/08-white-on-white.html","themeSlug":"malevich","theme":"Suprematist Geometric Forms","title":"White on White","loc":140,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#f5f3ee","bgHex":"#f6f4ef","colors":["#f6f4ef"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["suprematism","white","minimalist","canvas","ambient","generative"]},{"id":594,"file":"morris/01-wallpaper-loom.html","repoFile":"infinite/morris/01-wallpaper-loom.html","themeSlug":"morris","theme":"Arts & Crafts Pattern Repeats","title":"The Wallpaper Loom","loc":156,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#6b7233","bgHex":"#efe7d2","colors":["#efe7d2","#23301f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["botanical","wallpaper","pattern","canvas","tessellation","ambient","arts-and-crafts"]},{"id":595,"file":"morris/02-bird-and-berry-repeat.html","repoFile":"infinite/morris/02-bird-and-berry-repeat.html","themeSlug":"morris","theme":"Arts & Crafts Pattern Repeats","title":"Bird & Berry Repeat","loc":157,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#2c4a6e","bgHex":"#efe6cf","colors":["#efe6cf","#23301f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["arts-and-crafts","pattern","repeat","birds","botanical","canvas","ambient"]},{"id":596,"file":"morris/03-growing-vine.html","repoFile":"infinite/morris/03-growing-vine.html","themeSlug":"morris","theme":"Arts & Crafts Pattern Repeats","title":"Growing Vine","loc":135,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#7d9b6a","bgHex":"#1d3550","colors":["#1d3550","#efe7d2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["vine","botanical","generative","canvas","recursive","grow"]},{"id":597,"file":"morris/04-colour-way-switcher.html","repoFile":"infinite/morris/04-colour-way-switcher.html","themeSlug":"morris","theme":"Arts & Crafts Pattern Repeats","title":"The Colour-Way Switcher","loc":153,"kb":7,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"duotone","tone":"warm","accentHex":"#a8392b","bgHex":"#dfe6e4","colors":["#dfe6e4","#23301f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["arts-and-crafts","pattern","botanical","canvas","colour-cycling","tile","ambient"]},{"id":598,"file":"morris/05-acanthus-scroll.html","repoFile":"infinite/morris/05-acanthus-scroll.html","themeSlug":"morris","theme":"Arts & Crafts Pattern Repeats","title":"The Acanthus Scroll","loc":146,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"light","tone":"warm","accentHex":"#6b7233","bgHex":"#efe7d2","colors":["#efe7d2","#23301f"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","copy-paste-safe","minimal-deps","mobile-ready","agent-ready"],"tags":["botanical","scroll","acanthus","canvas","loop","decorative"]},{"id":599,"file":"morris/06-the-trellis.html","repoFile":"infinite/morris/06-the-trellis.html","themeSlug":"morris","theme":"Arts & Crafts Pattern Repeats","title":"The Trellis","loc":138,"kb":6,"role":"decoration","technique":["svg","css-only"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"vibrant","tone":"warm","accentHex":"#a8392b","bgHex":"#efe7d2","colors":["#23301f","#efe7d2","#6b7233","#7d9b6a"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["trellis","lattice","botanical","bloom","wave","decorative"]},{"id":600,"file":"morris/07-the-kaleido-tile.html","repoFile":"infinite/morris/07-the-kaleido-tile.html","themeSlug":"morris","theme":"Arts & Crafts Pattern Repeats","title":"The Kaleido Tile","loc":128,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#6b7233","bgHex":"#1d3550","colors":["#1d3550","#efe7d2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["kaleidoscope","botanical","arts-and-crafts","symmetry","canvas","ambient","rotation"]},{"id":601,"file":"morris/08-honeycomb-repeat.html","repoFile":"infinite/morris/08-honeycomb-repeat.html","themeSlug":"morris","theme":"Arts & Crafts Pattern Repeats","title":"The Honeycomb Repeat","loc":136,"kb":6,"role":"decoration","technique":["canvas","raf"],"style":["minimal"],"motion":"loop","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":true,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"dark","tone":"warm","accentHex":"#a8392b","bgHex":"#1d3550","colors":["#1d3550","#efe7d2"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["accessible","mobile-ready","copy-paste-safe","minimal-deps","agent-ready"],"tags":["honeycomb","hexagonal","botanical","canvas","wave","tiling"]},{"id":602,"file":"business-graphics/01-funnel-analysis.html","repoFile":"infinite/business-graphics/01-funnel-analysis.html","themeSlug":"business-graphics","theme":"Business Graphics","title":"Funnel Analysis","loc":200,"kb":9,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","glass"],"motion":"reactive","intensity":"moderate","interaction":["autonomous"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#00ddff","bgHex":"#0d0f14","colors":["#0d0f14","#141722","#8a2be2","#ffaa00","#f1f5f9","#64748b"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["funnel","conversions","canvas","particles","interactive","gradient","3d","dashboard","dataviz"]},{"id":603,"file":"business-graphics/02-grid-monitor.html","repoFile":"infinite/business-graphics/02-grid-monitor.html","themeSlug":"business-graphics","theme":"Business Graphics","title":"Grid Monitor","loc":218,"kb":12,"role":"dataviz","technique":["css-only"],"style":["minimal","glass"],"motion":"reactive","intensity":"moderate","interaction":["click"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"cheap","palette":{"scheme":"dark","tone":"cool","accentHex":"#3b82f6","bgHex":"#08090d","colors":["#08090d","#12141c","#10b981","#ef4444","#3b82f6","#374151"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["grid","monitor","telemetry","interactive","clicks","dashboard","dataviz","cybersecurity"]},{"id":604,"file":"business-graphics/03-kpi-sparkline.html","repoFile":"infinite/business-graphics/03-kpi-sparkline.html","themeSlug":"business-graphics","theme":"Business Graphics","title":"KPI Sparkline","loc":255,"kb":13,"role":"dataviz","technique":["canvas","raf"],"style":["minimal","glass"],"motion":"reactive","intensity":"moderate","interaction":["pointer"],"a11y":{"reducedMotion":true,"keyboard":false,"ariaLabeled":false,"seizureSafe":true},"perfTier":"medium","palette":{"scheme":"vibrant","tone":"cool","accentHex":"#06b6d4","bgHex":"#0a0b0e","colors":["#0a0b0e","#12131a","#a855f7","#06b6d4","#10b981","#f59e0b"]},"deps":["none"],"useCases":[],"mood":[],"description":"","aiEnriched":false,"tier":"curated","labels":["agent-ready","easy-to-modify","mobile-ready","accessible","copy-paste-safe","minimal-deps"],"tags":["sparkline","chart","dashboard","dataviz","interactive","scrub","tooltip","metrics","revenue"]}]}