Gears Loader

component

Two meshed gears, ten teeth and seven, turning against each other at the right ratio (the small one 10/7 as fast) so the teeth stay engaged all the way round. The tooth outlines are generated from real gear geometry. Pure CSS rotation.

pnpm dlx shadcn@latest add "https://movin.design/r/loader-gears.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Gears Loader – shadcn/ui Component by movin | shadcnregistry

Registries
movin
Gears Loader