Claude Designerer
FeaturesBenefits
TutorialsProductsDesign Tips
Start Designing
Back to Products
Design Assets
$49.00USD
Preparing files
Coming Soon

Will be available for purchase and download after launch, stay tuned

FormatReact / TypeScript / Figma
Files50
LanguageEnglish
Versionv2.0
#data-viz#charts#recharts#d3#dashboard
Design AssetsSaaS

Data Visualization Component Pack

50 chart and graph components for SaaS dashboards — area charts, bar charts, funnel charts, KPI cards, sparklines, and geo maps. Recharts + D3 source, dark and light mode.

What's Included

50 React chart components
TypeScript type definitions
Figma design specs
Storybook interactive demo
Recharts migration guide

Related Products

View All
Design Assets

Design Token System Pro

A complete, production-ready design token system covering color, typography, spacing, shadow, and motion — with Figma Variables, Tailwind config, and Style Dictionary JSON out of the box.

$29.00View
Design Assets

E-commerce Icon Set — 500+ Icons

500+ pixel-perfect SVG icons for e-commerce products — cart, payment methods, shipping, product categories, reviews, promotions, and account management. Three visual styles in one library.

$35.00View
Dark mode token integration

Product Details

Built for Dashboard Products

These components are not chart library demos. They are production-quality dashboard components with real-world considerations: responsive containers, tooltip accessibility, empty states, loading states, and error states.

Component List

Trend & Time Series (12 components)

  • Area chart (stacked, percentage, absolute)
  • Line chart (multi-series, comparison)
  • Sparkline (inline KPI context)
  • Candlestick chart
  • Bar chart (grouped, stacked, horizontal)

Distribution & Composition (8 components)

  • Donut chart with legend
  • Treemap
  • Heatmap (calendar and grid)
  • Sankey diagram

KPI & Summary (10 components)

  • Stat card (with trend arrow)
  • Gauge / dial
  • Progress ring
  • Comparison tile (current vs prior period)
  • Metric table with sparklines

Funnel & Flow (6 components)

  • Vertical funnel chart
  • Horizontal funnel
  • Step completion rate bars

Geographic (4 components)

  • Choropleth map (world, US)
  • Dot density map

Tables (10 components)

  • Sortable data table
  • Paginated table
  • Sticky-header table
  • Expandable row table
  • Table with inline charts

Tech Stack

Primary: Recharts + React. D3 source included for custom rendering. Tailwind for styling. TypeScript types for all props.

Specifications

File Format
React / TypeScript / Figma
Files
50
Language
English
Version
v2.0
SKU
AST-006
Updated
6/1/2026
Design Assets

B2B SaaS Illustration Pack

40 customizable vector illustrations for B2B SaaS marketing pages — feature highlights, integrations, security, teams, analytics, and empty states. Figma source with swappable brand colors.

$45.00View