NEONMART - Multi-Vendor Marketplace UI Kit by Mohamed AliNEONMART - Multi-Vendor Marketplace UI Kit by Mohamed Ali

NEONMART - Multi-Vendor Marketplace UI Kit

Mohamed Ali

Mohamed Ali

About this project

A self-initiated demo project, built to explore what a modern multi-vendor marketplace interface looks like end to end. It is not a client project.

What it covers

12 fully routed screens: onboarding, authentication, homepage, product details, cart, checkout, order tracking, customer profile, vendor store page, vendor dashboard, wishlist, and search with filters.

Notable pieces

A global English/Arabic toggle that flips the entire interface to RTL, layout included, not just the text
Shared cart and wishlist state across screens
An animated add-to-cart interaction and a delivery status timeline
A vendor dashboard with sales charts and a product management table
Responsive from mobile up, with a dedicated mobile navigation
Vendor dashboard: sales charts, recent orders and product management
Vendor dashboard: sales charts, recent orders and product management
The same homepage with the Arabic toggle on: the entire layout flips to RTL
The same homepage with the Arabic toggle on: the entire layout flips to RTL
Order tracking timeline, from placed to delivered
Order tracking timeline, from placed to delivered
Search with category, price range and vendor filters
Search with category, price range and vendor filters
Cart grouped by vendor, with a live order summary
Cart grouped by vendor, with a live order summary
Built with React, Vite, Tailwind CSS, TanStack Router and Radix UI. Front-end only, with realistic placeholder data and no backend.
Like this project

Posted Sep 20, 2026

A self-initiated 12-screen marketplace UI kit in React and Tailwind, with a full English/Arabic RTL toggle. A demo project, not client work.