Animated Frame Sliders for Pinegrow

Free Pinegrow Plugin

This kind of experimental free Pinegrow plugin features 6  Animated Frame sliders.

Based on this codrops tutorial , which has been recoded to run better using Pinegrow, Bootstrap and dropping into projects, the idea is to animate an SVG frame while transitioning from one slide to another.

We can create a variety of frame styles when morphing the SVG path using different shapes.

For the animations, We are using anime.js.

VIEW THE DEMO

How to install this free Pinegrow Plugin

To install, follow these Instructions on how to install a Pinegrow Plugin, there is an interactive guide at the bottom.

Remember you don’t need to use Bootstrap but the plugin works with Bootstrap 4.

We hope you enjoy this free pinegrow plugin!

CREDITS:

Follow these Instructions on how to install a Pinegrow Plugin, there is an interactive guide at the bottom.

Remember you don’t need to use Bootstrap but the plugin works with Bootstrap 4.

You should only use one Slider per project

About Author

Ben

7 thoughts on “Animated Frame Sliders for Pinegrow

  1. tried to download by logging in as stated on the page. no option to download. i do not use facebook or twitter so what option do i have?

    1. Hi peter, can you try again in an incognito/ private window…I wll remove the restriction tomorrow if it continues to bug out

  2. Thank you for the excellent freebies!

    Unfortunately cannot download this one or Animated Background Headers. No longer maintain twitter or facebook accounts and even though message says to signin, there is no download link shown:

    https://i.imgur.com/EA3rdYK.jpg

    Cheers!

    1. 🙂 ….I think this issue should be Ok now, you might need to use an incognito/private window to see it now though, if not I will remove this restriction soon

  3. Hi Ben, just updating you 🙂
    Alas, it still doesn’t seem to be working. No download shown, even when in Incognito mode.
    I also have facebook and twitter blocked in my browser.
    no nasty tracking thank you very much 🙂

    /var/folders/n4/2vk7z1nx65vbgy4y1v6sj6t80000gn/T/2018-06-18_17-22-35.png

    SO this is what I see… although I am suspicious if that image will render, lets see…. 🙂

Comments are closed.