Nooka
A smart home app for a household with two homes
A complete smart home app for one household with two homes, with a light and a dark theme, and it comes with sample data. Good for: a smart home or home automation product, a property or holiday-home manager, a heating, security or energy app, or anyone who wants a full home control app to start from. How it works: the home page shows the house right now (temperature, lights on, doors and power), who is home and the house mode, and the thermostat is a ring you drag round to set the temperature, with today's heating plan as 24 bars under it; a switcher at the top moves between the two homes. Includes: every room, a floor plan with lights, warmth and people layers, and scenes you can create; a week heating plan you paint by dragging and air quality room by room; security with locks, sensors, cameras with the day's motion and door codes; a timeline of events with filters and search; every device as tiles or a list, batteries and updates, and an add-a-device flow; energy by the day, week or month, use by device and bills you mark paid; routines with a builder that reads back as a sentence; the household with each person's day; settings with data export and a reset, help, a sign-in screen and search for everything. How to use: run it, swap the sample data for your own homes and devices and connect your own smart home service; it does not control real devices on its own.
$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/events.css
- css/help.css
- css/home.css
- css/people.css
- css/rooms.css
- css/routines.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/events.tsx
- src/pages/help.tsx
- src/pages/home.tsx
- src/pages/people.tsx
- src/pages/rooms.tsx
- src/pages/routines.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/dial.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlay.tsx
- src/ui/tiles.tsx
Version history
- v1.0.0, 2026-11-04 — First release. Nooka shipped, with the reel recorded from the real page.