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
High-End Webflow-Style Animation Built with HTML, CSS & GSAP
I redesigned and engineered a high-fidelity animated website experience inspired by modern Webflow interactions, but built entirely with custom code using HTML, CSS, and GSAP.
Live demo: https://codepen.io/Akinbobola-Trust-Ifemayowa/pen/MYeMzLw via CodePen
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
If websites came with a care label, what would yours say? 🤔
I've been thinking about how micrographics, those small labels usually found on packaging or clothing tags, could translate to the web.
As web designers and developers, we know there is *so* much invisible thinking behind a site: structure, performance, accessibility, content systems… and we rarely see it. 👀
As builders, we think about these things constantly, but users rarely see them. Maybe there’s value in making the craft more legible.
What do you guys think? 💭
This is such a fun concept. The care label idea makes all that invisible work visible in a really clever way. "Reduced motion safe" and "92 Lighthouse" on a tag would tell you so much about how thoughtfully a site was built. Would love to see this become a real thing designers actually share with clients.
A build I was subcontracted for in 2024: translating a Photoshop design into a working Webflow site.
Our only roadblock was the client's indecision. While working to nail down the interaction design, they decided to rebrand, which changed the project scope.
Fantastic work, do you plan the final animation to be morphing every few seconds or are you just testing which variant works better?
I am all in for variant 6.
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
aivideo
AI video tools are moving at warp speed. What tools are you using?
whennotai
As AI accelerates, creative judgment matters more. What part of your work stays human?