🎛️ Tabs Component

A minimalistic and animated tab component built with React, Tailwind CSS, and powered by Framer Motion for smooth transitions.

Introduction

This is the PHOTOS tab content. Here you would display your photo gallery or image collection.

npx shadcn@latest add tabs.json

Here's how to use the Tabs component in your project:

You can manually copy the component into your project, or use the top-side CLI to install it automatically.

Once installed, you can use it anywhere in your app like this:

Use the Tabs component to organize different sections of content into a clean, navigable interface.

✅ Just import the component and pass your desired tab data — the rest is handled with smooth transitions and a beautiful UI.

Need more examples or want to add custom icons or components inside tabs? Let me know!