Revolutionize Web Design with AI-Powered Motion Animations

Revolutionize Web Design with AI-Powered Motion AnimationsRevolutionize Web Design with AI-Powered Motion Animations

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Lucas Salvador

• Apr 6

Hey everyone, new here! 👋

I'm just getting started but already building a lot — combining real business experience with advanced AI prompt engineering.

These motion animations were all built by me using advanced prompt engineering. No manual code. Just creative vision and knowing exactly what to ask.

What's running here:

→ Scroll-based video scrubbing — the product rotates frame by frame as you scroll, just like Apple does it

→ GSAP ScrollTrigger — every element enters and exits precisely synced to scroll position

→ Lenis smooth scroll — that buttery inertia feeling you notice but can't explain

→ Flashlight cursor effect — a radial gradient follows your mouse in real time

→ Magnetic buttons — elements pull toward the cursor with elastic return

→ Native WebGL 2.0 particles — 350 particles rendered directly on the GPU with custom shaders

These animations will soon be part of a full website I'll be presenting here in the next few days. 🚀

Stay tuned.

#gsap #motiondesign #webanimation #creativedevelopment #scrolltrigger #webgl #animation #frontenddevelopment

Celia Sofia

max

• Apr 6

Welcome to Contra, Lucas 🙌

Shukrullo Nabiev

• Apr 6

Welcome to Contra!

Taras Oliinyk

pro

• Apr 6

Stunning!

Thiago Patriota

• Apr 7

Welcome Lucas!!

Miguel Queirós

max

• Nov 3

Brand work for Boofi, DeFi platform

We are working on visual direction, motion and animations

Brand Design Claude Motion Design Brand Strategy Figma

Daniela Galicia

• 2d

So cute! Love it!

Toqir Chatha

pro

• Nov 3

New showreel. Product sites, complex interactions, GSAP animation and Spline 3D, built in Webflow.

Webflow Premium Partner. Awwwards Young Jury 2025 and 2026.

Open for new projects, white label for studios or direct with founders.

Webflow GSAP 2026

Senad Šećerović

pro

• Nov 5

Spline 3D plus GSAP inside Webflow without the site feeling heavy is no small thing. The product interactions in this reel are really clean, Toqir.

Alireza Sinaei

pro

• Nov 3

This Framer Page Load is made by me recently. 🚀 The page effect of Framer took shape in just 5 Steps! i've tried to build this without any components, so I only set up the animations and loadings ⚡️ Check the replies for the rest of the tutorial.