Animated React and Tailwind components for Next.js, Vite and AI coding assistants
Free browser-based tools for creating charts, diagrams and converting images to vector files
Stage
Not given
Not given
Founded
Not given
Not given
Based in
US
US
Pricing model
Paid
Free
Pricing
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.
Not given
Key features
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
Pie chart maker with percentages, labels and legend
Bar graph maker with grouped, stacked and horizontal bars
Line graph maker for trends over time with multiple series
Scatter plot maker with line of best fit and R²
Graphing calculator with equations, roots and intersections
PNG to SVG converter with transparent background preservation
Image vectorizer for photos, sketches and logos
Gantt chart maker for project plans with dependencies
Venn diagram maker for two or three sets
SVG to PNG, JPG, PDF and other format converters
What makes it different
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
Private by design: all processing happens on user's device with no data sent to servers
Real vector files: every export available as SVG with editable shapes and live text
No sign-up required and no watermark on exports
Color vision deficiency checked defaults with automatic dark or white text
Share with a link: copy link puts entire chart in address for editing and sharing
qodesign
graphsmith