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
RANGOLI - Where Movement Becomes Culture
RANGOLI is an interactive web experience inspired by the traditional Indian art form. As the user moves their cursor, a living Rangoli forms in real time, turning human motion into generative cultural expression.
Each movement creates a unique, unrepeatable pattern, making the user a creator. This project explores a new interaction paradigm where the interface collaborates with human presence instead of just responding to input.
Built using Figma Make for #FigmaMakeathon.
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
Real product interactions beat recorded demo videos for first impression.
Built this interactive hero section for brillo.so that lets you interact with the product directly.
Imagination Portfolio
Project Links
Live Website: Website
Project Workflow / Development Process: Google Stitch
X Post: X/Twitter
Short Description
Imagination Portfolio is an interactive portfolio website designed to showcase creativity through visual storytelling, motion, and immersive design.
The project consists of four main pages:
Home
About Me
Social
Gallery
Rather than creating a traditional portfolio, I wanted the website itself to become part of the creative experience. Each page uses custom visuals, animations, motion effects, and interactive elements to make the portfolio feel alive while maintaining a consistent visual identity throughout the project.
How I Used Stitch
I started by connecting to the Stitch MCP feature and creating the four core pages of the portfolio: Home, About Me, Social, and Gallery.
Using MCP, I imported a custom design.md file into each page to establish the overall structure, visual direction, and content requirements. From there, I iterated directly within Stitch Canvas, using both Stitch and MCP together throughout the development process.
The workflow included:
Importing design specifications through MCP
Generating layouts and page structures
Creating and refining visual assets
Adding custom backgrounds and environmental elements
Iterating through prompt-based edits
Refining page layouts and visual consistency
Implementing animations and motion effects
Enhancing interactions directly inside the canvas
Everything was built and refined through Stitch Canvas and MCP until the final experience was complete.
Advanced Motion & Interactive Features
To make the portfolio feel alive, I incorporated:
Animated page transitions
Motion-based visual effects
Interactive hover behaviors
Dynamic visual elements
Custom animated backgrounds
Smooth scrolling and section reveals
These features helped transform the portfolio from a static website into a more engaging and immersive experience.
Feedback on Stitch
My overall experience with Stitch was very positive.
The combination of Stitch Canvas and MCP creates a powerful workflow that makes it possible to move from an idea to a polished interactive experience much faster than traditional methods. The ability to generate, edit, iterate, and refine directly within the canvas significantly improves the creative process.
The only challenge I encountered was during the export and deployment stage. For more complex projects, it can be difficult to ensure that everything generated within the canvas works exactly the same once the project is made live.
One improvement I would love to see is the ability for Stitch to automatically generate and organize a complete project structure during export, such as creating separate HTML files and a more organized folder structure. This would make deployment smoother and help ensure that all generated features continue working correctly after going live.
Overall, Stitch combined with MCP feels incredibly close to a complete end-to-end creative workflow and has been one of the most enjoyable AI-assisted design experiences I have used.
Couple of weeks ago, I started learning Readymag.
I went through the platform, explored existing projects, and followed a few tutorials to understand how it works. I then tried to recreate one of my previous Figma designs to test my understanding.
It was challenging at first and took some adjustment coming from a more structured design tool.
Over the past few weeks, I’ve become more comfortable with it and started to understand how flexible it can be for building interactive layouts.
This is my first design. It’s not perfect, but it reflects the beginning of my learning process on the platform.
I’ll be sharing more as I continue to explore and improve.
Love the attention to detail here. The final result looks incredibly refined.
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?
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?