Halvo
A smart-home app in frosted glass over each room
A complete smart-home control app in frosted glass, shown as a family house with sample rooms, devices, scenes and energy data. Good for: a smart-home, home-automation or property-tech product that needs a polished app for controlling a house. How it works: every panel floats over a photo of the room you are in and the photo changes when you open another room; the temperature is a ring of ticks you drag in half degrees, and the energy chart reshapes itself between day, week, month and year. Includes: an overview with scenes, the climate dial, live energy figures and the rooms; a page per room with its readings and lights you dim, recolour and switch; every device with search, filters and a detail sheet; a thermostat with modes, a weekly heating plan and air quality; energy use, solar and battery, and bills; cameras you arm, door locks and an activity log; scenes you run with undo and routines you switch and create; a music player with a queue and speakers by room; family members and guest access; settings and a help centre with a ticket form; a sidebar that folds into an icon rail, search on Cmd+K, notifications, a lock screen, light and dark themes, 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, so connect your own hub, devices 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/automations.css
- css/climate.css
- css/devices.css
- css/energy.css
- css/family.css
- css/help.css
- css/home.css
- css/media.css
- css/rooms.css
- css/security.css
- css/settings.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/dial.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/automations.tsx
- 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/rooms.tsx
- src/pages/security.tsx
- src/pages/settings.tsx
- src/pages/types.ts
- src/player.tsx
- 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.0, 2026-11-02 — First release. Halvo shipped, with the reel recorded from the real page.