Mizzle

Overview

Mizzle is a set of animated React components installed as source with the shadcn CLI. The site states that no separate animation library is needed. A handful of components (Text Reveal, Number Roll, Link, Field and Input) are free, and the rest of the catalog requires a one-time license.

The registry covers AI chat elements, messaging UI, a TanStack-based data grid, visual effects, form controls and text animations, with each component accompanied by demo variants. Interactive primitives are built on Base UI.

Features

• AI elements: Prompt input, reasoning, response, tool call, plan, tasks, sources, suggestions, questionnaire and image generation states.
• Chat UI: Composer, message status, typing indicator, polls, reaction picker, voice note and voice recorder.
• Data grid: Column menu, filters, toolbar, selection bar and row controls on TanStack Table, with virtualization.
• Text motion: Text reveal, number roll, scramble text, split text, letter swap, typewriter and signature.
• Effects: Dither, glow, pixel field, pixel transition and progressive blur.
• Forms and controls: Checkbox, field, input, number field, radio group, select, switch and tick slider.
• Interactive pieces: Dynamic island, expandable tabs, panel menu, delete button and animated diagrams.

Tech stack

• React, Base UI, TanStack Table, TanStack Virtual, shadcn CLI

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @mizzle/component-name