A tool to create a profile card displaying your Strava run or ride statistics. Hosted at https://stravacard.pages.dev/.
![](https://private-user-images.githubusercontent.com/61996958/258804764-47d49c04-a625-4e53-9612-1d34fb69b9f9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk5Mjc2MTYsIm5iZiI6MTcxOTkyNzMxNiwicGF0aCI6Ii82MTk5Njk1OC8yNTg4MDQ3NjQtNDdkNDljMDQtYTYyNS00ZTUzLTk2MTItMWQzNGZiNjliOWY5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAyVDEzMzUxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA1NDQ4MDY4MGY4NTUwNWZlMjY5ZjliNTlkNDdhZjJkOGRiY2ZhMWUwZjYwYjFkZmUyODg5OTc5Mjg4NzZiM2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.TFBjP6625C81QCLsLnFgZYoKuM2Xr-XacyAGTEL0TfM)
![](https://private-user-images.githubusercontent.com/61996958/258804798-050f9174-a04d-4c75-8146-a793f4845f2b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk5Mjc2MTYsIm5iZiI6MTcxOTkyNzMxNiwicGF0aCI6Ii82MTk5Njk1OC8yNTg4MDQ3OTgtMDUwZjkxNzQtYTA0ZC00Yzc1LTgxNDYtYTc5M2Y0ODQ1ZjJiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAyVDEzMzUxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI2NzJjMzNhOGFjMWY3MzcyYWVlM2Y2NmI5NTQyYWRiZWU0Y2YyNWY4NDI5ZmE3OWE1YzdmODBmZTU0YWUxNmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.VNFH6aIpy-gWkUXXknjBZetvUv0Xj_AmZ-iMVYi9HFs)
![](https://private-user-images.githubusercontent.com/61996958/258804816-799bfcee-c0e7-49c5-8f6b-14b5acb83c80.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk5Mjc2MTYsIm5iZiI6MTcxOTkyNzMxNiwicGF0aCI6Ii82MTk5Njk1OC8yNTg4MDQ4MTYtNzk5YmZjZWUtYzBlNy00OWM1LThmNmItMTRiNWFjYjgzYzgwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAyVDEzMzUxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI0OTI5MjUzYmM5NmNjNGNlOGY5ZGZhY2Q4OWVlMGI5OThmMzlkYTIyZWFkOGM5MzQ4ZTljZTM1YmVhNTdhNGYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IY23qA5yG1lhpVjWSbllPWxJLIFn4gTNbio5eXs1Dm4)
Supports statistics from both cycling/running.
Suports both kilometers/meters and miles/feet.
Supports light/dim/dark color schemes.
Takes user input of any country, territory, or American state name and prints a small flag icon on the card.
Uses the https://countryflags.com API.
![](https://private-user-images.githubusercontent.com/61996958/258810979-470f17eb-5c5b-43eb-b606-6837f28b500c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk5Mjc2MTYsIm5iZiI6MTcxOTkyNzMxNiwicGF0aCI6Ii82MTk5Njk1OC8yNTg4MTA5NzktNDcwZjE3ZWItNWM1Yi00M2ViLWI2MDYtNjgzN2YyOGI1MDBjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAyVDEzMzUxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ2OWUzMGZiOTQ4YWZmMGEzZDI3YWI3MWRlMGNkNzFhYjNkN2JlODc1NGEzNTRmYjI1ZmYxZGYyNmNkZTQyYmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.3cUC8vB8AnCIJ5PSNttYYCp4F7E9F-WMMWcdXmxbBMA)
The app before card generation.
![](https://private-user-images.githubusercontent.com/61996958/258811274-b391183d-66f9-4600-a449-74569b3692d9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk5Mjc2MTYsIm5iZiI6MTcxOTkyNzMxNiwicGF0aCI6Ii82MTk5Njk1OC8yNTg4MTEyNzQtYjM5MTE4M2QtNjZmOS00NjAwLWE0NDktNzQ1NjliMzY5MmQ5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAyVDEzMzUxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg1NGRiOWZiZmFhNmEzMWEyY2RjZGIyNjllYzY1ZjI1YjhiMjkyZDUzMzU5Y2M4OWZjMzc4OTRjOWI0OTU0NzImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.joVyVDXMrvlDEj2wKt-G4w024m2cvobKiaIMetRdMOY)
The app after card generation.