triggr-motion 0.4.0 → 0.4.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.
Files changed (2) hide show
  1. package/README.md +18 -18
  2. package/package.json +4 -4
package/README.md CHANGED
@@ -1,12 +1,12 @@
1
- # trigr
1
+ # triggr-motion
2
2
 
3
3
  **Content-aware animation for the web.** React components with full trigger wiring, or framework-agnostic keyframes for any stack. One import. Polished motion out of the box.
4
4
 
5
- - [Live Playground](https://emeka-ugbanu-hub.github.io/Trigr/) — explore 200+ presets across all modules
6
- - [Landing Page](https://emeka-ugbanu-hub.github.io/Trigr/example) — real-world demo showcasing every feature
5
+ - [Live Playground](https://emeka-ugbanu-hub.github.io/triggr-motion/) — explore 200+ presets across all modules
6
+ - [Landing Page](https://emeka-ugbanu-hub.github.io/triggr-motion/example) — real-world demo showcasing every feature
7
7
 
8
8
  ```bash
9
- npm install @emekaugbanu/trigr
9
+ npm install triggr-motion
10
10
  ```
11
11
 
12
12
  ```tsx
@@ -18,11 +18,11 @@ import { Animate } from "triggr-motion/text"
18
18
  </Animate.Text>
19
19
  ```
20
20
 
21
- The import tells trigr what kind of content is being animated. The `trigger` prop tells trigr when the animation runs.
21
+ The import tells triggr-motion what kind of content is being animated. The `trigger` prop tells triggr-motion when the animation runs.
22
22
 
23
23
  ## Subpath imports only
24
24
 
25
- Each module is an independent subpath export. There is no root `import { Animate } from "trigr"` — pick the module you need:
25
+ Each module is an independent subpath export. There is no root `import { Animate } from "triggr-motion"` — pick the module you need:
26
26
 
27
27
  ```tsx
28
28
  import { Animate } from "triggr-motion/text" // Animate.Text
@@ -50,10 +50,10 @@ el.animate(
50
50
 
51
51
  | Keyframe subpath | Size | Exports |
52
52
  |---|---|---|
53
- | `trigr/text/keyframes` | 14KB | `presets`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SNAPPY`, `SMOOTH` |
54
- | `trigr/paragraph/keyframes` | 8.7KB | `presets`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SMOOTH` |
55
- | `trigr/list/keyframes` | 11KB | `presets`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SNAPPY`, `SMOOTH` |
56
- | `trigr/block/keyframes` | 19KB | `presets`, `presetCategory`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SNAPPY`, `SMOOTH` |
53
+ | `triggr-motion/text/keyframes` | 14KB | `presets`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SNAPPY`, `SMOOTH` |
54
+ | `triggr-motion/paragraph/keyframes` | 8.7KB | `presets`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SMOOTH` |
55
+ | `triggr-motion/list/keyframes` | 11KB | `presets`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SNAPPY`, `SMOOTH` |
56
+ | `triggr-motion/block/keyframes` | 19KB | `presets`, `presetCategory`, `EASE_IN`, `EASE_OUT`, `EASE_IN_OUT`, `SPRING`, `SNAPPY`, `SMOOTH` |
57
57
 
58
58
  The React components (`Animate.Text`, etc.) use these same keyframes internally — the `keyframes` subpath gives you direct access without pulling in any React code.
59
59
 
@@ -63,10 +63,10 @@ Pick the wrapper that matches the content shape, not the visual style.
63
63
 
64
64
  | Module | Import | Component | Presets | Use for |
65
65
  |--------|--------|-----------|---------|---------|
66
- | Text | `trigr/text` | `Animate.Text` | 75 | Words, labels, counters, headings, nav items, inline text, character-level effects |
67
- | Paragraph | `trigr/paragraph` | `Animate.Paragraph` | 42 | Prose, descriptions, long copy, line and word-level paragraph effects |
68
- | List | `trigr/list` | `Animate.List` | 55 | Repeated keyed collections: cards, buttons, rows, logos, menu items |
69
- | Block | `trigr/block` | `Animate.Block` | 79 | One complete element: cards, panels, hero images, modals, notifications, drag, parallax, layout transitions |
66
+ | Text | `triggr-motion/text` | `Animate.Text` | 75 | Words, labels, counters, headings, nav items, inline text, character-level effects |
67
+ | Paragraph | `triggr-motion/paragraph` | `Animate.Paragraph` | 42 | Prose, descriptions, long copy, line and word-level paragraph effects |
68
+ | List | `triggr-motion/list` | `Animate.List` | 55 | Repeated keyed collections: cards, buttons, rows, logos, menu items |
69
+ | Block | `triggr-motion/block` | `Animate.Block` | 79 | One complete element: cards, panels, hero images, modals, notifications, drag, parallax, layout transitions |
70
70
 
71
71
  ## Triggers
72
72
 
@@ -198,7 +198,7 @@ For lists, exits fire automatically when a keyed child is removed:
198
198
 
199
199
  ## Text Module
200
200
 
201
- `trigr/text` — 75 presets for short inline text. The animation operates on words, characters, or labels. Nested styled children like `<span className="stat-value">200+</span>` are preserved through text-replacing animations (odometer, ticker, typewriter, scramble, decoder).
201
+ `triggr-motion/text` — 75 presets for short inline text. The animation operates on words, characters, or labels. Nested styled children like `<span className="stat-value">200+</span>` are preserved through text-replacing animations (odometer, ticker, typewriter, scramble, decoder).
202
202
 
203
203
  ```tsx
204
204
  import { Animate } from "triggr-motion/text"
@@ -221,7 +221,7 @@ import { Animate } from "triggr-motion/text"
221
221
 
222
222
  ## Paragraph Module
223
223
 
224
- `trigr/paragraph` — 42 presets for prose. Animations use visual-line measurement for morphText and word/line-level effects. The paragraph wrapper stays intact.
224
+ `triggr-motion/paragraph` — 42 presets for prose. Animations use visual-line measurement for morphText and word/line-level effects. The paragraph wrapper stays intact.
225
225
 
226
226
  ```tsx
227
227
  import { Animate } from "triggr-motion/paragraph"
@@ -243,7 +243,7 @@ import { Animate } from "triggr-motion/paragraph"
243
243
 
244
244
  ## List Module
245
245
 
246
- `trigr/list` — 55 presets for keyed collections. Handles staggered entrances, item presence (add/remove), reorder animation, parallax, marquee, and exit animations.
246
+ `triggr-motion/list` — 55 presets for keyed collections. Handles staggered entrances, item presence (add/remove), reorder animation, parallax, marquee, and exit animations.
247
247
 
248
248
  ```tsx
249
249
  import { Animate } from "triggr-motion/list"
@@ -274,7 +274,7 @@ import { Animate } from "triggr-motion/list"
274
274
 
275
275
  ## Block Module
276
276
 
277
- `trigr/block` — 79 presets for single elements. Supports entrance/exit, scroll-linked parallax, hover states, cursor tracking, overlays, drag gesture, and shared layout transitions.
277
+ `triggr-motion/block` — 79 presets for single elements. Supports entrance/exit, scroll-linked parallax, hover states, cursor tracking, overlays, drag gesture, and shared layout transitions.
278
278
 
279
279
  ```tsx
280
280
  import { Animate } from "triggr-motion/block"
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "triggr-motion",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "Content-aware animation library for React. One import per content type. One prop to trigger.",
5
5
  "license": "MIT",
6
6
  "author": "Emeka Ugbanu",
7
- "homepage": "https://emeka-ugbanu-hub.github.io/Trigr",
7
+ "homepage": "https://emeka-ugbanu-hub.github.io/triggr-motion",
8
8
  "repository": {
9
9
  "type": "git",
10
- "url": "https://github.com/Emeka-Ugbanu-hub/Trigr.git"
10
+ "url": "https://github.com/Emeka-Ugbanu-hub/triggr-motion.git"
11
11
  },
12
12
  "bugs": {
13
- "url": "https://github.com/Emeka-Ugbanu-hub/Trigr/issues"
13
+ "url": "https://github.com/Emeka-Ugbanu-hub/triggr-motion/issues"
14
14
  },
15
15
  "keywords": [
16
16
  "react",