-
Notifications
You must be signed in to change notification settings - Fork 13
Module Dynamic Weather
WJDDesigns edited this page May 3, 2026
·
1 revision
Module type:
dynamic_weather· Category: Media · Pro
Animated weather effects (rain, snow, fog, sun beams) overlaid on your dashboard view.
- Rain — varying intensity, drop size, wind angle
- Snow — flake size, density, wind drift
- Fog — opacity, layer count, drift speed
- Sun beams — ray count, intensity, color
- Clouds — drifting cloud layers
- Lightning — random flashes (rain + storm modes)
- Driven by a HA
weather.*entity,sensor.*template, or manual selection - Overlay opacity to balance with dashboard readability
- Conditional via Logic-and-Conditions (e.g. "snow only on snow-day input")
-
Weather entity —
weather.*whose state drives the effect - Manual — pick a fixed effect
- Template — Jinja2 expression returning the effect name
- Intensity (1–10)
- Particle size
- Color
- Wind direction / speed
- Layer count
- Overlay opacity
- Bring-to-front toggle (default off — sits behind content)
Standard 4-tab editor.
-
Auto-weather — bind to
weather.home, automatically rains when state israiny, snows whensnowy. -
Cozy winter mode — manual snow + sun beams when
input_boolean.cozy_modeis on. - Storm visualization — heavy rain + occasional lightning when severe storm sensor is active.
- Implemented via Three.js (
three@0.181.1) particle systems. Rendering scales to viewport size. - Performance is configurable — reduce layer count and intensity on slower devices.
- Hide on mobile via Logic → Hidden on devices to save battery.
Ultra Card · Website · Discord · GitHub Issues · HACS · MIT licensed
- Layout-System
- Logic-and-Conditions
- Templates-and-Jinja
- Actions
- Design-System
- Custom-Variables
- Presets-and-Marketplace
- Pro-and-Cloud
- Modules-Overview
- Content
- Data
- Interactive
- Layout
- Media / Background
- Animated (Pro)
- Inputs (Helpers)
- Card embeds