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.
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:
- anime.js by Julian Garnier
- imagesLoaded by Dave DeSandro
- Images by Unsplash
- SVG Pattern by Hero Patterns
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
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?
Hi peter, can you try again in an incognito/ private window…I wll remove the restriction tomorrow if it continues to bug out
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!
🙂 ….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
restriction removed
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…. 🙂
Thought not…. curses!