# Velkin UI > Accessible Lit web components with React/Vue wrappers, token theming, and MCP tools. ## Start here - [AGENTS.md](https://velkinui.com/AGENTS.md): Consumer contract for coding agents - [llms-full.txt](https://velkinui.com/llms-full.txt): Full component API dump - [Quick start](https://velkinui.com/docs/quick-start): Install, theme, first component, scaffold - [MCP](https://velkinui.com/docs/mcp-servers): Agent tools at https://mcp.velkinui.com/mcp - [MCP discovery](https://velkinui.com/.well-known/mcp.json): well-known MCP server card ## Scaffold - `npx create-velkin-app` — Vite React, Vue, or Next.js (`--template vite|vue|next`) - `npx velkin-mcp init --client cursor|claude|vscode|all` — wire MCP + AGENTS.md into an existing app ## Docs - [Introduction](https://velkinui.com/docs/introduction): What Velkin is and who it is for - [Theming](https://velkinui.com/docs/theming): Light/dark, VuThemeSwitcher, custom brand themes - [Pro license](https://velkinui.com/docs/pro): LicenseInfo, @velkin/*-pro, // @velkin-pro - [Events](https://velkinui.com/docs/events): vu-* → onVu* / v-model:* / @vu-* / addEventListener - [Slots](https://velkinui.com/docs/slots): slot="name" or Vue #header / v-slot - [Methods](https://velkinui.com/docs/methods): Imperative APIs via refs, @query, or DOM ids - [Appearance](https://velkinui.com/docs/appearance): variant, color vs tone, size, radius - [Forms](https://velkinui.com/docs/forms): Form-associated fields and VuForm - [Icons](https://velkinui.com/docs/icons): vu-icon + ion: ids - [Styling](https://velkinui.com/docs/styling): tokens, ::part(), documented cssProps - [Localization](https://velkinui.com/docs/localization): locale on theme provider - [Accessibility](https://velkinui.com/docs/accessibility): labels and overlay close - [Versions](https://velkinui.com/docs/versions): Package matrix and upgrade policy - [Migration](https://velkinui.com/docs/migration): From other UI kits or upgrading Velkin - [Installation](https://velkinui.com/docs/installation): React, Vue, Lit, Vite, Next.js, and more - [Components](https://velkinui.com/component): API reference with live demos ## AI - [MCP servers](https://velkinui.com/docs/mcp-servers): Connect tools at https://mcp.velkinui.com/mcp - [AGENTS.md guide](https://velkinui.com/docs/agents-md): Consumer contract in the repo - [Cursor skill](https://velkinui.com/docs/agent-skills): Project skill for Velkin - [llms.txt guide](https://velkinui.com/docs/llms-txt): How this file is maintained ## Optional - [CLI](https://velkinui.com/docs/cli): create-velkin-app and velkin-mcp - [Roadmap](https://velkinui.com/roadmap): Shipping and planned work - [Changelog](https://velkinui.com/changelog): Release history from GitHub ## Guides (20 pages) - https://velkinui.com/docs/introduction - https://velkinui.com/docs/quick-start - https://velkinui.com/docs/theming - https://velkinui.com/docs/pro - https://velkinui.com/docs/cli - https://velkinui.com/docs/versions - https://velkinui.com/docs/migration - https://velkinui.com/docs/events - https://velkinui.com/docs/slots - https://velkinui.com/docs/methods - https://velkinui.com/docs/appearance - https://velkinui.com/docs/forms - https://velkinui.com/docs/icons - https://velkinui.com/docs/styling - https://velkinui.com/docs/localization - https://velkinui.com/docs/accessibility - https://velkinui.com/docs/mcp-servers - https://velkinui.com/docs/agents-md - https://velkinui.com/docs/agent-skills - https://velkinui.com/docs/llms-txt ## Components (markdown) ### Inputs - [Advanced Filter (Pro)](https://velkinui.com/component/advanced-filter.md) - [Button](https://velkinui.com/component/button.md) - [Button Group](https://velkinui.com/component/button-group.md) - [Checkbox](https://velkinui.com/component/checkbox.md) - [Checkbox Group](https://velkinui.com/component/checkbox-group.md) - [Color Area](https://velkinui.com/component/color-area.md) - [Color Picker](https://velkinui.com/component/color-picker.md) - [Color Slider](https://velkinui.com/component/color-slider.md) - [Color Swatch](https://velkinui.com/component/color-swatch.md) - [Color Swatch Picker](https://velkinui.com/component/color-swatch-picker.md) - [Combobox](https://velkinui.com/component/combobox.md) - [Counter](https://velkinui.com/component/counter.md) - [Date Picker (Pro)](https://velkinui.com/component/date-picker.md) - [File Picker (Pro)](https://velkinui.com/component/file-picker.md) - [Form](https://velkinui.com/component/form.md) - [Input](https://velkinui.com/component/input.md) - [Otp](https://velkinui.com/component/otp.md) - [Radio Group](https://velkinui.com/component/radio-group.md) - [Range](https://velkinui.com/component/range.md) - [Serial](https://velkinui.com/component/serial.md) - [Slider](https://velkinui.com/component/slider.md) - [Switch](https://velkinui.com/component/switch.md) - [Text Editor (Pro)](https://velkinui.com/component/text-editor.md) ### Data display - [Avatar](https://velkinui.com/component/avatar.md) - [Avatar Group](https://velkinui.com/component/avatar-group.md) - [Badge](https://velkinui.com/component/badge.md) - [Chip](https://velkinui.com/component/chip.md) - [Data Table (Pro)](https://velkinui.com/component/data-table.md) - [Divider](https://velkinui.com/component/divider.md) - [File Viewer (Pro)](https://velkinui.com/component/file-viewer.md) - [Flow (Pro)](https://velkinui.com/component/flow.md) - [Icon](https://velkinui.com/component/icon.md) - [Image](https://velkinui.com/component/image.md) - [Kanban (Pro)](https://velkinui.com/component/kanban.md) - [List](https://velkinui.com/component/list.md) - [Model Viewer (Pro)](https://velkinui.com/component/model-viewer.md) - [Tree (Pro)](https://velkinui.com/component/tree.md) - [Video](https://velkinui.com/component/video.md) ### Feedback - [Alert](https://velkinui.com/component/alert.md) - [Dialog](https://velkinui.com/component/dialog.md) - [Drawer](https://velkinui.com/component/drawer.md) - [Notification](https://velkinui.com/component/notification.md) - [Overlay](https://velkinui.com/component/overlay.md) - [Popover](https://velkinui.com/component/popover.md) - [Progress](https://velkinui.com/component/progress.md) - [Skeleton](https://velkinui.com/component/skeleton.md) - [Spinner](https://velkinui.com/component/spinner.md) - [Tooltip](https://velkinui.com/component/tooltip.md) - [Tutorial (Pro)](https://velkinui.com/component/tutorial.md) ### Surfaces - [Accordion](https://velkinui.com/component/accordion.md) - [Accordion Item](https://velkinui.com/component/accordion-item.md) - [Card](https://velkinui.com/component/card.md) - [Carousel](https://velkinui.com/component/carousel.md) - [Carousel Item](https://velkinui.com/component/carousel-item.md) ### Navigation - [Adaptive Bar](https://velkinui.com/component/adaptive-bar.md) - [Appbar](https://velkinui.com/component/appbar.md) - [Breadcrumb](https://velkinui.com/component/breadcrumb.md) - [Context Menu (Pro)](https://velkinui.com/component/context-menu.md) - [Dropdown](https://velkinui.com/component/dropdown.md) - [Menubar (Pro)](https://velkinui.com/component/menubar.md) - [Nav Panel](https://velkinui.com/component/nav-panel.md) - [Navbar](https://velkinui.com/component/navbar.md) - [Pagination](https://velkinui.com/component/pagination.md) - [Speeddial](https://velkinui.com/component/speeddial.md) - [Steps](https://velkinui.com/component/steps.md) - [Tab](https://velkinui.com/component/tab.md) ### Theming - [Config Provider](https://velkinui.com/component/config-provider.md) - [Theme Provider](https://velkinui.com/component/theme-provider.md) - [Theme Switcher](https://velkinui.com/component/theme-switcher.md)