vividsites
Theme
MCP server

MCP server for Claude and Cursor. Paid library templates and components.

A paid account and API key are required. Your assistant searches every template and component, opens live previews, pastes component code straight into your project and pulls build prompts with the video already wired in.

InstallSee plansBrowse components
Components
112

paid account required

Templates
329

included with your paid account

Tools
6

all require a paid account

Clients
MCP

clients with API-key headers

01 — Install

One step. Pick your client.

  1. Sign in and choose a paid library plan.
  2. In your assistant, add a remote MCP connector named vividsites.
  3. Paste this as the Remote MCP server URL and configure an Authorization header with Bearer YOUR_KEY.
Remote MCP server URL
https://www.vividsites.app/api/connector

Use a client that supports API-key headers. Keep your key in its secure credential settings. Every tool requires a valid key and paid account; OAuth sign-in is not yet available.

02 — Tools

Six tools. All require your paid account.

Your assistant picks the tool; you just ask. Every request checks your paid library entitlement. Existing plan usage limits still apply.

  • search_sites(query, kind, tier)

    Ranked search of every template by look, theme, stack or kind: Landing Page, Template, Hero Section, 3D Section, Background.

    Paid account
  • get_template_preview(slug)

    The live preview URL of the real build, its page, a poster and a preview video.

    Paid account
  • get_build_prompt(slug)

    The full copy-paste build prompt, with the source video already on a cloud URL.

    Paid account
  • search_components(query, category, group)

    Search the component registry, UI or 3D, by words, category or group.

    Paid account
  • get_component(slug)

    One component’s code split into HTML, CSS and JS, its CDN deps and a one-line install.

    Paid account
  • video_prompt_formula()

    The five-part formula for original footage that doesn’t look generated.

    Paid account
03 — Components

Every component. Included with your paid account.

112 UI and 3D components, from magnetic buttons to raymarched skies. Your assistant finds one with search_components and pastes it with get_component: HTML, CSS and JS, ready to drop in.

Browse them

AI interfacesUI · 8

Buttons & inputsUI · 8

Cards & layoutUI · 8

Data displayUI · 8

FormsUI · 8

Loaders, cursors & feedbackUI · 8

Marketing blocksUI · 8

MediaUI · 8

NavigationUI · 8

Text & typeUI · 8

3D objects3D · 16

3D effects3D · 8

Shader backgrounds3D · 8

What your assistant gets back
get_component({ slug: "magnetic-button" })

# Magnetic Button — Buttons & inputs · paid account
Tech: CSS, JS
Install: npx shadcn@latest add https://vividsites.app/r/magnetic-button.json

## HTML
<div class="vs-magnetic-button">…</div>

## CSS
.vs-magnetic-button { --accent: …; }

## JS
(() => { … })();
See Magnetic Button live
04 — Try it

Then just ask. In your own words.

  • “Find a magnetic button in vividsites and add it to the hero of this page.”

  • “Search vividsites for a dark 3D background I can put behind my pricing section.”

  • “Show me the live preview of sumi, then build it for my tea brand “Kōyō”.”

  • “Search vividsites for a luxury car landing page and get its build prompt.”