~/satyajit

Vritti UI

mdjsonmcp

React 19 · Next.js 16 · Tailwind v4 · Motion · Three.js · TypeScript

demo ↗

Components crafted for design engineers — animated components and blocks you copy and paste into your shadcn/ui project. No package installs, full ownership.

npx shadcn@latest add "https://vritti.thesatyajit.com/r/shimmer-button"

560+ components across 14 categories — backgrounds, animations, text effects, buttons, cards, charts, layouts, navigation, carousels, cursors, inputs, media, shaders, and the genuinely weird ones. 240+ blocks — pre-built page sections for real apps: auth, pricing, e-commerce, billing, dashboards, modals, testimonials, footers, FAQ, AI & Web3.

Beyond components, it ships a set of creative tools that run online or install into your project: Art Studio (9 generative-art tools), Background Studio, Shape Studio (an SVG editor), Texture Studio (30+ stackable WebGL filters), Shader Studio (87 production-ready shaders), Dither Studio, a visual Theme Editor (42 presets, Google Fonts, contrast checker, CSS export), and native haptics. There's an interactive playground for tuning component props live, and AI components (chat streaming, image generation, voice, AI search) for LLM-native UIs.

Everything is copy-paste, shadcn-style — you own the source. It's the most ambitious thing on this page: a full component ecosystem, a design-tool suite, and a theme system, built on React 19, Next.js 16, Tailwind v4, Motion, and Three.js.

share