# Shimmer Loading Effect

**URL:** <https://forum.bubble.io/t/shimmer-loading-effect/362512>\
**Category:** Plugin builders\
**Created:** [March 7, 2025, 11:17pm UTC](https://forum.bubble.io/t/shimmer-loading-effect/362512 "2025-03-07T23:17:09Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ezduriez](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ezduriez/32/137886_2.png) [@ezduriez](https://forum.bubble.io/u/ezduriez)\
**Post date:** [March 7, 2025, 11:17pm UTC](https://forum.bubble.io/t/shimmer-loading-effect/362512/1 "2025-03-07T23:17:09Z")

</div>

Hi folks,

Just released my new plugin that replicates a shimmer effect while your page is being loaded. Just insert the visual element and insert the ID attribute. You need to “recreate” the elements you have in your page to simulate the loading of the page. And in the WF just hide the group with the shimmer effect after “x” seconds.

Plugin page: [Shimmer Loading Plugin | Bubble](https://bubble.io/plugin/shimmer-loading-1702049427796x268262205826793470)

Demo page: [https://erick-personal-portfolio.bubbleapps.io/version-test/shimmer\_loading](https://erick-personal-portfolio.bubbleapps.io/version-test/shimmer_loading)

Editor page: [Erick Personal Portfolio | Bubble Editor](https://bubble.io/page?id=erick-personal-portfolio&tab=Design&name=shimmer_loading&type=page)

Let me know you comments.

 ![Screenshot 2025-03-07 at 8.18.13 PM](https://us1.discourse-cdn.com/bubble/original/3X/a/2/a2a22e0db418f56f57ed6af7b5242f2cce5ef559.jpeg)

---

<div class="post-metadata">

**Author:** ![msgiblin](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/msgiblin/32/119904_2.png) [@msgiblin](https://forum.bubble.io/u/msgiblin)\
**Post date:** [March 7, 2025, 11:51pm UTC](https://forum.bubble.io/t/shimmer-loading-effect/362512/2 "2025-03-07T23:51:50Z")

</div>

Looking good! Do you have an easy way to hide the shimmer elements when the elements and data are actually loaded? (As opposed to a timer)

---

<div class="post-metadata">

**Author:** ![ezduriez](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ezduriez/32/137886_2.png) [@ezduriez](https://forum.bubble.io/u/ezduriez)\
**Post date:** [March 8, 2025, 12:01am UTC](https://forum.bubble.io/t/shimmer-loading-effect/362512/3 "2025-03-08T00:01:56Z")

</div>

This is the only way for now. You should insert a main group and the effects in the elements inside this group. Then you hide the main group. It will hide all elements at once. It’s pretty simple.

 ![Screenshot 2025-03-07 at 9.00.46 PM](https://us1.discourse-cdn.com/bubble/original/3X/4/b/4bb3f6b47ae2c36f14bd818847c3d4cbcbbd1c4c.png)