Visual Box Widget
The Visual Box Widget is a versatile decorative element for creating stunning dashboard layouts.
Description
Section titled “Description”More than just a box, this widget is the backbone of “beautifying” your dashboard. It supports complex shapes (stars, hearts, hexagons), advanced CSS effects (glassmorphism, neon glows), and can even act as a transparent touch target to trigger actions over other widgets.
Key Features
Section titled “Key Features”- Shapes: Choose from Rectangle, Circle, Triangle, Hexagon, Octagon, Star, Heart, Message Bubble, or Cross.
- Visual Effects:
- Glassmorphism: Apple-style blurred backgrounds.
- Neumorphism: “Lifted” or “Sunken” soft 3D effects.
- Gradients: Animated, flowing color blobs or modern mesh gradients.
- Floating Dots: Animated background particles.
- Actions: Can be clickable to navigate pages, toggle other widgets, or call services.
Configuration
Section titled “Configuration”Appearance
Section titled “Appearance”- Shape: Select the geometric form.
- Effects: Toggle specific visual styles like “Enable Glass Effect” or “Modern Gradient”.
- Colors: customize background, borders, and effect colors.
Use Cases
Section titled “Use Cases”- Backgrounds: Create a “Glass” layer behind a group of buttons.
- Decorations: Add spinning geometric shapes for visual flair.
- Invisible Button: Place a transparent Visual Box over a camera feed to open a popup when clicked.
Build this on your own dashboard
Dashable is a drag-and-drop dashboard builder for Home Assistant. Connect your instance and lay out widgets in the browser — no YAML.
Try Dashable free