# ThemeCn

> ThemeCn is a theming layer for any interface. Type, colour, radius, density and depth are tokens that swap in a single frame.

## What it is
ThemeCn is a theming layer for any interface. Type, colour, radius, density and depth are tokens that swap in a single frame.

## Key facts
- Type, colour, radius, density and depth are controllable tokens.
- Themes swap in a single frame with no page reload.
- Works in React, Vue, Svelte, Angular and plain HTML.
- Install with one line: npx themecn init.
- The landing page is the demo: pick a theme and watch it change.

## Who it is for
Front-end teams that need runtime theming without a rewrite

## When to use this

Use ThemeCn when:

- An interface needs runtime theming without a rewrite.
- Type, colour, radius, density and depth have to be tokens.
- One theme has to target React, Vue, Svelte, Angular or plain HTML.

Do not use it for: Server-side image rendering or design-tool plugin work.

An agent should start with `get_product_overview` from the MCP server, then call `get_page` for the page it needs.

## FAQ

### What is ThemeCn?
ThemeCn is a theming layer for any UI. Type, colour, radius, density and depth are tokens that swap in a single frame.

### Which frameworks does ThemeCn support?
React, Vue, Svelte, Angular and plain HTML.

### How do I install ThemeCn?
One line: npx themecn init.

### Can I try the themes before installing?
Yes. The page is the demo: pick a theme on the landing page and watch it change.


## Pages
- Home: https://fs-lp-themecn.vercel.app/
- About: https://fs-lp-themecn.vercel.app/about
- Contact: https://fs-lp-themecn.vercel.app/contact
- Privacy: https://fs-lp-themecn.vercel.app/privacy
- API docs: https://fs-lp-themecn.vercel.app/docs
- Deprecation policy: https://fs-lp-themecn.vercel.app/deprecation-policy
- Sitemap: https://fs-lp-themecn.vercel.app/sitemap.xml

## API
- Base URL: https://fs-lp-themecn.vercel.app
- OpenAPI: https://fs-lp-themecn.vercel.app/openapi.json
- API catalog: https://fs-lp-themecn.vercel.app/.well-known/api-catalog
- GET /v1/health, /v1/overview, /v1/pages, /v1/pages/{page}
- Public, read-only, no authentication. Errors are JSON. Every response carries RateLimit headers.
- Versioned in the path. /v1 is current. Deprecated routes send Deprecation and Sunset headers.

## MCP
- Endpoint: https://fs-lp-themecn.vercel.app/mcp (Streamable HTTP, no authentication)
- Manifest: https://fs-lp-themecn.vercel.app/.well-known/mcp
- Server card: https://fs-lp-themecn.vercel.app/.well-known/mcp/server-card.json
- Registry entry: https://fs-lp-themecn.vercel.app/server.json
- Tools: get_product_overview, get_page, search_site

## Markdown
- Send `Accept: text/markdown` to any page for a Markdown response.