AI-Native Design System

UI Toolkit for AI
tools.

50+ accessible React components, a CLI scaffold, and an MCP server. Designed so AI agents generate consistent, production-ready code.

$ npx vayu-ui add button

50+ Components

35+ Hooks

WCAG 2.2 AA

Tailwind v4

Built with VedUI

Every component on this page is a real, interactive VedUI component. Not a screenshot, not a mockup.

Buttons

Five variants, loading states, three sizes

Badges & Switch

Status indicators and toggles

BrandMutedSuccessWarningErrorInfo

Enable notifications

Tabs

Accessible tabbed interfaces

This is a live, interactive Tabs component. Click between tabs to see the content change.

Form Elements

Inputs, tooltips, and validation

Need help?

Why VedUI

Structured for AI. Built for humans.

AI-Readable Architecture

Components use predictable patterns and structured documentation that AI coding agents understand natively.

Own Your Code

Components live in your codebase. No vendor lock-in, no forced upgrades, no runtime dependencies.

CLI + MCP Server

CLIMCP

Scaffold with npx vayu-ui add. AI tools integrate via the MCP server for context-aware generation.

50+ Components, 35+ Hooks

Buttons, cards, modals, tables, forms, navigation, data display — plus reusable logic patterns.

WCAG 2.2 AA Accessible

Every component meets accessibility standards. Keyboard navigation, screen reader support, and focus management built in.

Tailwind CSS v4

Design tokens that auto-switch between light and dark mode. Customize everything from a single CSS file.

Start building in minutes

Install the CLI, add components, and ship.

Install

npx vayu-ui init
npx vayu-ui add button card input

And many more components

ButtonCardInputBadgeTabsSwitchTooltipModalTableSelectAvatarSkeletonDrawerAlertCarouselSliderAccordionContextMenuPopoverTree

UI Toolkit for AItools.