exxui

Premium Component Library

Pill Tab Bar

Pill-shaped tab bar with sliding background animation and notification badges.

Preview

Code

'use client'

import { useState } from 'react'
import { FiHome, FiTrendingUp, FiUsers, FiSettings } from 'react-icons/fi'

export default function PillTabBar() {
    const [activeTab, setActiveTab] = useState('home')
    // Component implementation
}