Skip to content

About qodesign

qodesign is a catalog of animated UI components you can paste into a React, Next.js or plain HTML project. Every piece ships with its source code: a single HTML file version and a TypeScript / Tailwind CSS / Motion version, plus a PROMPT.md you can hand to Cursor or Claude so the AI rebuilds it in your own stack. I design and code each one myself; the free set lives on GitHub (qodesign-free) and the paid catalog on qodesign.dev is sold per piece ($3 to $29) or as a lifetime shelf ($69).

Who it is for
Solo builders and small teams shipping Next.js, React or Tailwind apps with Cursor, v0 or Lovable.
Problem it solves
Animated UI is the part most builders skip. Stock component libraries look the same everywhere, motion libraries take time to learn, and asking an AI editor for a polished animated tab bar or pricing toggle usually returns something generic that still needs an afternoon of fixing.
The solution
qodesign is a catalog of animated UI components you can paste into a React, Next.js or plain HTML project. Every piece ships with its source code, a single HTML file version, a TypeScript / Tailwind CSS / Motion version, and a PROMPT.md you can hand to Cursor or Claude so the AI rebuilds it in your own stack. I design and code each one myself.
What makes it unique
Every piece is hand designed and hand coded, not generated, and it comes with the prompt that reproduces it in your own codebase. The free set is open on GitHub (qodesign-free). Paid pieces are $3 to $29 each, or $69 for the lifetime shelf. No subscription.

Features

  • Source code with every piece

    Each component ships as a single HTML file and a TypeScript, Tailwind CSS and Motion version.

  • PROMPT.md for your AI editor

    A prompt you can hand to Cursor or Claude so it rebuilds the piece in your own stack.

  • Free set on GitHub

    The free components live in the qodesign-free repo; the paid catalog is sold per piece or as a lifetime shelf.

Details

Platforms
  • Web
Pricing
  • Freemium
Built for

Solo builders and small teams shipping Next.js, React or Tailwind apps with Cursor, v0 or Lovable.

Building since

2026

Technology

qodesign product screenshot

1 / 2

Website performance

Recorded mobile lab measurements and finalized weekly standings from IndieTools Speed.

97ExcellentMobile Lighthouse

Measured · UTC

Load time
783 ms
FCP
955 ms
LCP
2.55 s
CLS
0.000
TTFB
13 ms
TBT
11 ms
Speed index
2.81 s

These stored lab observations describe controlled test runs. They are not real-user Core Web Vitals or a guarantee of search rankings. Weekly standings below remain attached to their finalized edition.

Overall rank
Not finalized
Best overall rank
Not finalized
0 top 10 finishes
Best category rank
Not finalized
0 category wins
Latest change
-1 score
No finalized score yet

Method: psi-mobile-two-sample-mean-v1 · 2 samples per reading. Only readings with the same recorded method and sample count share a chart. Lab results can vary between runs.

Website performance history

Inspect every successful mobile Lighthouse lab measurement by metric and date range.

Range

Latest score

97 / 100

Higher is better
2 measurements

Use the left and right arrow keys to inspect measurements. Use Home or End to jump to the first or last measurement. Press Escape to dismiss the chart tooltip.

Oct 21, 2026

Related products

Others in the same categories.

The bot-friendly SaaS directory. List your product with one curl command.