Cirrel
A shop admin dashboard in iPhone-style liquid glass
A complete admin dashboard for a small online shop, built in frosted iPhone-style glass with a light and a dark theme, and it comes with sample data. Good for: an online store, a D2C brand or a marketplace seller who needs one place to run orders, stock, money and customer messages. How it works: every panel is frosted glass floating over soft coloured spheres, the sales chart reshapes itself between 12 months, 6 months, 30 days and 7 days, and orders move across a packing board you drag them on. Includes: a dashboard with today's sales, the sales chart, a monthly goal ring, live visitors, the packing queue, low stock and best sellers; orders with filters, bulk actions, CSV export, a packing board and returns; products with a catalog, stock levels with restocking and collections; analytics for sales, visitors and the checkout funnel; customers with profiles, segments and reviews; profit and loss, payouts and expenses; invoices you send, chase and mark paid; discount codes and campaigns; one chat inbox for the site, Instagram and texts; an email inbox; an apps page; settings; and a help centre with a FAQ and a ticket form. How to use: run it as it is to explore with the sample data, which is saved in your browser, then connect your own store's API in place of the sample data; the sidebar folds to icons, Cmd+K searches everything, and it works on every screen from phone to desktop.
$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/chats.css
- css/customers.css
- css/dashboard.css
- css/discounts.css
- css/email.css
- css/finances.css
- css/help.css
- css/invoices.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/chats.tsx
- src/pages/customers.tsx
- src/pages/dashboard.tsx
- src/pages/discounts.tsx
- src/pages/email.tsx
- src/pages/finances.tsx
- src/pages/help.tsx
- src/pages/invoices.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
Version history
- v1.0.1, 2026-11-02 — Dark by default. Opens in dark mode by default; a visitor who picks light keeps it. The phone browser bar is dark to match.
- v1.0.0, 2026-11-02 — First release. Cirrel shipped, with the reel recorded from the real page.