SP
Surya Peddireddy

Dark Theme - Copy this React, Mui Component to your project

Design a responsive dark themed stats component for a fitness tracker app, displaying cards with total steps, calories burned, active minutes, distance traveled, and heart rate. Include color coded progress indicators, interactive date range selectors, and visual elements like pie charts, bar charts, and line graphs to show daily, weekly, and monthly trends using dummy data. Add a new card beside the distance card, increase the size of icons, and place a line graph and pie chart below the existing component.

Prompt
Component Preview

About

darkTheme - A responsive dark themed fitness stats component with cards for steps, calories, and heart rate. Built with React and MUI. Get instant access!

Share

Last updated 1 month ago