DRAW IMAGE ANIMATION

Draw Image Animation

Published September 2019

    •    Updated this month

Plugin details

This plugin allows you to add an animation to your app which draws out any image by first sketching the outlines using a pencil and then adding colors.

You can use this plugin to add a cool effect to your app and increase the user experience.

DEMO EDITOR: https://bubble.io/page?id=plugin-demos-4&tab=Design&name=drawimage&type=page

DEMO PAGE: https://plugin-demos-4.bubbleapps.io/version-test/drawimage?

DOCUMENTATION: https://docs.rapidevelopers.com/plugins/draw-image-animation

Rapid Dev Products & Services:

GOT STUCK ON BUBBLE.IO. REMOVE ROADBLOCKS WITH BUBBLE COACHING!

BOOST YOUR BUBBLE SKILLS WITHIN OUR RD LABS! 

HIRE BUBBLE’S GOLD AGENCY PARTNER TO CUSTOMIZE YOUR APPLICATION. 

NEED HELP? HAVE A QUESTION OR SUGGESTION?
Mail us at [email protected]

Free

For everyone

3.5 stars   •   2 ratings

1.6K installs

This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

RapidDev

Joined 2020   •   115 Plugins

View contributor profile

Instructions

1. Go to Settings-> General of your app and expose the option to add ID attributes to HTML Elements

2. Trigger the Draw action within a workflow and specify the duration and a background color, as well as the element id of the element that should be targeted. 
Don't forget to add the same element id to the element that should be targeted.

Example use case: Make image not visible on default and add a workflow -> When page is loaded-> show image -> draw image. This will add a drawing effect to your image on page load.

Types

This plugin can be found under the following types:

Background Services   •   Action

Resources

Support contact

Documentation

Tutorial

Rating and reviews

Average rating (3.5)

Image draw

November 11th, 2022

For make draw animation

Dear User,

Thank you for your review! Your feedback is important to us.

We’re always looking for ways to improve. If you have any other suggestions or features you’d like to see, we’d be glad to hear them. Please feel free to share your thoughts at [email protected].

Also, if you find our updates and improvements satisfactory, we would appreciate it if you could reconsider your review rating. If you need any help, don’t hesitate to reach out to us at the same email.

Best, 
The RapidDev Team

April 11th, 2024

•

RapidDev

Works Well

August 13th, 2022

This works well on images themselves, most of my images are set as backgrounds. Most. I made a few changes to key images to make use of it.

Product

Bubble for

Discover

Learn

Resources

Community

Company

Legal

Draw Image Animation

Plugin details

Free

For everyone

Other actions

Platform

Contributor details

Instructions

Types

Categories

Resources

Rating and reviews

Average rating (3.5)