# Fitness Workouts App - Design Showcase

**URL:** <https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525>\
**Category:** Project Showcase\
**Created:** [December 30, 2020, 10:30pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525 "2020-12-30T22:30:21Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mauricio\_Paz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mauricio_paz/32/17751_2.png) [@Mauricio\_Paz](https://community.glideapps.com/u/Mauricio_Paz)\
**Post date:** [December 30, 2020, 10:30pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/1 "2020-12-30T22:30:21Z")

</div>

Hi dudes! Here is this beautiful app for my client:

Features:

- Workouts
- Blog
- Activity history
- Agency Coach Profiles

PRIME Features:

- Prime Workouts
- Collections

It’s just a design showcase that can be implemented in Glide. There are still some details to finish, but _ **I will publish the demo soon** _ so you can interact with it.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/5/c5c04bba8e2cbc992c9354e846f5749379c78527.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/f/af85e6e8b7b90b6bc533f4ed0c906ba67c56a8b5.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/a/2a61684f37f9ae6384195297441baf4631944ddc.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/6/76baf5127501e723a3da61363bd66f9999f5665c.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/a/1aede2da998952cbcb2c558a1f3a000f0c701ac4.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/b/8bf5d98c2d280b503fdf91b3ce435ed89ae04c56.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/a/1a48e9b8d5925e38aa247843e16d10eafd43cb80.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/6/86cae4afe8991fdedfcd2421e0bd9418c97fdd54.png)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/2/22dee8eadb309a4895e94eb8e30b98372f8668c1.jpeg)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/5/153422a95deb0c34867fd08d90ee95d4622419e1.jpeg)

---

<div class="post-metadata">

**Author:** ![George\_Lewis1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_lewis1/32/5517_2.png) [@George\_Lewis1](https://community.glideapps.com/u/George_Lewis1)\
**Post date:** [December 30, 2020, 10:43pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/2 "2020-12-30T22:43:58Z")

</div>

This looks awesome, love the design. Well done!!

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [December 30, 2020, 10:45pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/3 "2020-12-30T22:45:14Z")

</div>

Wow, simply amazing 🤩 👏

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 30, 2020, 11:19pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/4 "2020-12-30T23:19:22Z")

</div>

That is simply out of this world. Congrats!

---

<div class="post-metadata">

**Author:** ![PanaYoung](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/panayoung/32/25830_2.png) [@PanaYoung](https://community.glideapps.com/u/PanaYoung)\
**Post date:** [December 30, 2020, 11:31pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/5 "2020-12-30T23:31:18Z")

</div>

🤯 Amazing!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 30, 2020, 11:33pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/6 "2020-12-30T23:33:47Z")

</div>

The photography is unreal.

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [December 30, 2020, 11:59pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/7 "2020-12-30T23:59:18Z")

</div>

Excellent app!!

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [December 31, 2020, 12:09am UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/8 "2020-12-31T00:09:11Z")

</div>

Brilliant! Love the simplicity

---

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [December 31, 2020, 7:24am UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/9 "2020-12-31T07:24:10Z")

</div>

This is top work @Mauricio_Paz  
Very inspiring!

---

<div class="post-metadata">

**Author:** ![erwblo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/erwblo/32/75_2.png) [@erwblo](https://community.glideapps.com/u/erwblo)\
**Post date:** [December 31, 2020, 12:25pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/10 "2020-12-31T12:25:44Z")

</div>

Looks really good!

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [December 31, 2020, 12:36pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/11 "2020-12-31T12:36:48Z")

</div>

@Mauricio_Paz 👏 nice work, just in time to burn off all the excesses of this holiday season

---

<div class="post-metadata">

**Author:** ![Lisa](https://avatars.discourse-cdn.com/v4/letter/l/f08c70/32.png) [@Lisa](https://community.glideapps.com/u/Lisa)\
**Post date:** [December 31, 2020, 1:30pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/12 "2020-12-31T13:30:41Z")

</div>

This is great design! Nice work!

---

<div class="post-metadata">

**Author:** ![Superchi700](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/superchi700/32/12353_2.png) [@Superchi700](https://community.glideapps.com/u/Superchi700)\
**Post date:** [January 1, 2021, 2:47pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/13 "2021-01-01T14:47:20Z")

</div>

I’m super impressed. Nice!

---

<div class="post-metadata">

**Author:** ![Nadir\_Abdelrahman\_MD](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nadir_abdelrahman_md/32/5237_2.png) [@Nadir\_Abdelrahman\_MD](https://community.glideapps.com/u/Nadir_Abdelrahman_MD)\
**Post date:** [January 1, 2021, 5:37pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/14 "2021-01-01T17:37:35Z")

</div>

Great work

---

<div class="post-metadata">

**Author:** ![Eneyire](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eneyire/32/85885_2.png) [@Eneyire](https://community.glideapps.com/u/Eneyire)\
**Post date:** [March 7, 2025, 9:06am UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/15 "2025-03-07T09:06:01Z")

</div>

Hey Mauricio,

I recently came across your project and I think it is brilliant. It has been 5 years since you posted this. I am working on something similar and wanted to find out if you have completed the app and would be willing to put me through how you went about it.

I hope you get this.

Thank you.

---

<div class="post-metadata">

**Author:** ![Hossam\_Elmaache](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hossam_elmaache/32/86453_2.png) [@Hossam\_Elmaache](https://community.glideapps.com/u/Hossam_Elmaache)\
**Post date:** [April 24, 2025, 2:37pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/16 "2025-04-24T14:37:26Z")

</div>

hi, the design looks clean, i have a question ( can you please tell me how you managed to showcased categories without showing the annoying side bar to move horizontally)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 24, 2025, 3:06pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/17 "2025-04-24T15:06:36Z")

</div>

This was a Classic app. I think you can use CSS to hide that scrollbar in the new version.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 24, 2025, 11:40pm UTC](https://community.glideapps.com/t/fitness-workouts-app-design-showcase/20525/18 "2025-04-24T23:40:16Z")

</div>

Edit: Solved Hossam’s question in another thread.

> [@Need help to remove the bar under card component when i make the orientation horizontal?](https://community.glideapps.com/t/need-help-to-remove-the-bar-under-card-component-when-i-make-the-orientation-horizontal/81519/2):
>
> div[data-testid="horizontal-collection-container"] { overflow-x: hidden !important; }
