# Pill Morph Tabs

> The Pill Morphing Tabs component is a modern take on tab navigation, styled as smooth rounded pills that provide a sleek and minimal interface. When switching between tabs, the active pill expands with a spring-based animation before settling back into its natural shape, creating an engaging and fluid user experience. Built with shadcn UI Tabs and enhanced by motion effects, this component supports customizable labels, panels, and default values while remaining responsive to both light and dark themes. Its subtle gradient or glassmorphism background adds depth and elegance, making it ideal for dashboards, profile sections, or multi-view layouts where clarity and aesthetics are equally important.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@ruixen.ui/components/pill-morph-tabs

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/pill-morph-tabs?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt