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
Drop 02 of the Premium UI Factory is live.
Three new components, three different design philosophies — each one built to feel physical, not just functional.
Swipe Card Stack (Neobrutalism)
Drag-to-approve task cards with velocity detection and spring physics. Raw thick borders, hard offset shadows. The kind of UI that feels satisfying to interact with.
Try out ---> https://ui-factory-zeta.vercel.app/card-swipe
Command Palette (Dark Luxury)
⌘K spotlight with staggered entry animations, full keyboard nav, and a gold selection indicator that slides between items. Near-black glass. Electric gold accent. Press a key, feel in control.
Try out ---> https://ui-factory-zeta.vercel.app/command-palette
Onboarding Stepper (Aurora Morphism)
Aurora blobs shift color as you progress through steps. Frosted glass card floats above the glow. Spring-driven transitions between steps.
Every component in this series gets a different design philosophy — no two consecutive builds share an aesthetic. Claymorphism → Neobrutalism → Dark Luxury → Aurora Morphism.
Built with React 19, Next.js 15, and motion/react. Zero CSS animations — every interaction is physics-driven.
#ReactJS #UIDesign #Frontend #MotionDesign #WebDevelopment #DesignEngineer #OpenSource
The command palette is the strongest of the three. The moving gold indicator makes it easy to see where the keyboard has taken you; I'd also check that people can still follow it with the animation turned down.
Thank you so much Eric for your feedback. I will probably add slider for the intensity of the animation.
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
Remember our Coinnexion crypto product? 📊⚡️
We took the core interface elements in two distinct styles. Which execution delivers the best experience for tracking assets on the move? Curious your thoughts 🤔
26 voted
68%
12 voted
32%
38 votes
Closed
I built a 100% real Louvre Museum Guide App (audio guides, walking directions, 4 languages, and photo capture to create your own memory album), based on the museum’s official open-source PDF:
www.louvre-flowstep.ai/pdf
All images were carefully handpicked.
Live app: https://louvre-flowstep.ai/
Flowstep link: https://app.flowstep.ai/louvre
The idea behind the app:
For this challenge, I didn’t want to build just another app. I wanted to solve a real problem. I live in France, and I wanted to bring real value to visitors of the Louvre Museum in Paris by helping them discover every must-see masterpiece, understand the art, and know exactly where to go next.
Wow! That rly good idea 😍
Meshup: my first shipped app
I built Meshup because I could never find a mesh gradient tool with real depth of control that didn't come with a price tag, so I made the one I actually wanted: full color and position control, grain and texture, palette randomization, color extraction from images, and clean PNG/SVG export.
It's free, and it will stay free.
This is my first app ever, and I'm sharing it here because I'd genuinely value feedback from other independent designers and builders. What works, what's missing, and what you'd want next.
Try it: https://nomidesigns.com/meshup/
Vibe coding your way to color extraction from images plus clean SVG export is a lot of scope for a first shipped app. What was the one feature that ended up taking way longer than you expected?