awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

UI element visibility

Ranking updated Jul 29, 2026

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.

UI element visibility

Find the best repos with AI.We'll search the best matching repositories with AI.
  • excid3/tailwindcss-stimulus-componentsexcid3 avatar

    excid3/tailwindcss-stimulus-components

    1,516View on GitHub↗

    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.

    JavaScriptVisibility Toggles
    View on GitHub↗1,516
  • ant-design/ant-designant-design avatar

    ant-design/ant-design

    98,362View on GitHub↗

    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.

    TypeScriptComponent LibrariesButtonsDesign Tokens
    View on GitHub↗98,362
  • buefy/buefybuefy avatar

    buefy/buefy

    9,531View on GitHub↗

    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.

    VueTheme Style CustomizationsCollapse Sections
    View on GitHub↗9,531
  • picturepan2/spectrepicturepan2 avatar

    picturepan2/spectre

    11,317View on GitHub↗

    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.

    CSSConditional Visibility TogglingCollapse Sections
    View on GitHub↗11,317
  • angular-ui/bootstrapangular-ui avatar

    angular-ui/bootstrap

    14,206View on GitHub↗

    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.

    JavaScriptVisibility TogglesCollapse Sections
    View on GitHub↗14,206
  • vuetifyjs/vuetifyvuetifyjs avatar

    vuetifyjs/vuetify

    41,003View on GitHub↗

    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.

    TypeScriptAccessibility UtilitiesAccessibility Helpers
    View on GitHub↗41,003
  • chakra-ui/arkchakra-ui avatar

    chakra-ui/ark

    5,004View on GitHub↗

    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.

    TypeScriptAnimation Transition ComponentsCSS StylingVisibility Toggles
    View on GitHub↗5,004
  • mui/base-uimui avatar

    mui/base-ui

    8,711View on GitHub↗

    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.

    TypeScriptAnimation Transition ComponentsToggle Buttons
    View on GitHub↗8,711
  • mantinedev/mantinemantinedev avatar

    mantinedev/mantine

    31,263View on GitHub↗

    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.

    TypeScriptAccessibility Utilities
    View on GitHub↗31,263
  • saadeghi/daisyuisaadeghi avatar

    saadeghi/daisyui

    41,125View on GitHub↗

    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.

    SvelteUI Component LibrariesButtonsDesign Systems
    View on GitHub↗41,125
  • minhur/bootstrap-toggleminhur avatar

    minhur/bootstrap-toggle

    1,458View on GitHub↗

    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.

    HTMLCheckbox Toggle ConversionsBootstrap Form EnhancementsCheckbox Components
    View on GitHub↗1,458
  • euvl/vue-js-toggle-buttoneuvl avatar

    euvl/vue-js-toggle-button

    924View on GitHub↗

    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.

    VueForm Input ControlsToggle Switch ComponentsToggle Switches
    View on GitHub↗924
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
excid3/tailwindcss-stimulus-components1.5KJavaScriptMITJun 12, 2026
ant-design/ant-design98.4KTypeScriptMITJun 16, 2026
buefy/buefy9.5KVueMITJun 14, 2026
picturepan2/spectre11.3KCSSMITApr 11, 2024
angular-ui/bootstrap14.2KJavaScriptmitFeb 10, 2019
vuetifyjs/vuetify41KTypeScriptNOASSERTIONJun 16, 2026
chakra-ui/ark5KTypeScriptmitFeb 21, 2026
mui/base-ui8.7KTypeScriptmitFeb 20, 2026
mantinedev/mantine31.3KTypeScriptMITJun 16, 2026
saadeghi/daisyui41.1KSvelteMITJun 15, 2026

Related searches

  • Navbar UI components
  • Visual masking software
  • Web navigation framework
  • Form input grouping
  • Navigation menu components
  • a secure tool for managing application secrets
  • UI navigation components
  • Metadata management system