Velkin 1.0 · Web Components & MCP

UI infrastructure for product teams and their AI agents.

Accessible Lit components with typed React and Vue wrappers, plus a live MCP server so AI editors write correct Velkin code instead of guessing.

$ npm install @velkin/react

Explore components

Connect your AI editor: https://mcp.velkinui.com/mcp · MCP setup

69+

Components

<3KB

Per subpath import

100%

APG accessible

MIT

Open core license

Engineered for shipping

Built for production UI, not demos

AI-native MCP server

Connect Cursor or Claude directly. Assistants read live component props, slots, and Pro recipes so they write correct Velkin code instead of guessing.

One core, every framework

Lit web components compiled once, zero runtime bloat. Typed wrappers for React, Vue, or Lit directly — same elements, same tokens, everywhere.

Accessible by default

Every component follows WAI-ARIA APG patterns, is axe-tested for contrast, and ships with focus-visible keyboard navigation out of the box.

Zero barrel bloat

Subpath imports ensure production bundles include only components actually rendered — typically under 3KB per import.

Interactive Playground

Test real web components live

Swap Button, Switch, or Chip and tune the published props — this is the actual @velkin/react package, not a screenshot.

Deploy System

<VuButton> — live

Variant

Color

Size

usage.tsx

<VuButton variant="solid" color="primary" size="md">
  Deploy System
</VuButton>

Get started

From zero to shipping in minutes

Install the MIT core, theme your app, and connect the MCP server so your AI assistants write standard Velkin code natively.

Install the packages

Add @velkin/ui and @velkin/react — subpath imports keep each component under 3KB.

Wrap with theme

Drop VuThemeProvider around your app. Tokens, dark mode, and persistence come free.

Ship standard UI

Import components via subpath, wire onVu* handlers, and connect the MCP server for AI editors.

Works with React, Vue & Lit

terminal

$ npm install @velkin/react

app.tsx

Copy

import { VuThemeProvider } from "@velkin/react/theme-provider";
import { VuButton } from "@velkin/react/button";

export function App() {
  return (
    <VuThemeProvider persist>
      <VuButton variant="solid" color="primary">
        Deploy
      </VuButton>
    </VuThemeProvider>
  );
}

Engine Room

Built like an instrument, not a framework.

The architecture decisions that make Velkin feel inevitable once you've shipped with it.

AI-native MCP server

Connect Cursor or Claude directly. Assistants read live component props, slots, and Pro recipes.

mcp · agent

❯ "Create settings form with switch"
↳ resolving VuSwitch, VuInput schemas…
✓ typed props injected

One core, every framework

Lit web components compiled once, zero runtime bloat. Typed wrappers for React, Vue, or Lit directly.

Action.tsx

import { VuButton } from "@velkin/react/button";

export function Action() {
  return (
    <VuButton variant="solid">
      Deploy
    </VuButton>
  );
}

Accessible by default

Axe-tested, ARIA 1.2 compliant, with native focus-visible rings and full keyboard navigation.

Typed to the core

Full TypeScript definitions with literal prop unions. Autocomplete that reads like documentation.

types

<VuButton variant="solid" | "outline" | "ghost" />

Zero barrel bloat

Subpath imports ensure production bundles include only components actually rendered.

@velkin/react/button2.8KB

barrel import48.2KB

Built in the open

Roadmap, changelog, and source — public

No fake logos or invented quotes. Follow the work as it ships.

Public roadmap

See what's planned, in progress, and recently shipped — sourced from GitHub issues.

Changelog

Versioned release notes for every MIT and Pro drop. No silent breaking changes.

Status

Live health for the docs site, MCP endpoint, and license services.

GitHub

Source, issues, and releases are public. Star the repo or open an issue if something is missing.

Simple & Transparent

Open core MIT. Pro for complex data.

Build your entire app with the free MIT core. Upgrade to Pro for advanced commercial data grids and date pickers — same imports, no migration. 69 total components: 56 free + 13 Pro.

MIT Open Core

Free forever · Open source

56+ standard UI components
React, Vue, and Lit wrappers
Full MCP server access for AI
Design tokens & CSS variables
Community support & GitHub

Install

Popular

Velkin Pro

$199/ year

Annual license · 1 developer · Team from $699/yr

Everything in MIT tier
13+ commercial data components
A year of new Pro releases
That version keeps working in production
Email support

Upgrade to Pro Talk to Sales

Outgrow MIT later? Add Pro on top — no component rewrite. Monthly billing, Team seats, and Enterprise are on the pricing page.

Frequently Asked

Everything you need to know

How does Velkin support React, Vue, and Lit?

Velkin compiles core primitives with Lit once, then generates typed React and Vue wrapper packages with native event handlers, TypeScript props, and SSR compatibility.

How does the MCP server integrate with Cursor & Claude?

Velkin exposes an MCP endpoint at mcp.velkinui.com/mcp. Connected editors inspect live component schemas, slot names, and theme tokens so they write correct Velkin code instead of guessing props.

What's included in MIT vs Pro?

MIT is free forever for personal and commercial projects — all core components, React/Vue wrappers, and the MCP server. Pro adds dense data components like Data Table, Date Picker, and File Tree, plus priority support. You can start on MIT and add a Pro license later — same imports, no rewrite.

Are components accessible by default?

Every component follows WAI-ARIA APG patterns, is axe-tested for contrast, and ships with focus-visible keyboard navigation out of the box.

Is Velkin production-ready?

Velkin 1.0 is versioned for production use: semantic versioning, a public changelog, and a public roadmap. We don't break public APIs without a major version. If you're evaluating a long-term dependency, start on the MIT core and add Pro when you need the data components.

Get started

Build your next product with Velkin

Install the MIT core, theme your app, and connect the MCP server so your AI assistants write standard Velkin code natively.

Install Browse Docs