Introduction

Spinnerkit: dot-grid loaders that feel intentional

Spinnerkit is a component library built around dot-grid loaders. Install from the shadcn-protocol registry via the rakibulism-ui CLI and ship loading states that feel designed, lightweight, and easy to maintain. The collection stays focused: expressive loading primitives for modern React interfaces without a full design framework.

What this project is

Spinnerkit follows the same shadcn-protocol install model many teams already know: pull a component into your codebase, then edit it like local code. The collection stays compact on purpose so loaders can blend into your existing UI language instead of forcing a separate aesthetic.

Why it exists

  • - focused loading components instead of a full design framework
  • - open source code you own after installation
  • - registry distribution that fits existing shadcn-style workflows
  • - primitives that adapt to your spacing, color, and motion tokens quickly

How it fits your stack

The setup works best in React apps already using Tailwind CSS with a `@/*` path alias configured. In that environment, onboarding is short: run the install command, and style the loader to match your product — no registry config required, `@spinnerkit` is built in.

Start here

Jump into Usage to install your first component, or review the loader gallery to preview available primitives.