modern-loaders 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -2
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -10,6 +10,11 @@ Pure CSS motion behind one typed component — no runtime dependencies, no SVG,
|
|
|
10
10
|
[](https://bundlephobia.com/package/modern-loaders)
|
|
11
11
|
[](https://www.npmjs.com/package/modern-loaders)
|
|
12
12
|
[](./LICENSE)
|
|
13
|
+
[](https://modern-loaders.netlify.app/)
|
|
14
|
+
|
|
15
|
+
### [**→ Browse all 212 loaders live**](https://modern-loaders.netlify.app/)
|
|
16
|
+
|
|
17
|
+
Search by name, filter by family, tune size / speed / palette, and copy the JSX for any of them.
|
|
13
18
|
|
|
14
19
|
</div>
|
|
15
20
|
|
|
@@ -108,7 +113,9 @@ VARIANTS.filter(v => v.group === "Skeletons")
|
|
|
108
113
|
|
|
109
114
|
## All 212 variants
|
|
110
115
|
|
|
111
|
-
|
|
116
|
+
Every id maps to a `.ldr--<id>` CSS class. The tables below are the full reference; to *see* them
|
|
117
|
+
moving, use the [live gallery](https://modern-loaders.netlify.app/) — it renders every variant with
|
|
118
|
+
your own size, speed, and colours, and copies the JSX for you.
|
|
112
119
|
|
|
113
120
|
<details>
|
|
114
121
|
<summary><b>Spinners</b> · 10 — Rings and arcs — the classic shape, modernised.</summary>
|
|
@@ -551,7 +558,7 @@ that they render a sensible static frame instead of disappearing.
|
|
|
551
558
|
```bash
|
|
552
559
|
npm run dev # showcase: search, 20 family filters, live size / speed / palette, detail sheet
|
|
553
560
|
npm run build # typecheck, then emit dist/ (ESM + CJS + .d.ts + CSS)
|
|
554
|
-
npm run build:demo # static showcase → dist-demo/
|
|
561
|
+
npm run build:demo # static showcase → dist-demo/ (deployed to modern-loaders.netlify.app)
|
|
555
562
|
```
|
|
556
563
|
|
|
557
564
|
Adding a variant takes two edits: a `.ldr--<id>` block in `src/styles/`, and a row in
|
package/package.json
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "modern-loaders",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"description": "212 modern, colorful, animated React loaders \u2014 pure CSS, zero runtime dependencies",
|
|
5
5
|
"author": "suman",
|
|
6
|
+
"homepage": "https://modern-loaders.netlify.app/",
|
|
6
7
|
"license": "ISC",
|
|
7
8
|
"type": "module",
|
|
8
9
|
"sideEffects": [
|