Fragio
A growing and sales app for a glasshouse fruit farm
A complete growing and sales app for a farm that grows fruit under glass, with a light and a dark theme, and it comes with sample data for a made-up farm with four glasshouses of strawberries and raspberries. Good for: a fruit or vegetable grower, a greenhouse or nursery business, an agritech product, or any project that needs a polished place to plan a season, watch the growing rooms and track what is picked and sold. How it works: the season plan lays every glasshouse out as a timeline of phases, from clean-out and planting to flowering and picking; drag a phase to a new week and the phases after it follow, the arrows between them redraw, a toast offers Undo, and a pickers row shows which weeks are short of people; zoom between week, month and season. Includes: an overview with the season's pick against last year in tonnes or per square metre, today's picking total and each house's climate; glasshouses with temperature, humidity, CO2, set points, irrigation and pest traps; picking today with crews, grading and a yield heatmap; insights for production, quality and costs; orders on a status track, invoices you mark paid and the pickers' piece-rate pay; tasks on a board and the crew rota; team, settings and help. How to use: run it as it is to explore with the sample data, which is saved in your browser with a reset in Settings, then connect your own farm or sensor data, since there is no backend; the sidebar folds to icons, Cmd+K searches everything, and it works on every screen from phone to desktop with a bottom tab bar on phones. Built with React, TypeScript and GSAP.
$91.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/harvest.css
- css/help.css
- css/houses.css
- css/insights.css
- css/overview.css
- css/plan.css
- css/sales.css
- css/settings.css
- css/team.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/gantt.tsx
- src/main.tsx
- src/motion.ts
- src/pages/harvest.tsx
- src/pages/help.tsx
- src/pages/houses.tsx
- src/pages/insights.tsx
- src/pages/overview.tsx
- src/pages/plan.tsx
- src/pages/sales.tsx
- src/pages/settings.tsx
- src/pages/team.tsx
- src/pages/types.ts
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/farm.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlay.tsx
- tsconfig.json
Version history
- v1.0.0, 2026-11-05 — First release. Fragio shipped, with the reel recorded from the real page.