ui-patterns component

Animated Tags

An animated tag picker for filtering, labeling, and lightweight form selection.

About this component

An animated tag picker for filtering, labeling, and lightweight form selection.

Interaction: Click an available tag to add it to the selected tray, click a selected tag to remove it, and use controlled props when the parent owns selection state.

Dependencies: react, motion, lucide-react

Source or install: Copy source from the preview. This example is not available in the Mova CLI registry.

Explore related components

Built for readable source and real interaction

Open a component to preview its states, read the usage details, and copy the source or supported Mova CLI command. The page remains useful as a text document before the interactive preview loads.