Olvara
A back office for a small product brand that makes its own stock
A back office for a small brand that makes, sells and ships its own products, shown with sample data from a skincare studio. Good for: skincare, candle, soap, food and other small-batch makers that sell online, at a counter and to shops. How it works: everything shares one set of data, so releasing a batch from the lab adds its units to stock, packing orders updates the courier countdown and the home screen, and new orders, batches, customers and codes show up across the app. Includes: a home screen with a product shelf that turns between collections with each product's photo, figures and 30-day sales line, a courier pickup countdown, revenue by channel and low stock with a one-click restock, a lab board you drag batches across, a cure schedule you drag and stretch, recipes that scale to any batch size, products, collections and a reviews inbox you reply from, orders with bulk packing and returns, customers with loyalty tiers, ingredients and purchase orders, stockists on a map, the team's week and leave, rewards and discount codes, a report builder with CSV export, settings, help, light and dark mode, phone, tablet and desktop. How to use: it runs on sample data saved in the browser with no backend, so connect your own data, shop and server, and add your own product photos (the sample photos are placeholders in the download). Built with React, TypeScript and GSAP.
$72.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/batches.css
- css/customers.css
- css/inventory.css
- css/orders.css
- css/overview.css
- css/products.css
- css/reports.css
- css/rewards.css
- css/settings.css
- css/stockists.css
- css/support.css
- css/team.css
- index.html
- src/app.tsx
- src/batches-actions.tsx
- src/batches-board.tsx
- src/batches-formulas.tsx
- src/batches-schedule.tsx
- src/charts.tsx
- src/env.d.ts
- src/finder.tsx
- src/format.ts
- src/forms.tsx
- src/main.tsx
- src/motion.ts
- src/pages/batches.tsx
- src/pages/customers.tsx
- src/pages/inventory.tsx
- src/pages/orders.tsx
- src/pages/overview.tsx
- src/pages/products.tsx
- src/pages/reports.tsx
- src/pages/rewards.tsx
- src/pages/settings.tsx
- src/pages/stockists.tsx
- src/pages/support.tsx
- src/pages/team.tsx
- src/router.ts
- src/store.ts
Version history
- v1.0.0, 2026-10-25 — First release. Olvara shipped, with the reel recorded from the real page.