I was heads-down delivering a bilingual corporate website
for a client in Tokyo — custom GSAP animations, scroll-driven
choreography, canvas effects, EN/JP language switching,
and cross-browser optimization down to the last pixel.
First real client delivery. Shipped it. Got it done.
But while building that, I kept running into the same problem —
there's no single place that shows every type of web animation
side by side.
So I built one.
KINETIC — a free interactive encyclopedia of 70+ web animation
effects. GSAP, Three.js, CSS keyframes, scroll animations,
WebGL shaders — all in one page with live demos.
A thin lime circle tells you which two words this page is about.
The headline sits over a sunset photo of a panel field. The "Get started" and "Explore innovations" buttons share the circle's lime, so the eye moves from the circled words straight to the next step.
Large faded capitals repeat those two words across the sky, faint enough to stay inside the photo. On mobile they break onto two lines, and the headline and button stack above two frosted cards.
Only two words of "Solar Energy for Your Home and Business" are lime, and the whole page follows them.
Which brand showreel preview design would you choose - Silver & Ropes or Purple Stones? ⚡
Lynksen is cooking something fire...
and we need your expert eyes on this one 🔥😎
Vote and tell why! 👇