SIX EFFECTS · ALL THE LINKS

6 Website Animations
— all the links

Every effect from the post, with a free option first and a premium one alongside it. Most are Framer components you can copy straight into your site.

01—06 / COMPONENT INDEXFREE + PAID LINKS

Hover Effects

Stacked cards that fan out and lift on hover.

Card Stack RevealNostromo Studio · FramerFree↗Spread CardsAidan Looker · Framer$7↗

Smooth Loader

A branded intro screen while the page loads.

Prelude LoaderTeri Jacobs · FramerFree↗Editorial PreloaderSoyeb · Framer$9↗

3D Motion

An interactive particle sphere you can scroll and drag.

Particle Sphere (remix)Framer UniversityFree↗Particle SphereGunnar Gray · Framer$5↗

Entrance Reveal

A pixel-grid reveal that uncovers an image or video.

Pixel Image RevealFramer UniversityFree↗Pixel Decode (Pixel Reveal)Prem Shandilya · Framer$12↗

Micro Interaction

Small button motions that react to a hover.

Magnet ButtonGazi Efe · FramerFree↗Hover Pulse ButtonAzardam Studio · FramerFree↗

Parallax Effect

Layers that move at different speeds as you scroll.

Insane Parallax Animation (remix)Framer UniversityFree↗Layered Parallax CTADmitry Vorobey · Framer$6↗

MORE MOTION FOR YOUR NEXT BUILD

Bonus effects ✦

A few extra references for loaders, text and image reveals, and layered movement.

NeoCultural CoutureThe site from the cover — for inspirationWebflow↗Card FanScroll-triggered card fanFree↗Custom Loaders Pro10 loader styles in one$2↗Text Reveal EffectWords reveal on scrollFree↗Text Mask AnimationMasked headline revealFree↗Text Decrypt ScrollScrambled text decodes on scrollFree↗Pixel Image LoadPixelated image loading effectFree↗Pixel Reveal ProGrid pixel reveal on scroll$2↗

These links point to work by independent creators. They are not my products, and I don’t earn from them. Prices shown in the source list were checked in November 2026 and may change; confirm the current price on each marketplace.