An Interaction Library
By Caleb Raney
Okay, what's the deal?
What is this?
This is a Javascript based interaction library written and developed by Caleb Raney. It is built for Webflow and harmoniously blends ease of use from clients while also maintaining global control and customization from your developer.
For javascript implemention on your existing site reach out to Caleb Raney
ix in use
The Stats
17
re-usable solutions
25
+
sites utilizing these solutions
96
Google lighthouse score
(built for performance)
Two interlocking pieces
JAvascript + Attributes
All of the logic of the interactions are built with javascript while the implementation is controlled with data attributes for a harmonious blend of global control with component based options and customization.
Attribute Name
Value
Default
Javascript
Global Updates
Update all load or scrollin interactions at once to keep the entire sites motion identity consistent
Completely Modular
Only use the interactions you need on any given site without extra blot.
Accessibility First
Respects user preferences like prefers reduced motion.
Customizable
Update interactions like scroll in and load to match your brands visual identity
Attribute Name
Value
Default
Attributes
Easy Implementation
Most solutions don't involve more than two layers of html and little to no CSS setup
Update within components
Turn interactions on or off in specific sections or components
Build mode compatible
Bind attributes to component properties for build mode updates.
Clear organization
Keep Interactivity seperate from CSS classes for less confusion.
Solutions
The Library
accordion
click-active
count-up
cursor
hover-active
load
loop
marquee
modal
mouse-over
page-transition
parallax
scroll-in
scrolling
tabs-autoplay
text-scrub
