4 Repos
Buttons that switch between two visual states, typically used for liking, bookmarking, or favoring items.
Distinct from UI Button Components: Specific to the toggle state logic and visual feedback of an action, rather than general button styling.
Explore 4 awesome GitHub repositories matching user interface & experience · Toggleable Action Buttons. Refine with filters or upvote what's useful.
The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp
Implements buttons that toggle between active and inactive states to indicate a persistent selection.
This project is a collection of experimental frontend prototypes, comprising a creative web layout gallery, a CSS user interface component library, and a visual experiment lab. It serves as an interactive animation showcase for holographic effects, audio-visual synthesis, and dynamic state transitions. The repository features specialized implementations of interactive media, including physics-based particle systems, real-time audio-visual synthesis, and an interactive sketching system. It also includes tools for content generation, such as text-based image reconstruction and a web-based prese
Transitions a single UI element from a primary action to a confirmation state via a flipping animation.
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
Renders a toggleable icon button to indicate a liked state with support for custom coloring.
Typography.js is a configuration-driven engine designed to standardize web design systems by generating consistent CSS rules for font scales, line heights, and vertical rhythm. It functions as a centralized toolkit where developers define typographic settings within a single JavaScript object, which the engine then translates into a complete set of style rules for an entire project. The project distinguishes itself through its portability and extensibility, allowing design themes to be packaged as reusable objects that maintain a unified visual language across multiple applications. A modular
Applies custom styles or classes to navigation elements to control how they appear and disappear when switching between pinned and unpinned states.