Back to Projects

Vritti UI

A comprehensive UI component library for design engineers featuring 450+ pre-built React components, 160+ page blocks, and an interactive visual theme editor with 42 presets — open-source and MIT licensed.

Vritti UI is an open-source component library built for design engineers who want production-ready React components without the lock-in. Every component is copy-paste ready — no black-box npm packages, just code you own and control.

What's Inside

450+ Pre-Built Components

Animations, buttons, text effects, form inputs, layout primitives, data display components, navigation patterns, and media players — all built with React 19, Tailwind CSS v4, and Motion (Framer Motion).

160+ Page Blocks

Complete, composable page sections ready to drop into any project: hero sections, pricing tables, authentication flows, dashboards, feature grids, testimonials, CTAs, and more.

Visual Theme Editor

An interactive theme editor with 42 built-in presets, full Google Fonts integration, and real-time contrast checking. Generate a complete design token system in seconds and export it directly into your project.

AI-Powered Components

Specialized components for AI-native interfaces: chat bubbles, image generation previews, voice input, and AI search — pre-styled and ready to wire up to any model API.

shadcn CLI Integration

Install components directly via the shadcn CLI. No manual copy-pasting required — just npx shadcn@latest add and the component lands in your project.

Vritti UI is available at vritti-ui.vercel.app and on GitHub.