Sliding Tab Nav

Animated Tab Navigation

About this Component: This component replaces static navigation with a dynamic tab bar that slides an active indicator between items on click. It connects directly to Framer pages, making it a fully functional nav out of the box — not just a visual prototype.

Features

• Smooth sliding indicator between tabs

• Connects to real Framer pages

• Fully customizable colors and labels

• Minimal and clean default style

• No code required

Effects & Interaction

• Indicator slides to the active tab on click

• Smooth spring animation on every transition

• The active state is always clear and readable

• Works across all screen sizes

Best Use Cases

• Personal portfolios and blogs

• Multi-page Framer sites

• Top navigation bars

• Dashboard and app-style layouts