awesome-repositories.com
Blog
MCP
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
·
negomi avatar

negomi/react-burger-menu

0
View on GitHub↗
5,090 estrellas·575 forks·JavaScript·MIT·9 vistasnegomi.github.io/react-burger-menu↗

React Burger Menu

react-burger-menu es un componente de navegación lateral para aplicaciones React. Implementa un patrón de menú fuera del lienzo (off-canvas) utilizando transiciones CSS y animaciones SVG para crear efectos de deslizamiento.

El componente proporciona animaciones de transición configurables, incluyendo efectos de deslizamiento, apilamiento y escala. Utiliza la transformación de rutas SVG para animar el icono de hamburguesa durante las interacciones del menú.

La biblioteca admite la personalización del estilo del menú a través de objetos de configuración y hojas de estilo externas. Está diseñada para la navegación web responsiva ocultando enlaces detrás de un botón de alternancia para ahorrar espacio en pantalla.

Features

  • Animated Transitions - A navigational menu with configurable slide, stack, and scale transitions for mobile and desktop user interfaces.
  • Sidebars - Provides a customizable sidebar component for toggling hidden navigation panels.
  • Off-Canvas Renderings - Renders a sidebar navigation menu that slides into view using CSS transitions and SVG animations.
  • Path Morphing - Animates the hamburger icon by morphing SVG path coordinates during interaction transitions.
  • SVG Path Animations - Uses SVG path morphing to create smooth visual transitions for the menu toggle icon.
  • React Components - Ships a reusable, animated sidebar interface element specifically designed for the React ecosystem.
  • CSS Transitions - Implements smooth sidebar motion and visibility using hardware-accelerated CSS transitions.
  • Off-Canvas Layouts - Provides an off-canvas layout pattern that slides the navigation menu into the viewport.
  • Navigation Collapsibles - Implements a responsive navigation pattern that hides menu links behind a toggle button on small screens.
  • Menu Transition Animations - Provides predefined animation styles for menu transitions, including sliding and scaling effects.
  • Navigation Menu Styling - Supports customization of menu colors and fonts via external stylesheets and configuration objects.
  • State Class Mapping - Toggles menu visibility and animations by mapping internal open/closed states to CSS classes.
  • Dynamic Style Injection - Allows programmatic generation of menu styles through configuration objects and dynamic injection.
  • Menus and Tooltips - Off-canvas sidebar menu with various effects.

Historial de estrellas

Gráfico del historial de estrellas de negomi/react-burger-menuGráfico del historial de estrellas de negomi/react-burger-menu

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Alternativas open-source a React Burger Menu

Proyectos open-source similares, clasificados según cuántas características comparten con React Burger Menu.
  • alexjlockwood/shapeshifterAvatar de alexjlockwood

    alexjlockwood/ShapeShifter

    4,070Ver en GitHub↗

    ShapeShifter is a visual editor and utility for creating morphing animations between SVG vector paths. It serves as an interpolation editor that allows for the alignment and modification of vector points to produce fluid transitions between different shapes. The project functions as a cross-platform vector asset generator, exporting animation data as spritesheets and drawable files for use on Android, iOS, and web platforms. It specializes in converting disparate SVG path commands into a unified format to ensure a one-to-one point mapping between shapes. The tool includes capabilities for pa

    TypeScriptandroidangularanimated-vector-drawable
    Ver en GitHub↗4,070
  • ant-design/ant-motionAvatar de ant-design

    ant-design/ant-motion

    4,613Ver en GitHub↗

    This is a React animation library providing a collection of components for creating choreographed motion, complex transitions, and SVG morphing. It functions as a motion design specification and a UI component animation wrapper system used to apply 3D transforms, Bezier curves, and entry-exit transitions to interface elements. The project includes a scroll-driven animation suite for synchronizing UI movements and parallax effects with the viewport position, as well as an SVG motion framework for animating paths, drawing lines incrementally, and interpolating coordinates for shape morphing. I

    JavaScriptanimationant-motionjavascript
    Ver en GitHub↗4,613
  • blivesta/animsitionAvatar de blivesta

    blivesta/animsition

    3,810Ver en GitHub↗

    Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects, such as fades and zooms, between web pages. It functions as a DOM navigation animator that manages the timing and sequence of page removal and insertion to provide continuous movement between screens. The system operates as a page overlay animator, utilizing a coordinate-based slide controller to move covering elements across the screen in specific directions. These overlays mask background changes during transitions to maintain visual continuity. The framework leverages hardwar

    CSS
    Ver en GitHub↗3,810
  • facebook/reactAvatar de facebook

    facebook/react

    245,669Ver en GitHub↗

    React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

    JavaScriptjavascriptuifrontend
    Ver en GitHub↗245,669
Ver las 30 alternativas a React Burger Menu→

Preguntas frecuentes

¿Qué hace negomi/react-burger-menu?

react-burger-menu es un componente de navegación lateral para aplicaciones React. Implementa un patrón de menú fuera del lienzo (off-canvas) utilizando transiciones CSS y animaciones SVG para crear efectos de deslizamiento.

¿Cuáles son las características principales de negomi/react-burger-menu?

Las características principales de negomi/react-burger-menu son: Animated Transitions, Sidebars, Off-Canvas Renderings, Path Morphing, SVG Path Animations, React Components, CSS Transitions, Off-Canvas Layouts.

¿Qué alternativas de código abierto existen para negomi/react-burger-menu?

Las alternativas de código abierto para negomi/react-burger-menu incluyen: alexjlockwood/shapeshifter — ShapeShifter is a visual editor and utility for creating morphing animations between SVG vector paths. It serves as an… ant-design/ant-motion — This is a React animation library providing a collection of components for creating choreographed motion, complex… blivesta/animsition — Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects,… facebook/react — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional… makovkastar/floatingactionbutton — FloatingActionButton is a scroll-driven UI controller and mobile-first interface element. It provides a circular… rstacruz/jquery.transit — This project is a jQuery plugin and animation extension that enables hardware-accelerated CSS3 transitions and…