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
Excited to share my personal developer portfolio website! Built to showcase my engineering projects with a focus on rich aesthetics, smooth motion design, and high performance.
Key features:
Interactive 3D Motion: Smooth, responsive GSAP animations, 3D rotating hover galleries, and fluid transitions.
Dynamic CMS: Next.js (App Router) backend paired with Supabase for real-time project management and instant synchronization.
Responsive Layouts: Premium dark mode design fully optimized for mobile devices and standard aspect ratio rendering.
Tech Stack: Next.js, React, Tailwind CSS, GSAP, Supabase, Node.js, and Vercel.
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
Nice craftings!
VI Studio — Landing Page Design for a Mixed Reality Headset Brand 🥽
We designed a bold, cinematic landing page for VI Studio — a mixed reality hardware brand positioning itself at the frontier of spatial computing, immersive vision, and real-time intelligence.
🧩 The design is built around a single powerful statement: See Beyond Reality. A dramatic full-bleed hero with a neon-lit headset and high-contrast dark palette creates an immediate sense of technological depth, while compact spec callouts keep the product grounded and credible.
Special attention was given to:
• cinematic hero composition with editorial-grade CGI product photography
• technical spec UI — 120° field of view, <8ms latency, spatial interface — surfaced cleanly without overwhelming the visual
• seamless desktop-to-mobile adaptation including a full-screen overlay navigation
• amber-orange accent system that adds warmth and energy to the dark base
• typography hierarchy that balances impact with clarity across all breakpoints
A high-voltage digital presence that makes a hardware product feel like a cultural moment — designed to capture attention, build desire, and drive early adopters to launch.
Looking to design a product landing page that matches the ambition of what you're building? Let's create something that turns heads!😊
Amazing work
most free templates are just a landing page in a trench coat. one pretty hero, a pricing section, and a dead end.
Parley is 11 real pages: workflows, pricing, contact, blog, waitlist, the 404. a whole product, not a screenshot.
free ↓ (like it on the marketplace if it's useful)
https://framer.link/MbY5cm4
Great work
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?