awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
alexwolfe avatar

alexwolfe/Buttons

0
View on GitHub↗
5,001 stars·836 forks·JavaScript·17 viewsunicorn-ui.com/buttons/builder↗

Buttons

Buttons is a CSS button framework and UI component library providing a set of reusable visual elements for mobile and desktop web environments. It functions as a CSS utility system and variable-driven theming engine that enables the creation of consistent buttons using configurable typography and shapes.

The system utilizes a modular CSS architecture where independent style and color classes are composed on single elements to produce varied visual effects, such as 3D or flat designs. It employs a declarative design framework that maps configuration options to real-time visual attributes via custom properties.

The library covers design system implementation and responsive UI development, allowing for the central configuration of colors, shapes, and sizes to maintain visual consistency across different web browsers.

Features

  • Buttons - Provides a comprehensive library of customizable button controls for web interfaces.
  • Composable Style Classes - Uses a modular architecture combining independent style and color classes for varied visual effects.
  • Button Styles - Enables mixing independent style and color classes to create varied visual effects like 3D or flat designs.
  • CSS Utility Classes - Utilizes a system of reusable, single-purpose CSS classes to build complex visual designs.
  • CSS Variable Theming - Uses native CSS variables to map configuration options to real-time visual attributes.
  • CSS Class-Based Styling - Implements a system where independent CSS classes are composed to define visual styles and themes.
  • Configuration-Based Styling - Centralizes visual properties in configuration files to drive the generation of consistent UI elements.
  • Design System Implementations - Centralizes visual tokens and styling patterns to maintain consistent branding across the project.
  • Responsive UI Frameworks - Ensures buttons maintain appearance and functionality across both mobile and desktop web browsers.
  • Declarative UI Styling Frameworks - Provides a structured design framework to define visual requirements via configuration instead of manual CSS.
  • Component Styling - Provides a framework for managing visual styles and CSS properties for button components.
  • Web Component Styling - Implements styling specifically for web components by defining colors and shapes in central configurations.
  • General Button Appearance Configurations - Allows setting colors, typography, shapes, and sizes in a central options file.
  • Cross-Platform Style Mapping - Translates a single design specification into compatible styles for both mobile and desktop web environments.
  • UI Component Libraries - Ships a library of reusable visual elements with configurable typography and shapes for web environments.
  • Sass Utilities - Button library built with Sass and Compass.

Star history

Star history chart for alexwolfe/buttonsStar history chart for alexwolfe/buttons

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Buttons

These projects share indexed features with Buttons. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • taiga-family/taiga-uitaiga-family avatar

    taiga-family/taiga-ui

    4,002View on 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

    TypeScriptangularbest-practicescdk
    View on GitHub↗4,002
  • fomantic/fomantic-uifomantic avatar

    fomantic/fomantic-ui

    3,759View on GitHub↗

    Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user interfaces. It functions as a CSS framework and responsive UI toolkit, providing a structured approach to managing typography, color palettes, and spacing. The project enables the development of custom UI components and the implementation of unified design systems across web applications. It provides a variable-driven theme compilation process to customize visual styles and a build-time system to compile selected components into production CSS bundles. The toolkit covers a broad

    JavaScript
    View on GitHub↗3,759
  • picturepan2/spectrepicturepan2 avatar

    picturepan2/spectre

    11,317View on 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

    CSS
    View on GitHub↗11,317
  • stubbornella/oocssstubbornella avatar

    stubbornella/oocss

    6,192View on GitHub↗

    Object-Oriented CSS (OOCSS) is a CSS methodology and framework that structures stylesheets around reusable, composable classes. Its core principle is separating layout and structure from visual design, allowing the same structural classes to work with different visual treatments. The approach encourages styling elements based on their own properties rather than their location in the DOM, making components portable across different contexts. The methodology is built on class composition, where complex visual patterns are created by combining multiple single-purpose CSS classes on a single elem

    JavaScript
    View on GitHub↗6,192
Compare all 30 related projects→

Frequently asked questions

What does alexwolfe/buttons do?

Buttons is a CSS button framework and UI component library providing a set of reusable visual elements for mobile and desktop web environments. It functions as a CSS utility system and variable-driven theming engine that enables the creation of consistent buttons using configurable typography and shapes.

What are the main features of alexwolfe/buttons?

The main features of alexwolfe/buttons are: Buttons, Composable Style Classes, Button Styles, CSS Utility Classes, CSS Variable Theming, CSS Class-Based Styling, Configuration-Based Styling, Design System Implementations.

Which projects share features with alexwolfe/buttons?

Projects with overlapping indexed features include: taiga-family/taiga-ui — Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces.… fomantic/fomantic-ui — Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user… picturepan2/spectre — Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It… stubbornella/oocss — Object-Oriented CSS (OOCSS) is a CSS methodology and framework that structures stylesheets around reusable, composable… system-ui/theme-ui — Theme-ui is a React theme framework and CSS-in-JS utility used for building themeable user interfaces. It functions as… huntabyte/shadcn-svelte — shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather…