VeloraTabs

VeloraTabs is a premium animated tab navigation component for Framer. It lets you create clean interactive tabs, category switches, product filters, pricing toggles, feature navigation, or portfolio filters with a polished active indicator animation.

The component includes optional icons, optional captions, link support, keyboard navigation, multiple active styles, responsive sizing, and full customization through Framer Property Controls.

Features:

- Smooth animated active indicator

- Pill, underline, and frame active styles

- Optional icons for each tab

- Optional captions below the main labels

- Supports internal and external links

- Safe link handling for supported URL protocols

- Keyboard support with arrow keys, Home, and End

- Custom colors, typography, spacing, radius, shadows, texture, and animation speed

- Responsive sizing using Framer width and height controls

- Canvas-safe rendering for stable editing in Framer

Typical Use Cases:

- Landing page feature tabs

- Pricing plan switches

- Product category filters

- Portfolio project filters

- SaaS navigation elements

- E-commerce product tabs

- Creator and agency websites