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
I developed this interactive Webflow website using custom JavaScript, Matter.js, and GSAP to create an engaging, animation-rich user experience.
The project combines modern web design with advanced motion effects, interactive elements, and smooth scrolling animations to deliver a visually distinctive digital experience.
Key Features & Technologies:
Webflow Development: Built and structured the website in Webflow with responsive layouts and reusable components.
GSAP Animations: Implemented smooth transitions, scroll-triggered animations, and dynamic visual effects.
Matter.js Physics: Integrated physics-based interactions to bring dynamic elements to life.
Custom JavaScript: Developed custom interactions and animation logic beyond Webflow's native capabilities.
Responsive Design: Optimized the experience for different screen sizes and devices.
Interactive User Experience: Combined animation, motion, and functionality to create a more engaging browsing experience.
Tech Stack: Webflow, JavaScript, GSAP, Matter.js, HTML, CSS.
Live Project: https://swellydesign-116bb3.webflow.io/home-copy
Matter.js inside Webflow is a fun combo, physics interactions always grab attention. Curious how you handled performance on mobile with GSAP and physics running together.
Thanks! The client specifically wanted the collision effect to work only on desktop and tablet, so I disabled the Matter.js physics interactions on mobile. This keeps the mobile experience lightweight and smooth while preserving the full interactive experience on larger screens.
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
Related posts
Bold Illustrations make an instant impact
See full case study here for the branding evolution and website redesign for a B2B SaaS startup!
I loved these colours. Looking Stunning 😍
A strong service business needs a website that builds trust in seconds.
Just wrapped up this Webflow project for Aquila Electrical, designed to make a wide range of electrical services feel simple to explore for homeowners, commercial clients, and industrial customers.
I focused on clear service pathways, strong project showcases, responsive layouts, trust signals, and a straightforward quote journey that helps visitors move from “I need an electrician” to taking action.
Curious to hear your thoughts, does the website feel clear and trustworthy enough for a service business like this?
#Webflow #WebDesign #UIDesign #UXDesign #WebDevelopment #ElectricianWebsite #LocalBusiness #ServiceBusiness #ResponsiveDesign #PortfolioProject #Contra
Simple, refined, and very well executed.
Stunning