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
After Shopify Editions (Winter '26) was dropped I was intrigued by one particular interaction, where you click on a key and a window pops up and adds an overlay to the whole site when looking through that particular window.
I wanted to create something similar but using webflow, which gave birth to this fun little personal project where I created a simple web experience where you can listen to and watch about 20 seconds of snippets from 3 pre-released songs of a Mixtape by my favourite local hip-hop artist.
You can try this out yourself by visiting this link: https://mamafication-the-experience.webflow.io/
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
Highly custom design of frostbyte excels in paper workflow with AI agents!
My workflow to go from a design canvas to live demo: Paper MCP + Antigravity for design exploration and Paper + Claude Code + Github for live prototype!
Live demo of frostbyte here
Social post here
I have explored various scenarios where the AI agent can help me go from concept, into design exploration and develop it into a live prototype by interacting with Paper MCP.
Frosbyte is an file compression tool that automatically detects the format of the files and makes it easy to compress and convert. (I only had time to finish the image compression tool)
I connected AI agents to perfect the initial concept and create new variations of the compression tool for images, by enhancing the UI and UX of it.
Extra accuracy for pixel perfect design, as I prompted the AI to read the annotations from paper and further develop it with the correct animations into the engaging hero section that it should become.
Paper makes it look easy. AI models can read easily and turn ideas into design ideation, read highly custom designs and turn them into a live prototype.
Additionally, AI agents were prompted to work on the responsive screens of the design on paper.
Paper + AI agents finished my concept idea 100x faster and made it into a live demo!
Try the demo here https://tryfrostbyte.com/
Modern Landing Page for HealthTech Startup Neurode (Made in Webflow)
This is top notch, Matt
We partnered with Soundcloud to design the UI and UX of their corporate website. A unified system built to handle a wide range of content, bringing consistency, clarity, and flexibility at scale.
This is solid 👏 The overall presentation is very strong.”
Trending
Runway
AI video generation is exploding. What are you dreaming up in Runway?
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?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
