Different directions.
Looks. Motion. Possibilities.
Browse website styles and animated interactions. Compare a look, try a scrolling effect, and find the details you want in your own site.
Jump to scrolling & cursor effects ↓
Field Notes
EditorialWarm / quiet
Soft reveal · editorial cover
Offscript
CreativeBold / energetic
Moving type · magnetic buttons
Forma
ShopClean / tactile
Product cover · hover lift
Orbit
TechnologyDark / futuristic
Dashboard reveal · gradient cover
Stillwater
HospitalityImmersive / refined
Full-screen cover · scroll reveals
Index Studio
PortfolioMinimal / artful
Project grid · cursor ring
Don’t just pick a look. Try the movement.
The cards play a miniature preview. Open one, then scroll or move your pointer to control the effect yourself.
Layered parallax
Scroll effectDepth / layers moving at different speeds
Horizontal journey
Scroll effectScroll down / travel sideways
Stacked cards
Scroll effectPinned panels / one story at a time
Typography reveal
Scroll effectWords / revealed as you scroll
Cinematic zoom
Scroll effectFull-cover image / expands into view
Scroll-driven rotation
Scroll effectObject / turns with your scrolling
Cursor spotlight
Cursor effectMove your pointer / light follows you
Magnetic interaction
Cursor effectHover the buttons / they follow your pointer