Introduction

83 React components and 6 charts with zero runtime dependencies. One install, one CSS import, no configuration.

v0.3.149 server safeMIT

The whole setup

terminal
npm install @the_viveksingh/vivek-ui
app/layout.tsx
import '@the_viveksingh/vivek-ui/styles.css'

That is it. No config file, no CLI, no Tailwind, no PostCSS plugin, no provider.

What makes it different

A dependency, not a snippet

Copy-paste kits hand you the source and the maintenance with it. This is a normal package: npm update and you have the fixes.

Your CSS always wins

Every selector is wrapped in :where(), which has specificity zero. One flat class of your own beats the library, with no !important. How overriding works.

Server safe by default

49 of 83 components carry no 'use client'. Which and why.

Responsive with no props

Container queries, not viewport queries — a grid inside a narrow sidebar stacks like it would on a phone. How.

This site is the proof

Every page you are looking at is built with this library and nothing else — no Tailwind, no second component library. The header is Navbar, the sidebar is Sidebar, search is CommandPalette, the props tables are Table, this box is Alert. If something here looks wrong, that is a bug report.

Next

Installation — npm, yarn, pnpm, and the Next.js and Vite setups.

All components — every one, with generated props tables.

Playground — every export in scope, edit and run.

Free forever, MIT licensed

There is no paid tier, no pro components and no telemetry. If it saved you a weekend, a coffee is a kind way to say so — and a star on the repo helps other people find it.