Vertical Menu

A premium, modular React component from the React Bytes collection. Built with React and TypeScript.

Installation

npm install @reactbytes/vertical-menu

Usage

import { VerticalMenu } from "@reactbytes/vertical-menu";

export default function Example() {
  return (
    <VerticalMenu />
  );
}

Properties

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | activeColor | color | #121AFF | The text color of the selected menu item. | | hoverColor | color | #4753BF | The text color of the hovered menu item. | | stiffness | number | 300 | The stiffness of the spring animation. | | damping | number | 30 | The damping of the spring animation. |

Presets

This component includes the following design presets:

• Classic Blue (default)
• Slow Liquid (slow-liquid)
• Bouncy Rose (bouncy)
• Minimal Snap (minimal-snap)
• Electric (electric)

Credits & Inspiration

Libraries

• Framer Motion - Animations

Project Author

• ChandruMIT-o - Creator & Lead Designer

For interactive playgrounds, customizable controls, and code copy-pasting, visit the full showcase page at React Bytes - Vertical Menu.