qodesign
Animated React and Tailwind components for Next.js, Vite and AI coding assistants
Buy animated UI components with full React and TypeScript source code. Each component includes prompts for Cursor, v0 and Lovable, plus HTML versions.
About this launch
qodesign sells animated React UI components with full source code for logins, dashboards, checkouts and other interfaces. Each of the 23 components is built with React, TypeScript and Tailwind CSS, most using Framer Motion for animations. Every purchase includes a PROMPT.md file with two prompts for Claude Code, Cursor or v0 that help you fit the component into your project or rebuild it in a different stack. Components are ready for Next.js App Router and also work in Vite; each zip includes an HTML version you can open in a browser.
You can use the code in personal and client projects. Individual components cost $3, or buy all 17 paid pieces at once for $29 as The Shelf, with no subscription. Pro Lifetime costs $69 for everything released now plus every component released later, guaranteed with at least 8 new pieces by January 31, 2027 or $40 refunded.
The licence allows you to use the components in your own and client projects, and to paste prompts into AI coding assistants like Cursor, v0 and Lovable for your own end products. You cannot resell or republish the components as they are.
What it does
- React and TypeScript components with Tailwind CSS
- Framer Motion animations on most components
- Next.js App Router ready with use client included
- PROMPT.md file with Cursor, v0 and Lovable prompts
- Plain HTML version included in every zip
- Tested in Next.js 15 with Tailwind v4 and Vite
- Live preview before purchase
- 23 total components available
Pricing
Pricing model: Paid
Individual components: $3 each. The Shelf: $29 for all 17 paid pieces, one-time payment. Pro Lifetime: $69 one-time (pre-launch price; $89 after November 12, 2026), includes all current and future pieces, at least 8 new pieces by January 31, 2027 or $40 refunded.
Shopper questions
What can I do with the code?
You can use the components in as many personal and client projects as you like. You cannot resell or republish the components as they are, alone or inside a UI kit.
Can I paste it into Lovable, v0 or Cursor?
Yes, in your own project. The licence covers using an AI coding assistant on your own end product; it doesn't allow uploading the files where other people can get the code.
Does it work in my Next.js app?
Yes. Every component is a React and TypeScript component with Tailwind, most also use Framer Motion, and use client is already included, so it drops into an App Router page. Each component is tested in a fresh Next.js 15 app with Tailwind v4 and in Vite. The zip also includes an HTML version you can open in a browser.
What is PROMPT.md?
PROMPT.md contains two prompts for Claude Code, Cursor or v0. One prompt fits the component into your project, and the other rebuilds it in a different stack.
What does Lifetime include?
Pro Lifetime includes every component currently available and every component released later, for as long as qodesign sells components. At least 8 new pieces are guaranteed by January 31, 2027, or you get $40 refunded.
qodesign has a free listing. The owner can unlock the full profile with a paid launch for $5:
- Founder story (locked)
- Milestones (locked)
- Demo video (locked)
- Dofollow website link (locked)
Shoppers also viewed
- Nuxt Dashboard
Design tools
- MyPaperKit
Design tools
- AI Kitchen Design
Design tools
- ideare
Design tools
