Feature 113 - Pill tabs swapping icon gridsPro
A centered heading over a row of pill tabs; each tab cross-fades in its own three-column grid of icon features.
About Feature 113
A centered heading over a row of pill tabs; each tab cross-fades in its own three-column grid of icon features.
Feature 113 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 136 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- tabs
- pills
- icon-grid
- categories
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add feature-113Dependencies installed automatically: lucide-react, motion.
Uses: reveal, utils.
Usage
import Feature113 from "@/components/blocks/feature-113"
export default function Page() {
return <Feature113 />
}