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
Iterating on some high-energy micro-interactions and interactive states. ⚡️
I'm building out a modern, dark-themed UI components system featuring intense neon accents, precise border gradients, and distinct interactive states (Default, Hover, Active, and Success).
The goal is to make actions feel incredibly tactile and premium without overwhelming the visual hierarchy.
Before I push this to my profile:
• How do you handle color contrast and accessibility when dealing with vibrant neon text glows on deep charcoal backgrounds?
• Do you prefer a hard, clean border or a softer, diffused drop-shadow glow for active interactive states?
Drop a critique or share your own current WIP below, let’s level up together! 👇
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
Working on a new project and can't decide which services section works better.
☀️ Light or 🌙 Dark?
59 voted
27%
157 voted
73%
216 votes
Closed
The Dark section feels more responsive.
Can you guess which design the client finalized? 👀
This concept was created for a baby care app designed to help parents and caregivers track and support their child's early growth and development. 🍼
The only difference here is the navigation bar. Which one do you think the client picked? 👇
62 voted
60%
41 voted
40%
103 votes
Closed
for the design option 1 much better but the developer hated this. LOL
Pulseroom — Designing a Social Space That Feels Alive
Built with Google Stitch
When I saw the challenge theme, "Build interfaces that feel alive," I knew I didn't want to create another dashboard, landing page, or e-commerce experience.
I wanted to explore something much more ambitious:
What if an interface behaved like a living organism?
What if emotions weren't hidden behind profile pictures and text posts, but became visible, interactive, and shared in real time?
That idea became Pulseroom.
Pulseroom is a motion-rich emotional ecosystem where users enter shared spaces, express how they feel, and collectively shape living generative worlds together. Instead of scrolling through content, people participate in environments that continuously evolve based on the emotional energy of everyone inside.
The entire experience is designed to blur the line between interface, artwork, and social connection.
What I Built
Pulseroom is a next-generation social experience built around emotional presence.
Users select a mood and immediately influence the visual atmosphere of the room. Every interaction becomes part of a living canvas powered by motion, shaders, AI-driven behaviors, and collaborative generative art.
Core experiences include:
• Live emotional rooms where user moods shape the environment
• Fluid generative art canvases that evolve continuously
• Aura, an AI companion that understands room energy and suggests environmental shifts
• AI-powered avatar generation designed around emotional identity
• Mood analytics and emotional history visualization
• Real-time Pulse interactions that create ripples across the entire room
• Dynamic room discovery based on emotional states
• Saved Moments that capture unique pieces of collaborative art
Rather than designing screens, I designed an ecosystem.
Every screen responds to the same emotional language, making the entire product feel connected and alive.
How Google Stitch Became My Creative Engine
This project would have been extremely difficult to prototype traditionally because almost every interaction depends on motion, atmosphere, and visual feedback.
Google Stitch became the core creative tool throughout the entire workflow.
Creating a Living Design System
Before generating screens, I created a detailed design framework for Pulseroom.
The system included:
• Emotional color mapping
• Dynamic glow systems
• Glassmorphism architecture
• Motion behaviors
• Particle systems
• Shader-inspired visual rules
• Interaction feedback patterns
Once uploaded into Stitch, the consistency was impressive.
Every generation already understood the visual language of Pulseroom, which allowed me to focus on ideas instead of constantly correcting design drift.
Streaming Generations Directly to Canvas
The streaming generation feature completely changed the way I explored ideas.
Watching environments appear in real time felt less like prompting an AI and more like collaborating with a designer.
Instead of generating isolated screens and waiting for results, I could immediately react to what Stitch was building and push concepts further.
For a project built around living interfaces, this workflow felt incredibly natural.
In-Place AI Editing
Most of Pulseroom's best ideas emerged through iterative in-place editing.
I refined:
• Live Room interactions
• Aura AI experiences
• Collective Canvas behavior
• Emotional profile systems
• Discovery mechanics
• Motion-heavy interface components
The ability to point at an existing section and evolve it directly inside the canvas made experimentation dramatically faster.
Motion, Shaders, and Interactive Behaviors
This is where Stitch surprised me most.
Pulseroom depends heavily on motion.
Floating particles.
Animated pulse effects.
Living backgrounds.
Mood-responsive color systems.
Shader-inspired visual environments.
Aura energy effects.
Interactive generative art.
Being able to prototype motion-rich experiences directly inside Stitch made the concept feel real much earlier in the design process.
Instead of treating animation as a finishing touch, motion became part of the product from the beginning.
From Concept to Working Experience
One of my goals was to move beyond static mockups and create something people could actually explore.
Using Stitch's workflow alongside modern deployment tools allowed me to quickly move from concept to a live interactive experience while maintaining the same design language across the entire project.
What Makes Pulseroom Different
Most social products are built around content.
Pulseroom is built around emotional presence.
The room itself becomes the conversation.
The atmosphere becomes the interface.
The artwork becomes the memory.
Every pulse, every mood, every interaction contributes to a shared visual world that no single user controls.
The result feels less like using an app and more like entering a living digital environment.
Feedback on Google Stitch
The biggest strength of Stitch is how quickly it turns imagination into something tangible.
Three things stood out most:
Streaming generations made exploration feel collaborative instead of transactional.
In-place AI edits dramatically reduced iteration time.
Motion-first prototyping allowed me to design experiences rather than static screens.
What impressed me most was how naturally Stitch handled a highly experimental concept.
Pulseroom isn't a traditional app. It's a complex emotional ecosystem with generative visuals, AI-driven interactions, and motion-heavy interfaces.
Even with that complexity, Stitch remained fast, flexible, and surprisingly consistent.
Final Thoughts
Pulseroom began as a question:
Can technology create a social experience that feels more human, more emotional, and more alive?
Google Stitch gave me the ability to explore that question far faster than traditional workflows would have allowed.
The result is Pulseroom — a living emotional ecosystem where interfaces breathe, emotions become visible, and people create shared worlds together.
Live Project:
https://pulsroom.vercel.app/
APK Download:
https://pulsroom.vercel.app/apks/app-debug.apk
Stitch Project:
https://stitch.withgoogle.com/projects/12434356365707266796
#GoogleStitch #BuildWithStitch #UIUX #MotionDesign #ProductDesign #CreativeCoding #GenerativeArt #ArtificialIntelligence #UXDesign #MobileApp
Unbelievable Concept Sir 👍
Challenges
View all
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?