Statistics
Simple
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/simple.png)
Simple with Icons
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple with Icons](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/simple-with-icons.png)
Simple with Action
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple with Action](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/simple-with-action.png)
Alternate
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Alternate](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/alternate.png)
Alternate with Icons
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Alternate with Icons](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/alternate-with-icons.png)
Alternate with Action
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Alternate with Action](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/alternate-with-action.png)
Bordered with Info and Action
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Bordered with Info and Action](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/bordered-with-info-and-action.png)
Bordered with Heading and Action
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Bordered with Heading and Action](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/bordered-with-heading-and-action.png)
Bordered with Heading, Action and Chart
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Bordered with Heading, Action and Chart](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/bordered-with-heading-action-and-chart.png)
Simple with Info
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple with Info](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/simple-with-info.png)
Simple with Charts
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple with Charts](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/simple-with-charts.png)
Simple with Charts and Action
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Simple with Charts and Action](https://cdn.tailkit.com/media/screenshots/application-ui/components/statistics/simple-with-charts-and-action.png)
Make them yours!