Good things must share!

Design Preview

All co·bee UI pages. Click → to preview, ↓ to download a single file, or use Download All to get everything as a ZIP.

App Shell
Shell
App Shell

Main container — topbar, bottom nav, drawer sidebar, iframe. Entry point for the full app.

Member Pages
Member
Member App

Event feed, event detail, order & payment, My Purchase, and My Group views.

Member
Profile

Member profile — notifications, edit profile, security, addresses, and logout.

Host Admin Pages
Admin
Dashboard

KPIs, charts, fulfilment status, top products & buyers, closing soon, collections, and activity feed.

Admin
Hosted Events

List of all hosted events. Create, manage, and archive group buy events.

Admin
Create Event

3-step event creation — basic info, add products/items, closing and collection settings.

Admin
Order Management

Full-width orders table — filter, search, manage payment status and fulfilment.

Admin
Products / Items

Full-width product catalogue — manage items, pricing, options, and stock.

Admin
Packing List

Create and manage packing lists per event. Track items packed per buyer.

Admin
Fulfilment

Map with P/numbered delivery markers, drag-to-reorder sequence, expandable map view, Mark Collected.

Admin
Members

Member table — view, filter, edit permissions, remove members, track activity.

Admin
Settings

Group profile, appearance, color scheme, group settings, default options, and payment methods.

Design System
Reference
Design Template

Base shell with all CSS variables, component styles, and sidebar structure. Starting point for new pages.