Lumelle
A shop admin dashboard in iPhone-style frosted glass
A complete admin app for a small shop that sells online, in its own shop and to wholesale stockists, in iPhone-style frosted glass over a warm rose-and-apricot glow with a light and a dark theme, and it comes with sample data. Good for: a maker, a boutique or a D2C brand with a till and wholesale customers that wants orders, stock, sales and its shop counter in one place. How it works: every panel is see-through glass with a bright edge, sales are stacked by channel and the chart reshapes itself between today, 7 days, 30 days and 12 months, the product grid re-sorts in place when you filter it, and the sidebar folds into a row of icons in one smooth move. Includes: an overview with sales by channel, a live view of who is browsing, the latest sales, a daily goal, the packing queue, best sellers and low stock; orders with filters, bulk packing, CSV export, an order panel to mark paid, packed or shipped, drafts and returns; products with a catalogue grid or list, stock levels with reorder points and collections; customers with profiles and segments; analytics for sales, traffic and a report builder with CSV export; campaigns and automations; discount codes and gift cards; an apps page; an online-shop preview you restyle; a working shop till with a basket, codes, card or cash with change and a receipt on screen; a wholesale board you drag deals across; settings, a help centre with a FAQ and a ticket form, search on Cmd+K, notifications, sign-in, and phone, tablet and desktop layouts. How to use: run it as it is to explore with the sample data, which is saved in your browser with no backend, then connect your own store, payments and server. Built with React, TypeScript and GSAP.
$84.00 — one-time price, free updates
- A React app template
- React and Vite · npm install and it runs
- Build unlimited client sites with it
Built with React, CSS, GSAP.
What is in the zip
- app.css
- css/analytics.css
- css/apps.css
- css/channels.css
- css/customers.css
- css/discounts.css
- css/home.css
- css/marketing.css
- css/orders.css
- css/products.css
- css/settings.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/analytics.tsx
- src/pages/apps.tsx
- src/pages/channels.tsx
- src/pages/customers.tsx
- src/pages/discounts.tsx
- src/pages/help.tsx
- src/pages/home.tsx
- src/pages/marketing.tsx
- src/pages/orders.tsx
- src/pages/products.tsx
- src/pages/settings.tsx
- src/pages/types.ts
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlay.tsx
- tsconfig.json
Version history
- v1.0.1, 2026-11-02 — Dark by default. Opens in the dark theme by default. A theme picked in Settings is still remembered, and light is one click away.
- v1.0.0, 2026-11-02 — First release. Lumelle shipped, with the reel recorded from the real page.