design-eng.ref

# Design Engineer References

> Index of 201 component libraries, motion/GSAP resources, shaders, theming tools and agent skills for building interfaces, grouped by the job they do in a build. Valid as of 2026-10-09. Tags are partly automated; see README.md. Items marked "unverified" are guesses.

## Start here

- [Graphical](https://www.graphicalui.com/): Create visual themes and customize components; built to work with a coding agent.
- [knadh/oat: Ultra-lightweight, zero dependency, semantic HTML/CSS/JS UI library](https://github.com/knadh/oat): Ultra-lightweight, zero-dependency semantic HTML/CSS/JS UI library.
- [Pixel Perfect UI — Lightweight UI Library for React](https://www.pixel-perfect.space/): Lightweight React UI library and Framer Motion blocks.
- [SmolCSS](https://smolcss.dev/): Small CSS snippets.
- [The Component Gallery](https://component.gallery/): The Component Gallery: how real design systems name and build components.
- [Amicro — Premium React Micro-transitions & Interaction Components](https://amicro.vercel.app/): React micro-transitions, installable via shadcn registry.
- [Animation Vocabulary — A Glossary of Animation Patterns](https://animations.samkalok.com/): 91 named animation patterns, for briefing an AI or designer on motion.
- [apple-design Skill - emilkowalski | UI Skills](https://www.ui-skills.com/skills/emilkowalski/apple-design): Registry of skills for design engineers, aimed at coding agents.
- [Fancy Components](https://www.fancycomponents.dev/): Playful React/TypeScript/Tailwind/Motion components.
- [Framer Motion Components | Pixel Perfect UI](https://www.pixel-perfect.space/blocks/motion): Lightweight React UI library and Framer Motion blocks.
- [Motion (formerly Framer Motion)](https://motion.dev/): Motion (formerly Framer Motion): JavaScript and React animation library.
- [Motionwind — Motion animations as Tailwind classes](https://www.motionwind.xyz/): Motion animations as Tailwind-style utility classes; docs written for LLMs.
- [Originkit — Free Animated component library for modern websites](https://www.originkit.dev/): Free animated component library: copy the code, use it in Framer, or connect through MCP.
- [React UI Components | ObsidianUI](https://www.obsidianui.dev/components): React components with full source downloads.
- [The Vocabulary of Motion](https://motion-vocabulary.vercel.app/): A vocabulary of UI motion terms.
- [Transitions.dev: UI transitions for AI agents](https://transitions.dev/): UI transitions to copy and paste, or use with your coding agent via a skill.
- [GSAP Motion Components for React & Vue | Annnimate](https://annnimate.com/): GSAP motion components for React and Vue. Paid library.
- [Lenis: smooth scroll](https://lenis.dev/): Smooth-scroll library, actively maintained (16k stars on GitHub); has llms.txt.
- [The GSAP Field™ — A motion playground by BYQ](https://the-gsap-field.webflow.io/): A GSAP motion playground.
- [slot-text — tiny text roll animation](https://textmotion.dev/): slot-text: tiny text roll animation.
- [Generative Loaders — text, inline, and image loaders for React](https://generativeloaders.com/): Text, inline and image loaders for React.
- [Thinking Orbs - AI Status Indicator Components for React](https://www.thinkingorbs.com/): Animated status orbs for AI agent UIs (thinking, searching, compacting).
- [Canvas UI: Creative Canvas and WebGL Component Library](https://canvasui.dev/): Canvas/WebGL effect components, framework-agnostic. Ships a shadcn registry.
- [Paper Shaders – Ultra-fast zero-dependency shaders](https://shaders.paper.design/): Zero-dependency shaders for React and GLSL; full docs for LLMs.
- [Retro Dither | Canvas UI](https://canvasui.dev/docs/components/retro-dither): Canvas/WebGL effect components, framework-agnostic. Ships a shadcn registry.
- [Shader Lab (basement.studio)](https://eng.basement.studio/tools/shader-lab): Free browser editor on WebGPU for stacking and animating shader effects on images, video, text and 3D; has llms.txt.
- [Shaders: open-source WebGPU shader components](https://shaders.com/): Open-source WebGPU shader components for React, Vue, Svelte, Solid and vanilla JS; has llms.txt.
- [Three.js](https://threejs.org/): The standard 3D library for WebGL and WebGPU; publishes llms.txt plus full docs for LLMs, including its TSL shader language.
- [Unicorn Studio](https://www.unicorn.studio/): Visual canvas for production-ready shader, 3D and interactive web graphics; has llms.txt.
- [tweakcn: themes for shadcn/ui](https://tweakcn.com/): Visual theme editor and generator for shadcn/ui.
- [Efecto: AI design tool with an MCP server](https://efecto.app/): Design tool where AI agents are first-class: artboards, layers and auto-layout, with an MCP server of 68 tools; has llms.txt.
- [emilkowalski/skills](https://github.com/emilkowalski/skills): Skills for design engineers, for coding agents.
- [ibelick/ui-skills](https://github.com/ibelick/ui-skills): Skills for design engineers, for coding agents.
- [DesEngs: Resources for Design Engineers](https://desengs.com/): Resources for design engineers.
- [Interface Craft](https://www.interfacecraft.dev/): A course and library on interface design craft, with lessons on working with Claude Code and v0.

## Core components & primitives

Copy-paste component libraries, UI kits, shadcn-style registries.

- [Graphical](https://www.graphicalui.com/)
- [knadh/oat: Ultra-lightweight, zero dependency, semantic HTML/CSS/JS UI library](https://github.com/knadh/oat): github
- [Pixel Perfect UI — Lightweight UI Library for React](https://www.pixel-perfect.space/): shadcn-registry
- [SmolCSS](https://smolcss.dev/)
- [The Component Gallery](https://component.gallery/)
- [98.css](https://jdan.github.io/98.css/)
- [A useful tool for designing css buttons](https://www.bestcssbuttongenerator.com/)
- [Build your Component Library - shadcn/ui](https://ui.shadcn.com/): llms.txt
- [Craftwork: design assets and templates for designers and AI agents](https://craftwork.design/): llms.txt
- [CSS Buttons](https://www.w3schools.com/css/css3_buttons.asp)
- [Free UI Resources - Download Best Handpicked Design Resources](https://freeuiresources.com/)
- [Frend - A collection of accessible, modern front-end components.](https://frend.co/)
- [michu2k/Accordion: Accordion module created in pure javascript & CSS. Very useful to create FAQ lists](https://github.com/michu2k/Accordion): github
- [torcado194/scritch-player: A simple, customizable HTML media player designed for artists · GitHub](https://github.com/torcado194/scritch-player): github
- [React-Select](https://react-select.com/home)
- [Relume Libraries Cloneable](https://relume-libraries.webflow.io/)
- [Storybook: Frontend workshop for UI development](https://storybook.js.org/): llms.txt
- [Tailwind CSS button collection - Click-to-copy integration](https://buttons.ibelick.com/)

## Micro-interactions & transitions

Hover/press/state motion, page transitions, motion libraries.

- [Amicro — Premium React Micro-transitions & Interaction Components](https://amicro.vercel.app/): shadcn-registry
- [Animation Vocabulary — A Glossary of Animation Patterns](https://animations.samkalok.com/): llms.txt
- [apple-design Skill - emilkowalski | UI Skills](https://www.ui-skills.com/skills/emilkowalski/apple-design): llms.txt
- [Fancy Components](https://www.fancycomponents.dev/): llms.txt + shadcn-registry
- [Framer Motion Components | Pixel Perfect UI](https://www.pixel-perfect.space/blocks/motion): shadcn-registry
- [Motion (formerly Framer Motion)](https://motion.dev/): llms.txt
- [Motionwind — Motion animations as Tailwind classes](https://www.motionwind.xyz/): llms.txt
- [Originkit — Free Animated component library for modern websites](https://www.originkit.dev/)
- [React UI Components | ObsidianUI](https://www.obsidianui.dev/components): llms.txt + shadcn-registry
- [The Vocabulary of Motion](https://motion-vocabulary.vercel.app/)
- [Transitions.dev: UI transitions for AI agents](https://transitions.dev/)
- [60fps - UI/UX animation inspiration for mobile & web apps](https://60fps.design/): llms.txt
- [90’s Cursor Effects](https://tholman.com/cursor-effects/)
- [Animate.css | A cross-browser library of CSS animations.](https://animate.style)
- [Hover.css - A collection of CSS3 powered hover effects](https://ianlunn.github.io/Hover/)
- [Jitter · A fast and simple motion design tool on the web](https://jitter.video/)
- [Lottielab | Create and Edit Lottie Animations](https://www.lottielab.com/)
- [Make CSS Animations with AI | AI CSS Animations](https://www.aicssanimations.com/)
- [Morphing menu — Playground](https://dannyjpwilliams.com/playground/morphing-menu/)
- [Motion](https://motion.zajno.com/)

## Scroll & page motion

Smooth scroll, scroll-driven animation, GSAP choreography.

- [GSAP Motion Components for React & Vue | Annnimate](https://annnimate.com/): llms.txt, paid
- [Lenis: smooth scroll](https://lenis.dev/): llms.txt
- [The GSAP Field™ — A motion playground by BYQ](https://the-gsap-field.webflow.io/)
- [Book rotation on scroll](https://codepen.io/riklomas/pen/dyOBXKy)
- [CSS-only scrollspy effect using scroll-marker-group and :target-current](https://www.sarasoueidan.com/blog/css-scrollspy/)
- [egstad-construct/detect-scroll](https://github.com/egstad-construct/detect-scroll): github
- [flackr/scroll-timeline: A polyfill of ScrollTimeline.](https://github.com/flackr/scroll-timeline): github
- [Scroll-driven Animations](https://scroll-driven-animations.style/)
- [View Progress Timeline: Ranges and Animation Progress Visualizer](https://scroll-driven-animations.style/tools/view-timeline/ranges/)

## Text effects & type motion

Animated and kinetic text.

- [slot-text — tiny text roll animation](https://textmotion.dev/)
- [Motion Playground](https://motion-playground-steel.vercel.app/liquify)
- [csswarp.eleqtriq.com](https://csswarp.eleqtriq.com/)
- [Effects Showroom - TerminalTextEffects Docs](https://chrisbuilds.github.io/terminaltexteffects/showroom/)
- [rutherfordcraze/variable-animation](https://github.com/rutherfordcraze/variable-animation): github
- [Typeface Animator](https://www.typefaceanimator.com/)
- [WordArt](https://codepen.io/kathykato/pen/omxPap)

## Loaders & AI/agent status

Spinners, skeletons, thinking and streaming indicators.

- [Generative Loaders — text, inline, and image loaders for React](https://generativeloaders.com/)
- [Thinking Orbs - AI Status Indicator Components for React](https://www.thinkingorbs.com/): llms.txt
- [Recent — Design Inspiration](https://recent.design/i/vxeptem-orbloom-voice-orb-library)

## Backgrounds, shaders & generative visuals

WebGL, canvas, GLSL, dither, 3D, procedural visuals.

- [Canvas UI: Creative Canvas and WebGL Component Library](https://canvasui.dev/): llms.txt + shadcn-registry
- [Paper Shaders – Ultra-fast zero-dependency shaders](https://shaders.paper.design/): llms.txt
- [Retro Dither | Canvas UI](https://canvasui.dev/docs/components/retro-dither): llms.txt + shadcn-registry
- [*p5.brush - Brush that canvas!](https://p5-brush.cargo.site/)
- [3D Photo Effects free online app](https://3dthis.com/3dfx.htm)
- [Borelais](https://marlonbarrios.github.io/animated_lines_sound/)
- [codepen.io](https://codepen.io/ClementRoche/full/pmvNzq)
- [Creating a Pencil Effect in SVG](https://heredragonsabound.blogspot.com/2020/02/creating-pencil-effect-in-svg.html)
- [CSS 3D Clouds](https://www.clicktorelease.com/code/css3dclouds/)
- [davidsiaw/hexlife](https://github.com/davidsiaw/hexlife): github
- [dither in the browser with the power of CSS | maya.land](https://maya.land/monologues/2021/02/15/css-dither.html)
- [DotForge — Real-Time Dither Animation Builder](https://dotforge.vercel.app/)
- [Dynamic Phyllotaxis 01](https://marlonbarrios.github.io/animated_phylotaxis/)
- [Shader Lab (basement.studio)](https://eng.basement.studio/tools/shader-lab): llms.txt
- [Eyecandy - Visual Technique Library](https://eyecannndy.com/)
- [free SVG generators, web design tools & modern HTML templates](https://fffuel.co/)
- [aahdee/p5grid: An implementation of triangle, square, hexagon, and octagon grids for p5.js.](https://github.com/aahdee/p5grid): github
- [LingDong-/fishdraw: procedurally generated fish drawings](https://github.com/LingDong-/fishdraw): github
- [Megabound/dither-shitter: Tools for dithering](https://github.com/Megabound/dither-shitter?tab=readme-ov-file): github
- [raphaelameaume/fragment: [alpha] A web development environment for creative coding](https://github.com/raphaelameaume/fragment): github
- [urbit/sigil-js: ~4.2 billion default profile pics](https://github.com/urbit/sigil-js): github
- [Grainy Gradients | CSS-Tricks](https://css-tricks.com/grainy-gradients/): llms.txt
- [gwygonik/PerlinRiver](https://github.com/gwygonik/PerlinRiver): github
- [javascript - three js clickable objects - Stack Overflow](https://stackoverflow.com/questions/17638933/three-js-clickable-objects)
- [KOJIMA — Micro-graphic Generator](https://kojima-san.vercel.app/)
- [Moved by Noise (Perlin 101)](https://marlonbarrios.github.io/animated_grid_lines/)
- [Offscreen Canvas](https://offscreencanvas.com/)
- [pppixelate: SVG pixel art pattern maker | fffuel](https://fffuel.co/pppixelate/)
- [Reaction diffusion simulation](https://pmneila.github.io/jsexp/grayscott/)
- [Reaction-Diffusion Explorer Tool](https://karlsims.com/rdtool.html?s=WLjznPc5eh7K9008W3)
- [Reaction-Diffusion Explorer Tool](https://karlsims.com/rdtool.html?s=0LWG2)
- [SculptGL - A WebGL sculpting app](https://stephaneginier.com/sculptgl/)
- [SebLague/Slime-Simulation](https://github.com/SebLague/Slime-Simulation): github
- [Shader lab | Alembic](https://lab.alembic.space/)
- [ShaderGPT](https://shadergpt.14islands.com/)
- [ShaderGPT](https://shadergpt.14islands.com/c902bd8e-7b20-420d-b06f-e99355a908bd)
- [Shaders: open-source WebGPU shader components](https://shaders.com/): llms.txt
- [ShprAlex/SproutLife](https://github.com/ShprAlex/SproutLife): github
- [Simple pencil + ink pen effect for SVG path using filters / Olivia Vane | Observable](https://observablehq.com/@oliviafvane/simple-pencil-ink-pen-effect-for-svg-path-using-filters)
- [Spherium | Advanced WebGL Globe & Map Generator](https://tryspherium.com/)
- [Strings](https://codepen.io/shubniggurath/pen/ZYpjorm)
- [SVG Filters](https://yoksel.github.io/svg-filters/)
- [Three.js](https://threejs.org/): llms.txt
- [Topographic Map Animation](https://codepen.io/jonyablonski/pen/BpxzrO)
- [tsulej/GenerateMe](https://github.com/tsulej/GenerateMe): github
- [Unicorn Studio](https://www.unicorn.studio/): llms.txt
- [Vector Halftone Maker - Interactive PNG/SVG halftone pattern generator](https://halftone.xoihazard.com/)
- [WebGL flower](https://www.ibiblio.org/e-notes/Splines/garden/lathe/tulip_tex.htm)
- [WebGL Fluid Simulation](https://paveldogreat.github.io/WebGL-Fluid-Simulation/)
- [www.shadertoy.com](https://www.shadertoy.com/)

## Theming, color & tokens

Color systems, theme editors, gradient and shadow generators.

- [tweakcn: themes for shadcn/ui](https://tweakcn.com/): shadcn-registry
- [Color Scales | Components AI](https://components.ai/color-scale/0XJLbb2fwjM6LzK2pmLQ)
- [Colors – Radix UI](https://www.radix-ui.com/colors)
- [CSS Gradient Generator](https://www.joshwcomeau.com/gradient-generator/)
- [CSS Shadow Palette Generator](https://www.joshwcomeau.com/shadow-palette/)
- [d3/d3-scale-chromatic](https://github.com/d3/d3-scale-chromatic): github
- [Esri Color Ramps | ArcGIS Maps SDK for JavaScript](https://developers.arcgis.com/javascript/latest/visualization/symbols-color-ramps/esri-color-ramps/)
- [FOUND COLOR schemes for web and UI](https://foundcolor.co/)
- [antiflasher/apcach: JS color calculator for composing colors with consistent APCA contrast ratio.](https://github.com/antiflasher/apcach): github
- [evilmartians/harmony: Harmony color palette](https://github.com/evilmartians/harmony): github
- [mattdesl/dictionary-of-colour-combinations: palettes from A Dictionary of Colour Combinations](https://github.com/mattdesl/dictionary-of-colour-combinations): github
- [texel-org/color: modern color library for image processing and creative coding (oklab, xyz, p3, rec20](https://github.com/texel-org/color): github
- [Instrument — Mapping Dominant Image Colors in Javascript](https://www.instrument.com/articles/mapping-colors)
- [larsenwork/postcss-easing-gradients](https://github.com/larsenwork/postcss-easing-gradients): github
- [Neumorphism CSS shadow generator](https://neumorphism.io/)
- [ZoeFiri/base16-summercamp](https://github.com/ZoeFiri/base16-summercamp): github

## Layout & CSS technique

Modern CSS, HTML and SVG references and techniques.

- [<named-color> CSS type - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/named-color)
- [Antiquated HTML Snippets and Artefacts | Vale.Rocks](https://vale.rocks/posts/html-relics)
- [attr() - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/attr)
- [Basscss](http://basscss.com/)
- [Border-image generator - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-image_generator)
- [Carousel · Intro to CSS 3D transforms](https://3dtransforms.desandro.com/carousel)
- [Clippy — CSS clip-path maker](https://bennettfeely.com/clippy/)
- [Conditional Border Radius In CSS - Ahmad Shadeed](https://ishadeed.com/article/conditional-border-radius/)
- [CSS GUI — Visual styling controls for the web](https://components.ai/css-gui)
- [CSS Layout Generator](https://layout.bradwoods.io/)
- [css list filtering](https://hack.wesleyac.com/pokemon.html)
- [CSS Masonry & CSS Grid | CSS-Tricks](https://css-tricks.com/css-masonry-css-grid/): llms.txt
- [CSS Nuggets | CodyHouse](https://codyhouse.co/nuggets/)
- [CSS Tools: Reset CSS](https://meyerweb.com/eric/tools/css/reset/)
- [CVS Receipt](https://codepen.io/garrettbear/full/JzMmqg)
- [Emoji Cursor - CSS Generator Tool](https://www.emojicursor.app/)
- [joshbuchea/HEAD: A simple guide to HTML <head> elements](https://github.com/joshbuchea/HEAD): github
- [sdras/cssgridgenerator: 🧮 Generate basic CSS Grid code to make dynamic layouts!](https://github.com/sdras/cssgridgenerator): github
- [Grid Garden - A game for learning CSS grid](https://cssgridgarden.com/)
- [hteumeuleu/email-bugs](https://github.com/hteumeuleu/email-bugs): github
- [mask-image - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image)
- [Modern fluid typography editor](https://modern-fluid-typography.vercel.app/)
- [My current HTML boilerplate](https://www.matuzo.at/blog/html-boilerplate/): llms.txt
- [New CSS that can actually be used in 2024](https://thomasorus.com/new-css-that-can-actually-be-used-in-2024.html)
- [New CSS that can actually be used in 2024 - Thomasorus](https://thomasorus.com/new-css-that-can-actually-be-used-in-2024)
- [Print-CSS – SELFHTML-Wiki](https://wiki.selfhtml.org/wiki/Print-CSS)
- [Printing - Developer guides | MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/Printing)
- [Selecting previous siblings with CSS :has()](https://tobiasahlin.com/blog/previous-sibling-css-has/)
- [size - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@page/size)
- [Style a parent element based on its number of children using CSS :has()](https://www.bram.us/2022/11/17/style-a-parent-element-based-on-its-number-of-children-using-css-has/)
- [SVG Path Visualizer](https://svg-path-visualizer.netlify.app/)
- [SVGOMG](https://jakearchibald.github.io/svgomg/)
- [The Lost CSS Tricks of Cohost.org | CSS-Tricks](https://css-tricks.com/the-lost-css-tricks-of-cohost-org/): llms.txt
- [The Mine: No JS, CSS only adventure game](https://codepen.io/jcoulterdesign/pen/NOMeEb)
- [The Ultimate CSS Shapes Collection](https://css-shape.com/)
- [Tufte CSS](https://edwardtufte.github.io/tufte-css/)
- [unicode-range | CSS-Tricks](https://css-tricks.com/almanac/properties/u/unicode-range/): llms.txt
- [WTF, HTML and CSS?](http://wtfhtmlcss.com/)
- [You no longer need JavaScript Ʊ lyra's epic blog](https://lyra.horse/blog/2025/08/you-dont-need-js/)
- [🤯 HEAD - A simple guide to HTML <head> elements](https://htmlhead.dev/)

## Agent skills & motion vocabulary

Skill files for coding agents; glossaries for briefing an AI about motion.

- [emilkowalski/skills](https://github.com/emilkowalski/skills): github
- [ibelick/ui-skills](https://github.com/ibelick/ui-skills): github
- [staltz/microskills: Modular prompts I use every day](https://github.com/staltz/microskills): github
- [Efecto: AI design tool with an MCP server](https://efecto.app/): llms.txt

## Inspiration & reference only

Galleries and showcases. Nothing to install; useful for taste.

- [DesEngs: Resources for Design Engineers](https://desengs.com/)
- [Interface Craft](https://www.interfacecraft.dev/)
- [9.63](https://ninepointsixthree.co/)
- [A creative agency based in Aotearoa.](https://motionsickness.company/)
- [All Inspiration Components](https://www.tilebit.io/all-inspirations): llms.txt
- [Browse iOS Apps | Mobbin - The world’s largest mobile app design reference library](https://mobbin.com/browse/ios/apps): llms.txt
- [Capital Theme - Berlin - Ecommerce Website Template](https://themes.shopify.com/themes/capital/styles/berlin?surface_detail=capital&surface_inter_position=1&surface_intra_position=1&surface_type=search)
- [CodePen](https://codepen.io/)
- [Codrops | Keeping web professionals inspired & up-to-date since 2009](https://tympanus.net/codrops/)
- [Creative Hub | Codrops](https://tympanus.net/codrops/hub/)
- [Deck.Gallery® — Beautifully designed decks, curated](https://www.deck.gallery/): llms.txt
- [Design Systems Database: Surf among top‑notch Design Systems](https://designsystems.surf/)
- [Design Systems](https://designsystems.surf/design-systems)
- [Discover iOS apps | Mobbin](https://mobbin.com/discover/apps/ios/latest): llms.txt
- [Dusk — Elegant & Premium Framer Portfolio Template](https://dusk-template.framer.website/)
- [Elliot Vredenburg Promotional Website](https://ellio.tv/)
- [ena supply - Framer Templates & Resources](https://ena.supply/)
- [Envy Theme - Gothenburg - Ecommerce Website Template](https://themes.shopify.com/themes/envy/styles/gothenburg)
- [everestpipkin/tools-list](https://github.com/everestpipkin/tools-list): github
- [EverythingMoves is a creative studio based in London specialising in CGI, motion design, and live action direc](https://everythingmoves.com/)
- [Flow Theme - Queenstown - Ecommerce Website Template](https://themes.shopify.com/themes/flow/styles/queenstown?surface_detail=flow&surface_inter_position=1&surface_intra_position=1&surface_type=search)
- [Infinite Canvas app gallery](https://infinitecanvas.tools/gallery/)
- [Interface In Game | Collection of video games UI | Screenshots and videos](https://interfaceingame.com/)
- [INTL Playground](https://playground.intl.international/01/)
- [Logo Inspiration — 1,300+ Logos & Animated Logos | Logosystem](https://logosystem.co/): llms.txt
- [Payflow IO: Free AI Website Template by Mita — Framer Marketplace](https://www.framer.com/community/marketplace/templates/payflow-io/): llms.txt
- [Playground Archives | Codrops](http://tympanus.net/codrops/category/playground/)
- [Prand - animated world](https://prand-n.ava-case.com/)
- [Recent — Design Inspiration](https://recent.design/)
- [tidal-motion-ecosystem](https://vucko.co/project/tidal-motion-ecosystem)
- [Tutorials | Codrops](https://tympanus.net/codrops/category/tutorials/)
- [UI Garage - Specific UI Design inspiration & Pattern for your design.](https://uigarage.net/)
- [wrmdrks | Wordmark library](https://wrdmrks.com/)
- [Page Flows: recorded UI flows and screens from top apps](https://pageflows.com/)