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
My Weekly Frontend Review ⚡
This week I designed and developed a collection of modern SaaS-focused web components using Next.js, React.js, HTML, and CSS.
The showcase includes:
• Expandable segmented controls with dynamic social actions
• Interactive fintech dashboard widgets with gamified UX
• Stateful micro-interaction buttons
• Real-time status pickers for collaborative workflows
• Clean contextual dropdown systems for productivity platforms
My focus is building frontend experiences that are not only visually polished but also highly functional, scalable, and conversion-focused.
—————————
I specialize in UI development, landing pages, dashboards & pixel-perfect frontend.
If you need a frontend developer partner to bring your next project to life → Then let’s hop on a call 🎧.
#buildinpublic #css #web #saas #html #reactjs #nextjs #webdev #frontend #coding #programming #websites #website #landingpage #landingpages #dashboard #dashboards #producthunt #ui #uicomponents #webcomponents #ux #indiehackers #animations #microinteractions #webdevelopment #frontend #frontenddevelopment #founders #startups #ceo #entrepreneur #project
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
Neon Flow — A Smooth UI Motion Component for Modern Interfaces.
Lately I’ve been exploring how motion can make interfaces feel more “alive” without becoming distracting.
So I built this Neon Flow component — a minimal animated UI element with smooth transitions and soft neon aesthetics.
What I enjoyed most while building it:
- balancing glow without overdoing it
- keeping performance smooth
- making the animation feel natural instead of flashy
I genuinely think modern UI is shifting toward subtle interaction design rather than heavy animation.
Where do you think components like this fit best — SaaS products, portfolios, or creative websites?
This animation looks futuristic 🔥 though it's a kinda laggy still. I think it fits into creative websites best. Where'd you design it?
Creating clean, modern, and interactive web experiences with a strong focus on UI/UX, smooth interactions, and visual simplicity.
I love designing minimal yet engaging layouts that help brands, startups, and creative teams stand out online.
Working with a Webflow-oriented approach — building scalable, responsive, and aesthetically balanced websites for landing pages, portfolios, and corporate platforms.
Always open to exciting Web Design & Webflow projects ✨
Excellent 💯
Premium frontend development is about more than visuals — it’s about shaping perception through interaction.
This “Private Chat” CTA component was designed for SaaS platforms and startup products that want to create trust instantly. The interaction begins with a locked chat bubble that communicates privacy and security. As the user hovers, the icon smoothly transforms into a smiling conversation bubble.
That subtle motion creates a psychological transition from “secure” to “welcoming,” reducing friction and encouraging engagement.
The component was built using a modern frontend stack:
• Next.js
• React
• CSS
This type of UI craftsmanship helps products feel more premium, interactive, and conversion-focused — exactly the experience modern SaaS users expect.
—————————
I specialize in UI development, landing pages, dashboards & pixel-perfect frontend.
If you need a frontend developer partner to bring your next project to life → Then let’s hop on a call 🎧.
#buildinpublic #css #web #saas #html #reactjs #nextjs #webdev #frontend #coding #programming #websites #website #landingpage #landingpages #dashboard #dashboards #producthunt #ui #uicomponents #webcomponents #ux #indiehackers #animations #microinteractions #webdevelopment #frontend #frontenddevelopment #founders #startups #ceo #entrepreneur #project
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?