awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

11 个仓库

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

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • squidfunk/mkdocs-materialsquidfunk 的头像

    squidfunk/mkdocs-material

    26,949在 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
    在 GitHub 上查看↗26,949
  • mdbootstrap/mdb-ui-kitmdbootstrap 的头像

    mdbootstrap/mdb-ui-kit

    24,256在 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
    在 GitHub 上查看↗24,256
  • picocss/picopicocss 的头像

    picocss/pico

    16,342在 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
    在 GitHub 上查看↗16,342
  • didi/cube-uididi 的头像

    didi/cube-ui

    9,116在 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
    在 GitHub 上查看↗9,116
  • software-mansion/react-native-gesture-handlersoftware-mansion 的头像

    software-mansion/react-native-gesture-handler

    6,755在 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
    在 GitHub 上查看↗6,755
  • hiloteam/hilohiloteam 的头像

    hiloteam/Hilo

    5,932在 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
    在 GitHub 上查看↗5,932
  • tedgoas/cerberusTedGoas 的头像

    TedGoas/Cerberus

    5,121在 GitHub 上查看↗

    Cerberus 是一个 HTML 电子邮件模板框架,提供了一系列经过测试的标记模式和架构套件。它旨在创建在不同软件客户端上呈现一致的响应式电子邮件通讯。 该项目具有使用流式和混合表格结构的响应式电子邮件布局系统,以及一个跨客户端 CSS 套件,该套件采用条件标记以在旧版客户端中保持视觉一致性。它包括通过根据操作系统主题偏好调整颜色和图像来实现深色模式的具体方法。 该框架涵盖了广泛的功能,包括针对屏幕阅读器的辅助功能集成、纯文本替代方案的生成,以及操作按钮和流式图像等可靠 UI 组件的设计。它还提供了排版样式、图像优化和跨客户端兼容性的策略。

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

    HTML
    在 GitHub 上查看↗5,121
  • ionicfirebaseapp/getwidgetionicfirebaseapp 的头像

    ionicfirebaseapp/getwidget

    4,819在 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
    在 GitHub 上查看↗4,819
  • hakimel/csshakimel 的头像

    hakimel/css

    4,538在 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
    在 GitHub 上查看↗4,538
  • taiga-family/taiga-uitaiga-family 的头像

    taiga-family/taiga-ui

    4,002在 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
    在 GitHub 上查看↗4,002
  • kyleamathews/typography.jsKyleAMathews 的头像

    KyleAMathews/typography.js

    3,855在 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
    在 GitHub 上查看↗3,855
  1. Home
  2. User Interface & Experience
  3. UI Button Components

探索子标签

  • 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 个子标签Creates 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 个子标签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.