Skip to content

arix-7x/smart-home-ui

Repository files navigation

Animation futuristic controller that should contains 12 pages

Home Lights Curtains HVAC Music TV Camera Security Pool Intercom (Door) Help

Each page should have a menu at the top or bottom (must be a selectable option).

  • Home A section containing:

.Current weather and time .Room selection for lights .Climate control .Home access .Media .Security keypad

-Lights This section should include:

.A tab with an ON/OFF switch and a dimmer slider (scalable to accommodate the number of lights). .A section for scenes and scene presets.

-Curtains Similar to the lights section but with four selectable options:

-Shades .Blackout .Curtains .Mosquito net

-HVAC .Room-based zoning with real-time temperature feedback. .A full-page hot/cold temperature assignment with a temperature knob. .Background feedback: turns blue when cooling and red when heating.

-Music .Volume bar .“Now Playing” section .Room selection

-TV .ON/OFF toggle .Source selection button .Directional pad with customizable buttons .Favorite section

  • Camera .Selection of surveillance cameras (H.264/H.265) .Toggles a video screen on the right or in the background

-Security .Keypad: .Incorrect password → Red background .Correct password → Access granted, toggle alarm system (1–5 zones) .Each zone displays a floor map if an alarm is triggered.

  • Pool .Selection of five levels .Temperature knob with current temperature display .Toggle between hot and cold modes (Animation of background blue when colder temperateure and red when hotter temperature)

-Intercom .Video intercom (H.264/H.265) .Answer, Do Not Disturb (DND), and Hang Up buttons at the bottom .1–4 selectable buttons for door opening

Help .A help section that overlays the current page to explain functionalities. .Transparent background for visibility. .Language selection (e.g., English/French).

What is importabt in this project: -General UI/UX Features -Animated transitions between pages. -Feedback images triggered by each action. -Alarm status: If an alarm is active, display "ALARM" with a red background on all pages.

-- Additional Menu Icons --

The menu should display four small icons:

Alarm status – Lock icon indicating alarm ON/OFF. Mute status – Mute icon if TV or music is muted. Temperature – Room temperature display with a snowflake icon if AC is on. Power status – Power icon for the TV (quick toggle to turn it off).

Again this is just the graphic part and no need to do any functionalities except the transition between pages

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages