Nestra
A smart-home app in frosted glass, by day and by night
A complete smart-home control app for one house in frosted glass, with a milky day theme and a smoked night theme, and it comes with sample data. Good for: a smart-home, home-automation or property-tech product that needs a polished app for running a house from one screen. How it works: every panel floats over a photo of the room you are looking at and the photo changes when you switch rooms; you set the heating by dragging a ring round the thermostat, paint the week's heating plan hour by hour, and the sidebar folds into a row of icons with its own smooth motion. Includes: an overview with who is home, the rooms, that room's temperature and humidity, live power against the solar roof, one-tap scenes, the room's devices and the front door camera; rooms with a floor plan and a page for each room; every device by type with a control sheet and a flow to add one; a thermostat with modes, every room against its target, air quality and a week plan; thirty days of energy in kWh or cost, what each room and machine draws, solar and the home battery, and bills; cameras with a privacy switch, door locks with Lock everything, an alarm behind a PIN keypad and an activity log; scenes and automations you run, build and switch; a music player with speakers by room; the household with guest passes; settings with export and a reset of the sample data; a help centre with guides, a FAQ and a message form; search on Cmd+K, notifications, a sign-in screen, and phone, tablet and desktop layouts. How to use: it runs on sample data saved in the browser with no backend and no real devices; the voice card answers a few preset requests with set replies, so connect your own hub, devices, voice service and server. 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/climate.css
- css/devices.css
- css/energy.css
- css/family.css
- css/help.css
- css/home.css
- css/media.css
- css/room.css
- css/rooms.css
- css/scenes.css
- css/security.css
- css/settings.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/climate.tsx
- src/pages/devices.tsx
- src/pages/energy.tsx
- src/pages/family.tsx
- src/pages/help.tsx
- src/pages/home.tsx
- src/pages/media.tsx
- src/pages/room.tsx
- src/pages/rooms.tsx
- src/pages/scenes.tsx
- src/pages/security.tsx
- src/pages/settings.tsx
- src/pages/types.ts
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/device.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
Version history
- v1.0.1, 2026-11-02 — Night by default. Nestra now opens in its night theme; a theme the user picked is still remembered.
- v1.0.0, 2026-11-02 — First release. Nestra shipped, with the reel recorded from the real page.