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
Atlas — visual product-map interface for codebases
React, Vite, TypeScript, Tailwind CSS, Zustand, React Flow, pdf-lib Live · GitHub
• Built a client-side tool that turns a GitHub repo into an interactive product graph (features, pages, APIs, services, data, external dependencies), with node selection, flow tracing, and complexity/history views via React Flow.
• Added a GitHub-import flow that fetches repository metadata and analyzes structure in-browser, a JSON graph upload path, and a client-side PDF export (pdf-lib) with no backend or database required
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
Sonder One: product site for a repairable headphone
Sonder One is a headphone built to be taken apart, so this site shows it that way. As you scroll, the headphone comes apart piece by piece, from the finished pair down to its six parts, with each part labelled as it separates.
The site responds to the mouse throughout. The custom cursor holds a small sound wave that grows as you move faster. Headlines are made of soap bubbles that float up under the cursor. Guide boxes with live coordinates follow the pointer, and product photos tilt and catch the light as you pass over them.
There are three pages: Object, Anatomy and Specifications, with smooth transitions between them and a reserve form on the last page. A light and dark mode lets you view the product in chalk white or graphite.
Built with React, GSAP ScrollTrigger, Lenis, Three.js and Vite.
Good work!
Solar Lamp Website
A solar lamp is a simple product to understand.
The website shouldn't make it complicated.
For this project, we designed a complete product experience that combines strong visual storytelling with clear product information and intuitive navigation.
The visual direction uses warm imagery, clean typography and generous spacing to create a modern website that feels connected to the product's natural and sustainable qualities.
The experience is structured around the questions a potential customer naturally has:
What is the product?
How does it work?
Why is it useful?
What makes it worth choosing?
That keeps the website focused on both brand presentation and product discovery.
Services: Product Website Design · UI/UX Design · Sustainable Web Design · Responsive Web Design · Web Development
Designed by WaxyWeb.
Have a product that needs a stronger digital experience?
Excellent job!
I’m currently working on a modern e-commerce website for a fashion company. The project focuses on creating a visually appealing and responsive online store where customers can easily browse products, view product details, and enjoy a smooth shopping experience. I’m also working on the overall user experience, clean interface, product presentation, and essential e-commerce functionality to help the brand establish a strong online presence.
