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
🚀 Weekly Review: High-Fidelity Frontend Components Built with Next.js & React
This week I focused on creating production-ready web components that combine strong UX principles, responsive layouts, accessibility, and polished micro-interactions.
Featured work includes an interactive espresso configurator with dynamic visual states, a sustainability calculator that performs real-time carbon offset calculations, a delivery status tracker with timeline progression, a real estate booking card with engaging interaction states, and a GitHub OAuth authorization modal designed for trust and clarity.
Every component was built with scalability, responsiveness, and user engagement in mind. My goal is not simply creating attractive interfaces but developing experiences that help businesses improve conversions, retention, and usability.
I help SaaS founders, startups, agencies, and businesses build:
• Custom Web Applications
• SaaS Dashboards
• Internal Tools
• E-commerce Experiences
• Startup MVPs
• Responsive Websites
• Design-to-Code Implementations
—————————
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
With Norvo mostly built and moving into testing beta testing. Its was time to start on the website and marketing assets.
This always takes more time than people think. I always position the product before I even build the platform, then throughout development, I let that positioning refine and become clearer, so when it's time to design assets, I know exactly where to start.
GTM when there are already established competitors in that space makes life much easier. As a user of other products, I know the limitations and missed opportunities, I can improve my stack to be more efficient and better value, even cheaper. I can focus on those differentiators and explore new ways of connecting to Framer from onboarding, all the way through the product.
🥕 We still have a few seats left for testers, so if you are a Framer designer for client work or templates and want a free lifetime account to help us test, let me know below 😊
Looks awesome! I tried to view the home page but after Googling, link I clicked took me to: https://dashboard.norvo.app/sign-in and unfortunately it doesn't look possible to view a homepage without signing up or am I missing something ;)
dashboard.norvo.app
Norvo — The SaaS engine for Framer
Norvo is the SaaS engine for Framer designers — add authentication, billing, gated content, and user management to any Framer site without writing backend code.
Timewell is a consumer platform where customers build hardbound photo books, record voice stories attached to individual photos, and then scan unique QR codes printed inside the book to listen back - reliably, years later. I architected and built the full stack: the QR generation and resolution system that maps each code to a specific page and user, the media upload pipeline for audio and images, the admin dashboard for order and content management, and the public-facing mobile experience optimized for a cold-open scan (no app install, instant load).
This is Timewell Books (QR-linked voice photobook platform)
Project Name: VertiCare
Tagline: A premium exterior service interface brought to life with Google Stitch.
Description:
VertiCare is an ultra-premium exterior maintenance and arboriculture landing page concept designed for the Bordeaux region. Starting with a static Tailwind CSS codebase, I leveraged Google Stitch's in-place AI editing capabilities to rapidly transform a flat layout into a living, high-converting prototype.
Key features built during the hackathon include:
Interactive Hero: A dynamic fluid canvas background that reacts smoothly to cursor movements.
Engagement Boosters: Modern 3D tilt effects on service cards to enhance visual feedback.
Functional Embeds: A fully interactive Leaflet.js & OpenStreetMap zone map centered on Bordeaux, complete with customized styling.
Conversion Anchors: Micro-animated floating widgets for instant contact (WhatsApp and a pulsing AI Assistant button) alongside an upgraded, premium footer featuring institutional trust markers like Garantie Décennale.
Stitch perfectly bridged the gap between static code and an immersive, premium user experience in just minutes.
Tech Stack: Google Stitch, Tailwind CSS, Leaflet.js, OpenStreetMap, HTML5, JavaScript.
Looked at this three times already and it gets better each time.
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?