Vessa
A stock and supply app for a skincare brand
A stock and supply app for a brand that makes and sells its own products, like skincare or cosmetics. Good for: small beauty, food or craft brands. How it works: you see stock in three places, release finished batches after a quality check, and move orders from packing to shipping. Includes: a dashboard, products, raw materials, production batches with expiry dates, an order board, purchasing, storage maps, reports, light and dark mode, phone, tablet and desktop. How to use: it runs on sample data with no backend, so add your own data or server. Built with TypeScript and GSAP, no framework.
$72.00 — one-time price, free updates
- A website template
- Plain HTML, CSS and JavaScript · no framework
- Build unlimited client sites with it
Built with Plain JavaScript, CSS, SVG, GSAP.
What is in the zip
- app.css
- css/analytics.css
- css/customers.css
- css/dashboard.css
- css/help.css
- css/orders.css
- css/products.css
- css/purchasing.css
- css/settings.css
- css/warehouses.css
- index.html
- src/actions.ts
- src/charts.ts
- src/main.ts
- src/motion.ts
- src/pages/analytics.ts
- src/pages/customers.ts
- src/pages/dashboard.ts
- src/pages/help.ts
- src/pages/orders.ts
- src/pages/products.ts
- src/pages/purchasing.ts
- src/pages/settings.ts
- src/pages/types.ts
- src/pages/warehouses.ts
- src/store.ts
- src/ui.ts
- tsconfig.json
Version history
- v1.0.4, 2026-10-21 — A white tab track and finger-sized taps. The page tabs sit on a clean white track with a thin rim (a dark one in dark mode), so the ink pill of the current tab stands out. On phones and tablets every text link in a row (order and lot numbers, names, links in a sentence), the chart legend toggles and the help chips take a finger-sized press area of about 44px, without moving anything on screen.
- v1.0.3, 2026-10-21 — Copper by default. Copper is the default brand colour: the logo, buttons, the active sidebar item, charts and the sales-goal fan. Pine green moves into the accent presets (Copper, Pine, Cobalt, Ocean, Graphite). On the Inventory chart, Stock in is now teal so it reads apart from copper Stock out. Nothing else changed.
- v1.0.2, 2026-10-21 — An ink pill for the current tab. The current page tab is a solid ink pill (a light one in dark mode) that slides between tabs, its label turning as the pill arrives. Nothing else changed.
- v1.0.1, 2026-10-21 — Pine green and cleaner type. Pine green is the new default brand colour on a pale sage page, with neutral greys in dark mode; the accent presets are Pine, Cobalt, Ocean, Copper and Graphite. Type is Urbanist throughout at one shared size scale, with SKUs, lots and order numbers in tabular figures. The page tabs sit centred in the top bar, the rail highlight follows its rounded corners, and Help shows as active. On phones the help search box no longer makes iPhones zoom, and product and location links are taller to tap.
- v1.0.0, 2026-10-19 — First release. Vessa shipped, with the reel recorded from the real page.