Add Product Variant β Modal UI βοΈ
Part of the Product Management Dashboard series β this modal allows users to quickly add and organize product variants like color and size.
Designed for clarity, scalability, and ease of editing.
- Built with Next.js + shadcn/ui + Tailwind CSS
1
194
Product Detail βοΈ
Focusing on managing individual product data in a structured, human-friendly way.
Keep things simple but functional:
β’ Consistent typography and spacing
β’ Clear inventory & shipping sections
β’ Light, nature-inspired background to keep the dashboard visually calm πΏ
βοΈ Next.js Β· shadcn/ui Β· Tailwind CSS
0
159
Product Dashboard β Refreshing Admin UI
π‘ Key focuses:
β’ Visual hierarchy for quick scanning
β’ Consistent padding and typography
β’ Status-based color cues for stock levels
βοΈ Built with Next.js Β· shadcn/ui Β· Tailwind CSS
π¨ Designed in Figma
2
0
165
Playing around with navbar & subbar interactions π
Windsurf + Framer Motion
0
82
Product Management Dashboard
A clean and modern admin interface for managing products, categories, and suppliers.
Tech stack: Next.js Β· React Β· shadcn/ui Β· Tailwind CSS
1
90
Ecommerce Overview β¨
Built with shadcn, v0
1
1
119
Shipment Tracking dialog component β¨
0
103
Shipment Tracking dialog component β¨
0
112
Payment redesign for AI Learning App β¨
0
103
Weekly Challenge Redesign for AI learning App
0
90
AI learning App - Homepage Redesign Before and After β¨
0
105
AI learning App.
Conversation and Personalized Learning Journey β¨
0
89
AI learning App - Onboarding Redesign β¨
1
102
Had an interesting discussion with a new client this week. And now weβre at the stage of polishing the final UI concepts.
These directions explore two very different moods: Playful vs calm.
Not my usual vibe, but Iβm enjoying pushing outside my comfort zone.
Btw, thank you @contra for mak:ing it so easy to connect with amazing clients π