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
jonsuh avatar

jonsuh/hamburgers

0
View on GitHub↗
7,097 stars·1,592 forks·SCSS·MIT·16 viewsjonsuh.com/hamburgers↗

Hamburgers

Hamburgers is a CSS component library providing a collection of animated navigation icons. These components use CSS transitions to toggle between collapsed and active states, serving as reusable style definitions for interactive user interface elements.

The library features customizable UI icons where colors and dimensions are controlled via CSS configuration variables. This allows for the modification of icon appearance and style during the build process.

The project covers the implementation of animated menu navigation and responsive web interface design through the use of frontend visual effects.

Features

  • Menu Toggle Animations - Provides a collection of animated navigation icons that transition visually between open and closed states.
  • Keyframe Animations - Employs CSS keyframes to animate the transition of icons from a closed state to an active state.
  • Collapsible Transition Animations - Features icons that animate the transition between collapsed and active states using state attributes.
  • Animated Hamburger Menus - Provides a specialized set of CSS-animated hamburger icons for navigation toggles.
  • CSS Component Libraries - Ships a reusable library of pre-styled CSS components for building interactive navigation elements.
  • CSS Variable Customization - Provides customizable CSS variables for modifying the dimensions and colors of the navigation icons.
  • Configurable Icon Dimensions - Offers a library of icons with dimensions and colors controlled via CSS configuration variables.
  • State-Based CSS Toggling - Uses dynamic CSS class toggling to switch the menu icon between collapsed and active states.
  • UI Component Styling - Allows detailed visual aesthetics of the navigation icons to be defined using CSS.
  • Icon Appearance Customizations - Enables adjustments to icon sizes and colors through a configurable variable system.
  • Icon Styling - Provides utilities to apply custom visual styles and animations to graphical navigation icons.
  • Transition Effects - Implements fluid transition effects to enhance the perceived quality of the user interface.
  • Responsive Web Interfaces - Supplies collapsible menu icons designed to optimize navigation for mobile and smaller screen layouts.

Star history

Star history chart for jonsuh/hamburgersStar history chart for jonsuh/hamburgers

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

Frequently asked questions

What does jonsuh/hamburgers do?

Hamburgers is a CSS component library providing a collection of animated navigation icons. These components use CSS transitions to toggle between collapsed and active states, serving as reusable style definitions for interactive user interface elements.

What are the main features of jonsuh/hamburgers?

The main features of jonsuh/hamburgers are: Menu Toggle Animations, Keyframe Animations, Collapsible Transition Animations, Animated Hamburger Menus, CSS Component Libraries, CSS Variable Customization, Configurable Icon Dimensions, State-Based CSS Toggling.

Which projects share features with jonsuh/hamburgers?

Projects with overlapping indexed features include: topcoat/topcoat — Topcoat is a CSS UI framework and component library used for building web application interfaces. It serves as a… epicmaxco/vuestic-ui — Vuestic UI is a Vue 3 component library providing a collection of pre-made user interface elements. It serves as a… jgthms/bulma — Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout… hakimel/css — This project is a collection of experimental frontend prototypes, comprising a creative web layout gallery, a CSS user… fomantic/fomantic-ui — Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user… kazzkiq/balloon.css — balloon.css is a lightweight, CSS-driven framework for implementing customizable tooltips and textual overlays. It is…

Projects sharing features with Hamburgers

These projects share indexed features with Hamburgers. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • topcoat/topcoattopcoat avatar

    topcoat/topcoat

    4,231View on GitHub↗

    Topcoat is a CSS UI framework and component library used for building web application interfaces. It serves as a design system implementation that provides a set of reusable styled elements and layout primitives to ensure visual consistency across web pages. The system utilizes a BEM-based styling architecture to manage specificity and prevent style leakage. It combines a utility-first CSS library for common layout and spacing needs with a responsive CSS grid that adjusts based on viewport width. The framework covers front end styling, responsive web development, and rapid UI prototyping. It

    HTMLcssui-components
    View on GitHub↗4,231
  • epicmaxco/vuestic-uiepicmaxco avatar

    epicmaxco/vuestic-ui

    3,745View on GitHub↗

    Vuestic UI is a Vue 3 component library providing a collection of pre-made user interface elements. It serves as a responsive UI framework and a themed component system designed to speed up frontend development and maintenance. The toolkit features a centralized configuration system for global styling and dynamic branding, including a built-in dark mode. It includes an internationalized interface toolkit with native support for localization and translating application content for multiple languages. The library provides a set of accessible web components that meet accessibility standards for

    Vueaccessibilitycomponentsjavascript
    View on GitHub↗3,745
  • jgthms/bulmajgthms avatar

    jgthms/bulma

    50,074View on GitHub↗

    Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation

    CSScsscss-frameworkdesign
    View on GitHub↗50,074
  • 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
Compare all 30 related projects→