qodesign

qodesign is a small catalog of animated UI pieces for Next.js, React and Tailwind: a liquid-glass tab bar, a credit-card checkout that flips, an OTP input, a command-K dashboard, a prompt composer that blooms as you type, and more. Every piece is a single TypeScript component with Tailwind and Motion, built for the App Router, and ships with the Cursor/v0 prompt that made it, so you can regenerate it in your own style. Four pieces are free and also on npm as qodesign-free. Pieces are tested on mobile, respect reduced motion, and don't trap page scroll.

Indie developers and small teams shipping Next.js App Router products with Tailwind, and vibe coders using Cursor or v0 who want a working reference component p

Building polished animated UI (glass tab bars, flipping checkout cards, OTP inputs, command-K dashboards) from scratch in Next.js takes hours per piece and most kits are either huge subscriptions or static Tailwind blocks with no motion.