30 open-source projects similar to clooos/bubble-card, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best Bubble Card alternative.
This project is a design system and configuration framework for creating responsive Home Assistant dashboards. It provides a CSS-based interface framework and theme system used to define the visual appearance and layout of home automation interfaces. The system distinguishes itself through a multi-view layout approach that adapts the interface for mobile devices and wall-mounted tablets across portrait and landscape orientations. It employs configuration-based UI definitions and custom CSS to implement advanced visual effects, such as state-triggered animations for icons and interactive overl
Lovelace Mushroom is a custom card set and UI library for Home Assistant designed for displaying and controlling smart home device entities. It provides a framework for building clean, visual dashboards and control interfaces to manage connected hardware. The library includes a theme framework that allows for the application of custom color palettes and the use of light or dark modes. Users can configure card appearances and visual themes using built-in pickers and a visual editor to avoid manual source code modification.
This project is the web interface for Home Assistant, serving as a centralized management dashboard for monitoring and controlling connected smart home devices and automation services. It provides a graphical control panel to send commands to smart devices and visualize real-time telemetry from home automation networks. The interface facilitates IoT device orchestration and smart home visualization, allowing for the monitoring of sensors and actuators to track environment and security conditions. It integrates diverse home automation hardware and services into a single unified user interface.
Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys
Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a
Walk is a comprehensive framework for building native Windows desktop applications. It functions as a GUI library and Windows API wrapper, providing a toolkit of native widgets and a declarative layout system for developing high-performance user interfaces. The project is distinguished by its data-binding framework, which uses reflection and string-based property paths to synchronize data sources with interface widgets. It also provides specialized support for high-DPI interface scaling and an optimized native message loop to reduce runtime overhead. The toolkit covers a wide range of capabi
Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation
Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const
hyperHTML is a DOM template library and data-binding engine that uses tagged template literals to render and update elements. It functions as a web component framework and a virtual DOM alternative, linking JavaScript data directly to specific HTML elements to enable automatic page updates. The project avoids the overhead of a virtual DOM by using a reconciliation process that updates only the changed parts of the real DOM. It includes a build-time HTML template minifier to compress content within template literals and reduce client-side data transfer. The library covers a broad range of cap
This project is a home automation mobile client and smart home controller for Android devices. It serves as an interface to connect to a central automation server for monitoring sensor data, managing connected household hardware, and triggering scripts. The application integrates native Android system features to act as a device integration tool, exposing system sensors, location data, and battery status to the automation server. It also provides a mobile home dashboard with visual interface personalization and custom themes to prioritize specific device controls. The system supports remote
This project is an ESP32 display driver library and touchscreen UI framework. It provides a collection of hardware configurations and software drivers designed to control ESP32-based touchscreen displays. The repository serves as an embedded hardware pinout map, providing a guide for mapping the physical pins of the display module. It specifically enables the use of these displays as controllable touch panels within home automation hardware interfaces. The project covers embedded graphics development, including the rendering of visual interfaces and the integration of ESP32 display modules f
Vapor is a comprehensive server-side web framework designed for building scalable, high-performance applications and APIs in Swift. It provides a non-blocking, event-loop-based runtime that manages concurrent task processing, background job queues, and asynchronous request handling. The framework is built around a dependency injection container that manages the lifecycle and resolution of services, configurations, and database connections throughout the request pipeline. The framework distinguishes itself through a protocol-oriented design that emphasizes type safety across all layers of the
MagicMirror is an open source framework for creating personalized information dashboards, specifically designed for use as a modular smart mirror platform and a plugin-based dashboard framework. It functions as a system for aggregating data feeds and modular components to create a centralized information hub. The platform utilizes a module-based plugin architecture that allows for the development and integration of custom third-party plugins through a standardized interface. This extensibility enables the creation of personalized displays and custom data widgets. The system supports a headle
LapisCV is a PDF document generator and resume builder designed to convert structured Markdown text into professional curriculum vitae. It functions as a rendering pipeline that transforms simple markup and variables into print-ready documents using a headless browser engine or LaTeX templates. The project provides a collection of professional themes and visual styles to customize the typography and branding of academic and professional resumes. It utilizes variable-based style injection to allow for the adjustment of fonts, colors, and margins based on content volume and user preferences. T
react-select is a customizable select input for React applications that supports single and multiple value selection with integrated search. It functions as a form input library providing a selection interface capable of fetching and displaying options from remote APIs dynamically as a user types. The library is distinguished by a component-injection architecture that allows users to replace internal UI fragments with custom React components. It further enables deep visual customization through prop-based style merging, allowing user-defined CSS objects to override internal defaults for brand
StyleX is a type-safe CSS-in-JS library and atomic CSS compiler that transforms JavaScript style definitions into optimized static CSS and type-safe class names. It functions as a multi-framework styling tool, generating standard CSS assets compatible with various JavaScript UI frameworks and server components. The system includes a CSS design token system and theme engine for managing shared constants and composing visual schemes. It allows for the creation of light, dark, and custom themes through variable overrides and token inheritance. The project covers component styling through object
This project is a comprehensive administrative dashboard template built on Bootstrap 5. It provides a modular library of pre-designed interface components, page layouts, and form elements intended to accelerate the construction of responsive web applications. The framework is designed to be lightweight, utilizing native browser scripting for all interactive behaviors to eliminate dependencies on heavy external libraries. The template distinguishes itself through a focus on performance and customization. It includes a task-runner-based asset pipeline that automates the compilation, minificatio
Media Chrome is a library of modular, accessible web components designed for building custom audio and video player interfaces. It functions as a framework-agnostic toolkit that communicates with native media elements to manage playback state, user interactions, and media metadata. The library distinguishes itself through a component-based architecture that relies on standard web technologies to ensure compatibility across different frontend environments. It uses a centralized controller to synchronize state between independent interface elements, allowing developers to compose bespoke player
Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust
likec4 is an architecture-as-code framework that transforms text-based architecture definitions into interactive diagrams, static websites, and image files. It serves as a system architecture visualizer and C4 model diagram generator, allowing users to define software components, boundaries, and deployment infrastructure using a domain-specific language. The tool distinguishes itself by providing a modeling environment with Language Server Protocol integration for real-time validation and autocomplete. It enables interactive architecture documentation where users can navigate through hierarch
json-editor is a schema-driven UI generator and web-based editor that automatically creates interactive HTML forms from JSON Schema definitions. It functions as a tool for collecting, modifying, and validating structured data by mapping schema specifications to corresponding input components. The project distinguishes itself through a plug-in input architecture and resolver-based component mapping, which allow for the injection of third-party editors and custom input interfaces for specialized data types such as markdown, colors, and syntax-highlighted code. It also supports external schema r
Bootflat is a front-end component library and CSS framework extension that implements a flat-design aesthetic for web application styling. It provides a set of reusable interface elements and a mobile-first grid system to facilitate responsive web design. The project integrates design and development through a PSD-driven workflow, providing professional Photoshop component sets and curated color palettes for interface prototyping. Visual customization is handled via variable-based theme overrides for colors and fonts. The library covers a broad range of UI components, including form elements
This is a configuration-driven resume builder used to generate minimalist professional curriculum vitaes and personal portfolio websites. It transforms a single structured content file into a static HTML document, decoupling raw professional data from the presentation layer. The system utilizes a centralized set of global CSS variables to manage colors and layout patterns, allowing for the customization of visual styling through a configuration file. The resulting web layout is responsive and print-optimized, ensuring the document maintains professional formatting across both digital screen
Platform is a framework for building back-office applications and administrative dashboards using Laravel. It functions as a schema-driven UI framework and CRUD generator that automatically constructs database management interfaces, input forms, and validation rules from programmatic model definitions. The project distinguishes itself through a comprehensive backend UI kit that supports advanced data capture, including geographic coordinate mapping, tabular JSON data matrices, and marketing metadata tracking. It features a robust role-based access control system for managing resource visibili
Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range
OpenSeadragon is a JavaScript library and tiled image rendering engine designed for high-resolution image viewing. It functions as a deep zoom image viewer that renders massive images using a tiled pyramid approach, enabling smooth panning and zooming without requiring the full image file to be loaded. The project distinguishes itself through broad support for standardized image retrieval protocols, including the International Image Interoperability Framework (IIIF), IIPImage, Iris, and OpenStreetMap. It provides a hardware-accelerated rendering layer via WebGL to apply real-time filters and
This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
Druid is a native user interface toolkit and 2D graphics engine for the Rust programming language. It functions as a retained-mode, data-driven framework for building graphical user interfaces that run across Linux, macOS, and web browsers via WebAssembly. The toolkit distinguishes itself through a data-first approach to UI design, utilizing lenses to isolate subsets of global application state and synchronize them with specific widgets. This allows the visual layout to update automatically when the underlying data model changes. Its capability surface includes a constraint-based box layout
doT is a compiled JavaScript template engine and rendering system used to generate dynamic text and HTML for both browser-based interfaces and Node.js server-side environments. It transforms template strings into executable JavaScript functions to produce text output across different runtime environments. The system focuses on pre-compiling template source files into standalone JavaScript modules at build time. This process eliminates runtime compilation overhead, increases execution speed, and prevents malicious code injection. The engine supports logic-based interpolation using conditional