With Version 2, we rebuilt the entire UI system. We also introduced Node Mode as a new workflow.With Version 2, we rebuilt the entire UI system. We also introduced Node Mode as a new workflow.
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
Designing a fragrance website with 2 sections that feels as premium as the product.
Built a fragrance experience where the product takes center stage.
I wanted the website to feel as refined as the fragrances themselves minimal layout, strong typography, immersive product visuals, and subtle interactions that make exploring each scent feel premium.
The goal wasn’t to fill the page with elements, but to give every product enough space to create its own presence.
Built with Next.js, with a focus on responsive design, smooth interactions, and a polished browsing experience.
The product imagery is doing most of the work here. Did you use art-directed mobile crops, or keep one image with a different object position? That can preserve label detail without loading the full desktop asset.
Love this stack Alona! React Bits + Lovable is such a powerful combo for rapid prototyping. No-code/low-code but still keeping that custom UIX feel - that's the sweet spot! Have to try this cool stuff indeed. Great share! 👍
A scroll animation that shows QuoteKit working. A messy client email is read, the small talk gets crossed out, and each request turns into a line of a fixed-price proposal. Built with GSAP and ScrollTrigger in React.