For hidden item visibility controls, the strongest matches are excid3/tailwindcss-stimulus-components (This repository provides a collection of reusable UI components), ant-design/ant-design (Ant Design is a comprehensive enterprise-grade UI component library) and buefy/buefy (Buefy is a UI component library for Vue). picturepan2/spectre and angular-ui/bootstrap round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
Explore the best open-source UI element visibility controls for hidden items, ranked by GitHub stars and activity to help you find the right fit.
This project is a collection of pre-built, reusable interface components designed for web applications that utilize StimulusJS and TailwindCSS. It functions as a frontend interaction framework, providing a set of standard UI elements that manage state and user behavior through declarative controller patterns. The library distinguishes itself by integrating utility-first styling with accessible component authoring. It leverages HTML attributes to bind JavaScript logic directly to DOM elements, enabling developers to implement complex interactions like modals, dropdowns, and tabbed content with
This repository provides a collection of reusable UI components built with Tailwind CSS and StimulusJS, featuring built-in visibility toggling and accessibility support that fit your component needs.
Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l
Ant Design is a comprehensive enterprise-grade UI component library that provides robust state-managed toggling components, accessibility support, and customizable styling suited for building complex web applications.
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
Buefy is a UI component library for Vue.js that includes collapse sections and dropdown menus for handling visibility states, making it a solid fit for this component requirement even if dedicated toggle visibility controls are part of its broader widget set.
Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca
Spectre is a CSS framework and UI component library that provides pre-styled interface elements and layout utilities, though its lack of JavaScript-driven toggle state management and dynamic animation transitions means it requires extra tooling to handle hidden item visibility.
This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen
This project is a native Angular component library providing collapsible sections and visibility toggles, though it is tied specifically to the Bootstrap framework rather than being a general-purpose UI library.
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
This comprehensive UI toolkit includes responsive visibility utilities and collapsible components that fulfill the requirement for toggling hidden element displays.
Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes
Ark is a headless UI component library providing accessible primitives, state-driven behavior, and unstyled components that support custom styling and toggle functionality, making it a strong fit for building visibility controls.
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
Base UI is an unstyled, headless UI component library that provides accessible primitives and state management suitable for building visibility toggles and hidden element controls, though you must supply your own styling and transitions.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Mantine is a comprehensive React UI component library providing accessible building blocks, hooks, and state management utilities that support building toggleable interfaces and visibility controls.
This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin
This project is a broad UI component library for Tailwind CSS that includes collapsible sections and toggle-related elements, though it focuses more on static styling than dedicated visibility state management.
Bootstrap Toggle is a frontend interface component and JavaScript plugin designed to convert standard web form checkboxes into interactive toggle switches. It integrates with the Bootstrap design framework to provide enhanced form controls through automatic markup enhancement. The component transforms static elements by parsing inline HTML attributes during initialization and applying modular CSS styles and dynamic class switching. It supports appearance customization for dimensions, button styles, state labels, colors, and icons, alongside bi-directional event synchronization that keeps nati
Bootstrap Toggle is a UI component library plugin that converts standard checkboxes into interactive toggle switches, though it focuses more on form controls than general hidden element visibility.
Vue.js toggle switch component is a lightweight interactive frontend form control that collects boolean input and renders a customizable binary switch for web applications. It functions as a customizable UI widget with configurable colors, dimensions, labels, and transition animations, replacing standard checkboxes and radio buttons to match specific design requirements. The component manages binary toggle states internally while exposing event emitters, triggering callback functions with updated state and click details upon user interaction. It maintains UI consistency through reactive prop
This Vue.js component provides a dedicated toggle switch for managing hidden items, though it focuses narrowly on a single button control rather than a full library of general UI visibility components.
| Repository | Stars | Language | License | Last push |
|---|---|---|---|---|
| excid3/tailwindcss-stimulus-components | 1.5K | JavaScript | MIT | |
| ant-design/ant-design | 98.4K | TypeScript | MIT | |
| buefy/buefy | 9.5K | Vue | MIT | |
| picturepan2/spectre | 11.3K | CSS | MIT | |
| angular-ui/bootstrap | 14.2K | JavaScript | mit | |
| vuetifyjs/vuetify | 41K | TypeScript | NOASSERTION | |
| chakra-ui/ark | 5K | TypeScript | mit | |
| mui/base-ui | 8.7K | TypeScript | mit | |
| mantinedev/mantine | 31.3K | TypeScript | MIT | |
| saadeghi/daisyui | 41.1K | Svelte | MIT |