Docs Components Loaders Hooks

Getting Started

Introduction
Installation
Styling

Base UI

Craft UI

Animate Tooltip
Confetti
Cursor
Dock
Magnetic
Marquee
Stepper
Text Scramble
Text Typing
Timeline

Loaders

Classic
Jumping Dots
Leapfrog
Line Spinner
Line Wobble
Newton's Cradle
Orbit
Pulsating Dots
Spinner
Spiral
Zoomies

Hooks

use-callback
use-click-outside
use-confetti
use-debounce
use-hydrated
use-is-mobile
use-media-query
use-mounted
use-optimistic
use-query-string

Newton's Cradle

A Newton's cradle pendulum loader animation.

Demo

Loading...

Installation

npx shadcn@latest add @craftdotui/loader-newtons-cradle