loading indicator

Curated collection of 9 open source UI libraries and design engineering components for loading indicator. Explore component lists, live previews and code repos.

Notch Toast — Smooth morphing notch and floating toast notifications for React powered by Motion.

Notch ToastLoading & Feedback

Smooth morphing notch and floating toast notifications for React powered by Motion.

AICSS — Crafted UI components for AI agents: thinking states, tool calls, and streaming text.

AICSSCollections

Crafted UI components for AI agents: thinking states, tool calls, and streaming text.

Dot Matrix — Over fifty customizable dot-matrix loaders and pixel indicators for shadcn/ui.

Dot MatrixLoading & Feedback

Over fifty customizable dot-matrix loaders and pixel indicators for shadcn/ui.

Gradient Spin — Spinning gradient loading indicator and conic ring spinner for modern React.

Gradient SpinLoading & Feedback

Spinning gradient loading indicator and conic ring spinner for modern React.

Painterly — Artistic canvas and shader loading indicators designed for creative web apps.

PainterlyLoading & Feedback

Artistic canvas and shader loading indicators designed for creative web apps.

Astryx — An agent-ready React design system from Meta, built on StyleX with customizable themes.

AstryxCollections

An agent-ready React design system from Meta, built on StyleX with customizable themes.

Libraries.dev — High-crafted React effect libraries tailored for AI agents, featuring Border Beam, Thinking Orbs, Gooey, Liquid Metal, and Image Loaders.

Libraries.devCollections

High-crafted React effect libraries tailored for AI agents, featuring Border Beam, Thinking Orbs, Gooey, Liquid Metal, and Image Loaders.

Math Curve Loaders — A gallery of mathematical curve based loading animations built with plain HTML, CSS, and JavaScript.

Math Curve LoadersLoading & Feedback

A gallery of mathematical curve based loading animations built with plain HTML, CSS, and JavaScript.

Orbs — Dotted thought-orb loading indicators for AI & agent interfaces. Nine hand-tuned animated states on a 2D canvas — no WebGL, works identically everywhere.

OrbsLoading & Feedback

Dotted thought-orb loading indicators for AI & agent interfaces. Nine hand-tuned animated states on a 2D canvas — no WebGL, works identically everywhere.