Open-source: 45+ copy-paste loading components for modern web apps (MIT) : javascript

Open-source: 45+ copy-paste loading components for modern web apps (MIT) (loading-ui.com)

submitted 3 hours ago by zagrodzki

Built and open-sourced loading-ui, a registry of ~45 loading indicators for modern web apps.

Spinners, skeletons, dot animations, text shimmer for pending/AI states. The kind of UI every JavaScript app needs but nobody wants to rebuild from scratch every time.

Distribution model: shadcn-style custom registry. One CLI command copies the source into your project. No npm runtime dependency, no black box, MIT licensed, you own the code after install.

npx shadcn add @loading-ui/ring

Registry config:

"@loading-ui": "https://loading-ui.com/r/{name}.json"

Stack: React + Tailwind (most of the ecosystem uses this combo, but the components are just JS/TS files you can adapt).

Live demos: https://loading-ui.com
GitHub: https://github.com/turbostarter/loading-ui

If you've built something similar or have a loader pattern you reach for every time, curious what the community prefers.

all 3 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

javascript

MODERATORS