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
Just shipped TheForge β a Framer template for MMA, boxing and combat sports gyms π₯
Scroll-scrubbed hero video, a before/after slider that shows 6 months of training in one drag, pinned discipline journey, and a booking modal that actually converts.
Live demo β https://getforged.framer.website
β’ 21h
The scroll-scrubbed hero video and pinned discipline timeline give this a super high-energy feel. π
Thank you, Ilya! Much appreciate you liked the idea π
The six-month before-and-after slider is such a fitting interaction for a gym template. Which section has driven the strongest response from people testing the live demo?
Thank you, Maty! The hero section and scroll effect of a videoπ
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
A closer look at Sunbeam, the project that started our Framer template series.
The template includes 15 responsive pages, five dedicated product pages, pricing, CMS-powered blog and case studies and custom illustrations
What took the most time was making all of those pieces feel like one believable software product instead of a collection of unrelated layouts.
Sunbeam is available now through Startfrom:
Bold colour choices and yeet you made them work together! Love it.
In 2026, great design is about more than looking good. The real challenge is creating something that stands out in a world where AI can generate polished layouts in seconds.
Strong UX and structure are the foundation, but the details make the difference: bold typography, unique compositions, subtle accents, and thoughtful visual rhythm.
For these two hero sections, we explored two different directions. Version 1 is clean and typography-driven, while Version 2 adds supporting cards and decorative elements for more depth and personality.
Which one do you prefer: 1 or 2?
22 voted
31%
48 voted
69%
70 votes
Closed
2 is soo cool
a few animated header visuals i rebuilt directly in Framer
the goal was simple
keep them lightweight and avoid slowing down the website
This is so fun!!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
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?