Command Palette

Search for a command to run...

4Twitter
Bouncing Dots
An animated loading indicator featuring three bouncing dots with customizable colors and spacing.

Installation

pnpm dlx shadcn@latest add "https://moleculeui.design/r/bouncing-dots"

Usage

import { BouncingDots } from "@/components/molecule-ui/bouncing-dots"
<BouncingDots />

Examples

With message

Props

PropTypeDefault
messagePlacement?
"bottom" | "left" | "right"
bottom
message?
string
-
dots?
number
3