Entering an Interactive World...
CUSTOM INTERACTIVE
ANIMATION LIBRARY FOR FRAMER
HOW IT WORKS
→ ARTWORK
GREENPRINT
V1
V2
V3
AD 1.1
BY FRAMER.ZIP
N
GENESIS
AUTO-STABILIZERS
ARROW GALLERY
DEMOS
↪︎ SHOWING 4 OF 18
CRAZYMETER
TRUCHET LOOP
MORTYVERSE
SNOWFALL
GHOSTS
MADE USING ARROW DYNAMICS
Build Interactive 2D Animations & Patterns in Framer
One Framer Code Component → 15 Variations → Infinite Possibilities
Accelerators
play = yes, interact = yes;
area = unconfined, def_speed = 0.1;
multiplier = 10, radius = 150;
Layout Controls
Object Controls
Text, Images, GIFs, URLs
Motion Controls
One Click
Switch
14 Unique Variations
Special Dynamics
INTERACTIVE VISUALIZATION OF THE COMPONENT
Arrow Dynamics – All Variations
Variations with ° are interactive
Accelerators
°
Accelerates objects within a radius around the pointer arrow
Amplifiers
°
Amplifies objects within a radius around the pointer arrow
Convergers
°
Rotates individual objects to converge towards the pointer arrow
Decelerators
°
Decelerates objects within a radius around the pointer arrow
Entropists
°
Objects increase their entropy under the arrow and lowers when away
Ferromancers
Objects emulate a compass needle movement in zero magnetic field
Gravitators
°
Increases gravity within a radius around the pointer arrow
Harmonizers
Objects loop in Y-axis in a harmonised orientation
Listeners
°
Objects never listens to the pointer arrow
Oscillators
°
Objects oscillate collectively around the pointer arrow
Polarizers
°
Objects change their polarity on click or hover
Resonators
°
Objects resonate collectively around the pointer arrow
Stoics
°
Objects behave however they want
Vermiformers
Objects behave like microorganisms under a microscope
Warriors
Objects march like warriors towards a particular cardinal direction
Get Trial Component
3 Variations, Limited Property Controls
Basic
$28
Arrow Dynamics Component + Framer Remixes of Arrow Gallery Demos
Arrow Dynamics Framer Component (All Variations)
✓
Arrow Gallery Demos * → Framer files
✓
Lifetime free updates
✓
Pro
$280
Everything from Basic + Fully editable Framer and Figma files of this Arrow Dynamics website
Arrow Dynamics Framer Component (All Variations)
✓
Arrow Gallery Demos * → Framer + Figma files
✓
Arrow Dynamics full website → Framer + Figma files
✓
Framer.zip code overrides (used in this website)
✓
Lifetime free updates
✓
Use code ARROW → GET 30% OFF
* 3 sites included → Quiver of Arrows, Orbs, Truchet Tiles
One time purchase • 100% Fun • Payments via LemonSqueezy
Pricing
What is Arrow Dynamics
How do I add Arrow Dynamics to my Framer site?
What will I get on purchase?
Can I edit the code?
Can I include the component in Framer Templates / Remixes?
View all FAQs
Quiver of Arrows
Interactive animations that make creative use of Arrow Dynamics
Orbs
Interactive glass orbs built using multiple variations of Arrow Dynamics
Truchet Tiles
Seamless Truchet patterns built using the Polarizers variation
The Arrow Gallery
Creative uses of Arrow Dynamics Component
More Demos Coming Soon...
Use code ARROW → GET 30% OFF
Special Dynamics
Interactive Components
Object Controls
Precise & Smooth
Built using p5.js, Optimised for Framer;
Render in 30 / 60 / 120 fps
Lifetime Access
One-time payment for lifetime access to component updates and new variations
Layout Controls
Bring Your Framer Sites to Life with Arrow Dynamics
Experience Arrow Dynamics ✕ Framer throughout this site