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
Infinite grid to fullscreen animation with physics-based momentum using GSAP
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
This project was created in collaboration with Onda Studio and Gavin Portillo.
Focusing on the 3D visuals and production, including renders and motion content, and supporting the studio's overall creative direction in this matter.
This project also received a Shortlist Award of Digital Design at the 2026 CCP Festival.
Immersive parallax landing page for a wood-fired pizzeria concept , built with React, TypeScript, and Tailwind CSS.
Two scroll-driven scenes inside a sticky viewport: a curtain-reveal intro that opens into a glowing oven portal, then transitions into an arc-shaped card slider showcasing the menu. Custom scroll-linked and mouse-driven parallax across every layer, staggered entrance animations, fully responsive across mobile/tablet/desktop, no external UI libraries.
Open to building similar interactive/parallax experiences for brands, menus, and product launches.
Motion Design for Multi-Task Parallel Rendering with TOOFY(concept)🎉
My rolers:
Motion designer,Graphic designer,Prompt engineer
Referred:Contract Adv.
Design Process:
Styleboard->Storyboard->Animation making(After Effects,AI workflow,the HTML design website etc.)
Layered Mindset:
Motion layer:
To ensure the curve of motion smoothly and with natural transition
Color layer:
To select the colors needed to be used to ensure the visual Continuity and Consistency.
Structure Layer:
Ensuring Natural Visual Perspective.
Special thanks to Contra's promotional video for the inspiration of the character animation.
