# Line & bar chart components

Free and open-source React line and bar chart components built for modern applications and websites. These line and bar charts are built using Recharts and styled with Tailwind CSS.

## [Installation](/content/react/components/line-bar-charts#installation/index.html)

You can add this line and bar charts component using our CLI or manually:

### CLI
```
npx untitledui@latest add charts-base
```

## [Chart examples](/content/react/components/line-bar-charts#chart-examples/index.html)

Below are examples and variations of this line and bar charts component:

- [Line chart 01](/content/react/components/line-bar-charts#line-chart-01/index.html)
- [Line chart 02](/content/react/components/line-bar-charts#line-chart-02/index.html)
- [Line chart 03](/content/react/components/line-bar-charts#line-chart-03/index.html)
- [Line chart 04](/content/react/components/line-bar-charts#line-chart-04/index.html)
- [Bar chart 01](/content/react/components/line-bar-charts#bar-chart-01/index.html)
- [Bar chart 02](/content/react/components/line-bar-charts#bar-chart-02/index.html)
- [Bar chart 03](/content/react/components/line-bar-charts#bar-chart-03/index.html)