# Bar Chart components > Display data visually with 19 React bar chart components using Tailwind CSS, tailored for analytics in Next.js apps. 80 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/bar-chart. - [Mini Chart](https://21st.dev/@jatin-yadav05/components/mini-chart.md) — by Jatin Yadav - [Login Activity](https://21st.dev/@aghasisahakyan1/components/login-activity.md) — by Erik X - [Chart](https://21st.dev/@shadcn/components/chart.md) — by shadcn - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/glowing-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/hatched-multiple-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/hatched-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/monospace-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/highlighted-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/duotone-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/value-line-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/gradient-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/gradient-multiple-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/duotone-multiple-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/highlighted-multiple-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/multiple-bar-chart.md) — by Legion Dev - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart.md) — by bklitai - [Category Bar Chart](https://21st.dev/@ahmedmayara/components/category-bar-chart.md) — by Ahmed Mayara - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart/bar-chart-no-gap.md) — by bklitai - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart/bar-chart-dense-data.md) — by bklitai - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart/bar-chart-custom-tooltip.md) — by bklitai - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart/bar-chart-interactive.md) — by bklitai - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart/bar-chart-stacked.md) — by bklitai - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart/bar-chart-pattern.md) — by bklitai - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart/bar-chart-multiple-series.md) — by bklitai - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart/bar-chart-gradient.md) — by bklitai - [Bar Chart](https://21st.dev/@bklitai/components/bar-chart/bar-chart-horizontal.md) — by bklitai - [Bar Group vertical](https://21st.dev/@airbnb-visx/components/bar-group-vertical.md) — by Airbnb - [Multi Series Bar big](https://21st.dev/@reaviz/components/multi-series-bar-big.md) — by REAVIZ - [Weekly KPI Chart](https://21st.dev/@isaiahbjork/components/weekly-kpi-chart.md) — by Isaiah - [Chart](https://21st.dev/@sean0205/components/chart.md) — by Sean Hello - [Chart filter](https://21st.dev/@shadcn/components/chart-filter.md) — by shadcn - [Incident Report](https://21st.dev/@reaviz/components/incident-report.md) — by REAVIZ - [Incident Bar Chart](https://21st.dev/@reaviz/components/incident-bar-chart.md) — by REAVIZ - [Bar Chart](https://21st.dev/@intentui/components/bar-chart/inset-label.md) — by Intent UI - [Bar Chart](https://21st.dev/@intentui/components/bar-chart.md) — by Intent UI - [Bar Chart](https://21st.dev/@intentui/components/bar-chart/custom-label.md) — by Intent UI - [Bar Chart](https://21st.dev/@intentui/components/bar-chart/horizontal.md) — by Intent UI - [Bar Chart](https://21st.dev/@intentui/components/bar-chart/label.md) — by Intent UI - [Bar Chart Medium](https://21st.dev/@reaviz/components/bar-chart-medium.md) — by REAVIZ - [incident Chart](https://21st.dev/@reaviz/components/incident-chart.md) — by REAVIZ - [Multi Series Bar](https://21st.dev/@reaviz/components/multi-series-bar.md) — by REAVIZ - [Bar Chart](https://21st.dev/@SubframeApp/components/bar-chart.md) — by SubframeApp - [Bar Chart](https://21st.dev/@SubframeApp/components/bar-chart/bar-chart-with-tooltip.md) — by SubframeApp - [Multi Series Bar](https://21st.dev/@reaviz/components/multi-series-bar-1.md) — by REAVIZ - [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart.md) — by Cnippet - [Chart](https://21st.dev/@cnippet.dev/components/cnippet-chart/bar-legend.md) — by Cnippet - [Animated Card Chart](https://21st.dev/@badtzx0/components/animated-card-chart.md) — by badtz - [Statistics Card](https://21st.dev/@aghasisahakyan1/components/statistics-card.md) — by Erik X - [Activity Chart Card](https://21st.dev/@ravikatiyar162/components/activity-chart-card.md) — by Ravi Katiyar - [Efferd Dashboard 2](https://21st.dev/@sshahaider/components/efferd-dashboard-2.md) — by Efferd - [Animated Card](https://21st.dev/@badtzx0/components/animated-card.md) — by badtz - [ScreenTimeCard](https://21st.dev/@itsankitverma/components/screen-time-card.md) — by Ankit Verma - [Planner Card](https://21st.dev/@ravikatiyar162/components/planner-card.md) — by Ravi Katiyar - [Banner](https://21st.dev/@fuma-nama/components/banner.md) — by Fuma Nama - [Stats Card](https://21st.dev/@ravikatiyar162/components/stats-card.md) — by Ravi Katiyar - [Stats Card](https://21st.dev/@kavikatiyar/components/stats-card-1.md) — by Kavi Katiyar - [Drawer](https://21st.dev/@shadcn/components/drawer.md) — by shadcn - [Range Slider](https://21st.dev/@ravikatiyar162/components/range-slider.md) — by Ravi Katiyar - [Animated Card 1](https://21st.dev/@aghasisahakyan1/components/animated-card-1.md) — by Erik X Full component directory: https://21st.dev/llms.txt