Open-source alternatives to Vue Js Toggle Button

This project is a responsive, touch-enabled carousel component library built for the Vue.js framework. It provides a flexible interface for displaying sliding content, allowing developers to integrate interactive media galleries and navigation elements into web applications. The library distinguishes itself through a highly adaptable layout engine that dynamically adjusts slide counts and dimensions based on browser viewport breakpoints. It features a unified input system that normalizes touch, mouse, and pointer events, ensuring consistent drag-to-scroll and swipe interactions across both mo

This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.

This project is a feature-rich data grid component designed for Vue applications. It provides a flexible interface for rendering, managing, and manipulating structured information, offering built-in support for essential tabular operations such as sorting, filtering, pagination, and row selection. The library distinguishes itself through its highly extensible architecture, which allows developers to override default rendering for cells, headers, and pagination controls using scoped slots. It supports complex data workflows by enabling hierarchical organization through collapsible row grouping

Colorbox is a jQuery-based lightbox plugin and modal overlay library used to display images, HTML, and external content within a centered window. It functions as a customizable UI component and an AJAX content loader capable of fetching remote data via GET or POST requests. The library distinguishes itself through its ability to group multiple media items into a sequential image gallery slideshow. It includes a state-based sequencing system that provides previous and next navigation controls to cycle through these collections. The tool covers a broad range of rendering and management capabil

This project is a drag-and-drop UI library and a Vue 3 component for implementing sortable lists and state-synced interfaces. It acts as a wrapper for the Sortable.js library, providing a state-synced list component that automatically updates the underlying data array when items are reordered or moved. The library supports nested draggable interfaces and hierarchical data organization, allowing draggable containers to be nested inside other movable items to create multi-level structures. It also enables multi-column data transfer, allowing elements to be moved or cloned between different drag

This project is a suite of interactive color selection components designed for web applications. It provides a collection of graphical interfaces, including swatches, sliders, and palettes, that allow users to capture and manage color input within a browser-based environment. The library is built to maintain compatibility across different framework versions, allowing for integration into both modern and legacy projects without requiring a full migration. It utilizes reactive data binding and event-driven synchronization to ensure that selected color values remain consistent with the underlyin

Vue Flow is a TypeScript library for building interactive node-based editors and flowcharts. It provides the core infrastructure for creating diagrams where users can drag, select, and connect nodes with edges, supporting pan and zoom navigation of the canvas. The library offers extensive control over graph behavior and appearance, including the ability to customize connection lines, define custom edge types, and configure zoom constraints and viewport defaults. It includes built-in components like a minimap for navigation, zoom controls, and a fit-view button, along with features for node re

Konva is an object-oriented HTML5 canvas framework designed for building interactive 2D graphical applications. It provides a hierarchical scene graph that organizes shapes, images, and text into manageable nodes, groups, and layers. By mapping application state to canvas elements, the library enables developers to create complex visual interfaces using declarative patterns that synchronize with modern component-based frameworks. The library distinguishes itself through a robust event system that supports hit detection, bubbling, and direct manipulation of graphical objects, such as dragging,

Vue.Draggable is a component-based library for Vue.js that enables drag-and-drop functionality within web interfaces. It functions as a wrapper for the SortableJS engine, bridging the gap between imperative DOM manipulation and the declarative nature of the Vue.js reactive system. By synchronizing user interface interactions with the underlying data model, it ensures that list reordering and element movement are automatically reflected in the application state. The library supports complex interaction patterns, including the ability to move items between lists, clone elements using keyboard m

react-konva is a declarative React canvas graphics library and 2D vector graphics framework. It serves as a rendering engine and interactive canvas toolset that allows for the drawing and management of complex 2D shapes and graphics using a React component model. The library maps reactive component trees to an underlying object-oriented graphics scene graph, enabling the synchronization of visual states with application data. It provides specialized tools for building interactive graphical interfaces, including support for multi-touch gestures, drag-and-drop functionality, and real-time trans

FluentUI is a component-based UI framework that implements Microsoft's Fluent Design System for building cross-platform desktop applications. It provides a complete set of reusable UI components and styling tools that follow the Fluent Design language, enabling developers to create consistent visual interfaces across different operating systems. The framework includes a custom window frame manager that creates frameless application windows with integrated title bars and standard window controls, styled through CSS variables. It also features a single-page application router that manages view

Oat is a CSS variable-driven UI kit and semantic HTML component library that styles native HTML elements and attributes contextually, eliminating the need for CSS classes and reducing markup bloat. It provides a complete theming system where all visual properties are defined as CSS custom properties, allowing dark mode toggling and custom color themes by setting a single data attribute on the root element. The library delivers interactive UI elements as zero-dependency WebComponents that require no framework, build tool, or external library, while also offering declarative scroll animations t

PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C

This framework provides a comprehensive library of reusable, accessible UI components designed for server-side rendered web applications. It enables developers to build interactive interfaces by synchronizing state between the server and the browser, ensuring that markup and data remain consistent without requiring complex client-side logic. The project distinguishes itself through deep integration with artificial intelligence, offering tools that expose component schemas and interface definitions to coding assistants. This allows for automated discovery and implementation of UI elements, whi

Terminal.Gui is a cross-platform .NET toolkit for building interactive text-based user interfaces. It provides a component-based architecture, a terminal rendering engine, and a declarative layout system to create console applications that run consistently across Windows, macOS, and Linux. The framework distinguishes itself with a comprehensive set of interactive console widgets, including data grids, hex editors, and hierarchical tree components. It supports advanced visual capabilities such as 24-bit True Color, Sixel image support, and a relative-coordinate layout system that adapts to ter

This project is a collection of accessible, reusable interface components built for the Svelte framework. It functions as a comprehensive design system implementation, providing a standardized toolkit for constructing responsive and inclusive user interfaces that adhere to established design language and accessibility guidelines. The library distinguishes itself through a deep integration with the Svelte framework, utilizing compiler-based transformations to optimize component rendering and reactive state synchronization. It features a robust theme management system that applies visual styles

unplugin-vue-components is a build tool that automatically injects import and registration statements for Vue components based on their usage in templates. It functions as a framework-agnostic plugin compatible with multiple build tools, including Vite, Webpack, and Rollup. The project provides automated resolution for components from external UI libraries and supports directory-based namespacing to organize elements by folder. To maintain developer experience, it includes a type generator that creates TypeScript declaration files for components imported at build time. Additional capabilitie

Gods-pen is a Vue.js visual page builder and no-code landing page platform for creating responsive mobile marketing pages. It functions as a dockerized content management system and an extensible component framework, enabling the design and publishing of pages with integrated form collection and analytics tracking. The platform features a component marketplace manager for uploading, downloading, and monetizing reusable UI elements across different projects. It provides a comprehensive system for custom component development, utilizing a scaffolding system and schema-driven property mapping to

This project is a TypeScript-driven toolkit that provides decorators and class-based structures for building Vue.js components. It acts as a wrapper that replaces the standard options API object configuration with a class-based library, allowing developers to define component logic, state, and metadata using typed properties. The toolkit focuses on using TypeScript decorators to map class properties to component options such as props, models, and watchers. It enables type-driven prop validation and provides a structured syntax for managing reactive state synchronization and component communic

CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

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

ring-ui is a web UI component library used to build consistent web applications through a shared set of reusable interface elements and standardized styles. It provides a foundation for web interface development, specifically supporting the creation of visual experiences for software extensions and plugins. The library includes a grid-based layout system for organizing screen content and maintaining responsiveness across different window sizes. It features a CSS variable theming system for applying consistent visual identities, a data table framework for rendering large datasets, and a form i

Tui Grid is a JavaScript data grid component designed for rendering, editing, and organizing structured tabular information and hierarchical tree views within web applications. It provides inline data editing, validation rules, spreadsheet-style keyboard navigation, and virtualized rendering to handle extensive datasets efficiently. The library distinguishes itself through structural capabilities including command-based keyboard shortcuts for range selection and clipboard synchronization, a declarative cell renderer architecture, and virtual column pinning. It supports asynchronous remote dat

Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

vue-bits is a Vue component library and animated UI kit providing a collection of pre-built interface elements and text effects. It functions as a source-code distribution system for adding motion and interactivity to web pages. The project includes a command line installer that enables the targeted extraction of specific component source code directly into a local project directory. This CLI-driven approach allows for the integration of UI elements without relying on traditional package installation. The library covers animated UI development and frontend component management, using prop-dr

Tweaks is a runtime utility interface for modifying application variables, executing debug routines, and fine-tuning visual parameters on iOS platforms. It functions as a parameter tuner and debugging tool that allows for the adjustment of app behavior without restarting the application. The project provides a dynamic configuration UI, accessible via shake gestures, to modify animation timings, colors, and logic parameters in real time. It enables the execution of global debug actions and the overwriting of hardcoded constants with values from a persistent configuration store. The system cov

RKNotificationHub is a customizable badge UI library and a reusable SwiftUI notification badge component. It provides a view modifier and wrapper designed to attach numeric or dot notification indicators to any user interface element within a mobile application. The library enables the management of notification badge displays, including the ability to customize colors, frame positions, and scales relative to parent views. It includes a system for badge count management to update activity indicators through incrementing, decrementing, or explicitly setting the count. The project covers the b