Dev Design LibraryTailwind CSS Bar Chart Components
Dev Design Library indexes 100 Tailwind CSS bar chart components from 20 open-source UI libraries, with the most coming from Tremor Blocks, shadcn/ui, Shark UI, ReUI and Amicro Micro Transitions. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Bar chart components belong to the Data display group.
Chart Bar Activeshadcn/ui · React
Bar ChartTremor · React
Basic bar chartReUI · ReactBasic bar chart
Uptime Dither Bar ChartAmicro Micro Transitions · ReactContinuous uptime bar chart with dithered matrix animation.
Horizontal BarsCursify · React
ChartsUntitled UI React · React
Bar ChartbeUI · ReactGrouped, stacked and horizontal bars that grow in, rescale and reorder with springs.
ChartTailGrids · ReactA chart component with multiple variants.
Bar ChartSpectrum UI · ReactVertical and horizontal bars with hatch, duotone, gradient, stripe, stack, and glow fills.
Bar ChartPanel UI · React NativeCategories compared by length, grouped or stacked.
Chart 01 - Sales Performance Bar ChartShadcn Space · ReactAn interactive stacked bar chart displaying monthly earnings, profit, and expenses, ideal for admin dashboards to…
Bar ChartTremor Blocks · ReactThe base bar chart component (Recharts): vertical or horizontal bars, grouped or stacked, legend and tooltip…
ChartObsidianUI · React
Bar Visualizeraudiocn · ReactA row of bars driven by frequency bands, with idle, loading and mirrored modes. Bars paint without re-rendering React.
Chart Bar ActiveShark UI · React
Bar ChartUI Lab · ReactGrows its bars from the baseline and springs them between two weeks.
ChartHextaUI · ReactRecharts charts with themed colors, a tooltip and legend that read labels from one config, and keyboard navigation…
Chart ArtifactLocalMode · ReactA dependency-free inline-SVG chart (line / bar / area / scatter / radar / gauge) for local metrics — eval curves…
Bar chartCojeev UI · ReactCompare series with grouped, stacked or horizontal bars and a shared interactive tooltip.
Bar ChartReactFrame · ReactA stacked bar chart, up to 5 series per bar, a reference line, a peak-value annotation, and a hover tooltip breaking…
Chart Bar Defaultshadcn/ui · React
Duotone gradient bar chartReUI · ReactDuotone gradient bar chart
Dither Stacked ChartAmicro Micro Transitions · React
Verticle BarsCursify · React
Limit ReachedSpectrum UI · ReactA quota wall with a full meter, seven days of history and a reset clock.
Web Bar ChartPanel UI · React NativeBar charts with replay, keyboard reading and grouped or horizontal variants.
Spinner 06 - BarsShadcn Space · ReactThree vertical bars with staggered grow animation.
TrackerTremor Blocks · React
Status BarsObsidianUI · React
Electric Bar Visualizeraudiocn · ReactFrequency-band bars drawn as crackling filaments, with arcs between loud neighbours and sparks on sudden rises. Takes…
Chart Bar DefaultShark UI · React
Chart Bar Horizontalshadcn/ui · React
Animated monochrome bar chartReUI · ReactAnimated monochrome bar chart
Mono Rounded Bar ChartAmicro Micro Transitions · React
Bar Chart 01Tremor Blocks · React
Spectrumaudiocn · ReactA frequency spectrum analyser drawn on canvas as bars, a line or an area, with peak hold, a grid and frequency and…
Chart Bar HorizontalShark UI · React
Chart Bar Interactiveshadcn/ui · React
Vertical bar chartReUI · ReactVertical bar chart
Mono Rounded Stacked Bar ChartAmicro Micro Transitions · React
Bar Chart 02Tremor Blocks · React
Chart Bar InteractiveShark UI · React
Chart Bar Labelshadcn/ui · React
Multi-dataset bar chartReUI · ReactMulti-dataset bar chart
Bar Chart 03Tremor Blocks · React
Chart Bar LabelShark UI · React
Chart Bar Label Customshadcn/ui · React
Diagonal stripe bar chartReUI · ReactDiagonal stripe bar chart
Bar Chart 04Tremor Blocks · React
Chart Bar Label CustomShark UI · React
Chart Bar Mixedshadcn/ui · React
Dotted pattern bar chartReUI · ReactDotted pattern bar chart
Bar Chart 05Tremor Blocks · React
Chart Bar MixedShark UI · React
Chart Bar Multipleshadcn/ui · React
Striped and solid bar chartReUI · ReactStriped and solid bar chart
Bar Chart 06Tremor Blocks · React
Chart Bar MultipleShark UI · React
Chart Bar Negativeshadcn/ui · React
3D gradient bar chartReUI · React3D gradient bar chart
Bar Chart 07Tremor Blocks · React
Chart Bar NegativeShark UI · React
Chart Bar Stackedshadcn/ui · React
Gradient bar chartReUI · ReactGradient bar chart
Bar Chart 08Tremor Blocks · React
Chart Bar StackedShark UI · React
Chart Tooltip Advancedshadcn/ui · React
3D isometric bar chartReUI · React3D isometric bar chart
Bar Chart 09Tremor Blocks · React
Chart Tooltip AdvancedShark UI · React
Chart Tooltip Defaultshadcn/ui · React
Dotted and solid bar chartReUI · ReactDotted and solid bar chart
Bar Chart 10Tremor Blocks · React
Chart Tooltip DefaultShark UI · React
Chart Tooltip Formattershadcn/ui · React
Bar Chart 11Tremor Blocks · React
Chart Tooltip FormatterShark UI · React
Chart Tooltip Iconsshadcn/ui · React
Bar Chart 12Tremor Blocks · React
Chart Tooltip IconsShark UI · React
Chart Tooltip Indicator Lineshadcn/ui · React
Tracker 01Tremor Blocks · React
Chart Tooltip Indicator LineShark UI · React
Chart Tooltip Indicator Noneshadcn/ui · React
Tracker 02Tremor Blocks · React
Chart Tooltip Indicator NoneShark UI · React
Chart Tooltip Label Customshadcn/ui · React
Tracker 03Tremor Blocks · React
Chart Tooltip Label CustomShark UI · React
Chart Tooltip Label Formattershadcn/ui · React
Tracker 04Tremor Blocks · React
Chart Tooltip Label FormatterShark UI · React
Chart Tooltip Label Noneshadcn/ui · React
Tracker 05Tremor Blocks · React
Chart Tooltip Label NoneShark UI · React
Tracker 06Tremor Blocks · React
Tracker 07Tremor Blocks · React
Tracker 08Tremor Blocks · React
Tracker 09Tremor Blocks · React
Tracker 10Tremor Blocks · React
Libraries with Tailwind CSS bar chart components
Related categories
- Bar Chart Components
- Animated Bar Chart Components
- Tailwind CSS Data Display Components
- Tailwind CSS Card Components
- Tailwind CSS Chart Components
- Tailwind CSS Table Components
- Tailwind CSS Avatar Components
- Tailwind CSS Stat Components
- Tailwind CSS List Components
- Tailwind CSS Calendar Components
- Tailwind CSS Accordion Components
- Tailwind CSS Data Table Components
- Tailwind CSS Carousel Components
- Tailwind CSS Collapsible Components
- Tailwind CSS Avatar Group Components
- Tailwind CSS Stat Card Components
- Tailwind CSS Tree View Components
- Tailwind CSS Card Stack Components