awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

11 repositorios

Awesome GitHub RepositoriesUI Button Components

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.

Awesome UI Button Components GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • squidfunk/mkdocs-materialAvatar de squidfunk

    squidfunk/mkdocs-material

    26,949Ver en GitHub↗

    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.

    Pythondocumentationframeworkmaterial-design
    Ver en GitHub↗26,949
  • mdbootstrap/mdb-ui-kitAvatar de mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256Ver en GitHub↗

    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.

    SCSSbootstrapbootstrap-materialbootstrap-template
    Ver en GitHub↗24,256
  • picocss/picoAvatar de picocss

    picocss/pico

    16,342Ver en GitHub↗

    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.

    CSScsscss-frameworkdark-mode
    Ver en GitHub↗16,342
  • didi/cube-uiAvatar de didi

    didi/cube-ui

    9,116Ver en GitHub↗

    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.

    JavaScriptcube-uijavascriptui-library
    Ver en GitHub↗9,116
  • software-mansion/react-native-gesture-handlerAvatar de software-mansion

    software-mansion/react-native-gesture-handler

    6,755Ver en GitHub↗

    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.

    TypeScriptgesturejavascriptreact-native
    Ver en GitHub↗6,755
  • hiloteam/hiloAvatar de hiloteam

    hiloteam/Hilo

    5,932Ver en GitHub↗

    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.

    JavaScriptcanvasgamehilo
    Ver en GitHub↗5,932
  • tedgoas/cerberusAvatar de TedGoas

    TedGoas/Cerberus

    5,121Ver en GitHub↗

    Cerberus es un framework de plantillas de correo electrónico HTML que proporciona una colección de patrones de marcado probados y kits arquitectónicos. Está diseñado para crear boletines informativos por correo electrónico responsivos que se renderizan de forma consistente en diversos clientes de software. El proyecto cuenta con un sistema de diseño de correo electrónico responsivo usando estructuras fluidas e híbridas basadas en tablas, junto con un kit CSS para múltiples clientes que emplea marcado condicional para mantener la consistencia visual en clientes heredados. Incluye metodologías específicas para implementar el modo oscuro ajustando colores e imágenes según las preferencias de tema del sistema operativo. El framework cubre una amplia gama de capacidades, incluyendo integración de accesibilidad para lectores de pantalla, la generación de alternativas de texto plano y el diseño de componentes de UI fiables como botones de acción e imágenes fluidas. También proporciona estrategias para el estilo de tipografía, optimización de imágenes y compatibilidad entre clientes.

    Constructs multi-tag button components to provide consistent tap targets and hover effects across diverse email clients.

    HTML
    Ver en GitHub↗5,121
  • ionicfirebaseapp/getwidgetAvatar de ionicfirebaseapp

    ionicfirebaseapp/getwidget

    4,819Ver en GitHub↗

    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.

    Dartdartdart-librarydart-package
    Ver en GitHub↗4,819
  • hakimel/cssAvatar de hakimel

    hakimel/css

    4,538Ver en GitHub↗

    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.

    HTML
    Ver en GitHub↗4,538
  • taiga-family/taiga-uiAvatar de taiga-family

    taiga-family/taiga-ui

    4,002Ver en GitHub↗

    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.

    TypeScriptangularbest-practicescdk
    Ver en GitHub↗4,002
  • kyleamathews/typography.jsAvatar de KyleAMathews

    KyleAMathews/typography.js

    3,855Ver en GitHub↗

    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.

    JavaScript
    Ver en GitHub↗3,855
  1. Home
  2. User Interface & Experience
  3. UI Button Components

Explorar subetiquetas

  • Legacy Button Behavior ReplicatorsMimics the exact press behavior of legacy button components through configurable animation timing and visual props. **Distinct from UI Button Components:** Distinct from UI Button Components: focuses on replicating legacy button press behaviors, not general button styling or link transformation.
  • Multi-State Game Buttons1 sub-etiquetaCreates clickable buttons that change appearance for up, over, down, and disabled interaction states in games. **Distinct from UI Button Components:** Distinct from UI Button Components: adds multiple visual states for game-specific button interactions, not just link-to-button styling.
  • Pill-Shaped ButtonsButtons featuring fully rounded corners and solid backgrounds. **Distinct from UI Button Components:** Specifically targets the pill-shaped button aesthetic, distinct from general link-to-button transformations.
  • Toggleable Action Buttons1 sub-etiquetaButtons 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.