Petalo
A point of sale and back office for a shop with a till
A point of sale and back office for a small shop with one or more locations, shown with sample data from a florist with two shops. Good for: florists, gift shops, cafes and other counter shops that sell, take orders for later and manage stock and staff. How it works: you tap products onto a sale and take payment at the register, and the sale shows up straight away in sales, on the home screen, in the till's cash and in stock. Includes: a working register with card or phone pay and a tip prompt, cash with change, gift cards and an on-screen receipt with a PAID stamp, a home screen with takings by hour against last week and the day's pick-ups, an order board you drag between stages, sales and refunds, customers, reports with a busy-hours chart, payments and payouts, stock with use-by days and deliveries you check in, a staff rota you drag shifts across, tills you count and close, day closes and exports, settings, security, 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, payments and server. 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/archive.css
- css/customers.css
- css/help.css
- css/ins-hscroll.css
- css/insights.css
- css/orders.css
- css/overview.css
- css/payments.css
- css/register.css
- css/sales.css
- css/secnav.css
- css/security.css
- css/settings.css
- css/stepper.css
- css/stock.css
- css/team.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/drawers.tsx
- src/env.d.ts
- src/main.tsx
- src/motion.ts
- src/pages/ (13 files)
- src/pages/insights/ (1 files)
- src/pages/orders/ (1 files)
- src/pages/settings/ (1 files)
- src/pages/stock/ (1 files)
- src/routes.ts
- src/shell.tsx
- src/store.ts
- src/ui/charts.tsx
- src/ui/format.ts
- src/ui/hooks.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlays.tsx
- tsconfig.json
Version history
- v1.0.0, 2026-10-25 — First release. Petalo shipped, with the reel recorded from the real page.