Fitness and health tracking UI components for React
npm install @sudobility/fitness-componentsFitness and health tracking UI components for React applications.
``bash`
npm install @sudobility/fitness-components @sudobility/components @sudobility/design
- StepCounter - Daily step tracking display
- CalorieTracker - Calorie intake and burn tracker
- WorkoutLog - Workout session logging
- WorkoutPlanner - Workout schedule planner
- ExerciseTimer - Exercise interval timer
- BodyMetrics - Body measurements tracking
- FitnessGoal - Goal setting and progress
- HeartRate - Heart rate monitoring display
- SleepTracker - Sleep quality tracking
- WaterIntake - Daily water intake tracker
- WeightChart - Weight progress chart
- AthleteStats - Athletic performance statistics
- ProgressPhoto - Progress photo comparison
- MealPlanner - Meal planning interface
- NutritionFacts - Nutrition information display
- NutritionLabel - Food nutrition label
- MacroCalculator - Macro nutrient calculator
- PersonalRecord - Personal record achievements
- TrainingPlan - Training plan overview
`tsx
import { StepCounter, CalorieTracker, WorkoutLog } from '@sudobility/fitness-components';
function App() {
return (
<>
>
);
}
`
This package requires:
- @sudobility/components - Core component library@sudobility/design
- - Design system tokensreact` ^18.0.0 or ^19.0.0
-
MIT