Data Visualization.
Premium Charts.
Meticulously crafted data visualizations. Built with Recharts and seamlessly integrated.
Pro
3D Block Funnel
Isometric solid block extrusion funnel Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Pro
3D Plane Funnel
Receding perspective plane funnel Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Basic Funnel
Basic solid filled funnel segments. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Bounce Enter Funnel
Spring bounce animation on segment enter. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Centered Labels Funnel
Labels embedded directly within the funnel blocks. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Circle Pattern Funnel
Funnel chart with a dense pattern circles mesh texture overlay Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Crosshatch Pattern Funnel
Dual PatternLines grid texture Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Dense Spaced Funnel
Funnel chart with larger gaps and straight edges. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Gradient Segments Funnel
Linear gradients flowing between green palette shades Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Grid Background Funnel
Alternating bands and grid lines for easier comparison Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Grouped Labels Funnel
Labels stacked together in a compact group Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Minimal Funnel
Clean funnel with labels and percentages hidden. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Pattern Fill Funnel
Diagonal line pattern on the innermost ring Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Pro
Per-Segment Colors Funnel
Each segment with its own color from the chart palette Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Slow Animated Funnel
Layered funnel with staggered reveal animation. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Slow Reveal Funnel
Custom slow stagger animation with more layers. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Step Style Funnel
Wide gaps + straight edges for a step-chart look. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Straight Edges Funnel
Sharp geometric edges instead of smooth curves Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Stroke-Only Funnel
Transparent fill with colorful strokes. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Vertical Funnel
Vertical orientation with top-to-bottom flow Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Vertical Grouped Labels Funnel
Vertical orientation with all labels stacked together. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Vertical Straight Funnel
Combining vertical orientation, straight edges, and grid Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.
Wave Pattern Funnel
Funnel with fluid PatternWaves overlay Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.