Collection of free Tailwind CSS chart and graph components from Codepen and other resources.

Links
Made with
- HTML / CSS / JS
About a code
Analytics Widget - Tailwind CSS + Chart.js
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: alpine.js, chart.js
Tailwind version: 3.0.0

Links
Made with
- HTML / CSS / JS
About a code
Chart Widget
TailwindCSS, AlpineJS and ChartJS with date changer and animations.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: chart.css, materialdesignicons.css, alpine.js, chart.js
Tailwind version: 2.1.4

Links
Made with
- HTML / CSS
About a code
Column Chart (Stacked) - with Tailwind CSS
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Tailwind version: 2.0.2

Links
Made with
- HTML / CSS
About a code
Column Chart - with Tailwind CSS
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Tailwind version: 2.0.2

Links
Made with
- HTML / CSS / JS
About a code
Tailwind & AlpineJS: Analytics Card
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: materialdesignicons.css, alpine.js, countup.js
Tailwind version: 1.6.0

Links
Made with
- HTML / CSS / JS
About a code
Tailwind & AlpineJS: Stock Chart
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: materialdesignicons.css, chart.css, alpine.js, chart.js
Tailwind version: 1.6.0

Links
Made with
- HTML / CSS / JS
About a code
Tailwind & ChartJS: Dashboard Statistic Cards
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: chart.css, chart.js
Tailwind version: 1.6.0

Links
Made with
- HTML / CSS / JS
About a code
Bar Chart with TailwindCSS and AlpineJS
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: alpine.js
Tailwind version: 1.4.6