Hemli
A smart-home app in frosted glass over a living room
A complete smart-home control app for one family's house in frosted glass over a softly blurred living room, with a light theme and a smoked dark 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 whole house from one screen. How it works: the home screen shows a floor plan of the house where every lamp that is on throws its own glow, so you tap a lamp to switch it and flip the plan to show heating or who is in each room; you set a room's heat by turning a dial, and a search bar also understands simple typed commands such as dim the living room to 30% or lights off in the kitchen. Includes: a home screen with the evening in one sentence, the floor plan, the room dial and its lights, scenes, power, music and the alarm; a page for each room with brightness, blinds, air and the last day's temperature; every device with filters, a control drawer for each and a flow to add one; every room's temperature, a heating week you paint and air quality; energy by the hour, by day and by device, solar and a home battery, and the tariff with bills; cameras whose indoor camera pauses while people are home, door locks and an alarm that counts down before it arms; scenes and automations you run, build and pause; a music player with every speaker and the TV; the family with guest door codes and reminders; settings with CSV export and a reset of the sample data; a help page with answers and a message form; 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 typed commands are matched by simple rules, not an AI service, 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/climate.css
- css/devices.css
- css/energy.css
- css/family.css
- css/home.css
- css/media.css
- css/rooms.css
- css/routines.css
- css/security.css
- css/settings.css
- css/support.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/climate.tsx
- src/pages/devices.tsx
- src/pages/energy.tsx
- src/pages/family.tsx
- src/pages/home.tsx
- src/pages/media.tsx
- src/pages/rooms.tsx
- src/pages/routines.tsx
- src/pages/security.tsx
- src/pages/settings.tsx
- src/pages/support.tsx
- src/pages/types.ts
- src/plan.tsx
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlay.tsx
Version history
- v1.0.0, 2026-11-04 — First release. Hemli shipped, with the reel recorded from the real page.