11 Repos
Styling utilities that transform standard links into visual button components.
Distinguishing note: Focuses on the visual transformation of links into buttons rather than general UI layout.
Explore 11 awesome GitHub repositories matching user interface & experience · UI Button Components. Refine with filters or upvote what's useful.
This project is a comprehensive documentation site framework and static site generator theme designed to transform markdown files into professional, responsive websites. It functions as a technical content platform that supports complex documentation projects, including multi-project management, blog workflows, and advanced content formatting. By processing source files through an extensible pipeline, it generates self-contained HTML sites that can be hosted on any web server without a database. What distinguishes this framework is its focus on developer experience and highly configurable bui
The documentation generator renders links as styled buttons by applying specific CSS classes to link syntax for standard or icon-enhanced button variations.
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.
Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz
Applies consistent visual themes to buttons and interactive components using semantic attributes.
cube-ui is a mobile-first Vue.js component library that provides a comprehensive set of pre-built UI elements for building touch-based mobile web applications. The library is built on Vue's single-file component architecture and supports on-demand ES module imports, allowing developers to selectively load only the components they need to optimize bundle size. It also offers plugin-based global registration for convenient setup and includes a CLI scaffolding tool to generate project skeletons with pre-configured build settings. The library distinguishes itself with a gesture-driven interaction
Ships clickable button components that trigger actions when tapped by the user.
React Native Gesture Handler is a declarative library that exposes the platform's native touch and gesture system to React Native, enabling smooth, deterministic gesture handling on the UI thread. It manages gesture recognition through a native state machine with defined transitions between states like BEGAN, ACTIVE, END, and CANCELLED, routing touch events through platform-native gesture recognizers on both iOS and Android. The library provides a comprehensive gesture composition framework that allows developers to combine multiple gestures into race, simultaneous, or exclusive sequences, co
Replicates legacy button press behaviors with configurable animation timing and visual props.
Hilo is an HTML5 game engine for building 2D games that run across browsers and devices. It renders graphics through Canvas, DOM, or WebGL backends, automatically selecting the best option for the target environment. The engine provides a complete game development solution with sprite, skeletal, and particle animation, along with a texture atlas system for efficient image loading and rendering. The framework distinguishes itself through its integration of the DragonBones skeletal animation engine, which drives bone-based character movement without frame-by-frame sprites, and its Chipmunk phys
Creates clickable buttons with distinct up, over, down, and disabled visual states.
Cerberus ist ein HTML-E-Mail-Template-Framework, das eine Sammlung getesteter Markup-Muster und Architektur-Kits bereitstellt. Es ist darauf ausgelegt, responsive E-Mail-Newsletter zu erstellen, die über diverse Software-Clients hinweg konsistent gerendert werden. Das Projekt verfügt über ein responsives E-Mail-Layout-System unter Verwendung fluider und hybrider tabellenbasierter Strukturen, neben einem Cross-Client-CSS-Kit, das bedingtes Markup verwendet, um visuelle Konsistenz in älteren Clients aufrechtzuerhalten. Es enthält spezifische Methoden zur Implementierung des Dark Mode durch Anpassung von Farben und Bildern basierend auf den Theme-Präferenzen des Betriebssystems. Das Framework deckt ein breites Spektrum an Fähigkeiten ab, einschließlich Accessibility-Integration für Screenreader, die Generierung von Plain-Text-Alternativen und das Design zuverlässiger UI-Komponenten wie Action-Buttons und fluider Bilder. Es bietet zudem Strategien für Typografie-Styling, Bildoptimierung und Cross-Client-Kompatibilität.
Constructs multi-tag button components to provide consistent tap targets and hover effects across diverse email clients.
Getwidget is a comprehensive Flutter UI component library and design system providing over 1,000 pre-built widgets for creating cross-platform user interfaces. It serves as a production-ready widget gallery designed to accelerate the front-end development process through a wide array of pre-composed elements. The project includes a specialized AI interaction UI kit featuring components for rendering streaming large language model responses, RAG chat interfaces, and real-time voice agents. It also provides operational utilities for estimating monthly LLM expenditures based on token usage and p
Includes clickable buttons with fully rounded corners and a solid background color.
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.