VLLNT UI

Overview

VLLNT UI is an open-source, MIT-licensed React design system for AI-native products, at v0.3.0 with 313 stable web components across 12 categories. It covers standard UI primitives alongside AI-specific pieces such as chat input, message bubbles, streaming text, tool call displays, source citations, thinking blocks, agent activity and artifacts.

The library is built to be read by AI coding agents. Every component ships a machine-readable JSON descriptor with version, stability, accessibility schema, usage examples and props, exposed through /llms.txt, /llms-full.txt and an MCP server. Components install with the shadcn CLI, are written in TypeScript, and are RSC compatible and Tailwind v4 ready. A source-only React Native renderer is in preview on the canary track.

Features

• 313 components: Core (30), form (37), overlay (15), navigation (23), data (45), data display (21), content (43), AI (17), learning (23), utility (51) and more.
• AI family: AIChatInput, AIMessageBubble, AISourceCitation, AIStreamingText, AIToolCallDisplay, ThinkingBlock, ModelSelector and chain-of-thought.
• Data and charts: Data table, area, bar, candlestick and gauge charts, Gantt chart, choropleth map and contribution graph.
• Learning components: Flashcards, exercises, curriculum and timeline components for educational products.
• Agent discovery: llms.txt index, full registry context file and an MCP server with search_components, get_component and list_categories tools.
• Release channels: Stable npm releases plus canary builds from main on every commit.
• Docs: Live previews, source and Storybook for every web component.

Tech stack

• React, TypeScript, React Server Components
• Radix UI, Tailwind CSS v4
• React Native (preview)

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @vllnt-ui/component-name