Filter Chips

component

A row of pill filters with counts: a check draws in and the chip grows to fit it, neighbours slide over instead of jumping, and a Clear chip appears once anything is on. The demo filters a list of open roles that reflows as you pick.

pnpm dlx shadcn@latest add "https://reactframe.com/r/filter-chips.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Filter Chips – shadcn/ui Component by reactframe | shadcnregistry

Registries
reactframe
Filter Chips

Filter Chips

component

pnpm dlx shadcn@latest add "https://reactframe.com/r/filter-chips.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

motion
clsx
tailwind-merge

components/filter-chips.tsx

motion
clsx
tailwind-merge

components/filter-chips.tsx