# Line Chart components

> Visualize data trends using 7 line chart components for React, styled with Tailwind CSS and ideal for Next.js dashboards.

48 components available. Showing all of them below.

- [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart.md) — by Legion Dev
- [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/glowing-line-chart.md) — by Legion Dev
- [Line Charts 9](https://21st.dev/@sean0205/components/line-charts-9.md) — by Sean Hello
- [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/pinging-dot-chart.md) — by Legion Dev
- [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/rainbow-line-chart.md) — by Legion Dev
- [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/multi-line-chart.md) — by Legion Dev
- [Line Chart](https://21st.dev/@LegionWebDev/components/line-chart/number-dot-chart.md) — by Legion Dev
- [Points Chart](https://21st.dev/@trophyso/components/points-chart.md) — by trophyso
- [Line Charts 6](https://21st.dev/@sean0205/components/line-charts-6.md) — by Sean Hello
- [Line Charts 2](https://21st.dev/@sean0205/components/line-charts-2.md) — by Sean Hello
- [Line Charts 1](https://21st.dev/@sean0205/components/line-charts-1.md) — by Sean Hello
- [Line Graph Statistics](https://21st.dev/@ravikatiyar162/components/line-graph-statistics.md) — by Ravi Katiyar
- [Line Charts 8](https://21st.dev/@sean0205/components/line-charts-8.md) — by Sean Hello
- [Line Charts 4](https://21st.dev/@sean0205/components/line-charts-4.md) — by Sean Hello
- [Total Sales Chart](https://21st.dev/@ahmedmayara/components/total-sales-chart.md) — by Ahmed Mayara
- [Stock Market Tracker Chart](https://21st.dev/@ahmedmayara/components/stock-market-tracker-chart.md) — by Ahmed Mayara
- [Line Charts 5](https://21st.dev/@sean0205/components/line-charts-5.md) — by Sean Hello
- [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart/line-legend.md) — by Cnippet
- [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart/line.md) — by Cnippet
- [Curves](https://21st.dev/@airbnb-visx/components/curves.md) — by Airbnb
- [GPT-Vis](https://21st.dev/@gpt-vis/components/gpt-vis.md) — by GPT-Vis
- [Efferd Dashboard 2](https://21st.dev/@sshahaider/components/efferd-dashboard-2.md) — by Efferd
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/lightning-bolt.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/spiral.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/zigzag-path.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/double-helix.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/sine-wave.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/bouncing-ball.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/heart-shape.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/infinity-symbol.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/loop-path.md) — by Preet Suthar
- [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/curved.md) — by Preet Suthar
- [Pricing With Chart](https://21st.dev/@sshahaider/components/pricing-with-chart.md) — by Efferd
- [Animated Chart Card](https://21st.dev/@aghasisahakyan1/components/animated-chart-card.md) — by Erik X
- [Live Sales Dashboard](https://21st.dev/@vaib215/components/live-sales-dashboard.md) — by Vaibhav Kumar Singh
- [Stats Widget](https://21st.dev/@ravikatiyar162/components/stats-widget.md) — by Ravi Katiyar
- [Mouse Following Line](https://21st.dev/@ravikatiyar162/components/mouse-following-line.md) — by Ravi Katiyar
- [Content Default](https://21st.dev/@meschacirung/components/content-default/content-seven.md) — by Méschac Irung
- [Stats](https://21st.dev/@ephraimduncan/components/stats-4.md) — by Ephraim Duncan
- [Charts](https://21st.dev/@edwinvakayil/components/charts.md) — by Edwin Vakayil
- [Mechanical Waves](https://21st.dev/@designali-in/components/mechanical-waves.md) — by Ali Imam
- [Glyphs](https://21st.dev/@airbnb-visx/components/glyphs.md) — by Airbnb
- [Annotation](https://21st.dev/@airbnb-visx/components/annotation.md) — by Airbnb
- [Split Line Path](https://21st.dev/@airbnb-visx/components/split-line-path.md) — by Airbnb
- [Threshold](https://21st.dev/@airbnb-visx/components/threshold.md) — by Airbnb
- [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart/combo.md) — by Cnippet
- [Chart Background](https://21st.dev/@LegionWebDev/components/background.md) — by Legion Dev

Full component directory: https://21st.dev/llms.txt