Tab select
An example of using making a tab select component with Motion for React's shared layout animations. Because it uses onTap and whileFocus, it's keyboard-accessible by default. Try tabbing between the options and hitting Enter.

An example of using making a tab select component with Motion for React's shared layout animations. Because it uses onTap and whileFocus, it's keyboard-accessible by default. Try tabbing between the options and hitting Enter.
Motion Studio
Use Motion Studio to create new components or infuse static designs with animations based on "Tab select" and 330+ other examples.


Motion is supported by the best in the industry.