Build Your Perfect Layout
Create powerful dashboards with our intuitive drag-and-drop builder. Start by adding a row, then organize your modules into columns for the perfect layout. Mix and match different module types – from gauges and charts to buttons and info displays – to create a dashboard that perfectly matches your needs.
Choose Your Modules
Build powerful dashboards with our comprehensive module library. Layout Containers help you organize content into horizontal and vertical arrangements, while Content Modules provide everything from gauges and charts to buttons and interactive controls. Each module is fully customizable with dynamic templates, conditional logic, and professional styling options to create the perfect dashboard for your data.
Configure It All
Customize every aspect of your module with powerful configuration options. The General tab handles core settings and data sources, Actions lets you add interactive behaviors, Logic provides conditional display rules, and Design offers complete visual control. Each module type has specialized settings to help you create exactly the interface you need for your data.
Frequently Asked Questions
General Questions
Ultra Card is a modular card builder for Home Assistant Dashboard UI that provides an easy-to-use visual editor to build custom dashboard cards. Instead of writing YAML configuration, you can use drag-and-drop interface with 12 different module types to create professional-looking cards.
The card works by allowing you to arrange modules in rows and columns, with each module having 4-tab settings (General, Actions, Logic, Design) for complete customization. All configuration is done through the visual editor – no YAML editing required.
Ultra Card is available through HACS (Home Assistant Community Store). Simply open HACS in Home Assistant, go to “Frontend”, search for “Ultra Card” and install it. After installation, restart Home Assistant and the card will be available as “Custom: Ultra Card” when adding new cards to your dashboard.
Alternatively, you can install manually by downloading the ultra-card.js file from GitHub releases and adding it to your config/www folder, then adding it as a resource in your dashboard settings.
Absolutely! Ultra Card was specifically designed to make dashboard creation accessible to everyone through visual tools instead of YAML configuration. The entire interface uses drag-and-drop functionality, dropdown menus, color pickers, and form fields.
You can create complex, professional-looking cards without writing a single line of code. The visual editor handles all the configuration for you, and live preview shows your changes immediately.
Yes, Ultra Card is fully compatible with both light and dark Home Assistant themes. New cards automatically inherit default background and border styles from your Home Assistant theme, ensuring consistent look and feel across your dashboard.
The card supports 14 languages and is mobile-optimized with responsive layouts that work on all devices including phones, tablets, and desktop computers.
There’s no hard limit on the number of modules you can add to an Ultra Card. You can create complex layouts with multiple rows and columns, each containing various modules. The card supports module nesting (one level deep) for even more flexible arrangements.
However, keep in mind that too many modules might affect performance and user experience, especially on mobile devices. It’s recommended to organize complex layouts across multiple cards for optimal performance.
Yes! Ultra Card includes comprehensive export and import functionality. You can export individual rows, complete card configurations, or use the integrated online preset marketplace to share your creations with the community.
The export feature automatically removes sensitive data (like IP addresses and tokens) from exported configurations for privacy protection. You can also browse and install community-created presets directly from the editor.
Ultra Card integrates seamlessly with Home Assistant automations and entities. Every module can be linked to entities, respond to state changes, and trigger automations through tap, hold, and double-tap actions.
You can use conditional logic to show/hide modules based on entity states, time conditions, or custom templates, making your cards dynamic and responsive to your Home Assistant setup.
Ultra Card works perfectly in the Home Assistant mobile app and web interface. All cards are mobile-optimized with responsive layouts that adapt to different screen sizes. Touch gestures, haptic feedback, and mobile-specific features are fully supported.
Yes! Ultra Card welcomes community contributions. You can contribute by reporting issues, suggesting features, translating to new languages, creating community presets, or contributing code through GitHub.
The project has comprehensive development guidelines for creating new modules and follows standard open-source practices. Join the Discord community for discussions and support.
Ultra Card offers several support channels: Join the Discord community for real-time help and discussions, report issues or request features through GitHub, and access comprehensive documentation and examples in the repository.
The community is very active and helpful, with experienced users and developers providing assistance. Most common questions are answered quickly in the Discord server.