framer-path

Shape animator

Customizable 2D shapes with point-by-point animation support for Framer JS

Create custom svg shapes and animate each point individually in Framer JS.

GitHub

147 stars
13 watching
17 forks
Language: CoffeeScript
last commit: over 8 years ago
Linked from 1 awesome list


Backlinks from these awesome lists:

Related projects:

Repository Description Stars
robotdestroy/framer-snippets-library A collection of reusable Framer animation and interaction snippets in CoffeeScript. 479
padolsey/sonic.js A tool for creating animated shapes with a specified path and customizable parameters. 824
codrops/organicshapeanimations Provides hover effects on images using SVG clipPath animation 220
thomasp85/transformr A package for creating smooth animations of 2D shapes by automatically matching and transforming them between states. 116
72/lottie-framer An animation playback library that wraps Lottie-Web to render animations exported from After Effects 168
joshpuckett/framermodules A module and corresponding Sketch plugin that simplifies working with SVG paths in Framer 170
s2mr/elephant A Swift framework for creating elegant SVG animations 140
offirg75-zz/framer.rippletransition A Framer JS module for creating Material design-like ripple transitions. 4
lcdsantos/jquery-drawsvg A lightweight jQuery plugin to animate SVG paths using the built-in animation engine. 771
joshmtucker/kinetics Software to test and animate spring animations on layers in Framer Studio projects without reloading 30
jonahvsweb/framer-highlightr A custom Framer.js module that displays hotspots over clickable layers in prototypes to facilitate user testing and complex state management. 27
merri-ment/lazy-line-painter A JavaScript library for creating and animating SVG paths 1,971
moarwick/react-mt-svg-lines A React wrapper component to animate SVG stroke-dashoffset property with CSS or JavaScript animations. 363
mrdoob/frame.js An online JavaScript animation editor that allows users to create and edit animations in real-time. 1,056
wmaurer/cyclejs-fractals A Cycle.js application that generates and animates SVG fractals. 21