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
·
kyleduo avatar

kyleduo/SwitchButton

0
View on GitHub↗
4,746 stars·865 forks·Java·12 views

SwitchButton

SwitchButton is a customizable toggle switch widget for creating animated on and off switches with configurable labels and colors. It serves as an interactive form input that allows users to switch between two opposing options using a state-driven component.

The widget is designed to be gesture-aware, capturing horizontal swipe movements to trigger state changes while allowing vertical scroll events to pass through to the parent container.

The component supports the definition of custom colors, dimensions, and corner radii for both the toggle thumb and background track. It includes capabilities for managing toggle states, configuring label text, and adjusting animation speeds.

Features

  • Toggle Switches - Provides a customizable toggle switch widget for binary state selection.
  • UI State Toggles - Manages the transition between checked and unchecked visual states programmatically or via interaction.
  • Toggle Switches - Offers detailed styling options for colors, dimensions, and corner radii of the toggle components.
  • Gesture-Based UI Components - Provides a UI component that reacts to horizontal gesture coordinates to drive its visual state.
  • Gesture Interference Prevention - Prevents default page scrolling while the user is performing a horizontal swipe to toggle the switch.
  • Switch Widgets - A reusable, styled switch widget for binary boolean input.
  • Swipe-to-Scroll Handlers - Handles touch events to distinguish between horizontal toggling swipes and vertical page scrolling.
  • State-Driven Animations - Uses interpolation to animate position and color changes based on the binary toggle state.
  • Component Style Mappings - Translates configuration properties into visual styles for the switch thumb and background track.
  • Percentage-Based Position Calculators - Calculates the horizontal position of the toggle thumb as a percentage of the container width.
  • Custom Widget Implementation - Implements custom layout and rendering logic for a specialized animated toggle switch.
  • Mobile UI Styling - Implements a modern, gesture-responsive mobile design for toggle switches.
  • Styling Property Mappings - Associates configuration parameters with specific visual styling properties for the toggle widget.
  • Widgets and Controls - Customizable switch button with Material styling.

Star history

Star history chart for kyleduo/switchbuttonStar history chart for kyleduo/switchbutton

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does kyleduo/switchbutton do?

SwitchButton is a customizable toggle switch widget for creating animated on and off switches with configurable labels and colors. It serves as an interactive form input that allows users to switch between two opposing options using a state-driven component.

What are the main features of kyleduo/switchbutton?

The main features of kyleduo/switchbutton are: Toggle Switches, UI State Toggles, Gesture-Based UI Components, Gesture Interference Prevention, Switch Widgets, Swipe-to-Scroll Handlers, State-Driven Animations, Component Style Mappings.

What are some open-source alternatives to kyleduo/switchbutton?

Open-source alternatives to kyleduo/switchbutton include: xinthink/react-native-material-kit — This project is a Material Design UI library and cross-platform mobile component kit. It provides a set of pre-styled… ohif/viewers — Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic… pkluz/pkrevealcontroller — PKRevealController is an iOS navigation framework and slide-over UI controller. It functions as a gesture-based… markusenglund/react-switch — React Switch is an interactive form input element for capturing binary boolean choices in web applications. It… bttstrp/bootstrap-switch — Bootstrap-switch is a jQuery plugin that transforms standard HTML checkboxes and radio buttons into visual toggle… metafizzy/flickity — Flickity is a JavaScript library used to create responsive, touch-enabled content carousels and sliders for web pages.…

Open-source alternatives to SwitchButton

Similar open-source projects, ranked by how many features they share with SwitchButton.
  • xinthink/react-native-material-kitxinthink avatar

    xinthink/react-native-material-kit

    4,821View on GitHub↗

    This project is a Material Design UI library and cross-platform mobile component kit. It provides a set of pre-styled user interface components and a layout framework designed to ensure a consistent visual experience across different mobile devices. The library includes a mobile theme management system for defining and updating global color palettes and styling rules across an application interface. It implements standardized layout patterns and spacing rules to maintain a clean and consistent design. The toolkit covers the construction of mobile forms and interfaces using elements such as b

    TypeScript
    View on GitHub↗4,821
  • ohif/viewersOHIF avatar

    OHIF/Viewers

    4,035View on GitHub↗

    Viewers is a zero-footprint DICOMweb medical imaging viewer and a modular plugin framework. It serves as a diagnostic interface for rendering 2D and 3D medical images, providing a web-based clinical workflow engine to automate image layouts and toolsets. The project distinguishes itself through a highly extensible architecture that allows for the development of custom clinical workflows, specialized viewing modes, and the integration of external functional extensions. It includes a dedicated command line interface for managing these plugins and supports white-labeling through a comprehensive

    TypeScriptcancer-imaging-researchdicomdicom-viewer
    View on GitHub↗4,035
  • metafizzy/flickitymetafizzy avatar

    metafizzy/flickity

    7,576View on GitHub↗

    Flickity is a JavaScript library used to create responsive, touch-enabled content carousels and sliders for web pages. It provides a system for building flickable galleries that allow users to navigate through collections of elements using touch or mouse input. The library specializes in performance and movement, featuring lazy-loading for images that defers loading off-screen content until it enters the viewport. It supports infinite scrolling loops that wrap back to the first cell after the last is reached, as well as automated slide transitions for slideshow experiences. The toolset inclu

    JavaScript
    View on GitHub↗7,576
  • bttstrp/bootstrap-switchBttstrp avatar

    Bttstrp/bootstrap-switch

    5,041View on GitHub↗

    Bootstrap-switch is a jQuery plugin that transforms standard HTML checkboxes and radio buttons into visual toggle switches. It serves as a form input switch that provides a sliding toggle interaction as a replacement for traditional binary input elements. This component is designed specifically for Bootstrap interfaces, allowing for the customization of web pages that follow the Bootstrap CSS framework design system. It enhances web forms by converting basic input elements into interactive switches to improve the visual clarity of binary settings and preferences.

    Pugbootstrapbootstrap-switchcheckbox
    View on GitHub↗5,041
See all 30 alternatives to SwitchButton→