Skip to content

Add an Animated Sidebar component #1002

Description

@beetlejusse

The library currently provides a single Sidebar component. I would like to propose
an additional Sidebar variant to give users an alternative design to choose from.
The proposed component is fully prop-driven and animated, built with motion and
Tailwind CSS (compatible with both v3 and v4), and follows the library's existing
single-file, copy-paste convention.

Motivation

Offering more than one Sidebar design would broaden the range of navigation layouts
available to users. The proposed variant differs from the existing implementation in
the following respects:

  • Nav items can be organized into expandable/collapsible groups with a staggered
    reveal animation.
  • A shared-layout active indicator transitions smoothly between items.
  • A desktop rail-collapse mode is supported, with icon tooltips when collapsed.
  • A mobile slide-in drawer with a backdrop is included.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions