Introduction Installation MCP

AI Toolkit

Modal Selector Ability Selector AI Suggestions Response Writer

Text Effects

Reveal Text Scramble Text Distort Text Squash Text Bouncing Text Draw Line Text Mouse Wave Text

Dot Animations

Dot Loader Dot Flow Flow Builder

Button Components

Text Fall Button Spring Button

Utility & Misc

Gradient Shadow

Github Star Counter Profile Peek Flip Reveal

Special Cases

Reveal on Scroll Stagger on Scroll Liquid Cursor Liquid Glass Tilt Card

Components Blocks Boilerplate

Search

Docs
Dot Loader

Dot Loader

A compact 7x7 dot grid loader with smooth animation to visualize frame sequences or loading states in your app.

Loading...

Installation

Examples

Playground

Loading...

Colorful

Loading...

Coming Soon: A loader builder to help you create custom loaders effortlessly.

Props

DotLoader

Prop	Type	Default
frames	number[][]	-
dotClass	string	-
duration	number	100
play	boolean	true
repeatCount	number	-1

Previous

Mouse Wave Text

Next

Dot Flow

On this page

Playground
Colorful

DotLoader

Contribute

Built by Denish. The source code is available on GitHub.