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
Experimenting with scroll-controlled video inside a website, this time as a small concept for a smart home platform website.
The main idea is to show temperature changes through different states of water. In the cold state, it starts as a snowflake, then gradually turns into a water drop, and finally into steam. At the same time, the thermostat value changes on scroll, making the interface part of the transformation.
In the background, there’s a scroll-controlled video: instead of playing automatically, it responds to the user’s scrolling and becomes part of the navigation. Build in Framer.
Great work.
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
3 Figma Make hacks you wish you knew sooner! 🔥
👉 Keep these in mind when working on your project for Config Makeathon. 7 days left to submit your prototype!
Thank you, very helpful tips
- 1 decision made based on gut feelings rather than evidence.
- 1 decision driven by personal opinion — "I'm the CEO, and I think this is better."
- 1 team debating which option is better without any supporting data.
- >1 platform filled with distractions, making it difficult to focus on creating or participating in A/B tests.
- >1 person struggling to make an everyday decision — for example, choosing which mouse is better.
- 1 version that could have performed better, but was never tested.
,...
------------
🚀 Maybe you're right. Maybe I'm right. Let's find out.
🔥 How it works
- Creating a test costs 500 Gold.
- You earn Gold by voting on other people's tests.
- The system encourages everyone to contribute value back to the community before asking for feedback.
- Once a test is created, you can revisit it anytime, copy the link, and share it with friends, teammates, clients, or anyone whose opinion matters.
- Get fast, clear insights that help you make decisions without digging through endless discussions.
- Track your ranking and see where you stand within the community.
🔥 AI-Powered Features
- Generate and structure A/B tests faster with AI assistance.
- Automatically summarize community comments and feedback.
- Unlock deeper AI-powered analysis to understand not just what won, but why it won.
👍 Use Cases
- Which UI is better?
- Which landing page converts better?
- Which logo should I choose?
- Which product idea has more potential?
- Which mouse should I buy?
- What should I wear today?
From product decisions to everyday choices, A/B Battle helps turn uncertainty into confidence.
Spend less time overthinking.
Make decisions faster.
Have a better day with mAyBe!!!
- Discover it yourself : https://steep-odd-85537659.figma.site/
- 255 versions in Figma make: https://www.figma.com/make/8iwith7uVSU9iiSeIY3weC/mAyBe?t=uowgHgbDZU4tUyGt-1
- by MAX.terpiece -
I like your creativity
Stat section for Norvik, A Real estate website i just finished working on
Need a landing page in Framer? send a DM or Let's create together here : https://calendly.com/book-a-15mins-call/theframerdude
This is cool brr One of the best design have seen so far today... Keep up the great work
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?