AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Bartek ZagrodzkiComponents & kits

Loading UI

A focused library and docs site for communication-first loading UI: ring, spokes, classic dots, and image-analysis patterns you can drop into Next.js apps with Tailwind and Motion. Built around clarity at small sizes and restrained motion rather than novelty, with copy-paste components and a registry workflow similar to shadcn/ui.

What's interesting

  • Free, open-source CSS and React loaders and spinners for polished, accessible loading states. Browse, preview, and install via a shadcn-style registry.
  • A focused library and docs site for communication-first loading UI: ring, spokes, classic dots, and image-analysis patterns you can drop into Next.js apps with Tailwind and Motion.
  • Built around clarity at small sizes and restrained motion rather than novelty, with copy-paste components and a registry workflow similar to shadcn/ui.

Prompt your agent

From AI UX Playground: https://aiuxplayground.com/inspirations/loading-ui-com
Loading UI by Bartek Zagrodzki

A focused library and docs site for communication-first loading UI: ring, spokes, classic dots, and image-analysis patterns you can drop into Next.js apps with Tailwind and Motion. Built around clarity at small sizes and restrained motion rather than novelty, with copy-paste components and a registry workflow similar to shadcn/ui.

Adapt for our [screen name]. Stack: [your stack].
Note what to cut or simplify for production.

Tags

ReactCSSLoadersComponentsOpen sourceAccessibility