awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

92 repository-uri

Awesome GitHub RepositoriesButton Styles

Collections of visual properties and themes applied to interactive buttons.

Distinguishing note: Focuses on visual styling properties for buttons rather than functional navigation components.

Explore 92 awesome GitHub repositories matching user interface & experience · Button Styles. Refine with filters or upvote what's useful.

Awesome Button Styles GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • vuetifyjs/vuetifyAvatar vuetifyjs

    vuetifyjs/vuetify

    41,003Vezi pe GitHub↗

    This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

    The library applies a specific property to pagination buttons to render them with rounded corners for a custom visual appearance.

    TypeScriptjavascriptmaterialmaterial-components
    Vezi pe GitHub↗41,003
  • filamentphp/filamentAvatar filamentphp

    filamentphp/filament

    31,215Vezi pe GitHub↗

    Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo

    Allows customization of the visual appearance of action triggers using buttons, links, or icons.

    PHPadminalpine-jsbuilder
    Vezi pe GitHub↗31,215
  • ankitects/ankiAvatar ankitects

    ankitects/anki

    28,571Vezi pe GitHub↗

    Anki is a cross-platform flashcard management system designed to optimize long-term memory retention through spaced-repetition learning. It functions as a digital learning assistant that uses active recall practice and automated scheduling algorithms to determine the ideal timing for card reviews based on individual performance history. The core system relies on a local relational database to ensure data persistence and portability, while supporting complex study workflows through flexible note-type schema modeling and template-driven content rendering. The platform distinguishes itself throu

    Adjusts the visual appearance and size of audio replay buttons through styles to match the card design.

    Rust
    Vezi pe GitHub↗28,571
  • mdbootstrap/mdb-ui-kitAvatar mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256Vezi pe 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

    Ships a wide array of button styles with various semantic colors, sizes, and visual properties.

    SCSSbootstrapbootstrap-materialbootstrap-template
    Vezi pe GitHub↗24,256
  • dhg/skeletonAvatar dhg

    dhg/Skeleton

    19,410Vezi pe GitHub↗

    Skeleton is a lightweight responsive CSS boilerplate and mobile-first framework. It provides a foundation for building mobile-friendly websites through a fluid 12-column grid system, a minimal CSS reset library to normalize browser defaults, and default styling for raw HTML elements. The project emphasizes a mobile-first development approach, using percentage-based widths and predefined media queries to progressively enhance layouts for larger screens. It includes a utility-first library of single-purpose classes to manage common layout tasks such as floating elements, clearing, and width con

    Applies distinct visual treatments to links and form elements to differentiate action prominence.

    CSS
    Vezi pe GitHub↗19,410
  • academicpages/academicpages.github.ioAvatar academicpages

    academicpages/academicpages.github.io

    17,152Vezi pe GitHub↗

    This project is a static site generator template designed for academics to build and maintain professional portfolios. It transforms markdown files and structured data into a cohesive website, allowing scholars to document their research publications, teaching experience, and speaking history without the need for a database. The platform is distinguished by its specialized tools for scholarly dissemination, including the ability to showcase research output with metadata and abstracts, and to catalog professional talks through interactive geographic visualizations. It supports the presentation

    Styles hyperlinks as buttons to provide visual emphasis and improve call-to-action visibility.

    SCSSacademic-websitegithub-pagesjekyll
    Vezi pe GitHub↗17,152
  • designmodo/flat-uiAvatar designmodo

    designmodo/Flat-UI

    15,213Vezi pe GitHub↗

    Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts. The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth. The toolkit covers a broad range of interface capabilities, including customized form elements

    Provides styled action buttons with various sizes and responsive scaling.

    JavaScript
    Vezi pe GitHub↗15,213
  • questpdf/questpdfAvatar QuestPDF

    QuestPDF/QuestPDF

    14,088Vezi pe GitHub↗

    QuestPDF is a C# PDF generation library and layout engine used to create structured documents, reports, and invoices. It utilizes a fluent API and a component-based layout approach to convert code into high-fidelity PDF and XPS files. The library distinguishes itself with a dedicated layout debugger that provides real-time previews, hot-reload capabilities, and visual boundary tools to map rendered elements back to source code. It also functions as an accessibility tool, providing semantic tagging and navigational aids to ensure documents comply with international accessibility and archival s

    Provides the ability to apply rounded corner radii to structural containers for a softer visual appearance.

    C#c-sharpdotnet-coreexport
    Vezi pe GitHub↗14,088
  • facebookarchive/asyncdisplaykitAvatar facebookarchive

    facebookarchive/AsyncDisplayKit

    13,345Vezi pe GitHub↗

    AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy

    Configures titles, fonts, and colors for button components across different control states.

    Objective-C++
    Vezi pe GitHub↗13,345
  • picturepan2/spectreAvatar picturepan2

    picturepan2/spectre

    11,317Vezi pe GitHub↗

    Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

    Provides a comprehensive set of button styles including primary, link, and default variants in various sizes.

    CSS
    Vezi pe GitHub↗11,317
  • daybrush/moveableAvatar daybrush

    daybrush/moveable

    10,720Vezi pe GitHub↗

    Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!

    Provides interactive corner rounding via drag handles on selected elements.

    TypeScriptdraggablegroupablemovable
    Vezi pe GitHub↗10,720
  • milligram/milligramAvatar milligram

    milligram/milligram

    10,214Vezi pe GitHub↗

    A minimalist CSS framework.

    Ships flat, outlined, and clear button variants applied directly to button or anchor elements.

    HTMLampcsscss-framework
    Vezi pe GitHub↗10,214
  • wasabeef/glide-transformationsAvatar wasabeef

    wasabeef/glide-transformations

    9,888Vezi pe GitHub↗

    This is a Glide image transformation library for Android that provides a collection of image processing filters and shapes. It functions as a suite of hardware-accelerated tools for image cropping, artistic filtering, and transformation pipeline management. The project distinguishes itself through an image filter pipeline that allows for sequential transformation chaining, enabling multiple visual effects and color modifications to be applied in a single pass. It utilizes GPU acceleration to implement artistic effects such as pixelation, sketching, and blur. The library covers a broad range

    Provides functionality to soften image corners using various corner types and alignment configurations.

    Javaandroidandroid-libraryglide
    Vezi pe GitHub↗9,888
  • gcssloop/androidnoteAvatar GcsSloop

    GcsSloop/AndroidNote

    9,332Vezi pe GitHub↗

    AndroidNote is a technical knowledge base and reference resource for Android development. It provides comprehensive guidance on application architecture, custom view development, and advanced graphics programming. The project is distinguished by its depth in visual implementation, covering pseudo-3D perspective projections via virtual cameras and complex 2D rendering using Bézier curves and PorterDuff color blending. It also provides detailed methodologies for app modularization and the management of internal libraries through private Maven repositories and JitPack. The reference surface ext

    Provides a reusable layout component that clips its child views into rounded rectangle shapes.

    Javaandroidandroid-studiocustom-view
    Vezi pe GitHub↗9,332
  • vinceliuice/whitesur-gtk-themeAvatar vinceliuice

    vinceliuice/WhiteSur-gtk-theme

    9,025Vezi pe GitHub↗

    WhiteSur-gtk-theme is a visual theme that transforms GTK-based Linux desktop environments to resemble the macOS interface. It applies its styles through a CSS-based theme engine that overrides GTK stylesheets, using a centralized palette system to propagate accent colors across all themed components. The theme supports variant selection through symbolic links, allowing users to switch between opacity and color variants at install time. The theme distinguishes itself by covering a broad range of desktop surfaces beyond standard GTK applications. It injects custom CSS into Firefox through userC

    Provides options to select the style of window control buttons to match user preference.

    CSSgnomegtkgtk-theme
    Vezi pe GitHub↗9,025
  • geekyants/vue-native-coreAvatar GeekyAnts

    GeekyAnts/vue-native-core

    8,281Vezi pe GitHub↗

    Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes. The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat

    Renders platform-styled buttons that fire callbacks when pressed in mobile apps.

    JavaScriptandroidframeworkios
    Vezi pe GitHub↗8,281
  • layui/layerAvatar layui

    layui/layer

    8,196Vezi pe GitHub↗

    This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading

    Formats HTML elements as buttons with customizable themes, sizes, rounded corners, and icons.

    JavaScriptalertconfirmdialog
    Vezi pe GitHub↗8,196
  • hakimel/laddaAvatar hakimel

    hakimel/Ladda

    7,796Vezi pe GitHub↗

    Ladda is an animated button library that provides loading button components to signal processing states during web interactions. It serves as a form submission indicator that replaces button text with a loading spinner during asynchronous operations to provide user feedback and prevent multiple clicks. The library focuses on asynchronous UI feedback and frontend state visualization. It links the visual appearance of buttons to the loading state of API calls and manages the user experience during form submissions. Capabilities include the creation of buttons with integrated animation styles a

    Provides a set of button styles with built-in transitions and indicators to signal processing states.

    JavaScript
    Vezi pe GitHub↗7,796
  • bearded-hen/android-bootstrapAvatar Bearded-Hen

    Bearded-Hen/Android-Bootstrap

    7,226Vezi pe GitHub↗

    Android-Bootstrap is a framework for Android application design that implements the Bootstrap design language and layout principles. It consists of a UI component library, a brand theme engine, and an icon integration toolkit to build mobile interfaces with a consistent visual theme. The framework utilizes a customizable interface to define global visual styles, colors, and typography across all application components. It includes a specialized system for mapping typeface files and unicode characters to scalable graphics within the interface. The project provides a collection of styled widge

    Ships styled action buttons with icon support and custom themes for triggering application controls.

    Java
    Vezi pe GitHub↗7,226
  • chenyilong/cyltabbarcontrollerAvatar ChenYilong

    ChenYilong/CYLTabBarController

    6,996Vezi pe GitHub↗

    CYLTabBarController is an iOS tab bar UI library and interface system designed for implementing advanced navigation layouts, glassmorphism effects, and dynamic vector-based icon animations. It provides a collection of components to customize the standard iOS navigation bar with specialized visual styles and layouts. The library distinguishes itself through the integration of Lottie for vector animations within navigation icons and the inclusion of a glassmorphism UI kit for creating blurred, translucent overlays. It specifically enables the implementation of emphasized center action buttons a

    Provides the ability to place an emphasized primary action button in the center of the navigation bar.

    Swift
    Vezi pe GitHub↗6,996
Înapoi1234…5Înainte
  1. Home
  2. User Interface & Experience
  3. Button Styles

Explorează sub-etichetele

  • Action Buttons15 sub-tag-uriStyled interactive buttons used to trigger specific application actions. **Distinct from Button Styles:** Focuses on the functional action-triggering buttons specifically, whereas Button Styles covers the general visual properties applicable to any button.
  • Action Trigger StylingVisual configuration for action buttons, links, and badges. **Distinct from Button Styles:** Distinct from Button Styles: focuses on styling functional action triggers specifically, rather than general button components.
  • Animated State StylesButton style collections that include built-in transitions and processing indicators. **Distinct from Button Styles:** Focuses on the animation of state transitions rather than static visual themes
  • Brand-Specific ButtonsButtons styled with the official colors and iconography of specific third-party brands and platforms. **Distinct from Button Styles:** Distinct from general button styles by focusing on predefined brand identity compliance.
  • Button Customizers5 sub-tag-uriUtilities for overriding the visual appearance and styling of interactive button elements. **Distinct from Button Styles:** Distinct from Button Styles: focuses on the customization logic for specific button types like audio replays rather than general style collections.
  • Flat, Outlined, and Clear VariantsProvides flat, outlined, and clear button styles using only CSS pseudo-classes and no JavaScript. **Distinct from Button Styles:** Distinct from Button Styles: specifies a particular set of visual variants (flat, outlined, clear) rather than a general collection of button styles.
  • Full-Width LayoutsStyling that forces components to expand to the full width of their parent container. **Distinct from Button Styles:** Specific to block-level expansion of buttons rather than general visual themes.
  • Ghost StylesMinimalist button styles with transparent backgrounds and no borders. **Distinct from Button Styles:** Specifically targets the transparent ghost aesthetic rather than general button themes
  • Interactive Component StylingThe process of designing custom shapes and tailored animations for interactive UI elements to reflect a specific brand identity. **Distinct from Brand-Specific Buttons:** Focuses on the design of interactive shapes and animations rather than just predefined third-party brand assets.
  • Outline Styles1 sub-tagTransparent background styles with colored borders for low-emphasis components. **Distinct from Button Styles:** Specifically covers the outline-only visual style rather than general button themes.
  • Physical Button Action MappingsThe process of linking physical hardware button events to specific software triggers or key emulation. **Distinct from Action Buttons:** Distinct from Action Buttons: refers to hardware-to-software mapping rather than UI-component-to-action triggers.
  • Pre-Designed CollectionsCollections of over 100 pre-built button designs that can be applied to links without custom CSS. **Distinct from Button Styles:** Distinct from Button Styles: focuses on the pre-built nature of the styles (ready-to-use without custom CSS) rather than general style collections.
  • Round1 sub-tagPre-styled round buttons with text, icons, or icon-only options and customizable background colors for mobile design patterns. **Distinct from Button Styles:** Distinct from Button Styles: specifically focuses on round-shaped buttons with icon and text variants, not general button styling.
  • SlantedButton designs featuring non-rectangular, slanted visual edges. **Distinct from Button Styles:** Distinct from Button Styles: focuses specifically on the slanted geometric shape variant of buttons.
  • Sub-Button Styling BuildersUsing programmable builder patterns to define the visual style of nested secondary buttons. **Distinct from Button Styles:** Focuses on the builder-based configuration of sub-buttons specifically within an expandable menu context.
  • Text Buttons1 sub-tagButtons styled as plain text for less prominent or secondary actions. **Distinct from Button Styles:** Distinct from Button Styles: specifies a particular visual style (text-only) for buttons, not a general collection of button styles.
  • Window Control Button Style SelectorsOptions for selecting the visual style of window control buttons (minimize, maximize, close). **Distinct from Button Styles:** Distinct from Button Styles: specifically targets window control buttons, not general UI buttons.