Design Effects and Motion Sources
The broad effects shelf for Kevin's design folder: animation engines, shader backgrounds, component effects, dither/ASCII tools, and showcase feeds.
This page is the routing layer above Shader Effects Libraries. Use it when a design task needs a distinctive motion or visual-treatment reference before implementation. The implementation still has to pass Design and Animation, Interface Micro-Polish, accessibility, and browser verification.
Quick route
| Need | Start with | Notes |
|---|---|---|
| Pre-rendered fly-through brand world or scroll cinematic | Scroll World | Use the installed skill when scroll should scrub one generated camera journey. It is video, not runtime 3D; require provider/spend approval, position-and-velocity seam proof, native mobile composition, reduced motion, and independent playback review. |
| Choose a motion library | Motion Library Ranking | Rank Motion.dev, Motion Primitives, Anime.js, GSAP, and copy-paste effect sources before adding animation dependencies. |
| Product UI motion engine | Motion.dev | Use for React/JavaScript/Vue app motion, layout transitions, gestures, springs, and enter/exit states. Current package snapshot: motion@12.42.2 and framer-motion@12.42.2, checked 2026-07-07. |
| Animated shader or hero background | Shader Effects Libraries | ShaderGradient, Shaders.com, Shader Lab, Shader Gallery, and Paper/LiquidMetal references. |
| Copy-paste React background/effect | Component Library Sources + React Bits / Magic UI / Kokonut UI | React Bits Liquid Chrome, aurora/plasma/particles, text effects, Magic UI structural effects, Kokonut animated components, Fancy Components, and other registry-style effects. |
| Small live text shimmer | Gradient Shimmer + Interface Micro-Polish | Use for narrow status labels, active channels, or live-agent affordances. Keep reduced-motion fallbacks and avoid stacking shimmer effects. |
| No-code WebGL/prototyped interaction | Unicorn Studio | Use for fast visual proofs: dither, glyph texture, mouse trail, god rays, and embed/export decisions. |
| Editable React/Tailwind motion primitive | Motion Primitives | Use for animated primitives before custom Motion code. |
| Easing curve selection/export | Easing Graphs | Use named curve cards and direct CSS/Motion/native exports instead of asking agents to invent bezier values. |
| Figma-drawn SVG interaction study | Motion Animation Style | Draw the static geometry in Figma, export clean SVG, then animate hover/click states with Motion. |
| Playful web interaction reference | Creative Web Interaction References | Use for physical-load input, music-as-input, multiplayer coding, typography games, personal maps, digital galleries, scale education, sound interfaces, and terminal skin references. |
| Experimental cursor-follow interaction study | Colorion CSS Cursors | Study its pointer telemetry, CSS-owned effects, batched reveal, lazy snippet loading, offscreen pausing, and reduced-motion fallback. Do not copy source while the repository lacks a license file; preserve native cursor, keyboard, touch, target semantics, and reduced-motion fallbacks. |
| Bounded pure-CSS loading treatment | Colorion CSS Loaders | Choose one of the 99 source-defined loader types only when a real bounded wait needs a visual indicator. Preserve visible/announced status, prefers-reduced-motion, a static fallback, and compositor-safe motion; never use animation to hide avoidable latency or an unbounded operation. |
| Timeline and choreographed UI motion | Design and Animation + Animation Vocabulary (Animations.dev) | Pair GSAP/Anime inspiration with the local motion rules before shipping. |
| Declarative timeline/text effects | Anime.js | Current stable npm is 4.5.0 with 5.0.0-beta.1 separate. Pin stable unless a declared beta evaluation exists; prove cleanup, interruption, reduced motion, focus, layout/compositor cost, and target-browser behavior. |
| Inspect and tune an existing transition in place | Transitions Refine | Project-scoped candidate. Use reversible live overrides to tune named motion tokens; review injected script/relay/LLM authority and commit only an explicit source diff. Current transitions-refine@0.3.34. |
| Searchable Framer/React effect registry | Originkit for one named cursor, text, gallery, canvas, border, background, or interaction effect | Treat the website, hosted registry, MCP, CLI, and delivered component as separate artifacts. Freeze the exact payload and terms; the MIT CLI does not license server-delivered component code. Add reduced motion, semantics, lifecycle suspension, and measured frame cost where missing. |
| Other large copy-paste motion gallery | Kinetics or another saved component collection as a source shelf | Keep the visual signal and inspect the exact component source, license, dependencies, semantics, focus, reduced motion, mobile behavior, originality, and performance before copying. Count and spectacle are not adoption proof. |
| Launch explainer video | Design and Animation + Skale-style product motion | Use for compressed product storytelling: abstract workflow, crisp UI frames, animated type, and benefit framing. |
| Reproducible launch or brand film | HyperFrames + Design and Animation | Use HyperFrames first when the launch artifact needs source-owned scenes, exact brand tokens, deterministic frames, reviewable timing, and repeatable export. A reel establishes taste; the approved brief, rights ledger, rendered artifact, and playback proof establish delivery. |
| Kinetic typography exploration | Space Type Generator + Design and Animation | Treat it as 23 separately evolved mode applications, not one library. Select a named mode and freeze its text, parameters, page/source hashes, dependency versions, viewport, timing, and export settings. Eight modes expose export/record controls; Pow, Crash, Vessel, and Shine expose SVG/JPG/MP4. The procedural font and 62 of 139 fetched local assets have explicit CC BY-NC-SA 4.0 evidence, but 77 local assets and generated-output rights need separate proof. Rebuild the chosen behavior in owned source with complete semantics and a static/reduced-motion reading state. |
| Painterly or photographic background exploration | Backgrounds Supply | The saved source resolves to Kailash's 27-item Viridian collection. Use it for art direction or a licensed production asset only after purchasing the current commercial license and retaining collection/asset ID, original download hash, receipt and license snapshot, native dimensions, crop/export, contrast, alt treatment, and optimized AVIF/WebP fallback. The saved X JPEGs are social crops, not production files or an asset grant. |
| Feature bento with stateful micro-motion | Lightdash/designme reference + Interface Micro-Polish | Use when a feature needs an explanatory state transition inside an asymmetric composition. Motion must teach the feature, remain controllable, preserve reading/focus order, and stop offscreen. |
| Explanatory product illustration motion | Technical Illustration System + Design and Animation | Animate the illustration when the product story depends on flow, ordering, state change, or proof movement. Keep static copy and CTAs stable. |
| Pseudo-technical brand poster | Technical Illustration System + this page | Use sparse diagrams, coordinates, model labels, small logos, copyright marks, and system microcopy as brand grammar. Do not treat the labels as real source authority. |
| Parametric motion-tuning console | Design and Animation + DialKit | Use live sliders and grouped controls to tune spatial/motion geometry before committing values. Good for parallax, waves, bars, and complex decorative components. |
| Scroll or agency-grade motion study | Design Inspiration Galleries + Design Agencies Reference | Awwwards/GSAP Showcase/agency portfolios for rhythm and transitions. |
| Static SVG background/pattern asset | Haikei | Export SVG assets, retokenize, and verify contrast. |
| Texture, dither, ASCII, pixel, voxel | Dither, ASCII Magic, Texture & Grain Resources | Use as a deliberate art direction, not as a novelty overlay. |
| Light editorial dither + ASCII motion | ASCII Magic + Design and Animation | Use for quiet brand/editorial sections: large dithered photographic forms, sparse serif copy, and slow motion. Keep text crisp and contrast high. |
| Generative code-ecosystem interface | Creative Web Interaction References + p5js-style sketches | Use red-grid, telemetry, wireframe cube, and living-terminal motion as art direction for computational/editorial surfaces, not as OS product architecture. |
| Japanese typography + dither motion | Dither + Design and Animation | Use as visual vocabulary for editorial/brand sections: vertical kana/kanji, blue monochrome dither, bilingual microcopy, and restrained aquatic motion. |
| Subtle dithered product-data motion | Dither + Evil Charts + Interface Micro-Polish | Use halftone/dither texture on chart fills when a dashboard needs a distinctive visual layer without making the data hard to read. Keep labels crisp and motion slow. |
Source shelves
| Source | Role |
|---|---|
| Scroll World | Exact-source, installed end-to-end skill for generated scroll cinematics. Its reusable engineering contribution is the actual-frame plus velocity seam contract, native portrait chain, seek/decode tuning, and explicit paid-provider gate—not a new general-purpose animation engine. |
| Motion.dev | Production-grade animation docs and packages for React, JavaScript, and Vue. Default engine route for ordinary app UI motion before reaching for heavier timeline tooling. |
| Motion Primitives | Editable React/Tailwind motion components built with Motion. Good for common animated primitives before writing custom Motion code. |
| Magic UI | React/Tailwind/Motion animated components and effects for shadcn-style projects. Use for beams, grids, marquees, shimmer, border effects, and section-level motion. |
| Kokonut UI | Animated Tailwind/shadcn/Motion component source for React and Next.js. Use for polished components before writing custom animated variants. |
| React Bits | Ready-made React text animations, UI effects, and backgrounds including Liquid Chrome. Start here for installable/copyable effects, then retokenize and verify motion/accessibility. |
| Originkit | Hosted Framer/React registry with searchable text, cursor, gallery, canvas, animation, border, background, and interaction effects plus MCP/CLI delivery. Use one exact effect only after inspecting the current delivered source, rights, dependencies, semantics, reduced motion, teardown, offscreen behavior, and frame cost. |
| Gradient Shimmer | Narrow React text-shimmer package for multi-stop gradient highlights on real DOM text. Use for active-status polish, not as a full loading-state system. |
| Haikei | Web tool for generating static SVG assets: blobs, waves, layered backgrounds, and patterns. Use as exported source material. |
| Unicorn Studio | No-code WebGL editor for interactive effects, motion, dither/glyph treatments, video/JSON export, and embeds. Keep as a design proof unless production needs the runtime. |
| Motion Animation Style | Local taste rules for SVG and Motion explorations, including the Cleon Figma-exported isometric cube study. |
| Easing Graphs | Curated easing curve editor/export surface for CSS, Motion, SwiftUI, UIKit, Core Animation, and Raw values. |
| Creative Web Interaction References | Playful web artifacts to mine for interaction vocabulary before asking an agent to design a novel interface. |
| Colorion CSS Cursors | Pattern study for CSS-owned custom cursor effects driven by minimal pointer telemetry. Current review found 39 live demos versus 36 in the README, a passing build, no tests/CI/releases, seven production advisories, and no repository license file despite an MIT claim in copy. Treat as visual and implementation evidence only until the license grant and dependency graph are repaired. |
| Colorion CSS Loaders | MIT-claimed pure-CSS source shelf for promptable loading vocabulary. The repository source defines 99 types, its README says 100, and there is no standalone license file. Copy only a reviewed snippet into a real semantic wait state; keep the count/license drift visible rather than presenting the catalog as stronger provenance than it has. |
| Claude Fable 5 shader artifacts | Prompt-to-shader capability references, especially the Drowned Spires II neo-gothic flooded-city artifact. Use for vocabulary and judging, not as a dependency. |
| Oriku dither typography studies | Japanese/English typography plus blue dithered aquatic imagery. Use as an aesthetic reference, not a reusable component library. |
| Grim breathing dithered charts | Dark product-dashboard data cards where area-chart fills breathe through red/blue/purple halftone texture while labels stay sharp. Use as a chart-treatment reference for admin/ops surfaces, not as a dependency. |
| Abubaker pixel/dither landscapes | Four-image visual exploration with luminous green particle ribbons, dithered pastoral terrain, statue/temple silhouettes, and retro computer objects. Use as an art-direction reference for mythic computing or editorial surfaces, not as a dev-tool source. |
| invinciDesigns cubed terminals | Red p5js-style grid scene where black terminal panels orbit/assemble inside a transparent cube with telemetry labels and corner handles. Use as a living-code visual reference for editorial/hero motion. |
| Praveen dither + ASCII motion | Pale lavender dithered flower forms over a sparse editorial finance/news section. Use as evidence that lo-fi treatments can stay quiet, premium, and text-led. |
| Mehmet Ozsoy product-illustration motion | Monochrome fintech landing page where the hero's technical illustration and partner ticker animate while copy and navigation stay static. Use as evidence that motion should explain workflow/state, not just decorate a static graphic. |
| FigsFromPlums Holographik poster | Black pseudo-technical poster with TXT2IMG, MIDJOURNEY, STABLE DIFFUSION, RUNWAYML, coordinates, diagrams, and brand marks. Use as AI-era technical-brand art direction, not as a tool/source claim. |
| Soren Blank Linear parallax bar | Pale Linear-style bars controlled by a DialKit-like floating panel for bars, x/y step, diagonal offsets, peak height, falloff, and floor. Use as evidence that complex motion should be tuned as parameters, not guessed in code. |
| ShaderGradient | Visual editor for animated 3D gradient backgrounds; the 2026-06-25 saved preset uses a teal/orange/steel sphere with grain and slow motion. Exact params are in the raw note. |
| Shaders.com | Composable WebGPU effects for React/Vue/Svelte/Solid/vanilla. Use for deeper shader stacks and agent-accessible presets. |
| Shader Lab | Basement's tool for creating, stacking, and animating shader treatments. Useful as a study surface even when not adopting the code. |
| Shader Gallery | Browseable shader inspiration gallery for art direction and effect vocabulary. |
| GSAP Showcase | High-quality motion and scrollytelling examples from the GSAP ecosystem; inspiration only unless GSAP is already warranted. |
| Anime.js | Lightweight JavaScript animation engine. Use the local animejs skill before implementation. |
| Skale / 2D launch-animation references | Premium SaaS/startup launch videos. Use as a storyboarding reference when a product needs motion to explain workflow or value, not as a web runtime dependency. |
| Space Type Generator | High-signal 23-mode kinetic-type family and animation-vocabulary shelf. The modes span p5.js 0.7.2–2.0.5 and divergent jQuery/Matter/recording stacks; no fetched local asset implemented reduced-motion, hidden/offscreen, page-lifecycle, or noLoop suspension. Representative Pow had an unlabeled checkbox, an unfocusable clickable Readme surface, continued canvas changes under reduced motion, and a smooth but narrow 120-frame desktop sample. Route by exact mode and do not confuse a Save button with font, source, asset, or output rights. |
| Backgrounds Supply — Viridian | Kailash's 27-item painterly green/teal collection. The current $49 all-collections purchase advertises commercial use and permits modification and client work, but the license forbids standalone redistribution, sharing, sublicensing, competing packs, and authorship claims. Use purchased originals—mostly roughly 2912×1632 PNG with some 3840×2160 and MP4—not the saved 1200×673 X previews; preserve asset identity, receipt/license snapshot, source hash, crop, contrast, attribution decision, and optimized output. |
| Backdrop | Paid mockup-background and scene-pack shelf for product and campaign presentation. Use it to select an art direction, then preserve the exact asset, creator, pack, purchase tier, license/terms snapshot, permitted redistribution and derivative use, resolution, crop, and optimized output. A preview or paid account does not grant source-asset redistribution, and this review did not authorize a purchase. |
| Free mockup discovery cohort | Retain Free Mockup, Hello Mocku, LS Graphics, Mockups Design, Pixelbuddha, Unblast, Mockup World, Mr.Mockup, and Mockuuups Studio as a discovery shelf, not a blanket “free for production” claim. For every chosen asset, follow the exact item to its original creator; record native format, download hash, current item-level license, attribution, commercial/client/redistribution/template limits, fonts and smart-object dependencies; then render and inspect the real output. Design Bookmark is only a directory back to these sources. |
| Lightdash feature bento by designme | Reference for making feature explanation spatial and alive through small in-card state changes instead of icon-plus-copy repetition. Use only when each motion explains behavior and survives static/reduced-motion rendering. |
Saved launch-video reel (2082713034766627283) |
Evidence that motion can strengthen first impressions across a brand launch. Route an actual build to HyperFrames when reproducible source-owned scenes are required; preserve brief, sources, rights, editability, frames, audio, captions, and export proof. |
| Dither | Vector dithering for textured image/gradient treatment. Stored in Dither. |
| DAB | Browser-based dither/bitmap treatment reference. Use alongside Dither when the art direction wants lo-fi texture. |
| ASCII Magic | Image/video to ASCII, pixel art, voxel, mosaic, halftone, glitch, and similar exports. Stored in ASCII Magic. |
| Heerich | SVG voxel 3D engine. Use when a vector/isometric 3D treatment should avoid WebGL. Stored in Heerich.js. |
| Charcuterie | Unicode exploration surface. Useful for glyph-based texture, icons, and loading-state ideas. |
Use rules
- Pick one dominant effect family per viewport. Multiple constant-motion effects compete for attention and cost.
- Retokenize copied effects: color, grain, blur, camera, speed, contrast, and reduced-motion fallback.
- Prefer video/image exports for decorative treatments when runtime shaders do not need interactivity.
- Never let shader or dither treatments reduce text contrast. Verify rendered screenshots in light and dark modes.
- If the goal is a production component, route through Component Library Sources after choosing the effect direction.
- Custom cursor treatments must never erase the native affordance for keyboard, touch, coarse-pointer, reduced-motion, or target-specific interaction states. A visual demo is not an accessibility or license grant.
- Test a candidate effect alone before composition: normal speed, paused or a meaningful scrub position when supported, reduced motion, focus/keyboard, touch/coarse pointer, slow load, and a no-effect control. Record compositor versus layout/paint work, main-thread time, GPU/battery pressure, initial transfer, and cleanup after interruption or navigation.
- Importance controls entrance order. A lower DOM element may enter before an earlier one when it carries the primary task, but the underlying reading and focus order remain semantic. Never delay critical content merely to preserve choreography.
- Noise, shimmer, scroll fade, animated icons, and WebGL text each need one declared role. If the role can be served by a static token or native state, prefer that lower-cost route.
Timeline
-
2026-08-12 | Retained the nine-site mockup roundup as one compact discovery cohort rather than nine new pages; item-level origin, current license, attribution, redistribution, dependency, hash, and rendered-output proof remain mandatory. Source: X
2086690978581160432; nine resolved primary sites -
2026-08-12 | Resolved the saved painterly background signal to Kailash's 27-item Viridian collection, separated the four 1200×673 social previews from production assets, and recorded the current commercial-use/modification/client-work permission plus no-redistribution/no-sublicensing/no-competing-pack/no-authorship boundaries. Production now requires a purchased original, exact asset and download hash, receipt/license snapshot, crop, accessibility treatment, and optimized fallback. Source: X
2086029443097833825; Backgrounds Supply Viridian and license, reviewed 2026-08-12 -
2026-08-12 | Retained Backdrop as a paid mockup and scene-art-direction source with exact asset, creator, pack, purchase, license, derivative-use, optimization, and redistribution proof; no purchase was made or implied. Beautiful UI remains separately integrated as an AI-native interaction pattern source rather than being collapsed into an asset shelf. Source: X
2086948132064022697; Backdrop live catalog -
2026-08-12 | Added Space Type Generator, Backgrounds Supply, Lightdash bento motion, and the launch-video signal as bounded references; kept HyperFrames as the first recommendation for deterministic, source-owned launch films. Then deep-audited all 23 Space Type mode pages and 139 local script/style assets, mapped the eight visible export modes, pinned the procedural-font attribution through
golanlevin/p5-single-line-font-resources@bd08c4fe, and browser-tested Pow. The resulting route is per-mode and rights-layered: source, procedural font, third-party assets, and exported output remain separate authorities. Source: X2084270201802244140,2086029443097833825,2083893117003219192,2082713034766627283; Space Type live corpus;golanlevin/p5-single-line-font-resources@bd08c4fe -
2026-08-12 | Recovered X source
2081620717775237573from its video, identified Originkit, and audited the live site, hosted registry, npm CLI, declared repository, and two content-addressed preview modules. Corrected “250+ animations” to 160 current components plus 48 sections and admitted it as a guarded exact-effect shelf: real craft, heterogeneous lifecycle/accessibility/performance, and no public component-code license found. Source: X2081620717775237573; Originkit live site/registry; npmoriginkit@0.2.23 -
2026-08-12 | Reopened the unresolved truncated X link and promoted Scroll World as a distinct installed scroll-cinematic route after exact repository and engine review. Added the position-plus-velocity seam law, native portrait/mobile boundary, provider/spend gate, framework teardown gap, and independent playback proof instead of filing it as another generic CSS source. Source: X
2075033878352494824;oso95/scroll-world@71cc36d3 -
2026-08-12 | Added the atomic motion/effect fixture and importance-ordered entrance rule. Shimmer, scroll fade, noise, animated icons, WebGL text, and shader-over-DOM effects now require no-effect controls, input/reduced-motion states, cleanup, and transfer/main-thread/GPU evidence before composition. Source: saved motion/effect cohort, 2026-08-12
-
2026-08-11 | Added Colorion CSS Loaders as a bounded semantic-wait source and replayed the React Bits video as evidence for inspectable preview/code/prompt/parameter states. Corrected the roundup's shared open-source label and preserved CSS Loaders' README-only MIT/count drift. Source: X/@csaba_kissi; Source snapshots
-
2026-08-10 | Added Colorion CSS Cursors as a bounded interaction-pattern study, not a copy source. Captured its efficient pointer/CSS split and reveal/offscreen/reduced-motion ideas while blocking code reuse on the missing license file and current dependency/test gaps. Source: X/@csaba_kissi; Source: site and
ckissi/colorion-css-cursorsreview, 2026-08-10 -
2026-07-06 | Added Motion Library Ranking and Motion.dev as the product UI motion engine route with current
motion@12.42.2/framer-motion@12.42.2package snapshots. Source: User request, 2026-07-06 -
2026-07-07 | Promoted Motion.dev, Magic UI, and Kokonut UI into first-class routes and refreshed Motion / Framer Motion package snapshot language. Source: User request, 2026-07-07; https://motion.dev/; https://magicui.design/; https://kokonutui.com/
-
2026-07-03 | Added FigsFromPlums' Holographik image as pseudo-technical AI brand-poster vocabulary after local visual review: white system labels, model names, coordinates, logos, and diagram marks on black. Treated as visual grammar, not source authority. Source: X/@FigsFromPlums, 2026-03-27; Source: local image artifact, 2026-07-03
-
2026-07-03 | Added Soren Blank's Linear parallax-bar recreation as a parametric motion-tuning reference after reviewing the local video contact sheet. The durable pattern is live control panels for spatial/motion geometry, not a new component library. Source: X/@sorenblank, 2026-05-01; Source: local video contact sheet, 2026-07-03
-
2026-07-03 | Added Gradient Shimmer as a narrow React text-effect source after reviewing the local demo thumbnail, video contact sheet, npm package, GitHub README, live demo, and Offloop artifact reply. Source: X/@mona_biasia, 2026-06-21; Source: https://gradient-shimmer.vercel.app/, 2026-07-03
-
2026-07-03 | Added Praveen's Dither + ASCII + Motion artifact as a light editorial surface-treatment reference after reviewing the thumbnail and video contact sheet. The durable pattern is dithered photographic texture plus slow motion around crisp serif content, not a new dependency. Source: X/@praveenisomer, 2026-04-02
-
2026-07-03 | Added Mehmet Ozsoy's static-illustration row as a product-story motion reference after reviewing the video contact sheet. The durable pattern is to animate explanatory illustration and proof tickers while keeping the landing-page copy stable. Source: X/@mehmetozsoyart, 2026-03-23; Source: local video contact sheet, 2026-07-03
-
2026-07-02 | Added @invinciDesigns' cubed terminal ecosystem as a generative interface reference after reviewing the repaired thumbnail, video contact sheet, self-thread, and artifact replies. The durable value is red-grid living-terminal art direction, not an OS product claim. Source: X/@invinciDesigns, 2026-06-26; Source: local video contact sheet, 2026-07-02
-
2026-07-02 | Added Abubaker's four-image visual exploration as a pixel/dither landscape reference after rerouting it out of dev-tool coverage. The reviewed images show luminous green particle ribbons, dithered terrain, statue/temple silhouettes, and retro computer objects. Source: X/@AbubakerDev, 2026-05-01; Source: local image artifact, 2026-07-02
-
2026-07-02 | Added Mark Vassilevskiy's launch-video reel and Skale source as a product-motion reference shelf for compact SaaS explainers. Source: X/@MarkKnd, 2026-05-02; https://skale.solutions/, checked 2026-07-02
-
2026-07-01 | Added Grim's breathing dithered charts as a product-dashboard chart-treatment reference after inspecting the repaired thumbnail, video contact sheet, self-thread, and artifact reply. The artifact is a visual reference only until source code is published. Source: X/@grimcodes, 2026-06-26
-
2026-06-30 | Added Unicorn Studio after deep-reviewing Oriku's step-by-step pixel/dither/mouse-trail recipe. Source: X/@Oriku175, 2026-06-24
-
2026-06-30 | Added Oriku's dither motion + Japanese typography artifact as visual vocabulary for distinctive editorial sections. Source: X/@Oriku175, 2026-05-13
-
2026-06-30 | Added Claude Fable 5 shader artifacts as prompt-to-shader reference material after reviewing @emollick's Drowned Spires II artifact. Source: X/@emollick, 2026-06-09
-
2026-06-30 | Added Easing Graphs and Creative Web Interaction References as reference shelves after deep-reviewing local X artifacts for easing curves and Jonas's "cool internet things" bundle. Source: X/@remvze, 2026-03-15; Source: X/@jonaasw1, 2026-06-25
-
2026-06-30 | Added the Figma-drawn SVG plus Motion interaction-study route after reviewing Cleon's isometric cube artifact and implementation reply. Source: X/@cleondesigns, 2026-06-08
-
2026-06-29 | Refreshed React Bits as a first-class copy-paste React effects source with
llms.txt, shadcn/jsrepo routes, and current category coverage. Source: User request, 2026-06-29; https://reactbits.dev/ -
2026-06-29 | Added Motion Primitives for editable React/Tailwind motion components and Haikei for static SVG asset generation. Source: User request, 2026-06-29
-
2026-06-25 | Page created from Kevin's design-folder source set to separate broad motion/effects references from the narrower Shader Effects Libraries page. Source: raw/notes/design-folder-sites-2026-06-25.md