{"id":"3dd76489-8fdb-4cc3-8d00-c831049e9343","slug":"frontend-inspo-mcp","kind":"mcp","name":"frontend-inspo-mcp","summary":"MCP server that lets AI coding agents search and pull real frontend code, UI components and design mockups from 27 open sources (shadcn/ui, Magic UI, Aceternity, FreeFrontend, three.js, drei and more)","owner":"notsointresting","repoUrl":"https://github.com/notsointresting/frontend-inspo-mcp","license":"MIT","licenseTier":"permissive","trust":"community","stars":4,"match":null,"fewStars":true,"format":"mcp","createdAt":"2026-09-02T19:55:44.000Z","addedAt":"2026-10-14T06:32:14.048Z","logoUrl":"https://avatars.githubusercontent.com/u/102847495?u=e2336ca992f6da7d6193ac461fdb741e49f9395f&v=4","linkOnly":false,"collection":null,"skillPath":null,"categories":["design-media","developer-tools","search"],"tags":["claude","react","tailwindcss","antigravity","claude-code","codex","command-line","copilot"],"runtime":"node","local":true,"cloudCapable":false,"cloudCapability":"unknown","cloudReadyOnPlatform":false,"needsApiKey":false,"reviewed":false,"syncedAt":"2026-10-17T08:54:41.035Z","sample":false,"url":"https://conduits.dev/tools/frontend-inspo-mcp","language":"JavaScript","transports":["stdio"],"install":{"npm":"frontend-inspo-mcp"},"requirements":{"env":[],"upstreamMayCharge":false},"tools":null,"readme":"# frontend-inspo-mcp 🎨\n\n> **A local MCP server that lets AI coding agents discover and pull real frontend code, UI components, design mockups, design-system tokens, 3D/WebGL source, and agent guidance** — across **65 sources**, from shadcn-schema component registries to pmndrs 3D libraries, HTML/CSS galleries, design-token APIs, and free asset libraries.\n\n[![npm version](https://img.shields.io/npm/v/frontend-inspo-mcp.svg)](https://www.npmjs.com/package/frontend-inspo-mcp)\n[![MCP](https://img.shields.io/badge/Model_Context_Protocol-server-blue)](https://modelcontextprotocol.io)\n[![TypeScript](https://img.shields.io/badge/TypeScript-7.0-3178c6)](https://www.typescriptlang.org/)\n[![Node](https://img.shields.io/badge/Node-22%2B-339933)](https://nodejs.org/)\n[![OpenSSF Best Practices](https://www.bestpractices.dev/projects/15252/badge)](https://www.bestpractices.dev/projects/15252)\n[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](#license)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#contributing)\n\nGive Claude, Cursor, Kiro, or any MCP-compatible agent instant access to **thousands of\ncopy-paste UI components and free design assets** — with the **actual source code**, not\njust links. Ask for \"a glassmorphism card\" or \"an animated shadcn button\" and get real,\nusable code back.\n\n## 📦 Install from npm (no clone needed)\n\nAdd this to your MCP client config and restart it; `npx` fetches and runs the server for you:\n\n```json\n{\n  \"mcpServers\": {\n    \"frontend-inspo\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"frontend-inspo-mcp\"]\n    }\n  }\n}\n```\n\n- **Claude Desktop** — paste it into `claude_desktop_config.json`\n  (macOS: `~/Library/Application Support/Claude/`, Windows: `%APPDATA%\\Claude\\`).\n- **Claude Code** — run `claude mcp add frontend-inspo -- npx -y frontend-inspo-mcp`,\n  or put the same JSON in a project-level `.mcp.json`.\n- **Cursor** — paste it into `~/.cursor/mcp.json` (global) or `.cursor/mcp.json` (per project).\n\nPrefer to hack on it? See [Quick start](#-quick-start) to run from source.\n\n## 🎬 Demo\n\n<!-- TODO: replace with recorded demo video -->\nDemo video coming soon.\n\n---\n\n## ✨ Why use this?\n\nMost component galleries are built for humans clicking around a browser. This server makes\nthem **agent-readable**, so your AI assistant can search, compare, and paste real code\ndirectly into your project.\n\n- 🔍 **Search 65 sources** through one consistent set of tools\n- 📋 **Get real code** — React/TSX, Tailwind, vanilla HTML/CSS/JS, GLSL, design tokens\n- 🎨 **Design systems & tokens** — DESIGN.md, Tailwind themes, CSS variables, color/gradient/font tokens\n- 🧊 **3D & WebGL** — three.js, the pmndrs ecosystem (drei, R3F, postprocessing, rapier, uikit…), shaders\n- 🎭 **Free design assets** — mockups (Figma / Sketch / PSD), HDRIs, PBR textures\n- 🧭 **Agent guidance** — curated R3F, GSAP, accessibility (APG) and Baseline compat references\n- ⚡ **Fast & polite** — in-memory + optional disk cache, per-host throttling, deadline-bounded parallel search\n- 🧩 **Pluggable** — add a new source in one small adapter file\n\n## 📚 Sources (65)\n\nEvery source is public and read-only. Content is returned as **reference data, never executed**.\n`heavy` sources (large downloads or tight quotas) are skipped by `search_all` unless you name them\nin its `sources` argument. Call `list_sources` for the live list with each source's `idFormat`.\n\n### shadcn-schema component registries (React + Tailwind)\n\n| Source | What it gives you | Inline code? |\n| --- | --- | :---: |\n| **[shadcn/ui](https://ui.shadcn.com/)** | React + Tailwind v4 + Radix components, blocks, charts (24 style variants) | ✅ |\n| **[Magic UI](https://magicui.design/)** | Animated React + Framer Motion components | ✅ |\n| **[Aceternity UI](https://ui.aceternity.com/)** | Bold animated React + Tailwind components | ✅ |\n| **[React Bits](https://reactbits.dev/)** | Animated React components (JS/TS, CSS/Tailwind) | ✅ |\n| **[Fancy Components](https://fancycomponents.dev/)** | Motion, scroll, text-physics & 2D effect components | ✅ |\n| **[VengeanceUI](https://github.com/Ashutoshx7/VengeanceUI)** | Animated React + Tailwind + Framer Motion components | ✅ |\n| **[Canvas UI](https://canvasui.dev/)** | WebGL/WebGPU canvas components (React/Vue/Svelte/Solid/Preact/vanilla) | ✅ |\n| **[Cult UI](https://www.cult-ui.com/)** | Animated React + Tailwind + Framer Motion components | ✅ |\n| **[Motion Primitives](https://motion-primitives.com/)** | Motion-first React + Tailwind + Framer Motion primitives | ✅ |\n| **[Kibo UI](https://www.kibo-ui.com/)** | Composable shadcn-registry React + Tailwind components | ✅ |\n| **[coss ui](https://coss.com/)** | React + Tailwind application components | ✅ |\n| **[Kokonut UI](https://kokonutui.com/)** | Animated React + Tailwind components | ✅ |\n| **[Eldora UI](https://www.eldoraui.site/)** | Animated React + Tailwind components | ✅ |\n| **[UI Layouts](https://www.ui-layouts.com/)** | Animated React + Tailwind layout components | ✅ |\n| **[SmoothUI](https://smoothui.dev/)** · _heavy_ | Animated React + Tailwind components | ✅ |\n| **[AI Elements](https://ai-sdk.dev/elements)** | React + Tailwind building blocks for AI chat UIs | ✅ |\n| **[SVGL](https://svgl.app/)** | SVG brand logos as React components | ✅ |\n| **[Watermelon UI](https://ui.watermelon.sh/)** | React components, blocks, dashboards, templates | ✅ |\n\n### HTML / CSS / Tailwind galleries\n\n| Source | What it gives you | Inline code? |\n| --- | --- | :---: |\n| **[FreeFrontend](https://freefrontend.com/)** | HTML / CSS / JS / Bootstrap / Tailwind snippets (~900 collections) | ✅ |\n| **[Uiverse](https://uiverse.io/)** | Community HTML/CSS + Tailwind UI elements | ✅ |\n| **[HyperUI](https://www.hyperui.dev/)** | Copy-paste Tailwind HTML components | ✅ |\n| **[Meraki UI](https://merakiui.com/)** | Tailwind HTML components (RTL-ready) | ✅ |\n| **[Pines](https://devdojo.com/pines)** | Alpine.js + Tailwind UI library | ✅ |\n| **[daisyUI](https://daisyui.com/)** | Tailwind CSS component classes | ✅ |\n| **[Flowbite](https://flowbite.com/)** | Tailwind HTML + JS components | ✅ |\n\n### Design systems, tokens & fonts\n\n| Source | What it gives you | Inline code? |\n| --- | --- | :---: |\n| **[Refero Styles](https://styles.refero.design/)** | Design systems from real sites — DESIGN.md, Tailwind, CSS vars, tokens | ✅ |\n| **[tweakcn](https://tweakcn.com/)** | shadcn theme presets — CSS variables & Tailwind themes | ✅ |\n| **[Open Props](https://open-props.style/)** | Open-source CSS custom-property design tokens | ✅ |\n| **[Radix Colors](https://www.radix-ui.com/colors)** | Accessible color scales as CSS/JS tokens | ✅ |\n| **[Fontsource](https://fontsource.org/)** | Self-hostable open-source font packages & metadata | ✅ |\n| **[uiGradients](https://uigradients.com/)** | Curated CSS gradient presets | ✅ |\n| **[awesome-design-md](https://github.com/beije/awesome-design-md)** | Curated DESIGN.md design-system references | ✅ |\n| **[shadcn Registry Directory](https://ui.shadcn.com/docs/registry)** | Directory of public shadcn registries to point tools at | — |\n\n### 3D, WebGL & React Three Fiber\n\n| Source | What it gives you | Inline code? |\n| --- | --- | :---: |\n| **[three.js](https://threejs.org/)** | Official examples — GLSL shaders, post-fx, loaders, controls | ✅ |\n| **[drei](https://github.com/pmndrs/drei)** | React Three Fiber helper components | ✅ |\n| **[React Three Fiber](https://r3f.docs.pmnd.rs/)** | Curated R3F guidance (bundled, offline) | ✅ |\n| **[react-spring](https://github.com/pmndrs/react-spring)** | Spring-physics animation for React | ✅ |\n| **[zustand](https://github.com/pmndrs/zustand)** | Minimal React state management | ✅ |\n| **[glyph](https://github.com/pmndrs/glyph)** | GPU text/geometry glyph baking (TSL, typegpu) | ✅ |\n| **[postprocessing](https://github.com/pmndrs/postprocessing)** | Post-processing effects + EffectComposer | ✅ |\n| **[detect-gpu](https://github.com/pmndrs/detect-gpu)** | Classify a device's GPU tier | ✅ |\n| **[uikit](https://github.com/pmndrs/uikit)** | Flexbox UI for R3F/three.js | ✅ |\n| **[react-three-rapier](https://github.com/pmndrs/react-three-rapier)** | Physics for R3F (Rapier) | ✅ |\n| **[leva](https://github.com/pmndrs/leva)** | React GUI controls/panels | ✅ |\n| **[math (pmndrs)](https://github.com/pmndrs/maath)** | Math helpers for 3D | ✅ |\n| **[OGL](https://github.com/oframe/ogl)** | Minimal WebGL library source | ✅ |\n| **[WebGPU Samples](https://github.com/webgpu/webgpu-samples)** | Official WebGPU example source | ✅ |\n| **[ShaderGradient](https://github.com/ruucm/shadergradient)** | Animated gradient meshes for R3F/three.js | ✅ |\n| **[liquid-logo](https://github.com/collidingScopes/liquid-logo)** | Liquid-metal WebGL effect from a logo (GLSL) | ✅ |\n| **[liquid-glass-js](https://github.com/dashersw/liquid-glass-js)** | Apple-style \"liquid glass\" refraction effect | ✅ |\n| **[ThreeUI](https://threeui.com/browse)** · _heavy_ | Community Three.js/WebGL components & landing pages | ✅ |\n| **[img2threejs](https://github.com/img2threejs/img2threejs)** | Image → three.js/GLB scene pipeline (Python) | ✅ |\n\n### Animation & scroll\n\n| Source | What it gives you | Inline code? |\n| --- | --- | :---: |\n| **[GSAP Skills](https://github.com/greensock/gsap-skills)** | Official GSAP agent guidance + runnable examples | ✅ |\n| **[Lenis](https://github.com/darkroomengineering/lenis)** | Smooth-scroll library source | ✅ |\n| **[Anime.js](https://github.com/juliangarnier/anime)** | JavaScript animation engine source | ✅ |\n| **[Two.js](https://two.js.org/)** | 2D drawing / animation library source | ✅ |\n| **[scrollama](https://github.com/russellsamora/scrollama)** | Scrollytelling library source | ✅ |\n| **[Codrops demos](https://tympanus.net/codrops/)** · _heavy_ | Tutorial demo source (HTML/CSS/JS effects) | ✅ |\n\n### Guidance, accessibility & compatibility\n\n| Source | What it gives you | Inline code? |\n| --- | --- | :---: |\n| **[WAI-ARIA APG](https://www.w3.org/WAI/ARIA/apg/)** | Accessible component patterns + example source | ✅ |\n| **[Anthropic Agent Skills](https://github.com/anthropics/skills)** | Design-focused agent skills (guidance) | ✅ |\n| **[Vercel Web Interface Guidelines](https://github.com/vercel-labs/web-interface-guidelines)** | Web interface quality guidelines | ✅ |\n| **[web-features (Baseline)](https://github.com/web-platform-dx/web-features)** · _heavy_ | Baseline browser-support data for web features | ✅ |\n\n### Free design assets\n\n| Source | What it gives you | Inline code? |\n| --- | --- | :---: |\n| **[LS.GRAPHICS](https://www.ls.graphics/free-mockups)** | Free design mockups (Figma / Sketch / PSD) | — |\n| **[Poly Haven](https://polyhaven.com/)** · _heavy_ | CC0 HDRIs, textures and models | — |\n| **[ambientCG](https://ambientcg.com/)** | CC0 PBR materials and textures | — |\n\n> **Excluded on purpose.** Some popular sources are intentionally **not** included because their\n> `robots.txt` disallows the needed path, or their license forbids redistribution: Iconify &\n> Openverse (API path disallowed), 8bitcn / 21st.dev (`/r/` disallowed), Tailark & Preline (paid /\n> fair-use), Animate UI (Commons Clause), and key-gated media APIs (Unsplash, Pexels, Sketchfab,\n> Google Fonts API, LottieFiles). See [docs/security-assurance-case.md](docs/security-assurance-case.md).\n\n## 🚀 Quick start\n\n```bash\ngit clone https://github.com/notsointresting/frontend-inspo-mcp.git\ncd frontend-inspo-mcp\nnpm install\nnpm run build\n```\n\nRequires **Node 22+** (uses the built-in `fetch` and current LTS APIs).\n\nRun the offline unit tests (no network needed):\n\n```bash\nnpm test\n```\n\nVerify every source is live:\n\n```bash\nnpm run smoke   # hits all 65 sources and asserts parsing → prints ALL PASS\n```\n\n## 🔌 Add it to your MCP client\n\nThe server speaks MCP over **stdio**. Point your client at the built `dist/index.js`.\n\n### Claude Desktop / Cursor / generic (`claude_desktop_config.json`)\n\n```json\n{\n  \"mcpServers\": {\n    \"frontend-inspo\": {\n      \"command\": \"node\",\n      \"args\": [\"/absolute/path/to/frontend-inspo-mcp/dist/index.js\"]\n    }\n  }\n}\n```\n\n### Claude Code (`~/.claude.json`, global `mcpServers`)\n\n```json\n{\n  \"mcpServers\": {\n    \"frontend-inspo\": {\n      \"type\": \"stdio\",\n      \"command\": \"node\",\n      \"args\": [\"/absolute/path/to/frontend-inspo-mcp/dist/index.js\"]\n    }\n  }\n}\n```\n\n> On Windows use escaped backslashes, e.g. `\"C:\\\\path\\\\to\\\\dist\\\\index.js\"`.\n\n## 🛠️ Tools\n\nEvery tool takes a `source` argument — one of the 65 ids returned by `list_sources`\n(e.g. `shadcn`, `magicui`, `refero`, `threejs`, `drei`, `polyhaven`, `freefrontend`, `lsgraphics`).\nCall `list_sources` first: it reports each source's `stack` tags, whether it returns inline code\n(`hasInlineCode`), how to write its ids (`idFormat`), and whether `search_all` skips it unless\nnamed (`heavy`).\n\n| Tool | Description |\n| --- | --- |\n| `list_sources` | List all 65 sources with stack tags, `hasInlineCode`, `idFormat`, and `heavy` |\n| `list_categories` | Categories / collections / kinds for one source |\n| `search_resources` | Search one source by `query`, `category`, `tech`, `limit` — lightweight summaries |\n| `search_all` | Search **many sources in parallel**, best match first. Narrow with `sources` or `stack`; `heavy` sources are listed in `skipped` unless named; per-source failures/timeouts land in `errors` without failing the call |\n| `get_resource` | Full detail for one item (metadata, license, code, formats, downloads). `includeAiPrompt` opts into FreeFrontend's \"Copy for AI\" text |\n| `get_code` | Raw source, keyed by file (e.g. `tsx`, `css`, `tsx:<path>`). Pass `file` for one file or `maxChars` to cap the reply; oversized replies list each file's size instead |\n\nReplies that carry third-party content include a `notice` field restating that the content is\nreference data, not instructions. The default reply cap is **150,000 characters** (`get_code`'s\n`maxChars` can raise it up to 1,000,000).\n\n### Resource & prompts\n\n- **Resource template** `inspo://{source}/{+id}` — read any resource as metadata JSON plus one text\n  part per code file; add `#<file>` to read a single file.\n- **Prompt** `find_component` — find ready-made UI code for a need across every source, then fetch\n  the best match (optional `stack` filter).\n- **Prompt** `design_system_from_site` — turn a real site's design system into a reference for your\n  project (uses the design-token sources).\n\n### Examples\n\nSearch animated React components:\n\n```json\n{ \"source\": \"magicui\", \"query\": \"marquee\", \"limit\": 5 }\n```\n\nGet a shadcn button's real source:\n\n```json\n{ \"source\": \"shadcn\", \"id\": \"button\" }\n```\n\nGrab a CSS hover effect with code:\n\n```json\n{ \"source\": \"freefrontend\", \"category\": \"css-hover-effects\", \"limit\": 5 }\n```\n\nFind a free device mockup:\n\n```json\n{ \"source\": \"lsgraphics\", \"id\": \"macbook-mockup\" }\n```\n\n## 💬 Try it in one prompt\n\n> *\"Build me a personal portfolio landing page. Use the frontend-inspo MCP: pull an\n> animated hero text effect from Magic UI, a shadcn card for the projects grid, a CSS\n> hover effect from FreeFrontend, and a free laptop mockup from LS.GRAPHICS — then\n> assemble it into a single `index.html`.\"*\n\n## 🧭 How it works\n\nEvery source is a small **adapter** implementing one `SourceAdapter` contract\n(`src/lib/types.ts`). Adapters are grouped by how they fetch:\n\n- **shadcn-schema registries** (shadcn, Magic UI, Aceternity, React Bits, Fancy, VengeanceUI,\n  Canvas UI, Cult UI, Motion Primitives, Kibo UI, coss, Kokonut, Eldora, UI Layouts, SmoothUI,\n  AI Elements, SVGL, Watermelon) share one factory that reads the\n  [shadcn registry schema](https://ui.shadcn.com/docs/registry) — an index of items plus per-item\n  JSON containing the real component source.\n- **GitHub / jsDelivr source-tree libraries** (drei, react-spring, zustand, glyph, postprocessing,\n  detect-gpu, uikit, rapier, leva, maath, OGL, WebGPU Samples, ShaderGradient, liquid-logo,\n  liquid-glass-js, img2threejs, GSAP, Lenis, Anime.js, Two.js, scrollama, three.js, APG, …) share\n  a factory that lists a repo's git tree (or an npm package's file tree), keeps the relevant files,\n  and serves raw source. If the GitHub API is rate-limited it falls back to the jsDelivr mirror; pin\n  a commit SHA for an immutable read.\n- **HTML galleries** (FreeFrontend, Uiverse, HyperUI, Meraki, Pines, LS.GRAPHICS, Codrops, …) parse\n  server-rendered pages with cheerio; FreeFrontend base64-decodes inline code blocks.\n- **JSON / data APIs** (Watermelon catalog, Poly Haven, ambientCG, Fontsource, uiGradients,\n  Radix Colors, Open Props, web-features Baseline) call documented public endpoints.\n- **Refero Styles** reads the public, server-rendered gallery and `/style/<id>` pages\n  (its `/api/` path is disallowed by `robots.txt`, so it is not used) and synthesizes a DESIGN.md,\n  Tailwind theme, CSS variables, and design-token JSON — **no subscription required**.\n- **React Three Fiber (r3f)** serves a bundled, offline guidance skill (no network).\n- **ThreeUI** fetches the `MengTo/threeui` manifest once and caches the parsed catalog in-process\n  (it is large, hence `heavy`).\n\nSet an optional **`GITHUB_TOKEN`** to lift GitHub's unauthenticated rate limit (60 req/hr) for the\nGitHub-backed sources. Requests are **HTTPS-only**, cached, throttled per host to stay polite, and\nretried with backoff on transient failures. Downloaded content is treated as **data and is never\nexecuted**.\n\n### Configuration (environment variables)\n\nAll optional — the defaults work out of the box.\n\n| Variable | Default | Purpose |\n| --- | --- | --- |\n| `GITHUB_TOKEN` | — | Lift GitHub's 60 req/hr limit for GitHub-backed sources (a placeholder value is ignored) |\n| `FRONTEND_INSPO_CACHE_DIR` | — | Persist responses to this directory across restarts (memory stays the fast first layer) |\n| `FRONTEND_INSPO_CACHE_TTL_MS` | `600000` (10 min) | Lifetime of an ordinary cached response |\n| `FRONTEND_INSPO_CACHE_MAX_BYTES` | `67108864` (64 MB) | In-memory cache budget |\n| `FRONTEND_INSPO_MAX_BODY_BYTES` | `104857600` (100 MB) | Largest response body read |\n| `FRONTEND_INSPO_MIN_GAP_MS` | `400` | Per-host politeness gap (`0` disables throttling); a host's `Crawl-delay` can raise it |\n| `FRONTEND_INSPO_SEARCH_DEADLINE_MS` | `20000` (20 s) | Per-source deadline in `search_all` |\n\n## 🗂️ Project layout\n\n```\nsrc/\n  index.ts              stdio launcher (npm bin)\n  server.ts             the six MCP tools, inspo:// resource, two prompts, validation, size cap\n  smoke.ts              live per-source checks (npm run smoke)\n  lib/\n    types.ts            shared types + SourceAdapter contract\n    validate.ts         allowlist schemas for tool arguments\n    fetch.ts            HTTPS-only HTTP: memory+disk cache, per-host throttle, retry/backoff\n    search.ts           query ranking shared by every adapter\n    memo.ts             small async memoizer (shared index/manifest caches)\n  sources/\n    index.ts            the single source registry (ids, enum, getAdapter)\n    registry.ts         shadcn-schema registry factory + core registries\n    community-registries.ts  more shadcn-schema registries (Cult, Kokonut, …)\n    tweakcn.ts          shadcn theme presets\n    shadcn-directory.ts directory of public shadcn registries\n    packages.ts         source trees via jsDelivr + GitHub (factories + libraries)\n    libraries.ts        more GitHub/jsDelivr library sources\n    collections.ts      curated collections (Uiverse, HyperUI, Pines, …)\n    codrops.ts          Codrops demo source (heavy)\n    design-apis.ts      Open Props, Radix Colors, daisyUI, Flowbite, …\n    open-data.ts        Poly Haven, ambientCG, web-features (Baseline)\n    fontsource.ts       self-hostable open-source fonts\n    uigradients.ts      CSS gradient presets\n    freefrontend.ts     HTML parse + base64 code decode\n    watermelon.ts       JSON API client + shadcn registry code\n    lsgraphics.ts       HTML parse (mockups)\n    refero.ts           Refero public pages -> synthesized DESIGN.md / tokens\n    threeui.ts          ThreeUI manifest (heavy)\n    r3f.ts              bundled React Three Fiber guide (offline)\n    r3f-content/        the bundled R3F skill markdown (copied into dist on build)\ntests/                  offline unit tests (node:test), network faked\nscripts/                build helpers + reproducible-build + version checks\n```\n\nHow the pieces fit together is described in [ARCHITECTURE.md](ARCHITECTURE.md).\n\n## 🤝 Contributing\n\nNew sources are welcome — most fit in one small adapter file implementing the\n`SourceAdapter` contract in `src/lib/types.ts`. Open a PR.\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md) for the step-by-step guide, code standards, and the checks a PR must pass.\n\nProject documents:\n\n- [ROADMAP.md](ROADMAP.md): what is planned for the next year, and what is out of scope\n- [GOVERNANCE.md](GOVERNANCE.md): how decisions are made, roles, and releases\n- [ARCHITECTURE.md](ARCHITECTURE.md): how the server is built\n- [SECURITY.md](SECURITY.md) and [the security assurance case](docs/security-assurance-case.md): reporting vulnerabilities, and what to expect\n- [RELEASING.md](RELEASING.md): how releases are signed and how to verify them\n- [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md)\n\n## 🙏 Credits & acknowledgements\n\nThis project is a **discovery layer** over third-party resources. All content, code\nsnippets, components, and mockups belong to their original creators. Please respect each\nsource's license before reusing anything.\n\n- **[FreeFrontend](https://freefrontend.com/)** — curated frontend code snippets (per-item licenses, often MIT)\n- **[shadcn/ui](https://ui.shadcn.com/)** by [@shadcn](https://github.com/shadcn) — MIT\n- **[Magic UI](https://magicui.design/)** — MIT\n- **[Aceternity UI](https://ui.aceternity.com/)** by [Manu Arora](https://twitter.com/mannupaaji)\n- **[React Bits](https://reactbits.dev/)** by [David Haz](https://github.com/DavidHDev) — MIT\n- **[Refero](https://refero.design/)** — design-system references extracted from public websites (data read from Refero's public pages; each referenced site owns its brand)\n- **[three.js](https://threejs.org/)** by [mrdoob](https://github.com/mrdoob) & contributors — MIT\n- **[drei](https://github.com/pmndrs/drei)** by [pmndrs](https://github.com/pmndrs) — MIT\n- **[react-spring](https://github.com/pmndrs/react-spring)** by [pmndrs](https://github.com/pmndrs) — MIT\n- **[zustand](https://github.com/pmndrs/zustand)** by [pmndrs](https://github.com/pmndrs) — MIT\n- **[glyph](https://github.com/pmndrs/glyph)** by [pmndrs](https://github.com/pmndrs) — MIT\n- **[postprocessing](https://github.com/pmndrs/postprocessing)** by [Raoul van Rüschen](https://github.com/vanruesc) — Zlib\n- **[detect-gpu](https://github.com/pmndrs/detect-gpu)** by [pmndrs](https://github.com/pmndrs) — MIT\n- **[ShaderGradient](https://github.com/ruucm/shadergradient)** by [ruucm](https://github.com/ruucm)\n- **[liquid-logo](https://github.com/collidingScopes/liquid-logo)** by [collidingScopes](https://github.com/collidingScopes) — MIT\n- **[liquid-glass-js](https://github.com/dashersw/liquid-glass-js)** by [Armagan Amcalar](https://github.com/dashersw) — MIT\n- **[ThreeUI](https://github.com/MengTo/threeui)** by [Meng To](https://github.com/MengTo) — MIT\n- **[img2threejs](https://github.com/img2threejs/img2threejs)** — Apache-2.0\n- **[GSAP](https://github.com/greensock/gsap-skills)** by [GreenSock](https://github.com/greensock) — MIT\n- **[VengeanceUI](https://github.com/Ashutoshx7/VengeanceUI)** by [Ashutosh](https://github.com/Ashutoshx7) — MIT\n- **[Canvas UI](https://canvasui.dev/)** by [David Haz](https://github.com/DavidHDev) — MIT\n- **[Fancy Components](https://fancycomponents.dev/)** by [Daniel Petho](https://github.com/danielpetho) — MIT\n- **[Two.js](https://two.js.org/)** by [jonobr1](https://github.com/jonobr1) — MIT\n- **[scrollama](https://github.com/russellsamora/scrollama)** by [Russell Samora](https://github.com/russellsamora) — MIT\n- **[Watermelon UI](https://ui.watermelon.sh/)** — open-source React platform\n- **[LS.GRAPHICS](https://www.ls.graphics/)** — free & premium design mockups\n- **[Cult UI](https://www.cult-ui.com/)**, **[Kibo UI](https://www.kibo-ui.com/)**, **[coss ui](https://coss.com/)**, **[Kokonut UI](https://kokonutui.com/)**, **[Eldora UI](https://www.eldoraui.site/)**, **[UI Layouts](https://www.ui-layouts.com/)**, **[SmoothUI](https://smoothui.dev/)**, **[Motion Primitives](https://motion-primitives.com/)** — shadcn-schema component registries (MIT)\n- **[AI Elements](https://ai-sdk.dev/elements)** by [Vercel](https://vercel.com/) · **[SVGL](https://svgl.app/)** by [pheralb](https://github.com/pheralb)\n- **[Uiverse](https://uiverse.io/)**, **[HyperUI](https://www.hyperui.dev/)**, **[Meraki UI](https://merakiui.com/)**, **[Pines](https://devdojo.com/pines)**, **[daisyUI](https://daisyui.com/)**, **[Flowbite](https://flowbite.com/)** — HTML/Tailwind component galleries\n- **[tweakcn](https://tweakcn.com/)**, **[Open Props](https://open-props.style/)**, **[Radix Colors](https://www.radix-ui.com/colors)**, **[Fontsource](https://fontsource.org/)**, **[uiGradients](https://uigradients.com/)**, **[awesome-design-md](https://github.com/beije/awesome-design-md)** — design tokens, themes & fonts\n- **[pmndrs](https://github.com/pmndrs)** ecosystem: **uikit**, **react-three-rapier**, **leva**, **maath** — MIT\n- **[OGL](https://github.com/oframe/ogl)** by [Nathan Gordon](https://github.com/gordonnl) · **[WebGPU Samples](https://github.com/webgpu/webgpu-samples)** — BSD-3-Clause\n- **[Lenis](https://github.com/darkroomengineering/lenis)** by [darkroom.engineering](https://github.com/darkroomengineering) — MIT · **[Anime.js](https://github.com/juliangarnier/anime)** by [Julian Garnier](https://github.com/juliangarnier) — MIT\n- **[Codrops](https://tympanus.net/codrops/)** by [Codrops](https://github.com/codrops) · **[WAI-ARIA APG](https://www.w3.org/WAI/ARIA/apg/)** by the W3C\n- **[Anthropic Agent Skills](https://github.com/anthropics/skills)** · **[Vercel Web Interface Guidelines](https://github.com/vercel-labs/web-interface-guidelines)** · **[web-features](https://github.com/web-platform-dx/web-features)** by the W3C WebDX CG\n- **[Poly Haven](https://polyhaven.com/)** — CC0 HDRIs/textures/models · **[ambientCG](https://ambientcg.com/)** by [Lennart Demes](https://ambientcg.com/) — CC0\n\nBuilt with the [Model Context Protocol SDK](https://github.com/modelcontextprotocol) and\n[cheerio](https://cheerio.js.org/).\n\n## 📄 License\n\nMIT © [notsointresting](https://github.com/notsointresting) — for the server code.\nThird-party resources retrieved through it remain under their respective licenses.\n\n---\n\n<sub>**Keywords:** MCP server · Model Context Protocol · AI coding agent · UI components ·\nReact components · Tailwind CSS · shadcn/ui · Magic UI · Aceternity UI · React Bits ·\nFreeFrontend · design mockups · Figma · component library · copy-paste UI ·\ndesign tokens · DESIGN.md · design system · Refero · three.js · GLSL shaders · WebGL ·\nReact Three Fiber · drei ·\nClaude · Cursor · frontend design · CSS snippets · Watermelon UI · LS.GRAPHICS.</sub>\n"}