Data Visualization.
Premium Charts.
Meticulously crafted data visualizations. Built with Recharts and seamlessly integrated.
Pro
3D Prism Candlestick
True SVG extruded 3D rectangular prisms for each candle. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Pro
Circle Pattern Candlestick
Candlestick chart filled with dense pattern circles Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Classic Candlestick
Financial candlestick chart for trading data. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Dot Grid Candlestick
Candlestick chart over a dot grid texture with edge fade Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Hollow Candlestick
Trading chart with hollow profit candles. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Moving Average Candlestick
Candlestick chart with moving average overlay. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Pattern Background Candlestick
Candlestick chart with a diagonal pattern fill instead of grid lines Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Pattern Candlestick
Diagonal pattern overlay on candle bodies Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Reference Band Candlestick
Candlestick chart featuring a horizontal Y band behind the series with dashed edges Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Solid Colors Candlestick
Solid emerald/red fills instead of gradients Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Tooltip Only Candlestick
Tooltip box without crosshair or dots Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.
Pro
Wave Pattern Candlestick
Fluid PatternWaves inside bodies Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.