Skip to content

Components Blocks Docs Motion

⌘K

Introduction
Installation
Theming
Motion
Usage
Compatibility
Build a chat
Apps and PWAs
UI for Agents

Overview

Aurora
Chat Input
Chat Bubble
Streaming Text
Reasoning
Tool Call
Sources
Message Actions
Plan
Nudge
Aura Tile
Voice Orb
Waveform
Prompt Suggestions
Thinking
Presence
Conversation
Feedback Prompt
Call Controls
Audio Player
Greeting

Motion
Text Reveal
Text Rotate
Number Ticker
Marquee
Text Scramble
Typewriter
Wave Text
Spoiler
Highlight
Code Morph
Icon Morph
Confetti
Tilt Card
Spotlight Card
Flip Card
Lens
Sticky Stack
Carousel 3D
Logo Orbit
Dot Grid

Tab Bar
Install Prompt
Network Status
Dynamic Island
Pull to Refresh
Story Progress

Button
Badge
Button Group
Hold Button
Copy Button
Upload Button
Download Button
Async Button
Send Button
Slide to Confirm
Share Button
Like Button
Star Button
Bookmark Button
Follow Button
Reactions
Notification Bell
Theme Toggle

Card
Alert
Separator
Avatar
Scroll Area
Aspect Ratio
Table
Empty
Item
Kbd
Carousel
Resizable
Data Table
Timeline
Swipe Deck
Expanding Card
Sortable
Kanban
Drag Select
Compare Slider
Code Block
Image Hotspots
Avatar Stack

Sparkline
Bar Chart
Donut Chart
Heatmap
Stat
Leaderboard
Uptime Bar
Relative Time

Dialog
Popover
Tooltip
Alert Dialog
Sheet
Drawer
Hover Card
Confirm Popover
Selection Toolbar
Link Preview
Shortcut Sheet

Dropdown Menu
Context Menu
Menubar
Navigation Menu
Command

Tabs
Accordion
Collapsible
Breadcrumb
Pagination
Sidebar
Stepper
Tree
Dock
Link
Page Dots
Back to Top
Reading Progress
Scroll Spine

Progress
Skeleton
Spinner
Circular Gauge
Toast
Meter
Banner
Checklist
Save Status
Live Indicator

Featured
Agents
Mobile
Websites
App shell
Auth

What’s new v0.6.0

Components
Icon Morph

Icon Morph

Motion

Icons reshape between states instead of swapping.

$ npx shadcn-svelte@latest add https://mizu-ui.com/r/v0.6.0/icon-morph.json

Preview

Previous Code Morph Next Confetti