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