If you use Framer, this is for you. I am creating a Framer component library, and the SVG Animato...If you use Framer, this is for you. I am creating a Framer component library, and the SVG Animato...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Isaac's avatar
Isaac Alipoe
• Jan 9
If you use Framer, this is for you. I am creating a Framer component library, and the SVG Animator is part of the list. It allows you to animate the strokes of your SVGs easily by copying and pasting them into your Framer design canvas. You can access this component by visiting refinery.framer.website
What you can do with it:
Animate stroke offsets through draw animation.
Animate SVG through scale, translate, and rotate.
Set fill color and animation.
Duplicate strokes, set offsets, and animate duplicates.
Create a morph transition to switch between SVGs.
Set trigger options: auto, hover, click, and voice.
Framer Website DevelopmentFramer Website DesignFramerframerdeveloperframercomponentFramer Plugin Developer
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started