# 💯 Animated Annotations - New Plugin by EzCode

**URL:** <https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535>\
**Category:** Showcase\
**Created:** [October 23, 2020, 9:31am UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535 "2020-10-23T09:31:00Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ezdev](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ezdev/32/129663_2.png) [@ezdev](https://forum.bubble.io/u/ezdev)\
**Post date:** [October 23, 2020, 9:31am UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535/1 "2020-10-23T09:31:00Z")

</div>

Create beautiful, hand like, animated rough annotation on a web page.  
Easy to use, with different animation types.

![annotations_demo](https://us1.discourse-cdn.com/bubble/original/3X/6/2/62aa6bec5108eab81537b0af400aae047d27bb6e.gif)

* * *

**Demo:** [https://ezplugins-demo-1.bubbleapps.io/animated\_annotations](https://ezplugins-demo-1.bubbleapps.io/animated_annotations)  
**Plugin in Marketplace:** [https://bubble.io/plugin/animated-annotations-1601995216428x610037590258352100](https://bubble.io/plugin/animated-annotations-1601995216428x610037590258352100)

* * *

![66279_2](https://us1.discourse-cdn.com/bubble/original/3X/f/f/ff4c141d8f2345dc75ad8c3d472e44173938275a.png) [EzCode.co](https://ezcode.co/)  
_Feel free to contact us for any inquiries and we’ll be happy to find a solution for your ideas_

_Regards,  
Andrew, from EzCode team._

---

<div class="post-metadata">

**Author:** ![phrase9](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/phrase9/32/187478_2.png) [@phrase9](https://forum.bubble.io/u/phrase9)\
**Post date:** [October 23, 2020, 10:22am UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535/2 "2020-10-23T10:22:31Z")

</div>

This is perfect for the website I am working on. Will definitely buy. How do these animations get triggered? Can it be triggered through hovering?

---

<div class="post-metadata">

**Author:** ![ezdev](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ezdev/32/129663_2.png) [@ezdev](https://forum.bubble.io/u/ezdev)\
**Post date:** [October 23, 2020, 10:26am UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535/3 "2020-10-23T10:26:15Z")

</div>

It is triggered via workflow actions, you can see it in [plugin demo editor](https://bubble.io/page?version=live&name=animated_annotations&id=ezplugins-demo-1&tab=tabs-1).

Will see if we can do it to be triggered on hover, thanks.

---

<div class="post-metadata">

**Author:** ![ezdev](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ezdev/32/129663_2.png) [@ezdev](https://forum.bubble.io/u/ezdev)\
**Post date:** [October 26, 2020, 8:13am UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535/4 "2020-10-26T08:13:30Z")

</div>

We are glad to inform you that we added the feature to trigger on hover 🙂

---

<div class="post-metadata">

**Author:** ![Efe](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/efe/32/257452_2.png) [@Efe](https://forum.bubble.io/u/Efe)\
**Post date:** [October 26, 2020, 8:36am UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535/5 "2020-10-26T08:36:55Z")

</div>

Good job! 👍

---

<div class="post-metadata">

**Author:** ![phrase9](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/phrase9/32/187478_2.png) [@phrase9](https://forum.bubble.io/u/phrase9)\
**Post date:** [October 26, 2020, 9:52am UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535/6 "2020-10-26T09:52:37Z")

</div>

Thanks guys! Will be purchasing within the next 3 days

---

<div class="post-metadata">

**Author:** ![ezdev](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ezdev/32/129663_2.png) [@ezdev](https://forum.bubble.io/u/ezdev)\
**Post date:** [October 26, 2020, 3:29pm UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535/7 "2020-10-26T15:29:12Z")

</div>

> Update

New feature, auto trigger animation when the element is in center of viewport.

![viewport_Demo](https://us1.discourse-cdn.com/bubble/original/3X/8/5/8523887d9aa9ab3d2616c7743bec5851bc1ab128.gif)

---

<div class="post-metadata">

**Author:** ![dipobrazil](https://avatars.discourse-cdn.com/v4/letter/d/fbc32d/32.png) [@dipobrazil](https://forum.bubble.io/u/dipobrazil)\
**Post date:** [December 30, 2020, 8:36pm UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535/8 "2020-12-30T20:36:36Z")

</div>

Wait !..can this plugin allow a user to anotate on an uploaded image, pdf within a bubble app.  
If so, can the user add a comment to the annotation so that he can explain what the annotation or drawing is about?

---

<div class="post-metadata">

**Author:** ![ezdev](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ezdev/32/129663_2.png) [@ezdev](https://forum.bubble.io/u/ezdev)\
**Post date:** [January 6, 2021, 11:58am UTC](https://forum.bubble.io/t/animated-annotations-new-plugin-by-ezcode/117535/9 "2021-01-06T11:58:32Z")

</div>

> [@dipobrazil](#):
>
> anotate on an uploaded image, pdf within a bubble app.

You can anotate the whole image by giving it an ID. It will not work in a pdf, or at least it would require some changes in the plugin.

> [@dipobrazil](#):
>
> user add a comment to the annotation

This is a good idea, maybe we will add it in future updates as a separate feature.
