-
Notifications
You must be signed in to change notification settings - Fork 13
Module Background
WJDDesigns edited this page May 3, 2026
·
1 revision
Module type:
background· Category: Media · Free
Add custom background images to your dashboard view. Renders behind everything else as a full-card or full-view background.
- Upload image, URL, or entity attribute source
- Position / size / repeat controls (same as a CSS
background-image) - Overlay color with opacity
- Per-breakpoint overrides (e.g. mobile vs. desktop)
- Conditional via Logic-and-Conditions
- Upload / URL / Entity / Entity attribute
- Size — cover / contain / auto / custom
- Position — 9-point grid + custom string
- Repeat — repeat / no-repeat / repeat-x / repeat-y
- Overlay — color + opacity (darken/lighten the image)
Standard 4-tab editor.
- Time-of-day backgrounds — three Background modules, each gated by a Logic time condition (morning/afternoon/evening).
- Weather-driven background — template-conditional via Logic to swap between sunny/cloudy/rainy hero images.
- Brand banner — single static image with a 30% dark overlay for readability.
- Module-Image — inline image inside a column.
- Module-Video-Background (Pro) — video backgrounds.
- Module-Living-Canvas (Pro) — animated WebGL backgrounds.
- Module-Dynamic-Weather (Pro) — weather-driven particle effects.
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