Gustra
An operations app for a wind farm, with a live turbine map
A complete operations app for an offshore wind farm, with a light and a dark theme, and it comes with sample data for a made-up farm of 48 turbines. Good for: a wind or solar farm, an energy or utilities operator, any business that runs a fleet of machines in the field, or any project that needs a polished control-room screen. How it works: the home page shows a map of the farm with every turbine where it stands, each rotor turning at its own speed and the cables running to two substations; switch the map between output, status, health and wind and the colours change across the farm, and tap a turbine to open its readings with stop, start, derate, reset and work order buttons; every action you take moves the counts and figures across the app, with Undo on the message. Includes: output now on a gauge, a wind rose and output against the forecast; a list of every turbine with its health; generation, forecast and a grid cap you drag and apply to hold output back; wind and sea state with a go or no-go for each boat; a work-order board you drag between columns, a vessel day you drag trips along, and spares; alarms you acknowledge and clear; crew and a rota; trading and contracts; a report builder with CSV export; 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 turbine and site data, since there is no backend; the icon bar opens a menu per section and pins open into a full sidebar, Cmd+K searches turbines, work orders and people, 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/alarms.css
- css/crew.css
- css/fleet.css
- css/help.css
- css/market.css
- css/output.css
- css/overview.css
- css/reports.css
- css/settings.css
- css/weather.css
- css/work.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/alarms.tsx
- src/pages/crew.tsx
- src/pages/fleet.tsx
- src/pages/help.tsx
- src/pages/market.tsx
- src/pages/output.tsx
- src/pages/overview.tsx
- src/pages/reports.tsx
- src/pages/settings.tsx
- src/pages/types.ts
- src/pages/weather.tsx
- src/pages/work.tsx
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/farmmap.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlay.tsx
- src/ui/turbine.tsx
Version history
- v1.0.0, 2026-11-05 — First release. Gustra shipped, with the reel recorded from the real page.