Skip to content

A clone of Stripe's animated menu using React, Styled Components and React-Flip-Toolkit

Notifications You must be signed in to change notification settings

aholachek/react-stripe-menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A Stripe-style animated navbar menu

Built with React, Styled Components, and React-Flip-Toolkit.

  1. View the demo

  2. Read the tutorial

  3. Check out the code for the main dropdown component

Details

This animation demo explores how one might recreate Stripe's animated menu in React.

In order to keep the example as simple as possible, it focuses mainly on the animation aspect and therefore is not WAI-ARIA compliant. (Take a look at Stripe's full implementation for what seems to be a fully accessible nav menu component.)

There are multiple ways one could implement this animation, each with its own tradeoffs. This demo is particularly focused on developer ease of use.

About

A clone of Stripe's animated menu using React, Styled Components and React-Flip-Toolkit

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published