qodesign is a small shelf of animated UI pieces for people who build with React and AI coding tools. If your app works but looks like every other AI-built app, you swap in a login, tab bar, checkout or dashboard that moves the way good apps move.
Each piece is a React + TypeScript component with Tailwind and Framer Motion. It works in Vite and Lovable projects as is; in Next.js you mark it 'use client'. A PROMPT.md comes with it, so Cursor, Claude Code, v0 or Lovable can fit it into your codebase or restyle it to your brand. A plain HTML version is in the zip too.
Every preview on the site is the real component running. Six more are free on GitHub and install with npx shadcn add. $3 a piece, $29 for all 14, and the licence covers client work.## What qodesign is
qodesign is a small shelf of animated UI pieces for people who build with React and AI coding tools. If your app works but looks like every other AI-built app, you swap in a login, tab bar, checkout or dashboard that moves the way good apps move.
What you get
- Each piece is a React + TypeScript component with Tailwind and Framer Motion.
- It works in Vite and Lovable projects as is; in Next.js you mark it 'use client'.
- A PROMPT.md comes with every component, so Cursor, Claude Code, v0 or Lovable can fit it into your codebase or restyle it to your brand.
- A plain HTML version is in the zip too, for projects that are not React.
- Every preview on the site is the real component running, not a video.
Free components
Six components are free on GitHub and install with npx shadcn add, so you can try the quality before paying anything.
Pricing
Paid components are $3 a piece, or $29 for all 14. The licence covers client work, so agencies and freelancers can ship them in customer projects.
Who it is for
Frontend developers, indie hackers and founders who prototype with AI coding tools (Cursor, v0, Lovable, Claude Code) and want their app to feel finished: animated logins, liquid tab bars, checkout flows, dashboards and onboarding screens that already move well, with the source code in your hands.
