Animated React and Tailwind components for Next.js, Vite and AI coding assistants
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
US
Pricing model
Freemium
Paid
Pricing
Free: $0 with 5 4K exports per month and 3 saved palettes. Pro: $39 for 12 months with unlimited 4K exports and 50 saved palettes, one-time payment. Week Pass: $9 for 7 days with unlimited 4K exports, one-time payment.
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.
Key features
Three gradient styles: blobs, stripes, and clouds
Real grain rendering at export resolution
Pixel and dither finishes
4K JPEG export with no watermark
Color, blur, contrast and saturation controls
Palette saving and reuse
MCP server integration for coding agents
Free and unmetered previews in MCP clients
Commercial use on all plans
Figma integration via export and background image
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
What makes it different
Grain is rendered into the image at full resolution, not pasted on top, so it survives JPEG compression, scaling and print
Preview matches the 4K export exactly; what you tune on a laptop is what lands on the monitor
Pay once, never auto-renews; no subscription required
Free tier is genuinely useful with 5 full-resolution 4K exports monthly
Components come with full clean, commented source code ready to paste in
Each component includes prompts to hand to AI coding assistants for fitting into your project
Usable in personal and client projects with no resale restrictions on the work itself
Affordable one-time payment with no subscription required
Pro Lifetime includes all future releases up to January 31, 2027 with money-back guarantee
Gradients Studio
qodesign